bkui-vue 0.0.1-beta.99 → 0.0.1

package/lib/table-column/index.js

@@ -0,0 +1 @@
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],o);else{var p="object"==typeof exports?o(require("../shared"),require("vue"),require("vue-types")):o(e["../shared"],e.vue,e["vue-types"]);for(var r in p)("object"==typeof exports?exports:e)[r]=p[r]}}(self,((e,o,p)=>(()=>{"use strict";var r={4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=p}},n={};function t(e){var o=n[e];if(void 0!==o)return o.exports;var p=n[e]={exports:{}};return r[e](p,p.exports,t),p.exports}t.d=(e,o)=>{for(var p in o)t.o(o,p)&&!t.o(e,p)&&Object.defineProperty(e,p,{enumerable:!0,get:o[p]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{t.r(s),t.d(s,{default:()=>j});var e,o,p,r,n=t(4212),T=t(748);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function f(e,o,p){return(o=function(e){var o=function(e,o){if("object"!==i(e)||null===e)return e;var p=e[Symbol.toPrimitive];if(void 0!==p){var r=p.call(e,"string");if("object"!==i(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===i(o)?o:String(o)}(o))in e?Object.defineProperty(e,o,{value:p,enumerable:!0,configurable:!0,writable:!0}):e[o]=p,e}!function(e){e.NONE="none",e.ROW="row",e.COL="col",e.OUTER="outer",e.HORIZONTAL="horizontal"}(p||(p={})),function(e){e.HIGHLIGHT="highlight",e.AUTO="auto"}(r||(r={}));var y,u,l=[r.AUTO,r.HIGHLIGHT];p.NONE,p.ROW,p.COL,p.OUTER,p.HORIZONTAL,function(e){e.ON_SORT_BY_CLICK="onSortByClick",e.ON_FILTER_CLICK="onFilterClick",e.ON_SETTING_CHANGE="onSettingChange",e.ON_ROW_EXPAND_CLICK="onRowExpandClick",e.ON_ROW_CHECK="onRowCheck"}(y||(y={})),function(e){e.COLUMN_PICK="columnPick",e.COLUMN_SORT="columnSort",e.COLUMN_FILTER="columnFilter",e.COLUMN_FILTER_SAVE="colFilterSave",e.ROW_CLICK="rowClick",e.ROW_DBL_CLICK="rowDblclick",e.ROW_EXPAND_CLICK="rowExpand",e.ROW_MOUSE_ENTER="rowMouseEnter",e.ROW_MOUSE_LEAVE="rowMouseLeave",e.PAGE_LIMIT_CHANGE="pageLimitChange",e.PAGE_VALUE_CHANGE="pageValueChange",e.SETTING_CHANGE="settingChange",e.SCROLL_BOTTOM="scrollBottom",e.ROW_SELECT="select",e.ROW_SELECT_ALL="selectAll",e.ROW_SELECT_CHANGE="selectionChange",e.CELL_CLICK="cellClick",e.CELL_DBL_CLICK="cellDblclick",e.NATIVE_CLICK="click",e.NATIVE_DBL_CLICK="dblclick"}(u||(u={}));var d,a=function(){return!0};f(e={},u.COLUMN_PICK,a),f(e,u.COLUMN_FILTER,a),f(e,u.COLUMN_SORT,a),f(e,u.COLUMN_FILTER_SAVE,a),f(e,u.ROW_CLICK,a),f(e,u.ROW_DBL_CLICK,a),f(e,u.ROW_EXPAND_CLICK,a),f(e,u.ROW_SELECT,a),f(e,u.ROW_SELECT_ALL,a),f(e,u.ROW_SELECT_CHANGE,a),f(e,u.PAGE_LIMIT_CHANGE,a),f(e,u.PAGE_VALUE_CHANGE,a),f(e,u.SETTING_CHANGE,a),f(e,u.SCROLL_BOTTOM,a),f(e,u.CELL_CLICK,a),f(e,u.CELL_DBL_CLICK,a),f(e,u.ROW_MOUSE_ENTER,a),f(e,u.ROW_MOUSE_LEAVE,a),f(o={},u.NATIVE_CLICK,a),f(o,u.NATIVE_DBL_CLICK,a),function(e){e.ASC="asc",e.DESC="desc",e.NULL="null",e.CUSTOM="custom"}(d||(d={})),d.ASC,d.DESC,d.NULL,d.CUSTOM;var c,P,O=t(210);!function(e){e.CURRENT="current",e.ALL="all"}(c||(c={})),function(e){e.STATIC="static",e.AUTO="auto"}(P||(P={}));var C,b,L=(0,O.toType)("showOverflowTooltipMode",{default:P.AUTO});!function(e){e.SELECTION="selection",e.INDEX="index",e.EXPAND="expand",e.NONE="none"}(C||(C={})),function(e){e.LEFT="left",e.RIGHT="right",e.CENTER="center",e.NONE=""}(b||(b={}));var E,_=(0,O.toType)("columnType",{default:C.NONE}),m=(0,O.toType)("columnType",{default:b.NONE});!function(e){e.FULL="full",e.FUZZY="fuzzy"}(E||(E={}));var h,v=(0,O.toType)("full",{default:E.FULL});!function(e){e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(h||(h={}));var g,N=(0,O.toType)("columnSize",{default:h.SMALL});!function(e){e.LEFT="left",e.RIGHT="right"}(g||(g={}));var S,I,R=(0,O.string)(),A=(0,O.toType)("sortScope",{}).def(c.CURRENT);!function(e){e.MULTI="multi",e.SINGLE="single",e.DISABLED="disabled"}(S||(S={})),function(e){e.DEBOUNCE="debounce",e.THROTTLE="throttle"}(I||(I={}));var U={label:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),field:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),render:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),width:n.PropTypes.oneOfType([n.PropTypes.number.def(void 0),n.PropTypes.string.def("auto")]),minWidth:n.PropTypes.oneOfType([n.PropTypes.number.def(void 0),n.PropTypes.string.def("auto")]).def(30),columnKey:n.PropTypes.string.def(""),showOverflowTooltip:n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.shape({content:n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.func]),disabled:n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.func]),watchCellResize:n.PropTypes.bool.def(!0),mode:L})]).def(void 0),type:_,resizable:n.PropTypes.bool.def(!0),fixed:n.PropTypes.oneOfType([n.PropTypes.bool,R]).def(!1),sort:n.PropTypes.oneOfType([n.PropTypes.shape({sortFn:n.PropTypes.func.def(void 0),sortScope:A,value:n.PropTypes.string.def(d.NULL)}),n.PropTypes.bool,n.PropTypes.string]).def(!1),filter:n.PropTypes.oneOfType([n.PropTypes.shape({list:n.PropTypes.arrayOf(n.PropTypes.any).def([]),filterFn:n.PropTypes.func.def(void 0),match:v,checked:n.PropTypes.arrayOf(n.PropTypes.any).def([]),filterScope:A,btnSave:n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.string]).def("确定"),btnReset:n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.string]).def("重置")}),n.PropTypes.bool,n.PropTypes.string]).def(!1),colspan:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return 1})),n.PropTypes.number.def(1)]),rowspan:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return 1})),n.PropTypes.number.def(1)]),align:m,className:n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.func])};n.PropTypes.arrayOf(n.PropTypes.any).def([]),n.PropTypes.arrayOf(n.PropTypes.shape(U).loose).def([]),n.PropTypes.oneOfType([n.PropTypes.number.def(-1),n.PropTypes.arrayOf(n.PropTypes.number.def(-1))]),(0,O.toType)("columnPick",{}).def(S.DISABLED),n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).def("auto"),n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).def(84),n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.string]).def("auto"),n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.func]).def(42),n.PropTypes.number.def(42),n.PropTypes.bool.def(!0),n.PropTypes.shape({height:n.PropTypes.number.def(42),isShow:n.PropTypes.bool.def(!0),cellFn:n.PropTypes.func.def(void 0)}),n.PropTypes.bool.def(!1),n.PropTypes.oneOfType([n.PropTypes.arrayOf((0,O.toType)("boderType",{})),n.PropTypes.string]).def([p.ROW]),n.PropTypes.oneOfType([n.PropTypes.bool.def(!1),n.PropTypes.object.def({})]).def(!1),n.PropTypes.number.def(60),n.PropTypes.bool.def(!1),n.PropTypes.string,n.PropTypes.oneOfType([n.PropTypes.shape({fields:n.PropTypes.arrayOf(n.PropTypes.shape({label:n.PropTypes.string,field:n.PropTypes.string,disabled:n.PropTypes.bool})),checked:n.PropTypes.arrayOf(n.PropTypes.string),limit:n.PropTypes.number.def(0),size:N,sizeList:n.PropTypes.shape([]),showLineHeight:n.PropTypes.bool.def(!0)}),n.PropTypes.bool]).def(!1),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object,n.PropTypes.func]).def({}),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object,n.PropTypes.func]).def({}),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object,n.PropTypes.func]).def({}),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object,n.PropTypes.func]).def({}),n.PropTypes.oneOfType([n.PropTypes.object,n.PropTypes.bool]).def(void 0),n.PropTypes.bool.def(!1),n.PropTypes.string.def(""),n.PropTypes.func.def(void 0),n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.func]).def("__$table_row_index"),n.PropTypes.oneOfType([n.PropTypes.bool,n.PropTypes.shape({content:n.PropTypes.string.def(""),disabled:n.PropTypes.bool.def(!1),watchCellResize:n.PropTypes.bool.def(!0),mode:L})]).def(!1),n.PropTypes.bool.def(!1),n.PropTypes.oneOf(l).def(r.HIGHLIGHT),n.PropTypes.shape({}).def({}),n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return!0})),n.PropTypes.bool.def(!0)]).def(!0),(0,O.toType)("ResizerWay",{default:I.DEBOUNCE}),n.PropTypes.bool.def(!0),n.PropTypes.style().def({});const D=(0,T.defineComponent)({name:"TableColumn",props:Object.assign(Object.assign({},U),{prop:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){return""})),n.PropTypes.string.def("")]),index:n.PropTypes.number.def(void 0)}),setup:function(e){return{initColumns:(0,T.inject)("InitColumns",(function(e){}),!1),bkTableCache:(0,T.inject)("BKTableCahce",{queueStack:function(e,o){return null==o?void 0:o()}}),column:(0,T.reactive)(Object.assign(Object.assign({},e),{field:e.prop||e.field}))}},unmounted:function(){this.updateColumnDefine(!0)},mounted:function(){this.updateColumnDefine()},methods:{updateColumnDefine:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];void 0===this.$props.index||"number"!=typeof this.$props.index?this.updateColumnDefineByParent():this.updateColumnDefineByIndex(e)},updateColumnDefineByParent:function(){var e=this;"function"==typeof this.bkTableCache.queueStack&&this.bkTableCache.queueStack("Bk_COlumn_Update_Define",(function(){var o=e._.parent.vnode.children.default()||[],p=[];!function e(o){Array.isArray(o)&&o.forEach((function(o){var r,n,t;if(Array.isArray(o))e(o);else{var s=!0;if("TableColumn"===(null===(r=o.type)||void 0===r?void 0:r.name)){s=Object.hasOwnProperty.call(o.props||{},"key");var i=Object.assign(Object.assign({},o.props),{field:o.props.prop||o.props.field,render:null===(n=o.children)||void 0===n?void 0:n.default});p.push((0,T.unref)(i))}(null===(t=o.children)||void 0===t?void 0:t.length)&&s&&e(o.children)}}))}(o),e.initColumns(p)}))},updateColumnDefineByIndex:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],o=Object.assign(Object.assign({},this.$props),{field:this.$props.prop||this.$props.field,render:this.$slots.default});this.initColumns((0,T.unref)(o),e)}},render:function(){var e,o;return(0,T.createVNode)(T.Fragment,null,[null===(o=(e=this.$slots).default)||void 0===o?void 0:o.call(e,{row:{}})])}}),j=(0,n.withInstall)(D)})(),s})()));

