bkui-vue 0.0.1-beta.36 → 0.0.1-beta.39

package/lib/tag/index.d.ts

@@ -1,229 +0,0 @@
-declare const BkTag: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            type: string;
-            theme: string;
-            closable: boolean;
-            extCls: string;
-            radius: string;
-            checked: boolean;
-            checkable: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            theme: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            closable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            type: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            checkable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            checked: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            radius: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            extCls: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-        }>> & {
-            onChange?: (...args: any[]) => any;
-            onClose?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "theme" | "closable" | "extCls" | "radius" | "checked" | "checkable">;
-        $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: "close" | "change", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            theme: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            closable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            type: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            checkable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            checked: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            radius: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            extCls: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-        }>> & {
-            onChange?: (...args: any[]) => any;
-            onClose?: (...args: any[]) => any;
-        }, {
-            wrapperCls: import("vue").ComputedRef<string>;
-            wrapperStyle: import("vue").ComputedRef<{
-                borderRadius: string;
-            }>;
-            handleClose: (e: Event) => void;
-            handleClick: (e: Event) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "change")[], string, {
-            type: string;
-            theme: string;
-            closable: boolean;
-            extCls: string;
-            radius: string;
-            checked: boolean;
-            checkable: 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;
-        };
-        closable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        type: import("vue-types").VueTypeDef<string> & {
-            default: string;
-        };
-        checkable: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        checked: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        radius: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-    }>> & {
-        onChange?: (...args: any[]) => any;
-        onClose?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{
-        wrapperCls: import("vue").ComputedRef<string>;
-        wrapperStyle: import("vue").ComputedRef<{
-            borderRadius: string;
-        }>;
-        handleClose: (e: Event) => void;
-        handleClick: (e: Event) => void;
-    }> & {} & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    closable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    type: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    checkable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    checked: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    radius: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-}>> & {
-    onChange?: (...args: any[]) => any;
-    onClose?: (...args: any[]) => any;
-}, {
-    wrapperCls: import("vue").ComputedRef<string>;
-    wrapperStyle: import("vue").ComputedRef<{
-        borderRadius: string;
-    }>;
-    handleClose: (e: Event) => void;
-    handleClick: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "change")[], "close" | "change", {
-    type: string;
-    theme: string;
-    closable: boolean;
-    extCls: string;
-    radius: string;
-    checked: boolean;
-    checkable: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
-export default BkTag;

package/lib/tag/tag.css

@@ -1,97 +0,0 @@
-.bk-tag {
-  display: inline-flex;
-  align-items: center;
-  height: 22px;
-  padding: 0 10px;
-  margin: 2px 6px 2px 0px;
-  font-size: 12px;
-  line-height: 22px;
-  color: #63656e;
-  cursor: default;
-  background-color: rgba(151, 155, 165, 0.1);
-  border-color: rgba(217, 220, 230, 0.6);
-  box-sizing: border-box;
-}
-.bk-tag.bk-tag-success {
-  color: #14a568;
-  border-color: rgba(20, 165, 104, 0.3);
-  background-color: rgba(20, 165, 104, 0.1);
-}
-.bk-tag.bk-tag-success.bk-tag-filled {
-  background-color: #14a568;
-}
-.bk-tag.bk-tag-info {
-  color: #3a84ff;
-  border-color: rgba(58, 132, 255, 0.3);
-  background-color: rgba(58, 132, 255, 0.1);
-}
-.bk-tag.bk-tag-info.bk-tag-filled {
-  background-color: #3a84ff;
-}
-.bk-tag.bk-tag-warning {
-  color: #fe9c00;
-  border-color: rgba(254, 165, 0, 0.3);
-  background-color: rgba(254, 156, 0, 0.1);
-}
-.bk-tag.bk-tag-warning.bk-tag-filled {
-  background-color: #fe9c00;
-}
-.bk-tag.bk-tag-danger {
-  color: #ea3636;
-  border-color: rgba(234, 53, 54, 0.3);
-  background-color: rgba(234, 53, 54, 0.1);
-}
-.bk-tag.bk-tag-danger.bk-tag-filled {
-  background-color: #ea3636;
-}
-.bk-tag:hover {
-  opacity: 0.8;
-}
-.bk-tag.bk-tag-filled {
-  color: #fff;
-  background-color: #979ba5;
-}
-.bk-tag.bk-tag-stroke {
-  padding: 0 9px;
-  line-height: 20px;
-  border-style: solid;
-  border-width: 1px;
-}
-.bk-tag.bk-tag-closable {
-  padding: 0 4px 0 10px;
-}
-.bk-tag.bk-tag-checkable {
-  cursor: pointer;
-  background: none;
-}
-.bk-tag.bk-tag-checkable:hover {
-  background: rgba(151, 155, 165, 0.15);
-}
-.bk-tag.bk-tag-check {
-  color: #fff;
-  background: #3a84ff;
-}
-.bk-tag.bk-tag-check:hover {
-  color: #fff;
-  background: #3a84ff;
-  opacity: 1;
-}
-.bk-tag .bk-tag-text {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.bk-tag .bk-tag-icon {
-  flex-shrink: 0;
-  margin-right: 4px;
-  font-size: 14px;
-  line-height: 0;
-}
-.bk-tag .bk-tag-close {
-  flex-shrink: 0;
-  margin-left: 4px;
-  font-size: 12px;
-  line-height: 0;
-  cursor: pointer;
-}

package/lib/tag/tag.d.ts

@@ -1,84 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    closable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    type: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    checkable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    checked: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    radius: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-}, {
-    wrapperCls: import("vue").ComputedRef<string>;
-    wrapperStyle: import("vue").ComputedRef<{
-        borderRadius: string;
-    }>;
-    handleClose: (e: Event) => void;
-    handleClick: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "change")[], "close" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    closable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    type: import("vue-types").VueTypeDef<string> & {
-        default: string;
-    };
-    checkable: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    checked: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    radius: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-}>> & {
-    onChange?: (...args: any[]) => any;
-    onClose?: (...args: any[]) => any;
-}, {
-    type: string;
-    theme: string;
-    closable: boolean;
-    extCls: string;
-    radius: string;
-    checked: boolean;
-    checkable: boolean;
-}>;
-export default _default;

