vft 0.0.428 → 0.0.430

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

@@ -1,45 +0,0 @@
-import { defineComponent as s, ref as f, createElementBlock as c, openBlock as t, Fragment as u, createVNode as l, createBlock as n, unref as e, withCtx as r, mergeProps as m } from "vue";
-import { createReusableTemplate as d } from "@vueuse/core";
-import { VftClamp as _ } from "../clamp/index.js";
-import { VftTooltip as k } from "../tooltip/index.js";
-const R = /* @__PURE__ */ s({
-  __name: "clamp-tooltip",
-  props: {
-    showTooltip: { type: Boolean },
-    tooltipCfg: {},
-    text: {},
-    maxHeight: {},
-    maxLines: {},
-    expanded: { type: Boolean },
-    ellipsis: {},
-    autoResize: { type: Boolean },
-    location: {}
-  },
-  setup(y) {
-    const p = f(), [i, a] = d();
-    return (o, B) => (t(), c(u, null, [
-      l(e(i), null, {
-        default: r(() => [
-          l(e(_), m({
-            ref_key: "clampRef",
-            ref: p
-          }, o.$props), null, 16)
-        ]),
-        _: 1
-      }),
-      o.showTooltip ? (t(), n(e(k), m({
-        key: 0,
-        disabled: !p.value?.isClamped,
-        content: o.text
-      }, o.tooltipCfg), {
-        default: r(() => [
-          l(e(a))
-        ]),
-        _: 1
-      }, 16, ["disabled", "content"])) : (t(), n(e(a), { key: 1 }))
-    ], 64));
-  }
-});
-export {
-  R as default
-};

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