package/lib/tag/index.d.ts

@@ -2,50 +2,61 @@ 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;
-            };
-        }>> & {
+        $props: {
+            type?: "" | "stroke" | "filled";
+            extCls?: string;
+            theme?: "info" | "success" | "warning" | "danger";
+            closable?: boolean;
+            radius?: string;
+            checked?: boolean;
+            checkable?: boolean;
+            class?: unknown;
+            style?: unknown;
             onChange?: (...args: any[]) => any;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
             onClose?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "theme" | "closable" | "extCls" | "radius" | "checked" | "checkable">;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -53,23 +64,24 @@ declare const BkTag: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot;
+            default?: () => HTMLElement;
+            icon?: () => HTMLElement;
         }>;
-        $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, {}>>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $emit: (event: "change" | "close", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            theme: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            theme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+                default: "info" | "success" | "warning" | "danger";
             };
             closable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-            type: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            type: import("vue-types").VueTypeDef<"" | "stroke" | "filled"> & {
+                default: "" | "stroke" | "filled";
             };
             checkable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -101,15 +113,19 @@ declare const BkTag: {
             }>;
             handleClose: (e: Event) => void;
             handleClick: (e: Event) => void;
+            resolveClassName: (cls: string) => string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], string, {
-            type: string;
-            theme: string;
-            closable: boolean;
+            type: "" | "stroke" | "filled";
             extCls: string;
+            theme: "info" | "success" | "warning" | "danger";
+            closable: boolean;
             radius: string;
             checked: boolean;
             checkable: boolean;
-        }> & {
+        }, {}, string, import("vue").SlotsType<{
+            default?: () => HTMLElement;
+            icon?: () => HTMLElement;
+        }>> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -124,22 +140,22 @@ declare const BkTag: {
             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)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, 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;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        theme: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        theme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+            default: "info" | "success" | "warning" | "danger";
         };
         closable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        type: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        type: import("vue-types").VueTypeDef<"" | "stroke" | "filled"> & {
+            default: "" | "stroke" | "filled";
         };
         checkable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -171,21 +187,22 @@ declare const BkTag: {
         }>;
         handleClose: (e: Event) => void;
         handleClick: (e: Event) => void;
