@koi-design/uxd-ui 13.2.8 → 14.0.1

package/es/components/Radio/Radio.vue.d.ts

@@ -28,20 +28,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
 }>, {
     prefixCls: import("vue").ComputedRef<string>;
     computedSize: import("vue").ComputedRef<"small" | "default" | "large">;
     computedDisabled: import("vue").ComputedRef<boolean>;
-    computedColor: import("vue").ComputedRef<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
     focusWrap: import("vue").Ref<boolean, boolean>;
     focusInner: import("vue").Ref<boolean, boolean>;
     computedChecked: import("vue").ComputedRef<boolean>;
@@ -83,20 +73,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
 }>> & Readonly<{
     onChange?: (v: import("./Radio.type").RadioValueType, e: Event) => any;
     "onUpdate:modelValue"?: (v: import("./Radio.type").RadioValueType) => any;
 }>, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     name: string;
     size: "small" | "default" | "large";
     disabled: boolean;
@@ -104,6 +84,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     value: string | number;
     trueValue: import("./Radio.type").RadioValueType;
     falseValue: import("./Radio.type").RadioValueType;
-    border: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/Radio/RadioGroup.d.ts

@@ -39,11 +39,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    color: {
-        type: import("vue").PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
-        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
-        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -95,11 +90,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    color: {
-        type: import("vue").PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
-        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
-        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -109,7 +99,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     type: "default" | "button";
     name: string;
-    color: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
     disabled: boolean;
     options: RadioGroupOption[];
     size: "small" | "default" | "large";

package/es/components/Radio/RadioGroup.mjs

@@ -17,8 +17,7 @@ var RadioGroup = defineComponent({
     const {
       name,
       size,
-      disabled,
-      color
+      disabled
     } = toRefs(props);
     const {
       prefixCls,
@@ -57,7 +56,6 @@ var RadioGroup = defineComponent({
       computedType,
       size,
       disabled,
-      color,
       change
     });
     return {
@@ -97,8 +95,7 @@ var RadioGroup = defineComponent({
       content = this.options.map((item) => createVNode(Radio, {
         "key": item.value,
         "value": item.value,
-        "disabled": item.disabled || this.disabled,
-        "color": item.color || this.color
+        "disabled": item.disabled || this.disabled
       }, {
         default: () => [item.label]
       }));
@@ -118,8 +115,7 @@ var RadioGroup = defineComponent({
         [`${this.prefixCls}-button-${this.computedType}`]: this.type === "button",
         [`${this.prefixCls}-vertical`]: this.vertical && this.type === "default",
         [`${this.prefixCls}-rtl`]: this.computedDirection === "rtl"
-      }],
-      "data-color": this.color
+      }]
     }, [content, (this.computedType === "line" || this.computedType === "segment") && createVNode("div", {
       "class": `${this.prefixCls}-control`,
       "style": controlStyle

package/es/components/Radio/RadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.mjs","sources":["../../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import type { CSSProperties } from 'vue';\nimport { defineComponent, toRefs, ref, provide, watch, inject, computed } from 'vue';\n\nimport URadio from './Radio.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { FormItemKey } from '../Form';\nimport { radioGroupEmits, radioGroupProps } from './Radio.type';\nimport type { RadioGroupOption, RadioGroupValueType } from './Radio.type';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { getPropsData, getSlot } from '../../utils';\n\nexport default defineComponent({\n  name: 'URadioGroup',\n  props: radioGroupProps,\n  emits: radioGroupEmits,\n  setup(props, { emit }) {\n    const { name, size, disabled, color } = toRefs(props);\n    // prefixCls\n    const { prefixCls, config: globalConfig } = useGlobalConfig('radio-group');\n    // data\n    const stateValue = ref(props.modelValue);\n    const computedType = computed(() => {\n      if (props.type === 'default') {\n        return 'default';\n      }\n      if (props.buttonFill) {\n        return 'fill';\n      }\n      return props.buttonType;\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    // watch\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        stateValue.value = nv;\n      }\n    );\n    // methods\n    // #region provider\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const change = (state: RadioGroupValueType) => {\n      stateValue.value = state;\n      emit('update:modelValue', state);\n      emit('change', state);\n      if (onFieldChange) {\n        onFieldChange(state);\n      }\n    };\n    provide('radioGroupContext', {\n      stateValue,\n      name,\n      computedType,\n      size,\n      disabled,\n      color,\n      change\n    });\n    // #endregion\n    return {\n      prefixCls,\n      stateValue,\n      computedType,\n      computedDirection\n    };\n  },\n  render() {\n    const children = getSlot(this.$slots);\n    let content = null;\n    let length = 0;\n    let { options } = this;\n    if (children.length > 0) {\n      content = this.$slots.default();\n\n      if (this.computedType === 'segment' || this.computedType === 'line') {\n        length = children.length;\n        const childrenOptions = [] as RadioGroupOption[];\n        children.forEach((item) => {\n          if ((item as any)?.type?.name === 'URadio') {\n            const { value } = getPropsData(item as any);\n            childrenOptions.push({\n              label: value,\n              value\n            });\n          }\n        });\n        options = childrenOptions;\n      }\n    } else if (this.options.length) {\n      content = this.options.map((item) => (\n        <URadio key={item.value} value={item.value} disabled={item.disabled || this.disabled} color={item.color || this.color}>\n          {item.label}\n        </URadio>\n      ));\n      length = this.options.length;\n    }\n\n    const controlStyle = {} as CSSProperties;\n\n    if (length) {\n      controlStyle.width = `calc(100% / ${length})`;\n      const checkedIndex = options.findIndex((item) => item.value === this.modelValue);\n      if (checkedIndex !== -1) {\n        controlStyle.transform = `translateX(calc(${checkedIndex * 100}%))`;\n      }\n    }\n\n    return (\n      <div\n        class={[\n          this.prefixCls,\n          `${this.prefixCls}-size-${this.size}`,\n          {\n            [`${this.prefixCls}-button`]: this.type === 'button',\n            [`${this.prefixCls}-button-${this.computedType}`]: this.type === 'button',\n            [`${this.prefixCls}-vertical`]: this.vertical && this.type === 'default',\n            [`${this.prefixCls}-rtl`]: this.computedDirection === 'rtl'\n          }\n        ]}\n        data-color={this.color}\n      >\n        {content}\n        {(this.computedType === 'line' || this.computedType === 'segment') && <div class={`${this.prefixCls}-control`} style={controlStyle} />}\n      </div>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","radioGroupProps","emits","radioGroupEmits","setup","emit","size","disabled","color","toRefs","prefixCls","config","globalConfig","useGlobalConfig","stateValue","ref","modelValue","computedType","computed","type","buttonFill","buttonType","computedDirection","direction","watch","nv","value","onFieldChange","inject","FormItemKey","change","state","provide","render","children","getSlot","$slots","content","length","options","default","childrenOptions","forEach","item","getPropsData","push","label","map","_createVNode","URadio","controlStyle","width","checkedIndex","findIndex","transform","vertical"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.mjs","sources":["../../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import type { CSSProperties } from 'vue';\nimport { defineComponent, toRefs, ref, provide, watch, inject, computed } from 'vue';\n\nimport URadio from './Radio.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { FormItemKey } from '../Form';\nimport { radioGroupEmits, radioGroupProps } from './Radio.type';\nimport type { RadioGroupOption, RadioGroupValueType } from './Radio.type';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { getPropsData, getSlot } from '../../utils';\n\nexport default defineComponent({\n  name: 'URadioGroup',\n  props: radioGroupProps,\n  emits: radioGroupEmits,\n  setup(props, { emit }) {\n    const { name, size, disabled } = toRefs(props);\n    // prefixCls\n    const { prefixCls, config: globalConfig } = useGlobalConfig('radio-group');\n    // data\n    const stateValue = ref(props.modelValue);\n    const computedType = computed(() => {\n      if (props.type === 'default') {\n        return 'default';\n      }\n      if (props.buttonFill) {\n        return 'fill';\n      }\n      return props.buttonType;\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    // watch\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        stateValue.value = nv;\n      }\n    );\n    // methods\n    // #region provider\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const change = (state: RadioGroupValueType) => {\n      stateValue.value = state;\n      emit('update:modelValue', state);\n      emit('change', state);\n      if (onFieldChange) {\n        onFieldChange(state);\n      }\n    };\n    provide('radioGroupContext', {\n      stateValue,\n      name,\n      computedType,\n      size,\n      disabled,\n      change\n    });\n    // #endregion\n    return {\n      prefixCls,\n      stateValue,\n      computedType,\n      computedDirection\n    };\n  },\n  render() {\n    const children = getSlot(this.$slots);\n    let content = null;\n    let length = 0;\n    let { options } = this;\n    if (children.length > 0) {\n      content = this.$slots.default();\n\n      if (this.computedType === 'segment' || this.computedType === 'line') {\n        length = children.length;\n        const childrenOptions = [] as RadioGroupOption[];\n        children.forEach((item) => {\n          if ((item as any)?.type?.name === 'URadio') {\n            const { value } = getPropsData(item as any);\n            childrenOptions.push({\n              label: value,\n              value\n            });\n          }\n        });\n        options = childrenOptions;\n      }\n    } else if (this.options.length) {\n      content = this.options.map((item) => (\n        <URadio key={item.value} value={item.value} disabled={item.disabled || this.disabled}>\n          {item.label}\n        </URadio>\n      ));\n      length = this.options.length;\n    }\n\n    const controlStyle = {} as CSSProperties;\n\n    if (length) {\n      controlStyle.width = `calc(100% / ${length})`;\n      const checkedIndex = options.findIndex((item) => item.value === this.modelValue);\n      if (checkedIndex !== -1) {\n        controlStyle.transform = `translateX(calc(${checkedIndex * 100}%))`;\n      }\n    }\n\n    return (\n      <div\n        class={[\n          this.prefixCls,\n          `${this.prefixCls}-size-${this.size}`,\n          {\n            [`${this.prefixCls}-button`]: this.type === 'button',\n            [`${this.prefixCls}-button-${this.computedType}`]: this.type === 'button',\n            [`${this.prefixCls}-vertical`]: this.vertical && this.type === 'default',\n            [`${this.prefixCls}-rtl`]: this.computedDirection === 'rtl'\n          }\n        ]}\n      >\n        {content}\n        {(this.computedType === 'line' || this.computedType === 'segment') && <div class={`${this.prefixCls}-control`} style={controlStyle} />}\n      </div>\n    );\n  }\n});\n"],"names":["defineComponent","name","props","radioGroupProps","emits","radioGroupEmits","setup","emit","size","disabled","toRefs","prefixCls","config","globalConfig","useGlobalConfig","stateValue","ref","modelValue","computedType","computed","type","buttonFill","buttonType","computedDirection","direction","watch","nv","value","onFieldChange","inject","FormItemKey","change","state","provide","render","children","getSlot","$slots","content","length","options","default","childrenOptions","forEach","item","getPropsData","push","label","map","_createVNode","URadio","controlStyle","width","checkedIndex","findIndex","transform","vertical"],"mappings":"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"}

package/es/components/Radio/index.d.ts

@@ -30,15 +30,6 @@ export declare const URadio: {
             type: StringConstructor;
             default: string;
         };
-        border: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
     }>> & Readonly<{
         onChange?: (v: import("./Radio.type").RadioValueType, e: Event) => any;
         "onUpdate:modelValue"?: (v: import("./Radio.type").RadioValueType) => any;
@@ -46,7 +37,6 @@ export declare const URadio: {
         prefixCls: import("vue").ComputedRef<string>;
         computedSize: import("vue").ComputedRef<"small" | "default" | "large">;
         computedDisabled: import("vue").ComputedRef<boolean>;
-        computedColor: import("vue").ComputedRef<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
         focusWrap: import("vue").Ref<boolean, boolean>;
         focusInner: import("vue").Ref<boolean, boolean>;
         computedChecked: import("vue").ComputedRef<boolean>;
@@ -59,7 +49,6 @@ export declare const URadio: {
         change: (v: import("./Radio.type").RadioValueType, e: Event) => boolean;
         'update:modelValue': (v: import("./Radio.type").RadioValueType) => boolean;
     }, import("vue").PublicProps, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         name: string;
         size: "small" | "default" | "large";
         disabled: boolean;
@@ -67,7 +56,6 @@ export declare const URadio: {
         value: string | number;
         trueValue: import("./Radio.type").RadioValueType;
         falseValue: import("./Radio.type").RadioValueType;
-        border: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -105,15 +93,6 @@ export declare const URadio: {
             type: StringConstructor;
             default: string;
         };
-        border: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
     }>> & Readonly<{
         onChange?: (v: import("./Radio.type").RadioValueType, e: Event) => any;
         "onUpdate:modelValue"?: (v: import("./Radio.type").RadioValueType) => any;
@@ -121,7 +100,6 @@ export declare const URadio: {
         prefixCls: import("vue").ComputedRef<string>;
         computedSize: import("vue").ComputedRef<"small" | "default" | "large">;
         computedDisabled: import("vue").ComputedRef<boolean>;
-        computedColor: import("vue").ComputedRef<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
         focusWrap: import("vue").Ref<boolean, boolean>;
         focusInner: import("vue").Ref<boolean, boolean>;
         computedChecked: import("vue").ComputedRef<boolean>;
@@ -131,7 +109,6 @@ export declare const URadio: {
         handleOnFocus: () => void;
         handleOnBlur: () => void;
     }, {}, {}, {}, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         name: string;
         size: "small" | "default" | "large";
         disabled: boolean;
@@ -139,7 +116,6 @@ export declare const URadio: {
         value: string | number;
         trueValue: import("./Radio.type").RadioValueType;
         falseValue: import("./Radio.type").RadioValueType;
-        border: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -174,15 +150,6 @@ export declare const URadio: {
         type: StringConstructor;
         default: string;
     };
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
 }>> & Readonly<{
     onChange?: (v: import("./Radio.type").RadioValueType, e: Event) => any;
     "onUpdate:modelValue"?: (v: import("./Radio.type").RadioValueType) => any;
@@ -190,7 +157,6 @@ export declare const URadio: {
     prefixCls: import("vue").ComputedRef<string>;
     computedSize: import("vue").ComputedRef<"small" | "default" | "large">;
     computedDisabled: import("vue").ComputedRef<boolean>;
-    computedColor: import("vue").ComputedRef<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
     focusWrap: import("vue").Ref<boolean, boolean>;
     focusInner: import("vue").Ref<boolean, boolean>;
     computedChecked: import("vue").ComputedRef<boolean>;
@@ -203,7 +169,6 @@ export declare const URadio: {
     change: (v: import("./Radio.type").RadioValueType, e: Event) => boolean;
     'update:modelValue': (v: import("./Radio.type").RadioValueType) => boolean;
 }, string, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     name: string;
     size: "small" | "default" | "large";
     disabled: boolean;
@@ -211,8 +176,7 @@ export declare const URadio: {
     value: string | number;
     trueValue: import("./Radio.type").RadioValueType;
     falseValue: import("./Radio.type").RadioValueType;
-    border: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
     Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<import("./Radio.type").RadioGroupValueType>;
@@ -253,11 +217,6 @@ export declare const URadio: {
             type: BooleanConstructor;
             default: boolean;
         };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
         direction: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
@@ -309,11 +268,6 @@ export declare const URadio: {
             type: BooleanConstructor;
             default: boolean;
         };
-        color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
         direction: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
@@ -321,7 +275,6 @@ export declare const URadio: {
         onChange?: (v: import("./Radio.type").RadioGroupValueType) => any;
         "onUpdate:modelValue"?: (v: import("./Radio.type").RadioGroupValueType) => any;
     }>, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         type: "default" | "button";
         name: string;
         size: "small" | "default" | "large";

package/es/components/Rate/Rate.mjs

@@ -126,7 +126,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 46, _hoisted_1);
 }
-var Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Rate\\Rate.vue"]]);
+var Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Rate/Rate.vue"]]);
 
 export { Rate as default };
 //# sourceMappingURL=Rate.mjs.map

package/es/components/Rate/Rate.vue.d.ts

@@ -98,12 +98,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:modelValue"?: (v: number) => any;
     onKeydown?: (e: Event) => any;
 }>, {
+    tabindex: number;
     disabled: boolean;
     clearable: boolean;
     count: number;
     autoFocus: boolean;
     allowHalf: boolean;
-    tabindex: number;
 }, {}, {
     Star: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prefixCls: {
@@ -142,7 +142,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         fullStar: import("vue").ComputedRef<boolean>;
         halfStar: import("vue").ComputedRef<boolean>;
-        star: import("vue").Ref<HTMLElement, HTMLElement>;
+        star: import("vue").ShallowRef<HTMLElement, HTMLElement>;
         handleMouseMove: (e: any) => void;
         handleClick: (e: any) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mouse-move" | "on-click")[], "mouse-move" | "on-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -318,8 +318,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        USolidStar: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        Star: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     Tooltip: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -418,9 +418,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             'update:visible': (v: boolean) => boolean;
         }, import("vue").PublicProps, {
             color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-            offset: number[];
             trigger: "click" | "hover";
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
@@ -595,9 +595,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 onMouseleave?: (e: Event) => any;
                 "onContext-menu"?: (e: Event) => any;
             }>, {
+                offset: number[];
                 visible: boolean;
                 placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-                offset: number[];
                 popupStyle: import("vue").CSSProperties;
                 trigger: ("click" | "hover" | "focus" | "contextmenu")[];
                 mouseEnterDelay: number;
@@ -716,9 +716,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onVisibleChange: (val: boolean) => void;
         }, {}, {}, {}, {
             color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-            offset: number[];
             trigger: "click" | "hover";
             mouseEnterDelay: number;
             mouseLeaveDelay: number;
@@ -826,9 +826,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         'update:visible': (v: boolean) => boolean;
     }, string, {
         color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-        offset: number[];
         trigger: "click" | "hover";
         mouseEnterDelay: number;
         mouseLeaveDelay: number;
@@ -1003,9 +1003,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             onMouseleave?: (e: Event) => any;
             "onContext-menu"?: (e: Event) => any;
         }>, {
+            offset: number[];
             visible: boolean;
             placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-            offset: number[];
             popupStyle: import("vue").CSSProperties;
             trigger: ("click" | "hover" | "focus" | "contextmenu")[];
             mouseEnterDelay: number;
@@ -1024,6 +1024,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             };
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/Rate/Star.mjs

@@ -1,13 +1,13 @@
-import { defineComponent, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, createVNode } from 'vue';
+import { defineComponent, computed, shallowRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, createVNode } from 'vue';
 import { UIcon } from '../Icon/index.mjs';
-import { USolidStar } from '@koi-design/uxd-icon';
+import { Star as Star$1 } from 'lucide-vue-next';
 import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
 
 const _sfc_main = defineComponent({
   name: "UStar",
   components: {
     UIcon,
-    USolidStar
+    Star: Star$1
   },
   props: {
     prefixCls: {
@@ -60,7 +60,7 @@ const _sfc_main = defineComponent({
       }
       return props.currentValue + 0.5 === props.ownIndex;
     });
-    const star = ref(null);
+    const star = shallowRef(null);
     const getRegularNextValue = (e) => {
       if (!props.allowHalf)
         return props.ownIndex;
@@ -101,7 +101,7 @@ const _sfc_main = defineComponent({
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_USolidStar = resolveComponent("USolidStar");
+  const _component_Star = resolveComponent("Star", true);
   const _component_UIcon = resolveComponent("UIcon");
   return openBlock(), createElementBlock("li", {
     ref: "star",
@@ -128,7 +128,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(`${_ctx.prefixCls}-star-icon`)
         }, {
           default: withCtx(() => [
-            createVNode(_component_USolidStar)
+            createVNode(_component_Star)
           ]),
           _: 1
         }, 8, ["class"]))
@@ -141,7 +141,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(`${_ctx.prefixCls}-star-icon`)
         }, {
           default: withCtx(() => [
-            createVNode(_component_USolidStar)
+            createVNode(_component_Star)
           ]),
           _: 1
         }, 8, ["class"]))
@@ -149,7 +149,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 32)
   ], 2);
 }
-var Star = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Rate\\Star.vue"]]);
+var Star = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Rate/Star.vue"]]);
 
 export { Star as default };
 //# sourceMappingURL=Star.mjs.map

package/es/components/Rate/Star.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Star.mjs","sources":["../../../../src/components/Rate/Star.vue"],"sourcesContent":["<template>\n  <li\n    ref=\"star\"\n    :class=\"[\n      `${prefixCls}-star`,\n      {\n        [`${prefixCls}-star-full`]: fullStar,\n        [`${prefixCls}-star-half`]: halfStar,\n        [`${prefixCls}-star-disabled`]: disabled\n      }\n    ]\"\n  >\n    <div role=\"radio\" :tabindex=\"0\" @mousemove=\"handleMouseMove\" @click=\"handleClick\">\n      <div :class=\"`${prefixCls}-star-first`\">\n        <template v-if=\"character || showSlot\">\n          <slot />\n        </template>\n\n        <UIcon v-else :class=\"`${prefixCls}-star-icon`\">\n          <USolidStar />\n        </UIcon>\n      </div>\n      <div :class=\"`${prefixCls}-star-second`\">\n        <template v-if=\"character || showSlot\">\n          <slot />\n        </template>\n        <UIcon v-else :class=\"`${prefixCls}-star-icon`\">\n          <USolidStar />\n        </UIcon>\n      </div>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { USolidStar } from '@koi-design/uxd-icon';\n\nexport default defineComponent({\n  name: 'UStar',\n  components: {\n    UIcon,\n    USolidStar\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    ownIndex: {\n      type: Number,\n      required: true\n    },\n    currentValue: {\n      type: Number,\n      required: true\n    },\n    hoverValue: {\n      type: Number\n    },\n    clearable: {\n      type: Boolean,\n      default: false\n    },\n    allowHalf: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    character: {\n      type: String\n    },\n    showSlot: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['mouse-move', 'on-click'],\n  setup(props, { emit }) {\n    // compute full or half class\n    const fullStar = computed(() => {\n      if (props.hoverValue !== undefined) {\n        return props.hoverValue >= props.ownIndex;\n      }\n      return props.currentValue >= props.ownIndex;\n    });\n\n    const halfStar = computed(() => {\n      if (!props.allowHalf) return false;\n      if (props.hoverValue !== undefined) {\n        return props.hoverValue + 0.5 === props.ownIndex;\n      }\n      return props.currentValue + 0.5 === props.ownIndex;\n    });\n\n    // calculate value\n    const star = ref<HTMLElement | null>(null);\n    const getRegularNextValue = (e: any) => {\n      if (!props.allowHalf) return props.ownIndex;\n      const starElement = star.value;\n      if (!starElement) {\n        console.error('Can not find star element, half star will not get correct performance');\n        return props.ownIndex;\n      }\n      const offX = e.pageX;\n      const { left, width } = starElement.getBoundingClientRect();\n      if (offX - left < width / 2) {\n        return props.ownIndex - 0.5;\n      }\n      return props.ownIndex;\n    };\n\n    const handleMouseMove = (e: any) => {\n      if (props.disabled) return;\n      const nextValue = getRegularNextValue(e);\n      emit('mouse-move', nextValue, e);\n    };\n\n    const handleClick = (e: any) => {\n      if (props.disabled) return;\n      let nextValue = getRegularNextValue(e);\n      if (props.clearable) {\n        nextValue = props.currentValue === nextValue ? 0 : nextValue;\n      }\n      emit('on-click', nextValue, e);\n    };\n\n    return {\n      fullStar,\n      halfStar,\n      star,\n      handleMouseMove,\n      handleClick\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_createBlock","_createVNode"],"mappings":";;;;;AAuCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA;AACR,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA;AACZ,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,UAAU;AAAA;AACZ,IACA,YAAY;AAAA,MACV,MAAM;AAAA;AACR,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,WAAW;AAAA,MACT,MAAM;AAAA;AACR,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO,CAAC,cAAc,UAAU;AAAA,EAChC,MAAM,OAAO,EAAE,QAAQ;UAEf,WAAW,SAAS,MAAM;UAC1B,MAAM,eAAe,QAAW;eAC3B,MAAM,cAAc,MAAM;AAAA;aAE5B,MAAM,gBAAgB,MAAM;AAAA,KACpC;UAEK,WAAW,SAAS,MAAM;UAC1B,CAAC,MAAM;eAAkB;UACzB,MAAM,eAAe,QAAW;eAC3B,MAAM,aAAa,QAAQ,MAAM;AAAA;aAEnC,MAAM,eAAe,QAAQ,MAAM;AAAA,KAC3C;UAGK,OAAO,IAAwB,IAAI;UACnC,sBAAsB,CAAC,MAAW;UAClC,CAAC,MAAM;eAAkB,MAAM;YAC7B,cAAc,KAAK;UACrB,CAAC,aAAa;gBACR,MAAM,uEAAuE;eAC9E,MAAM;AAAA;YAET,OAAO,EAAE;YACT,EAAE,MAAM,UAAU,YAAY;UAChC,OAAO,OAAO,QAAQ,GAAG;eACpB,MAAM,WAAW;AAAA;aAEnB,MAAM;AAAA;UAGT,kBAAkB,CAAC,MAAW;UAC9B,MAAM;;YACJ,YAAY,oBAAoB,CAAC;WAClC,cAAc,WAAW,CAAC;AAAA;UAG3B,cAAc,CAAC,MAAW;UAC1B,MAAM;;UACN,YAAY,oBAAoB,CAAC;UACjC,MAAM,WAAW;oBACP,MAAM,iBAAiB,YAAY,IAAI;AAAA;WAEhD,YAAY,WAAW,CAAC;AAAA;WAGxB;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;sBAzICA,mBA8BK;IA7BH,KAAI;AAAA,IACH,OAAKC;SAAa;;YAAsC,6BAAwB;YAAsB,6BAAwB;YAAsB,iCAA4B;;;;IASjLC,mBAkBM;MAlBD,MAAK;AAAA,MAAS,UAAU;AAAA,MAAI,aAAS,uCAAE;MAAkB,SAAK,uCAAE;;MACnEA,mBAQM;QARA,OAAKD,kBAAK,2BAAS;AAAA;QACP,kBAAa,gBAC3BE,WAAQ,oDAGVC,YAEQ;;UAFO,OAAKH,kBAAK,0BAAS;AAAA;2BAChC,MAAc;AAAA,YAAdI,YAAc;;;;;MAGlBH,mBAOM;QAPA,OAAKD,kBAAK,4BAAS;AAAA;QACP,kBAAa,gBAC3BE,WAAQ,oDAEVC,YAEQ;;UAFO,OAAKH,kBAAK,0BAAS;AAAA;2BAChC,MAAc;AAAA,YAAdI,YAAc;;;;;;;;;;;;"}
+{"version":3,"file":"Star.mjs","sources":["../../../../src/components/Rate/Star.vue"],"sourcesContent":["<template>\n  <li\n    ref=\"star\"\n    :class=\"[\n      `${prefixCls}-star`,\n      {\n        [`${prefixCls}-star-full`]: fullStar,\n        [`${prefixCls}-star-half`]: halfStar,\n        [`${prefixCls}-star-disabled`]: disabled\n      }\n    ]\"\n  >\n    <div role=\"radio\" :tabindex=\"0\" @mousemove=\"handleMouseMove\" @click=\"handleClick\">\n      <div :class=\"`${prefixCls}-star-first`\">\n        <template v-if=\"character || showSlot\">\n          <slot />\n        </template>\n\n        <UIcon v-else :class=\"`${prefixCls}-star-icon`\">\n          <Star />\n        </UIcon>\n      </div>\n      <div :class=\"`${prefixCls}-star-second`\">\n        <template v-if=\"character || showSlot\">\n          <slot />\n        </template>\n        <UIcon v-else :class=\"`${prefixCls}-star-icon`\">\n          <Star />\n        </UIcon>\n      </div>\n    </div>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, shallowRef } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Star } from 'lucide-vue-next';\n\nexport default defineComponent({\n  name: 'UStar',\n  components: {\n    UIcon,\n    Star\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    ownIndex: {\n      type: Number,\n      required: true\n    },\n    currentValue: {\n      type: Number,\n      required: true\n    },\n    hoverValue: {\n      type: Number\n    },\n    clearable: {\n      type: Boolean,\n      default: false\n    },\n    allowHalf: {\n      type: Boolean,\n      default: false\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    character: {\n      type: String\n    },\n    showSlot: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['mouse-move', 'on-click'],\n  setup(props, { emit }) {\n    // compute full or half class\n    const fullStar = computed(() => {\n      if (props.hoverValue !== undefined) {\n        return props.hoverValue >= props.ownIndex;\n      }\n      return props.currentValue >= props.ownIndex;\n    });\n\n    const halfStar = computed(() => {\n      if (!props.allowHalf) return false;\n      if (props.hoverValue !== undefined) {\n        return props.hoverValue + 0.5 === props.ownIndex;\n      }\n      return props.currentValue + 0.5 === props.ownIndex;\n    });\n\n    // calculate value\n    const star = shallowRef<HTMLElement | null>(null);\n    const getRegularNextValue = (e: any) => {\n      if (!props.allowHalf) return props.ownIndex;\n      const starElement = star.value;\n      if (!starElement) {\n        console.error('Can not find star element, half star will not get correct performance');\n        return props.ownIndex;\n      }\n      const offX = e.pageX;\n      const { left, width } = starElement.getBoundingClientRect();\n      if (offX - left < width / 2) {\n        return props.ownIndex - 0.5;\n      }\n      return props.ownIndex;\n    };\n\n    const handleMouseMove = (e: any) => {\n      if (props.disabled) return;\n      const nextValue = getRegularNextValue(e);\n      emit('mouse-move', nextValue, e);\n    };\n\n    const handleClick = (e: any) => {\n      if (props.disabled) return;\n      let nextValue = getRegularNextValue(e);\n      if (props.clearable) {\n        nextValue = props.currentValue === nextValue ? 0 : nextValue;\n      }\n      emit('on-click', nextValue, e);\n    };\n\n    return {\n      fullStar,\n      halfStar,\n      star,\n      handleMouseMove,\n      handleClick\n    };\n  }\n});\n</script>\n"],"names":["Star","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_createBlock","_createVNode"],"mappings":";;;;;AAuCA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,UACAA;AAAA;AACF,EACA,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA;AACR,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA;AACZ,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,UAAU;AAAA;AACZ,IACA,YAAY;AAAA,MACV,MAAM;AAAA;AACR,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,WAAW;AAAA,MACT,MAAM;AAAA;AACR,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO,CAAC,cAAc,UAAU;AAAA,EAChC,MAAM,OAAO,EAAE,QAAQ;UAEf,WAAW,SAAS,MAAM;UAC1B,MAAM,eAAe,QAAW;eAC3B,MAAM,cAAc,MAAM;AAAA;aAE5B,MAAM,gBAAgB,MAAM;AAAA,KACpC;UAEK,WAAW,SAAS,MAAM;UAC1B,CAAC,MAAM;eAAkB;UACzB,MAAM,eAAe,QAAW;eAC3B,MAAM,aAAa,QAAQ,MAAM;AAAA;aAEnC,MAAM,eAAe,QAAQ,MAAM;AAAA,KAC3C;UAGK,OAAO,WAA+B,IAAI;UAC1C,sBAAsB,CAAC,MAAW;UAClC,CAAC,MAAM;eAAkB,MAAM;YAC7B,cAAc,KAAK;UACrB,CAAC,aAAa;gBACR,MAAM,uEAAuE;eAC9E,MAAM;AAAA;YAET,OAAO,EAAE;YACT,EAAE,MAAM,UAAU,YAAY;UAChC,OAAO,OAAO,QAAQ,GAAG;eACpB,MAAM,WAAW;AAAA;aAEnB,MAAM;AAAA;UAGT,kBAAkB,CAAC,MAAW;UAC9B,MAAM;;YACJ,YAAY,oBAAoB,CAAC;WAClC,cAAc,WAAW,CAAC;AAAA;UAG3B,cAAc,CAAC,MAAW;UAC1B,MAAM;;UACN,YAAY,oBAAoB,CAAC;UACjC,MAAM,WAAW;oBACP,MAAM,iBAAiB,YAAY,IAAI;AAAA;WAEhD,YAAY,WAAW,CAAC;AAAA;WAGxB;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;sBAzICC,mBA8BK;IA7BH,KAAI;AAAA,IACH,OAAKC;SAAa;;YAAsC,6BAAwB;YAAsB,6BAAwB;YAAsB,iCAA4B;;;;IASjLC,mBAkBM;MAlBD,MAAK;AAAA,MAAS,UAAU;AAAA,MAAI,aAAS,uCAAE;MAAkB,SAAK,uCAAE;;MACnEA,mBAQM;QARA,OAAKD,kBAAK,2BAAS;AAAA;QACP,kBAAa,gBAC3BE,WAAQ,oDAGVC,YAEQ;;UAFO,OAAKH,kBAAK,0BAAS;AAAA;2BAChC,MAAQ;AAAA,YAARI,YAAQ;;;;;MAGZH,mBAOM;QAPA,OAAKD,kBAAK,4BAAS;AAAA;QACP,kBAAa,gBAC3BE,WAAQ,oDAEVC,YAEQ;;UAFO,OAAKH,kBAAK,0BAAS;AAAA;2BAChC,MAAQ;AAAA,YAARI,YAAQ;;;;;;;;;;;;"}

package/es/components/Rate/Star.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     fullStar: import("vue").ComputedRef<boolean>;
     halfStar: import("vue").ComputedRef<boolean>;
-    star: import("vue").Ref<HTMLElement, HTMLElement>;
+    star: import("vue").ShallowRef<HTMLElement, HTMLElement>;
     handleMouseMove: (e: any) => void;
     handleClick: (e: any) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("mouse-move" | "on-click")[], "mouse-move" | "on-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -211,7 +211,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    USolidStar: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    Star: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;