ep-craft 0.1.39 → 0.1.41

package/dist/components/color-picker-panel/EpColorPickerPanel.vue.js

@@ -1,19 +1,11 @@
-import { defineComponent as g, ref as u, inject as A, onMounted as F, nextTick as T, watch as E, provide as $, computed as x, openBlock as f, createElementBlock as M, normalizeClass as m, unref as e, createElementVNode as O, createVNode as p, normalizeStyle as w, createBlock as S, createCommentVNode as P, renderSlot as z } from "vue";
+import { defineComponent as g, ref as u, inject as A, onMounted as F, nextTick as T, watch as E, provide as $, computed as x, openBlock as m, createElementBlock as M, normalizeClass as f, unref as e, createElementVNode as O, createVNode as p, normalizeStyle as w, createBlock as S, createCommentVNode as P, renderSlot as z } from "vue";
 import { ElInput as D } from "../input/index.js";
-import "../form/index.js";
 import { useNamespace as j } from "../../hooks/use-namespace/index.js";
-import { NOOP as R } from "@vue/shared";
-import "lodash-unified";
 import "@vueuse/core";
-import { UPDATE_MODEL_EVENT as K } from "../../constants/event.js";
-import "@element-plus/icons-vue";
+import { NOOP as R } from "@vue/shared";
 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 "../../hooks/use-empty-values/index.js";
+import { UPDATE_MODEL_EVENT as K } from "../../constants/event.js";
 import L from "./components/EpAlphaSlider.vue.js";
 import U from "./components/EpHueSlider.vue.js";
 import J from "./components/EpPredefine.vue.js";