-    }> & {} & {} & import("vue").ComponentCustomProperties;
+        resolveClassName: (cls: string) => string;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    theme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+        default: "info" | "success" | "warning" | "danger";
     };
     closable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    type: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    type: import("vue-types").VueTypeDef<"" | "stroke" | "filled"> & {
+        default: "" | "stroke" | "filled";
     };
     checkable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -217,13 +234,17 @@ declare const BkTag: {
     }>;
     handleClose: (e: Event) => void;
     handleClick: (e: Event) => void;
+    resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], "change" | "close", {
-    type: string;
-    theme: string;
-    closable: boolean;
+    type: "" | "stroke" | "filled";
     extCls: string;
+    theme: "info" | "success" | "warning" | "danger";
+    closable: boolean;
     radius: string;
     checked: boolean;
     checkable: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+}, {}, string, import("vue").SlotsType<{
+    default?: () => HTMLElement;
+    icon?: () => HTMLElement;
+}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkTag;

package/lib/tag/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o)=>(()=>{"use strict";var r={6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},s={};function n(e){var t=s[e];if(void 0!==t)return t.exports;var o=s[e]={exports:{}};return r[e](o,o.exports,n),o.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{default:()=>c});var e=n(4212);function t(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var o=n(748),r=n(6870);const s=(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)((t(o={"bk-tag-closable":r.closable,"bk-tag-checkable":r.checkable,"bk-tag-check":r.checked},"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,t;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===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?(0,o.createVNode)(r.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=(0,e.withInstall)(s)})(),a})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("vue-types"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types","../config-provider","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("vue-types"),require("../config-provider"),require("../icon")):t(e["../shared"],e.vue,e["vue-types"],e["../config-provider"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o,n)=>(()=>{"use strict";var s={2717:e=>{e.exports=o},6870:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=r}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return s[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{a.r(c),a.d(c,{default:()=>u});var e=a(4212);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function r(e,r,o){return(r=function(e){var r=function(e,r){if("object"!==t(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,"string");if("object"!==t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===t(r)?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}var o,n=a(748),s=a(210),i=a(2717),l=a(6870);!function(e){e.UNKNOWN="",e.FILLED="filled",e.STROKE="stroke"}(o||(o={}));const p=(0,n.defineComponent)({name:"Tag",props:{theme:(0,e.TagThemeType)(),closable:e.PropTypes.bool.def(!1),type:(0,s.toType)("tagStorkeType",{}).def(o.UNKNOWN),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:Object,setup:function(t,o){var s=o.emit,a=(0,i.usePrefix)().resolveClassName;return{wrapperCls:(0,n.computed)((function(){var o;return(0,e.classes)((r(o={},"".concat(a("tag-closable")),t.closable),r(o,"".concat(a("tag-checkable")),t.checkable),r(o,"".concat(a("tag-check")),t.checked),r(o,"".concat(a("tag-".concat(t.type))),t.type),r(o,"".concat(a("tag-".concat(t.theme))),t.theme),r(o,t.extCls,!!t.extCls),o),a("tag"))})),wrapperStyle:(0,n.computed)((function(){return{borderRadius:t.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),s("close",e)},handleClick:function(e){e.preventDefault(),e.stopPropagation(),t.checkable&&s("change",!t.checked)},resolveClassName:a}},render:function(){var e,t;return(0,n.createVNode)("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?(0,n.createVNode)("span",{class:"".concat(this.resolveClassName("tag-icon"))},[this.$slots.icon()]):"",(0,n.createVNode)("span",{class:"".concat(this.resolveClassName("tag-text"))},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?(0,n.createVNode)(l.Error,{class:"".concat(this.resolveClassName("tag-close")),onClick:this.handleClose},null):""])}}),u=(0,e.withInstall)(p)})(),c})()));

