bkui-vue 0.0.1-beta.3 → 0.0.1-beta.32

package/lib/swiper/swiper.less

@@ -0,0 +1,107 @@
+.bk-swiper-home {
+  position: relative;
+  overflow: hidden;
+
+  &:hover .bk-swiper-nav {
+    display: block;
+  }
+}
+
+.bk-swiper-main {
+  display: flex;
+  height: 100%;
+  overflow: hidden;
+
+  &.bk-transition {
+    transition: .5s cubic-bezier(.42, 0, .58, 1);
+  }
+
+  .bk-swiper-card {
+    height: 100%;
+    padding: 0;
+    margin: 0;
+  }
+
+  .bk-swiper-img {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+
+  .bk-swiper-link {
+    cursor: pointer;
+  }
+}
+
+.bk-swiper-index {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  justify-content: center;
+
+  li {
+    width: 11px;
+    height: 4px;
+    margin: 0 3px;
+    list-style-type: none;
+    background: #63656e;
+    border-radius: 2px;
+    transition: width .525s;
+
+    &.bk-current-index {
+      width: 17px;
+      background: #c5c7d1;
+    }
+  }
+}
+
+.bk-swiper-nav {
+  position: absolute;
+  top: calc(50% - 15px);
+  display: none;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+  background: rgba(31,45,61,.4);
+  border-radius: 50%;
+
+  .bk-swiper-nav-icon {
+    position: absolute;
+    top: 9px;
+    left: 11px;
+    width: 10px;
+    height: 10px;
+    border-bottom: 2px solid #fff;
+    border-left: 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 {
+  display: flex;
+  height: 100%;
+  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%;
+  padding: 0;
+  margin: 0;
+}
+.bk-swiper-main .bk-swiper-img {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+.bk-swiper-main .bk-swiper-link {
+  cursor: pointer;
+}
+.bk-swiper-index {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  justify-content: center;
+}
+.bk-swiper-index li {
+  width: 11px;
+  height: 4px;
+  margin: 0 3px;
+  list-style-type: none;
+  background: #63656e;
+  border-radius: 2px;
+  transition: width 0.525s;
+}
+.bk-swiper-index li.bk-current-index {
+  width: 17px;
+  background: #c5c7d1;
+}
+.bk-swiper-nav {
+  position: absolute;
+  top: calc(50% - 15px);
+  display: none;
+  width: 30px;
+  height: 30px;
+  cursor: pointer;
+  background: rgba(31, 45, 61, 0.4);
+  border-radius: 50%;
+}
+.bk-swiper-nav .bk-swiper-nav-icon {
+  position: absolute;
+  top: 9px;
+  left: 11px;
+  width: 10px;
+  height: 10px;
+  border-bottom: 2px solid #fff;
+  border-left: 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.d.ts

@@ -0,0 +1,286 @@
+declare const BkSwitcher: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            theme: string;
+            value: string | number | boolean;
+            extCls: string;
+            disabled: boolean;
+            modelValue: string | number | boolean;
+            showText: boolean;
+            isOutline: boolean;
+            onText: string;
+            offText: string;
+            isSquare: boolean;
+            preCheck: (...args: any[]) => any;
+            trueValue: string | number | boolean;
+            falseValue: string | number | boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            showText: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            onText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            offText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            preCheck: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+                default: (...args: any[]) => any;
+            } & {
+                default: (...args: any[]) => any;
+            };
+            trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            value: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "value" | "extCls" | "disabled" | "modelValue" | "showText" | "isOutline" | "onText" | "offText" | "isSquare" | "preCheck" | "trueValue" | "falseValue">;
+        $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: "change" | "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            showText: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            onText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            offText: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            preCheck: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+                default: (...args: any[]) => any;
+            } & {
+                default: (...args: any[]) => any;
+            };
+            trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            value: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+            modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+                default: string | number | boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
+            theme: string;
+            value: string | number | boolean;
+            extCls: string;
+            disabled: boolean;
+            modelValue: string | number | boolean;
+            showText: boolean;
+            isOutline: boolean;
+            onText: string;
+            offText: string;
+            isSquare: boolean;
+            preCheck: (...args: any[]) => any;
+            trueValue: string | number | boolean;
+            falseValue: string | number | boolean;
+        }> & {
+            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<{
+        theme: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        size: import("vue-types").VueTypeDef<string>;
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        showText: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        onText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        offText: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        preCheck: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        } & {
+            default: (...args: any[]) => any;
+        };
+        trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        value: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+        modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+            default: string | number | boolean;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    showText: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    onText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    offText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    preCheck: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+    falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+    value: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+    modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
+    theme: string;
+    value: string | number | boolean;
+    extCls: string;
+    disabled: boolean;
+    modelValue: string | number | boolean;
+    showText: boolean;
+    isOutline: boolean;
+    onText: string;
+    offText: string;
+    isSquare: boolean;
+    preCheck: (...args: any[]) => any;
+    trueValue: string | number | boolean;
+    falseValue: string | number | boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkSwitcher;

package/lib/switcher/index.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared"),require("@bkui-vue/icon")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/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.default=e.exports,e.exports.__esModule=!0}(u);var s=n(u.exports),i=o.defineComponent({name:"BkSwitcher",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===a.value})),l=o.ref(!1!==e.modelValue),a=o.computed((function(){return l.value?e.modelValue:e.value})),p=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 t}));o.watch((function(){return e.modelValue}),(function(){l.value=!0})),o.watch((function(){return e.value}),(function(){l.value=!1}));var c=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),console.log(t)},l=!0;if("function"==typeof e.preCheck&&"function"==typeof(l=e.preCheck(t)).then)return u.value=!0,l.then((function(){s()})).finally((function(){u.value=!1}));l&&s()}};return function(){return o.createVNode("div",{class:p.value,onClick:c,tabindex:"0",onKeydown:c},[o.createVNode("input",{type:"checkbox",disabled:e.disabled,tabindex:"-1"},null),e.showText?o.createVNode("label",{class:"switcher-label"},[o.createVNode("span",{class:"switcher-text on-text"},[e.onText]),o.createVNode("span",{class:"switcher-text off-text"},[e.offText])]):"",u.value?o.createVNode(r.SwitcherLoading,{class:"bk-switcher-loading"},null):""])}}});i.install=function(e){e.component(i.name,i)},e.default=i,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})}));