bkui-vue 0.0.1-beta.2 → 0.0.1-beta.22

package/lib/switcher/index.d.ts

@@ -1,2 +1,286 @@
-import Component from './switcher';
-export default Component;
+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("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})}));