@@ -22,7 +14,7 @@ import { colorPickerPanelEmits as q, ROOT_COMMON_COLOR_INJECTION_KEY as G, color
 import { useCommonColor as I } from "./composables/use-common-color.js";
 import { useFormItem as Q } from "../form/src/hooks/use-form-item.js";
 import { useFormDisabled as W } from "../form/src/hooks/use-form-common-props.js";
-const Oe = /* @__PURE__ */ g({
+const pe = /* @__PURE__ */ g({
   name: "EpColorPickerPanel",
   __name: "EpColorPickerPanel",
   props: {
@@ -38,41 +30,41 @@ const Oe = /* @__PURE__ */ g({
   },
   emits: q,
   setup(a, { expose: N, emit: B }) {
-    const n = a, v = B, d = j("color-picker-panel"), { formItem: r } = Q(), i = W(), h = u(), b = u(), y = u(), C = u(), t = u(""), { color: o } = A(
+    const n = a, v = B, d = j("color-picker-panel"), { formItem: r } = Q(), i = W(), h = u(), b = u(), y = u(), C = u(), t = u(""), { color: l } = A(
       G,
       () => I(n, v),
       !0
     );
     function V() {
-      o.fromString(t.value), o.value !== t.value && (t.value = o.value);
+      l.fromString(t.value), l.value !== t.value && (t.value = l.value);
     }
     function _() {
-      var l;
-      n.validateEvent && ((l = r == null ? void 0 : r.validate) == null || l.call(r, "blur").catch(R));
+      var o;
+      n.validateEvent && ((o = r == null ? void 0 : r.validate) == null || o.call(r, "blur").catch(R));
     }
     function k() {
-      var l, s, c;
-      (l = h.value) == null || l.update(), (s = b.value) == null || s.update(), (c = y.value) == null || c.update();
+      var o, s, c;
+      (o = h.value) == null || o.update(), (s = b.value) == null || s.update(), (c = y.value) == null || c.update();
     }
     return F(() => {
-      n.modelValue && (t.value = o.value), T(k);
+      n.modelValue && (t.value = l.value), T(k);
     }), E(
       () => n.modelValue,
-      (l) => {
-        l !== o.value && (l ? o.fromString(l) : o.clear());
+      (o) => {
+        o !== l.value && (o ? l.fromString(o) : l.clear());
       }
     ), E(
-      () => o.value,
-      (l) => {
-        v(K, l), t.value = l, n.validateEvent && (r == null || r.validate("change").catch(R));
+      () => l.value,
+      (o) => {
+        v(K, o), t.value = o, n.validateEvent && (r == null || r.validate("change").catch(R));
       }
     ), $(H, {
-      currentColor: x(() => o.value)
+      currentColor: x(() => l.value)
     }), N({
       /**
        * @description current color object
        */
-      color: o,
+      color: l,
       /**
        * @description custom input ref
        */
@@ -81,46 +73,46 @@ const Oe = /* @__PURE__ */ g({
        * @description update sub components
        */
       update: k
-    }), (l, s) => (f(), M("div", {
-      class: m([e(d).b(), e(d).is("disabled", e(i)), e(d).is("border", a.border)]),
+    }), (o, s) => (m(), M("div", {
+      class: f([e(d).b(), e(d).is("disabled", e(i)), e(d).is("border", a.border)]),
       onFocusout: _
     }, [
       O("div", {
-        class: m(e(d).e("wrapper"))
+        class: f(e(d).e("wrapper"))
       }, [
         p(U, {
           ref_key: "hueRef",
           ref: h,
-          color: e(o),
+          color: e(l),
           vertical: "",
           disabled: e(i),
-          class: m(["hue-slider", a.hueSliderClass]),
+          class: f(["hue-slider", a.hueSliderClass]),
           style: w(a.hueSliderStyle)
         }, null, 8, ["color", "disabled", "class", "style"]),
         p(Y, {
           ref_key: "svRef",
           ref: b,
-          color: e(o),
+          color: e(l),
           disabled: e(i)
         }, null, 8, ["color", "disabled"])
       ], 2),
-      a.showAlpha ? (f(), S(L, {
+      a.showAlpha ? (m(), S(L, {
         key: 0,
         ref_key: "alphaRef",
         ref: y,
-        color: e(o),
+        color: e(l),
         disabled: e(i)
       }, null, 8, ["color", "disabled"])) : P("", !0),
-      a.predefine ? (f(), S(J, {
+      a.predefine ? (m(), S(J, {
         key: 1,
         ref: "predefine",
         "enable-alpha": a.showAlpha,
-        color: e(o),
+        color: e(l),
         colors: a.predefine,
         disabled: e(i)
       }, null, 8, ["enable-alpha", "color", "colors", "disabled"])) : P("", !0),
       O("div", {
-        class: m(e(d).e("footer"))
+        class: f(e(d).e("footer"))
       }, [
         p(e(D), {
           ref_key: "inputRef",
@@ -132,11 +124,11 @@ const Oe = /* @__PURE__ */ g({
           disabled: e(i),
           onChange: V
         }, null, 8, ["modelValue", "disabled"]),
-        z(l.$slots, "footer")
+        z(o.$slots, "footer")
       ], 2)
     ], 34));
   }
 });
 export {
-  Oe as default
+  pe as default
 };

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

@@ -1,7 +1,7 @@
 import type { ComputedRef, ExtractPublicPropTypes, InjectionKey, StyleValue } from 'vue';
 import type { ColorFormats } from '@ctrl/tinycolor';
-import type ColorPickerPanel from './EpColorPickerPanel.vue';
-import type Color from './utils/color';
+import type ColorPickerPanel from './EpColorPickerPanel.vue.js';
+import type Color from './utils/color.js';
 type ClassObjectType = Record<string, boolean>;
 type ClassType = string | ClassObjectType | ClassType[];
 export interface ColorPickerPanelProps {
@@ -46,11 +46,11 @@ export interface ColorPickerPanelProps {
  * @deprecated Removed after 3.0.0, Use `ColorPickerPanelProps` instead.
  */
 export declare const colorPickerPanelProps: {
-    readonly modelValue: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown, undefined, boolean>;
-    readonly border: import("../../utils/index").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 border: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     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;
@@ -62,14 +62,14 @@ export declare const colorPickerPanelProps: {
         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>;
     readonly hueSliderClass: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | ClassObjectType | ClassType[]) | (() => ClassType) | (((new (...args: any[]) => string | ClassObjectType | ClassType[]) | (() => ClassType)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | ClassObjectType | ClassType[]) | (() => ClassType) | (((new (...args: any[]) => string | ClassObjectType | ClassType[]) | (() => ClassType)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly hueSliderStyle: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly hueSliderStyle: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
 };
 export declare const colorPickerPanelEmits: {
     "update:modelValue": (val: string | null) => boolean;

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

@@ -1,16 +1,13 @@
 import { isNil as r } from "lodash-unified";
-import { isString as t } from "@vue/shared";
-import "@vueuse/core";
+import { buildProps as t, definePropType as e } from "../../utils/vue/props/runtime.js";
 import { UPDATE_MODEL_EVENT as l } from "../../constants/event.js";
-import "@element-plus/icons-vue";
-import { buildProps as i, definePropType as o } from "../../utils/vue/props/runtime.js";
-import "vue";
-const s = i({
+import { isString as i } from "@vue/shared";
+const y = t({
   /**
    * @description binding value
    */
   modelValue: {
-    type: o(String),
+    type: e(String),
     default: void 0
   },
   /**
@@ -28,7 +25,7 @@ const s = i({
    * @description color format of v-model
    */
   colorFormat: {
-    type: o(String)
+    type: e(String)
   },
   /**
    * @description whether to disable the color picker
@@ -38,7 +35,7 @@ const s = i({
    * @description predefined color options
    */
   predefine: {
-    type: o(Array)
+    type: e(Array)
   },
   /**
    * @description whether to trigger form validation
@@ -51,21 +48,21 @@ const s = i({
    * @description class names will be passed to <hue-slider />
    */
   hueSliderClass: {
-    type: o([String, Array, Object])
+    type: e([String, Array, Object])
   },
   /**
    * @description styles will be passed to <hue-slider />
    */
   hueSliderStyle: {
-    type: o([String, Array, Object, Boolean]),
+    type: e([String, Array, Object, Boolean]),
     default: void 0
   }
-}), P = {
-  [l]: (e) => t(e) || r(e)
-}, f = Symbol("colorCommonPickerKey"), u = Symbol("colorPickerPanelContextKey");
+}), d = {
+  [l]: (o) => i(o) || r(o)
+}, m = Symbol("colorCommonPickerKey"), s = Symbol("colorPickerPanelContextKey");
 export {
-  f as ROOT_COMMON_COLOR_INJECTION_KEY,
-  u as colorPickerPanelContextKey,
-  P as colorPickerPanelEmits,
-  s as colorPickerPanelProps
+  m as ROOT_COMMON_COLOR_INJECTION_KEY,
+  s as colorPickerPanelContextKey,
+  d as colorPickerPanelEmits,
+  y as colorPickerPanelProps
 };

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

@@ -1,4 +1,4 @@
-import type { AlphaSliderProps } from '../props/slider';
+import type { AlphaSliderProps } from '../props/slider.js';
 declare const _default: import("vue").DefineComponent<AlphaSliderProps, {
     /**
      * @description update alpha slider manually

package/dist/components/color-picker-panel/components/EpAlphaSlider.vue.js

@@ -1,18 +1,10 @@
 import { defineComponent as E, computed as b, openBlock as z, createElementBlock as D, normalizeClass as c, unref as e, createElementVNode as v, normalizeStyle as h } from "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
 import { useLocale as L } from "../../../hooks/use-locale/index.js";
+import "@vueuse/core";
 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 "../../../hooks/use-empty-values/index.js";
 import { useSlider as A, useSliderDOM as M } from "../composables/use-slider.js";
-const N = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "tabindex", "aria-disabled"], f = 0, u = 100, X = /* @__PURE__ */ E({
+const N = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "tabindex", "aria-disabled"], f = 0, u = 100, H = /* @__PURE__ */ E({
   name: "EpColorAlphaSlider",
   __name: "EpAlphaSlider",
   props: {
@@ -21,7 +13,7 @@ const N = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation",
     disabled: { type: Boolean }
   },
   setup(o, { expose: y }) {
-    const r = o, { currentValue: t, bar: i, thumb: n, handleDrag: k, handleClick: d, handleKeydown: m } = A(r, { key: "alpha", minValue: f, maxValue: u }), { rootKls: x, barKls: g, barStyle: S, thumbKls: $, thumbStyle: B, update: C } = M(r, {
+    const l = o, { currentValue: t, bar: i, thumb: n, handleDrag: k, handleClick: d, handleKeydown: m } = A(l, { key: "alpha", minValue: f, maxValue: u }), { rootKls: x, barKls: g, barStyle: S, thumbKls: $, thumbStyle: B, update: C } = M(l, {
       namespace: "color-alpha-slider",
       maxValue: u,
       currentValue: t,
@@ -31,12 +23,12 @@ const N = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation",
       getBackground: w
     }), { t: p } = L(), K = b(() => p("el.colorpicker.alphaLabel")), V = b(() => p("el.colorpicker.alphaDescription", {
       alpha: t.value,
-      color: r.color.value
+      color: l.color.value
     }));
     function w() {
-      if (r.color && r.color.value) {
-        const { r: s, g: a, b: l } = r.color.toRgb();
-        return `linear-gradient(to right, rgba(${s}, ${a}, ${l}, 0) 0%, rgba(${s}, ${a}, ${l}, 1) 100%)`;
+      if (l.color && l.color.value) {
+        const { r: s, g: a, b: r } = l.color.toRgb();
+        return `linear-gradient(to right, rgba(${s}, ${a}, ${r}, 0) 0%, rgba(${s}, ${a}, ${r}, 1) 100%)`;
       }
       return "";
     }
@@ -65,7 +57,7 @@ const N = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation",
         class: c(e(g)),
         style: h(e(S)),
         onClick: a[0] || (a[0] = //@ts-ignore
-        (...l) => e(d) && e(d)(...l))
+        (...r) => e(d) && e(d)(...r))
       }, null, 6),
       v("div", {
         ref_key: "thumb",
@@ -82,11 +74,11 @@ const N = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation",
         tabindex: o.disabled ? void 0 : 0,
         "aria-disabled": o.disabled,
         onKeydown: a[1] || (a[1] = //@ts-ignore
-        (...l) => e(m) && e(m)(...l))
+        (...r) => e(m) && e(m)(...r))
       }, null, 46, N)
     ], 2));
   }
 });
 export {
-  X as default
+  H as default
 };

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

@@ -1,4 +1,4 @@
-import type { HueSliderProps } from '../props/slider';
+import type { HueSliderProps } from '../props/slider.js';
 declare const _default: import("vue").DefineComponent<HueSliderProps, {
     /**
      * @description bar element ref

package/dist/components/color-picker-panel/components/EpHueSlider.vue.js

@@ -1,18 +1,10 @@
 import { defineComponent as B, computed as p, openBlock as E, createElementBlock as z, normalizeClass as u, unref as e, createElementVNode as b, normalizeStyle as D } from "vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
 import { useLocale as L } from "../../../hooks/use-locale/index.js";
+import "@vueuse/core";
 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 "../../../hooks/use-empty-values/index.js";
 import { useSlider as H, useSliderDOM as g } from "../composables/use-slider.js";
-const M = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "tabindex", "aria-disabled"], v = 0, s = 360, X = /* @__PURE__ */ B({
+const M = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "tabindex", "aria-disabled"], v = 0, s = 360, G = /* @__PURE__ */ B({
   name: "EpColorHueSlider",
   __name: "EpHueSlider",
   props: {
@@ -21,16 +13,16 @@ const M = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation",
     disabled: { type: Boolean }
   },
   setup(a, { expose: h }) {
-    const o = a, { currentValue: l, bar: t, thumb: i, handleDrag: f, handleClick: m, handleKeydown: d } = H(o, { key: "hue", minValue: v, maxValue: s }), { rootKls: x, barKls: y, thumbKls: k, thumbStyle: S, thumbTop: C, update: K } = g(o, {
+    const r = a, { currentValue: o, bar: t, thumb: i, handleDrag: f, handleClick: d, handleKeydown: c } = H(r, { key: "hue", minValue: v, maxValue: s }), { rootKls: x, barKls: y, thumbKls: k, thumbStyle: S, thumbTop: C, update: K } = g(r, {
       namespace: "color-hue-slider",
       maxValue: s,
-      currentValue: l,
+      currentValue: o,
       bar: t,
       thumb: i,
       handleDrag: f
-    }), { t: c } = L(), V = p(() => c("el.colorpicker.hueLabel")), w = p(() => c("el.colorpicker.hueDescription", {
-      hue: l.value,
-      color: o.color.value
+    }), { t: m } = L(), V = p(() => m("el.colorpicker.hueLabel")), w = p(() => m("el.colorpicker.hueDescription", {
+      hue: o.value,
+      color: r.color.value
     }));
     return h({
       /**
@@ -49,15 +41,15 @@ const M = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation",
        * @description update hue slider manually
        */
       update: K
-    }), (N, r) => (E(), z("div", {
+    }), (N, l) => (E(), z("div", {
       class: u(e(x))
     }, [
       b("div", {
         ref_key: "bar",
         ref: t,
         class: u(e(y)),
-        onClick: r[0] || (r[0] = //@ts-ignore
-        (...n) => e(m) && e(m)(...n))
+        onClick: l[0] || (l[0] = //@ts-ignore
+        (...n) => e(d) && e(d)(...n))
       }, null, 2),
       b("div", {
         ref_key: "thumb",
@@ -65,7 +57,7 @@ const M = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation",
         class: u(e(k)),
         style: D(e(S)),
         "aria-label": V.value,
-        "aria-valuenow": e(l),
+        "aria-valuenow": e(o),
         "aria-valuetext": w.value,
         "aria-orientation": a.vertical ? "vertical" : "horizontal",
         "aria-valuemin": v,
@@ -73,12 +65,12 @@ const M = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation",
         role: "slider",
         tabindex: a.disabled ? void 0 : 0,
         "aria-disabled": a.disabled,
-        onKeydown: r[1] || (r[1] = //@ts-ignore
-        (...n) => e(d) && e(d)(...n))
+        onKeydown: l[1] || (l[1] = //@ts-ignore
+        (...n) => e(c) && e(c)(...n))
       }, null, 46, M)
     ], 2));
   }
 });
 export {
-  X as default
+  G as default
 };

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

@@ -1,3 +1,3 @@
-import type { PredefineProps } from '../props/predefine';
+import type { PredefineProps } from '../props/predefine.js';
 declare const _default: import("vue").DefineComponent<PredefineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PredefineProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import type { SvPanelProps } from '../props/sv-panel';
+import type { SvPanelProps } from '../props/sv-panel.js';
 declare const _default: import("vue").DefineComponent<SvPanelProps, {
     /**
      * @description update sv panel manually

package/dist/components/color-picker-panel/composables/use-common-color.d.ts

@@ -1,4 +1,4 @@
-import Color from '../utils/color';
+import Color from '../utils/color.js';
 type CommonColorProps = {
     modelValue?: string | null;
     showAlpha: boolean;

package/dist/components/color-picker-panel/composables/use-predefine.d.ts

@@ -1,6 +1,6 @@
-import Color from '../utils/color';
+import Color from '../utils/color.js';
 import type { Ref } from 'vue';
-import type { PredefineProps } from '../props/predefine';
+import type { PredefineProps } from '../props/predefine.js';
 export declare const usePredefine: (props: PredefineProps) => {
     rgbaColors: Ref<Color[], Color[]>;
     handleSelect: (index: number) => void;

package/dist/components/color-picker-panel/composables/use-predefine.js

@@ -1,66 +1,58 @@
-import { inject as u, ref as f, watch as p, watchEffect as d, computed as i } from "vue";
-import { useNamespace as h } from "../../../hooks/use-namespace/index.js";
-import "@vue/shared";
-import "lodash-unified";
+import { inject as f, ref as m, watch as d, watchEffect as h, computed as i } from "vue";
+import { useNamespace as b } from "../../../hooks/use-namespace/index.js";
 import "@vueuse/core";
-import "@element-plus/icons-vue";
 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 "../../../hooks/use-empty-values/index.js";
-import { colorPickerPanelContextKey as b } from "../color-picker-panel.js";
-import m from "../utils/color.js";
-const N = (o) => {
-  const { currentColor: r } = u(b), t = f(l(o.colors, o.color));
-  p(
+import { colorPickerPanelContextKey as p } from "../color-picker-panel.js";
+import u from "../utils/color.js";
+const S = (e) => {
+  const { currentColor: r } = f(p), l = m(c(e.colors, e.color));
+  d(
     () => r.value,
-    (e) => {
-      const a = new m({
-        value: e,
-        enableAlpha: o.enableAlpha
+    (o) => {
+      const a = new u({
+        value: o,
+        enableAlpha: e.enableAlpha
       });
-      t.value.forEach((c) => {
-        c.selected = a.compare(c);
+      l.value.forEach((t) => {
+        t.selected = a.compare(t);
       });
     }
-  ), d(() => {
-    t.value = l(o.colors, o.color);
+  ), h(() => {
+    l.value = c(e.colors, e.color);
   });
-  function n(e) {
-    o.color.fromString(o.colors[e]);
+  function n(o) {
+    e.color.fromString(e.colors[o]);
   }
-  function l(e, a) {
-    return e.map((c) => {
-      const s = new m({
-        value: c,
-        enableAlpha: o.enableAlpha
+  function c(o, a) {
+    return o.map((t) => {
+      const s = new u({
+        value: t,
+        enableAlpha: e.enableAlpha
       });
       return s.selected = s.compare(a), s;
     });
   }
   return {
-    rgbaColors: t,
+    rgbaColors: l,
     handleSelect: n
   };
-}, O = (o) => {
-  const r = h("color-predefine"), t = i(() => [r.b(), r.is("disabled", o.disabled)]), n = i(() => r.e("colors"));
-  function l(e) {
+}, x = (e) => {
+  const r = b("color-predefine"), l = i(() => [r.b(), r.is("disabled", e.disabled)]), n = i(() => r.e("colors"));
+  function c(o) {
     return [
       r.e("color-selector"),
-      r.is("alpha", e.get("alpha") < 100),
-      { selected: e.selected }
+      r.is("alpha", o.get("alpha") < 100),
+      { selected: o.selected }
     ];
   }
   return {
-    rootKls: t,
+    rootKls: l,
     colorsKls: n,
-    colorSelectorKls: l
+    colorSelectorKls: c
   };
 };
 export {
-  N as usePredefine,
-  O as usePredefineDOM
+  S as usePredefine,
+  x as usePredefineDOM
 };

package/dist/components/color-picker-panel/composables/use-slider.d.ts

@@ -1,4 +1,4 @@
-import type { AlphaSliderProps } from '../props/slider';
+import type { AlphaSliderProps } from '../props/slider.js';
 interface UseSliderOptions {
     key: 'hue' | 'alpha';
     minValue: number;