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

package/lib/radio/index.d.ts

@@ -74,13 +74,13 @@ declare const BkRadio: {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
         }, {
-            isFocus: import("vue").Ref<boolean>;
-            realName: import("vue").ComputedRef<string>;
-            isCheck: import("vue").ComputedRef<boolean>;
+            isFocused: import("vue").Ref<boolean>;
+            isChecked: import("vue").Ref<boolean>;
             isDisabled: import("vue").ComputedRef<boolean>;
+            setChecked: (value?: boolean) => void;
             handleBlur: () => void;
             handleFocus: () => void;
-            handlerChange: () => void;
+            handleChange: (event: Event) => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
             name: string;
             disabled: boolean;
@@ -132,13 +132,13 @@ declare const BkRadio: {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
-        isFocus: import("vue").Ref<boolean>;
-        realName: import("vue").ComputedRef<string>;
-        isCheck: import("vue").ComputedRef<boolean>;
+        isFocused: import("vue").Ref<boolean>;
+        isChecked: import("vue").Ref<boolean>;
         isDisabled: import("vue").ComputedRef<boolean>;
+        setChecked: (value?: boolean) => void;
         handleBlur: () => void;
         handleFocus: () => void;
-        handlerChange: () => void;
+        handleChange: (event: Event) => void;
     }> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
@@ -169,13 +169,13 @@ declare const BkRadio: {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
-    isFocus: import("vue").Ref<boolean>;
-    realName: import("vue").ComputedRef<string>;
-    isCheck: import("vue").ComputedRef<boolean>;
+    isFocused: import("vue").Ref<boolean>;
+    isChecked: import("vue").Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
+    setChecked: (value?: boolean) => void;
     handleBlur: () => void;
     handleFocus: () => void;
-    handlerChange: () => void;
+    handleChange: (event: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
     name: string;
     disabled: boolean;
@@ -233,13 +233,14 @@ declare const BkRadio: {
         };
         size: typeof import("@bkui-vue/shared").PropTypes.size;
     }, {
-        isFocus: import("vue").Ref<boolean>;
-        realName: import("vue").ComputedRef<string>;
-        isCheck: import("vue").ComputedRef<boolean>;
+        isFocused: import("vue").Ref<boolean>;
+        realName: void;
+        isChecked: import("vue").Ref<boolean>;
         isDisabled: import("vue").ComputedRef<boolean>;
+        setChecked: (value?: boolean) => void;
         handleBlur: () => void;
         handleFocus: () => void;
-        handlerChange: () => void;
+        handleChange: (event: Event) => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         name: import("vue-types").VueTypeValidableDef<string> & {
             default: string;

package/lib/radio/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{BkRadio:()=>b,BkRadioButton:()=>p,BkRadioGroup:()=>f,default:()=>m});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function r(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,a,n=[],l=!0,s=!1;try{for(r=r.call(e);!(l=(o=r.next()).done)&&(n.push(o.value),!t||n.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{l||null==r.return||r.return()}finally{if(s)throw a}}return n}}(e,r)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):void 0}}(e,r)||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.")}()}var o=a(748),l=Symbol("RadioGroup");function s(){var e=(0,o.ref)(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}function i(){var t=(0,o.getCurrentInstance)(),r=t.props,a=t.emit,n=(0,o.inject)(l,e.EMPTY_OBJ),s=!(0,e.isEmptyObj)(n),i=(0,o.reactive)({isLocalChecked:r.checked}),u=(0,o.computed)((function(){return s?n.state.localValue===r.label:""!==r.modelValue?r.modelValue===r.label:i.isLocalChecked}));i.isLocalChecked=u.value;var d=(0,o.computed)((function(){return!(!s||!n.props.disabled)||r.disabled}));return{name:(0,o.computed)((function(){return s&&n.props.name?n.props.name:r.name})),isCheck:u,isDisabled:d,handlerChange:function(){d.value||(a("change",r.label),a("update:modelValue",r.label),s&&n.handleChange(r.label))}}}var u={name:e.PropTypes.string.def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1)};const d=(0,o.defineComponent)({name:"Radio",props:u,emits:["change","update:modelValue"],setup:function(){var e=r(s(),2),t=e[0],o=e[1],a=o.blur,n=o.focus,l=i();return{isFocus:t,realName:l.name,isCheck:l.isCheck,isDisabled:l.isDisabled,handleBlur:a,handleFocus:n,handlerChange:l.handlerChange}},render:function(){var t=(0,e.classes)({"bk-radio":!0,"is-focusd":this.isFocus,"is-disabled":this.isDisabled,"is-checked":this.isCheck});return(0,o.createVNode)("label",{class:t,tabindex:"0"},[(0,o.createVNode)("input",{class:"bk-radio-input",type:"radio",tabindex:"0",name:this.realName,value:this.label,checked:this.isCheck,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handlerChange},null),(0,o.createVNode)("span",{class:"bk-radio-text"},[this.$slots.default?this.$slots.default():this.label])])}});var c={name:e.PropTypes.string.def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),size:e.PropTypes.size};const p=(0,o.defineComponent)({name:"RadioButton",props:c,emits:["change","update:modelValue"],setup:function(){var e=r(s(),2),t=e[0],o=e[1],a=o.blur,n=o.focus,l=i();return{isFocus:t,realName:l.name,isCheck:l.isCheck,isDisabled:l.isDisabled,handleBlur:a,handleFocus:n,handlerChange:l.handlerChange}},render:function(){var t=(0,e.classes)({"bk-radio-button":!0,"is-focusd":this.isFocus,"is-disabled":this.isDisabled,"is-checked":this.isCheck});return(0,o.createVNode)("label",{class:t,tabindex:"0"},[(0,o.createVNode)("input",{class:"bk-radio-button-input",type:"radio",tabindex:"0",name:this.realName,value:this.label,checked:this.isCheck,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handlerChange},null),(0,o.createVNode)("div",{class:"bk-radio-button-text"},[this.$slots.default?this.$slots.default():this.label])])}});var h={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.oneOfType([String,Number,Boolean]),disabled:e.PropTypes.bool};const f=(0,o.defineComponent)({name:"RadioGroup",props:h,emits:["change","update:modelValue"],setup:function(e,t){var r=(0,o.reactive)({localValue:e.modelValue});return(0,o.watch)((function(){return e.modelValue}),(function(){r.localValue=e.modelValue})),(0,o.provide)(l,{props:e,state:r,handleChange:function(e){t.emit("update:modelValue",e),t.emit("change",e)}}),{}},render:function(){var e;return(0,o.createVNode)("div",{class:"bk-radio-group"},[null===(e=this.$slots)||void 0===e?void 0:e.default()])}});var b=(0,e.withInstallProps)(d,{Group:f,Button:p});const m=b})(),n})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function r(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return o[e](a,a.exports,r),a.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{BkRadio:()=>b,BkRadioButton:()=>p,BkRadioGroup:()=>f,default:()=>v});var e=r(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function o(e,o){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,a=[],i=!0,s=!1;try{for(o=o.call(e);!(i=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(s)throw r}}return a}}(e,o)||function(e,o){if(e){if("string"==typeof e)return t(e,o);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,o):void 0}}(e,o)||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.")}()}var n=r(748),i=Symbol("RadioGroup");function s(){var e=(0,n.ref)(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}var l=function(){var t=(0,n.getCurrentInstance)(),o=t.props,r=t.emit,a=(0,n.inject)(i,e.EMPTY_OBJ),s=!(0,e.isEmptyObj)(a),l=(0,n.ref)(o.checked),d=(0,n.computed)((function(){return!(!s||!a.props.disabled)||o.disabled}));return s?(0,n.watch)((function(){return a.props.modelValue}),(function(e){l.value=e===o.label})):(0,n.watch)((function(){return o.modelValue}),(function(e){""!==e&&(l.value=e===o.label)}),{immediate:!0}),(0,n.onMounted)((function(){s&&a.register(t.proxy)})),(0,n.onBeforeUnmount)((function(){s&&a.unregister(t.proxy)})),{isChecked:l,isDisabled:d,setChecked:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];l.value=e},handleChange:function(e){if(!d.value){var i=e.target;l.value=i.checked;var u=l.value?o.label:"";r("change",u),r("update:modelValue",u),s&&a.handleChange(t.proxy),(0,n.nextTick)((function(){i.checked!==l.value&&(i.checked=l.value)}))}}}},d={name:e.PropTypes.string.def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1)};const u=(0,n.defineComponent)({name:"Radio",props:d,emits:["change","update:modelValue"],setup:function(){var e=o(s(),2),t=e[0],n=e[1],r=n.blur,a=n.focus,i=l();return{isFocused:t,isChecked:i.isChecked,isDisabled:i.isDisabled,setChecked:i.setChecked,handleBlur:r,handleFocus:a,handleChange:i.handleChange}},render:function(){var t=(0,e.classes)({"bk-radio":!0,"is-focused":this.isFocused,"is-disabled":this.isDisabled,"is-checked":this.isChecked});return(0,n.createVNode)("label",{class:t,tabindex:"0"},[(0,n.createVNode)("input",{class:"bk-radio-input",type:"radio",tabindex:"0",value:this.label,checked:this.isChecked,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handleChange},null),(0,n.createVNode)("span",{class:"bk-radio-text"},[this.$slots.default?this.$slots.default():this.label])])}});var c={name:e.PropTypes.string.def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),size:e.PropTypes.size};const p=(0,n.defineComponent)({name:"RadioButton",props:c,emits:["change","update:modelValue"],setup:function(){var e=o(s(),2),t=e[0],n=e[1],r=n.blur,a=n.focus,i=l(),d=i.isChecked,u=i.isDisabled,c=i.setChecked,p=i.handleChange;return{isFocused:t,realName:name,isChecked:d,isDisabled:u,setChecked:c,handleBlur:r,handleFocus:a,handleChange:p}},render:function(){var t=(0,e.classes)({"bk-radio-button":!0,"is-focused":this.isFocused,"is-disabled":this.isDisabled,"is-checked":this.isChecked});return(0,n.createVNode)("label",{class:t,tabindex:"0"},[(0,n.createVNode)("input",{class:"bk-radio-button-input",type:"radio",tabindex:"0",value:this.label,checked:this.isChecked,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handleChange},null),(0,n.createVNode)("div",{class:"bk-radio-button-text"},[this.$slots.default?this.$slots.default():this.label])])}});var h={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.oneOfType([String,Number,Boolean]),disabled:e.PropTypes.bool};const f=(0,n.defineComponent)({name:"RadioGroup",props:h,emits:["change","update:modelValue"],setup:function(e,t){var o=[];return(0,n.provide)(i,{props:e,register:function(e){o.push(e)},unregister:function(e){var t=o.indexOf(e);t>-1&&o.splice(t,1)},handleChange:function(e){var n=e.label;o.forEach((function(t){t!==e&&t.setChecked(!1)})),t.emit("update:modelValue",n),t.emit("change",n)}}),(0,n.onMounted)((function(){""!==e.modelValue&&o.forEach((function(t){t.setChecked(t.label===e.modelValue)}))})),{}},render:function(){var e;return(0,n.createVNode)("div",{class:"bk-radio-group"},[null===(e=this.$slots)||void 0===e?void 0:e.default()])}});var b=(0,e.withInstallProps)(u,{Group:f,Button:p});const v=b})(),a})()));

