bkui-vue 0.0.1-beta.48 → 0.0.1-beta.50

package/lib/button/index.d.ts

@@ -6,10 +6,11 @@ declare const BkButton: {
         $props: Partial<{
             title: string;
             text: boolean;
-            theme: string;
+            size: string;
             icon: string;
-            outline: boolean;
             disabled: boolean;
+            theme: string;
+            outline: boolean;
             loading: boolean;
             hoverTheme: string;
             iconRight: string;
@@ -20,7 +21,9 @@ declare const BkButton: {
             hoverTheme: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
-            size: import("vue-types").VueTypeDef<string>;
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
             title: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -36,7 +39,7 @@ declare const BkButton: {
             loading: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
-            laodingMode: import("vue-types").VueTypeDef<string>;
+            loadingMode: import("vue-types").VueTypeDef<string>;
             outline: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
@@ -49,7 +52,7 @@ declare const BkButton: {
         }>> & {
             onClick?: (...args: any[]) => any;
             onMouseover?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "icon" | "outline" | "disabled" | "loading" | "hoverTheme" | "iconRight">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "size" | "icon" | "disabled" | "theme" | "outline" | "loading" | "hoverTheme" | "iconRight">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -70,7 +73,9 @@ declare const BkButton: {
             hoverTheme: import("vue-types").VueTypeDef<string> & {
                 default: string;
             };
-            size: import("vue-types").VueTypeDef<string>;
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
             title: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -86,7 +91,7 @@ declare const BkButton: {
             loading: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
-            laodingMode: import("vue-types").VueTypeDef<string>;
+            loadingMode: import("vue-types").VueTypeDef<string>;
             outline: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
@@ -102,10 +107,11 @@ declare const BkButton: {
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], string, {
             title: string;
             text: boolean;
-            theme: string;
+            size: string;
             icon: string;
-            outline: boolean;
             disabled: boolean;
+            theme: string;
+            outline: boolean;
             loading: boolean;
             hoverTheme: string;
             iconRight: string;
@@ -136,7 +142,9 @@ declare const BkButton: {
         hoverTheme: import("vue-types").VueTypeDef<string> & {
             default: string;
         };
-        size: import("vue-types").VueTypeDef<string>;
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -152,7 +160,7 @@ declare const BkButton: {
         loading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
-        laodingMode: import("vue-types").VueTypeDef<string>;
+        loadingMode: import("vue-types").VueTypeDef<string>;
         outline: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
@@ -176,7 +184,9 @@ declare const BkButton: {
     hoverTheme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -192,7 +202,7 @@ declare const BkButton: {
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    laodingMode: import("vue-types").VueTypeDef<string>;
+    loadingMode: import("vue-types").VueTypeDef<string>;
     outline: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -208,10 +218,11 @@ declare const BkButton: {
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], "click" | "mouseover", {
     title: string;
     text: boolean;
-    theme: string;
+    size: string;
     icon: string;
-    outline: boolean;
     disabled: boolean;
+    theme: string;
+    outline: boolean;
     loading: boolean;
     hoverTheme: string;
     iconRight: string;

package/lib/button/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>c,BkButtonGroup:()=>l,default:()=>d});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),r=i(4870),n=i.n(r),u={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,laodingMode:e.PropTypes.commonType(Object.values(r.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String}};const s=(0,t.defineComponent)({name:"Button",props:u,emits:["click","mouseover"],setup:function(i,a){var u,s=a.slots,l=a.attrs,c=a.emit,d=(0,t.ref)(!1),p=null!==(u=s.default)&&void 0!==u&&u,v="bk-button",f=(0,t.computed)((function(){var t,r=i.hoverTheme?"".concat(v,"-hover-").concat(i.hoverTheme):"",n=i.theme?"".concat(v,"-").concat(i.theme):"",a=i.hoverTheme?"":n;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":i.text&&!i.hoverTheme},"".concat(v,"-").concat(i.size),""!==i.size),o(t,"no-slot",!p),t),"".concat(a," ").concat(v," ").concat(r))})),m=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?d.value&&!i.text?"white":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),b=(0,t.computed)((function(){return i.size===r.BkLoadingSize.Small?r.BkLoadingSize.Mini:r.BkLoadingSize.Small})),y=function(){i.loading||c("click")},h=function(){d.value=!0,c("mouseover")},g=function(){d.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:f.value,type:i.nativeType},l,{onClick:y,onMouseover:h,onMouseleave:g}),[i.loading?(0,t.createVNode)(n(),{loading:!0,class:"".concat(v,"-loading"),mode:i.laodingMode,theme:m.value,size:b.value},null):s.default&&(0,t.createVNode)("span",{class:"".concat(v,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),l=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(r,n){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(r.size),!!r.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}});var c=(0,e.withInstallProps)(s,{ButtonGroup:l});const d=c})(),a})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o,t)=>(()=>{"use strict";var r={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function i(e){var o=n[e];if(void 0!==o)return o.exports;var t=n[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>d,BkButtonGroup:()=>c,default:()=>p});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),r=i(4870),n=i.n(r),u=["","small","large"],l={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(u).def(""),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,loadingMode:e.PropTypes.commonType(Object.values(r.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String}};const s=(0,t.defineComponent)({name:"Button",props:l,emits:["click","mouseover"],setup:function(i,a){var l,s=a.slots,c=a.attrs,d=a.emit,p=(0,t.ref)(!1),v=null!==(l=s.default)&&void 0!==l&&l,f="bk-button",m=(0,t.computed)((function(){return i.text&&!i.hoverTheme})),b=(0,t.computed)((function(){var t,r=i.hoverTheme?"".concat(f,"-hover-").concat(i.hoverTheme):"",n=i.theme?"".concat(f,"-").concat(i.theme):"",a=i.hoverTheme?"":n;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":m.value},"".concat(f,"-").concat(i.size),i.size&&u.includes(i.size)),o(t,"no-slot",!v),t),"".concat(a," ").concat(f," ").concat(r))}));console.log(b.value,i);var g=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?p.value&&!i.text?"white":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),y=(0,t.computed)((function(){return m.value||i.size===r.BkLoadingSize.Small?r.BkLoadingSize.Mini:r.BkLoadingSize.Small})),h=function(){i.loading||d("click")},T=function(){p.value=!0,d("mouseover")},P=function(){p.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:b.value,type:i.nativeType},c,{onClick:h,onMouseover:T,onMouseleave:P}),[i.loading&&(0,t.createVNode)(n(),{loading:!0,class:"".concat(f,"-loading"),mode:i.loadingMode,theme:g.value,size:y.value},null),s.default&&(0,t.createVNode)("span",{class:"".concat(f,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),c=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(r,n){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(r.size),!!r.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}});var d=(0,e.withInstallProps)(s,{ButtonGroup:c});const p=d})(),a})()));

package/lib/checkbox/index.js

@@ -1 +1 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{BkCheckbox:()=>c,BkCheckboxGroup:()=>s,default:()=>d});var e=n(4212);function r(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}var t=n(748),o=Symbol("CheckboxGroup"),i={modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]),trueLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(!0),falseLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),disabled:e.PropTypes.bool.def(!1),checked:e.PropTypes.bool.def(!1),indeterminate:e.PropTypes.bool,beforeChange:e.PropTypes.func,size:e.PropTypes.size()};const l=(0,t.defineComponent)({name:"Checkbox",props:i,emits:["update:modelValue","change"],setup:function(){var n,a,i,l,u,s,c,d,p,f=function(){var e=(0,t.ref)(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}(),h=(p=2,function(e){if(Array.isArray(e))return e}(d=f)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(a.push(o.value),!r||a.length!==r);i=!0);}catch(e){l=!0,n=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw n}}return a}}(d,p)||function(e,t){if(e){if("string"==typeof e)return r(e,t);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)?r(e,t):void 0}}(d,p)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),b=h[0],y=h[1],v=y.blur,m=y.focus,k=(n=(0,t.getCurrentInstance)(),a=n.props,i=n.emit,l=(0,t.inject)(o,e.EMPTY_OBJ),u=!(0,e.isEmptyObj)(l),s=(0,t.ref)(a.checked),c=(0,t.computed)((function(){return!(!u||!l.props.disabled)||a.disabled})),u?(0,t.watch)((function(){return l.props.modelValue}),(function(e){s.value=e.includes(a.label)})):(0,t.watch)((function(){return a.modelValue}),(function(e){""!==e&&(s.value=e===a.trueLabel)}),{immediate:!0}),(0,t.onMounted)((function(){u&&l.register(n.proxy)})),(0,t.onBeforeUnmount)((function(){u&&l.unregister(n.proxy)})),{isChecked:s,isDisabled:c,setChecked:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];s.value=e},handleChange:function(e){if(!c.value){var r=e.target;s.value=r.checked;var o=s.value?a.trueLabel:a.falseLabel;i("change",o),i("update:modelValue",o),u&&l.handleChange(),(0,t.nextTick)((function(){r.checked!==s.value&&(r.checked=s.value)}))}}});return{isFocus:b,isChecked:k.isChecked,isDisabled:k.isDisabled,setChecked:k.setChecked,handleBlur:v,handleFocus:m,handleChange:k.handleChange}},render:function(){var r=(0,e.classes)({"bk-checkbox":!0,"is-focused":this.isFocus,"is-checked":this.isChecked,"is-disabled":this.isDisabled,"is-indeterminated":this.indeterminate});return(0,t.createVNode)("label",{class:r},[(0,t.createVNode)("span",{class:"bk-checkbox-input"},[(0,t.createVNode)("input",{role:"checkbox",type:"checkbox",class:"bk-checkbox-original",disabled:this.isDisabled,checked:this.isChecked,onChange:this.handleChange},null)]),this.$slots.default?this.$slots.default():(0,t.createVNode)("span",{class:"bk-checkbox-label"},[this.label])])}});var u={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.array,disabled:e.PropTypes.bool};const s=(0,t.defineComponent)({name:"CheckboxGroup",props:u,emits:["change","update:modelValue"],setup:function(e,r){var n=[];return(0,t.provide)(o,{name:"CheckboxGroup",props:e,register:function(e){n.push(e)},unregister:function(e){var r=n.indexOf(e);r>-1&&n.splice(r,1)},handleChange:function(){var e=n.reduce((function(e,r){return r.isChecked&&e.push(r.label),e}),[]);r.emit("update:modelValue",e),r.emit("change",e)}}),(0,t.onMounted)((function(){var r=e.modelValue||[];n.forEach((function(e){r.includes(e.label)&&e.setChecked(!0)}))})),{}},render:function(){var e;return(0,t.createVNode)("div",{class:"bk-checkbox-group"},[null===(e=this.$slots)||void 0===e?void 0:e.default()])}});var c=(0,e.withInstallProps)(l,{Group:s});const d=c})(),a})()));
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var a=o[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{n.r(a),n.d(a,{BkCheckbox:()=>c,BkCheckboxGroup:()=>s,default:()=>d});var e=n(4212);function r(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}var t=n(748),o=Symbol("CheckboxGroup"),i={modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]),trueLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(!0),falseLabel:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),disabled:e.PropTypes.bool.def(!1),checked:e.PropTypes.bool.def(!1),indeterminate:e.PropTypes.bool,beforeChange:e.PropTypes.func,size:e.PropTypes.size()};const l=(0,t.defineComponent)({name:"Checkbox",props:i,emits:["update:modelValue","change"],setup:function(){var n,a,i,l,u,s,c,d,p,f=function(){var e=(0,t.ref)(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}(),h=(p=2,function(e){if(Array.isArray(e))return e}(d=f)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(o=t.next()).done)&&(a.push(o.value),!r||a.length!==r);i=!0);}catch(e){l=!0,n=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw n}}return a}}(d,p)||function(e,t){if(e){if("string"==typeof e)return r(e,t);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)?r(e,t):void 0}}(d,p)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),b=h[0],y=h[1],v=y.blur,m=y.focus,k=(n=(0,t.getCurrentInstance)(),a=n.props,i=n.emit,l=(0,t.inject)(o,e.EMPTY_OBJ),u=!(0,e.isEmptyObj)(l),s=(0,t.ref)(a.checked),c=(0,t.computed)((function(){return!(!u||!l.props.disabled)||a.disabled})),u?(0,t.watch)((function(){return l.props.modelValue}),(function(e){s.value=e.includes(a.label)}),{deep:!0}):(0,t.watch)((function(){return a.modelValue}),(function(e){""!==e&&(s.value=e===a.trueLabel)}),{immediate:!0}),(0,t.onMounted)((function(){u&&l.register(n.proxy)})),(0,t.onBeforeUnmount)((function(){u&&l.unregister(n.proxy)})),{isChecked:s,isDisabled:c,setChecked:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];s.value=e},handleChange:function(e){if(!c.value){var r=e.target;s.value=r.checked;var o=s.value?a.trueLabel:a.falseLabel;i("change",o),i("update:modelValue",o),u&&l.handleChange(),(0,t.nextTick)((function(){r.checked!==s.value&&(r.checked=s.value)}))}}});return{isFocus:b,isChecked:k.isChecked,isDisabled:k.isDisabled,setChecked:k.setChecked,handleBlur:v,handleFocus:m,handleChange:k.handleChange}},render:function(){var r=(0,e.classes)({"bk-checkbox":!0,"is-focused":this.isFocus,"is-checked":this.isChecked,"is-disabled":this.isDisabled,"is-indeterminated":this.indeterminate});return(0,t.createVNode)("label",{class:r},[(0,t.createVNode)("span",{class:"bk-checkbox-input"},[(0,t.createVNode)("input",{role:"checkbox",type:"checkbox",class:"bk-checkbox-original",disabled:this.isDisabled,checked:this.isChecked,onChange:this.handleChange},null)]),this.$slots.default?this.$slots.default():(0,t.createVNode)("span",{class:"bk-checkbox-label"},[this.label])])}});var u={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.array,disabled:e.PropTypes.bool};const s=(0,t.defineComponent)({name:"CheckboxGroup",props:u,emits:["change","update:modelValue"],setup:function(e,r){var n=[];return(0,t.provide)(o,{name:"CheckboxGroup",props:e,register:function(e){n.push(e)},unregister:function(e){var r=n.indexOf(e);r>-1&&n.splice(r,1)},handleChange:function(){var e=n.reduce((function(e,r){return r.isChecked&&e.push(r.label),e}),[]);r.emit("update:modelValue",e),r.emit("change",e)}}),(0,t.onMounted)((function(){var r=e.modelValue||[];n.forEach((function(e){r.includes(e.label)&&e.setChecked(!0)}))})),{}},render:function(){var e;return(0,t.createVNode)("div",{class:"bk-checkbox-group"},[null===(e=this.$slots)||void 0===e?void 0:e.default()])}});var c=(0,e.withInstallProps)(l,{Group:s});const d=c})(),a})()));