package/lib/tag/tag.css

@@ -8,48 +8,75 @@
   line-height: 22px;
   color: #63656e;
   cursor: default;
-  background-color: rgba(151, 155, 165, 0.1);
-  border-color: rgba(217, 220, 230, 0.6);
+  background-color: #f0f1f5;
+  border-color: rgba(151, 155, 165, 0.3);
   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);
+  background-color: #E4FAF0;
 }
 .bk-tag.bk-tag-success.bk-tag-filled {
-  background-color: #14a568;
+  background-color: #14A568;
+}
+.bk-tag.bk-tag-success.bk-tag-filled:hover {
+  background-color: #42B685;
+}
+.bk-tag.bk-tag-success:hover:not(.bk-tag-filled) {
+  background-color: #C9F5E2;
 }
 .bk-tag.bk-tag-info {
   color: #3a84ff;
   border-color: rgba(58, 132, 255, 0.3);
-  background-color: rgba(58, 132, 255, 0.1);
+  background-color: #EDF4FF;
 }
 .bk-tag.bk-tag-info.bk-tag-filled {
-  background-color: #3a84ff;
+  background-color: #3A84FF;
+}
+.bk-tag.bk-tag-info.bk-tag-filled:hover {
+  background-color: #609CFE;
+}
+.bk-tag.bk-tag-info:hover:not(.bk-tag-filled) {
+  background-color: #E1ECFF;
 }
 .bk-tag.bk-tag-warning {
   color: #fe9c00;
   border-color: rgba(254, 165, 0, 0.3);
-  background-color: rgba(254, 156, 0, 0.1);
+  background-color: #FFF1DB;
 }
 .bk-tag.bk-tag-warning.bk-tag-filled {
-  background-color: #fe9c00;
+  background-color: #FE9C00;
+}
+.bk-tag.bk-tag-warning.bk-tag-filled:hover {
+  background-color: #FDAF32;
+}
+.bk-tag.bk-tag-warning:hover:not(.bk-tag-filled) {
+  background-color: #FFE8C3;
 }
 .bk-tag.bk-tag-danger {
   color: #ea3636;
   border-color: rgba(234, 53, 54, 0.3);
-  background-color: rgba(234, 53, 54, 0.1);
+  background-color: #FEEBEA;
 }
 .bk-tag.bk-tag-danger.bk-tag-filled {
-  background-color: #ea3636;
+  background-color: #EA3536;
+}
+.bk-tag.bk-tag-danger.bk-tag-filled:hover {
+  background-color: #ED5C5D;
+}
+.bk-tag.bk-tag-danger:hover:not(.bk-tag-filled) {
+  background-color: #FEDDDC;
 }
 .bk-tag:hover {
-  opacity: 0.8;
+  background-color: #dcdee5;
 }
 .bk-tag.bk-tag-filled {
   color: #fff;
-  background-color: #979ba5;
+  background-color: #979BA5;
+}
+.bk-tag.bk-tag-filled:hover {
+  background-color: #ACAFB6;
 }
 .bk-tag.bk-tag-stroke {
   padding: 0 9px;
@@ -57,6 +84,12 @@
   border-style: solid;
   border-width: 1px;
 }