@@ -1,61 +0,0 @@
-import { defineComponent as c, inject as d, computed as n, createBlock as h, openBlock as $, resolveDynamicComponent as g, normalizeStyle as b, normalizeClass as v, withCtx as x, renderSlot as y } from "vue";
-import "../row/index.js";
-import "@vueuse/core";
-import { isNumber as u, isObject as _ } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as C } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { rowContextKey as j } from "../row/constants.js";
-const E = c({
-  name: "vft-col"
-}), G = /* @__PURE__ */ c({
-  ...E,
-  props: {
-    tag: { default: "div" },
-    xs: {},
-    sm: {},
-    md: {},
-    lg: {},
-    xl: {},
-    span: { default: 24 },
-    offset: { default: 0 },
-    pull: { default: 0 },
-    push: { default: 0 }
-  },
-  setup(f) {
-    const e = C("col"), o = f, { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
-      const t = {};
-      return a.value && (t.paddingLeft = t.paddingRight = `${a.value / 2}px`), t;
-    }), m = n(() => {
-      const t = [];
-      return ["span", "offset", "pull", "push"].forEach((s) => {
-        const l = o[s];
-        u(l) && (s === "span" ? t.push(e.b(`${o[s]}`)) : l > 0 && t.push(e.b(`${s}-${o[s]}`)));
-      }), ["xs", "sm", "md", "lg", "xl"].forEach((s) => {
-        u(o[s]) ? t.push(e.b(`${s}-${o[s]}`)) : _(o[s]) && Object.entries(o[s]).forEach(
-          ([l, r]) => {
-            t.push(
-              l !== "span" ? e.b(`${s}-${l}-${r}`) : e.b(`${s}-${r}`)
-            );
-          }
-        );
-      }), a.value && t.push(e.is("guttered")), [e.b(), t];
-    });
-    return (t, p) => ($(), h(g(t.tag), {
-      class: v(m.value),
-      style: b(i.value)
-    }, {
-      default: x(() => [
-        y(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "style"]));
-  }
-});
-export {
-  G as default
-};

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

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

package/es/packages/components/color-picker/components/predefine.vue.js

@@ -1,31 +0,0 @@
-import t from "./predefine.vue2.js";
-import { createElementBlock as r, openBlock as l, normalizeClass as s, createElementVNode as a, Fragment as c, renderList as d, normalizeStyle as i } from "vue";
-import p from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = ["onClick"];
-function u(e, f, k, v, h, C) {
-  return l(), r("div", {
-    class: s(e.ns.b())
-  }, [
-    a("div", {
-      class: s(e.ns.e("colors"))
-    }, [
-      (l(!0), r(c, null, d(e.rgbaColors, (o, n) => (l(), r("div", {
-        key: e.colors[n],
-        class: s([
-          e.ns.e("color-selector"),
-          e.ns.is("alpha", o._alpha < 100),
-          { selected: o.selected }
-        ]),
-        onClick: ($) => e.handleSelect(n)
-      }, [
-        a("div", {
-          style: i({ backgroundColor: o.value })
-        }, null, 4)
-      ], 10, m))), 128))
-    ], 2)
-  ], 2);
-}
-const y = /* @__PURE__ */ p(t, [["render", u]]);
-export {
-  y as default
-};

package/es/packages/components/color-picker/components/sv-panel.vue.js

@@ -1,31 +0,0 @@
-import n from "./sv-panel.vue2.js";
-import { createElementBlock as a, openBlock as t, normalizeStyle as s, normalizeClass as o, createElementVNode as r } from "vue";
-import i from "../../../../_virtual/_plugin-vue_export-helper.js";
-function p(e, l, u, d, c, m) {
-  return t(), a("div", {
-    class: o(e.ns.b()),
-    style: s({
-      backgroundColor: e.background
-    })
-  }, [
-    r("div", {
-      class: o(e.ns.e("white"))
-    }, null, 2),
-    r("div", {
-      class: o(e.ns.e("black"))
-    }, null, 2),
-    r("div", {
-      class: o(e.ns.e("cursor")),
-      style: s({
-        top: e.cursorTop + "px",
-        left: e.cursorLeft + "px"
-      })
-    }, l[0] || (l[0] = [
-      r("div", null, null, -1)
-    ]), 6)
-  ], 6);
-}
-const b = /* @__PURE__ */ i(n, [["render", p]]);
-export {
-  b as default
-};

package/es/packages/components/context-menu/context-menu.vue2.js

@@ -1,104 +0,0 @@
-import { defineComponent as p, ref as d, computed as k, createBlock as c, openBlock as r, Transition as C, withCtx as b, withDirectives as g, createElementVNode as m, normalizeClass as z, withModifiers as M, normalizeStyle as $, unref as u, createElementBlock as B, Fragment as E, renderList as S, vShow as F } from "vue";
-import { useTimeoutFn as H, useClickAway as I, useEventListener as f } from "@vft/use";
-import { VftMenuItem as L } from "../menu/index.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as N } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const R = { class: "vft-sub-menu" }, T = p({
-  name: "vft-context-menu"
-}), Q = /* @__PURE__ */ p({
-  ...T,
-  props: {
-    axis: {},
-    styles: {},
-    width: {},
-    items: {}
-  },
-  setup(o) {
-    const v = N("context-menu");
-    let a = d();
-    const x = k(() => {
-      const { x: t, y: i } = o.axis || { x: 0, y: 0 }, e = (o.items || []).length * 40, l = o.width || 0, s = document.body, w = s.clientWidth < t + l ? t - l : t, y = s.clientHeight < i + e ? i - e : i;
-      return {
-        zIndex: 3e3,
-        ...o.styles,
-        position: "fixed",
-        width: `${o.width}px`,
-        left: `${w + 1}px`,
-        top: `${y + 1}px`
-      };
-    });
-    let n = d(!1);
-    H(() => {
-      n.value = !0;
-    }, 0), I(
-      a,
-      () => {
-        n.value = !1;
-      },
-      {
-        listenerOptions: {
-          capture: !0
-        }
-      }
-    ), f(
-      window,
-      "scroll",
-      () => {
-        n.value = !1;
-      },
-      {
-        capture: !0
-      }
-    ), f(
-      window,
-      "drag",
-      () => {
-        n.value = !1;
-      },
-      {
-        capture: !0
-      }
-    );
-    function h(t) {
-      t?.disabled || (t.handler?.(), n.value = !1);
-    }
-    return (t, i) => (r(), c(C, { name: "vft-zoom-in-top" }, {
-      default: b(() => [
-        g(m("div", {
-          ref_key: "contextMenuRef",
-          ref: a,
-          style: $(x.value),
-          onClick: i[0] || (i[0] = M(() => {
-          }, ["stop"])),
-          class: z([u(v).b(), "vft-menu"])
-        }, [
-          m("div", R, [
-            (r(!0), B(E, null, S(t.items, (e, l) => (r(), c(u(L), {
-              onClick: (s) => h(e),
-              index: l + e.text,
-              title: e.text,
-              divider: e.divider,
-              disabled: e.disabled,
-              icon: e.iconCfg,
-              "is-alone-use": "",
-              key: l
-            }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
-          ])
-        ], 6), [
-          [F, u(n)]
-        ])
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  Q as default
-};