@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/Collapse/Panel.vue.d.ts

@@ -178,7 +178,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<any[]> & Record<string, any>;
     CollapseTransition: {
         (props: {
             appear: boolean;

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

@@ -14,7 +14,7 @@ export declare const UCollapse: {
         };
         expandIcon: {
             type: import("vue").PropType<import("../..").IconPropType>;
-            default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         };
         expandIconPosition: {
             type: import("vue").PropType<"right" | "left">;
@@ -40,7 +40,7 @@ export declare const UCollapse: {
     }, import("vue").PublicProps, {
         simple: boolean;
         accordion: boolean;
-        expandIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         expandIconPosition: "right" | "left";
         clickHeader: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -64,7 +64,7 @@ export declare const UCollapse: {
         };
         expandIcon: {
             type: import("vue").PropType<import("../..").IconPropType>;
-            default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         };
         expandIconPosition: {
             type: import("vue").PropType<"right" | "left">;
@@ -87,7 +87,7 @@ export declare const UCollapse: {
     }, {}, {}, {}, {
         simple: boolean;
         accordion: boolean;
-        expandIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         expandIconPosition: "right" | "left";
         clickHeader: boolean;
     }>;
@@ -108,7 +108,7 @@ export declare const UCollapse: {
     };
     expandIcon: {
         type: import("vue").PropType<import("../..").IconPropType>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     };
     expandIconPosition: {
         type: import("vue").PropType<"right" | "left">;
@@ -134,10 +134,10 @@ export declare const UCollapse: {
 }, string, {
     simple: boolean;
     accordion: boolean;
-    expandIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    expandIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     expandIconPosition: "right" | "left";
     clickHeader: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
     Panel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         disabled: {
             type: BooleanConstructor;
@@ -318,7 +318,7 @@ export declare const UCollapse: {
         }, 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<any[]> & Record<string, any>;
         CollapseTransition: {
             (props: {
                 appear: boolean;

package/lib/components/ColorPicker/ColorPicker.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var uxdIcon = require('@koi-design/uxd-icon');
+var lucideVueNext = require('lucide-vue-next');
 require('../Popup/index.js');
 var index = require('../Icon/index.js');
 var index$2 = require('../Button/index.js');
@@ -31,7 +31,7 @@ const _sfc_main = vue.defineComponent({
     SvPanel: SvPanel["default"],
     AlphaSlider: AlphaSlider["default"],
     PreColors: PreColors["default"],
-    ULineDown: uxdIcon.ULineDown
+    ChevronDown: lucideVueNext.ChevronDown
   },
   inheritAttrs: false,
   props: ColorPicker_type.colorPickerProps,
@@ -153,7 +153,7 @@ const _sfc_main = vue.defineComponent({
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ULineDown = vue.resolveComponent("ULineDown");
+  const _component_ChevronDown = vue.resolveComponent("ChevronDown");
   const _component_UIcon = vue.resolveComponent("UIcon");
   const _component_SvPanel = vue.resolveComponent("SvPanel");
   const _component_HueSlider = vue.resolveComponent("HueSlider");
@@ -270,7 +270,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           vue.createVNode(_component_UIcon, null, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_ULineDown)
+              vue.createVNode(_component_ChevronDown)
             ]),
             _: 1
           })
@@ -282,7 +282,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["trigger", "prefix-cls", "popup-class", "popup-style", "visible", "disabled", "onPopupVisibleChange"]);
 }
-var ColorPicker = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\ColorPicker\\ColorPicker.vue"]]);
+var ColorPicker = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/ColorPicker/ColorPicker.vue"]]);
 
 exports["default"] = ColorPicker;
 //# sourceMappingURL=ColorPicker.js.map

package/lib/components/ColorPicker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.vue"],"sourcesContent":["<template>\n  <Popup\n    :trigger=\"disabled ? [] : ['click']\"\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :popup-class=\"popupClass\"\n    :popup-style=\"popupStyle\"\n    :visible=\"stateOpen\"\n    :disabled=\"disabled\"\n    placement=\"bottom-start\"\n    transition-name=\"slide-up\"\n    @popup-visible-change=\"onPopupVisibleChange\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :class=\"{\n        [`${prefixCls}`]: true,\n        [`${prefixCls}-${size}`]: true,\n        [`${prefixCls}-disabled`]: disabled\n      }\"\n    >\n      <span :class=\"`${prefixCls}-color`\">\n        <span\n          :class=\"`${prefixCls}-color-inner`\"\n          :style=\"{\n            backgroundColor: displayColor\n          }\"\n        />\n        <span v-if=\"modelValue === emptyValue && !showPanelColor\" :class=\"`${prefixCls}-empty`\" />\n      </span>\n      <span v-show=\"modelValue !== emptyValue || showPanelColor\" :class=\"`${prefixCls}-icon`\">\n        <UIcon>\n          <ULineDown />\n        </UIcon>\n      </span>\n    </div>\n    <template #popup>\n      <div v-if=\"!onlyPreColors\" :class=\"`${prefixCls}-hue-content`\">\n        <SvPanel ref=\"panelRef\" :prefix-cls=\"`${prefixCls}-sv-panel`\" :color=\"color\" />\n        <HueSlider ref=\"hueRef\" :prefix-cls=\"`${prefixCls}-hue-slider`\" :color=\"color\" />\n      </div>\n      <AlphaSlider v-if=\"showAlpha && !onlyPreColors\" ref=\"alphaRef\" :prefix-cls=\"`${prefixCls}-alpha-slider`\" :color=\"color\" />\n      <PreColors v-if=\"preColors\" ref=\"preRef\" :prefix-cls=\"`${prefixCls}-pre-colors`\" :color=\"color\" :colors=\"preColors\" />\n      <div :class=\"`${prefixCls}-dropdown-footer`\">\n        <span :class=\"`${prefixCls}-dropdown-input-content`\">\n          <UInput v-model=\"inputValue\" size=\"small\" @enter=\"handleInputChange\" @blur=\"handleInputChange\" />\n        </span>\n        <div :class=\"`${prefixCls}-dropdown-button-content`\">\n          <UButton :class=\"`${prefixCls}-dropdown-button`\" size=\"small\" @click=\"handleClear\">\n            {{ locale.clear }}\n          </UButton>\n          <UButton :class=\"`${prefixCls}-dropdown-button`\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">\n            {{ locale.ok }}\n          </UButton>\n        </div>\n      </div>\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, ref, inject, watch, nextTick } from 'vue';\nimport { ULineDown } from '@koi-design/uxd-icon';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UButton from '@uxd-ui/components/Button';\nimport UInput from '@uxd-ui/components/Input';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport HueSlider from './units/HueSlider.vue';\nimport SvPanel from './units/SvPanel.vue';\nimport AlphaSlider from './units/AlphaSlider.vue';\nimport PreColors from './units/PreColors.vue';\nimport Color from './color';\nimport { FormItemKey } from '../Form';\nimport { colorPickerProps, colorPickerEmits } from './ColorPicker.type';\nimport type { FormItemContext } from '../Form/Form.type';\n\nexport default defineComponent({\n  name: 'UColorPicker',\n  components: {\n    Popup,\n    UIcon,\n    UInput,\n    UButton,\n    HueSlider,\n    SvPanel,\n    AlphaSlider,\n    PreColors,\n    ULineDown\n  },\n  inheritAttrs: false,\n  props: colorPickerProps,\n  emits: colorPickerEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('color-picker');\n    const hueRef = ref<InstanceType<typeof HueSlider> | null>(null);\n    const panelRef = ref<InstanceType<typeof SvPanel> | null>(null);\n    const alphaRef = ref<InstanceType<typeof AlphaSlider> | null>(null);\n    const preRef = ref<InstanceType<typeof PreColors> | null>(null);\n    const stateOpen = ref(false);\n    const showPanelColor = ref(false);\n    const color = reactive(new Color(props.modelValue));\n    const inputValue = ref(props.modelValue);\n\n    const format = computed(() => {\n      if (!props.format) {\n        return props.showAlpha ? 'rgba' : 'hex';\n      }\n      return props.format !== 'hex' ? `${props.format}a` : 'hex';\n    });\n\n    const locale = computed(() => {\n      return globalConfig.locale.colorPicker;\n    });\n\n    const displayColor = computed(() => {\n      if (!props.modelValue && !showPanelColor.value) {\n        return 'transparent';\n      }\n      return props.showAlpha ? color.format('rgba') : color.format('rgb');\n    });\n\n    watch(\n      () => props.modelValue,\n      () => {\n        color.fromString(props.modelValue);\n      }\n    );\n\n    watch(\n      () => [color.hue, color.saturation, color.value, color.alpha],\n      () => {\n        if (!showPanelColor.value && stateOpen.value) {\n          showPanelColor.value = true;\n        }\n        const value = color.format(format.value);\n        inputValue.value = value;\n        emit('active-change', value);\n      }\n    );\n\n    watch(stateOpen, (_open) => {\n      if (_open) {\n        nextTick(() => {\n          inputValue.value = props.modelValue;\n          if (panelRef.value) {\n            (panelRef.value as any).updateState();\n          }\n          if (hueRef.value) {\n            (hueRef.value as any).updateState();\n          }\n          if (alphaRef.value) {\n            (alphaRef.value as any).updateState();\n          }\n        });\n      }\n    });\n\n    const setOpen = (_open: boolean) => {\n      stateOpen.value = _open;\n      emit('open-change', _open);\n    };\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const setValue = (value?: string) => {\n      emit('update:modelValue', value);\n      emit('change', value);\n      if (onFieldChange) {\n        onFieldChange(value);\n      }\n    };\n\n    const resetColor = () => {\n      nextTick(() => {\n        if (props.modelValue) {\n          color.fromString(props.modelValue);\n        }\n        showPanelColor.value = false;\n      });\n    };\n\n    const onPopupVisibleChange = (val: boolean) => {\n      setOpen(val);\n      if (!val) {\n        resetColor();\n      }\n    };\n\n    const handleInputChange = (e: any) => {\n      color.fromString(e.target.value);\n    };\n\n    const handleClear = () => {\n      setValue(props.emptyValue);\n      resetColor();\n      setOpen(false);\n    };\n\n    const handleConfirm = () => {\n      const formatValue = color.format(format.value);\n      setValue(formatValue);\n      setOpen(false);\n    };\n\n    return {\n      prefixCls,\n      hueRef,\n      panelRef,\n      alphaRef,\n      preRef,\n      stateOpen,\n      color,\n      inputValue,\n      showPanelColor,\n      locale,\n      displayColor,\n      handleInputChange,\n      handleClear,\n      handleConfirm,\n      onPopupVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Popup","UIcon","UInput","UButton","HueSlider","SvPanel","AlphaSlider","PreColors","ULineDown","colorPickerProps","colorPickerEmits","useGlobalConfig","ref","color","reactive","Color","computed","inject","FormItemKey","_createBlock","_withCtx","_createElementBlock","_normalizeClass","_createVNode","_createElementVNode","_mergeProps","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.vue"],"sourcesContent":["<template>\n  <Popup\n    :trigger=\"disabled ? [] : ['click']\"\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :popup-class=\"popupClass\"\n    :popup-style=\"popupStyle\"\n    :visible=\"stateOpen\"\n    :disabled=\"disabled\"\n    placement=\"bottom-start\"\n    transition-name=\"slide-up\"\n    @popup-visible-change=\"onPopupVisibleChange\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :class=\"{\n        [`${prefixCls}`]: true,\n        [`${prefixCls}-${size}`]: true,\n        [`${prefixCls}-disabled`]: disabled\n      }\"\n    >\n      <span :class=\"`${prefixCls}-color`\">\n        <span\n          :class=\"`${prefixCls}-color-inner`\"\n          :style=\"{\n            backgroundColor: displayColor\n          }\"\n        />\n        <span v-if=\"modelValue === emptyValue && !showPanelColor\" :class=\"`${prefixCls}-empty`\" />\n      </span>\n      <span v-show=\"modelValue !== emptyValue || showPanelColor\" :class=\"`${prefixCls}-icon`\">\n        <UIcon>\n          <ChevronDown />\n        </UIcon>\n      </span>\n    </div>\n    <template #popup>\n      <div v-if=\"!onlyPreColors\" :class=\"`${prefixCls}-hue-content`\">\n        <SvPanel ref=\"panelRef\" :prefix-cls=\"`${prefixCls}-sv-panel`\" :color=\"color\" />\n        <HueSlider ref=\"hueRef\" :prefix-cls=\"`${prefixCls}-hue-slider`\" :color=\"color\" />\n      </div>\n      <AlphaSlider v-if=\"showAlpha && !onlyPreColors\" ref=\"alphaRef\" :prefix-cls=\"`${prefixCls}-alpha-slider`\" :color=\"color\" />\n      <PreColors v-if=\"preColors\" ref=\"preRef\" :prefix-cls=\"`${prefixCls}-pre-colors`\" :color=\"color\" :colors=\"preColors\" />\n      <div :class=\"`${prefixCls}-dropdown-footer`\">\n        <span :class=\"`${prefixCls}-dropdown-input-content`\">\n          <UInput v-model=\"inputValue\" size=\"small\" @enter=\"handleInputChange\" @blur=\"handleInputChange\" />\n        </span>\n        <div :class=\"`${prefixCls}-dropdown-button-content`\">\n          <UButton :class=\"`${prefixCls}-dropdown-button`\" size=\"small\" @click=\"handleClear\">\n            {{ locale.clear }}\n          </UButton>\n          <UButton :class=\"`${prefixCls}-dropdown-button`\" size=\"small\" type=\"primary\" @click=\"handleConfirm\">\n            {{ locale.ok }}\n          </UButton>\n        </div>\n      </div>\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, reactive, ref, inject, watch, nextTick } from 'vue';\nimport { ChevronDown } from 'lucide-vue-next';\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UButton from '@uxd-ui/components/Button';\nimport UInput from '@uxd-ui/components/Input';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport HueSlider from './units/HueSlider.vue';\nimport SvPanel from './units/SvPanel.vue';\nimport AlphaSlider from './units/AlphaSlider.vue';\nimport PreColors from './units/PreColors.vue';\nimport Color from './color';\nimport { FormItemKey } from '../Form';\nimport { colorPickerProps, colorPickerEmits } from './ColorPicker.type';\nimport type { FormItemContext } from '../Form/Form.type';\n\nexport default defineComponent({\n  name: 'UColorPicker',\n  components: {\n    Popup,\n    UIcon,\n    UInput,\n    UButton,\n    HueSlider,\n    SvPanel,\n    AlphaSlider,\n    PreColors,\n    ChevronDown\n  },\n  inheritAttrs: false,\n  props: colorPickerProps,\n  emits: colorPickerEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('color-picker');\n    const hueRef = ref<InstanceType<typeof HueSlider> | null>(null);\n    const panelRef = ref<InstanceType<typeof SvPanel> | null>(null);\n    const alphaRef = ref<InstanceType<typeof AlphaSlider> | null>(null);\n    const preRef = ref<InstanceType<typeof PreColors> | null>(null);\n    const stateOpen = ref(false);\n    const showPanelColor = ref(false);\n    const color = reactive(new Color(props.modelValue));\n    const inputValue = ref(props.modelValue);\n\n    const format = computed(() => {\n      if (!props.format) {\n        return props.showAlpha ? 'rgba' : 'hex';\n      }\n      return props.format !== 'hex' ? `${props.format}a` : 'hex';\n    });\n\n    const locale = computed(() => {\n      return globalConfig.locale.colorPicker;\n    });\n\n    const displayColor = computed(() => {\n      if (!props.modelValue && !showPanelColor.value) {\n        return 'transparent';\n      }\n      return props.showAlpha ? color.format('rgba') : color.format('rgb');\n    });\n\n    watch(\n      () => props.modelValue,\n      () => {\n        color.fromString(props.modelValue);\n      }\n    );\n\n    watch(\n      () => [color.hue, color.saturation, color.value, color.alpha],\n      () => {\n        if (!showPanelColor.value && stateOpen.value) {\n          showPanelColor.value = true;\n        }\n        const value = color.format(format.value);\n        inputValue.value = value;\n        emit('active-change', value);\n      }\n    );\n\n    watch(stateOpen, (_open) => {\n      if (_open) {\n        nextTick(() => {\n          inputValue.value = props.modelValue;\n          if (panelRef.value) {\n            (panelRef.value as any).updateState();\n          }\n          if (hueRef.value) {\n            (hueRef.value as any).updateState();\n          }\n          if (alphaRef.value) {\n            (alphaRef.value as any).updateState();\n          }\n        });\n      }\n    });\n\n    const setOpen = (_open: boolean) => {\n      stateOpen.value = _open;\n      emit('open-change', _open);\n    };\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const setValue = (value?: string) => {\n      emit('update:modelValue', value);\n      emit('change', value);\n      if (onFieldChange) {\n        onFieldChange(value);\n      }\n    };\n\n    const resetColor = () => {\n      nextTick(() => {\n        if (props.modelValue) {\n          color.fromString(props.modelValue);\n        }\n        showPanelColor.value = false;\n      });\n    };\n\n    const onPopupVisibleChange = (val: boolean) => {\n      setOpen(val);\n      if (!val) {\n        resetColor();\n      }\n    };\n\n    const handleInputChange = (e: any) => {\n      color.fromString(e.target.value);\n    };\n\n    const handleClear = () => {\n      setValue(props.emptyValue);\n      resetColor();\n      setOpen(false);\n    };\n\n    const handleConfirm = () => {\n      const formatValue = color.format(format.value);\n      setValue(formatValue);\n      setOpen(false);\n    };\n\n    return {\n      prefixCls,\n      hueRef,\n      panelRef,\n      alphaRef,\n      preRef,\n      stateOpen,\n      color,\n      inputValue,\n      showPanelColor,\n      locale,\n      displayColor,\n      handleInputChange,\n      handleClear,\n      handleConfirm,\n      onPopupVisibleChange\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","Popup","UIcon","UInput","UButton","HueSlider","SvPanel","AlphaSlider","PreColors","ChevronDown","colorPickerProps","colorPickerEmits","useGlobalConfig","ref","color","reactive","Color","computed","inject","FormItemKey","_createBlock","_withCtx","_createElementBlock","_normalizeClass","_createVNode","_createElementVNode","_mergeProps","_normalizeStyle"],"mappings":"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"}

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

@@ -652,9 +652,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onMouseleave?: (e: Event) => any;
         "onContext-menu"?: (e: Event) => any;
     }>, {
+        offset: number[];
         visible: boolean;
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
-        offset: number[];
         popupStyle: import("vue").CSSProperties;
         trigger: ("click" | "hover" | "focus" | "contextmenu")[];
         mouseEnterDelay: number;
@@ -803,7 +803,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<any[]> & Record<string, any>;
     UInput: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             type: {
@@ -812,15 +812,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 validator: (val: "number" | "text" | "textarea" | "password") => boolean;
             };
             variant: {
-                type: import("vue").PropType<"surface" | "soft">;
+                type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
                 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";
-                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-            };
             modelValue: {
                 type: (StringConstructor | NumberConstructor)[];
             };
@@ -982,13 +977,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             focus: (ev: Event) => boolean;
             blur: (ev: Event) => boolean;
         }, import("vue").PublicProps, {
-            color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             type: "number" | "text" | "textarea" | "password";
             search: boolean;
             required: boolean;
             size: "small" | "default" | "large";
             disabled: boolean;
-            variant: "surface" | "soft";
+            variant: "surface" | "soft" | "borderless" | "underline";
             placeholder: string;
             autosize: boolean | import("@koi-design/uxd-ui/es/components/Input").AutoSizeObject;
             rows: number;
@@ -1137,11 +1131,11 @@ 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>;
-            URoundSearch: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            URoundCloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            URoundEyeOpen: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            URoundEyeOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+            Search: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            Eye: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+            EyeOff: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1156,15 +1150,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 validator: (val: "number" | "text" | "textarea" | "password") => boolean;
             };
             variant: {
-                type: import("vue").PropType<"surface" | "soft">;
+                type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
                 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";
-                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-            };
             modelValue: {
                 type: (StringConstructor | NumberConstructor)[];
             };
@@ -1315,13 +1304,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             handleSearch: () => void;
             handleToggleShowPassword: () => void;
         }, {}, {}, {}, {
-            color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             type: "number" | "text" | "textarea" | "password";
             search: boolean;
             required: boolean;
             size: "small" | "default" | "large";
             disabled: boolean;
-            variant: "surface" | "soft";
+            variant: "surface" | "soft" | "borderless" | "underline";
             placeholder: string;
             autosize: boolean | import("@koi-design/uxd-ui/es/components/Input").AutoSizeObject;
             rows: number;
@@ -1350,15 +1338,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             validator: (val: "number" | "text" | "textarea" | "password") => boolean;
         };
         variant: {
-            type: import("vue").PropType<"surface" | "soft">;
+            type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
             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";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
         modelValue: {
             type: (StringConstructor | NumberConstructor)[];
         };
@@ -1520,13 +1503,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         focus: (ev: Event) => boolean;
         blur: (ev: Event) => boolean;
     }, string, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         type: "number" | "text" | "textarea" | "password";
         search: boolean;
         required: boolean;
         size: "small" | "default" | "large";
         disabled: boolean;
-        variant: "surface" | "soft";
+        variant: "surface" | "soft" | "borderless" | "underline";
         placeholder: string;
         autosize: boolean | import("@koi-design/uxd-ui/es/components/Input").AutoSizeObject;
         rows: number;
@@ -1675,12 +1657,12 @@ 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>;
-        URoundSearch: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        URoundCloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        URoundEyeOpen: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        URoundEyeOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        Search: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        Eye: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+        EyeOff: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
     UButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             type: {
@@ -1895,7 +1877,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<any[]> & Record<string, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -2200,8 +2182,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"small" | "default" | "large">;
@@ -2360,6 +2342,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         prefixCls: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    ULineDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ChevronDown: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;