+.bk-tag.bk-tag-stroke :not(.bk-tag-success):not(.bk-tag-warning):not(.bk-tag-info):not(.bk-tag-danger) {
+  background-color: #FAFBFD;
+}
+.bk-tag.bk-tag-stroke :not(.bk-tag-success):not(.bk-tag-warning):not(.bk-tag-info):not(.bk-tag-danger):hover {
+  background-color: #F0F1F5;
+}
 .bk-tag.bk-tag-closable {
   padding: 0 4px 0 10px;
 }
@@ -65,7 +98,7 @@
   background: none;
 }
 .bk-tag.bk-tag-checkable:hover {
-  background: rgba(151, 155, 165, 0.15);
+  background: #F0F1F5;
 }
 .bk-tag.bk-tag-check {
   color: #fff;

package/lib/tag/tag.d.ts

@@ -1,14 +1,15 @@
+import { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    theme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+        default: "info" | "success" | "warning" | "danger";
     };
     closable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    type: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    type: import("vue-types").VueTypeDef<"" | "stroke" | "filled"> & {
+        default: "" | "stroke" | "filled";
     };
     checkable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -37,17 +38,18 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     handleClose: (e: Event) => void;
     handleClick: (e: Event) => void;
+    resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close")[], "change" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    theme: import("vue-types").VueTypeDef<"info" | "success" | "warning" | "danger"> & {
+        default: "info" | "success" | "warning" | "danger";
     };
     closable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    type: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    type: import("vue-types").VueTypeDef<"" | "stroke" | "filled"> & {
+        default: "" | "stroke" | "filled";
     };
     checkable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -73,12 +75,15 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: (...args: any[]) => any;
     onClose?: (...args: any[]) => any;
 }, {
-    type: string;
-    theme: string;
-    closable: boolean;
+    type: "" | "stroke" | "filled";
     extCls: string;
+    theme: "info" | "success" | "warning" | "danger";
+    closable: boolean;
     radius: string;
     checked: boolean;
     checkable: boolean;
-}>;
+}, SlotsType<{
+    default?: () => HTMLElement;
+    icon?: () => HTMLElement;
+}>>;
 export default _default;