package/lib/date-picker/date-picker.d.ts

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => {};
     };
     readonly fontSize: {
-        readonly type: import("vue").PropType<"large" | "normal" | "medium">;
+        readonly type: import("vue").PropType<"normal" | "medium" | "large">;
         readonly default: "normal";
     };
     readonly upToNow: {
@@ -151,7 +151,7 @@ declare const _default: import("vue").DefineComponent<{
     timeEnterMode: import("vue").Ref<boolean>;
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => SelectionModeType>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "input" | "change" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "input" | "clear" | "change" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<import("./interface").PickerTypeType>;
         readonly default: "date";
@@ -228,7 +228,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => {};
     };
     readonly fontSize: {
-        readonly type: import("vue").PropType<"large" | "normal" | "medium">;
+        readonly type: import("vue").PropType<"normal" | "medium" | "large">;
         readonly default: "normal";
     };
     readonly upToNow: {
@@ -268,12 +268,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: import("./interface").PickerTypeType;
     placeholder: string;
-    placement: import("@popperjs/core").ComputedPlacement;
-    options: Record<string, any>;
-    fontSize: "large" | "normal" | "medium";
     open: boolean;
     multiple: boolean;
     disabled: boolean;
+    placement: import("@popperjs/core").ComputedPlacement;
+    options: Record<string, any>;
+    fontSize: "normal" | "medium" | "large";
     extPopoverCls: string;
     readonly: boolean;
     editable: boolean;

package/lib/date-picker/index.d.ts

@@ -5,12 +5,12 @@ declare const BkDatePicker: {
         $props: Partial<{
             type: import("./interface").PickerTypeType;
             placeholder: string;
-            placement: import("@popperjs/core").ComputedPlacement;
-            options: Record<string, any>;
-            fontSize: "large" | "normal" | "medium";
             open: boolean;
             multiple: boolean;
             disabled: boolean;
+            placement: import("@popperjs/core").ComputedPlacement;
+            options: Record<string, any>;
+            fontSize: "normal" | "medium" | "large";
             extPopoverCls: string;
             readonly: boolean;
             editable: boolean;
@@ -104,7 +104,7 @@ declare const BkDatePicker: {
                 readonly default: () => {};
             };
             readonly fontSize: {
-                readonly type: import("vue").PropType<"large" | "normal" | "medium">;
+                readonly type: import("vue").PropType<"normal" | "medium" | "large">;
                 readonly default: "normal";
             };
             readonly upToNow: {
@@ -141,7 +141,7 @@ declare const BkDatePicker: {
             onClear?: (...args: any[]) => any;
             "onOpen-change"?: (...args: any[]) => any;
             "onShortcut-change"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placeholder" | "placement" | "options" | "fontSize" | "open" | "multiple" | "disabled" | "extPopoverCls" | "readonly" | "editable" | "clearable" | "timePickerOptions" | "splitPanels" | "transfer" | "appendToBody" | "shortcuts" | "shortcutClose" | "upToNow" | "useShortcutText" | "shortcutSelectedIndex" | "footerSlotCls" | "allowCrossDay" | "behavior">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placeholder" | "open" | "multiple" | "disabled" | "placement" | "options" | "fontSize" | "extPopoverCls" | "readonly" | "editable" | "clearable" | "timePickerOptions" | "splitPanels" | "transfer" | "appendToBody" | "shortcuts" | "shortcutClose" | "upToNow" | "useShortcutText" | "shortcutSelectedIndex" | "footerSlotCls" | "allowCrossDay" | "behavior">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -153,7 +153,7 @@ declare const BkDatePicker: {
         }>;
         $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: "input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", ...args: any[]) => void;
+        $emit: (event: "clear" | "input" | "change" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly type: {
@@ -232,7 +232,7 @@ declare const BkDatePicker: {
                 readonly default: () => {};
             };
             readonly fontSize: {
-                readonly type: import("vue").PropType<"large" | "normal" | "medium">;
+                readonly type: import("vue").PropType<"normal" | "medium" | "large">;
                 readonly default: "normal";
             };
             readonly upToNow: {
@@ -315,15 +315,15 @@ declare const BkDatePicker: {
             timeEnterMode: import("vue").Ref<boolean>;
             shortcut: import("vue").Ref<any>;
             onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "input" | "change" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], string, {
             type: import("./interface").PickerTypeType;
             placeholder: string;
-            placement: import("@popperjs/core").ComputedPlacement;
-            options: Record<string, any>;
-            fontSize: "large" | "normal" | "medium";
             open: boolean;
             multiple: boolean;
             disabled: boolean;
+            placement: import("@popperjs/core").ComputedPlacement;
+            options: Record<string, any>;
+            fontSize: "normal" | "medium" | "large";
             extPopoverCls: string;
             readonly: boolean;
             editable: boolean;
@@ -437,7 +437,7 @@ declare const BkDatePicker: {
             readonly default: () => {};
         };
         readonly fontSize: {
-            readonly type: import("vue").PropType<"large" | "normal" | "medium">;
+            readonly type: import("vue").PropType<"normal" | "medium" | "large">;
             readonly default: "normal";
         };
         readonly upToNow: {
@@ -601,7 +601,7 @@ declare const BkDatePicker: {
         readonly default: () => {};
     };
     readonly fontSize: {
-        readonly type: import("vue").PropType<"large" | "normal" | "medium">;
+        readonly type: import("vue").PropType<"normal" | "medium" | "large">;
         readonly default: "normal";
     };
     readonly upToNow: {
@@ -684,15 +684,15 @@ declare const BkDatePicker: {
     timeEnterMode: import("vue").Ref<boolean>;
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "input" | "change" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "input" | "clear" | "change" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", {
     type: import("./interface").PickerTypeType;
     placeholder: string;
-    placement: import("@popperjs/core").ComputedPlacement;
-    options: Record<string, any>;
-    fontSize: "large" | "normal" | "medium";
     open: boolean;
     multiple: boolean;
     disabled: boolean;
+    placement: import("@popperjs/core").ComputedPlacement;
+    options: Record<string, any>;
+    fontSize: "normal" | "medium" | "large";
     extPopoverCls: string;
     readonly: boolean;
     editable: boolean;

package/lib/date-picker/props.d.ts

@@ -78,7 +78,7 @@ export declare const datePickerProps: {
         readonly default: () => {};
     };
     readonly fontSize: {
-        readonly type: PropType<"large" | "normal" | "medium">;
+        readonly type: PropType<"normal" | "medium" | "large">;
         readonly default: "normal";
     };
     readonly upToNow: {

package/lib/dialog/dialog.css

@@ -0,0 +1,102 @@
+.bk-modal-wrapper {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: #fff;
+  transform: translate(-50%, -50%);
+}
+.bk-modal-wrapper.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+}
+.bk-modal-wrapper.normal {
+  width: 480px;
+  height: 240px;
+}
+.bk-modal-wrapper.small {
+  width: 400px;
+  height: 200px;
+}
+.bk-modal-wrapper.medium {
+  width: 640px;
+  height: 400px;
+}
+.bk-modal-wrapper.large {
+  width: 960px;
+  height: 720px;
+}
+.bk-modal-wrapper .bk-modal-body {
+  height: 100%;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+.bk-modal-wrapper.bk-dialog-wrapper {
+  position: relative;
+}
+.bk-modal-wrapper.bk-dialog-wrapper * {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
+  overflow: auto;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 30px;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 26px;
+  color: #979ba5;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 50%;
+  transform: rotate(45deg);
+  justify-content: center;
+  align-items: center;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .close-icon {
+  display: none;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
+  padding: 24px;
+  font-size: 20px;
+  line-height: 1;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  font-size: 24px;
+  color: #313238;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
+  height: calc(100% - 132px);
+  padding: 3px 24px 26px;
+  margin-bottom: 58px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #63656e;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 58px;
+  padding: 12px 24px;
+  background-color: #fafbfd;
+  border-top: 1px solid #dcdee5;
+  border-radius: 2px;
+}

package/lib/dialog/dialog.d.ts

@@ -166,9 +166,9 @@ declare const _default: import("vue").DefineComponent<{
     width: string | number;
     height: string | number;
     title: string;
+    size: string;
     showMask: boolean;
     theme: string;
-    size: string;
     isShow: boolean;
     customClass: string | unknown[];
     scrollable: boolean;

package/lib/dialog/dialog.less

@@ -0,0 +1,86 @@
+@import '../modal/modal.less';
+
+.bk-modal-wrapper {
+  &.bk-dialog-wrapper {
+    position: relative;
+
+    * {
+      box-sizing: border-box;
+      -webkit-tap-highlight-color: rgba(0,0,0,0);
+    }
+
+    &.scroll-able {
+      .bk-modal-content {
+        overflow: auto;
+      }
+    }
+
+    .bk-dialog-tool {
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+      height: 30px;
+
+      .bk-dialog-close {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        display: flex;
+        width: 26px;
+        height: 26px;
+        font-size: 22px;
+        font-weight: 700;
+        line-height: 26px;
+        color: #979ba5;
+        text-align: center;
+        cursor: pointer;
+        border-radius: 50%;
+        transform: rotate(45deg);
+        justify-content: center;
+        align-items: center;
+      }
+
+      .close-icon {
+        display: none;
+      }
+    }
+
+    .bk-dialog-header {
+      padding: 24px;
+      font-size: 20px;
+      line-height: 1;
+
+      .bk-dialog-title {
+        display: inline-block;
+        width: 100%;
+        overflow: hidden;
+        font-size: 24px;
+        color: #313238;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+
+    .bk-modal-content {
+      height: calc(100% - 132px);
+      padding: 3px 24px 26px;
+      margin-bottom: 58px;
+      font-size: 14px;
+      line-height: 1.5;
+      color: #63656e;
+    }
+
+    .bk-modal-footer {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      height: 58px;
+      padding: 12px 24px;
+      background-color: #fafbfd;
+      border-top: 1px solid #dcdee5;
+      border-radius: 2px;
+    }
+  }
+}

package/lib/dialog/dialog.variable.css

@@ -0,0 +1,102 @@
+.bk-modal-wrapper {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  background: #fff;
+  transform: translate(-50%, -50%);
+}
+.bk-modal-wrapper.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+}
+.bk-modal-wrapper.normal {
+  width: 480px;
+  height: 240px;
+}
+.bk-modal-wrapper.small {
+  width: 400px;
+  height: 200px;
+}
+.bk-modal-wrapper.medium {
+  width: 640px;
+  height: 400px;
+}
+.bk-modal-wrapper.large {
+  width: 960px;
+  height: 720px;
+}
+.bk-modal-wrapper .bk-modal-body {
+  height: 100%;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+.bk-modal-wrapper.bk-dialog-wrapper {
+  position: relative;
+}
+.bk-modal-wrapper.bk-dialog-wrapper * {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.bk-modal-wrapper.bk-dialog-wrapper.scroll-able .bk-modal-content {
+  overflow: auto;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 30px;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 26px;
+  color: #979ba5;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 50%;
+  transform: rotate(45deg);
+  justify-content: center;
+  align-items: center;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .close-icon {
+  display: none;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
+  padding: 24px;
+  font-size: 20px;
+  line-height: 1;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-title {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  font-size: 24px;
+  color: #313238;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
+  height: calc(100% - 132px);
+  padding: 3px 24px 26px;
+  margin-bottom: 58px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #63656e;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 58px;
+  padding: 12px 24px;
+  background-color: #fafbfd;
+  border-top: 1px solid #dcdee5;
+  border-radius: 2px;
+}