add alpha branch

This commit is contained in:
就眠儀式
2022-01-27 16:18:16 +08:00
parent 5c79b2b9ba
commit 5ea8b7bf7c
103 changed files with 577 additions and 474 deletions

View File

@@ -1,9 +1,8 @@
import type { App } from "vue";
import Component from "./index.vue";
import type { IDefineComponent } from "../type/index";
Component.install = (app: App) => {
app.component(Component.name || "LayTab", Component);
app.component(Component.name, Component);
};
export default Component as IDefineComponent;
export default Component;

View File

@@ -1,30 +1,3 @@
<template>
<div
class="layui-tab"
:class="[type ? 'layui-tab-' + type : '']"
v-if="active"
>
<ul class="layui-tab-title">
<li
v-for="(children, index) in childrens"
:key="children"
:class="[children.props.id === active ? 'layui-this' : '']"
@click.stop="change(children.props.id)"
>
{{ children.props.title }}
<i
v-if="allowClose && children.props.closable != false"
class="layui-icon layui-icon-close layui-unselect layui-tab-close"
@click.stop="close(index, children.props.id)"
></i>
</li>
</ul>
<div class="layui-tab-content">
<slot></slot>
</div>
</div>
</template>
<script lang="ts">
export default {
name: "LayTab",
@@ -114,3 +87,30 @@ watch(slotsChange, function () {
provide("active", active);
provide("slotsChange", slotsChange);
</script>
<template>
<div
class="layui-tab"
:class="[type ? 'layui-tab-' + type : '']"
v-if="active"
>
<ul class="layui-tab-title">
<li
v-for="(children, index) in childrens"
:key="children"
:class="[children.props.id === active ? 'layui-this' : '']"
@click.stop="change(children.props.id)"
>
{{ children.props.title }}
<i
v-if="allowClose && children.props.closable != false"
class="layui-icon layui-icon-close layui-unselect layui-tab-close"
@click.stop="close(index, children.props.id)"
></i>
</li>
</ul>
<div class="layui-tab-content">
<slot></slot>
</div>
</div>
</template>