bkui-vue 0.0.1-beta.421 → 0.0.1-beta.423

package/lib/collapse/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../collapse-transition","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon")):t(e["../shared"],e.vue,e["../collapse-transition"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o)=>(()=>{"use strict";var n={9891:e=>{e.exports=r},6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function l(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{l.r(i),l.d(i,{BkCollapsePanel:()=>d,Collapse:()=>p,default:()=>f});var e=l(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var r=l(748),o=l(9891),n=l.n(o),a=l(6870),c={list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),idFiled:e.PropTypes.string.def("$index"),titleField:e.PropTypes.string.def("name"),contentField:e.PropTypes.string.def("content"),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([]),e.PropTypes.number.def(-1)]),accordion:e.PropTypes.bool.def(!1)},u={itemClick:{type:Function}},s=Object.assign({name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),title:e.PropTypes.any,content:e.PropTypes.string,disabled:e.PropTypes.bool.def(!1),isFormList:e.PropTypes.bool.def(!1),renderDirective:(0,e.renderDirectiveType)(),modelValue:e.PropTypes.bool.def(!1),alone:e.PropTypes.bool.def(!1)},u);const d=(0,r.defineComponent)({name:"CollapsePanel",props:s,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var o=t.emit,l=t.slots,i=null,c=null,u=(0,r.ref)(e.modelValue);return(0,r.watch)((function(){return e.modelValue}),(function(e){u.value=e})),e.alone||(i=(0,r.inject)("localActiveItems"),c=(0,r.inject)("handleItemClick"),(0,r.watch)(i,(function(t){(null==t?void 0:t.length)&&(u.value=t.includes(e.name))}),{immediate:!0})),function(){var t,i,s;return(0,r.createVNode)("div",{class:"bk-collapse-item ".concat(e.disabled?"is-disabled":""," ").concat(u.value?"bk-collapse-item-active":"")},[(0,r.createVNode)("div",{onClick:function(){return function(e){var t=e.disabled,r=e.name,n=e.itemClick;if(!t){var a={name:r};u.value=!u.value,o("update:modelValue",u.value),o("change",a),"function"==typeof n?n(a):"function"==typeof c&&c({name:r})}}(e)}},[l.header?"function"==typeof l.header?l.header(r.h):l.header:(s=l.default?"function"==typeof l.default?l.default(r.h):l.default:e.title,(0,r.createVNode)("div",{class:"bk-collapse-header"},[(0,r.createVNode)("span",{class:"bk-collapse-title"},[s]),(0,r.createVNode)(a.AngleRight,{class:"bk-collapse-icon ".concat(u.value?"rotate-icon":"")},null)]))]),(0,r.createVNode)(n(),null,(i=t="if"!==e.renderDirective||u.value?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-collapse-content ".concat(u.value?"active":"")},[e.content?e.content:"function"==typeof l.content?l.content(r.h):l.content]),[[r.vShow,u.value]]):"","function"==typeof i||"[object Object]"===Object.prototype.toString.call(i)&&!(0,r.isVNode)(i)?t:{default:function(){return[t]}}))])}}}),p=(0,r.defineComponent)({name:"Collapse",props:c,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,o){var n=o.emit,a=o.slots,l=(0,r.ref)([]);(0,r.watch)((function(){return[e.modelValue]}),(function(){var r,o=e.modelValue;Array.isArray(o)?l.value=function(e){if(Array.isArray(e))return t(e)}(r=o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}():l.value=void 0!==o?[o]:[]}),{immediate:!0});var i=function(t){var r=t.name;if(e.accordion){var o=l.value.findIndex((function(e){return e===r}));o>=0?l.value.splice(o,1):l.value=[r]}else{var a=l.value.findIndex((function(e){return e===r}));a>=0?l.value.splice(a,1):l.value.push(r)}n("item-click",t),n("update:modelValue",l.value)};(0,r.provide)("localActiveItems",l),(0,r.provide)("handleItemClick",i);var c="bk-collapse-wrapper";if(!Array.isArray(e.list)||!e.list.length)return function(){return(0,r.createVNode)("div",{class:c},[(0,r.renderSlot)(a,"default",{props:{isList:!0}})])};var u=(0,r.computed)((function(){return(e.list||[]).map((function(e,t){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:t,name:e}:Object.assign({$index:t},e)}))}));return function(){return(0,r.createVNode)("div",{class:c},[u.value.map((function(t,o){var n,l,c,u=t[e.idFiled]||o,s=t[e.titleField];return a.title&&(s="function"==typeof a.title?a.title(t,o):a.title),a.default&&(s=null===(n=a.default)||void 0===n?void 0:n.call(a,t,o)),(0,r.createVNode)(d,{key:o,"item-click":i,disabled:t.disabled,name:u,isFormList:!0,title:s,content:null!==(c=null===(l=a.content)||void 0===l?void 0:l.call(a,t,o))&&void 0!==c?c:t[e.contentField]},null)}))])}}}),f=(0,e.withInstallProps)(p,{CollapsePanel:d})})(),i})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../collapse-transition","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon")):t(e["../shared"],e.vue,e["../collapse-transition"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o)=>(()=>{"use strict";var n={9891:e=>{e.exports=r},6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,i),r.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{i.r(l),i.d(l,{BkCollapsePanel:()=>u,Collapse:()=>p,default:()=>f});var e=i(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var r=i(748),o=i(9891),n=i.n(o),a=i(6870),c={list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),idFiled:e.PropTypes.string.def("$index"),titleField:e.PropTypes.string.def("name"),contentField:e.PropTypes.string.def("content"),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([]),e.PropTypes.number.def(-1)]),accordion:e.PropTypes.bool.def(!1),hasHeaderBorder:e.PropTypes.bool.def(!1),hasHeaderHover:e.PropTypes.bool.def(!0),headerIcon:e.PropTypes.string.def(""),useCardTheme:e.PropTypes.bool.def(!1),headerIconAlign:e.PropTypes.string.def("left")},s={itemClick:{type:Function}},d=Object.assign({name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),title:e.PropTypes.any,content:e.PropTypes.string,disabled:e.PropTypes.bool.def(!1),isFormList:e.PropTypes.bool.def(!1),renderDirective:(0,e.renderDirectiveType)(),modelValue:e.PropTypes.bool.def(!1),alone:e.PropTypes.bool.def(!1),icon:e.PropTypes.string.def("angle-right")},s);const u=(0,r.defineComponent)({name:"CollapsePanel",props:d,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var o,n=t.emit,i=t.slots,l=null,c=null,s=(0,r.ref)(e.modelValue);return(0,r.watch)((function(){return e.modelValue}),(function(e){s.value=e})),e.alone||(l=(0,r.inject)("localActiveItems"),c=(0,r.inject)("handleItemClick"),(0,r.watch)(l,(function(t){(null==t?void 0:t.length)&&(s.value=t.includes(e.name))}),{immediate:!0})),{isActive:s,collapseIcon:a["".concat((o=e.icon,o.split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join("")))],clickItem:function(){var t=e.disabled,r=e.name,o=e.itemClick;if(!t){var a={name:r};s.value=!s.value,n("update:modelValue",s.value),n("change",a),"function"==typeof o?o(a):"function"==typeof c&&c({name:r})}},renderPanel:function(){return"if"!==e.renderDirective||s.value?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-collapse-content ".concat(s.value?"active":"")},[e.content?e.content:"function"==typeof i.content?i.content(r.h):i.content]),[[r.vShow,s.value]]):""},renderHeader:function(t){return i.header?"function"==typeof i.header?i.header(r.h):i.header:(o=i.default?"function"==typeof i.default?i.default(r.h):i.default:e.title,(0,r.createVNode)(r.Fragment,null,[(0,r.createVNode)("div",{class:"bk-collapse-header"},[(0,r.createVNode)("span",{class:"bk-collapse-title"},[o]),t])]));var o}}},render:function(){var e,t,o=this;return(0,r.createVNode)(r.Fragment,null,[(0,r.createVNode)("div",{class:"bk-collapse-item ".concat(this.disabled?"is-disabled":""," ").concat(this.isActive?"bk-collapse-item-active":"")},[(0,r.createVNode)("div",{onClick:function(){return o.clickItem()}},[this.renderHeader((0,r.createVNode)(this.collapseIcon,{class:"bk-collapse-icon ".concat(this.isActive?"rotate-icon":"")},null))]),(0,r.createVNode)(n(),null,(t=e=this.renderPanel(),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,r.isVNode)(t)?e:{default:function(){return[e]}}))])])}}),p=(0,r.defineComponent)({name:"Collapse",props:c,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,o){var n=o.emit,a=o.slots,i=(0,r.ref)([]);(0,r.watch)((function(){return[e.modelValue]}),(function(){var r,o=e.modelValue;Array.isArray(o)?i.value=function(e){if(Array.isArray(e))return t(e)}(r=o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):void 0}}(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}():i.value=void 0!==o?[o]:[]}),{immediate:!0});var l=function(t){var r=t.name;if(e.accordion){var o=i.value.findIndex((function(e){return e===r}));o>=0?i.value.splice(o,1):i.value=[r]}else{var a=i.value.findIndex((function(e){return e===r}));a>=0?i.value.splice(a,1):i.value.push(r)}n("item-click",t),n("update:modelValue",i.value)};(0,r.provide)("localActiveItems",i),(0,r.provide)("handleItemClick",l);var c="bk-collapse-wrapper";if(e.hasHeaderBorder&&(c+=" bk-collapse-header-border"),e.hasHeaderHover&&(c+=" bk-collapse-header-hover"),e.useCardTheme&&(c+=" bk-collapse-card"),"left"===e.headerIconAlign?c+=" bk-collapse-icon-left":c+=" bk-collapse-icon-right",!Array.isArray(e.list)||!e.list.length)return function(){return(0,r.createVNode)("div",{class:c},[(0,r.renderSlot)(a,"default",{props:{isList:!0}})])};var s=(0,r.computed)((function(){return(e.list||[]).map((function(e,t){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:t,name:e}:Object.assign({$index:t},e)}))}));return function(){return(0,r.createVNode)("div",{class:c},[s.value.map((function(t,o){var n,i,c,s=t[e.idFiled]||o,d=t[e.titleField],p=e.headerIcon||"angle-right";return a.title&&(d="function"==typeof a.title?a.title(t,o):a.title),a.default&&(d=null===(n=a.default)||void 0===n?void 0:n.call(a,t,o)),(0,r.createVNode)(u,{key:o,"item-click":l,disabled:t.disabled,name:s,icon:p,isFormList:!0,title:d,content:null!==(c=null===(i=a.content)||void 0===i?void 0:i.call(a,t,o))&&void 0!==c?c:t[e.contentField]},null)}))])}}}),f=(0,e.withInstallProps)(p,{CollapsePanel:u})})(),l})()));

