@koi-design/uxd-ui 14.0.7 → 14.0.8

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

@@ -126,7 +126,7 @@ export declare const UCascader: {
             type: StringConstructor;
         };
         variant: {
-            type: import("vue").PropType<"text" | "surface" | "soft">;
+            type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
             default: string;
             validator: (val: string) => boolean;
         };
@@ -570,7 +570,7 @@ export declare const UCascader: {
         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;
-        variant: "text" | "surface" | "soft";
+        variant: "surface" | "soft" | "borderless" | "underline";
         modelValue: import("./Cascader.type").CascaderValueType;
         placeholder: string;
         clearable: boolean;
@@ -723,7 +723,7 @@ export declare const UCascader: {
             type: StringConstructor;
         };
         variant: {
-            type: import("vue").PropType<"text" | "surface" | "soft">;
+            type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
             default: string;
             validator: (val: string) => boolean;
         };
@@ -1159,7 +1159,7 @@ export declare const UCascader: {
         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;
-        variant: "text" | "surface" | "soft";
+        variant: "surface" | "soft" | "borderless" | "underline";
         modelValue: import("./Cascader.type").CascaderValueType;
         placeholder: string;
         clearable: boolean;
@@ -1309,7 +1309,7 @@ export declare const UCascader: {
         type: StringConstructor;
     };
     variant: {
-        type: import("vue").PropType<"text" | "surface" | "soft">;
+        type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
         default: string;
         validator: (val: string) => boolean;
     };
@@ -1753,7 +1753,7 @@ export declare const UCascader: {
     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;
-    variant: "text" | "surface" | "soft";
+    variant: "surface" | "soft" | "borderless" | "underline";
     modelValue: import("./Cascader.type").CascaderValueType;
     placeholder: string;
     clearable: boolean;

package/lib/components/Checkbox/Checkbox.js

@@ -52,6 +52,7 @@ const _sfc_main = vue.defineComponent({
     let eventShiftKey = false;
     const onClick = (e) => {
       eventShiftKey = e.shiftKey;
+      emit("click", e);
     };
     const { onFieldChange } = vue.inject(utils.FormItemKey, {});
     const change = (event) => {

package/lib/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      `${prefixCls}-wrap`,\n      {\n        [`${prefixCls}-wrap-checked`]: computedChecked,\n        [`${prefixCls}-wrap-indeterminate`]: indeterminate,\n        [`${prefixCls}-wrap-disabled`]: computedDisabled,\n        [`${prefixCls}-focus`]: focusWrap\n      }\n    ]\"\n  >\n    <span\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-checked`]: computedChecked,\n          [`${prefixCls}-disabled`]: computedDisabled,\n          [`${prefixCls}-indeterminate`]: indeterminate\n        }\n      ]\"\n    >\n      <span :class=\"[`${prefixCls}-inner`, { [`${prefixCls}-focus`]: focusInner }]\">\n        <UIcon>\n          <Check v-if=\"computedChecked\" />\n          <Minus v-else-if=\"indeterminate\" />\n        </UIcon>\n      </span>\n      <input\n        type=\"checkbox\"\n        :class=\"`${prefixCls}-input`\"\n        :disabled=\"computedDisabled\"\n        :checked=\"computedChecked\"\n        :name=\"name\"\n        @keydown=\"handleKeyDown\"\n        @change=\"change\"\n        @click=\"onClick\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      />\n    </span>\n\n    <span v-if=\"showSlot\" :class=\"[`${prefixCls}-label`]\">\n      <slot>{{ value }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref, watch } from 'vue';\nimport { Check, Minus } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { FormItemKey } from '../Form';\nimport { isValid } from '../../utils/isValid';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { checkboxProps, checkboxEmits, type CheckboxGroupContext } from './Checkbox.type';\n\nexport default defineComponent({\n  name: 'UCheckbox',\n  components: {\n    UIcon,\n    Check,\n    Minus\n  },\n  props: checkboxProps,\n  emits: checkboxEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('checkbox');\n    const checkboxGroupContext = inject<CheckboxGroupContext>('checkboxGroupContext', {} as CheckboxGroupContext);\n    // data\n    const focusWrap = ref(false);\n    const focusInner = ref(false);\n    const stateValue = ref(props.modelValue || false);\n    // computed\n    const showSlot = computed(() => {\n      return !!props.value || slots.default;\n    });\n    const computedChecked = computed(() => {\n      if (checkboxGroupContext.stateValue) {\n        return checkboxGroupContext.stateValue.value.includes(props.value);\n      }\n      return !!stateValue.value;\n    });\n\n    const computedDisabled = computed(() => {\n      if (checkboxGroupContext.disabled) {\n        return checkboxGroupContext.disabled.value || props.disabled;\n      }\n      return props.disabled;\n    });\n\n    // const showInput = computed(() => !checkboxGroupContext.buttonType?.value);\n    // watch\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        stateValue.value = nv === props.trueValue;\n      },\n      { immediate: true }\n    );\n    // methods\n    let eventShiftKey = false;\n    const onClick = (e: MouseEvent) => {\n      eventShiftKey = e.shiftKey;\n    };\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const change = (event: any) => {\n      if (props.disabled) {\n        return false;\n      }\n      if (checkboxGroupContext.change) {\n        if (isValid(props.value)) {\n          checkboxGroupContext.change({\n            value: props.value,\n            checked: event.target.checked\n          });\n        }\n      } else {\n        const value = event.target.checked ? props.trueValue : props.falseValue;\n        if (props.modelValue === undefined) {\n          stateValue.value = event.target.checked;\n        }\n        event.shiftKey = eventShiftKey;\n        emit('update:modelValue', value);\n        emit('change', value, event);\n        if (onFieldChange) {\n          onFieldChange(value);\n        }\n      }\n    };\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.code === 'Space' || e.code === 'Enter') {\n        change(e);\n      }\n    };\n    const handleFocus = () => {\n      if (checkboxGroupContext.buttonType?.value) {\n        focusWrap.value = true;\n      }\n      focusInner.value = true;\n    };\n    const handleBlur = () => {\n      focusWrap.value = false;\n      focusInner.value = false;\n    };\n\n    return {\n      prefixCls,\n      computedDisabled,\n      focusWrap,\n      focusInner,\n      showSlot,\n      computedChecked,\n      change,\n      handleKeyDown,\n      handleFocus,\n      handleBlur,\n      onClick\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["defineComponent","UIcon","Check","Minus","checkboxProps","checkboxEmits","useGlobalConfig","inject","ref","computed","FormItemKey","isValid","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_createBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;;AA0DA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,WACAC;AAAA,WACAC;AAAA;AACF,EACA,OAAOC;AAAA,EACP,OAAOC;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UAEtB,EAAE,cAAcC,2BAAgB,UAAU;UAC1C,uBAAuBC,WAA6B,wBAAwB,EAA0B;UAEtG,YAAYC,QAAI,KAAK;UACrB,aAAaA,QAAI,KAAK;UACtB,aAAaA,QAAI,MAAM,cAAc,KAAK;UAE1C,WAAWC,aAAS,MAAM;aACvB,CAAC,CAAC,MAAM,SAAS,MAAM;AAAA,KAC/B;UACK,kBAAkBA,aAAS,MAAM;UACjC,qBAAqB,YAAY;eAC5B,qBAAqB,WAAW,MAAM,SAAS,MAAM,KAAK;AAAA;aAE5D,CAAC,CAAC,WAAW;AAAA,KACrB;UAEK,mBAAmBA,aAAS,MAAM;UAClC,qBAAqB,UAAU;eAC1B,qBAAqB,SAAS,SAAS,MAAM;AAAA;aAE/C,MAAM;AAAA,KACd;;MAKC,MAAM,MAAM;AAAA,MACZ,CAAC,OAAO;mBACK,QAAQ,OAAO,MAAM;AAAA;AAClC,MACA,EAAE,WAAW;AAAK;QAGhB,gBAAgB;UACd,UAAU,CAAC,MAAkB;sBACjB,EAAE;AAAA;UAGd,EAAE,kBAAkBF,WAAwBG,mBAAa,EAAqB;UAC9E,SAAS,CAAC,UAAe;UACzB,MAAM,UAAU;eACX;AAAA;UAEL,qBAAqB,QAAQ;YAC3BC,gBAAQ,MAAM,KAAK,GAAG;+BACH,OAAO;AAAA,YAC1B,OAAO,MAAM;AAAA,YACb,SAAS,MAAM,OAAO;AAAA,WACvB;AAAA;AACH,aACK;cACC,QAAQ,MAAM,OAAO,UAAU,MAAM,YAAY,MAAM;YACzD,MAAM,eAAe,QAAW;qBACvB,QAAQ,MAAM,OAAO;AAAA;cAE5B,WAAW;aACZ,qBAAqB,KAAK;aAC1B,UAAU,OAAO,KAAK;YACvB,eAAe;wBACH,KAAK;AAAA;AACrB;AACF;UAEI,gBAAgB,CAAC,MAAqB;UACtC,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;eACrC,CAAC;AAAA;AACV;UAEI,cAAc,MAAM;AAzF9B;WA0FU,0BAAqB,eAArB,mBAAiC,OAAO;kBAChC,QAAQ;AAAA;iBAET,QAAQ;AAAA;UAEf,aAAa,MAAM;gBACb,QAAQ;iBACP,QAAQ;AAAA;WAGd;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;0BAlKCC,uBA4CQ;IA3CL,OAAKC;SAAa;;YAAsC,gCAA2B;YAA6B,sCAAiC;YAA2B,iCAA4B;YAA8B,yBAAoB;;;;IAU3PC,uBA4BO;MA3BJ,OAAKD;QAAY;;cAAmC,2BAAsB;cAA+B,4BAAuB;cAAgC,iCAA4B;;;;MAS7LC,uBAKO;QALA,OAAKD,uBAAM,wBAAS,MAAgB,yBAAoB;;QAC7DE,gBAGQ;+BAFN,MAAgC;AAAA,YAAnB,yCAAbC,gBAAgC,iCACd,uCAAlBA,gBAAmC;;;;;MAGvCF,uBAWE;QAVA,MAAK;AAAA,QACJ,OAAKD,sBAAK,sBAAS;AAAA,QACnB,UAAU;QACV,SAAS;QACT,MAAM;QACN,WAAO,uCAAE;QACT,UAAM,uCAAE;QACR,SAAK,uCAAE;QACP,SAAK,uCAAE;QACP,QAAI,uCAAE;;;IAIC,kCAAZD,uBAEO;;MAFgB,OAAKC,uBAAM,sBAAS;;MACzCI,eAAwB,4BAAxB,MAAwB;AAAA,gDAAf,UAAK;;;;;;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      `${prefixCls}-wrap`,\n      {\n        [`${prefixCls}-wrap-checked`]: computedChecked,\n        [`${prefixCls}-wrap-indeterminate`]: indeterminate,\n        [`${prefixCls}-wrap-disabled`]: computedDisabled,\n        [`${prefixCls}-focus`]: focusWrap\n      }\n    ]\"\n  >\n    <span\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-checked`]: computedChecked,\n          [`${prefixCls}-disabled`]: computedDisabled,\n          [`${prefixCls}-indeterminate`]: indeterminate\n        }\n      ]\"\n    >\n      <span :class=\"[`${prefixCls}-inner`, { [`${prefixCls}-focus`]: focusInner }]\">\n        <UIcon>\n          <Check v-if=\"computedChecked\" />\n          <Minus v-else-if=\"indeterminate\" />\n        </UIcon>\n      </span>\n      <input\n        type=\"checkbox\"\n        :class=\"`${prefixCls}-input`\"\n        :disabled=\"computedDisabled\"\n        :checked=\"computedChecked\"\n        :name=\"name\"\n        @keydown=\"handleKeyDown\"\n        @change=\"change\"\n        @click=\"onClick\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      />\n    </span>\n\n    <span v-if=\"showSlot\" :class=\"[`${prefixCls}-label`]\">\n      <slot>{{ value }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref, watch } from 'vue';\nimport { Check, Minus } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { FormItemKey } from '../Form';\nimport { isValid } from '../../utils/isValid';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { checkboxProps, checkboxEmits, type CheckboxGroupContext } from './Checkbox.type';\n\nexport default defineComponent({\n  name: 'UCheckbox',\n  components: {\n    UIcon,\n    Check,\n    Minus\n  },\n  props: checkboxProps,\n  emits: checkboxEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('checkbox');\n    const checkboxGroupContext = inject<CheckboxGroupContext>('checkboxGroupContext', {} as CheckboxGroupContext);\n    // data\n    const focusWrap = ref(false);\n    const focusInner = ref(false);\n    const stateValue = ref(props.modelValue || false);\n    // computed\n    const showSlot = computed(() => {\n      return !!props.value || slots.default;\n    });\n    const computedChecked = computed(() => {\n      if (checkboxGroupContext.stateValue) {\n        return checkboxGroupContext.stateValue.value.includes(props.value);\n      }\n      return !!stateValue.value;\n    });\n\n    const computedDisabled = computed(() => {\n      if (checkboxGroupContext.disabled) {\n        return checkboxGroupContext.disabled.value || props.disabled;\n      }\n      return props.disabled;\n    });\n\n    // const showInput = computed(() => !checkboxGroupContext.buttonType?.value);\n    // watch\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        stateValue.value = nv === props.trueValue;\n      },\n      { immediate: true }\n    );\n    // methods\n    let eventShiftKey = false;\n    const onClick = (e: MouseEvent) => {\n      eventShiftKey = e.shiftKey;\n      emit('click', e);\n    };\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const change = (event: any) => {\n      if (props.disabled) {\n        return false;\n      }\n      if (checkboxGroupContext.change) {\n        if (isValid(props.value)) {\n          checkboxGroupContext.change({\n            value: props.value,\n            checked: event.target.checked\n          });\n        }\n      } else {\n        const value = event.target.checked ? props.trueValue : props.falseValue;\n        if (props.modelValue === undefined) {\n          stateValue.value = event.target.checked;\n        }\n        event.shiftKey = eventShiftKey;\n        emit('update:modelValue', value);\n        emit('change', value, event);\n        if (onFieldChange) {\n          onFieldChange(value);\n        }\n      }\n    };\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.code === 'Space' || e.code === 'Enter') {\n        change(e);\n      }\n    };\n    const handleFocus = () => {\n      if (checkboxGroupContext.buttonType?.value) {\n        focusWrap.value = true;\n      }\n      focusInner.value = true;\n    };\n    const handleBlur = () => {\n      focusWrap.value = false;\n      focusInner.value = false;\n    };\n\n    return {\n      prefixCls,\n      computedDisabled,\n      focusWrap,\n      focusInner,\n      showSlot,\n      computedChecked,\n      change,\n      handleKeyDown,\n      handleFocus,\n      handleBlur,\n      onClick\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["defineComponent","UIcon","Check","Minus","checkboxProps","checkboxEmits","useGlobalConfig","inject","ref","computed","FormItemKey","isValid","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_createBlock","_renderSlot"],"mappings":"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"}

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

@@ -46,6 +46,7 @@ export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 export declare const checkboxEmits: {
     'update:modelValue': (val: CheckboxValueType) => boolean;
     change: (val: CheckboxValueType, ev: Event) => boolean;
+    click: (ev: Event) => boolean;
 };
 export declare type CheckboxEmits = typeof checkboxEmits;
 export declare type CheckboxInstanceType = InstanceType<typeof Checkbox>;

package/lib/components/Checkbox/Checkbox.type.js

@@ -38,7 +38,8 @@ const checkboxProps = {
 };
 const checkboxEmits = {
   "update:modelValue": (val) => val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string",
-  change: (val, ev) => (val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string") && ev instanceof Event
+  change: (val, ev) => (val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string") && ev instanceof Event,
+  click: (ev) => ev instanceof Event
 };
 const checkboxButtonType = ["border", "fill", "card"];
 const checkboxGroupProps = {

package/lib/components/Checkbox/Checkbox.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.type.js","sources":["../../../../src/components/Checkbox/Checkbox.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, Ref } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { NormalSizeMap } from '../../utils/globalType';\nimport type Checkbox from './Checkbox.vue';\nimport type CheckboxGroup from './CheckboxGroup.vue';\n\nexport type CheckboxValueType = boolean | number | string | undefined;\nexport type CheckboxGroupSingleValue = number | string;\nexport const checkboxGroupType = ['default', 'button'] as const;\nexport type CheckboxGroupType = (typeof checkboxGroupType)[number];\nexport interface CheckboxGroupOption {\n  value: CheckboxGroupSingleValue;\n  label: string;\n  disabled?: boolean;\n  border?: boolean;\n}\n\nexport const checkboxProps = {\n  modelValue: {\n    type: [Boolean, String, Number],\n    default: undefined as undefined\n  },\n  trueValue: {\n    type: [String, Number, Boolean],\n    default: true\n  },\n  falseValue: {\n    type: [String, Number, Boolean],\n    default: false\n  },\n  value: {\n    type: [String, Number],\n    default: ''\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  name: {\n    type: String,\n    default: ''\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;\n\nexport const checkboxEmits = {\n  'update:modelValue': (val: CheckboxValueType) =>\n    val === undefined || typeof val === 'boolean' || typeof val === 'number' || typeof val === 'string',\n  change: (val: CheckboxValueType, ev: Event) =>\n    (val === undefined || typeof val === 'boolean' || typeof val === 'number' || typeof val === 'string') && ev instanceof Event\n};\n\nexport type CheckboxEmits = typeof checkboxEmits;\n\nexport type CheckboxInstanceType = InstanceType<typeof Checkbox>;\n\nexport const checkboxButtonType = ['border', 'fill', 'card'] as const;\nexport type CheckboxButtonType = (typeof checkboxButtonType)[number];\n\nexport const checkboxGroupProps = {\n  modelValue: {\n    type: Array as PropType<CheckboxGroupSingleValue[]>,\n    default: () => [] as CheckboxGroupSingleValue[]\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap.map((x) => x))\n  },\n  options: {\n    type: Array as PropType<CheckboxGroupOption[]>,\n    default: () => [] as CheckboxGroupOption[]\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  loadingText: {\n    type: String\n  },\n  buttonType: {\n    type: String as PropType<CheckboxButtonType>,\n    default: 'border',\n    validator: oneOf(checkboxButtonType)\n  },\n  type: {\n    type: String as PropType<CheckboxGroupType>,\n    default: 'default',\n    validator: oneOf(checkboxGroupType)\n  },\n  buttonFill: {\n    type: Boolean,\n    default: false\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;\n\nexport const checkboxGroupEmits = {\n  'update:modelValue': (v: CheckboxGroupSingleValue[]) =>\n    Array.isArray(v) && v.every((x) => x === undefined || typeof x === 'number' || typeof x === 'string'),\n  change: (v: CheckboxGroupSingleValue[]) => Array.isArray(v) && v.every((x) => x === undefined || typeof x === 'number' || typeof x === 'string')\n};\n\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits;\n\nexport type CheckboxGroupInstanceType = InstanceType<typeof CheckboxGroup>;\n\nexport interface ChangeState {\n  checked: boolean;\n  value: CheckboxGroupSingleValue;\n}\n\nexport interface CheckboxGroupContext {\n  stateValue: Ref<CheckboxGroupSingleValue[]>;\n  size: Ref<NormalSizeMap>;\n  disabled: Ref<boolean>;\n  buttonType: Ref<boolean>;\n  change: (state: ChangeState) => void;\n}\n"],"names":["oneOf","normalSizeMap"],"mappings":";;;;;;;MASa,oBAAoB,CAAC,WAAW,QAAQ;MASxC,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IACV,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,qBAAqB,CAAC,QACpB,QAAQ,UAAa,OAAO,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,QAAQ;AAAA,EAC7F,QAAQ,CAAC,KAAwB,QAC9B,QAAQ,UAAa,OAAO,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,cAAc;AAC3H;MAMa,qBAAqB,CAAC,UAAU,QAAQ,MAAM;MAG9C,qBAAqB;AAAA,EAChC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAMC,yBAAc,IAAI,CAAC,MAAM,CAAC,CAAC;AAAA;AAC9C,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWD,sBAAM,kBAAkB;AAAA;AACrC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAM,iBAAiB;AAAA;AACpC,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAIa,qBAAqB;AAAA,EAChC,qBAAqB,CAAC,MACpB,MAAM,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,MAAM,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AAAA,EACtG,QAAQ,CAAC,MAAkC,MAAM,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,MAAM,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AACjJ;;;;;;;;;"}
+{"version":3,"file":"Checkbox.type.js","sources":["../../../../src/components/Checkbox/Checkbox.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, Ref } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { NormalSizeMap } from '../../utils/globalType';\nimport type Checkbox from './Checkbox.vue';\nimport type CheckboxGroup from './CheckboxGroup.vue';\n\nexport type CheckboxValueType = boolean | number | string | undefined;\nexport type CheckboxGroupSingleValue = number | string;\nexport const checkboxGroupType = ['default', 'button'] as const;\nexport type CheckboxGroupType = (typeof checkboxGroupType)[number];\nexport interface CheckboxGroupOption {\n  value: CheckboxGroupSingleValue;\n  label: string;\n  disabled?: boolean;\n  border?: boolean;\n}\n\nexport const checkboxProps = {\n  modelValue: {\n    type: [Boolean, String, Number],\n    default: undefined as undefined\n  },\n  trueValue: {\n    type: [String, Number, Boolean],\n    default: true\n  },\n  falseValue: {\n    type: [String, Number, Boolean],\n    default: false\n  },\n  value: {\n    type: [String, Number],\n    default: ''\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  name: {\n    type: String,\n    default: ''\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;\n\nexport const checkboxEmits = {\n  'update:modelValue': (val: CheckboxValueType) =>\n    val === undefined || typeof val === 'boolean' || typeof val === 'number' || typeof val === 'string',\n  change: (val: CheckboxValueType, ev: Event) =>\n    (val === undefined || typeof val === 'boolean' || typeof val === 'number' || typeof val === 'string') && ev instanceof Event,\n  click: (ev: Event) => ev instanceof Event\n};\n\nexport type CheckboxEmits = typeof checkboxEmits;\n\nexport type CheckboxInstanceType = InstanceType<typeof Checkbox>;\n\nexport const checkboxButtonType = ['border', 'fill', 'card'] as const;\nexport type CheckboxButtonType = (typeof checkboxButtonType)[number];\n\nexport const checkboxGroupProps = {\n  modelValue: {\n    type: Array as PropType<CheckboxGroupSingleValue[]>,\n    default: () => [] as CheckboxGroupSingleValue[]\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap.map((x) => x))\n  },\n  options: {\n    type: Array as PropType<CheckboxGroupOption[]>,\n    default: () => [] as CheckboxGroupOption[]\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  loadingText: {\n    type: String\n  },\n  buttonType: {\n    type: String as PropType<CheckboxButtonType>,\n    default: 'border',\n    validator: oneOf(checkboxButtonType)\n  },\n  type: {\n    type: String as PropType<CheckboxGroupType>,\n    default: 'default',\n    validator: oneOf(checkboxGroupType)\n  },\n  buttonFill: {\n    type: Boolean,\n    default: false\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;\n\nexport const checkboxGroupEmits = {\n  'update:modelValue': (v: CheckboxGroupSingleValue[]) =>\n    Array.isArray(v) && v.every((x) => x === undefined || typeof x === 'number' || typeof x === 'string'),\n  change: (v: CheckboxGroupSingleValue[]) => Array.isArray(v) && v.every((x) => x === undefined || typeof x === 'number' || typeof x === 'string')\n};\n\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits;\n\nexport type CheckboxGroupInstanceType = InstanceType<typeof CheckboxGroup>;\n\nexport interface ChangeState {\n  checked: boolean;\n  value: CheckboxGroupSingleValue;\n}\n\nexport interface CheckboxGroupContext {\n  stateValue: Ref<CheckboxGroupSingleValue[]>;\n  size: Ref<NormalSizeMap>;\n  disabled: Ref<boolean>;\n  buttonType: Ref<boolean>;\n  change: (state: ChangeState) => void;\n}\n"],"names":["oneOf","normalSizeMap"],"mappings":";;;;;;;MASa,oBAAoB,CAAC,WAAW,QAAQ;MASxC,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IACV,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,qBAAqB,CAAC,QACpB,QAAQ,UAAa,OAAO,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,QAAQ;AAAA,EAC7F,QAAQ,CAAC,KAAwB,QAC9B,QAAQ,UAAa,OAAO,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,cAAc;AAAA,EACzH,OAAO,CAAC,OAAc,cAAc;AACtC;MAMa,qBAAqB,CAAC,UAAU,QAAQ,MAAM;MAG9C,qBAAqB;AAAA,EAChC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAMC,yBAAc,IAAI,CAAC,MAAM,CAAC,CAAC;AAAA;AAC9C,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWD,sBAAM,kBAAkB;AAAA;AACrC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAM,iBAAiB;AAAA;AACpC,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAIa,qBAAqB;AAAA,EAChC,qBAAqB,CAAC,MACpB,MAAM,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,MAAM,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AAAA,EACtG,QAAQ,CAAC,MAAkC,MAAM,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,MAAM,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AACjJ;;;;;;;;;"}

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

@@ -42,6 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
     change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+    click: (ev: Event) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -73,6 +74,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+    onClick?: (ev: Event) => any;
     "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
 }>, {
     name: string;

package/lib/components/Checkbox/CheckboxGroup.vue.d.ts

@@ -281,6 +281,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
         change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+        click: (ev: Event) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -312,6 +313,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
     }>, {
         name: string;

package/lib/components/Checkbox/index.d.ts

@@ -31,6 +31,7 @@ export declare const UCheckbox: {
         };
     }>> & Readonly<{
         onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
@@ -47,6 +48,7 @@ export declare const UCheckbox: {
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
         change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+        click: (ev: Event) => boolean;
     }, import("vue").PublicProps, {
         name: string;
         disabled: boolean;
@@ -227,6 +229,7 @@ export declare const UCheckbox: {
         };
     }>> & Readonly<{
         onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
@@ -283,6 +286,7 @@ export declare const UCheckbox: {
     };
 }>> & Readonly<{
     onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+    onClick?: (ev: Event) => any;
     "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
 }>, {
     prefixCls: import("vue").ComputedRef<string>;
@@ -299,6 +303,7 @@ export declare const UCheckbox: {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
     change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+    click: (ev: Event) => boolean;
 }, string, {
     name: string;
     disabled: boolean;
@@ -725,6 +730,7 @@ export declare const UCheckbox: {
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
             change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -756,6 +762,7 @@ export declare const UCheckbox: {
             };
         }>> & Readonly<{
             onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
         }>, {
             name: string;

package/lib/components/Progress/Circle.js

@@ -129,9 +129,7 @@ var UCircle = vue.defineComponent({
       const iconSvg = statusIcon.value;
       const defaultTextRender = isStatus.value ? vue.createVNode("span", {
         "class": `${prefixCls.value}-text-inner`
-      }, [vue.createVNode(index.UIcon, {
-        "style": "font-size: 24px"
-      }, {
+      }, [vue.createVNode(index.UIcon, null, {
         default: () => [vue.createVNode(iconSvg, null, null)]
       })]) : vue.createVNode("span", {
         "class": `${prefixCls.value}-text-inner`

package/lib/components/Progress/Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","sources":["../../../../src/components/Progress/Circle.tsx"],"sourcesContent":["import { defineComponent, watch, onMounted } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { oneOf } from '../../utils/propsValidators';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport URender from '../base/Render';\nimport useProgress from './hooks/useProgress';\nimport { progressEmits, progressStatus, type ProgressStauts } from './Progress.type';\nimport { getSlot } from '../../utils/slots';\n\nconst defineProps = {\n  percent: {\n    type: Number,\n    default: 0\n  },\n  successPercent: {\n    type: Number,\n    default: 0\n  },\n  status: {\n    type: String as PropType<ProgressStauts>,\n    default: 'normal',\n    validator: oneOf(progressStatus)\n  },\n  hideInfo: {\n    type: Boolean,\n    default: false\n  },\n  strokeWidth: {\n    type: Number,\n    default: 6\n  },\n  strokeColor: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  textInside: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'UCircle',\n  components: {\n    URender,\n    UIcon\n  },\n  props: defineProps,\n  emits: progressEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls } = useGlobalConfig('progress');\n    // data\n    const patchColor = '#F3F3F3';\n    const statusColorMap: Record<ProgressStauts, string> = {\n      normal: '#4d9bee',\n      active: '#4d9bee',\n      wrong: '#ed3f14',\n      success: '#19be6b'\n    };\n    const radius = Math.ceil(44 - props.strokeWidth / 2);\n    const len = Math.ceil(Math.PI * 2 * radius);\n\n    const { currentStatus, isStatus, statusIcon, handleStatus } = useProgress(props, { emit });\n    // computed\n\n    // watch\n    watch(\n      () => props.percent,\n      (nv, ov) => {\n        if (nv < ov) {\n          handleStatus(true);\n        } else {\n          handleStatus();\n        }\n      }\n    );\n    watch(\n      () => props.status,\n      (nv) => {\n        currentStatus.value = nv;\n      }\n    );\n    // lifecycle\n    onMounted(() => {\n      handleStatus();\n    });\n    // methods\n    const circleStyle = {\n      cx: '50%',\n      cy: '50%',\n      r: '40',\n      transform: 'rotate(-90 50 50)',\n      'stroke-width': props.strokeWidth,\n      'stroke-linecap': props.percent === 0 ? 'butt' : 'round'\n    };\n\n    return () => {\n      const { strokeColor, successPercent, percent } = props;\n\n      const gradientRender =\n        strokeColor !== undefined ? (\n          <defs>\n            <linearGradient id=\"svg-gradient\" gradientUnits=\"userSpaceOnUse\" x1=\"100%\" y1=\"100%\" x2=\"0\" y2=\"0\">\n              <stop offset=\"0%\" stop-color={Array.isArray(props.strokeColor) ? props.strokeColor[0] : props.strokeColor} />\n              <stop offset=\"100%\" stop-color={Array.isArray(props.strokeColor) ? props.strokeColor[1] : props.strokeColor} />\n            </linearGradient>\n          </defs>\n        ) : null;\n\n      const pathRender = <circle {...circleStyle} stroke={patchColor}></circle>;\n      const percentRender = (\n        <circle\n          {...circleStyle}\n          stroke={!props.strokeColor || isStatus.value ? statusColorMap[currentStatus.value] : 'url(#svg-gradient)'}\n          stroke-dasharray={`${Math.ceil((props.percent / 100) * len)}, ${len}`}\n          stroke-linecap={Math.ceil(props.percent / 100) ? 'round' : 'butt'}\n        ></circle>\n      );\n\n      const successPercentRender = successPercent ? (\n        <circle\n          {...circleStyle}\n          stroke={statusColorMap.success}\n          stroke-dasharray={`${Math.ceil((props.successPercent / 100) * len)}, ${len}`}\n        ></circle>\n      ) : null;\n\n      const iconSvg = statusIcon.value;\n\n      const defaultTextRender = isStatus.value ? (\n        <span class={`${prefixCls.value}-text-inner`}>\n          <UIcon style=\"font-size: 24px\">\n            <iconSvg></iconSvg>\n          </UIcon>\n        </span>\n      ) : (\n        <span class={`${prefixCls.value}-text-inner`}>{percent}%</span>\n      );\n\n      return (\n        <div class={[`${prefixCls.value}`, `${prefixCls.value}-circle`, `${prefixCls.value}-${currentStatus.value}`]}>\n          <div class={`${prefixCls.value}-inner`}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" width=\"100%\" viewBox=\"0 0 100 100\">\n              {gradientRender}\n              {pathRender}\n              {percentRender}\n              {successPercentRender}\n            </svg>\n            <div class={`${prefixCls.value}-text`}>{getSlot(slots).length ? getSlot(slots) : defaultTextRender}</div>\n          </div>\n        </div>\n      );\n    };\n  }\n});\n"],"names":["defineProps","percent","type","Number","default","successPercent","status","String","validator","oneOf","progressStatus","hideInfo","Boolean","strokeWidth","strokeColor","Array","textInside","defineComponent","name","components","URender","UIcon","props","emits","progressEmits","setup","emit","slots","prefixCls","useGlobalConfig","patchColor","statusColorMap","normal","active","wrong","success","radius","Math","ceil","len","PI","currentStatus","isStatus","statusIcon","handleStatus","useProgress","watch","nv","ov","value","onMounted","circleStyle","cx","cy","r","transform","gradientRender","undefined","_createVNode","isArray","pathRender","_mergeProps","percentRender","successPercentRender","iconSvg","defaultTextRender","_createTextVNode","getSlot","length"],"mappings":"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"}
+{"version":3,"file":"Circle.js","sources":["../../../../src/components/Progress/Circle.tsx"],"sourcesContent":["import { defineComponent, watch, onMounted } from 'vue';\nimport type { PropType } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { oneOf } from '../../utils/propsValidators';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport URender from '../base/Render';\nimport useProgress from './hooks/useProgress';\nimport { progressEmits, progressStatus, type ProgressStauts } from './Progress.type';\nimport { getSlot } from '../../utils/slots';\n\nconst defineProps = {\n  percent: {\n    type: Number,\n    default: 0\n  },\n  successPercent: {\n    type: Number,\n    default: 0\n  },\n  status: {\n    type: String as PropType<ProgressStauts>,\n    default: 'normal',\n    validator: oneOf(progressStatus)\n  },\n  hideInfo: {\n    type: Boolean,\n    default: false\n  },\n  strokeWidth: {\n    type: Number,\n    default: 6\n  },\n  strokeColor: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  textInside: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'UCircle',\n  components: {\n    URender,\n    UIcon\n  },\n  props: defineProps,\n  emits: progressEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls } = useGlobalConfig('progress');\n    // data\n    const patchColor = '#F3F3F3';\n    const statusColorMap: Record<ProgressStauts, string> = {\n      normal: '#4d9bee',\n      active: '#4d9bee',\n      wrong: '#ed3f14',\n      success: '#19be6b'\n    };\n    const radius = Math.ceil(44 - props.strokeWidth / 2);\n    const len = Math.ceil(Math.PI * 2 * radius);\n\n    const { currentStatus, isStatus, statusIcon, handleStatus } = useProgress(props, { emit });\n    // computed\n\n    // watch\n    watch(\n      () => props.percent,\n      (nv, ov) => {\n        if (nv < ov) {\n          handleStatus(true);\n        } else {\n          handleStatus();\n        }\n      }\n    );\n    watch(\n      () => props.status,\n      (nv) => {\n        currentStatus.value = nv;\n      }\n    );\n    // lifecycle\n    onMounted(() => {\n      handleStatus();\n    });\n    // methods\n    const circleStyle = {\n      cx: '50%',\n      cy: '50%',\n      r: '40',\n      transform: 'rotate(-90 50 50)',\n      'stroke-width': props.strokeWidth,\n      'stroke-linecap': props.percent === 0 ? ('butt' as const) : ('round' as const)\n    };\n\n    return () => {\n      const { strokeColor, successPercent, percent } = props;\n\n      const gradientRender =\n        strokeColor !== undefined ? (\n          <defs>\n            <linearGradient id=\"svg-gradient\" gradientUnits=\"userSpaceOnUse\" x1=\"100%\" y1=\"100%\" x2=\"0\" y2=\"0\">\n              <stop offset=\"0%\" stop-color={Array.isArray(props.strokeColor) ? props.strokeColor[0] : props.strokeColor} />\n              <stop offset=\"100%\" stop-color={Array.isArray(props.strokeColor) ? props.strokeColor[1] : props.strokeColor} />\n            </linearGradient>\n          </defs>\n        ) : null;\n\n      const pathRender = <circle {...circleStyle} stroke={patchColor}></circle>;\n      const percentRender = (\n        <circle\n          {...circleStyle}\n          stroke={!props.strokeColor || isStatus.value ? statusColorMap[currentStatus.value] : 'url(#svg-gradient)'}\n          stroke-dasharray={`${Math.ceil((props.percent / 100) * len)}, ${len}`}\n          stroke-linecap={Math.ceil(props.percent / 100) ? 'round' : 'butt'}\n        ></circle>\n      );\n\n      const successPercentRender = successPercent ? (\n        <circle\n          {...circleStyle}\n          stroke={statusColorMap.success}\n          stroke-dasharray={`${Math.ceil((props.successPercent / 100) * len)}, ${len}`}\n        ></circle>\n      ) : null;\n\n      const iconSvg = statusIcon.value;\n\n      const defaultTextRender = isStatus.value ? (\n        <span class={`${prefixCls.value}-text-inner`}>\n          <UIcon>\n            <iconSvg></iconSvg>\n          </UIcon>\n        </span>\n      ) : (\n        <span class={`${prefixCls.value}-text-inner`}>{percent}%</span>\n      );\n\n      return (\n        <div class={[`${prefixCls.value}`, `${prefixCls.value}-circle`, `${prefixCls.value}-${currentStatus.value}`]}>\n          <div class={`${prefixCls.value}-inner`}>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" width=\"100%\" viewBox=\"0 0 100 100\">\n              {gradientRender}\n              {pathRender}\n              {percentRender}\n              {successPercentRender}\n            </svg>\n            <div class={`${prefixCls.value}-text`}>{getSlot(slots).length ? getSlot(slots) : defaultTextRender}</div>\n          </div>\n        </div>\n      );\n    };\n  }\n});\n"],"names":["defineProps","percent","type","Number","default","successPercent","status","String","validator","oneOf","progressStatus","hideInfo","Boolean","strokeWidth","strokeColor","Array","textInside","defineComponent","name","components","URender","UIcon","props","emits","progressEmits","setup","emit","slots","prefixCls","useGlobalConfig","patchColor","statusColorMap","normal","active","wrong","success","radius","Math","ceil","len","PI","currentStatus","isStatus","statusIcon","handleStatus","useProgress","watch","nv","ov","value","onMounted","circleStyle","cx","cy","r","transform","gradientRender","undefined","_createVNode","isArray","pathRender","_mergeProps","percentRender","successPercentRender","iconSvg","defaultTextRender","_createTextVNode","getSlot","length"],"mappings":";;;;;;;;;;;;;AAUA,MAAMA,cAAc;AAAA,EAClBC,SAAS;AAAA,IACPC,MAAMC;AAAAA,IACNC,SAAS;AAAA;AACX,EACAC,gBAAgB;AAAA,IACdH,MAAMC;AAAAA,IACNC,SAAS;AAAA;AACX,EACAE,QAAQ;AAAA,IACNJ,MAAMK;AAAAA,IACNH,SAAS;AAAA,IACTI,WAAWC,sBAAMC,4BAAc;AAAA;AACjC,EACAC,UAAU;AAAA,IACRT,MAAMU;AAAAA,IACNR,SAAS;AAAA;AACX,EACAS,aAAa;AAAA,IACXX,MAAMC;AAAAA,IACNC,SAAS;AAAA;AACX,EACAU,aAAa;AAAA,IACXZ,MAAM,CAACK,QAAQQ,KAAK;AAAA;AACtB,EACAC,YAAY;AAAA,IACVd,MAAMU;AAAAA,IACNR,SAAS;AAAA;AAEb;AAEA,cAAea,oBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,YAAY;AAAA,aACVC;AAAAA,WACAC;AAAAA;AACF,EACAC,OAAOtB;AAAAA,EACPuB,OAAOC;AAAAA,EACPC,MAAMH,OAAO;AAAA,IAAEI;AAAAA,WAAMC;AAAAA,KAAS;AAC5B,UAAM;AAAA,MAAEC;AAAAA,QAAcC,2BAAgB,UAAU;AAEhD,UAAMC,aAAa;AACnB,UAAMC,iBAAiD;AAAA,MACrDC,QAAQ;AAAA,MACRC,QAAQ;AAAA,MACRC,OAAO;AAAA,MACPC,SAAS;AAAA;AAEX,UAAMC,SAASC,KAAKC,KAAK,KAAKhB,MAAMT,cAAc,CAAC;AACnD,UAAM0B,MAAMF,KAAKC,KAAKD,KAAKG,KAAK,IAAIJ,MAAM;AAE1C,UAAM;AAAA,MAAEK;AAAAA,MAAeC;AAAAA,MAAUC;AAAAA,MAAYC;AAAAA,QAAiBC,uBAAYvB,OAAO;AAAA,MAAEI;AAAAA,KAAM;AAIzFoB,cACE,MAAMxB,MAAMrB,SACZ,CAAC8C,IAAIC,OAAO;AACV,UAAID,KAAKC,IAAI;AACXJ,qBAAa,IAAI;AAAA,aACZ;AACLA;AAAa;AACf,KAEJ;AACAE,cACE,MAAMxB,MAAMhB,QACXyC,QAAO;AACNN,oBAAcQ,QAAQF;AAAAA,KAE1B;AAEAG,kBAAU,MAAM;AACdN;AAAa,KACd;AAED,UAAMO,cAAc;AAAA,MAClBC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,GAAG;AAAA,MACHC,WAAW;AAAA,MACX,gBAAgBjC,MAAMT;AAAAA,MACtB,kBAAkBS,MAAMrB,YAAY,IAAK,SAAoB;AAAA;AAG/D,WAAO,MAAM;AACX,YAAM;AAAA,QAAEa;AAAAA,QAAaT;AAAAA,QAAgBJ;AAAAA,UAAYqB;AAEjD,YAAMkC,iBACJ1C,gBAAgB2C,SAASC,+BAAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;UAAAA;QAAA;QAAA,cAGW3C,MAAM4C,QAAQrC,MAAMR,WAAW,IAAIQ,MAAMR,YAAY,KAAKQ,MAAMR;AAAAA,gBAAW4C;QAAA;QAAA,cACzE3C,MAAM4C,QAAQrC,MAAMR,WAAW,IAAIQ,MAAMR,YAAY,KAAKQ,MAAMR;AAAAA,qBAGlG;AAEN,YAAM8C,aAAUF,0BAAAG,eAAeV;QAAW,UAAUrB;AAAAA;AACpD,YAAMgC,gBAAaJ,0BAAAG,eAEXV;QAAW,UACP,CAAC7B,MAAMR,eAAe4B,SAASO,QAAQlB,eAAeU,cAAcQ,SAAS;AAAA,QAAoB,oBACvF,GAAGZ,KAAKC,KAAMhB,MAAMrB,UAAU,MAAOsC,GAAG,MAAMA;AAAAA,QAAK,kBACrDF,KAAKC,KAAKhB,MAAMrB,UAAU,GAAG,IAAI,UAAU;AAAA;AAI/D,YAAM8D,uBAAuB1D,iBAAcqD,0BAAAG,eAEnCV;QAAW,UACPpB,eAAeI;AAAAA,QAAO,oBACZ,GAAGE,KAAKC,KAAMhB,MAAMjB,iBAAiB,MAAOkC,GAAG,MAAMA;AAAAA,kBAEvE;AAEJ,YAAMyB,UAAUrB,WAAWM;AAE3B,YAAMgB,oBAAoBvB,SAASO,QAAKS;QAAA,SACzB,GAAG9B,UAAUqB;AAAAA,UAAkBS,gBAAArC;QAAAjB,SAAAA,OAAAsD,gBAAAM;aAAAN;QAAA,SAM/B,GAAG9B,UAAUqB;AAAAA,UAAqBhD,SAAOiE;AAGxD,aAAAR;QAAA,SACc,CAAC,GAAG9B,UAAUqB,SAAS,GAAGrB,UAAUqB,gBAAgB,GAAGrB,UAAUqB,SAASR,cAAcQ,OAAO;AAAA,UAACS;QAAA,SAC9F,GAAG9B,UAAUqB;AAAAA,UAAaS;QAAA;QAAA;QAAA;QAAA;UAEjCF,gBACAI,YACAE,eACAC,oBAAoB,IAAAL;QAAA,SAEX,GAAG9B,UAAUqB;AAAAA,UAAekB,cAAQxC,OAAK,EAAEyC,SAASD,cAAQxC,OAAK,IAAIsC,iBAAiB;;AAI1G;AAEJ,CAAC;;;;"}

package/lib/components/Progress/Progress.js

@@ -48,14 +48,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "stroke-width": _ctx.strokeWidth,
     "stroke-color": _ctx.strokeColor,
     vertical: _ctx.vertical,
-    "text-inside": _ctx.textInside,
-    "data-color": _ctx.color
+    "text-inside": _ctx.textInside
   }, {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["percent", "success-percent", "status", "hide-info", "stroke-width", "stroke-color", "vertical", "text-inside", "data-color"]);
+  }, 8, ["percent", "success-percent", "status", "hide-info", "stroke-width", "stroke-color", "vertical", "text-inside"]);
 }
 var Progress = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Progress/Progress.vue"]]);
 

package/lib/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"wrapperComponent\"\n    :percent=\"percent\"\n    :success-percent=\"successPercent\"\n    :status=\"status\"\n    :hide-info=\"hideInfo\"\n    :stroke-width=\"strokeWidth\"\n    :stroke-color=\"strokeColor\"\n    :vertical=\"vertical\"\n    :text-inside=\"textInside\"\n    :data-color=\"color\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport ULine from './Line.vue';\nimport UCircle from './Circle';\nimport UWater from './Water.vue';\n\nimport { progressProps } from './Progress.type';\n\nexport default defineComponent({\n  name: 'UProgress',\n  components: {\n    ULine,\n    UCircle,\n    UWater\n  },\n  props: progressProps,\n  setup(props) {\n    const wrapperComponent = computed(() => {\n      const { type } = props;\n      let wrapComponent = '';\n      switch (type) {\n        case 'circle':\n          wrapComponent = 'u-circle';\n          break;\n        case 'water':\n          wrapComponent = 'u-water';\n          break;\n        default:\n          wrapComponent = 'u-line';\n      }\n      return wrapComponent;\n    });\n    return {\n      props,\n      wrapperComponent\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","ULine","UCircle","UWater","progressProps","computed","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;AAyBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,aACAC;AAAA,YACAC;AAAA;AACF,EACA,OAAOC;AAAA,EACP,MAAM,OAAO;UACL,mBAAmBC,aAAS,MAAM;YAChC,EAAE,SAAS;UACb,gBAAgB;cACZ;AAAA,aACD;0BACa;;aAEb;0BACa;;;0BAGA;AAAA;aAEb;AAAA,KACR;WACM;AAAA,MACL;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;0BArDCC,gBAaYC,4BAZL,qBAAgB;IACpB,SAAS;IACT,mBAAiB;IACjB,QAAQ;IACR,aAAW;IACX,gBAAc;IACd,gBAAc;IACd,UAAU;IACV,eAAa;IACb,cAAY;;yBAEb,MAAQ;AAAA,MAARC,eAAQ;;;;;;;;;"}
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"wrapperComponent\"\n    :percent=\"percent\"\n    :success-percent=\"successPercent\"\n    :status=\"status\"\n    :hide-info=\"hideInfo\"\n    :stroke-width=\"strokeWidth\"\n    :stroke-color=\"strokeColor\"\n    :vertical=\"vertical\"\n    :text-inside=\"textInside\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport ULine from './Line.vue';\nimport UCircle from './Circle';\nimport UWater from './Water.vue';\n\nimport { progressProps } from './Progress.type';\n\nexport default defineComponent({\n  name: 'UProgress',\n  components: {\n    ULine,\n    UCircle,\n    UWater\n  },\n  props: progressProps,\n  setup(props) {\n    const wrapperComponent = computed(() => {\n      const { type } = props;\n      let wrapComponent = '';\n      switch (type) {\n        case 'circle':\n          wrapComponent = 'u-circle';\n          break;\n        case 'water':\n          wrapComponent = 'u-water';\n          break;\n        default:\n          wrapComponent = 'u-line';\n      }\n      return wrapComponent;\n    });\n    return {\n      props,\n      wrapperComponent\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","ULine","UCircle","UWater","progressProps","computed","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":";;;;;;;;;;;AAwBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,WACVC;AAAA,aACAC;AAAA,YACAC;AAAA;AACF,EACA,OAAOC;AAAA,EACP,MAAM,OAAO;UACL,mBAAmBC,aAAS,MAAM;YAChC,EAAE,SAAS;UACb,gBAAgB;cACZ;AAAA,aACD;0BACa;;aAEb;0BACa;;;0BAGA;AAAA;aAEb;AAAA,KACR;WACM;AAAA,MACL;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;0BApDCC,gBAYYC,4BAXL,qBAAgB;IACpB,SAAS;IACT,mBAAiB;IACjB,QAAQ;IACR,aAAW;IACX,gBAAc;IACd,gBAAc;IACd,UAAU;IACV,eAAa;;yBAEd,MAAQ;AAAA,MAARC,eAAQ;;;;;;;;;"}

package/lib/components/Progress/Progress.type.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { type EmitFn } from '../../utils/globalType';
+import type { EmitFn } from '../../utils/globalType';
 import type Progress from './Progress.vue';
 export declare const progressStatus: readonly ["normal", "active", "wrong", "success"];
 export declare type ProgressStauts = (typeof progressStatus)[number];
@@ -43,11 +43,6 @@ export declare const progressProps: {
         default: string;
         validator: (val: "circle" | "line" | "water") => 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";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
 };
 export declare type ProgressProps = ExtractPropTypes<typeof progressProps>;
 export declare const progressEmits: {

package/lib/components/Progress/Progress.type.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var globalType = require('../../utils/globalType.js');
 var propsValidators = require('../../utils/propsValidators.js');
 
 const progressStatus = ["normal", "active", "wrong", "success"];
@@ -44,11 +43,6 @@ const progressProps = {
     type: String,
     default: "line",
     validator: propsValidators.oneOf(progressType)
-  },
-  color: {
-    type: String,
-    default: void 0,
-    validator: propsValidators.oneOf(globalType.colorType)
   }
 };
 const progressEmits = {

package/lib/components/Progress/Progress.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.type.js","sources":["../../../../src/components/Progress/Progress.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport { colorType, type ColorType, type EmitFn } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Progress from './Progress.vue';\n\nexport const progressStatus = ['normal', 'active', 'wrong', 'success'] as const;\nexport type ProgressStauts = (typeof progressStatus)[number];\nexport const progressType = ['line', 'circle', 'water'] as const;\nexport type ProgressType = (typeof progressType)[number];\n\nexport const progressProps = {\n  percent: {\n    type: Number,\n    default: 0\n  },\n  successPercent: {\n    type: Number,\n    default: 0\n  },\n  status: {\n    type: String as PropType<ProgressStauts>,\n    default: 'normal',\n    validator: oneOf(progressStatus)\n  },\n  hideInfo: {\n    type: Boolean,\n    default: false\n  },\n  strokeWidth: {\n    type: Number,\n    default: 8\n  },\n  strokeColor: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  textInside: {\n    type: Boolean,\n    default: false\n  },\n  type: {\n    type: String as PropType<ProgressType>,\n    default: 'line',\n    validator: oneOf(progressType)\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  }\n};\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>;\n\nexport const progressEmits = {\n  'status-change': (status: ProgressStauts) => progressStatus.includes(status)\n};\n\nexport type ProgressEmits = typeof progressEmits;\n\nexport type ProgressEmit = EmitFn<ProgressEmits>;\n\nexport type ProgressInstanceType = InstanceType<typeof Progress>;\n"],"names":["oneOf","colorType"],"mappings":";;;;;;;MAKa,iBAAiB,CAAC,UAAU,UAAU,SAAS,SAAS;MAExD,eAAe,CAAC,QAAQ,UAAU,OAAO;MAGzC,gBAAgB;AAAA,EAC3B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAM,cAAc;AAAA;AACjC,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM,CAAC,QAAQ,KAAK;AAAA;AACtB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAM,YAAY;AAAA;AAC/B,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAMC,oBAAS;AAAA;AAE9B;MAIa,gBAAgB;AAAA,EAC3B,iBAAiB,CAAC,WAA2B,eAAe,SAAS,MAAM;AAC7E;;;;;;;"}
+{"version":3,"file":"Progress.type.js","sources":["../../../../src/components/Progress/Progress.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { EmitFn } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport type Progress from './Progress.vue';\n\nexport const progressStatus = ['normal', 'active', 'wrong', 'success'] as const;\nexport type ProgressStauts = (typeof progressStatus)[number];\nexport const progressType = ['line', 'circle', 'water'] as const;\nexport type ProgressType = (typeof progressType)[number];\n\nexport const progressProps = {\n  percent: {\n    type: Number,\n    default: 0\n  },\n  successPercent: {\n    type: Number,\n    default: 0\n  },\n  status: {\n    type: String as PropType<ProgressStauts>,\n    default: 'normal',\n    validator: oneOf(progressStatus)\n  },\n  hideInfo: {\n    type: Boolean,\n    default: false\n  },\n  strokeWidth: {\n    type: Number,\n    default: 8\n  },\n  strokeColor: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  textInside: {\n    type: Boolean,\n    default: false\n  },\n  type: {\n    type: String as PropType<ProgressType>,\n    default: 'line',\n    validator: oneOf(progressType)\n  }\n};\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>;\n\nexport const progressEmits = {\n  'status-change': (status: ProgressStauts) => progressStatus.includes(status)\n};\n\nexport type ProgressEmits = typeof progressEmits;\n\nexport type ProgressEmit = EmitFn<ProgressEmits>;\n\nexport type ProgressInstanceType = InstanceType<typeof Progress>;\n"],"names":["oneOf"],"mappings":";;;;;;MAKa,iBAAiB,CAAC,UAAU,UAAU,SAAS,SAAS;MAExD,eAAe,CAAC,QAAQ,UAAU,OAAO;MAGzC,gBAAgB;AAAA,EAC3B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAM,cAAc;AAAA;AACjC,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM,CAAC,QAAQ,KAAK;AAAA;AACtB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAM,YAAY;AAAA;AAEjC;MAIa,gBAAgB;AAAA,EAC3B,iBAAiB,CAAC,WAA2B,eAAe,SAAS,MAAM;AAC7E;;;;;;;"}

package/lib/components/Progress/Progress.vue.d.ts

@@ -36,11 +36,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (val: "circle" | "line" | "water") => 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;
-    };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         percent: {
@@ -80,11 +75,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: string;
             validator: (val: "circle" | "line" | "water") => 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<{}> & {}>;
     wrapperComponent: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -125,13 +115,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (val: "circle" | "line" | "water") => 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<{}>, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     percent: number;
     status: "success" | "normal" | "active" | "wrong";
     type: "circle" | "line" | "water";

package/lib/components/Progress/index.d.ts

@@ -37,11 +37,6 @@ export declare const UProgress: {
             default: string;
             validator: (val: "circle" | "line" | "water") => 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<{}>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             percent: {
@@ -81,15 +76,9 @@ export declare const UProgress: {
                 default: string;
                 validator: (val: "circle" | "line" | "water") => 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<{}> & {}>;
         wrapperComponent: import("vue").ComputedRef<string>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         percent: number;
         status: "success" | "normal" | "active" | "wrong";
         type: "circle" | "line" | "water";
@@ -652,11 +641,6 @@ export declare const UProgress: {
             default: string;
             validator: (val: "circle" | "line" | "water") => 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<{}>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             percent: {
@@ -696,15 +680,9 @@ export declare const UProgress: {
                 default: string;
                 validator: (val: "circle" | "line" | "water") => 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<{}> & {}>;
         wrapperComponent: import("vue").ComputedRef<string>;
     }, {}, {}, {}, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         percent: number;
         status: "success" | "normal" | "active" | "wrong";
         type: "circle" | "line" | "water";
@@ -755,11 +733,6 @@ export declare const UProgress: {
         default: string;
         validator: (val: "circle" | "line" | "water") => 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<{}>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         percent: {
@@ -799,15 +772,9 @@ export declare const UProgress: {
             default: string;
             validator: (val: "circle" | "line" | "water") => 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<{}> & {}>;
     wrapperComponent: import("vue").ComputedRef<string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     percent: number;
     status: "success" | "normal" | "active" | "wrong";
     type: "circle" | "line" | "water";

package/lib/components/Select/RefSelect.vue.d.ts

@@ -3737,6 +3737,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -3753,6 +3754,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
             change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, import("vue").PublicProps, {
             name: string;
             disabled: boolean;
@@ -3933,6 +3935,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -3989,6 +3992,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
@@ -4005,6 +4009,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
         change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+        click: (ev: Event) => boolean;
     }, string, {
         name: string;
         disabled: boolean;
@@ -4431,6 +4436,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => boolean;
                 change: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
                     type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -4462,6 +4468,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("@koi-design/uxd-ui/es/components/Checkbox").CheckboxValueType) => any;
             }>, {
                 name: string;