package/lib/tag/tag.less

@@ -6,22 +6,37 @@
 @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-bg-color: #E4FAF0;
+@tag-info-bg-color: #EDF4FF;
+@tag-warning-bg-color: #FFF1DB;
+@tag-danger-bg-color: #FEEBEA;
+@tag-stroke-bg-color: #FAFBFD;
+@tag-filled-bg-color: #979BA5;
+@tag-filled-success-bg-color: #14A568;
+@tag-filled-info-bg-color: #3A84FF;
+@tag-filled-warning-bg-color: #FE9C00;
+@tag-filled-danger-bg-color: #EA3536;
 
 @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);
+@tag-success-hover-bg-color: #C9F5E2;
+@tag-info-hover-bg-color: #E1ECFF;
+@tag-warning-hover-bg-color: #FFE8C3;
+@tag-danger-hover-bg-color: #FEDDDC;
+@tag-stroke-hover-bg-color: #F0F1F5;
+@tag-filled-hover-bg-color: #ACAFB6;
+@tag-filled-success-hover-bg-color: #42B685;
+@tag-filled-info-hover-bg-color: #609CFE;
+@tag-filled-warning-hover-bg-color: #FDAF32;
+@tag-filled-danger-hover-bg-color: #ED5C5D;
+@tag-checkable-hover-bg-color: #F0F1F5;
 
 @themeSelectors: success, info, warning, danger;
 