package/lib/tag/tag.js

@@ -1 +0,0 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","@babel/runtime/helpers/defineProperty","vue","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("@babel/runtime/helpers/defineProperty"),require("vue"),require("../icon")):r(e["../shared"],e["@babel/runtime/helpers/defineProperty"],e.vue,e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o)=>(()=>{"use strict";var s={6870:e=>{e.exports=o},4212:r=>{r.exports=e},311:e=>{e.exports=r},748:e=>{e.exports=t}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return s[e](t,t.exports,a),t.exports}a.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return a.d(r,{a:r}),r},a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{default:()=>i});var e=a(4212),r=a(311),t=a.n(r),o=a(748),s=a(6870);const n=(0,o.defineComponent)({name:"Tag",props:{theme:e.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:e.PropTypes.bool.def(!1),type:e.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:e.PropTypes.bool.def(!1),checked:e.PropTypes.bool.def(!1),radius:e.PropTypes.string.def("2px"),extCls:e.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(r,s){var n=s.emit;return{wrapperCls:(0,o.computed)((function(){var o;return(0,e.classes)((o={"bk-tag-closable":r.closable,"bk-tag-checkable":r.checkable,"bk-tag-check":r.checked},t()(o,"bk-tag-".concat(r.type),r.type),t()(o,"bk-tag-".concat(r.theme),r.theme),t()(o,r.extCls,!!r.extCls),o),"bk-tag")})),wrapperStyle:(0,o.computed)((function(){return{borderRadius:r.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),n("close",e)},handleClick:function(e){e.preventDefault(),e.stopPropagation(),r.checkable&&n("change",!r.checked)}}},render:function(){var e,r;return(0,o.createVNode)("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?(0,o.createVNode)("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",(0,o.createVNode)("span",{class:"bk-tag-text"},[null===(r=(e=this.$slots).default)||void 0===r?void 0:r.call(e)]),this.closable?(0,o.createVNode)(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),i=(0,e.withInstall)(n)})(),l})()));

package/lib/tag/tag.less

@@ -1,113 +0,0 @@
-@import '../styles/themes/themes.less';
-
-@tag-base-color: #fff;
-@tag-success-color: #14a568;
-@tag-info-color: @primary-color;
-@tag-warning-color: #fe9c00;
-@tag-danger-color: @danger-color;
-
-@tag-success-bg-color: rgba(20,165,104,.1);
-@tag-info-bg-color: rgba(58,132,255,.1);
-@tag-warning-bg-color: rgba(254,156,0,.1);
-@tag-danger-bg-color: rgba(234,53,54,.1);
-@tag-filled-bg-color: #979ba5;
-
-@tag-success-border-color: rgba(20,165,104,.3);
-@tag-info-border-color: rgba(58,132,255,.3);
-@tag-warning-border-color: rgba(254,165,0,.3);
-@tag-danger-border-color: rgba(234,53,54,.3);
-
-@tag-checkable-hover-bg-color: rgba(151,155,165,.15);
-
-@themeSelectors: success, info, warning, danger;
-
-.bk-tag {
-  display: inline-flex;
-  align-items: center;
-  height: 22px;
-  padding: 0 10px;
-  margin: 2px 6px 2px 0px;
-  font-size: 12px;
-  line-height: 22px;
-  color: @default-color;
-  cursor: default;
-  background-color: rgba(151,155,165,.1);
-  border-color: rgba(217, 220, 230, .6);
-  box-sizing: border-box;
-
-  each(@themeSelectors, {
-    @color: 'tag-@{value}-color';
-    @borderColor: 'tag-@{value}-border-color';
-    @bgColor: 'tag-@{value}-bg-color';
-    &.bk-tag-@{value} {
-      color: @@color;
-      border-color: @@borderColor;
-      background-color: @@bgColor;
-      &.bk-tag-filled {
-        background-color: @@color;
-      }
-    }
-  });
-
-  &:hover {
-    opacity: .8;
-  }
-
-  &.bk-tag-filled {
-    color: @tag-base-color;
-    background-color: @tag-filled-bg-color;
-  }
-
-  &.bk-tag-stroke {
-    padding: 0 9px;
-    line-height: 20px;
-    border-style: solid;
-    border-width: 1px;
-  }
-
-  &.bk-tag-closable {
-    padding: 0 4px 0 10px;
-  }
-
-  &.bk-tag-checkable {
-    cursor: pointer;
-    background: none;
-
-    &:hover {
-      background: @tag-checkable-hover-bg-color;
-    }
-  }
-
-  &.bk-tag-check {
-    color: @tag-base-color;
-    background: @tag-info-color;
-
-    &:hover {
-      color: @tag-base-color;
-      background: @tag-info-color;
-      opacity: 1;
-    }
-  }
-
-  .bk-tag-text {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .bk-tag-icon {
-    flex-shrink: 0;
-    margin-right: 4px;
-    font-size: 14px;
-    line-height: 0;
-  }
-
-  .bk-tag-close {
-    flex-shrink: 0;
-    margin-left: 4px;
-    font-size: 12px;
-    line-height: 0;
-    cursor: pointer;
-  }
-}