package/lib/collapse/props.d.ts

@@ -43,6 +43,46 @@ export declare const propsCollapse: {
     } & {
         default: boolean;
     };
+    /**
+     * 是否使用带线条样式
+     */
+    hasHeaderBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 是否使用Hover效果
+     */
+    hasHeaderHover: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 自定义图标
+     */
+    headerIcon: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /**
+     * 是否使用卡片样式
+     */
+    useCardTheme: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 图标位置
+     */
+    headerIconAlign: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 };
 export declare const CollapsePanelEventProps: {
     itemClick: {
@@ -83,4 +123,9 @@ export declare const propsCollapsePanel: {
     } & {
         default: boolean;
     };
+    icon: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 };

package/lib/form/form.d.ts

@@ -22,7 +22,12 @@ export declare const formProps: {
         };
     };
 };
+declare const formEvents: {
+    submit: any;
+    validate: (property: string, result: boolean, message: string) => boolean;
+};
 export declare type FormProps = Readonly<ExtractPropTypes<typeof formProps>>;
+export declare type FormEvents = typeof formEvents;
 declare const _default: import("vue").DefineComponent<{
     formType: import("vue-types").VueTypeDef<string> & {
         default: string;
@@ -51,7 +56,10 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: any;
     }>;
     clearValidate: (fields?: string | Array<string>) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: any;
+    validate: (property: string, result: boolean, message: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     formType: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
@@ -74,7 +82,8 @@ declare const _default: import("vue").DefineComponent<{
         };
     };
 }>> & {
-    onSubmit?: (...args: any[]) => any;
+    onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+    onValidate?: (property: string, result: boolean, message: string) => any;
 }, {
     labelWidth: string | number;
     rules: {

package/lib/form/index.d.ts

@@ -38,7 +38,8 @@ declare const BkForm: {
                 };
             };
         }>> & {
-            onSubmit?: (...args: any[]) => any;
+            onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+            onValidate?: (property: string, result: boolean, message: string) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelWidth" | "rules" | "formType" | "model">;
         $attrs: {
             [x: string]: unknown;
@@ -51,7 +52,7 @@ declare const BkForm: {
         }>;
         $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: "submit", ...args: any[]) => void;
+        $emit: ((event: "submit", ...args: unknown[]) => void) & ((event: "submit", ...args: any[]) => void) & ((event: "validate", property: string, result: boolean, message: string) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             formType: import("vue-types").VueTypeDef<string> & {
@@ -76,14 +77,18 @@ declare const BkForm: {
                 };
             };
         }>> & {
-            onSubmit?: (...args: any[]) => any;
+            onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+            onValidate?: (property: string, result: boolean, message: string) => any;
         }, {
             handleSubmit: (event: Event) => void;
             validate: (fields?: string | string[]) => Promise<{
                 [key: string]: any;
             }>;
             clearValidate: (fields?: string | string[]) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            submit: any;
+            validate: (property: string, result: boolean, message: string) => boolean;
+        }, string, {
             labelWidth: string | number;
             rules: {
                 [key: string]: any;
@@ -135,7 +140,8 @@ declare const BkForm: {
             };
         };
     }>> & {
-        onSubmit?: (...args: any[]) => any;
+        onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+        onValidate?: (property: string, result: boolean, message: string) => any;
     } & import("vue").ShallowUnwrapRef<{
         handleSubmit: (event: Event) => void;
         validate: (fields?: string | string[]) => Promise<{
@@ -169,14 +175,18 @@ declare const BkForm: {
         };
     };
 }>> & {
-    onSubmit?: (...args: any[]) => any;
+    onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+    onValidate?: (property: string, result: boolean, message: string) => any;
 }, {
     handleSubmit: (event: Event) => void;
     validate: (fields?: string | string[]) => Promise<{
         [key: string]: any;
     }>;
     clearValidate: (fields?: string | string[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: any;
+    validate: (property: string, result: boolean, message: string) => boolean;
+}, string, {
     labelWidth: string | number;
     rules: {
         [key: string]: any;

package/lib/form/index.js

@@ -1 +1 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("lodash"),require("../config-provider"),require("../directives"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../config-provider","../directives","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("lodash"),require("../config-provider"),require("../directives"),require("../icon")):r(e["../shared"],e.vue,e.lodash,e["../config-provider"],e["../directives"],e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o,n,i)=>(()=>{"use strict";var s={2717:e=>{e.exports=o},4061:e=>{e.exports=n},6870:e=>{e.exports=i},4212:r=>{r.exports=e},467:e=>{e.exports=t},748:e=>{e.exports=r}},a={};function l(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return s[e](t,t.exports,l),t.exports}l.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return l.d(r,{a:r}),r},l.d=(e,r)=>{for(var t in r)l.o(r,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},l.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{l.r(u),l.d(u,{BkComposeFormItem:()=>o,BkForm:()=>P,BkFormItem:()=>x,default:()=>j});var e=l(4212),r=l(748),t=function(e){return e.__v_isVNode};const o=(0,r.defineComponent)({name:"ComposeFormItem",props:{headBackgroundColor:{type:String,default:"#FAFBFD"},tailBackgroundColor:String},render:function(){if(!this.$slots.default)return null;var e=this.$slots.default();if(e.length>1){for(var o=e.length,n=0,i=null;n<o;){if(t(e[n])){i=e[n];break}n+=1}for(var s=o-1,a=null;s>=0&&s>n;){if(t(e[s])){a=e[s];break}s-=1}if(i&&a){i.props||(i.props={});var l="bk-compose-form-item-head";i.props.class&&(l+=" ".concat(i.props.class)),this.headBackgroundColor&&(i.props.style=Object.assign(i.props.style||{},{"background-color":this.headBackgroundColor})),i.props.class=l,a.props||(a.props={});var u="bk-compose-form-item-tail";a.props.class&&(u+=" ".concat(a.props.class)),this.tailBackgroundColor&&(a.props.style=Object.assign(a.props.style||{},{"background-color":this.tailBackgroundColor})),a.props.class=u}}return(0,r.h)("div",{class:"bk-compose-form-item"},e)}});function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var i={formType:e.PropTypes.oneOf(["default","vertical"]).def("default"),labelWidth:e.PropTypes.oneOfType([Number,String]).def(150),labelPosition:e.PropTypes.oneOf(["left","center","right"]),model:e.PropTypes.object,rules:e.PropTypes.object};const s=(0,r.defineComponent)({name:"Form",props:i,emits:["submit"],setup:function(t,o){var i=[];return(0,r.provide)(e.formKey,{props:t,register:function(e){i.push(e)},unregister:function(e){i=i.reduce((function(r,t){return t!==e&&r.push(t),r}),[])}}),{handleSubmit:function(e){e.preventDefault(),o.emit("submit")},validate:function(e){var r={};return r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r,!0))}),{}):i.reduce((function(e,r){return r.property?Object.assign(Object.assign({},e),n({},r.property,!0)):e}),{}),Promise.all(i.reduce((function(e,t){return r[t.property]&&e.push(t.validate()),e}),[])).then((function(){return Promise.resolve(t.model)}))},clearValidate:function(e){var r={};r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r,!0))}),{}):i.reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r.property,!0))}),{}),i.forEach((function(e){return r[e.property]&&e.clearValidate()}))}}},render:function(){var t,o,i=(0,e.classes)(n({"bk-form":!0},"bk-form--".concat(this.formType),!0));return(0,r.createVNode)("form",{class:i,onSubmit:this.handleSubmit},[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t)])}});function a(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function c(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return a(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,r):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var p=l(467),f=l.n(p),d=l(2717),m=l(4061),g=l(6870),b=function(e){return"function"==typeof e.message?e.message():e.message};const v={required:function(e){return!("number"!=typeof e&&"boolean"!=typeof e&&!f().isDate(e)&&f().isEmpty(e))},min:function(e,r){return e>=r},max:function(e,r){return r>=e},email:function(e){return/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(e)},maxlength:function(e,r){return e.length<=r},pattern:function(e,r){return r.test(e)}};var y={label:e.PropTypes.string,labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),property:e.PropTypes.string.def(""),required:e.PropTypes.bool.def(!1),email:e.PropTypes.bool.def(!1),max:e.PropTypes.number,min:e.PropTypes.number,maxlength:e.PropTypes.number,rules:e.PropTypes.array,autoCheck:e.PropTypes.bool.def(!1),description:e.PropTypes.string,errorDisplayType:e.PropTypes.oneOf(["tooltips","normal"]).def("normal")},h=function(e){return void 0!==e};const x=(0,r.defineComponent)({name:"FormItem",directives:{bkTooltips:m.bkTooltips},props:y,setup:function(t,o){var i=(0,d.useLocale)("form"),s=(0,e.useForm)(),a=Boolean(s),l=(0,e.useFormItem)(),u=Boolean(l),f=(0,r.getCurrentInstance)(),m=(0,r.reactive)({isError:!1,errorMessage:""}),g=(0,r.computed)((function(){return!!a&&"vertical"===s.props.formType})),y=(0,r.computed)((function(){return!(!t.label&&!o.slots.label)})),x=(0,r.computed)((function(){var e={width:"",paddingRight:"",textAlign:""},r=t.labelPosition||a&&s.props.labelPosition;if(r&&(e["text-align"]=r),"vertical"===s.props.formType||!t.label&&u)return e;var o=h(t.labelWidth)?t.labelWidth:a&&s.props.labelWidth;return h(o)&&(e.width="".concat(o,"px"),e.paddingRight=o?"":"0px"),e})),P=(0,r.computed)((function(){return n({},"margin-left",x.value.width)})),j=function(e){if(!t.property||a&&!s.props.model)return Promise.resolve(!0);var r,o,n=[];a&&s.props.rules&&(r=s.props.rules,o=t.property,Object.prototype.hasOwnProperty.call(r,o))&&(n=s.props.rules[t.property]),t.rules&&(n=t.rules),n=function(e,r){return r.reduce((function(r,t){return t.trigger&&e?((Array.isArray(t.trigger)?t.trigger:[t.trigger]).includes(e)&&r.push(t),r):(r.push(t),r)}),[])}(e,function(e,r,t){var o=!1,n=!1,i=e.reduce((function(e,r){var i;if(r.required)i=(0,p.isFunction)(r.validator)?r.validator:v.required,o=!0;else if(r.email)i=(0,p.isFunction)(r.validator)?r.validator:v.email,n=!0;else if(Number(r.max)>-1)i=function(e){return v.max(e,r.max)};else if(Number(r.min)>-1)i=function(e){return v.min(e,r.max)};else if(Number(r.maxlength)>-1)i=function(e){return v.min(e,r.max)};else if("[object RegExp]"===Object.prototype.toString.call(r.pattern))i=function(e){return v.pattern(e,r.pattern)};else{if(!(0,p.isFunction)(r.validator))return e;i=r.validator}return e.push({validator:i,message:r.message||t.value.verifyError,trigger:r.trigger||"blur"}),e}),[]),s=r.reduce((function(e,r){return r.required&&o||r.email&&n||e.push(r),e}),[]);return[].concat(c(s),c(i))}(n,function(e,r){var t=[],o=e.label||"";return e.required&&t.push({required:!0,validator:v.required,message:"".concat(o," ").concat(r.value.notBeEmpty),trigger:"change"}),e.email&&t.push({email:!0,validator:v.email,message:"".concat(o," ").concat(r.value.incorrectFormat),trigger:"change"}),Number(e.max)>-1&&t.push({validator:function(r){return v.max(r,e.max)},message:"".concat(o," ").concat(r.value.max," ").concat(e.max),trigger:"change"}),Number(e.min)>-1&&t.push({validator:function(r){return v.min(r,e.min)},message:"".concat(o," ").concat(r.value.min," ").concat(e.min),trigger:"change"}),Number(e.maxlength)>-1&&t.push({validator:function(r){return v.maxlength(r,e.maxlength)},message:"".concat(o," ").concat(r.value.maxLen," ").concat(e.maxlength),trigger:"change"}),t}(t,i),i)),n.length>0&&(m.isError=!1,m.errorMessage="");var l,u=(0,p.get)(s.props.model,t.property),f=(l=-1,function(){if((l+=1)>=n.length)return Promise.resolve(!0);var e=n[l];return Promise.resolve().then((function(){var r=e.validator(u);return"boolean"!=typeof r&&"function"==typeof r.then?r.then((function(r){if(!1===r)return Promise.reject(b(e))})).then((function(){return f()}),(function(){return m.isError=!0,m.errorMessage=b(e),Promise.reject(m.errorMessage)})):r?f():(m.isError=!0,m.errorMessage="string"==typeof r?r:b(e),Promise.reject(m.errorMessage))}))});return f()},T=function(){m.isError=!1,m.errorMessage=""};return(0,r.provide)(e.formItemKey,Object.assign(Object.assign({},t),{validate:j,clearValidate:T})),(0,r.onMounted)((function(){a&&s.register(f.proxy)})),(0,r.onBeforeUnmount)((function(){a&&s.unregister(f.proxy)})),Object.assign(Object.assign({},(0,r.toRefs)(m)),{isShowLabel:y,labelStyles:x,contentStyles:P,isFormTypeVertical:g,validate:j,clearValidate:T})},render:function(){var t,o,n,i,s=this,a=(0,e.classes)({"bk-form-item":!0,"is-error":this.isError,"is-required":this.required});return(0,r.createVNode)("div",{class:a},[this.isShowLabel&&(0,r.createVNode)("div",{class:"bk-form-label",style:this.labelStyles},[s.$slots.label?s.$slots.label():s.description?(0,r.withDirectives)((0,r.createVNode)("span",{class:{"bk-form-label-description":Boolean(s.description)}},[s.label]),[[(0,r.resolveDirective)("bk-tooltips"),s.description]]):s.label,this.isFormTypeVertical&&(null===(o=(t=this.$slots).labelAppend)||void 0===o?void 0:o.call(t))]),(0,r.createVNode)("div",{class:"bk-form-content",style:this.contentStyles},[null===(i=(n=this.$slots).default)||void 0===i?void 0:i.call(n),s.isError?"tooltips"===s.errorDisplayType?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-form-error-tips"},[(0,r.createVNode)(g.ExclamationCircleShape,null,null)]),[[(0,r.resolveDirective)("bk-tooltips"),s.errorMessage]]):(0,r.createVNode)("div",{class:"bk-form-error"},[s.$slots.error?s.$slots.error(s.errorMessage):s.errorMessage]):null])])}});var P=(0,e.withInstallProps)(s,{FormItem:x,ComposeFormItem:o});const j=P})(),u})()));
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("lodash"),require("../config-provider"),require("../directives"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../config-provider","../directives","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("lodash"),require("../config-provider"),require("../directives"),require("../icon")):r(e["../shared"],e.vue,e.lodash,e["../config-provider"],e["../directives"],e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o,n,i)=>(()=>{"use strict";var s={2717:e=>{e.exports=o},4061:e=>{e.exports=n},6870:e=>{e.exports=i},4212:r=>{r.exports=e},467:e=>{e.exports=t},748:e=>{e.exports=r}},a={};function l(e){var r=a[e];if(void 0!==r)return r.exports;var t=a[e]={exports:{}};return s[e](t,t.exports,l),t.exports}l.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return l.d(r,{a:r}),r},l.d=(e,r)=>{for(var t in r)l.o(r,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},l.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{l.r(u),l.d(u,{BkComposeFormItem:()=>o,BkForm:()=>P,BkFormItem:()=>x,default:()=>j});var e=l(4212),r=l(748),t=function(e){return e.__v_isVNode};const o=(0,r.defineComponent)({name:"ComposeFormItem",props:{headBackgroundColor:{type:String,default:"#FAFBFD"},tailBackgroundColor:String},render:function(){if(!this.$slots.default)return null;var e=this.$slots.default();if(e.length>1){for(var o=e.length,n=0,i=null;n<o;){if(t(e[n])){i=e[n];break}n+=1}for(var s=o-1,a=null;s>=0&&s>n;){if(t(e[s])){a=e[s];break}s-=1}if(i&&a){i.props||(i.props={});var l="bk-compose-form-item-head";i.props.class&&(l+=" ".concat(i.props.class)),this.headBackgroundColor&&(i.props.style=Object.assign(i.props.style||{},{"background-color":this.headBackgroundColor})),i.props.class=l,a.props||(a.props={});var u="bk-compose-form-item-tail";a.props.class&&(u+=" ".concat(a.props.class)),this.tailBackgroundColor&&(a.props.style=Object.assign(a.props.style||{},{"background-color":this.tailBackgroundColor})),a.props.class=u}}return(0,r.h)("div",{class:"bk-compose-form-item"},e)}});function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var i=l(467),s=l.n(i),a={formType:e.PropTypes.oneOf(["default","vertical"]).def("default"),labelWidth:e.PropTypes.oneOfType([Number,String]).def(150),labelPosition:e.PropTypes.oneOf(["left","center","right"]),model:e.PropTypes.object,rules:e.PropTypes.object},c={submit:null,validate:function(e,r,t){return(0,i.isString)(e)&&(0,i.isBoolean)(r)&&(0,i.isString)(t)}};const p=(0,r.defineComponent)({name:"Form",props:a,emits:c,setup:function(t,o){var i=[];return(0,r.provide)(e.formKey,{props:t,emit:o.emit,register:function(e){i.push(e)},unregister:function(e){i=i.reduce((function(r,t){return t!==e&&r.push(t),r}),[])}}),{handleSubmit:function(e){e.preventDefault(),o.emit("submit")},validate:function(e){var r={};return r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r,!0))}),{}):i.reduce((function(e,r){return r.property?Object.assign(Object.assign({},e),n({},r.property,!0)):e}),{}),Promise.all(i.reduce((function(e,t){return r[t.property]&&e.push(t.validate()),e}),[])).then((function(){return Promise.resolve(t.model)}))},clearValidate:function(e){var r={};r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r,!0))}),{}):i.reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r.property,!0))}),{}),i.forEach((function(e){return r[e.property]&&e.clearValidate()}))}}},render:function(){var t,o,i=(0,e.classes)(n({"bk-form":!0},"bk-form--".concat(this.formType),!0));return(0,r.createVNode)("form",{class:i,onSubmit:this.handleSubmit},[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t)])}});function d(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function f(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return d(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?d(e,r):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var m=l(2717),g=l(4061),v=l(6870);const b={required:function(e){return!("number"!=typeof e&&"boolean"!=typeof e&&!s().isDate(e)&&s().isEmpty(e))},min:function(e,r){return e>=r},max:function(e,r){return r>=e},email:function(e){return/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(e)},maxlength:function(e,r){return e.length<=r},pattern:function(e,r){return r.test(e)}};var y={label:e.PropTypes.string,labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),property:e.PropTypes.string.def(""),required:e.PropTypes.bool.def(!1),email:e.PropTypes.bool.def(!1),max:e.PropTypes.number,min:e.PropTypes.number,maxlength:e.PropTypes.number,rules:e.PropTypes.array,autoCheck:e.PropTypes.bool.def(!1),description:e.PropTypes.string,errorDisplayType:e.PropTypes.oneOf(["tooltips","normal"]).def("normal")},h=function(e){return void 0!==e};const x=(0,r.defineComponent)({name:"FormItem",directives:{bkTooltips:g.bkTooltips},props:y,setup:function(t,o){var s=(0,m.useLocale)("form"),a=(0,e.useForm)(),l=Boolean(a),u=(0,e.useFormItem)(),c=Boolean(u),p=(0,r.getCurrentInstance)(),d=(0,r.reactive)({isError:!1,errorMessage:""}),g=(0,r.computed)((function(){return!!l&&"vertical"===a.props.formType})),v=(0,r.computed)((function(){return!(!t.label&&!o.slots.label)})),y=(0,r.computed)((function(){var e={width:"",paddingRight:"",textAlign:""},r=t.labelPosition||l&&a.props.labelPosition;if(r&&(e["text-align"]=r),"vertical"===a.props.formType||!t.label&&c)return e;var o=h(t.labelWidth)?t.labelWidth:l&&a.props.labelWidth;return h(o)&&(e.width="".concat(o,"px"),e.paddingRight=o?"":"0px"),e})),x=(0,r.computed)((function(){return n({},"margin-left",y.value.width)})),P=function(e){if(!t.property||l&&!a.props.model)return Promise.resolve(!0);var r,o,n=[];l&&a.props.rules&&(r=a.props.rules,o=t.property,Object.prototype.hasOwnProperty.call(r,o))&&(n=a.props.rules[t.property]),t.rules&&(n=t.rules),n=function(e,r){return r.reduce((function(r,t){return t.trigger&&e?((Array.isArray(t.trigger)?t.trigger:[t.trigger]).includes(e)&&r.push(t),r):(r.push(t),r)}),[])}(e,function(e,r,t){var o=!1,n=!1,s=e.reduce((function(e,r){var s;if(r.required)s=(0,i.isFunction)(r.validator)?r.validator:b.required,o=!0;else if(r.email)s=(0,i.isFunction)(r.validator)?r.validator:b.email,n=!0;else if(Number(r.max)>-1)s=function(e){return b.max(e,r.max)};else if(Number(r.min)>-1)s=function(e){return b.min(e,r.max)};else if(Number(r.maxlength)>-1)s=function(e){return b.min(e,r.max)};else if("[object RegExp]"===Object.prototype.toString.call(r.pattern))s=function(e){return b.pattern(e,r.pattern)};else{if(!(0,i.isFunction)(r.validator))return e;s=r.validator}return e.push({validator:s,message:r.message||t.value.verifyError,trigger:r.trigger||"blur"}),e}),[]),a=r.reduce((function(e,r){return r.required&&o||r.email&&n||e.push(r),e}),[]);return[].concat(f(a),f(s))}(n,function(e,r){var t=[],o=e.label||"";return e.required&&t.push({required:!0,validator:b.required,message:"".concat(o," ").concat(r.value.notBeEmpty),trigger:"change"}),e.email&&t.push({email:!0,validator:b.email,message:"".concat(o," ").concat(r.value.incorrectFormat),trigger:"change"}),Number(e.max)>-1&&t.push({validator:function(r){return b.max(r,e.max)},message:"".concat(o," ").concat(r.value.max," ").concat(e.max),trigger:"change"}),Number(e.min)>-1&&t.push({validator:function(r){return b.min(r,e.min)},message:"".concat(o," ").concat(r.value.min," ").concat(e.min),trigger:"change"}),Number(e.maxlength)>-1&&t.push({validator:function(r){return b.maxlength(r,e.maxlength)},message:"".concat(o," ").concat(r.value.maxLen," ").concat(e.maxlength),trigger:"change"}),t}(t,s),s)),n.length>0&&(d.isError=!1,d.errorMessage="");var u,c=(0,i.get)(a.props.model,t.property),p=(u=-1,function(){if((u+=1)>=n.length)return a.emit("validate",t.property,!0,null),Promise.resolve(!0);var e=n[u];return Promise.resolve().then((function(){var r=e.validator(c),o=function(e){return"function"==typeof e.message?e.message():e.message}(e);return"boolean"!=typeof r&&"function"==typeof r.then?r.then((function(e){if(!1===e)return Promise.reject(o)})).then((function(){return p()}),(function(){return d.isError=!0,d.errorMessage=o,a.emit("validate",t.property,!1,o),Promise.reject(d.errorMessage)})):r?p():(d.isError=!0,d.errorMessage="string"==typeof r?r:o,a.emit("validate",t.property,!1,o),Promise.reject(d.errorMessage))}))});return p()},j=function(){d.isError=!1,d.errorMessage=""};return(0,r.provide)(e.formItemKey,Object.assign(Object.assign({},t),{validate:P,clearValidate:j})),(0,r.onMounted)((function(){l&&a.register(p.proxy)})),(0,r.onBeforeUnmount)((function(){l&&a.unregister(p.proxy)})),Object.assign(Object.assign({},(0,r.toRefs)(d)),{isShowLabel:v,labelStyles:y,contentStyles:x,isFormTypeVertical:g,validate:P,clearValidate:j})},render:function(){var t,o,n,i,s=this,a=(0,e.classes)({"bk-form-item":!0,"is-error":this.isError,"is-required":this.required});return(0,r.createVNode)("div",{class:a},[this.isShowLabel&&(0,r.createVNode)("div",{class:"bk-form-label",style:this.labelStyles},[s.$slots.label?s.$slots.label():s.description?(0,r.withDirectives)((0,r.createVNode)("span",{class:{"bk-form-label-description":Boolean(s.description)}},[s.label]),[[(0,r.resolveDirective)("bk-tooltips"),s.description]]):s.label,this.isFormTypeVertical&&(null===(o=(t=this.$slots).labelAppend)||void 0===o?void 0:o.call(t))]),(0,r.createVNode)("div",{class:"bk-form-content",style:this.contentStyles},[null===(i=(n=this.$slots).default)||void 0===i?void 0:i.call(n),s.isError?"tooltips"===s.errorDisplayType?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-form-error-tips"},[(0,r.createVNode)(v.ExclamationCircleShape,null,null)]),[[(0,r.resolveDirective)("bk-tooltips"),s.errorMessage]]):(0,r.createVNode)("div",{class:"bk-form-error"},[s.$slots.error?s.$slots.error(s.errorMessage):s.errorMessage]):null])])}});var P=(0,e.withInstallProps)(p,{FormItem:x,ComposeFormItem:o});const j=P})(),u})()));

package/lib/form/type.d.ts

@@ -1,7 +1,9 @@
-import type { FormProps } from './form';
+import { SetupContext } from 'vue';
+import type { FormEvents, FormProps } from './form';
 import type { FormItemProps } from './form-item';
 export interface IFormContext {
     props: FormProps;
+    emit: SetupContext<FormEvents>['emit'];
     register: (IFormItemContext: any) => void;
     unregister: (IFormItemContext: any) => void;
 }

package/lib/radio/radio.css

@@ -62,7 +62,7 @@
   border-color: #979ba5;
 }
 .bk-radio-label {
-  margin-left: 5px;
+  margin-left: 6px;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;

package/lib/radio/radio.less

@@ -82,7 +82,7 @@
 }
 
 .@{bk-prefix}-radio-label {
-  margin-left: 5px;
+  margin-left: 6px;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;

package/lib/radio/radio.variable.css

@@ -184,7 +184,7 @@
   border-color: var(--radio-hover-border-color);
 }
 .bk-radio-label {
-  margin-left: 5px;
+  margin-left: 6px;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;

package/lib/tab/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue-types"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue-types","vue","../icon/"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue-types"),require("vue"),require("../icon/")):t(e["../shared"],e["vue-types"],e.vue,e["../icon/"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r)=>(()=>{"use strict";var n={7685:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=a},210:e=>{e.exports=t}},o={};function l(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,l),a.exports}l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{l.r(s),l.d(s,{BkTab:()=>m,BkTabPanel:()=>g,PositionEnum:()=>t,SortTypeEnum:()=>n,default:()=>T});var e,t,a=l(4212),r=l(210);!function(e){e.CARD="card",e.BORDER_CARD="border-card",e.UNBORDER_CARD="unborder-card",e.CARD_TAB="card-tab",e.CARD_GRID="card-grid"}(e||(e={})),function(e){e.LEFT="left",e.RIGHT="right",e.TOP="top"}(t||(t={}));var n,o=(0,r.toType)("position",{}).def(t.TOP);!function(e){e.REPLACE="replace",e.INSERT="insert"}(n||(n={}));var i=(0,r.toType)("sortType",{}).def(n.REPLACE),c={tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(e){return e}},tabRemove:{type:Function,default:function(e){return e}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},u={active:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),type:(0,r.toType)("type",{}).def(e.BORDER_CARD),tabPosition:o,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:i,labelHeight:a.PropTypes.number.def(50),scrollStep:a.PropTypes.number.def(200),extCls:a.PropTypes.string.def(""),validateActive:a.PropTypes.bool.def(!0),showHeader:a.PropTypes.bool.def(!0),changeOnHover:a.PropTypes.bool.def(!1),changeOnHoverDelay:a.PropTypes.number.def(1e3),activeBarSize:a.PropTypes.number.def(2),activeBarColor:a.PropTypes.string.def("#3a84ff")},p=Object.assign({active:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),type:(0,r.toType)("type",{}).def(e.BORDER_CARD),activeBarColor:a.PropTypes.string.def("#3a84ff"),activeBarSize:a.PropTypes.number.def(2),panels:{type:Array,default:function(){return[]}},tabPosition:o,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:i,labelHeight:a.PropTypes.number.def(50),scrollStep:a.PropTypes.number.def(200),validateActive:a.PropTypes.bool.def(!0),changeOnHover:a.PropTypes.bool.def(!1),changeOnHoverDelay:a.PropTypes.number.def(1e3)},c),d={name:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),label:a.PropTypes.string||a.PropTypes.func,closable:a.PropTypes.bool,visible:a.PropTypes.bool.def(!0),disabled:a.PropTypes.bool,sortable:a.PropTypes.bool,renderDirective:(0,a.renderDirectiveType)(),panel:a.PropTypes.string||a.PropTypes.func};function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}var v=l(748),b=l(7685);const y=(0,v.defineComponent)({name:"TabNav",props:p,setup:function(a){var r=(0,v.ref)(null),n=(0,v.computed)((function(){var n={width:0,height:0,bottom:0,left:0};if(!r.value)return n;if([t.LEFT,t.RIGHT].includes(a.tabPosition)){var o=r.value,l=o.clientHeight,s=o.offsetTop,i={width:"".concat(a.activeBarSize,"px"),height:"".concat(l,"px"),top:"".concat(s,"px"),background:a.activeBarColor};return a.tabPosition===t.LEFT?i.right=0:i.left=0,i}if(a.type===e.UNBORDER_CARD){var c=r.value,u=c.clientWidth,p=c.offsetLeft;return{width:"".concat(u,"px"),height:"".concat(a.activeBarSize,"px"),left:"".concat(p,"px"),bottom:0,background:a.activeBarColor}}return n})),o=(0,v.computed)((function(){if(!Array.isArray(a.panels)||!a.panels.length)return[];var e=[],t=!1;return a.panels.filter((function(r,n){if(!r.props)return null;var o=r.props,l=o.name,s=o.label,i=o.closable,c=o.visible,u=o.disabled,p=o.sortable;return!!c&&(a.active===l&&(t=!0),e.push({name:l,closable:i,visible:c,disabled:u,sortable:p,tabLabel:function(e){return r.slots.label?(0,v.h)(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(n+1):"string"==typeof e?e:"function"==typeof e?(0,v.h)(e):e}(s)}),!0)})),!t&&a.validateActive&&a.panels[0].props&&a.tabChange(a.panels[0].props.name),e})),l=(0,v.ref)(-1),s=(0,v.ref)(-1),i=(0,v.ref)(""),c=function(e,t){return e===t},u={handleTabAdd:function(e){a.tabAdd(e)},dragstart:function(e,t){s.value=e,i.value=a.guid,Object.assign(t.dataTransfer,{effectAllowed:"move"}),a.tabDrag(e,t)},dragenter:function(e){c(i.value,a.guid)&&(l.value=e)},dragend:function(){l.value=-1,s.value=-1,i.value=null},drop:function(e,t){if(!c(i.value,a.guid))return!1;a.tabSort(s.value,e,t)},handleTabChange:function(e){a.tabChange(e)},handleTabRemove:function(e,t){a.tabRemove(e,t)}};return Object.assign(Object.assign({},u),{activeRef:r,activeBarStyle:n,navs:o,dragenterIndex:l,dragStartIndex:s,draggingEle:i,guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)})},render:function(){var t,r,n,o=this,l=this.active,s=this.closable,i=this.addable,c=this.sortable,u=this.sortType,p=this.labelHeight,d=this.dragstart,f=this.dragenter,y=this.dragend,h=this.drop,g="function"==typeof this.$slots.setting?(0,v.createVNode)("div",{class:(0,a.resolveClassName)("tab-header-setting")},[this.$slots.setting()]):null,m=(n=[],"function"==typeof o.$slots.add?n.push(null===(r=(t=o.$slots).add)||void 0===r?void 0:r.call(t,v.h)):i&&n.push((0,v.createVNode)("div",{onClick:o.handleTabAdd},[(0,v.createVNode)(b.Plus,{style:"display:flex;",width:26,height:26},null)])),n.length?(0,v.createVNode)("div",{class:(0,a.resolveClassName)("tab-header-operation")},[n.map((function(e,t){return(0,v.createVNode)("div",{class:(0,a.resolveClassName)("tab-header-item"),key:t},[e])}))]):null);return(0,v.createVNode)("div",{style:{lineHeight:"".concat(p,"px")},class:(0,a.resolveClassName)("tab-header")},[(0,v.createVNode)("div",{class:[(0,a.resolveClassName)("tab-header-nav"),m||g?"tab-header-auto":""]},[o.type===e.UNBORDER_CARD?(0,v.createVNode)("div",{style:o.activeBarStyle,class:(0,a.resolveClassName)("tab-header-active-bar")},null):"",o.navs.map((function(e,t){if(!e)return null;var r,n=e.name,i=e.disabled,p=e.tabLabel,g=function(e,t){return e||t};return(0,v.createVNode)("div",{key:n,onClick:function(){return o.handleTabChange(n)},draggable:g(e.sortable,c),onDragstart:function(e){return d(t,e)},ref:l===n?"activeRef":"",onDragenter:function(e){e.preventDefault(),f(t)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),y()},onDrop:function(e){e.preventDefault(),h(t,u)},class:(r=[(0,a.resolveClassName)("tab-header-item")],i&&r.push((0,a.resolveClassName)("tab-header--disabled")),l===n&&r.push((0,a.resolveClassName)("tab-header--active")),r.join(" "))},[(0,v.createVNode)("div",null,[p]),g(e.closable,s)?(0,v.createVNode)("span",{class:(0,a.resolveClassName)("tab-header--close"),onClick:function(){return o.handleTabRemove(t,e)}},[(0,v.createVNode)(b.Close,null,null)]):""])}))]),m,g])}}),h=(0,v.defineComponent)({name:"Tab",components:{TabNav:y},props:u,emits:["add-panel","tab-change","remove-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,t){var a=t.slots,r=t.emit,o=(0,v.ref)(!1),l=(0,v.ref)([]),s=(0,v.getCurrentInstance)(),i=function e(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=t.children;return(r||[]).forEach((function(t){var r=t.type;"TabPanel"===(r=r.name||r)&&t.component?a.push(t.component):r!==v.Fragment&&"template"!==r||e(t,a)})),a},c=function(){if(a.default){var e=s.subTree.children[1].children;if(!e)return;var t=e[0],r=i(t);r.length!==l.value.length&&(l.value=r)}};(0,v.onMounted)((function(){c(),o.value=!0})),(0,v.onUpdated)((function(){c()}));var u={tabAdd:function(e){r("add",{e}),r("add-panel",{e})},tabChange:function(e){r("change",e),r("tab-change",e),r("update:active",e)},tabRemove:function(e,t){r("remove",e,t),r("remove-panel",e,t)},tabSort:function(e,t,a){var o,s=l.value;if(a===n.INSERT)if(e<t)s.splice(t+1,0,l[e]),s.splice(e,1);else{if(!(e>t))return!1;s.splice(t,0,l[e]),s.splice(e+1,1)}else{var i=s[t];s[t]=s[e],s[e]=i}l.value=function(e){if(Array.isArray(e))return f(e)}(o=s)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),r("sort",e,t,a),r("sort-change",e,t,a)},tabDrag:function(e,t){r("drag",e,t),r("on-drag-tab",e,t)}};return Object.assign(Object.assign({},u),{isMounted:o,panels:l})},render:function(){var r,n,o,l,s,i=this;return(0,v.createVNode)("div",{class:(s=[(0,a.resolveClassName)("tab"),i.extCls],i.tabPosition===t.TOP?s.push((0,a.resolveClassName)("tab--".concat(i.tabPosition)),(0,a.resolveClassName)("tab--".concat(i.type))):(s.push((0,a.resolveClassName)("tab--".concat(i.tabPosition))),i.type===e.CARD_TAB&&s.push((0,a.resolveClassName)("tab--vertical-tab"))),s)},[(o=i.panels,l={panels:o,active:i.active,type:i.type,closable:i.closable,addable:i.addable,sortable:i.sortable,sortType:i.sortType,labelHeight:i.labelHeight,scrollStep:i.scrollStep,validateActive:i.validateActive,changeOnHover:i.changeOnHover,changeOnHoverDelay:i.changeOnHoverDelay,tabPosition:i.tabPosition,activeBarSize:i.activeBarSize,activeBarColor:i.activeBarColor,tabAdd:i.tabAdd,tabChange:i.tabChange,tabRemove:i.tabRemove,tabSort:i.tabSort,tabDrag:i.tabDrag},o&&Array.isArray(o)?(0,v.createVNode)(y,l,i.$slots):null),(0,v.createVNode)("div",{class:(0,a.resolveClassName)("tab-content")},[null===(n=(r=this.$slots).default)||void 0===n?void 0:n.call(r)])])}}),g=(0,v.defineComponent)({name:"TabPanel",props:d,render:function(){var e=this,t=this.name===this.$parent.active;return(0,v.withDirectives)((0,v.createVNode)("div",{ref:"content",class:(0,a.resolveClassName)("tab-panel")},[!e.visible||"if"===e.renderDirective&&!t?null:"function"==typeof e.panel?e.panel(v.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[v.vShow,t]])}});var m=(0,a.withInstallProps)(h,{TabPanel:g});const T=m})(),s})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue-types"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue-types","vue","../icon/"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue-types"),require("vue"),require("../icon/")):t(e["../shared"],e["vue-types"],e.vue,e["../icon/"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r)=>(()=>{"use strict";var n={7685:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=a},210:e=>{e.exports=t}},o={};function l(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,l),a.exports}l.d=(e,t)=>{for(var a in t)l.o(t,a)&&!l.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{l.r(s),l.d(s,{BkTab:()=>m,BkTabPanel:()=>g,PositionEnum:()=>t,SortTypeEnum:()=>n,default:()=>T});var e,t,a=l(4212),r=l(210);!function(e){e.CARD="card",e.BORDER_CARD="border-card",e.UNBORDER_CARD="unborder-card",e.CARD_TAB="card-tab",e.CARD_GRID="card-grid"}(e||(e={})),function(e){e.LEFT="left",e.RIGHT="right",e.TOP="top"}(t||(t={}));var n,o=(0,r.toType)("position",{}).def(t.TOP);!function(e){e.REPLACE="replace",e.INSERT="insert"}(n||(n={}));var i=(0,r.toType)("sortType",{}).def(n.REPLACE),c={tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(e){return e}},tabRemove:{type:Function,default:function(e){return e}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},u={active:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),type:(0,r.toType)("type",{}).def(e.BORDER_CARD),tabPosition:o,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:i,labelHeight:a.PropTypes.number.def(50),scrollStep:a.PropTypes.number.def(200),extCls:a.PropTypes.string.def(""),validateActive:a.PropTypes.bool.def(!0),showHeader:a.PropTypes.bool.def(!0),changeOnHover:a.PropTypes.bool.def(!1),changeOnHoverDelay:a.PropTypes.number.def(1e3),activeBarSize:a.PropTypes.number.def(2),activeBarColor:a.PropTypes.string.def("#3a84ff")},p=Object.assign({active:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),type:(0,r.toType)("type",{}).def(e.BORDER_CARD),activeBarColor:a.PropTypes.string.def("#3a84ff"),activeBarSize:a.PropTypes.number.def(2),panels:{type:Array,default:function(){return[]}},tabPosition:o,closable:Boolean,addable:Boolean,sortable:Boolean,sortType:i,labelHeight:a.PropTypes.number.def(50),scrollStep:a.PropTypes.number.def(200),validateActive:a.PropTypes.bool.def(!0),changeOnHover:a.PropTypes.bool.def(!1),changeOnHoverDelay:a.PropTypes.number.def(1e3)},c),d={name:a.PropTypes.oneOfType([a.PropTypes.number,a.PropTypes.string]).def(""),label:a.PropTypes.string||a.PropTypes.func,closable:a.PropTypes.bool,visible:a.PropTypes.bool.def(!0),disabled:a.PropTypes.bool,sortable:a.PropTypes.bool,renderDirective:(0,a.renderDirectiveType)(),panel:a.PropTypes.string||a.PropTypes.func};function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}var v=l(748),b=l(7685);const y=(0,v.defineComponent)({name:"TabNav",props:p,setup:function(a){var r=(0,v.ref)(null),n=(0,v.computed)((function(){var n={width:0,height:0,bottom:0,left:0};if(!r.value)return n;if([t.LEFT,t.RIGHT].includes(a.tabPosition)){var o=r.value,l=o.clientHeight,s=o.offsetTop,i={width:"".concat(a.activeBarSize,"px"),height:"".concat(l,"px"),top:"".concat(s,"px"),background:a.activeBarColor};return a.tabPosition===t.LEFT?i.right=0:i.left=0,i}if(a.type===e.UNBORDER_CARD){var c=r.value,u=c.clientWidth,p=c.offsetLeft;return{width:"".concat(u,"px"),height:"".concat(a.activeBarSize,"px"),left:"".concat(p,"px"),bottom:0,background:a.activeBarColor}}return n})),o=(0,v.computed)((function(){if(!Array.isArray(a.panels)||!a.panels.length)return[];var e=[],t=!1;return a.panels.filter((function(r,n){if(!r.props)return null;var o=r.props,l=o.name,s=o.label,i=o.closable,c=o.visible,u=o.disabled,p=o.sortable;return!!c&&(a.active===l&&(t=!0),e.push({name:l,closable:i,visible:c,disabled:u,sortable:p,tabLabel:function(e){return r.slots.label?(0,v.h)(r.slots.label):[void 0,""].includes(e)?"选项卡".concat(n+1):"string"==typeof e?e:"function"==typeof e?(0,v.h)(e):e}(s)}),!0)})),!t&&a.validateActive&&a.panels[0].props&&a.tabChange(a.panels[0].props.name),e})),l=(0,v.ref)(-1),s=(0,v.ref)(-1),i=(0,v.ref)(""),c=function(e,t){return e===t},u={handleTabAdd:function(e){a.tabAdd(e)},dragstart:function(e,t){s.value=e,i.value=a.guid,Object.assign(t.dataTransfer,{effectAllowed:"move"}),a.tabDrag(e,t)},dragenter:function(e){c(i.value,a.guid)&&(l.value=e)},dragend:function(){l.value=-1,s.value=-1,i.value=null},drop:function(e,t){if(!c(i.value,a.guid))return!1;a.tabSort(s.value,e,t)},handleTabChange:function(e){a.tabChange(e)},handleTabRemove:function(e,t){a.tabRemove(e,t)}};return Object.assign(Object.assign({},u),{activeRef:r,activeBarStyle:n,navs:o,dragenterIndex:l,dragStartIndex:s,draggingEle:i,guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)})},render:function(){var t,r,n,o=this,l=this.active,s=this.closable,i=this.addable,c=this.sortable,u=this.sortType,p=this.labelHeight,d=this.dragstart,f=this.dragenter,y=this.dragend,h=this.drop,g="function"==typeof this.$slots.setting?(0,v.createVNode)("div",{class:(0,a.resolveClassName)("tab-header-setting")},[this.$slots.setting()]):null,m=(n=[],"function"==typeof o.$slots.add?n.push(null===(r=(t=o.$slots).add)||void 0===r?void 0:r.call(t,v.h)):i&&n.push((0,v.createVNode)("div",{onClick:o.handleTabAdd},[(0,v.createVNode)(b.Plus,{style:"display:flex;",width:26,height:26},null)])),n.length?(0,v.createVNode)("div",{class:(0,a.resolveClassName)("tab-header-operation")},[n.map((function(e,t){return(0,v.createVNode)("div",{class:(0,a.resolveClassName)("tab-header-item"),key:t},[e])}))]):null);return(0,v.createVNode)("div",{style:{lineHeight:"".concat(p,"px")},class:(0,a.resolveClassName)("tab-header")},[(0,v.createVNode)("div",{class:[(0,a.resolveClassName)("tab-header-nav"),m||g?"tab-header-auto":""]},[o.type===e.UNBORDER_CARD?(0,v.createVNode)("div",{style:o.activeBarStyle,class:(0,a.resolveClassName)("tab-header-active-bar")},null):"",o.navs.map((function(e,t){if(!e)return null;var r,n=e.name,i=e.disabled,p=e.tabLabel,g=function(e,t){return!i&&(e||t)};return(0,v.createVNode)("div",{key:n,onClick:function(){return!i&&o.handleTabChange(n)},draggable:g(e.sortable,c),onDragstart:function(e){return d(t,e)},ref:l===n?"activeRef":"",onDragenter:function(e){e.preventDefault(),f(t)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),y()},onDrop:function(e){e.preventDefault(),h(t,u)},class:(r=[(0,a.resolveClassName)("tab-header-item")],i&&r.push((0,a.resolveClassName)("tab-header--disabled")),l===n&&r.push((0,a.resolveClassName)("tab-header--active")),r.join(" "))},[(0,v.createVNode)("div",null,[p]),g(e.closable,s)?(0,v.createVNode)("span",{class:(0,a.resolveClassName)("tab-header--close"),onClick:function(){return o.handleTabRemove(t,e)}},[(0,v.createVNode)(b.Close,null,null)]):""])}))]),m,g])}}),h=(0,v.defineComponent)({name:"Tab",components:{TabNav:y},props:u,emits:["add-panel","tab-change","remove-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,t){var a=t.slots,r=t.emit,o=(0,v.ref)(!1),l=(0,v.ref)([]),s=(0,v.getCurrentInstance)(),i=function e(t){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=t.children;return(r||[]).forEach((function(t){var r=t.type;"TabPanel"===(r=r.name||r)&&t.component?a.push(t.component):r!==v.Fragment&&"template"!==r||e(t,a)})),a},c=function(){if(a.default){var e=s.subTree.children[1].children;if(!e)return;var t=e[0],r=i(t);r.length!==l.value.length&&(l.value=r)}};(0,v.onMounted)((function(){c(),o.value=!0})),(0,v.onUpdated)((function(){c()}));var u={tabAdd:function(e){r("add",{e}),r("add-panel",{e})},tabChange:function(e){r("change",e),r("tab-change",e),r("update:active",e)},tabRemove:function(e,t){r("remove",e,t),r("remove-panel",e,t)},tabSort:function(e,t,a){var o,s=l.value;if(a===n.INSERT)if(e<t)s.splice(t+1,0,l[e]),s.splice(e,1);else{if(!(e>t))return!1;s.splice(t,0,l[e]),s.splice(e+1,1)}else{var i=s[t];s[t]=s[e],s[e]=i}l.value=function(e){if(Array.isArray(e))return f(e)}(o=s)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return f(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?f(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),r("sort",e,t,a),r("sort-change",e,t,a)},tabDrag:function(e,t){r("drag",e,t),r("on-drag-tab",e,t)}};return Object.assign(Object.assign({},u),{isMounted:o,panels:l})},render:function(){var r,n,o,l,s,i=this;return(0,v.createVNode)("div",{class:(s=[(0,a.resolveClassName)("tab"),i.extCls],i.tabPosition===t.TOP?s.push((0,a.resolveClassName)("tab--".concat(i.tabPosition)),(0,a.resolveClassName)("tab--".concat(i.type))):(s.push((0,a.resolveClassName)("tab--".concat(i.tabPosition))),i.type===e.CARD_TAB&&s.push((0,a.resolveClassName)("tab--vertical-tab"))),s)},[(o=i.panels,l={panels:o,active:i.active,type:i.type,closable:i.closable,addable:i.addable,sortable:i.sortable,sortType:i.sortType,labelHeight:i.labelHeight,scrollStep:i.scrollStep,validateActive:i.validateActive,changeOnHover:i.changeOnHover,changeOnHoverDelay:i.changeOnHoverDelay,tabPosition:i.tabPosition,activeBarSize:i.activeBarSize,activeBarColor:i.activeBarColor,tabAdd:i.tabAdd,tabChange:i.tabChange,tabRemove:i.tabRemove,tabSort:i.tabSort,tabDrag:i.tabDrag},o&&Array.isArray(o)?(0,v.createVNode)(y,l,i.$slots):null),(0,v.createVNode)("div",{class:(0,a.resolveClassName)("tab-content")},[null===(n=(r=this.$slots).default)||void 0===n?void 0:n.call(r)])])}}),g=(0,v.defineComponent)({name:"TabPanel",props:d,render:function(){var e=this,t=this.name===this.$parent.active;return(0,v.withDirectives)((0,v.createVNode)("div",{ref:"content",class:(0,a.resolveClassName)("tab-panel")},[!e.visible||"if"===e.renderDirective&&!t?null:"function"==typeof e.panel?e.panel(v.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[v.vShow,t]])}});var m=(0,a.withInstallProps)(h,{TabPanel:g});const T=m})(),s})()));

package/lib/tab/tab.css

@@ -152,10 +152,10 @@
 }
 .bk-tab--card-grid .bk-tab-header-item {
   height: 40px;
+  margin-right: 8px;
   line-height: 40px;
-  background: #EAEBF0;
+  background: #eaebf0;
   border-radius: 4px 4px 0 0;
-  margin-right: 8px;
 }
 .bk-tab-header-operation .bk-tab-header-item {
   padding-right: 12px;
@@ -204,7 +204,7 @@
   display: none !important;
 }
 .bk-tab--card-grid .bk-tab-header--active {
-  background: #FFFFFF;
+  background: #fff;
 }
 .bk-tab-header--close {
   display: none;
@@ -212,10 +212,12 @@
   color: #c4c6cc;
 }
 .bk-tab-header--disabled {
-  color: #aaa;
-  pointer-events: none;
   cursor: not-allowed;
 }
+.bk-tab-header--disabled,
+.bk-tab-header--disabled:hover {
+  color: #aaa;
+}
 .bk-tab-header-active-bar {
   position: absolute;
   width: 0;
@@ -233,9 +235,9 @@
   border-width: 0 1px 1px;
 }
 .bk-tab--card-grid .bk-tab-content {
-  background: #FFFFFF;
-  box-shadow: 0 2px 4px 0 #1919290d;
+  background: #fff;
   border-radius: 0 4px 4px 4px;
+  box-shadow: 0 2px 4px 0 #1919290d;
 }
 .bk-tab-panel {
   height: 100%;

package/lib/tab/tab.less

@@ -74,12 +74,10 @@
     }
 
 
-
-
     > div {
       display: flex;
       flex-wrap: nowrap;
-      .@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--vertical-card & ,.@{bk-prefix}-tab--border-card &{
+      .@{bk-prefix}-tab--card &, .@{bk-prefix}-tab--vertical-card & ,.@{bk-prefix}-tab--border-card & {
         margin-bottom: -1px;
       }
     }
@@ -199,10 +197,10 @@
 
       .@{bk-prefix}-tab--card-grid & {
         height: 40px;
+        margin-right: 8px;
         line-height: 40px;
-        background: #EAEBF0;
+        background: #eaebf0;
         border-radius: 4px 4px 0 0;
-        margin-right: 8px;
       }
 
       .@{bk-prefix}-tab-header-operation & {
@@ -247,7 +245,7 @@
       }
 
       .@{bk-prefix}-tab--card-grid & {
-        background: #FFFFFF;
+        background: #fff;
       }
 
       /* 激活边框，跟随，不再用固定样式
@@ -272,9 +270,12 @@
     }
 
     &--disabled {
-      color: @tab-disable-color;
-      pointer-events: none;
       cursor: not-allowed;
+
+      &,
+      &:hover {
+        color: @tab-disable-color;
+      }
     }
   }
 
@@ -297,9 +298,9 @@
     }
 
     .@{bk-prefix}-tab--card-grid & {
-      background: #FFFFFF;
-      box-shadow: 0 2px 4px 0 #1919290d;
+      background: #fff;
       border-radius: 0 4px 4px 4px;
+      box-shadow: 0 2px 4px 0 #1919290d;
     }
   }
 

package/lib/tab/tab.variable.css

@@ -274,10 +274,10 @@
 }
 .bk-tab--card-grid .bk-tab-header-item {
   height: 40px;
+  margin-right: 8px;
   line-height: 40px;
-  background: #EAEBF0;
+  background: #eaebf0;
   border-radius: 4px 4px 0 0;
-  margin-right: 8px;
 }
 .bk-tab-header-operation .bk-tab-header-item {
   padding-right: 12px;
@@ -326,7 +326,7 @@
   display: none !important;
 }
 .bk-tab--card-grid .bk-tab-header--active {
-  background: #FFFFFF;
+  background: #fff;
 }
 .bk-tab-header--close {
   display: none;
@@ -334,10 +334,12 @@
   color: var(--light-gray);
 }
 .bk-tab-header--disabled {
-  color: #aaa;
-  pointer-events: none;
   cursor: not-allowed;
 }
+.bk-tab-header--disabled,
+.bk-tab-header--disabled:hover {
+  color: #aaa;
+}
 .bk-tab-header-active-bar {
   position: absolute;
   width: 0;
@@ -355,9 +357,9 @@
   border-width: 0 1px 1px;
 }
 .bk-tab--card-grid .bk-tab-content {
-  background: #FFFFFF;
-  box-shadow: 0 2px 4px 0 #1919290d;
+  background: #fff;
   border-radius: 0 4px 4px 4px;
+  box-shadow: 0 2px 4px 0 #1919290d;
 }
 .bk-tab-panel {
   height: 100%;