ep-craft 0.1.39 → 0.1.41

package/dist/components/collection/src/collection.d.ts

@@ -1,5 +1,5 @@
 import type { InjectionKey, SetupContext } from 'vue';
-import type { ElCollectionInjectionContext, ElCollectionItemInjectionContext } from './tokens';
+import type { ElCollectionInjectionContext, ElCollectionItemInjectionContext } from './tokens.js';
 export declare const COLLECTION_ITEM_SIGN = "data-el-collection-item";
 export declare const createCollectionWithScope: (name: string) => {
     COLLECTION_INJECTION_KEY: InjectionKey<ElCollectionInjectionContext>;

package/dist/components/color-picker/EpColorPicker.vue.d.ts

@@ -1,5 +1,5 @@
-import Color from '../color-picker-panel/utils/color';
-import type { ColorPickerProps } from './color-picker';
+import Color from '../color-picker-panel/utils/color.js';
+import type { ColorPickerProps } from './color-picker.js';
 declare function show(): void;
 declare function hide(): void;
 declare function focus(): void;

package/dist/components/color-picker/EpColorPicker.vue.js

@@ -3,25 +3,19 @@ import { pick as Oe, debounce as Be } from "lodash-unified";
 import { ElIcon as W } from "../icon/index.js";
 import { reactiveComputed as Se } from "@vueuse/core";
 import Ne from "../../directives/click-outside/index.js";
+import { ElTooltip as De } from "../tooltip/index.js";
+import { EpButton as X } from "../button/index.js";
+import { useNamespace as Fe } from "../../hooks/use-namespace/index.js";
+import { useLocale as Te } from "../../hooks/use-locale/index.js";
 import { NOOP as A } from "@vue/shared";
-import { getEventCode as De } from "../../utils/dom/event.js";
-import { ArrowDown as Fe, Close as Te } from "@element-plus/icons-vue";
-import { EVENT_CODE as S } from "../../constants/aria.js";
-import { UPDATE_MODEL_EVENT as X, CHANGE_EVENT as Z } from "../../constants/event.js";
-import "normalize-wheel-es";
-import { ElTooltip as Ae } from "../tooltip/index.js";
-import { EpButton as _ } from "../button/index.js";
-import "../form/index.js";
-import { useNamespace as xe } from "../../hooks/use-namespace/index.js";
-import { useLocale as $e } from "../../hooks/use-locale/index.js";
+import { getEventCode as Ae } from "../../utils/dom/event.js";
 import "../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../../hooks/use-delayed-toggle/index.js";
 import "../../hooks/use-aria/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import { useEmptyValues as Le } from "../../hooks/use-empty-values/index.js";
-import { useFocusController as ze } from "../../hooks/use-focus-controller/index.js";
+import { useEmptyValues as xe } from "../../hooks/use-empty-values/index.js";
+import { useFocusController as $e } from "../../hooks/use-focus-controller/index.js";
+import { EVENT_CODE as S } from "../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as Z, CHANGE_EVENT as _ } from "../../constants/event.js";
+import { ArrowDown as Le, Close as ze } from "@element-plus/icons-vue";
 import { colorPickerEmits as Re, colorPickerPropsDefaults as Ke } from "./color-picker.js";
 import Ie from "../color-picker-panel/EpColorPickerPanel.vue.js";
 import { colorPickerPanelProps as Me, ROOT_COMMON_COLOR_INJECTION_KEY as je } from "../color-picker-panel/color-picker-panel.js";
@@ -29,7 +23,7 @@ import He from "../color-picker-panel/utils/color.js";
 import { useCommonColor as Ge } from "../color-picker-panel/composables/use-common-color.js";
 import { useFormItem as Je, useFormItemInputId as Ue } from "../form/src/hooks/use-form-item.js";
 import { useFormSize as Ye, useFormDisabled as qe } from "../form/src/hooks/use-form-common-props.js";
-const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"], So = /* @__PURE__ */ ge({
+const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"], Eo = /* @__PURE__ */ ge({
   name: "EpColorPicker",
   __name: "EpColorPicker",
   props: /* @__PURE__ */ Pe({
@@ -54,11 +48,11 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
   }, Ke),
   emits: Re,
   setup(i, { expose: ee, emit: oe }) {
-    const l = i, c = oe, { t: w } = $e(), t = xe("color"), { formItem: r } = Je(), le = Ye(), m = qe(), { valueOnClear: V, isEmptyValue: ae } = Le(l, null), x = Ge(l, c), { inputId: te, isLabeledByFormItem: $ } = Ue(l, {
+    const l = i, c = oe, { t: w } = Te(), t = Fe("color"), { formItem: r } = Je(), le = Ye(), m = qe(), { valueOnClear: V, isEmptyValue: ae } = xe(l, null), x = Ge(l, c), { inputId: te, isLabeledByFormItem: $ } = Ue(l, {
       formItemContext: r
     }), L = g(), h = g(), u = g(), v = g(!1), s = g(!1);
     let N = !0;
-    const { isFocused: z, handleFocus: R, handleBlur: K } = ze(h, {
+    const { isFocused: z, handleFocus: R, handleBlur: K } = $e(h, {
       disabled: m,
       beforeBlur(e) {
         var a;
@@ -107,7 +101,7 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
     }
     function fe() {
       const e = ae(n.value) ? V.value : n.value;
-      c(X, e), c(Z, e), l.validateEvent && (r == null || r.validate("change").catch(A)), P(!1), O(() => {
+      c(Z, e), c(_, e), l.validateEvent && (r == null || r.validate("change").catch(A)), P(!1), O(() => {
         const a = new He({
           enableAlpha: l.showAlpha,
           format: l.colorFormat || "",
@@ -117,7 +111,7 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
       });
     }
     function me() {
-      P(!1), c(X, V.value), c(Z, V.value), l.modelValue !== V.value && l.validateEvent && (r == null || r.validate("change").catch(A)), b(), c("clear");
+      P(!1), c(Z, V.value), c(_, V.value), l.modelValue !== V.value && l.validateEvent && (r == null || r.validate("change").catch(A)), b(), c("clear");
     }
     function ve() {
       var e, a;
@@ -130,7 +124,7 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
       e.preventDefault(), e.stopPropagation(), C(!1), b();
     }
     function ke(e) {
-      switch (De(e)) {
+      switch (Ae(e)) {
         case S.enter:
         case S.numpadEnter:
         case S.space:
@@ -188,7 +182,7 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
        * @description blur the input element
        */
       blur: he
-    }), (e, a) => (D(), F(o(Ae), {
+    }), (e, a) => (D(), F(o(De), {
       ref_key: "popper",
       ref: L,
       visible: v.value,
@@ -222,7 +216,7 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
         }), {
           footer: d(() => [
             y("div", null, [
-              i.clearable ? (D(), F(o(_), {
+              i.clearable ? (D(), F(o(X), {
                 key: 0,
                 class: f(o(t).be("footer", "link-btn")),
                 text: "",
@@ -234,7 +228,7 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
                 ]),
                 _: 1
               }, 8, ["class"])) : Ve("", !0),
-              E(o(_), {
+              E(o(X), {
                 plain: "",
                 size: "small",
                 class: f(o(t).be("footer", "btn")),
@@ -288,7 +282,7 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
                   class: f([o(t).be("picker", "icon"), o(t).is("icon-arrow-down")])
                 }, {
                   default: d(() => [
-                    E(o(Fe))
+                    E(o(Le))
                   ]),
                   _: 1
                 }, 8, ["class"]), [
@@ -298,7 +292,7 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
                   class: f([o(t).be("picker", "empty"), o(t).is("icon-close")])
                 }, {
                   default: d(() => [
-                    E(o(Te))
+                    E(o(ze))
                   ]),
                   _: 1
                 }, 8, ["class"]), [
@@ -314,5 +308,5 @@ const Qe = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-dis
   }
 });
 export {
-  So as default
+  Eo as default
 };

package/dist/components/color-picker/color-picker.d.ts

@@ -1,9 +1,9 @@
 import type { ExtractPublicPropTypes } from 'vue';
 import type { ColorFormats } from '@ctrl/tinycolor';
-import type ColorPicker from './EpColorPicker.vue';
-import type { AriaProps, UseEmptyValuesProps } from '../../hooks/index';
-import type { ComponentSize } from '../../constants/index';
-import type { ElTooltipContentProps } from '../tooltip/index';
+import type ColorPicker from './EpColorPicker.vue.js';
+import type { AriaProps, UseEmptyValuesProps } from '../../hooks/index.js';
+import type { ComponentSize } from '../../constants/index.js';
+import type { ElTooltipContentProps } from '../tooltip/index.js';
 export interface ColorPickerProps extends UseEmptyValuesProps, Pick<AriaProps, 'ariaLabel'> {
     /**
      * @description when color-picker inactive and persistent is false, the color panel will be destroyed
@@ -72,27 +72,27 @@ export interface ColorPickerProps extends UseEmptyValuesProps, Pick<AriaProps, '
 export declare const colorPickerProps: {
     readonly ariaLabel: StringConstructor;
     readonly emptyValues: ArrayConstructor;
-    readonly valueOnClear: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
-    readonly persistent: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly modelValue: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly valueOnClear: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly persistent: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly modelValue: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown, undefined, boolean>;
     readonly id: StringConstructor;
     readonly showAlpha: BooleanConstructor;
     readonly colorFormat: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => "name" | "hex" | "rgb" | "prgb" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats) | (((new (...args: any[]) => "name" | "hex" | "rgb" | "prgb" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => "name" | "hex" | "rgb" | "prgb" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats) | (((new (...args: any[]) => "name" | "hex" | "rgb" | "prgb" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly disabled: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly clearable: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly disabled: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly clearable: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly size: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly popperClass: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | {
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | {
             [x: string]: boolean;
         } | (string | {
             [x: string]: boolean;
@@ -193,11 +193,11 @@ export declare const colorPickerProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly popperStyle: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
-    readonly tabindex: import("../../utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
-    readonly teleported: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperStyle: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    readonly teleported: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly appendTo: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -208,7 +208,7 @@ export declare const colorPickerProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly validateEvent: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly validateEvent: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export declare const colorPickerEmits: {
     "update:modelValue": (val: string | null) => boolean;

package/dist/components/color-picker/color-picker.js

@@ -1,20 +1,14 @@
 import { isNil as t } from "lodash-unified";
-import { isString as r } from "@vue/shared";
-import "@vueuse/core";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as l } from "../../constants/event.js";
-import "@element-plus/icons-vue";
-import { buildProps as a, definePropType as p } from "../../utils/vue/props/runtime.js";
+import { buildProps as i, definePropType as r } from "../../utils/vue/props/runtime.js";
 import "vue";
-import { useSizeProp as s } from "../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../../hooks/use-delayed-toggle/index.js";
-import { useAriaProps as n } from "../../hooks/use-aria/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import { useEmptyValuesProps as d } from "../../hooks/use-empty-values/index.js";
-import "../tooltip/index.js";
+import "@vueuse/core";
+import { useSizeProp as l } from "../../hooks/use-size/index.js";
+import { useAriaProps as a } from "../../hooks/use-aria/index.js";
+import { useEmptyValuesProps as s } from "../../hooks/use-empty-values/index.js";
+import { CHANGE_EVENT as n, UPDATE_MODEL_EVENT as d } from "../../constants/event.js";
 import { useTooltipContentProps as o } from "../tooltip/src/content.js";
-const V = a({
+import { isString as p } from "@vue/shared";
+const T = i({
   /**
    * @description when color-picker inactive and persistent is false, the color panel will be destroyed
    */
@@ -26,7 +20,7 @@ const V = a({
    * @description binding value
    */
   modelValue: {
-    type: p(String),
+    type: r(String),
     default: void 0
   },
   /**
@@ -41,7 +35,7 @@ const V = a({
    * @description color format of v-model
    */
   colorFormat: {
-    type: p(String)
+    type: r(String)
   },
   /**
    * @description whether to disable the ColorPicker
@@ -60,7 +54,7 @@ const V = a({
   /**
    * @description size of ColorPicker
    */
-  size: s,
+  size: l,
   /**
    * @description custom class name for ColorPicker's dropdown
    */
@@ -88,7 +82,7 @@ const V = a({
    * @description predefined color options
    */
   predefine: {
-    type: p(Array)
+    type: r(Array)
   },
   /**
    * @description whether to trigger form validation
@@ -97,16 +91,16 @@ const V = a({
     type: Boolean,
     default: !0
   },
-  ...d,
-  ...n(["ariaLabel"])
-}), h = {
-  [l]: (e) => r(e) || t(e),
-  [i]: (e) => r(e) || t(e),
-  activeChange: (e) => r(e) || t(e),
+  ...s,
+  ...a(["ariaLabel"])
+}), g = {
+  [d]: (e) => p(e) || t(e),
+  [n]: (e) => p(e) || t(e),
+  activeChange: (e) => p(e) || t(e),
   focus: (e) => e instanceof FocusEvent,
   blur: (e) => e instanceof FocusEvent,
   clear: () => !0
-}, k = {
+}, C = {
   persistent: !0,
   modelValue: void 0,
   disabled: void 0,
@@ -118,7 +112,7 @@ const V = a({
   valueOnClear: void 0
 };
 export {
-  h as colorPickerEmits,
-  V as colorPickerProps,
-  k as colorPickerPropsDefaults
+  g as colorPickerEmits,
+  T as colorPickerProps,
+  C as colorPickerPropsDefaults
 };

package/dist/components/color-picker/index.d.ts

@@ -1,5 +1,5 @@
 import type { Plugin } from 'vue';
-import _EpColorPicker from './EpColorPicker.vue';
+import _EpColorPicker from './EpColorPicker.vue.js';
 /**
  * color-picker 自持 barrel（vendor-batch-3 产出）。
  *
@@ -14,5 +14,5 @@ import _EpColorPicker from './EpColorPicker.vue';
  */
 export declare const EpColorPicker: typeof _EpColorPicker & Plugin;
 export default EpColorPicker;
-export { colorPickerEmits, colorPickerProps, colorPickerPropsDefaults, } from './color-picker';
-export type { ColorPickerEmits, ColorPickerInstance, ColorPickerProps, ColorPickerPropsPublic, } from './color-picker';
+export { colorPickerEmits, colorPickerProps, colorPickerPropsDefaults, } from './color-picker.js';
+export type { ColorPickerEmits, ColorPickerInstance, ColorPickerProps, ColorPickerPropsPublic, } from './color-picker.js';

package/dist/components/color-picker/index.js

@@ -1,13 +1,9 @@
 import { withInstall as o } from "../../utils/with-install.js";
 import r from "./EpColorPicker.vue.js";
-import { colorPickerEmits as l, colorPickerProps as m, colorPickerPropsDefaults as s } from "./color-picker.js";
-const e = o(
+const t = o(
   r,
   "ep-color-picker"
 );
 export {
-  e as EpColorPicker,
-  l as colorPickerEmits,
-  m as colorPickerProps,
-  s as colorPickerPropsDefaults
+  t as EpColorPicker
 };

package/dist/components/color-picker-panel/EpColorPickerPanel.vue.d.ts

@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import type { ColorPickerPanelProps } from './color-picker-panel';
+import type { ColorPickerPanelProps } from './color-picker-panel.js';
 declare function update(): void;
 declare var __VLS_31: {};
 type __VLS_Slots = {} & {
@@ -18,15 +18,15 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
         $data: {};
         $props: {
             readonly id?: string | undefined;
-            readonly size?: import("../../constants/index").ComponentSize | undefined;
+            readonly size?: import("../../constants/index.js").ComponentSize | undefined;
             readonly disabled?: boolean | undefined;
             readonly modelValue?: string | number | null | undefined | undefined;
-            readonly modelModifiers?: import("../input/index").InputModelModifiers | undefined;
+            readonly modelModifiers?: import("../input/index.js").InputModelModifiers | undefined;
             readonly maxlength?: string | number | undefined;
             readonly minlength?: string | number | undefined;
-            readonly type?: import("../input/index").InputType | undefined;
+            readonly type?: import("../input/index.js").InputType | undefined;
             readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
-            readonly autosize?: import("../input/index").InputAutoSize | undefined;
+            readonly autosize?: import("../input/index.js").InputAutoSize | undefined;
             readonly autocomplete?: string | undefined;
             readonly formatter?: ((value: string) => string) | undefined;
             readonly parser?: ((value: string) => string) | undefined;
@@ -34,12 +34,12 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
             readonly form?: string | undefined;
             readonly readonly?: boolean | undefined;
             readonly clearable?: boolean | undefined;
-            readonly clearIcon?: import("../../utils/index").IconPropType | undefined;
+            readonly clearIcon?: import("../../utils/index.js").IconPropType | undefined;
             readonly showPassword?: boolean | undefined;
             readonly showWordLimit?: boolean | undefined;
             readonly wordLimitPosition?: "inside" | "outside" | undefined;
-            readonly suffixIcon?: import("../../utils/index").IconPropType | undefined;
-            readonly prefixIcon?: import("../../utils/index").IconPropType | undefined;
+            readonly suffixIcon?: import("../../utils/index.js").IconPropType | undefined;
+            readonly prefixIcon?: import("../../utils/index.js").IconPropType | undefined;
             readonly containerRole?: string | undefined;
             readonly tabindex?: string | number | undefined;
             readonly validateEvent?: boolean | undefined;
@@ -76,7 +76,7 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
         $host: Element | null;
         $emit: ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index").InputProps> & Readonly<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index.js").InputProps> & Readonly<{
             onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
@@ -94,7 +94,7 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
             textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
             ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
             textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
-            autosize: import("vue").Ref<import("../input/index").InputAutoSize | undefined, import("../input/index").InputAutoSize | undefined>;
+            autosize: import("vue").Ref<import("../input/index.js").InputAutoSize | undefined, import("../input/index.js").InputAutoSize | undefined>;
             isComposing: import("vue").Ref<boolean, boolean>;
             passwordVisible: import("vue").Ref<boolean, boolean>;
             focus: () => void | undefined;
@@ -118,11 +118,11 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
         }, string, {
             disabled: boolean;
             tabindex: string | number;
-            type: import("../input/index").InputType;
+            type: import("../input/index.js").InputType;
             modelValue: string | number | null;
-            modelModifiers: import("../input/index").InputModelModifiers;
+            modelModifiers: import("../input/index.js").InputModelModifiers;
             autocomplete: string;
-            clearIcon: import("../../utils/index").IconPropType;
+            clearIcon: import("../../utils/index.js").IconPropType;
             wordLimitPosition: "inside" | "outside";
             validateEvent: boolean;
             inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
@@ -150,16 +150,16 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
     } & Readonly<{
         disabled: boolean;
         tabindex: string | number;
-        type: import("../input/index").InputType;
+        type: import("../input/index.js").InputType;
         modelValue: string | number | null;
-        modelModifiers: import("../input/index").InputModelModifiers;
+        modelModifiers: import("../input/index.js").InputModelModifiers;
         autocomplete: string;
-        clearIcon: import("../../utils/index").IconPropType;
+        clearIcon: import("../../utils/index.js").IconPropType;
         wordLimitPosition: "inside" | "outside";
         validateEvent: boolean;
         inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
         rows: number;
-    }> & Omit<Readonly<import("../input/index").InputProps> & Readonly<{
+    }> & Omit<Readonly<import("../input/index.js").InputProps> & Readonly<{
         onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
@@ -177,7 +177,7 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
         textarea: HTMLTextAreaElement | undefined;
         ref: HTMLInputElement | HTMLTextAreaElement | undefined;
         textareaStyle: import("vue").StyleValue;
-        autosize: import("../input/index").InputAutoSize | undefined;
+        autosize: import("../input/index.js").InputAutoSize | undefined;
         isComposing: boolean;
         passwordVisible: boolean;
         focus: () => void | undefined;
@@ -206,15 +206,15 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
         $data: {};
         $props: {
             readonly id?: string | undefined;
-            readonly size?: import("../../constants/index").ComponentSize | undefined;
+            readonly size?: import("../../constants/index.js").ComponentSize | undefined;
             readonly disabled?: boolean | undefined;
             readonly modelValue?: string | number | null | undefined | undefined;
-            readonly modelModifiers?: import("../input/index").InputModelModifiers | undefined;
+            readonly modelModifiers?: import("../input/index.js").InputModelModifiers | undefined;
             readonly maxlength?: string | number | undefined;
             readonly minlength?: string | number | undefined;
-            readonly type?: import("../input/index").InputType | undefined;
+            readonly type?: import("../input/index.js").InputType | undefined;
             readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
-            readonly autosize?: import("../input/index").InputAutoSize | undefined;
+            readonly autosize?: import("../input/index.js").InputAutoSize | undefined;
             readonly autocomplete?: string | undefined;
             readonly formatter?: ((value: string) => string) | undefined;
             readonly parser?: ((value: string) => string) | undefined;
@@ -222,12 +222,12 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
             readonly form?: string | undefined;
             readonly readonly?: boolean | undefined;
             readonly clearable?: boolean | undefined;
-            readonly clearIcon?: import("../../utils/index").IconPropType | undefined;
+            readonly clearIcon?: import("../../utils/index.js").IconPropType | undefined;
             readonly showPassword?: boolean | undefined;
             readonly showWordLimit?: boolean | undefined;
             readonly wordLimitPosition?: "inside" | "outside" | undefined;
-            readonly suffixIcon?: import("../../utils/index").IconPropType | undefined;
-            readonly prefixIcon?: import("../../utils/index").IconPropType | undefined;
+            readonly suffixIcon?: import("../../utils/index.js").IconPropType | undefined;
+            readonly prefixIcon?: import("../../utils/index.js").IconPropType | undefined;
             readonly containerRole?: string | undefined;
             readonly tabindex?: string | number | undefined;
             readonly validateEvent?: boolean | undefined;
@@ -264,7 +264,7 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
         $host: Element | null;
         $emit: ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index").InputProps> & Readonly<{
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../input/index.js").InputProps> & Readonly<{
             onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
@@ -282,7 +282,7 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
             textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
             ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
             textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
-            autosize: import("vue").Ref<import("../input/index").InputAutoSize | undefined, import("../input/index").InputAutoSize | undefined>;
+            autosize: import("vue").Ref<import("../input/index.js").InputAutoSize | undefined, import("../input/index.js").InputAutoSize | undefined>;
             isComposing: import("vue").Ref<boolean, boolean>;
             passwordVisible: import("vue").Ref<boolean, boolean>;
             focus: () => void | undefined;
@@ -306,11 +306,11 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
         }, string, {
             disabled: boolean;
             tabindex: string | number;
-            type: import("../input/index").InputType;
+            type: import("../input/index.js").InputType;
             modelValue: string | number | null;
-            modelModifiers: import("../input/index").InputModelModifiers;
+            modelModifiers: import("../input/index.js").InputModelModifiers;
             autocomplete: string;
-            clearIcon: import("../../utils/index").IconPropType;
+            clearIcon: import("../../utils/index.js").IconPropType;
             wordLimitPosition: "inside" | "outside";
             validateEvent: boolean;
             inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
@@ -338,16 +338,16 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
     } & Readonly<{
         disabled: boolean;
         tabindex: string | number;
-        type: import("../input/index").InputType;
+        type: import("../input/index.js").InputType;
         modelValue: string | number | null;
-        modelModifiers: import("../input/index").InputModelModifiers;
+        modelModifiers: import("../input/index.js").InputModelModifiers;
         autocomplete: string;
-        clearIcon: import("../../utils/index").IconPropType;
+        clearIcon: import("../../utils/index.js").IconPropType;
         wordLimitPosition: "inside" | "outside";
         validateEvent: boolean;
         inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
         rows: number;
-    }> & Omit<Readonly<import("../input/index").InputProps> & Readonly<{
+    }> & Omit<Readonly<import("../input/index.js").InputProps> & Readonly<{
         onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
@@ -365,7 +365,7 @@ declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelPro
         textarea: HTMLTextAreaElement | undefined;
         ref: HTMLInputElement | HTMLTextAreaElement | undefined;
         textareaStyle: import("vue").StyleValue;
-        autosize: import("../input/index").InputAutoSize | undefined;
+        autosize: import("../input/index.js").InputAutoSize | undefined;
         isComposing: boolean;
         passwordVisible: boolean;
         focus: () => void | undefined;