-.bk-tag {
+.@{bk-prefix}-tag {
   display: inline-flex;
   align-items: center;
   height: 22px;
@@ -31,45 +46,67 @@
   line-height: 22px;
   color: @default-color;
   cursor: default;
-  background-color: rgba(151,155,165,.1);
-  border-color: rgba(217, 220, 230, .6);
+  background-color: #f0f1f5;
+  border-color: rgba(151,155,165,.3);
   box-sizing: border-box;
 
   each(@themeSelectors, {
     @color: 'tag-@{value}-color';
     @borderColor: 'tag-@{value}-border-color';
     @bgColor: 'tag-@{value}-bg-color';
-    &.bk-tag-@{value} {
+    @bgHoverColor: 'tag-@{value}-hover-bg-color';
+    @filledBgColor: 'tag-filled-@{value}-bg-color';
+    @filledBgHoverColor: 'tag-filled-@{value}-hover-bg-color';
+    &.@{bk-prefix}-tag-@{value} {
       color: @@color;
       border-color: @@borderColor;
       background-color: @@bgColor;
-      &.bk-tag-filled {
-        background-color: @@color;
+      &.@{bk-prefix}-tag-filled {
+        background-color: @@filledBgColor;
+        &:hover {
+          background-color: @@filledBgHoverColor;
+        }
+      }
+      &:hover:not(.@{bk-prefix}-tag-filled) {
+        background-color: @@bgHoverColor;
       }
     }
   });
 
   &:hover {
-    opacity: .8;
+    background-color: #dcdee5;
   }
 
-  &.bk-tag-filled {
+  &.@{bk-prefix}-tag-filled {
     color: @tag-base-color;
     background-color: @tag-filled-bg-color;
+
+    &:hover {
+      background-color: @tag-filled-hover-bg-color;
+    }
   }
 
-  &.bk-tag-stroke {
+  &.@{bk-prefix}-tag-stroke {
     padding: 0 9px;
     line-height: 20px;
     border-style: solid;
     border-width: 1px;
+
+    // &:not(.bk-tag-success, .bk-tag-warning, .bk-tag-info, .bk-tag-danger) {
+    :not(.@{bk-prefix}-tag-success):not(.@{bk-prefix}-tag-warning):not(.@{bk-prefix}-tag-info):not(.@{bk-prefix}-tag-danger) {
+      background-color: @tag-stroke-bg-color;
+
+      &:hover {
+        background-color: @tag-stroke-hover-bg-color;
+      }
+    }
   }
 
-  &.bk-tag-closable {
+  &.@{bk-prefix}-tag-closable {
     padding: 0 4px 0 10px;
   }
 
-  &.bk-tag-checkable {
+  &.@{bk-prefix}-tag-checkable {
     cursor: pointer;
     background: none;
 
@@ -78,7 +115,7 @@
     }
   }
 
-  &.bk-tag-check {
+  &.@{bk-prefix}-tag-check {
     color: @tag-base-color;
     background: @tag-info-color;
 
@@ -89,21 +126,21 @@
     }
   }
 
-  .bk-tag-text {
+  .@{bk-prefix}-tag-text {
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
 
-  .bk-tag-icon {
+  .@{bk-prefix}-tag-icon {
     flex-shrink: 0;
     margin-right: 4px;
     font-size: 14px;
     line-height: 0;
   }
 
-  .bk-tag-close {
+  .@{bk-prefix}-tag-close {
     flex-shrink: 0;
     margin-left: 4px;
     font-size: 12px;