vft 0.0.50 → 0.0.53

package/es/packages/components/checkbox/checkbox.vue2.js

@@ -1,128 +0,0 @@
-import { defineComponent as p, useSlots as D, computed as x, openBlock as s, createBlock as w, resolveDynamicComponent as z, unref as e, normalizeClass as o, withCtx as E, createElementVNode as y, withDirectives as C, createElementBlock as m, isRef as h, vModelCheckbox as B, renderSlot as I, Fragment as K, createTextVNode as O, toDisplayString as R, createCommentVNode as g } from "vue";
-import { useNamespace as U } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../utils/ns-cover.js";
-import "../form/index.js";
-import { useCheckbox as j } from "./composables/use-checkbox.js";
-const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"], q = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"], a = (
-  /* hoist-static*/
-  U("checkbox")
-), A = p({
-  name: a.b()
-}), ee = /* @__PURE__ */ p({
-  ...A,
-  props: {
-    modelValue: { type: [Number, String, Boolean] },
-    label: { type: [Number, String, Boolean, Object] },
-    indeterminate: { type: Boolean },
-    disabled: { type: Boolean },
-    checked: { type: Boolean },
-    name: null,
-    trueLabel: null,
-    falseLabel: null,
-    id: null,
-    controls: null,
-    border: { type: Boolean },
-    size: null,
-    tabindex: null,
-    validateEvent: { type: Boolean, default: !0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(l) {
-    const b = l, L = D(), {
-      inputId: c,
-      isLabeledByFormItem: V,
-      isChecked: v,
-      isDisabled: u,
-      isFocused: d,
-      checkboxSize: N,
-      hasOwnLabel: f,
-      model: i,
-      handleChange: r,
-      onClickRoot: S
-    } = j(b, L), $ = x(() => [
-      a.b(),
-      a.m(N.value),
-      a.is("disabled", u.value),
-      a.is("bordered", b.border),
-      a.is("checked", v.value)
-    ]), F = x(() => [
-      a.e("input"),
-      a.is("disabled", u.value),
-      a.is("checked", v.value),
-      a.is("indeterminate", b.indeterminate),
-      a.is("focus", d.value)
-    ]);
-    return (k, n) => (s(), w(z(!e(f) && e(V) ? "span" : "label"), {
-      class: o(e($)),
-      "aria-controls": l.indeterminate ? l.controls : null,
-      onClick: e(S)
-    }, {
-      default: E(() => [
-        y("span", {
-          class: o(e(F)),
-          tabindex: l.indeterminate ? 0 : void 0,
-          role: l.indeterminate ? "checkbox" : void 0,
-          "aria-checked": l.indeterminate ? "mixed" : void 0
-        }, [
-          l.trueLabel || l.falseLabel ? C((s(), m("input", {
-            key: 0,
-            id: e(c),
-            "onUpdate:modelValue": n[0] || (n[0] = (t) => h(i) ? i.value = t : null),
-            class: o(e(a).e("original")),
-            type: "checkbox",
-            "aria-hidden": l.indeterminate ? "true" : "false",
-            name: l.name,
-            tabindex: l.tabindex,
-            disabled: e(u),
-            "true-value": l.trueLabel,
-            "false-value": l.falseLabel,
-            onChange: n[1] || (n[1] = //@ts-ignore
-            (...t) => e(r) && e(r)(...t)),
-            onFocus: n[2] || (n[2] = (t) => d.value = !0),
-            onBlur: n[3] || (n[3] = (t) => d.value = !1)
-          }, null, 42, T)), [
-            [B, e(i)]
-          ]) : C((s(), m("input", {
-            key: 1,
-            id: e(c),
-            "onUpdate:modelValue": n[4] || (n[4] = (t) => h(i) ? i.value = t : null),
-            class: o(e(a).e("original")),
-            type: "checkbox",
-            "aria-hidden": l.indeterminate ? "true" : "false",
-            disabled: e(u),
-            value: l.label,
-            name: l.name,
-            tabindex: l.tabindex,
-            onChange: n[5] || (n[5] = //@ts-ignore
-            (...t) => e(r) && e(r)(...t)),
-            onFocus: n[6] || (n[6] = (t) => d.value = !0),
-            onBlur: n[7] || (n[7] = (t) => d.value = !1)
-          }, null, 42, q)), [
-            [B, e(i)]
-          ]),
-          y("span", {
-            class: o(e(a).e("inner"))
-          }, null, 2)
-        ], 10, M),
-        e(f) ? (s(), m("span", {
-          key: 0,
-          class: o(e(a).e("label"))
-        }, [
-          I(k.$slots, "default"),
-          k.$slots.default ? g("", !0) : (s(), m(K, { key: 0 }, [
-            O(R(l.label), 1)
-          ], 64))
-        ], 2)) : g("", !0)
-      ]),
-      _: 3
-    }, 8, ["class", "aria-controls", "onClick"]));
-  }
-});
-export {
-  ee as default
-};

package/es/packages/components/clamp/clamp.vue2.js

@@ -1,165 +0,0 @@
-import { defineComponent as T, ref as v, reactive as S, computed as r, watch as s, nextTick as E, onUnmounted as p, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
-import { addUnit as G } from "@vft/utils";
-import { addListener as I, removeListener as J } from "resize-detector";
-import { useNamespace as K } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-const P = ["aria-label"], Q = (
-  /* hoist-static*/
-  K("clamp")
-), W = T({
-  name: Q.b()
-}), ie = /* @__PURE__ */ T({
-  ...W,
-  props: {
-    text: null,
-    maxHeight: null,
-    maxLines: { default: 1 },
-    expanded: { type: Boolean, default: !1 },
-    location: { default: "end" },
-    ellipsis: { default: "…" },
-    autoResize: { type: Boolean, default: !1 }
-  },
-  emits: ["clamp-change", "update:expanded"],
-  setup(e, { emit: y }) {
-    const a = v(null), u = v(null), m = v(null), l = S({
-      offset: 0,
-      localExpanded: e.expanded,
-      unregisterResizeCallback: null
-    }), $ = r(() => {
-      if (!l.localExpanded && e.maxHeight)
-        return G(e.maxHeight);
-    }), k = () => {
-      m.value && (m.value.textContent = N.value);
-    }, c = () => {
-      l.localExpanded || (k(), (d() || n.value) && g());
-    }, C = () => {
-      e.text && (l.offset = e.text.length, H(), e.autoResize && a.value && (I(a.value, c), l.unregisterResizeCallback = () => {
-        a.value && J(a.value, c);
-      }), c());
-    }, H = () => {
-      var t;
-      (t = l.unregisterResizeCallback) == null || t.call(l);
-    }, d = () => !e.maxLines && !e.maxHeight || !a.value ? !1 : e.maxLines && x() > e.maxLines ? !0 : !!(e.maxHeight && a.value.scrollHeight > a.value.offsetHeight), x = () => u.value ? Object.keys(
-      Array.prototype.slice.call(u.value.getClientRects()).reduce((t, {
-        top: i,
-        bottom: f
-      }) => {
-        const o = `${i}/${f}`;
-        return t[o] || (t[o] = !0), t;
-      }, {})
-    ).length : 0, g = (...t) => {
-      const [i = 0, f = l.offset] = t;
-      if (f - i <= 3) {
-        j();
-        return;
-      }
-      const o = Math.floor((f + i) / 2);
-      h(o), d() ? g(i, o) : g(o, f);
-    }, h = (t) => {
-      l.offset = t, k();
-    }, j = () => {
-      U(), A();
-    }, U = () => {
-      for (; (!d() || x() < 2) && l.offset < e.text.length; )
-        b(1);
-    }, A = () => {
-      for (; d() && x() > 1 && l.offset > 0; )
-        b(-1);
-    }, b = (t) => {
-      h(l.offset + t);
-    }, n = r(() => e.text ? l.offset !== e.text.length : !1);
-    s(
-      () => n.value,
-      (t) => {
-        E(() => {
-          y("clamp-change", t);
-        });
-      },
-      { immediate: !0 }
-    );
-    const N = r(() => n.value ? O.value : e.text), O = r(() => {
-      if (e.location === "start")
-        return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
-      if (e.location === "middle") {
-        const t = Math.floor(l.offset / 2);
-        return (e.text.slice(0, t) || "").trim() + e.ellipsis + (e.text.slice(-t) || "").trim();
-      }
-      return (e.text.slice(0, l.offset) || "").trim() + e.ellipsis;
-    }), L = () => {
-      l.localExpanded = !0;
-    }, z = () => {
-      l.localExpanded = !1;
-    }, w = () => {
-      l.localExpanded = !l.localExpanded;
-    };
-    return s(
-      () => e.expanded,
-      (t) => {
-        l.localExpanded = t;
-      }
-    ), s(
-      () => l.localExpanded,
-      (t) => {
-        t ? h(e.text.length) : c(), e.expanded !== t && y("update:expanded", t);
-      }
-    ), s(
-      () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, n.value].join(),
-      () => {
-        E(() => {
-          c();
-        });
-      }
-    ), s(
-      () => [e.text, e.autoResize].join(),
-      () => {
-        E(() => {
-          C();
-        });
-      }
-    ), p(() => {
-      H();
-    }), F(() => {
-      C();
-    }), (t, i) => (V(), q("div", {
-      ref_key: "textClampRef",
-      ref: a,
-      class: "text-clamp",
-      style: D({
-        overflow: "hidden",
-        maxHeight: R($)
-      })
-    }, [
-      B("span", {
-        ref_key: "contentRef",
-        ref: u
-      }, [
-        M(t.$slots, "before", {
-          expand: L,
-          collapse: z,
-          toggle: w,
-          clamped: R(n),
-          expanded: l.localExpanded
-        }),
-        B("span", {
-          ref_key: "textRef",
-          ref: m,
-          "aria-label": e.text
-        }, null, 8, P),
-        M(t.$slots, "after", {
-          expand: L,
-          collapse: z,
-          toggle: w,
-          clamped: R(n),
-          expanded: l.localExpanded
-        })
-      ], 512)
-    ], 4));
-  }
-});
-export {
-  ie as default
-};

package/es/packages/components/clamp-toggle/clamp-toggle.vue2.js

@@ -1,56 +0,0 @@
-import { defineComponent as a, computed as c, openBlock as o, createBlock as r, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
-import "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import { generateCssVars as C } from "../../utils/ns-cover.js";
-import { useNamespace as p } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { VftClamp as y } from "../clamp/index.js";
-const h = ["onClick"], i = (
-  /* hoist-static*/
-  p("clamp-toggle")
-), k = a({
-  name: i.b()
-}), j = /* @__PURE__ */ a({
-  ...k,
-  props: {
-    text: null,
-    maxHeight: null,
-    maxLines: { default: 1 },
-    expanded: { type: Boolean, default: !1 },
-    location: { default: "end" },
-    ellipsis: { default: "…" },
-    autoResize: { type: Boolean, default: !1 },
-    color: null,
-    size: null,
-    toggleColor: null,
-    toggleSize: null,
-    toggleText: { default: ["展开", "收缩"] }
-  },
-  setup(e) {
-    const n = c(() => C({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
-    return (B, S) => (o(), r(t(y), {
-      style: g(t(n)),
-      text: e.text,
-      maxHeight: e.maxHeight,
-      maxLines: e.maxLines,
-      expanded: e.expanded,
-      location: e.location,
-      ellipsis: e.ellipsis,
-      autoResize: e.autoResize
-    }, {
-      after: u(({ toggle: m, expanded: l, clamped: s }) => [
-        l || s ? (o(), d("span", {
-          key: 0,
-          class: x(["cursor-pointer", t(i).e("more")]),
-          onClick: m
-        }, f(l ? e.toggleText[1] : e.toggleText[0]), 11, h)) : z("", !0)
-      ]),
-      _: 1
-    }, 8, ["style", "text", "maxHeight", "maxLines", "expanded", "location", "ellipsis", "autoResize"]));
-  }
-});
-export {
-  j as default
-};

package/es/packages/components/collapse-transition/src/collapse-transition.vue2.js

@@ -1,46 +0,0 @@
-import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as g, renderSlot as m } from "vue";
-import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../../utils/ns-cover.js";
-const f = o({
-  name: "VtfCollapseTransition"
-}), _ = /* @__PURE__ */ o({
-  ...f,
-  setup(y) {
-    const a = l("collapse-transition"), d = {
-      beforeEnter(t) {
-        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0;
-      },
-      enter(t) {
-        t.dataset.oldOverflow = t.style.overflow, t.scrollHeight !== 0 ? (t.style.maxHeight = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom) : (t.style.maxHeight = 0, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom), t.style.overflow = "hidden";
-      },
-      afterEnter(t) {
-        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
-      },
-      beforeLeave(t) {
-        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.maxHeight = `${t.scrollHeight}px`, t.style.overflow = "hidden";
-      },
-      leave(t) {
-        t.scrollHeight !== 0 && (t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0);
-      },
-      afterLeave(t) {
-        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
-      }
-    };
-    return (t, c) => (e(), s(i, n({
-      name: r(a).b()
-    }, p(d)), {
-      default: g(() => [
-        m(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["name"]));
-  }
-});
-export {
-  _ as default
-};

package/es/packages/components/color-picker/color-picker.vue2.js

@@ -1,267 +0,0 @@
-import { defineComponent as G, ref as d, reactive as ne, computed as h, onMounted as ie, watch as g, nextTick as y, provide as se, openBlock as m, createBlock as C, unref as e, withCtx as V, withDirectives as _, createElementBlock as L, createElementVNode as p, normalizeClass as r, createVNode as f, createCommentVNode as E, withKeys as H, createTextVNode as M, normalizeStyle as ce, vShow as ue } from "vue";
-import { debounce as de } from "lodash";
-import { VftButton as O } from "../button/index.js";
-import { VftIcon as R } from "../icon/index.js";
-import { ClickOutside as pe } from "../../../common/directives/dist/es/index.js";
-import { VftTooltip as me } from "../tooltip/index.js";
-import { VftInput as fe } from "../input/index.js";
-import "../form/index.js";
-import { useNamespace as ve } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import { debugWarn as U } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
-import { UPDATE_MODEL_EVENT as $, CHANGE_EVENT as be } from "../../constants/event.js";
-import he from "./components/alpha-slider.vue2.js";
-import { colorPickerContextKey as ke } from "./contants.js";
-import we from "./components/hue-slider.vue.js";
-import ge from "./components/predefine.vue.js";
-import ye from "./components/sv-panel.vue.js";
-import z from "./utils/color.js";
-import { useFormItem as Ce, useFormItemInputId as Ve } from "../form/hooks/use-form-item.js";
-import { useFormSize as Ee, useFormDisabled as Ae } from "../form/hooks/use-form-common-props.js";
-const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"], Se = G({
-  name: "VftColorPicker"
-}), Ye = /* @__PURE__ */ G({
-  ...Se,
-  props: {
-    modelValue: null,
-    id: null,
-    showAlpha: { type: Boolean },
-    colorFormat: null,
-    disabled: { type: Boolean },
-    size: null,
-    popperClass: null,
-    label: null,
-    tabindex: { default: 0 },
-    predefine: null,
-    validateEvent: { type: Boolean, default: !0 }
-  },
-  emits: [$, be, "activeChange"],
-  setup(i, { expose: W, emit: v }) {
-    const a = i, o = ve("color"), { formItem: s } = Ce(), j = Ee(), A = Ae(), { inputId: q, isLabeledByFormItem: B } = Ve(a, {
-      formItemContext: s
-    }), F = d(), J = d(), N = d(), Q = d();
-    let x = !0;
-    const t = ne(
-      new z({
-        enableAlpha: a.showAlpha,
-        format: a.colorFormat || "",
-        value: a.modelValue
-      })
-    ), k = d(!1), c = d(!1), b = d(""), X = h(() => !a.modelValue && !c.value ? "transparent" : le(t, a.showAlpha)), S = h(() => !a.modelValue && !c.value ? "" : t.value), Y = h(() => B.value ? void 0 : a.label || "色彩选择器"), Z = h(() => B.value ? s == null ? void 0 : s.labelId : void 0), ee = h(() => [
-      o.b("picker"),
-      o.is("disabled", A.value),
-      o.bm("picker", j.value)
-    ]);
-    function le(l, n) {
-      if (!(l instanceof z))
-        throw new TypeError("color should be instance of _color Class");
-      const { r: u, g: K, b: D } = l.toRgb();
-      return n ? `rgba(${u}, ${K}, ${D}, ${l.get("alpha") / 100})` : `rgb(${u}, ${K}, ${D})`;
-    }
-    function oe(l) {
-      k.value = l;
-    }
-    const w = de(oe, 100);
-    function ae() {
-      w(!1), P();
-    }
-    function P() {
-      y(() => {
-        a.modelValue ? t.fromString(a.modelValue) : (t.value = "", y(() => {
-          c.value = !1;
-        }));
-      });
-    }
-    function T() {
-      A.value || w(!k.value);
-    }
-    function I() {
-      t.fromString(b.value);
-    }
-    function te() {
-      const l = t.value;
-      v($, l), v("change", l), a.validateEvent && (s == null || s.validate("change").catch((n) => U(n))), w(!1), y(() => {
-        const n = new z({
-          enableAlpha: a.showAlpha,
-          format: a.colorFormat || "",
-          value: a.modelValue
-        });
-        t.compare(n) || P();
-      });
-    }
-    function re() {
-      w(!1), v($, null), v("change", null), a.modelValue !== null && a.validateEvent && (s == null || s.validate("change").catch((l) => U(l))), P();
-    }
-    return ie(() => {
-      a.modelValue && (b.value = S.value);
-    }), g(
-      () => a.modelValue,
-      (l) => {
-        l ? l && l !== t.value && (x = !1, t.fromString(l)) : c.value = !1;
-      }
-    ), g(
-      () => S.value,
-      (l) => {
-        b.value = l, x && v("activeChange", l), x = !0;
-      }
-    ), g(
-      () => t.value,
-      () => {
-        !a.modelValue && !c.value && (c.value = !0);
-      }
-    ), g(
-      () => k.value,
-      () => {
-        y(() => {
-          var l, n, u;
-          (l = F.value) == null || l.update(), (n = J.value) == null || n.update(), (u = N.value) == null || u.update();
-        });
-      }
-    ), se(ke, {
-      currentColor: S
-    }), W({
-      /**
-       * @description current color object
-       */
-      color: t
-    }), (l, n) => (m(), C(e(me), {
-      ref_key: "popper",
-      ref: Q,
-      visible: k.value,
-      "show-arrow": !1,
-      "fallback-placements": ["bottom", "top", "right", "left"],
-      offset: 0,
-      "gpu-acceleration": !1,
-      "popper-class": [e(o).be("picker", "panel"), e(o).b("dropdown"), i.popperClass],
-      "stop-popper-mouse-event": !1,
-      effect: "light",
-      trigger: "click",
-      transition: `${e(o).namespace.value}-zoom-in-top`,
-      persistent: ""
-    }, {
-      content: V(() => [
-        _((m(), L("div", null, [
-          p("div", {
-            class: r(e(o).be("dropdown", "main-wrapper"))
-          }, [
-            f(we, {
-              ref_key: "hue",
-              ref: F,
-              class: "hue-slider",
-              color: e(t),
-              vertical: ""
-            }, null, 8, ["color"]),
-            f(ye, {
-              ref: "svPanel",
-              color: e(t)
-            }, null, 8, ["color"])
-          ], 2),
-          i.showAlpha ? (m(), C(he, {
-            key: 0,
-            ref_key: "alpha",
-            ref: N,
-            color: e(t)
-          }, null, 8, ["color"])) : E("", !0),
-          i.predefine ? (m(), C(ge, {
-            key: 1,
-            ref: "predefine",
-            color: e(t),
-            colors: i.predefine
-          }, null, 8, ["color", "colors"])) : E("", !0),
-          p("div", {
-            class: r(e(o).be("dropdown", "btns"))
-          }, [
-            p("span", {
-              class: r(e(o).be("dropdown", "value"))
-            }, [
-              f(e(fe), {
-                modelValue: b.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (u) => b.value = u),
-                "validate-event": !1,
-                size: "small",
-                onKeyup: H(I, ["enter"]),
-                onBlur: I
-              }, null, 8, ["modelValue", "onKeyup"])
-            ], 2),
-            f(e(O), {
-              class: r(e(o).be("dropdown", "link-btn")),
-              text: "",
-              size: "small",
-              onClick: re
-            }, {
-              default: V(() => [
-                M(" 取消 ")
-              ]),
-              _: 1
-            }, 8, ["class"]),
-            f(e(O), {
-              plain: "",
-              size: "small",
-              class: r(e(o).be("dropdown", "btn")),
-              onClick: te
-            }, {
-              default: V(() => [
-                M(" 确认 ")
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ], 2)
-        ])), [
-          [e(pe), ae]
-        ])
-      ]),
-      default: V(() => [
-        p("div", {
-          id: e(q),
-          class: r(e(ee)),
-          role: "button",
-          "aria-label": e(Y),
-          "aria-labelledby": e(Z),
-          "aria-description": `目前色彩為 {color}。按一下 Enter 以選擇新色彩${i.modelValue}`,
-          tabindex: i.tabindex,
-          onKeydown: H(T, ["enter"])
-        }, [
-          e(A) ? (m(), L("div", {
-            key: 0,
-            class: r(e(o).be("picker", "mask"))
-          }, null, 2)) : E("", !0),
-          p("div", {
-            class: r(e(o).be("picker", "trigger")),
-            onClick: T
-          }, [
-            p("span", {
-              class: r([e(o).be("picker", "color"), e(o).is("alpha", i.showAlpha)])
-            }, [
-              p("span", {
-                class: r(e(o).be("picker", "color-inner")),
-                style: ce({
-                  backgroundColor: e(X)
-                })
-              }, [
-                _(f(e(R), {
-                  icon: "ico-ep:arrow-down",
-                  class: r([e(o).be("picker", "icon"), e(o).is("icon-arrow-down")])
-                }, null, 8, ["class"]), [
-                  [ue, i.modelValue || c.value]
-                ]),
-                !i.modelValue && !c.value ? (m(), C(e(R), {
-                  key: 0,
-                  icon: "ico-ep:circle-close",
-                  class: r([e(o).be("picker", "empty"), e(o).is("icon-close")])
-                }, null, 8, ["class"])) : E("", !0)
-              ], 6)
-            ], 2)
-          ], 2)
-        ], 42, xe)
-      ]),
-      _: 1
-    }, 8, ["visible", "popper-class", "transition"]));
-  }
-});
-export {
-  Ye as default
-};

package/es/packages/components/color-picker/components/hue-slider.vue.js

@@ -1,26 +0,0 @@
-import s from "./hue-slider.vue2.js";
-import { openBlock as t, createElementBlock as a, normalizeClass as l, createElementVNode as n, normalizeStyle as i } from "vue";
-import m from "../../../../_virtual/_plugin-vue_export-helper.js";
-function p(e, r, f, d, u, b) {
-  return t(), a("div", {
-    class: l([e.ns.b(), e.ns.is("vertical", e.vertical)])
-  }, [
-    n("div", {
-      ref: "bar",
-      class: l(e.ns.e("bar")),
-      onClick: r[0] || (r[0] = (...o) => e.handleClick && e.handleClick(...o))
-    }, null, 2),
-    n("div", {
-      ref: "thumb",
-      class: l(e.ns.e("thumb")),
-      style: i({
-        left: e.thumbLeft + "px",
-        top: e.thumbTop + "px"
-      })
-    }, null, 6)
-  ], 2);
-}
-const v = /* @__PURE__ */ m(s, [["render", p]]);
-export {
-  v as default
-};