bkui-vue 0.0.1-beta.422 → 0.0.1-beta.424

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%;

package/lib/table/index.d.ts

@@ -12,6 +12,7 @@ declare const BkTable: {
             border: string | ("col" | "none" | "horizontal" | "row" | "outer")[];
             minHeight: string | number;
             columns: import("./props").Column[];
+            cellClass: any;
             headHeight: number;
             rowKey: any;
             scrollLoading: boolean | {
@@ -36,7 +37,6 @@ declare const BkTable: {
             rowClass: any;
             rowStyle: any;
             cellStyle: any;
-            cellClass: any;
             reserveExpand: boolean;
             selectionKey: string;
             isSelectedFn: (...args: any[]) => any;
@@ -201,7 +201,7 @@ declare const BkTable: {
             onSelectionChange?: (...args: any[]) => any;
             onCellClick?: (...args: any[]) => any;
             onCellDblclick?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "pagination" | "data" | "height" | "maxHeight" | "border" | "minHeight" | "columns" | "headHeight" | "rowKey" | "scrollLoading" | "showOverflowTooltip" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "paginationHeihgt" | "remotePagination" | "emptyText" | "settings" | "rowClass" | "rowStyle" | "cellStyle" | "cellClass" | "reserveExpand" | "selectionKey" | "isSelectedFn" | "asyncData" | "rowHover" | "defaultSort" | "isRowSelectEnable" | "observerResize">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "pagination" | "data" | "height" | "maxHeight" | "border" | "minHeight" | "columns" | "cellClass" | "headHeight" | "rowKey" | "scrollLoading" | "showOverflowTooltip" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "paginationHeihgt" | "remotePagination" | "emptyText" | "settings" | "rowClass" | "rowStyle" | "cellStyle" | "reserveExpand" | "selectionKey" | "isSelectedFn" | "asyncData" | "rowHover" | "defaultSort" | "isRowSelectEnable" | "observerResize">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -398,6 +398,7 @@ declare const BkTable: {
             border: string | ("col" | "none" | "horizontal" | "row" | "outer")[];
             minHeight: string | number;
             columns: import("./props").Column[];
+            cellClass: any;
             headHeight: number;
             rowKey: any;
             scrollLoading: boolean | {
@@ -422,7 +423,6 @@ declare const BkTable: {
             rowClass: any;
             rowStyle: any;
             cellStyle: any;
-            cellClass: any;
             reserveExpand: boolean;
             selectionKey: string;
             isSelectedFn: (...args: any[]) => any;
@@ -794,6 +794,7 @@ declare const BkTable: {
     border: string | ("col" | "none" | "horizontal" | "row" | "outer")[];
     minHeight: string | number;
     columns: import("./props").Column[];
+    cellClass: any;
     headHeight: number;
     rowKey: any;
     scrollLoading: boolean | {
@@ -818,7 +819,6 @@ declare const BkTable: {
     rowClass: any;
     rowStyle: any;
     cellStyle: any;
-    cellClass: any;
     reserveExpand: boolean;
     selectionKey: string;
     isSelectedFn: (...args: any[]) => any;

package/lib/table/table.css

@@ -132,7 +132,7 @@
 }
 .bk-checkbox-label {
   display: inline-block;
-  margin-left: 5px;
+  margin-left: 6px;
   vertical-align: middle;
 }
 .bk-button {

package/lib/table/table.d.ts

@@ -320,6 +320,7 @@ declare const _default: import("vue").DefineComponent<{
     border: string | ("col" | "none" | "horizontal" | "row" | "outer")[];
     minHeight: string | number;
     columns: import("./props").Column[];
+    cellClass: any;
     headHeight: number;
     rowKey: any;
     scrollLoading: boolean | {
@@ -344,7 +345,6 @@ declare const _default: import("vue").DefineComponent<{
     rowClass: any;
     rowStyle: any;
     cellStyle: any;
-    cellClass: any;
     reserveExpand: boolean;
     selectionKey: string;
     isSelectedFn: (...args: any[]) => any;

package/lib/table/table.variable.css

@@ -254,7 +254,7 @@
 }
 .bk-checkbox-label {
   display: inline-block;
-  margin-left: 5px;
+  margin-left: 6px;
   vertical-align: middle;
 }
 .bk-button {

package/lib/tree/tree.css

@@ -132,7 +132,7 @@
 }
 .bk-checkbox-label {
   display: inline-block;
-  margin-left: 5px;
+  margin-left: 6px;
   vertical-align: middle;
 }
 .bk-tree {

package/lib/tree/tree.variable.css

@@ -254,7 +254,7 @@
 }
 .bk-checkbox-label {
   display: inline-block;
-  margin-left: 5px;
+  margin-left: 6px;
   vertical-align: middle;
 }
 .bk-tree {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.422",
+  "version": "0.0.1-beta.424",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",
@@ -42,7 +42,7 @@
     "@babel/plugin-transform-runtime": "~7.17.0",
     "@babel/preset-env": "~7.16.11",
     "@babel/preset-typescript": "~7.16.7",
-    "@blueking/magicbox-header": "~1.1.54",
+    "@blueking/magicbox-header": "~1.1.57",
     "@commitlint/cli": "~16.2.3",
     "@commitlint/config-conventional": "~16.2.1",
     "@types/jest": "~27.4.1",