bkui-vue 0.0.1-beta.21 → 0.0.1-beta.24

package/lib/swiper/index.d.ts

@@ -0,0 +1,181 @@
+declare const BkSwiper: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            width: number;
+            height: number;
+            list: unknown[];
+            isLoop: boolean;
+            loopTime: number;
+            pics: unknown[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            isLoop: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            loopTime: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            pics: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            height: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
+            width: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
+        }>> & {
+            "onIndex-change"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "list" | "isLoop" | "loopTime" | "pics">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "index-change", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            isLoop: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            loopTime: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            pics: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            height: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
+            width: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
+        }>> & {
+            "onIndex-change"?: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "index-change"[], string, {
+            width: number;
+            height: number;
+            list: unknown[];
+            isLoop: boolean;
+            loopTime: number;
+            pics: unknown[];
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        isLoop: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        loopTime: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        pics: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        } & {
+            default: () => unknown[];
+        };
+        height: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
+        width: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
+    }>> & {
+        "onIndex-change"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    isLoop: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loopTime: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    pics: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+}>> & {
+    "onIndex-change"?: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "index-change"[], "index-change", {
+    width: number;
+    height: number;
+    list: unknown[];
+    isLoop: boolean;
+    loopTime: number;
+    pics: unknown[];
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkSwiper;

package/lib/swiper/index.js

@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,n,t){"use strict";var o=n.defineComponent({name:"Swiper",props:{isLoop:t.PropTypes.bool.def(!0),loopTime:t.PropTypes.number.def(8e3),pics:t.PropTypes.array.def([]),list:t.PropTypes.array.def([]),height:t.PropTypes.number,width:t.PropTypes.number},emits:["index-change"],setup:function(e,t){var o,a=t.emit,i=t.slots,r=n.toRefs(e),l=r.isLoop,u=r.loopTime,c=r.pics,s=r.list,d=r.height,p=r.width,v=n.ref(),f=n.ref(0),h=n.ref(0),b=n.ref(0),w=n.ref(0),m=n.computed((function(){var e;return(null===(e=s.value)||void 0===e?void 0:e.length)>0?s.value:c.value})),g=n.computed((function(){return{width:"".concat(h.value*m.value.length,"px"),transform:"translateX(-".concat(h.value*f.value,"px)")}})),k=n.computed((function(){return{width:"".concat(h.value,"px"),height:"".concat(b.value,"px")}})),y=function(e){var n=e;e>=m.value.length&&(n=0),e<0&&(n=m.value.length-1),f.value=n,a("index-change",n)},T=function(e){return["bk-swiper-img",{"bk-swiper-link":e.link},e.class]},x=function(e){return{"background-image":"url(".concat(e.url,")"),"background-color":e.color}},V=function(e){return{"bk-current-index":f.value===e}},N=function e(){l.value&&(w.value=window.setTimeout((function(){y(f.value+1),e()}),u.value))},P=function(){var e,n=function(e){if(void 0===e)return{height:0,width:0};var n=getComputedStyle(e),t=e.clientWidth-parseFloat(n.paddingTop)-parseFloat(n.paddingBottom);return{height:e.clientHeight-parseFloat(n.paddingLeft)-parseFloat(n.paddingRight),width:t}}(null===(e=v.value)||void 0===e?void 0:e.parentElement);h.value=+p.value>0?p.value:n.width,b.value=+d.value>0?d.value:n.height};return n.watch([d,p],P),n.onMounted((function(){var e,n;P(),N(),(n=null===(e=v.value)||void 0===e?void 0:e.parentElement)&&window.ResizeObserver&&(o=new ResizeObserver((function(){P()}))).observe(n)})),n.onBeforeUnmount((function(){var e;window.clearTimeout(w.value),null===(e=o.disconnect)||void 0===e||e.call(o)})),function(){return n.createVNode("section",{class:"bk-swiper-home",ref:v,style:k.value},[n.createVNode("hgroup",{style:g.value,class:"bk-transition bk-swiper-main"},[m.value.map((function(e){var t,o;return n.createVNode("h3",{class:"bk-swiper-card",style:k.value},[null!==(o=null===(t=i.default)||void 0===t?void 0:t.call(i,e))&&void 0!==o?o:n.createVNode("span",{class:T(e),style:x(e),onClick:function(){var n;(n=e.link)&&window.open(n,"_blank")}},null)])}))]),n.createVNode("ul",{class:"bk-swiper-index"},[m.value.map((function(e,t){return n.createVNode("li",{class:V(t),onMouseover:function(){return y(t)}},null)}))]),n.createVNode("span",{class:"bk-swiper-nav bk-nav-prev",onClick:function(){return y(f.value-1)}},[n.createVNode("i",{class:"bk-swiper-nav-icon"},null)]),n.createVNode("span",{class:"bk-swiper-nav bk-nav-next",onClick:function(){return y(f.value+1)}},[n.createVNode("i",{class:"bk-swiper-nav-icon"},null)])])}}}),a=t.withInstall(o);e.default=a,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/swiper/swiper.css

@@ -0,0 +1,91 @@
+.bk-swiper-home {
+  position: relative;
+  overflow: hidden;
+}
+.bk-swiper-home:hover .bk-swiper-nav {
+  display: block;
+}
+.bk-swiper-main {
+  height: 100%;
+  display: flex;
+  overflow: hidden;
+}
+.bk-swiper-main.bk-transition {
+  transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
+}
+.bk-swiper-main .bk-swiper-card {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.bk-swiper-main .bk-swiper-img {
+  display: inline-block;
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.bk-swiper-main .bk-swiper-link {
+  cursor: pointer;
+}
+.bk-swiper-index {
+  position: absolute;
+  bottom: 10px;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  margin: 0;
+  padding: 0;
+}
+.bk-swiper-index li {
+  width: 11px;
+  height: 4px;
+  margin: 0 3px;
+  background: #63656e;
+  border-radius: 2px;
+  transition: width 0.525s;
+  list-style-type: none;
+}
+.bk-swiper-index li.bk-current-index {
+  width: 17px;
+  background: #c5c7d1;
+}
+.bk-swiper-nav {
+  cursor: pointer;
+  position: absolute;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  background: rgba(31, 45, 61, 0.4);
+  top: calc(50% - 15px);
+  display: none;
+}
+.bk-swiper-nav .bk-swiper-nav-icon {
+  position: absolute;
+  top: 9px;
+  left: 11px;
+  width: 10px;
+  height: 10px;
+  border-left: 2px solid #fff;
+  border-bottom: 2px solid #fff;
+}
+.bk-swiper-nav.bk-nav-prev {
+  left: 14px;
+  transform: rotate(45deg);
+}
+.bk-swiper-nav.bk-nav-prev:hover {
+  transform: rotate(45deg);
+}
+.bk-swiper-nav.bk-nav-next {
+  right: 14px;
+  transform: rotate(225deg);
+}
+.bk-swiper-nav.bk-nav-next:hover {
+  transform: rotate(225deg);
+}
+.bk-swiper-nav:hover {
+  background: rgba(31, 45, 61, 0.6);
+}

package/lib/swiper/swiper.d.ts

@@ -0,0 +1,65 @@
+declare const _default: import("vue").DefineComponent<{
+    isLoop: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loopTime: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    pics: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "index-change"[], "index-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isLoop: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    loopTime: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    pics: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+}>> & {
+    "onIndex-change"?: (...args: any[]) => any;
+}, {
+    width: number;
+    height: number;
+    list: unknown[];
+    isLoop: boolean;
+    loopTime: number;
+    pics: unknown[];
+}>;
+export default _default;

package/lib/swiper/swiper.less

@@ -0,0 +1,91 @@
+.bk-swiper-home {
+    position: relative;
+    overflow: hidden;
+    &:hover .bk-swiper-nav {
+        display: block;
+    }
+}
+.bk-swiper-main {
+    height: 100%;
+    display: flex;
+    overflow: hidden;
+    &.bk-transition {
+        transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
+    }
+    .bk-swiper-card {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+    }
+    .bk-swiper-img {
+        display: inline-block;
+        height: 100%;
+        width: 100%;
+        margin: 0;
+        background-size: cover;
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+    .bk-swiper-link {
+        cursor: pointer;
+    }
+}
+.bk-swiper-index {
+    position: absolute;
+    bottom: 10px;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    margin: 0;
+    padding: 0;
+    li {
+        width: 11px;
+        height: 4px;
+        margin: 0 3px;
+        background: #63656e;
+        border-radius: 2px;
+        transition: width 0.525s;
+        list-style-type: none;
+        &.bk-current-index {
+            width: 17px;
+            background: #c5c7d1;
+        }
+    }
+}
+.bk-swiper-nav {
+    cursor: pointer;
+    position: absolute;
+    border-radius: 50%;
+    width: 30px;
+    height: 30px;
+    background: rgba(31,45,61,.4);
+    top: calc(50% - 15px);
+    display: none;
+    .bk-swiper-nav-icon {
+        position: absolute;
+        top: 9px;
+        left: 11px;
+        width: 10px;
+        height: 10px;
+        border-left: 2px solid #fff;
+        border-bottom: 2px solid #fff;
+    }
+    &.bk-nav-prev {
+        left: 14px;
+        transform: rotate(45deg);
+        &:hover {
+            transform: rotate(45deg);
+        }
+    }
+    &.bk-nav-next {
+        right: 14px;
+        transform: rotate(225deg);
+        &:hover {
+            transform: rotate(225deg);
+        }
+    }
+    &:hover {
+        background: rgba(31,45,61,.6);
+    }
+}

package/lib/swiper/swiper.variable.css

@@ -0,0 +1,91 @@
+.bk-swiper-home {
+  position: relative;
+  overflow: hidden;
+}
+.bk-swiper-home:hover .bk-swiper-nav {
+  display: block;
+}
+.bk-swiper-main {
+  height: 100%;
+  display: flex;
+  overflow: hidden;
+}
+.bk-swiper-main.bk-transition {
+  transition: 0.5s cubic-bezier(0.42, 0, 0.58, 1);
+}
+.bk-swiper-main .bk-swiper-card {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.bk-swiper-main .bk-swiper-img {
+  display: inline-block;
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.bk-swiper-main .bk-swiper-link {
+  cursor: pointer;
+}
+.bk-swiper-index {
+  position: absolute;
+  bottom: 10px;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  margin: 0;
+  padding: 0;
+}
+.bk-swiper-index li {
+  width: 11px;
+  height: 4px;
+  margin: 0 3px;
+  background: #63656e;
+  border-radius: 2px;
+  transition: width 0.525s;
+  list-style-type: none;
+}
+.bk-swiper-index li.bk-current-index {
+  width: 17px;
+  background: #c5c7d1;
+}
+.bk-swiper-nav {
+  cursor: pointer;
+  position: absolute;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  background: rgba(31, 45, 61, 0.4);
+  top: calc(50% - 15px);
+  display: none;
+}
+.bk-swiper-nav .bk-swiper-nav-icon {
+  position: absolute;
+  top: 9px;
+  left: 11px;
+  width: 10px;
+  height: 10px;
+  border-left: 2px solid #fff;
+  border-bottom: 2px solid #fff;
+}
+.bk-swiper-nav.bk-nav-prev {
+  left: 14px;
+  transform: rotate(45deg);
+}
+.bk-swiper-nav.bk-nav-prev:hover {
+  transform: rotate(45deg);
+}
+.bk-swiper-nav.bk-nav-next {
+  right: 14px;
+  transform: rotate(225deg);
+}
+.bk-swiper-nav.bk-nav-next:hover {
+  transform: rotate(225deg);
+}
+.bk-swiper-nav:hover {
+  background: rgba(31, 45, 61, 0.6);
+}

package/lib/switcher/index.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e["@bkui-vue/icon/icons"])}(this,(function(e,o,t,r){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var u={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(u);var s=n(u.exports),i=o.defineComponent({name:"Switcher",props:{theme:t.PropTypes.theme().def(""),size:t.PropTypes.size(),disabled:t.PropTypes.bool,showText:t.PropTypes.bool,isOutline:t.PropTypes.bool,onText:t.PropTypes.string.def("ON"),offText:t.PropTypes.string.def("OFF"),isSquare:t.PropTypes.bool,extCls:t.PropTypes.string,preCheck:t.PropTypes.func.def(void 0),trueValue:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number,t.PropTypes.bool]).def(!0),falseValue:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number,t.PropTypes.bool]).def(!1),value:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number,t.PropTypes.bool]).def(!1),modelValue:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.number,t.PropTypes.bool]).def(!1)},emits:["update:modelValue","change"],setup:function(e,t){var n=t.emit,u=o.ref(!1),i=o.computed((function(){return e.trueValue===l.value})),p=o.ref(!1!==e.modelValue),l=o.computed((function(){return p.value?e.modelValue:e.value})),a=o.computed((function(){var o,t=(s(o={},e.extCls,!!e.extCls),s(o,"bk-switcher",!0),s(o,"bk-switcher-outline",e.isOutline),s(o,"bk-switcher-square",e.isSquare),s(o,"show-label",e.showText),s(o,"is-disabled",e.disabled),s(o,"is-checked",i.value),s(o,"is-unchecked",!i.value),s(o,"is-loading",u.value),s(o,"primary","primary"===e.theme),o);e.size&&!e.showText&&(t["bk-switcher-".concat(e.size)]=!0);return e.size||(t["bk-switcher-nomal"]=!0),t}));o.watch((function(){return e.modelValue}),(function(){p.value=!0})),o.watch((function(){return e.value}),(function(){p.value=!1}));var f=function(o){if(o.stopPropagation(),o.preventDefault(),!e.disabled&&!u.value){var t=i.value?e.falseValue:e.trueValue,r=!i.value,s=function(){n("update:modelValue",t),n("change",r)},p=!0;if("function"==typeof e.preCheck&&"function"==typeof(p=e.preCheck(t)).then)return u.value=!0,p.then((function(){s()})).finally((function(){u.value=!1}));p&&s()}};return function(){return o.createVNode("div",{class:a.value,onClick:f,tabindex:"0",onKeydown:f},[u.value?o.createVNode(r.SwitcherLoading,{class:"bk-switcher-loading"},null):"",e.showText?o.createVNode("span",{class:"switcher-text"},[i.value?e.onText:e.offText]):""])}}}),p=t.withInstall(i);e.default=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,o,t,r){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var u={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(u);var s=n(u.exports),i=t.defineComponent({name:"Switcher",props:{theme:o.PropTypes.theme().def(""),size:o.PropTypes.size(),disabled:o.PropTypes.bool,showText:o.PropTypes.bool,isOutline:o.PropTypes.bool,onText:o.PropTypes.string.def("ON"),offText:o.PropTypes.string.def("OFF"),isSquare:o.PropTypes.bool,extCls:o.PropTypes.string,preCheck:o.PropTypes.func.def(void 0),trueValue:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number,o.PropTypes.bool]).def(!0),falseValue:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number,o.PropTypes.bool]).def(!1),value:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number,o.PropTypes.bool]).def(!1),modelValue:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number,o.PropTypes.bool]).def(!1)},emits:["update:modelValue","change"],setup:function(e,o){var n=o.emit,u=t.ref(!1),i=t.computed((function(){return e.trueValue===l.value})),p=t.ref(!1!==e.modelValue),l=t.computed((function(){return p.value?e.modelValue:e.value})),a=t.computed((function(){var o,t=(s(o={},e.extCls,!!e.extCls),s(o,"bk-switcher",!0),s(o,"bk-switcher-outline",e.isOutline),s(o,"bk-switcher-square",e.isSquare),s(o,"show-label",e.showText),s(o,"is-disabled",e.disabled),s(o,"is-checked",i.value),s(o,"is-unchecked",!i.value),s(o,"is-loading",u.value),s(o,"primary","primary"===e.theme),o);e.size&&!e.showText&&(t["bk-switcher-".concat(e.size)]=!0);return e.size||(t["bk-switcher-nomal"]=!0),t}));t.watch((function(){return e.modelValue}),(function(){p.value=!0})),t.watch((function(){return e.value}),(function(){p.value=!1}));var f=function(o){if(o.stopPropagation(),o.preventDefault(),!e.disabled&&!u.value){var t=i.value?e.falseValue:e.trueValue,r=!i.value,s=function(){n("update:modelValue",t),n("change",r)},p=!0;if("function"==typeof e.preCheck&&"function"==typeof(p=e.preCheck(t)).then)return u.value=!0,p.then((function(){s()})).finally((function(){u.value=!1}));p&&s()}};return function(){return t.createVNode("div",{class:a.value,onClick:f,tabindex:"0",onKeydown:f},[u.value?t.createVNode(r.SwitcherLoading,{class:"bk-switcher-loading"},null):"",e.showText?t.createVNode("span",{class:"switcher-text"},[i.value?e.onText:e.offText]):""])}}}),p=o.withInstall(i);e.default=p,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/tab/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../icon/")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon/"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e._)}(this,(function(e,t,n,a){"use strict";var r=t.defineComponent({name:"TabNav",props:{active:{type:String||Number},panels:{type:Array,default:function(){return[]}},closable:n.PropTypes.bool.def(!1),addable:n.PropTypes.bool.def(!1),sortable:n.PropTypes.bool.def(!1),sortType:n.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:n.PropTypes.number.def(50),scrollStep:n.PropTypes.number.def(200),validateActive:n.PropTypes.bool.def(!0),changeOnHover:n.PropTypes.bool.def(!1),changeOnHoverDelay:n.PropTypes.number.def(1e3),tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(){return{}}},tabRemove:{type:Function,default:function(){return{}}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},methods:{distinctRoots:function(e,t){return e===t},swapArr:function(e,t,n){var a=e[t];e[t]=e[n],e[n]=a},handleTabAdd:function(e){this.tabAdd(e)},dragstart:function(e,t){this.dragStartIndex=e,this.draggingEle=this.guid,t.dataTransfer.effectAllowed="move",this.tabDrag(e,t)},dragenter:function(e){this.distinctRoots(this.draggingEle,this.guid)&&(this.dragenterIndex=e)},dragend:function(){this.dragenterIndex=-1,this.dragStartIndex=-1,this.draggingEle=null},drop:function(e,t){if(!this.distinctRoots(this.draggingEle,this.guid))return!1;if("insert"===t)if(this.dragStartIndex<e)this.panels.splice(e+1,0,this.panels[this.dragStartIndex]),this.panels.splice(this.dragStartIndex,1);else{if(!(this.dragStartIndex>e))return!1;this.panels.splice(e,0,this.panels[this.dragStartIndex]),this.panels.splice(this.dragStartIndex+1,1)}else this.swapArr(this.panels,this.dragStartIndex,e);this.tabSort(this.dragStartIndex,e)},handleTabChange:function(e){this.tabChange(e)},handleTabRemove:function(e,t){this.tabRemove(e,t)}},setup:function(e){return{navs:t.computed((function(){if(!Array.isArray(e.panels)||!e.panels.length)return[];var n=[],a=!1;return e.panels.filter((function(r,o){if(!r.props)return null;var i=r.props,s=i.name,l=i.label,d=i.closable,c=i.visible,p=i.disabled,u=i.sortable;if(!c)return!1;e.active===s&&(a=!0);return n.push({name:s,closable:d,visible:c,disabled:p,sortable:u,tabLabel:function(e){return r.slots.label?t.h(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?t.h(e):e}(l)}),!0})),!a&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),n})),dragenterIndex:t.ref(-1),dragStartIndex:t.ref(-1),draggingEle:t.ref(""),guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)}},render:function(){var e,n,r,o,i,s,l=this,d=this.active,c=this.closable,p=this.addable,u=this.sortable,b=this.sortType,f=this.labelHeight,h=this.dragstart,g=this.dragenter,v=this.dragend,y=this.drop;return t.createVNode("div",{style:{lineHeight:"".concat(f,"px")},class:"bk-tab-header"},[t.createVNode("div",{class:"bk-tab-header-nav"},[l.navs.map((function(e,n){if(!e)return null;var r,o=e.name,i=e.disabled,s=e.tabLabel,p=function(e,t){return"boolean"==typeof e?e:t};return t.createVNode("div",{key:o,onClick:function(){return l.handleTabChange(o)},draggable:p(e.sortable,u),onDragstart:function(e){return h(n,e)},onDragenter:function(e){e.preventDefault(),g(n)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),v()},onDrop:function(e){e.preventDefault(),y(n,b)},class:(r=["bk-tab-header-item"],i&&r.push("bk-tab-header--disabled"),d===o&&r.push("bk-tab-header--active"),r.join(" "))},[t.createVNode("div",null,[s]),p(e.closable,c)&&t.createVNode(a.Close,{class:"bk-tab-header-item-close",onClick:function(){return l.handleTabRemove(n,e)}},null)])}))]),t.createVNode("div",{class:"bk-tab-header-operation"},[(s=[],"function"==typeof l.$slots.add?i=null===(n=(e=l.$slots).add)||void 0===n?void 0:n.call(e,t.h):p&&(i=t.createVNode("div",{onClick:l.handleTabAdd},[t.createVNode(a.Plus,{width:26,height:26},null)])),s.push(i),"function"==typeof l.$slots.setting&&s.push(null===(o=(r=l.$slots).setting)||void 0===o?void 0:o.call(r,t.h)),s.map((function(e,n){return t.createVNode("div",{class:"bk-tab-header-item",key:n},[e])})))])])}}),o=t.defineComponent({name:"Tab",components:{TabNav:r},props:{active:{type:String||Number},type:n.PropTypes.commonType(["card","border-card","unborder-card"],"type").def("border-card"),tabPosition:n.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:n.PropTypes.bool.def(!1),addable:n.PropTypes.bool.def(!1),sortable:n.PropTypes.bool.def(!1),sortType:n.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:n.PropTypes.number.def(50),scrollStep:n.PropTypes.number.def(200),extCls:n.PropTypes.string.def(""),validateActive:n.PropTypes.bool.def(!0),showHeader:n.PropTypes.bool.def(!0),changeOnHover:n.PropTypes.bool.def(!1),changeOnHoverDelay:n.PropTypes.number.def(1e3)},emits:["add-panel","tab-change","close-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],methods:{tabAdd:function(e){this.$emit("add",{e:e}),this.$emit("add-panel",{e:e})},tabChange:function(e){this.$emit("change",e),this.$emit("tab-change",e),this.$emit("update:active",e)},tabRemove:function(e,t){this.$emit("remove",e,t),this.$emit("close-panel",e,t)},tabSort:function(e,t){this.$emit("sort",e,t),this.$emit("sort-change",e,t)},tabDrag:function(e,t){this.$emit("drag",e,t),this.$emit("on-drag-tab",e,t)}},setup:function(e,n){var a=n.slots,r=t.ref(!1),o=t.ref([]),i=t.getCurrentInstance();"function"==typeof a.panel&&(o.value=a.default()),"function"==typeof a.default&&(o.value=a.default());var s=function e(n){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=n.children;return(r||[]).forEach((function(n){var r=n.type;"TabPanel"===(r=r.name||r)&&n.component?a.push(n.component):r!==t.Fragment&&"template"!==r||e(n,a)})),a},l=function(){if(a.default){var e=i.subTree.children[1].children;if(!e)return;var t=e[0],n=s(t);!(n.length===o.value.length&&n.every((function(e,t){return e.uid===o.value[t].uid})))&&(o.value=n)}};return t.onMounted((function(){l(),r.value=!0})),t.onUpdated((function(){l()})),{isMounted:r,panels:o}},render:function(){var e,n,a,o,i=this;return t.createVNode("div",{class:"top"===i.tabPosition?"bk-tab bk-tab--".concat(i.tabPosition," bk-tab--").concat(i.type," ").concat(i.extCls):"bk-tab bk-tab--".concat(i.tabPosition,"  ").concat(i.extCls)},[(a=i.panels,o={panels:a,active:i.active,type:i.type,closable:i.closable,addable:i.addable,sortable:i.sortable,sortType:i.sortType,labelHeight:i.labelHeight,scrollStep:i.scrollStep,validateActive:i.validateActive,changeOnHover:i.changeOnHover,changeOnHoverDelay:i.changeOnHoverDelay,tabAdd:i.tabAdd,tabChange:i.tabChange,tabRemove:i.tabRemove,tabSort:i.tabSort,tabDrag:i.tabDrag},a&&Array.isArray(a)?t.createVNode(r,o,i.$slots):null),t.createVNode("div",{class:"bk-tab-content"},[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])])}}),i=t.defineComponent({name:"TabPanel",props:{name:{type:String||Number},label:String||Function,closable:Function||Boolean,visible:n.PropTypes.bool.def(!0),disabled:n.PropTypes.bool.def(null)||void 0,sortable:Function||Boolean,renderDirective:n.PropTypes.commonType(["if","show"],"render").def("show"),panel:String||Function},render:function(){var e=this,n=this.name===this.$parent.active;return t.withDirectives(t.createVNode("div",{ref:"content",class:"bk-tab-panel"},[!e.visible||"if"===e.renderDirective&&!n?null:"function"==typeof e.panel?e.panel(t.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[t.vShow,n]])}}),s=n.withInstall(o),l=n.withInstall(i);e.BKTab=s,e.BKTabPanel=l,e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon/")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon/"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e._)}(this,(function(e,t,n,a){"use strict";var r=n.defineComponent({name:"TabNav",props:{active:{type:String||Number},panels:{type:Array,default:function(){return[]}},closable:t.PropTypes.bool.def(!1),addable:t.PropTypes.bool.def(!1),sortable:t.PropTypes.bool.def(!1),sortType:t.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:t.PropTypes.number.def(50),scrollStep:t.PropTypes.number.def(200),validateActive:t.PropTypes.bool.def(!0),changeOnHover:t.PropTypes.bool.def(!1),changeOnHoverDelay:t.PropTypes.number.def(1e3),tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(){return{}}},tabRemove:{type:Function,default:function(){return{}}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},setup:function(e){return{navs:n.computed((function(){if(!Array.isArray(e.panels)||!e.panels.length)return[];var t=[],a=!1;return e.panels.filter((function(r,o){if(!r.props)return null;var i=r.props,s=i.name,l=i.label,d=i.closable,c=i.visible,p=i.disabled,u=i.sortable;if(!c)return!1;e.active===s&&(a=!0);return t.push({name:s,closable:d,visible:c,disabled:p,sortable:u,tabLabel:function(e){return r.slots.label?n.h(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?n.h(e):e}(l)}),!0})),!a&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),t})),dragenterIndex:n.ref(-1),dragStartIndex:n.ref(-1),draggingEle:n.ref(""),guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)}},methods:{distinctRoots:function(e,t){return e===t},swapArr:function(e,t,n){var a=e[t];e[t]=e[n],e[n]=a},handleTabAdd:function(e){this.tabAdd(e)},dragstart:function(e,t){this.dragStartIndex=e,this.draggingEle=this.guid,t.dataTransfer.effectAllowed="move",this.tabDrag(e,t)},dragenter:function(e){this.distinctRoots(this.draggingEle,this.guid)&&(this.dragenterIndex=e)},dragend:function(){this.dragenterIndex=-1,this.dragStartIndex=-1,this.draggingEle=null},drop:function(e,t){if(!this.distinctRoots(this.draggingEle,this.guid))return!1;if("insert"===t)if(this.dragStartIndex<e)this.panels.splice(e+1,0,this.panels[this.dragStartIndex]),this.panels.splice(this.dragStartIndex,1);else{if(!(this.dragStartIndex>e))return!1;this.panels.splice(e,0,this.panels[this.dragStartIndex]),this.panels.splice(this.dragStartIndex+1,1)}else this.swapArr(this.panels,this.dragStartIndex,e);this.tabSort(this.dragStartIndex,e)},handleTabChange:function(e){this.tabChange(e)},handleTabRemove:function(e,t){this.tabRemove(e,t)}},render:function(){var e,t,r,o,i,s,l=this,d=this.active,c=this.closable,p=this.addable,u=this.sortable,b=this.sortType,f=this.labelHeight,h=this.dragstart,g=this.dragenter,v=this.dragend,y=this.drop;return n.createVNode("div",{style:{lineHeight:"".concat(f,"px")},class:"bk-tab-header"},[n.createVNode("div",{class:"bk-tab-header-nav"},[l.navs.map((function(e,t){if(!e)return null;var r,o=e.name,i=e.disabled,s=e.tabLabel,p=function(e,t){return"boolean"==typeof e?e:t};return n.createVNode("div",{key:o,onClick:function(){return l.handleTabChange(o)},draggable:p(e.sortable,u),onDragstart:function(e){return h(t,e)},onDragenter:function(e){e.preventDefault(),g(t)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),v()},onDrop:function(e){e.preventDefault(),y(t,b)},class:(r=["bk-tab-header-item"],i&&r.push("bk-tab-header--disabled"),d===o&&r.push("bk-tab-header--active"),r.join(" "))},[n.createVNode("div",null,[s]),p(e.closable,c)&&n.createVNode(a.Close,{class:"bk-tab-header-item-close",onClick:function(){return l.handleTabRemove(t,e)}},null)])}))]),n.createVNode("div",{class:"bk-tab-header-operation"},[(s=[],"function"==typeof l.$slots.add?i=null===(t=(e=l.$slots).add)||void 0===t?void 0:t.call(e,n.h):p&&(i=n.createVNode("div",{onClick:l.handleTabAdd},[n.createVNode(a.Plus,{width:26,height:26},null)])),s.push(i),"function"==typeof l.$slots.setting&&s.push(null===(o=(r=l.$slots).setting)||void 0===o?void 0:o.call(r,n.h)),s.map((function(e,t){return n.createVNode("div",{class:"bk-tab-header-item",key:t},[e])})))])])}}),o=n.defineComponent({name:"Tab",components:{TabNav:r},props:{active:{type:String||Number},type:t.PropTypes.commonType(["card","border-card","unborder-card"],"type").def("border-card"),tabPosition:t.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:t.PropTypes.bool.def(!1),addable:t.PropTypes.bool.def(!1),sortable:t.PropTypes.bool.def(!1),sortType:t.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:t.PropTypes.number.def(50),scrollStep:t.PropTypes.number.def(200),extCls:t.PropTypes.string.def(""),validateActive:t.PropTypes.bool.def(!0),showHeader:t.PropTypes.bool.def(!0),changeOnHover:t.PropTypes.bool.def(!1),changeOnHoverDelay:t.PropTypes.number.def(1e3)},emits:["add-panel","tab-change","close-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,t){var a=t.slots,r=n.ref(!1),o=n.ref([]),i=n.getCurrentInstance();"function"==typeof a.panel&&(o.value=a.default()),"function"==typeof a.default&&(o.value=a.default());var s=function e(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=t.children;return(r||[]).forEach((function(t){var r=t.type;"TabPanel"===(r=r.name||r)&&t.component?a.push(t.component):r!==n.Fragment&&"template"!==r||e(t,a)})),a},l=function(){if(a.default){var e=i.subTree.children[1].children;if(!e)return;var t=e[0],n=s(t);!(n.length===o.value.length&&n.every((function(e,t){return e.uid===o.value[t].uid})))&&(o.value=n)}};return n.onMounted((function(){l(),r.value=!0})),n.onUpdated((function(){l()})),{isMounted:r,panels:o}},methods:{tabAdd:function(e){this.$emit("add",{e:e}),this.$emit("add-panel",{e:e})},tabChange:function(e){this.$emit("change",e),this.$emit("tab-change",e),this.$emit("update:active",e)},tabRemove:function(e,t){this.$emit("remove",e,t),this.$emit("close-panel",e,t)},tabSort:function(e,t){this.$emit("sort",e,t),this.$emit("sort-change",e,t)},tabDrag:function(e,t){this.$emit("drag",e,t),this.$emit("on-drag-tab",e,t)}},render:function(){var e,t,a,o,i=this;return n.createVNode("div",{class:"top"===i.tabPosition?"bk-tab bk-tab--".concat(i.tabPosition," bk-tab--").concat(i.type," ").concat(i.extCls):"bk-tab bk-tab--".concat(i.tabPosition,"  ").concat(i.extCls)},[(a=i.panels,o={panels:a,active:i.active,type:i.type,closable:i.closable,addable:i.addable,sortable:i.sortable,sortType:i.sortType,labelHeight:i.labelHeight,scrollStep:i.scrollStep,validateActive:i.validateActive,changeOnHover:i.changeOnHover,changeOnHoverDelay:i.changeOnHoverDelay,tabAdd:i.tabAdd,tabChange:i.tabChange,tabRemove:i.tabRemove,tabSort:i.tabSort,tabDrag:i.tabDrag},a&&Array.isArray(a)?n.createVNode(r,o,i.$slots):null),n.createVNode("div",{class:"bk-tab-content"},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])])}}),i=n.defineComponent({name:"TabPanel",props:{name:{type:String||Number},label:String||Function,closable:Function||Boolean,visible:t.PropTypes.bool.def(!0),disabled:t.PropTypes.bool.def(null)||void 0,sortable:Function||Boolean,renderDirective:t.PropTypes.commonType(["if","show"],"render").def("show"),panel:String||Function},render:function(){var e=this,t=this.name===this.$parent.active;return n.withDirectives(n.createVNode("div",{ref:"content",class:"bk-tab-panel"},[!e.visible||"if"===e.renderDirective&&!t?null:"function"==typeof e.panel?e.panel(n.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[n.vShow,t]])}}),s=t.withInstall(o),l=t.withInstall(i);e.BKTab=s,e.BKTabPanel=l,e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/tab/tab-nav.d.ts

@@ -1,4 +1,4 @@
-import { VNode, PropType } from 'vue';
+import { PropType, VNode } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     active: {
         type: NumberConstructor | StringConstructor;