package/lib/radio/radio-button.d.ts

@@ -49,13 +49,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: typeof PropTypes.size;
 }, {
-    isFocus: import("vue").Ref<boolean>;
-    realName: import("vue").ComputedRef<string>;
-    isCheck: import("vue").ComputedRef<boolean>;
+    isFocused: import("vue").Ref<boolean>;
+    realName: void;
+    isChecked: import("vue").Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
+    setChecked: (value?: boolean) => void;
     handleBlur: () => void;
     handleFocus: () => void;
-    handlerChange: () => void;
+    handleChange: (event: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/radio/radio.css

@@ -34,7 +34,7 @@
 .bk-radio.is-disabled .bk-radio-text {
   cursor: not-allowed;
 }
-.bk-radio.is-focusd .bk-radio-input {
+.bk-radio.is-focused .bk-radio-input {
   border-color: #3a84ff;
 }
 .bk-radio .bk-radio-text {
@@ -107,7 +107,7 @@
   background: #dcdee5;
   border-color: #dcdee5;
 }
-.bk-radio-button.is-focusd .bk-radio-button-text {
+.bk-radio-button.is-focused .bk-radio-button-text {
   border-color: #3a84ff;
 }
 .bk-radio-button .bk-radio-button-input {

package/lib/radio/radio.d.ts

@@ -46,13 +46,13 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    isFocus: import("vue").Ref<boolean>;
-    realName: import("vue").ComputedRef<string>;
-    isCheck: import("vue").ComputedRef<boolean>;
+    isFocused: import("vue").Ref<boolean>;
+    isChecked: import("vue").Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
+    setChecked: (value?: boolean) => void;
     handleBlur: () => void;
     handleFocus: () => void;
-    handlerChange: () => void;
+    handleChange: (event: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/radio/radio.less

@@ -46,7 +46,7 @@
     }
   }
 
-  &.is-focusd {
+  &.is-focused {
     .bk-radio-input {
       border-color: @primary-color;
     }
@@ -136,7 +136,7 @@
     }
   }
 
-  &.is-focusd {
+  &.is-focused {
     .bk-radio-button-text {
       border-color: @primary-color;
     }

package/lib/radio/radio.variable.css

@@ -128,7 +128,7 @@
 .bk-radio.is-disabled .bk-radio-text {
   cursor: not-allowed;
 }
-.bk-radio.is-focusd .bk-radio-input {
+.bk-radio.is-focused .bk-radio-input {
   border-color: var(--primary-color);
 }
 .bk-radio .bk-radio-text {
@@ -201,7 +201,7 @@
   background: var(--disable-color);
   border-color: var(--disable-color);
 }
-.bk-radio-button.is-focusd .bk-radio-button-text {
+.bk-radio-button.is-focused .bk-radio-button-text {
   border-color: var(--primary-color);
 }
 .bk-radio-button .bk-radio-button-input {

package/lib/radio/type.d.ts

@@ -1,9 +1,14 @@
+import type { ComponentPublicInstance } from 'vue';
 import type { RadioProps } from './radio';
 import type { RadioGroupProps } from './radio-group';
+export declare type IRadioInstance = ComponentPublicInstance<RadioProps, {
+    isChecked: boolean;
+    label: string;
+    setChecked: (value: boolean) => void;
+}>;
 export interface IRadioGroupContext {
     props: RadioGroupProps;
-    state: {
-        localValue: RadioProps['label'];
-    };
-    handleChange: (value: RadioProps['label']) => void;
+    register: (radioInstance: IRadioInstance) => void;
+    unregister: (radioInstance: IRadioInstance) => void;
+    handleChange: (radioInstance: IRadioInstance) => void;
 }

package/lib/rate/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{default:()=>s});var e=a(4212),t=a(748);const r=(0,t.defineComponent)({name:"Star",props:{rate:e.PropTypes.number.def(0),width:e.PropTypes.number.def(15),height:e.PropTypes.number.def(16),editable:e.PropTypes.bool.def(!0),hoverRate:e.PropTypes.number.def(0),max:e.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(r,o){var a=o.emit,n=function(t){return(0,e.classes)({"bk-is-select":t<Math.floor(s.value),"bk-is-edit":r.editable,"bk-rate-star":!0})},s=(0,t.computed)((function(){return r.hoverRate||r.rate})),i={width:"".concat(r.width,"px"),height:"".concat(r.height,"px"),minWidth:"".concat(r.width,"px")};return function(){return(0,t.createVNode)("p",{class:"bk-rate-stars"},[Array(r.max).fill(1).map((function(e,o){return(0,t.createVNode)("svg",{class:n(o),style:i,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(e){r.editable&&a("chooseRate",e+1)}(o)},onMouseenter:function(){return function(e){r.editable&&a("changeHover",e+1)}(o)}},[(0,t.createVNode)("g",{transform:"translate(-143.000000, -635.000000)"},[(0,t.createVNode)("g",{transform:"translate(83.000000, 114.000000)"},[(0,t.createVNode)("g",{transform:"translate(15.000000, 384.000000)"},[(0,t.createVNode)("g",{transform:"translate(29.000000, 137.000000)"},[(0,t.createVNode)("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),o=(0,t.defineComponent)({name:"Rate",components:{star:r},props:{modelValue:e.PropTypes.number.def(0),size:e.PropTypes.size(),editable:e.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(o,a){var n=a.emit,s=(0,t.ref)(0),i=function(e){o.editable&&(n("update:modelValue",e),n("change",e))},l=function(e){s.value=e},u=(0,e.classes)({"bk-rate":!0}),d={small:{width:12,height:12},large:{width:18,height:18}}[o.size]||{width:15,height:16},c=(0,t.computed)((function(){var e=Math.floor(o.modelValue),t=(d.width+3)*e,r=d.width*(o.modelValue-e);return{width:"".concat(t+r,"px")}})),p={width:d.width,height:d.height};return function(){return(0,t.createVNode)("p",{class:u},[o.editable?(0,t.createVNode)(r,(0,t.mergeProps)({rate:o.modelValue,"hover-rate":s.value,onChooseRate:i,onChangeHover:l,onMouseleave:function(){return l(0)}},p),null):(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)(r,(0,t.mergeProps)({rate:5,style:c.value,class:"bk-score-real",editable:!1},p),null),(0,t.createVNode)(r,(0,t.mergeProps)({rate:0,editable:!1},p),null)])])}}}),s=(0,e.withInstall)(o)})(),n})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{default:()=>s});var e=a(4212),t=a(748);const r=(0,t.defineComponent)({name:"Star",props:{rate:e.PropTypes.number.def(0),width:e.PropTypes.number.def(15),height:e.PropTypes.number.def(16),editable:e.PropTypes.bool.def(!0),hoverRate:e.PropTypes.number.def(0),max:e.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(r,o){var a=o.emit,n=function(t){return(0,e.classes)({"bk-is-select":t<Math.floor(s.value),"bk-is-edit":r.editable,"bk-rate-star":!0})},s=(0,t.computed)((function(){return r.hoverRate||r.rate})),i={width:"".concat(r.width,"px"),height:"".concat(r.height,"px"),minWidth:"".concat(r.width,"px")};return function(){return(0,t.createVNode)("p",{class:"bk-rate-stars"},[Array(r.max).fill(1).map((function(e,o){return(0,t.createVNode)("svg",{class:n(o),style:i,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(e){r.editable&&a("chooseRate",e+1)}(o)},onMouseenter:function(){return function(e){r.editable&&a("changeHover",e+1)}(o)}},[(0,t.createVNode)("g",{transform:"translate(-143.000000, -635.000000)"},[(0,t.createVNode)("g",{transform:"translate(83.000000, 114.000000)"},[(0,t.createVNode)("g",{transform:"translate(15.000000, 384.000000)"},[(0,t.createVNode)("g",{transform:"translate(29.000000, 137.000000)"},[(0,t.createVNode)("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),o=(0,t.defineComponent)({name:"Rate",components:{star:r},props:{modelValue:e.PropTypes.number.def(0),size:e.PropTypes.size(),editable:e.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(o,a){var n=a.emit,s=(0,t.ref)(0),i=function(e){o.editable&&(n("update:modelValue",e),n("change",e))},l=function(e){s.value=e},u=(0,e.classes)({"bk-rate":!0}),d={small:{width:12,height:12},large:{width:18,height:18}}[o.size]||{width:15,height:16},p=(0,t.computed)((function(){var e=Math.floor(o.modelValue),t=(d.width+3)*e,r=d.width*(o.modelValue-e);return{width:"".concat(t+r,"px")}})),c={width:d.width,height:d.height};return function(){return(0,t.createVNode)("p",{class:u},[o.editable?(0,t.createVNode)(r,(0,t.mergeProps)({rate:o.modelValue,"hover-rate":s.value,onChooseRate:i,onChangeHover:l,onMouseleave:function(){return l(0)}},c),null):[(0,t.createVNode)(r,(0,t.mergeProps)({rate:5,style:p.value,class:"bk-score-real",editable:!1},c),null),(0,t.createVNode)(r,(0,t.mergeProps)({rate:0,editable:!1},c),null)]])}}}),s=(0,e.withInstall)(o)})(),n})()));

package/lib/sideslider/index.d.ts

@@ -6,10 +6,16 @@ declare const BkSideslider: {
             width: string | number;
             height: string | number;
             showMask: boolean;
+            size: string;
             direction: string;
             isShow: boolean;
             customClass: string | unknown[];
             scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+            renderDirective: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             direction: {
                 type: StringConstructor;
@@ -40,10 +46,36 @@ declare const BkSideslider: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            closeIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maskClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fullscreen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            renderDirective: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
         }>> & {
             onClosed?: (...args: any[]) => any;
             "onUpdate:isShow"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "direction" | "isShow" | "customClass" | "scrollable">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "size" | "direction" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "renderDirective">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -87,6 +119,32 @@ declare const BkSideslider: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            closeIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maskClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fullscreen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            renderDirective: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
         }>> & {
             onClosed?: (...args: any[]) => any;
             "onUpdate:isShow"?: (...args: any[]) => any;
@@ -96,10 +154,16 @@ declare const BkSideslider: {
             width: string | number;
             height: string | number;
             showMask: boolean;
+            size: string;
             direction: string;
             isShow: boolean;
             customClass: string | unknown[];
             scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+            renderDirective: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -150,6 +214,32 @@ declare const BkSideslider: {
             type: BooleanConstructor;
             default: boolean;
         };
+        closeIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maskClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        renderDirective: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
     }>> & {
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
@@ -189,6 +279,32 @@ declare const BkSideslider: {
         type: BooleanConstructor;
         default: boolean;
     };
+    closeIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    renderDirective: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
@@ -198,9 +314,15 @@ declare const BkSideslider: {
     width: string | number;
     height: string | number;
     showMask: boolean;
+    size: string;
     direction: string;
     isShow: boolean;
     customClass: string | unknown[];
     scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    maskClose: boolean;
+    fullscreen: boolean;
+    renderDirective: string;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkSideslider;

package/lib/sideslider/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={4976:e=>{e.exports=o},8014:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},i={};function s(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={exports:{}};return n[e](o,o.exports,s),o.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{s.r(d),s.d(d,{default:()=>u});var e=s(4212),t=s(748),o=s(4976),r=s.n(o),n=s(8014),i=s.n(n),l=i().propsMixin,a=Object.assign({},l);a.width.default="400",a.height.default="100%";const c=(0,t.defineComponent)({name:"Sideslider",components:{BkModal:i(),BkButton:r()},props:Object.assign(Object.assign({},a),{direction:{type:String,default:"right",validator:function(e){var t=["left","right"];return!(t.indexOf(e)<0&&(console.error("direction property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),1))}}}),emits:["closed","update:isShow"],methods:{handleClose:function(){this.$emit("update:isShow",!1),this.$emit("closed")}},render:function(){var e,o=this,r={header:function(){var e,r,n;return(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)("div",{class:"bk-sideslider-header"},[(0,t.createVNode)("span",{class:"bk-sideslider-close ".concat(o.direction),onClick:o.handleClose},null),(0,t.createVNode)("span",{class:"bk-sideslider-title ".concat(o.direction)},[null!==(n=null===(r=(e=o.$slots).header)||void 0===r?void 0:r.call(e))&&void 0!==n?n:"Header"])])])},default:function(){var e,t,r;return null!==(r=null===(t=(e=o.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==r?r:"Content"},footer:function(){return(0,t.createVNode)("div",{class:"bk-sideslider-footer"},null)}},n="bk-sideslider-wrapper ".concat(this.scrollable?"scroll-able":"");return(0,t.createVNode)(i(),(0,t.mergeProps)(this.$props,{class:n,style:"".concat(this.direction,": 0")}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)?r:{default:function(){return[r]}})}}),u=(0,e.withInstall)(c)})(),d})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var i={4976:e=>{e.exports=o},8014:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return i[e](o,o.exports,s),o.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{s.r(d),s.d(d,{default:()=>u});var e=s(4212),t=s(748),o=s(4976),r=s.n(o),i=s(8014),n=s.n(i),l=n().propsMixin,a=Object.assign({},l);a.width.default="400",a.height.default="100%";const c=(0,t.defineComponent)({name:"Sideslider",components:{BkModal:n(),BkButton:r()},props:Object.assign(Object.assign({},a),{direction:{type:String,default:"right",validator:function(e){var t=["left","right"];return!(t.indexOf(e)<0&&(console.error("direction property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),1))}}}),emits:["closed","update:isShow"],methods:{handleClose:function(){this.$emit("update:isShow",!1),this.$emit("closed")}},render:function(){var e,o=this,r={header:function(){var e,r,i;return[(0,t.createVNode)("div",{class:"bk-sideslider-header"},[(0,t.createVNode)("span",{class:"bk-sideslider-close ".concat(o.direction),onClick:o.handleClose},null),(0,t.createVNode)("span",{class:"bk-sideslider-title ".concat(o.direction)},[null!==(i=null===(r=(e=o.$slots).header)||void 0===r?void 0:r.call(e))&&void 0!==i?i:"Header"])])]},default:function(){var e,t,r;return null!==(r=null===(t=(e=o.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==r?r:"Content"},footer:function(){return(0,t.createVNode)("div",{class:"bk-sideslider-footer"},null)}},i="bk-sideslider-wrapper ".concat(this.scrollable?"scroll-able":"");return(0,t.createVNode)(n(),(0,t.mergeProps)(this.$props,{class:i,style:"".concat(this.direction,": 0")}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)?r:{default:function(){return[r]}})}}),u=(0,e.withInstall)(c)})(),d})()));

package/lib/sideslider/sideslider.d.ts

@@ -28,6 +28,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closeIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    renderDirective: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, unknown, unknown, {}, {
     handleClose(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -60,6 +86,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closeIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    renderDirective: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>> & {
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
@@ -67,9 +119,15 @@ declare const _default: import("vue").DefineComponent<{
     width: string | number;
     height: string | number;
     showMask: boolean;
+    size: string;
     direction: string;
     isShow: boolean;
     customClass: string | unknown[];
     scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    maskClose: boolean;
+    fullscreen: boolean;
+    renderDirective: string;
 }>;
 export default _default;