bkui-vue 0.0.1-beta.9 → 0.0.1-beta.90

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

@@ -21,16 +21,17 @@ declare const _default: import("vue").DefineComponent<{
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    name?: unknown;
-    modelValue?: unknown;
-    disabled?: unknown;
-} & {
-    name: string;
-    disabled: boolean;
-} & {
-    modelValue?: string | number | boolean;
-}> & {
+}, {}, 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;
+    } & {
+        default: string;
+    };
+    modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {

package/lib/radio/radio.css

@@ -1,5 +1,6 @@
 .bk-radio {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   margin-right: 30px;
   font-size: 12px;
   font-weight: normal;
@@ -21,11 +22,11 @@
   border-color: #3a84ff;
 }
 .bk-radio.is-disabled {
-  color: #dcdee5;
+  color: #c4c6cc;
   cursor: not-allowed;
 }
 .bk-radio.is-disabled.is-checked .bk-radio-input {
-  background-color: #dcdee5;
+  background-color: #fafbfd;
 }
 .bk-radio.is-disabled .bk-radio-input {
   cursor: not-allowed;
@@ -34,14 +35,13 @@
 .bk-radio.is-disabled .bk-radio-text {
   cursor: not-allowed;
 }
-.bk-radio.is-focus .bk-radio-input {
+.bk-radio.is-focused .bk-radio-input {
   border-color: #3a84ff;
 }
 .bk-radio .bk-radio-text {
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
-  color: #63656e;
   vertical-align: middle;
   cursor: pointer;
 }
@@ -55,7 +55,7 @@
   vertical-align: middle;
   cursor: pointer;
   background-color: #fff;
-  border: 1px solid #63656e;
+  border: 1px solid #979ba5;
   border-radius: 50%;
   outline: none;
   visibility: visible;
@@ -107,7 +107,7 @@
   background: #dcdee5;
   border-color: #dcdee5;
 }
-.bk-radio-button.is-focus .bk-radio-button-text {
+.bk-radio-button.is-focused .bk-radio-button-text {
   border-color: #3a84ff;
 }
 .bk-radio-button .bk-radio-button-input {
@@ -127,6 +127,12 @@
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  border: 1px solid #63656e;
+  border: 1px solid #979ba5;
   transition: all 0.3s;
 }
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/radio/radio.d.ts

@@ -46,26 +46,36 @@ 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;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    name?: unknown;
-    label?: unknown;
-    modelValue?: unknown;
-    checked?: unknown;
-    disabled?: unknown;
-} & {
-    label: string | number | boolean;
-    name: string;
-    disabled: boolean;
-    modelValue: string | number | boolean;
-    checked: boolean;
-} & {}> & {
+    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;
+    } & {
+        default: string;
+    };
+    label: import("vue-types").VueTypeDef<string | number | boolean> & {
+        required: true;
+    };
+    modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
+        default: string | number | boolean;
+    };
+    checked: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {

package/lib/radio/radio.less

@@ -1,7 +1,8 @@
 @import '../styles/themes/themes.less';
 
 .bk-radio {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   margin-right: 30px;
   font-size: @font-size-base;
   font-weight: normal;
@@ -27,18 +28,18 @@
   }
 
   &.is-disabled {
-    color: @disable-color;
+    color: #c4c6cc;
     cursor: not-allowed;
 
     &.is-checked {
       .bk-radio-input {
-        background-color: @disable-color;
+        background-color: #fafbfd;
       }
     }
 
     .bk-radio-input {
       cursor: not-allowed;
-      border-color: @disable-color;
+      border-color: #dcdee5;
     }
 
     .bk-radio-text {
@@ -46,7 +47,7 @@
     }
   }
 
-  &.is-focus {
+  &.is-focused {
     .bk-radio-input {
       border-color: @primary-color;
     }
@@ -56,7 +57,6 @@
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
-    color: @default-color;
     vertical-align: middle;
     cursor: pointer;
   }
@@ -71,7 +71,7 @@
     vertical-align: middle;
     cursor: pointer;
     background-color: #fff;
-    border: @border-width-base @border-style-base @default-color;
+    border: @border-width-base @border-style-base #979ba5;
     border-radius: 50%;
     outline: none;
     visibility: visible;
@@ -136,7 +136,7 @@
     }
   }
 
-  &.is-focus {
+  &.is-focused {
     .bk-radio-button-text {
       border-color: @primary-color;
     }
@@ -160,7 +160,14 @@
     text-align: center;
     vertical-align: middle;
     cursor: pointer;
-    border: @border-width-base @border-style-base @default-color;
+    border: @border-width-base @border-style-base #979ba5;
     transition: all .3s;
   }
 }
+
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/radio/radio.variable.css

@@ -1,12 +1,15 @@
 :root {
   --bk-prefix: bk;
+  --popover-max-height: 216px;
   --primary-color: #3a84ff;
   --success-color: #2dcb56;
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -67,9 +70,36 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 .bk-radio {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   margin-right: 30px;
   font-size: var(--font-size-base);
   font-weight: normal;
@@ -91,27 +121,26 @@
   border-color: var(--primary-color);
 }
 .bk-radio.is-disabled {
-  color: var(--disable-color);
+  color: #c4c6cc;
   cursor: not-allowed;
 }
 .bk-radio.is-disabled.is-checked .bk-radio-input {
-  background-color: var(--disable-color);
+  background-color: #fafbfd;
 }
 .bk-radio.is-disabled .bk-radio-input {
   cursor: not-allowed;
-  border-color: var(--disable-color);
+  border-color: #dcdee5;
 }
 .bk-radio.is-disabled .bk-radio-text {
   cursor: not-allowed;
 }
-.bk-radio.is-focus .bk-radio-input {
+.bk-radio.is-focused .bk-radio-input {
   border-color: var(--primary-color);
 }
 .bk-radio .bk-radio-text {
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
-  color: var(--default-color);
   vertical-align: middle;
   cursor: pointer;
 }
@@ -125,7 +154,7 @@
   vertical-align: middle;
   cursor: pointer;
   background-color: #fff;
-  border: var(--border-width-base) var(--border-style-base) var(--default-color);
+  border: var(--border-width-base) var(--border-style-base) #979ba5;
   border-radius: 50%;
   outline: none;
   visibility: visible;
@@ -177,7 +206,7 @@
   background: var(--disable-color);
   border-color: var(--disable-color);
 }
-.bk-radio-button.is-focus .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 {
@@ -197,6 +226,12 @@
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  border: var(--border-width-base) var(--border-style-base) var(--default-color);
+  border: var(--border-width-base) var(--border-style-base) #979ba5;
   transition: all 0.3s;
 }
+.bk-radio-group {
+  display: inline-block;
+  font-size: 0;
+  line-height: 0;
+  letter-spacing: normal;
+}

package/lib/radio/type.d.ts

@@ -1,9 +1,14 @@
-import type { RadioGroupProps } from './radio-group';
+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.d.ts

@@ -0,0 +1,113 @@
+declare const BkRate: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            modelValue: number;
+            editable: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            editable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "editable">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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: "change" | "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            editable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
+            modelValue: number;
+            editable: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        size: import("vue-types").VueTypeDef<string>;
+        editable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    editable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
+    modelValue: number;
+    editable: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkRate;

package/lib/rate/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,r){"use strict";var o=t.defineComponent({name:"BkStar",props:{rate:r.PropTypes.number.def(0),width:r.PropTypes.number.def(15),height:r.PropTypes.number.def(16),editable:r.PropTypes.bool.def(!0),hoverRate:r.PropTypes.number.def(0),max:r.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(e,o){var a=o.emit,n=function(t){return r.classes({"bk-is-select":t<Math.floor(i.value),"bk-is-edit":e.editable,"bk-rate-star":!0})},i=t.computed((function(){return e.hoverRate||e.rate})),s={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),minWidth:"".concat(e.width,"px")};return function(){return t.createVNode("p",{class:"bk-rate-stars"},[Array(e.max).fill(1).map((function(r,o){return t.createVNode("svg",{class:n(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(t){e.editable&&a("chooseRate",t+1)}(o)},onMouseenter:function(){return function(t){e.editable&&a("changeHover",t+1)}(o)}},[t.createVNode("g",{transform:"translate(-143.000000, -635.000000)"},[t.createVNode("g",{transform:"translate(83.000000, 114.000000)"},[t.createVNode("g",{transform:"translate(15.000000, 384.000000)"},[t.createVNode("g",{transform:"translate(29.000000, 137.000000)"},[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)])])])])])}))])}}}),a=t.defineComponent({name:"BkRate",components:{star:o},props:{modelValue:r.PropTypes.number.def(0),size:r.PropTypes.size(),editable:r.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(e,a){var n=a.emit,i=t.ref(0),s=function(t){e.editable&&(n("update:modelValue",t),n("change",t))},l=function(e){i.value=e},u=r.classes({"bk-rate":!0}),d={small:{width:12,height:12},large:{width:18,height:18}}[e.size]||{width:15,height:16},c=t.computed((function(){var t=Math.floor(e.modelValue),r=(d.width+3)*t,o=d.width*(e.modelValue-t);return{width:"".concat(r+o,"px")}})),p={width:d.width,height:d.height};return function(){return t.createVNode("p",{class:u},[e.editable?t.createVNode(o,t.mergeProps({rate:e.modelValue,"hover-rate":i.value,onChooseRate:s,onChangeHover:l,onMouseleave:function(){return l(0)}},p),null):t.createVNode(t.Fragment,null,[t.createVNode(o,t.mergeProps({rate:5,style:c.value,class:"bk-score-real",editable:!1},p),null),t.createVNode(o,t.mergeProps({rate:0,editable:!1},p),null)])])}}}),n=r.withInstall(a);e.default=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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,e.useFormItem)(),i=(0,t.ref)(0),l=function(e){var t;o.editable&&(n("update:modelValue",e),n("change",e),null===(t=null==s?void 0:s.validate)||void 0===t||t.call(s,"change"))},u=function(e){i.value=e},d=(0,e.classes)({"bk-rate":!0}),c={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=(c.width+3)*e,r=c.width*(o.modelValue-e);return{width:"".concat(t+r,"px")}})),f={width:c.width,height:c.height};return function(){return(0,t.createVNode)("p",{class:d},[o.editable?(0,t.createVNode)(r,(0,t.mergeProps)({rate:o.modelValue,"hover-rate":i.value,onChooseRate:l,onChangeHover:u,onMouseleave:function(){return u(0)}},f),null):[(0,t.createVNode)(r,(0,t.mergeProps)({rate:5,style:p.value,class:"bk-score-real",editable:!1},f),null),(0,t.createVNode)(r,(0,t.mergeProps)({rate:0,editable:!1},f),null)]])}}}),s=(0,e.withInstall)(o)})(),n})()));

package/lib/rate/rate.d.ts

@@ -10,16 +10,19 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    size?: unknown;
-    editable?: unknown;
-} & {
-    modelValue: number;
-    editable: boolean;
-} & {
-    size?: string;
-}> & {
+}, () => JSX.Element, 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<{
+    modelValue: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    editable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {

package/lib/rate/star.d.ts

@@ -29,29 +29,46 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chooseRate" | "changeHover")[], "chooseRate" | "changeHover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    rate?: unknown;
-    width?: unknown;
-    height?: unknown;
-    editable?: unknown;
-    hoverRate?: unknown;
-    max?: unknown;
-} & {
-    width: number;
-    height: number;
-    max: number;
-    rate: number;
-    editable: boolean;
-    hoverRate: number;
-} & {}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chooseRate" | "changeHover")[], "chooseRate" | "changeHover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rate: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    editable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    hoverRate: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    max: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>> & {
     onChooseRate?: (...args: any[]) => any;
     onChangeHover?: (...args: any[]) => any;
 }, {
     width: number;
     height: number;
     max: number;
-    rate: number;
     editable: boolean;
+    rate: number;
     hoverRate: number;
 }>;
 export default _default;