@koi-design/uxd-ui 13.2.7 → 13.2.9

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

@@ -64,22 +64,22 @@ export declare const UCascader: {
             default: () => {};
         };
         popupPlacement: {
-            type: import("vue").PropType<"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">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
             default: string;
             validator: (val: "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") => boolean;
         };
         open: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | undefined>;
             default: undefined;
         };
         prefixIcon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
         suffixIcon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
             default: string;
             validator: (val: string) => boolean;
         };
@@ -99,7 +99,7 @@ export declare const UCascader: {
             type: NumberConstructor;
         };
         maxTagPlaceholder: {
-            type: import("vue").PropType<(rest: any[]) => import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
+            type: import("vue").PropType<(rest: any[]) => string | import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
         };
         maxTagTextLength: {
             type: NumberConstructor;
@@ -126,13 +126,13 @@ export declare const UCascader: {
             type: StringConstructor;
         };
         variant: {
-            type: import("vue").PropType<"text" | "surface" | "soft">;
+            type: import("vue").PropType<"surface" | "soft" | "text">;
             default: string;
             validator: (val: string) => 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";
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+            default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
             validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
         };
         label: {
@@ -147,7 +147,7 @@ export declare const UCascader: {
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<"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">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
             default: string;
             validator: (val: "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") => boolean;
         };
@@ -564,9 +564,9 @@ export declare const UCascader: {
     }, import("vue").PublicProps, {
         color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         loading: boolean;
-        search: undefined;
         required: boolean;
-        size: "small" | "default" | "large";
+        size: "default" | "small" | "large";
+        search: undefined;
         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";
         popupStyle: import("vue").CSSProperties;
         disabled: boolean;
@@ -661,22 +661,22 @@ export declare const UCascader: {
             default: () => {};
         };
         popupPlacement: {
-            type: import("vue").PropType<"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">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
             default: string;
             validator: (val: "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") => boolean;
         };
         open: {
-            type: import("vue").PropType<boolean>;
+            type: import("vue").PropType<boolean | undefined>;
             default: undefined;
         };
         prefixIcon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
         suffixIcon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
             default: string;
             validator: (val: string) => boolean;
         };
@@ -696,7 +696,7 @@ export declare const UCascader: {
             type: NumberConstructor;
         };
         maxTagPlaceholder: {
-            type: import("vue").PropType<(rest: any[]) => import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
+            type: import("vue").PropType<(rest: any[]) => string | import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
         };
         maxTagTextLength: {
             type: NumberConstructor;
@@ -723,13 +723,13 @@ export declare const UCascader: {
             type: StringConstructor;
         };
         variant: {
-            type: import("vue").PropType<"text" | "surface" | "soft">;
+            type: import("vue").PropType<"surface" | "soft" | "text">;
             default: string;
             validator: (val: string) => 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";
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+            default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
             validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
         };
         label: {
@@ -744,7 +744,7 @@ export declare const UCascader: {
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<"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">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
             default: string;
             validator: (val: "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") => boolean;
         };
@@ -1153,9 +1153,9 @@ export declare const UCascader: {
     }, {}, {}, {}, {
         color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         loading: boolean;
-        search: undefined;
         required: boolean;
-        size: "small" | "default" | "large";
+        size: "default" | "small" | "large";
+        search: undefined;
         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";
         popupStyle: import("vue").CSSProperties;
         disabled: boolean;
@@ -1247,22 +1247,22 @@ export declare const UCascader: {
         default: () => {};
     };
     popupPlacement: {
-        type: import("vue").PropType<"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">;
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
         default: string;
         validator: (val: "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") => boolean;
     };
     open: {
-        type: import("vue").PropType<boolean>;
+        type: import("vue").PropType<boolean | undefined>;
         default: undefined;
     };
     prefixIcon: {
-        type: import("vue").PropType<import("../..").IconPropType>;
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
     };
     suffixIcon: {
-        type: import("vue").PropType<import("../..").IconPropType>;
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
         default: string;
         validator: (val: string) => boolean;
     };
@@ -1282,7 +1282,7 @@ export declare const UCascader: {
         type: NumberConstructor;
     };
     maxTagPlaceholder: {
-        type: import("vue").PropType<(rest: any[]) => import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
+        type: import("vue").PropType<(rest: any[]) => string | import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element>;
     };
     maxTagTextLength: {
         type: NumberConstructor;
@@ -1309,13 +1309,13 @@ export declare const UCascader: {
         type: StringConstructor;
     };
     variant: {
-        type: import("vue").PropType<"text" | "surface" | "soft">;
+        type: import("vue").PropType<"surface" | "soft" | "text">;
         default: string;
         validator: (val: string) => 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";
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+        default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
         validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
     };
     label: {
@@ -1330,7 +1330,7 @@ export declare const UCascader: {
         default: boolean;
     };
     placement: {
-        type: import("vue").PropType<"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">;
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
         default: string;
         validator: (val: "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") => boolean;
     };
@@ -1747,9 +1747,9 @@ export declare const UCascader: {
 }, string, {
     color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     loading: boolean;
-    search: undefined;
     required: boolean;
-    size: "small" | "default" | "large";
+    size: "default" | "small" | "large";
+    search: undefined;
     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";
     popupStyle: import("vue").CSSProperties;
     disabled: boolean;
@@ -1772,6 +1772,6 @@ export declare const UCascader: {
     expandTrigger: import("./Cascader.type").CascaderTrigger;
     notFoundContent: string;
     popupPlacement: "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";
-}, {}, 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>;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
 export default UCascader;
 export * from './Cascader.type';

package/es/components/Checkbox/Checkbox.mjs

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

package/es/components/Checkbox/Checkbox.type.d.ts

@@ -2,10 +2,10 @@ import type { ExtractPropTypes, PropType, Ref } from 'vue';
 import type { NormalSizeMap, ColorType } from '../../utils/globalType';
 import type Checkbox from './Checkbox.vue';
 import type CheckboxGroup from './CheckboxGroup.vue';
-export declare type CheckboxValueType = boolean | number | string | undefined;
-export declare type CheckboxGroupSingleValue = number | string;
+export type CheckboxValueType = boolean | number | string | undefined;
+export type CheckboxGroupSingleValue = number | string;
 export declare const checkboxGroupType: readonly ["default", "button"];
-export declare type CheckboxGroupType = (typeof checkboxGroupType)[number];
+export type CheckboxGroupType = (typeof checkboxGroupType)[number];
 export interface CheckboxGroupOption {
     value: CheckboxGroupSingleValue;
     label: string;
@@ -34,9 +34,9 @@ export declare const checkboxProps: {
         default: boolean;
     };
     size: {
-        type: PropType<"small" | "default" | "large">;
+        type: PropType<NormalSizeMap>;
         default: string;
-        validator: (val: "small" | "default" | "large") => boolean;
+        validator: (val: "default" | "small" | "large") => boolean;
     };
     name: {
         type: StringConstructor;
@@ -51,27 +51,27 @@ export declare const checkboxProps: {
         default: boolean;
     };
     color: {
-        type: 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";
+        type: PropType<ColorType | undefined>;
+        default: undefined | ColorType;
         validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
     };
 };
-export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
+export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 export declare const checkboxEmits: {
     'update:modelValue': (val: CheckboxValueType) => boolean;
     change: (val: CheckboxValueType, ev: Event) => boolean;
 };
-export declare type CheckboxEmits = typeof checkboxEmits;
-export declare type CheckboxInstanceType = InstanceType<typeof Checkbox>;
+export type CheckboxEmits = typeof checkboxEmits;
+export type CheckboxInstanceType = InstanceType<typeof Checkbox>;
 export declare const checkboxButtonType: readonly ["border", "fill", "card"];
-export declare type CheckboxButtonType = (typeof checkboxButtonType)[number];
+export type CheckboxButtonType = (typeof checkboxButtonType)[number];
 export declare const checkboxGroupProps: {
     modelValue: {
         type: PropType<CheckboxGroupSingleValue[]>;
         default: () => CheckboxGroupSingleValue[];
     };
     size: {
-        type: PropType<"small" | "default" | "large">;
+        type: PropType<NormalSizeMap>;
         default: string;
         validator: (val: string) => boolean;
     };
@@ -91,12 +91,12 @@ export declare const checkboxGroupProps: {
         type: StringConstructor;
     };
     buttonType: {
-        type: PropType<"fill" | "border" | "card">;
+        type: PropType<CheckboxButtonType>;
         default: string;
         validator: (val: "fill" | "border" | "card") => boolean;
     };
     type: {
-        type: PropType<"default" | "button">;
+        type: PropType<CheckboxGroupType>;
         default: string;
         validator: (val: "default" | "button") => boolean;
     };
@@ -105,18 +105,18 @@ export declare const checkboxGroupProps: {
         default: boolean;
     };
     color: {
-        type: 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";
+        type: PropType<ColorType | undefined>;
+        default: undefined | ColorType;
         validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
     };
 };
-export declare type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
+export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
 export declare const checkboxGroupEmits: {
     'update:modelValue': (v: CheckboxGroupSingleValue[]) => boolean;
     change: (v: CheckboxGroupSingleValue[]) => boolean;
 };
-export declare type CheckboxGroupEmits = typeof checkboxGroupEmits;
-export declare type CheckboxGroupInstanceType = InstanceType<typeof CheckboxGroup>;
+export type CheckboxGroupEmits = typeof checkboxGroupEmits;
+export type CheckboxGroupInstanceType = InstanceType<typeof CheckboxGroup>;
 export interface ChangeState {
     checked: boolean;
     value: CheckboxGroupSingleValue;

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

@@ -20,9 +20,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
         default: string;
-        validator: (val: "small" | "default" | "large") => boolean;
+        validator: (val: "default" | "small" | "large") => boolean;
     };
     name: {
         type: StringConstructor;
@@ -37,13 +37,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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";
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+        default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
         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">;
+    computedSize: import("vue").ComputedRef<"default" | "small" | "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>;
@@ -80,9 +80,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
         default: string;
-        validator: (val: "small" | "default" | "large") => boolean;
+        validator: (val: "default" | "small" | "large") => boolean;
     };
     name: {
         type: StringConstructor;
@@ -97,8 +97,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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";
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+        default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
         validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
     };
 }>> & Readonly<{
@@ -107,7 +107,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     name: string;
-    size: "small" | "default" | "large";
+    size: "default" | "small" | "large";
     disabled: boolean;
     modelValue: string | number | boolean;
     value: string | number;
@@ -130,7 +130,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -177,7 +177,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -219,7 +219,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: string;
         };
         icon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
     }>> & Readonly<{
         onClick?: (ev: Event) => any;
@@ -246,7 +246,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>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
     USolidCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     USolidRemove: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/Checkbox/CheckboxGroup.mjs

@@ -103,7 +103,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }),
           createTextVNode(" " + toDisplayString(_ctx.loadingText || _ctx.computedLocale.loadingText), 1)
         ])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.options, (item, index) => {
-          return openBlock(), createBlock(_component_UCheckbox, mergeProps({ key: index }, { ref_for: true }, item), {
+          return openBlock(), createBlock(_component_UCheckbox, mergeProps({
+            key: index,
+            ref_for: true
+          }, item), {
             default: withCtx(() => [
               createTextVNode(toDisplayString(item.label || item.value), 1)
             ]),
@@ -114,7 +117,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 10, _hoisted_1)
   ], 2);
 }
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Checkbox\\CheckboxGroup.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Checkbox/CheckboxGroup.vue"]]);
 
 export { CheckboxGroup as default };
 //# sourceMappingURL=CheckboxGroup.mjs.map

package/es/components/Checkbox/CheckboxGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../src/components/Checkbox/CheckboxGroup.vue"],"sourcesContent":["<template>\n  <div :class=\"[prefixCls, { [`${prefixCls}-button`]: type === 'button', [`${prefixCls}-button-${computedType}`]: type === 'button' }]\">\n    <div :class=\"`${prefixCls}-button-inner`\" :data-color=\"color\">\n      <slot v-if=\"hasSlot\" />\n      <template v-else>\n        <div v-if=\"loading\">\n          <UIcon spin>\n            <ULineLoading />\n          </UIcon>\n          {{ loadingText || computedLocale.loadingText }}\n        </div>\n        <UCheckbox v-for=\"(item, index) in options\" v-else :key=\"index\" v-bind=\"item\">\n          {{ item.label || item.value }}\n        </UCheckbox>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, toRefs, provide, watch, ref, inject, computed } from 'vue';\nimport { ULineLoading } from '@koi-design/uxd-icon';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { cloneDeep } from 'lodash-unified';\nimport UCheckbox from './Checkbox.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { FormItemKey } from '../Form';\nimport { checkboxGroupProps, checkboxGroupEmits, type ChangeState } from './Checkbox.type';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { getSlot } from '../../utils';\n\nexport default defineComponent({\n  name: 'UCheckboxGroup',\n  components: {\n    UIcon,\n    UCheckbox,\n    ULineLoading\n  },\n  props: checkboxGroupProps,\n  emits: checkboxGroupEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls, config: globalConfig } = useGlobalConfig('checkbox-group');\n\n    const computedLocale = computed(() => {\n      return globalConfig.locale.checkboxGroup;\n    });\n    const hasSlot = computed(() => {\n      const children = getSlot(slots);\n      return !!children.length;\n    });\n    // data\n    const stateValue = ref(props.modelValue);\n    // watch\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        if (Array.isArray(nv)) {\n          stateValue.value = nv;\n        } else {\n          stateValue.value = [];\n        }\n      }\n    );\n    // methods\n    // #region provider\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const change = (state: ChangeState) => {\n      let values = cloneDeep(stateValue.value);\n      if (state.checked) {\n        values.push(state.value);\n      } else {\n        values = values.filter((x) => x !== state.value);\n      }\n      emit('update:modelValue', values);\n      emit('change', values);\n      if (onFieldChange) {\n        onFieldChange(values);\n      }\n    };\n    const { size, disabled, color } = toRefs(props);\n    // const buttonType = computed(() => props.type === 'button');\n\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    provide('checkboxGroupContext', {\n      stateValue,\n      size,\n      disabled,\n      computedType,\n      color,\n      change\n    });\n    // #endregion\n    return {\n      prefixCls,\n      computedLocale,\n      computedType,\n      hasSlot\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["UCheckbox","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_Fragment","_createVNode","_toDisplayString","_createBlock","_mergeProps"],"mappings":";;;;;;;;;;;;;AA+BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,eACAA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UAEtB,EAAE,WAAW,QAAQ,iBAAiB,gBAAgB,gBAAgB;UAEtE,iBAAiB,SAAS,MAAM;aAC7B,aAAa,OAAO;AAAA,KAC5B;UACK,UAAU,SAAS,MAAM;YACvB,WAAW,QAAQ,KAAK;aACvB,CAAC,CAAC,SAAS;AAAA,KACnB;UAEK,aAAa,IAAI,MAAM,UAAU;;MAGrC,MAAM,MAAM;AAAA,MACZ,CAAC,OAAO;YACF,MAAM,QAAQ,EAAE,GAAG;qBACV,QAAQ;AAAA,eACd;qBACM,QAAQ;AAAC;AACtB;AACF;UAII,EAAE,kBAAkB,OAAwB,aAAa,EAAqB;UAC9E,SAAS,CAAC,UAAuB;UACjC,SAAS,UAAU,WAAW,KAAK;UACnC,MAAM,SAAS;eACV,KAAK,MAAM,KAAK;AAAA,aAClB;iBACI,OAAO,OAAO,CAAC,MAAM,MAAM,MAAM,KAAK;AAAA;WAE5C,qBAAqB,MAAM;WAC3B,UAAU,MAAM;UACjB,eAAe;sBACH,MAAM;AAAA;AACtB;UAEI,EAAE,MAAM,UAAU,UAAU,OAAO,KAAK;UAGxC,eAAe,SAAS,MAAM;UAC9B,MAAM,SAAS,WAAW;eACrB;AAAA;UAEL,MAAM,YAAY;eACb;AAAA;aAEF,MAAM;AAAA,KACd;YAEO,wBAAwB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACD;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;;sBA5GCC,mBAeM;IAfA,OAAKC,gBAAG,gBAAS,MAAQ,0BAAqB,cAAI,cAAmB,yBAAoB,sBAAiB,cAAI;;IAClHC,mBAaM;MAbA,OAAKD,kBAAK,6BAAS;AAAA,MAAkB,cAAY;;MACzC,eAAZE,WAAuB,oDACvBH,mBAUWI;QATE,6BAAXJ,mBAKM;UAJJK,YAEQ,oBAFD;6BACL,MAAgB;AAAA,cAAhBA,YAAgB;;;;0BACV,MACRC,gBAAG,oBAAe,oBAAe,WAAW;gCAE9CN,mBAEYI,iCAFuB,cAAO,CAAvB,MAAM,UAAK;8BAA9BG,YAEY,sBAFZC,WAEY,EAFwC,KAAK,4BAAe,IAAI;6BAC1E,MAA8B;AAAA,8CAA3B,KAAK,SAAS,KAAK,KAAK;;;;;;;;;;;;;"}
+{"version":3,"file":"CheckboxGroup.mjs","sources":["../../../../src/components/Checkbox/CheckboxGroup.vue"],"sourcesContent":["<template>\n  <div :class=\"[prefixCls, { [`${prefixCls}-button`]: type === 'button', [`${prefixCls}-button-${computedType}`]: type === 'button' }]\">\n    <div :class=\"`${prefixCls}-button-inner`\" :data-color=\"color\">\n      <slot v-if=\"hasSlot\" />\n      <template v-else>\n        <div v-if=\"loading\">\n          <UIcon spin>\n            <ULineLoading />\n          </UIcon>\n          {{ loadingText || computedLocale.loadingText }}\n        </div>\n        <UCheckbox v-for=\"(item, index) in options\" v-else :key=\"index\" v-bind=\"item\">\n          {{ item.label || item.value }}\n        </UCheckbox>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, toRefs, provide, watch, ref, inject, computed } from 'vue';\nimport { ULineLoading } from '@koi-design/uxd-icon';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { cloneDeep } from 'lodash-unified';\nimport UCheckbox from './Checkbox.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { FormItemKey } from '../Form';\nimport { checkboxGroupProps, checkboxGroupEmits, type ChangeState } from './Checkbox.type';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { getSlot } from '../../utils';\n\nexport default defineComponent({\n  name: 'UCheckboxGroup',\n  components: {\n    UIcon,\n    UCheckbox,\n    ULineLoading\n  },\n  props: checkboxGroupProps,\n  emits: checkboxGroupEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls, config: globalConfig } = useGlobalConfig('checkbox-group');\n\n    const computedLocale = computed(() => {\n      return globalConfig.locale.checkboxGroup;\n    });\n    const hasSlot = computed(() => {\n      const children = getSlot(slots);\n      return !!children.length;\n    });\n    // data\n    const stateValue = ref(props.modelValue);\n    // watch\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        if (Array.isArray(nv)) {\n          stateValue.value = nv;\n        } else {\n          stateValue.value = [];\n        }\n      }\n    );\n    // methods\n    // #region provider\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const change = (state: ChangeState) => {\n      let values = cloneDeep(stateValue.value);\n      if (state.checked) {\n        values.push(state.value);\n      } else {\n        values = values.filter((x) => x !== state.value);\n      }\n      emit('update:modelValue', values);\n      emit('change', values);\n      if (onFieldChange) {\n        onFieldChange(values);\n      }\n    };\n    const { size, disabled, color } = toRefs(props);\n    // const buttonType = computed(() => props.type === 'button');\n\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    provide('checkboxGroupContext', {\n      stateValue,\n      size,\n      disabled,\n      computedType,\n      color,\n      change\n    });\n    // #endregion\n    return {\n      prefixCls,\n      computedLocale,\n      computedType,\n      hasSlot\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["UCheckbox","_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot","_Fragment","_createVNode","_toDisplayString","_createBlock","_mergeProps"],"mappings":";;;;;;;;;;;;;AA+BA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,eACAA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UAEtB,EAAE,WAAW,QAAQ,iBAAiB,gBAAgB,gBAAgB;UAEtE,iBAAiB,SAAS,MAAM;aAC7B,aAAa,OAAO;AAAA,KAC5B;UACK,UAAU,SAAS,MAAM;YACvB,WAAW,QAAQ,KAAK;aACvB,CAAC,CAAC,SAAS;AAAA,KACnB;UAEK,aAAa,IAAI,MAAM,UAAU;;MAGrC,MAAM,MAAM;AAAA,MACZ,CAAC,OAAO;YACF,MAAM,QAAQ,EAAE,GAAG;qBACV,QAAQ;AAAA,eACd;qBACM,QAAQ;AAAC;AACtB;AACF;UAII,EAAE,kBAAkB,OAAwB,aAAa,EAAqB;UAC9E,SAAS,CAAC,UAAuB;UACjC,SAAS,UAAU,WAAW,KAAK;UACnC,MAAM,SAAS;eACV,KAAK,MAAM,KAAK;AAAA,aAClB;iBACI,OAAO,OAAO,CAAC,MAAM,MAAM,MAAM,KAAK;AAAA;WAE5C,qBAAqB,MAAM;WAC3B,UAAU,MAAM;UACjB,eAAe;sBACH,MAAM;AAAA;AACtB;UAEI,EAAE,MAAM,UAAU,UAAU,OAAO,KAAK;UAGxC,eAAe,SAAS,MAAM;UAC9B,MAAM,SAAS,WAAW;eACrB;AAAA;UAEL,MAAM,YAAY;eACb;AAAA;aAEF,MAAM;AAAA,KACd;YAEO,wBAAwB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACD;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;;sBA5GCC,mBAeM;IAfA,OAAKC,gBAAG,gBAAS,MAAQ,0BAAqB,cAAI,cAAmB,yBAAoB,sBAAiB,cAAI;;IAClHC,mBAaM;MAbA,OAAKD,kBAAK,6BAAS;AAAA,MAAkB,cAAY;;MACzC,eAAZE,WAAuB,oDACvBH,mBAUWI;QATE,6BAAXJ,mBAKM;UAJJK,YAEQ,oBAFD;6BACL,MAAgB;AAAA,cAAhBA,YAAgB;;;;0BACV,MACRC,gBAAG,oBAAe,oBAAe,WAAW;gCAE9CN,mBAEYI,iCAFuB,cAAO,CAAvB,MAAM,UAAK;8BAA9BG,YAEY,sBAFZC,WAEY;AAAA,YAFwC,KAAK;AAAA;aAAe,IAAI;6BAC1E,MAA8B;AAAA,8CAA3B,KAAK,SAAS,KAAK,KAAK;;;;;;;;;;;;;"}