vft 0.0.50 → 0.0.53

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

@@ -1,100 +0,0 @@
-import { defineComponent as W, getCurrentInstance as T, ref as a, computed as w, watch as x, onMounted as B } from "vue";
-import "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import "../../../utils/ns-cover.js";
-import { getClientXY as L } from "../../../utils/dom/position.js";
-import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import { draggable as v } from "../utils/draggable.js";
-const O = W({
-  name: "VftColorHueSlider",
-  props: {
-    color: {
-      type: Object,
-      required: !0
-    },
-    vertical: Boolean
-  },
-  setup(u) {
-    const g = V("color-hue-slider"), l = T(), e = a(), i = a(), s = a(0), d = a(0), m = w(() => u.color.get("hue"));
-    x(
-      () => m.value,
-      () => {
-        c();
-      }
-    );
-    function p(t) {
-      t.target !== e.value && f(t);
-    }
-    function f(t) {
-      if (!i.value || !e.value)
-        return;
-      const r = l.vnode.el.getBoundingClientRect(), { clientX: C, clientY: H } = L(t);
-      let h;
-      if (u.vertical) {
-        let o = H - r.top;
-        o = Math.min(o, r.height - e.value.offsetHeight / 2), o = Math.max(e.value.offsetHeight / 2, o), h = Math.round(
-          (o - e.value.offsetHeight / 2) / (r.height - e.value.offsetHeight) * 360
-        );
-      } else {
-        let o = C - r.left;
-        o = Math.min(o, r.width - e.value.offsetWidth / 2), o = Math.max(e.value.offsetWidth / 2, o), h = Math.round(
-          (o - e.value.offsetWidth / 2) / (r.width - e.value.offsetWidth) * 360
-        );
-      }
-      u.color.set("hue", h);
-    }
-    function M() {
-      if (!e.value)
-        return 0;
-      const t = l.vnode.el;
-      if (u.vertical)
-        return 0;
-      const n = u.color.get("hue");
-      return t ? Math.round(
-        n * (t.offsetWidth - e.value.offsetWidth / 2) / 360
-      ) : 0;
-    }
-    function b() {
-      if (!e.value)
-        return 0;
-      const t = l.vnode.el;
-      if (!u.vertical)
-        return 0;
-      const n = u.color.get("hue");
-      return t ? Math.round(
-        n * (t.offsetHeight - e.value.offsetHeight / 2) / 360
-      ) : 0;
-    }
-    function c() {
-      s.value = M(), d.value = b();
-    }
-    return B(() => {
-      if (!i.value || !e.value)
-        return;
-      const t = {
-        drag: (n) => {
-          f(n);
-        },
-        end: (n) => {
-          f(n);
-        }
-      };
-      v(i.value, t), v(e.value, t), c();
-    }), {
-      bar: i,
-      thumb: e,
-      thumbLeft: s,
-      thumbTop: d,
-      hueValue: m,
-      handleClick: p,
-      update: c,
-      ns: g
-    };
-  }
-});
-export {
-  O as default
-};

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

@@ -1,31 +0,0 @@
-import t from "./predefine.vue2.js";
-import { openBlock as r, createElementBlock 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 r(), l("div", {
-    class: s(e.ns.b())
-  }, [
-    a("div", {
-      class: s(e.ns.e("colors"))
-    }, [
-      (r(!0), l(c, null, d(e.rgbaColors, (o, n) => (r(), l("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/predefine.vue2.js

@@ -1,53 +0,0 @@
-import { defineComponent as f, inject as s, ref as p, watch as d, watchEffect as C } from "vue";
-import { useNamespace as g } 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 { colorPickerContextKey as h } from "../contants.js";
-import a from "../utils/color.js";
-const _ = f({
-  props: {
-    colors: {
-      type: Array,
-      required: !0
-    },
-    color: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(o) {
-    const m = g("color-predefine"), { currentColor: i } = s(h), n = p(l(o.colors, o.color));
-    d(
-      () => i.value,
-      (e) => {
-        const t = new a();
-        t.fromString(e), n.value.forEach((c) => {
-          c.selected = t.compare(c);
-        });
-      }
-    ), C(() => {
-      n.value = l(o.colors, o.color);
-    });
-    function u(e) {
-      o.color.fromString(o.colors[e]);
-    }
-    function l(e, t) {
-      return e.map((c) => {
-        const r = new a();
-        return r.enableAlpha = !0, r.format = "rgba", r.fromString(c), r.selected = r.value === t.value, r;
-      });
-    }
-    return {
-      rgbaColors: n,
-      handleSelect: u,
-      ns: m
-    };
-  }
-});
-export {
-  _ as default
-};

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

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

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

@@ -1,63 +0,0 @@
-import { defineComponent as p, getCurrentInstance as M, ref as d, computed as w, watch as C, onMounted as b } from "vue";
-import "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import "../../../utils/ns-cover.js";
-import { getClientXY as x } from "../../../utils/dom/position.js";
-import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import { draggable as X } from "../utils/draggable.js";
-const L = p({
-  name: "VftSlPanel",
-  props: {
-    color: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(o) {
-    const f = V("color-svpanel"), a = M(), r = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), v = w(() => {
-      const t = o.color.get("hue"), c = o.color.get("value");
-      return { hue: t, value: c };
-    });
-    function u() {
-      const t = o.color.get("saturation"), c = o.color.get("value"), e = a.vnode.el, { clientWidth: m, clientHeight: h } = e;
-      i.value = t * m / 100, r.value = (100 - c) * h / 100, g.value = `hsl(${o.color.get("hue")}, 100%, 50%)`;
-    }
-    function s(t) {
-      const e = a.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = x(t);
-      let n = m - e.left, l = h - e.top;
-      n = Math.max(0, n), n = Math.min(n, e.width), l = Math.max(0, l), l = Math.min(l, e.height), i.value = n, r.value = l, o.color.set({
-        saturation: n / e.width * 100,
-        value: 100 - l / e.height * 100
-      });
-    }
-    return C(
-      () => v.value,
-      () => {
-        u();
-      }
-    ), b(() => {
-      X(a.vnode.el, {
-        drag: (t) => {
-          s(t);
-        },
-        end: (t) => {
-          s(t);
-        }
-      }), u();
-    }), {
-      cursorTop: r,
-      cursorLeft: i,
-      background: g,
-      colorValue: v,
-      handleDrag: s,
-      update: u,
-      ns: f
-    };
-  }
-});
-export {
-  L as default
-};

package/es/packages/components/color-picker/composables/use-alpha-slider.js

@@ -1,107 +0,0 @@
-import { getCurrentInstance as $, shallowRef as M, ref as m, onMounted as x, watch as p, computed as c } from "vue";
-import { addUnit as H } from "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import "../../../utils/ns-cover.js";
-import { getClientXY as K } from "../../../utils/dom/position.js";
-import { useNamespace as R } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import { draggable as W } from "../utils/draggable.js";
-const U = (e) => {
-  const f = $(), t = M(), u = M();
-  function h(i) {
-    i.target !== t.value && r(i);
-  }
-  function r(i) {
-    if (!u.value || !t.value)
-      return;
-    const l = f.vnode.el.getBoundingClientRect(), { clientX: v, clientY: d } = K(i);
-    if (e.vertical) {
-      let o = d - l.top;
-      o = Math.max(t.value.offsetHeight / 2, o), o = Math.min(o, l.height - t.value.offsetHeight / 2), e.color.set(
-        "alpha",
-        Math.round(
-          (o - t.value.offsetHeight / 2) / (l.height - t.value.offsetHeight) * 100
-        )
-      );
-    } else {
-      let o = v - l.left;
-      o = Math.max(t.value.offsetWidth / 2, o), o = Math.min(o, l.width - t.value.offsetWidth / 2), e.color.set(
-        "alpha",
-        Math.round(
-          (o - t.value.offsetWidth / 2) / (l.width - t.value.offsetWidth) * 100
-        )
-      );
-    }
-  }
-  return {
-    thumb: t,
-    bar: u,
-    handleDrag: r,
-    handleClick: h
-  };
-}, j = (e, {
-  bar: f,
-  thumb: t,
-  handleDrag: u
-}) => {
-  const h = $(), r = R("color-alpha-slider"), i = m(0), s = m(0), l = m();
-  function v() {
-    if (!t.value || e.vertical)
-      return 0;
-    const a = h.vnode.el, n = e.color.get("alpha");
-    return a ? Math.round(
-      n * (a.offsetWidth - t.value.offsetWidth / 2) / 100
-    ) : 0;
-  }
-  function d() {
-    if (!t.value)
-      return 0;
-    const a = h.vnode.el;
-    if (!e.vertical)
-      return 0;
-    const n = e.color.get("alpha");
-    return a ? Math.round(
-      n * (a.offsetHeight - t.value.offsetHeight / 2) / 100
-    ) : 0;
-  }
-  function o() {
-    if (e.color && e.color.value) {
-      const { r: a, g: n, b } = e.color.toRgb();
-      return `linear-gradient(to right, rgba(${a}, ${n}, ${b}, 0) 0%, rgba(${a}, ${n}, ${b}, 1) 100%)`;
-    }
-    return "";
-  }
-  function g() {
-    i.value = v(), s.value = d(), l.value = o();
-  }
-  x(() => {
-    if (!f.value || !t.value)
-      return;
-    const a = {
-      drag: (n) => {
-        u(n);
-      },
-      end: (n) => {
-        u(n);
-      }
-    };
-    W(f.value, a), W(t.value, a), g();
-  }), p(
-    () => e.color.get("alpha"),
-    () => g()
-  ), p(
-    () => e.color.value,
-    () => g()
-  );
-  const C = c(() => [r.b(), r.is("vertical", e.vertical)]), k = c(() => r.e("bar")), w = c(() => r.e("thumb")), S = c(() => ({ background: l.value })), T = c(() => ({
-    left: H(i.value),
-    top: H(s.value)
-  }));
-  return { rootKls: C, barKls: k, barStyle: S, thumbKls: w, thumbStyle: T, update: g };
-};
-export {
-  U as useAlphaSlider,
-  j as useAlphaSliderDOM
-};

package/es/packages/components/config-provider/config-provider.vue2.js

@@ -1,76 +0,0 @@
-import { defineComponent as s, watch as o, computed as d, onActivated as f, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, openBlock as b, createElementBlock as v, normalizeClass as C, unref as r, normalizeStyle as V, renderSlot as k } from "vue";
-import { inBrowser as B, kebabCase as D } from "@vft/utils";
-import { useNamespace as E } 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";
-import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
-import { messageConfig as S } from "./constants.js";
-const i = (
-  /* hoist-static*/
-  E("config-provider")
-), T = s({
-  name: i.b()
-}), N = /* @__PURE__ */ s({
-  ...T,
-  props: {
-    theme: { default: "light" },
-    themeVars: null,
-    themeVarsDark: null,
-    themeVarsLight: null,
-    iconPrefix: null,
-    namespace: { default: "vft" },
-    zIndex: null,
-    message: null,
-    projectCfg: null,
-    button: null
-  },
-  setup(t) {
-    o(
-      () => t.message,
-      (e) => {
-        Object.assign(S, e ?? {});
-      },
-      { immediate: !0, deep: !0 }
-    );
-    const c = d(() => {
-      const e = t.theme === "dark";
-      return l({
-        ...t.themeVars,
-        ...e ? t.themeVarsDark : t.themeVarsLight
-      });
-    });
-    if (B) {
-      const e = () => {
-        document.documentElement.classList.add(t.theme);
-      }, n = (m = t.theme) => {
-        document.documentElement.classList.remove(m);
-      };
-      o(
-        () => t.theme,
-        (m, a) => {
-          a && n(a), e();
-        },
-        { immediate: !0 }
-      ), f(e), h(n), g(n);
-    }
-    function l(e) {
-      const n = {};
-      return Object.keys(e).forEach((m) => {
-        n[`--${t.namespace}-${D(m)}`] = e[m];
-      }), n;
-    }
-    const u = p();
-    return L(u.props), (e, n) => (b(), v("div", {
-      class: C(r(i).b()),
-      style: V(r(c))
-    }, [
-      k(e.$slots, "default")
-    ], 6));
-  }
-});
-export {
-  N as default
-};

package/es/packages/components/config-provider/hooks/use-global-config.js

@@ -1,67 +0,0 @@
-import { ref as v, getCurrentInstance as l, inject as p, computed as i, provide as g, unref as x } from "vue";
-import { keysOf as a } from "@vft/utils";
-import { debugWarn as C } from "../../../utils/error.js";
-import "lodash";
-import "@vueuse/core";
-import "../../../utils/ns-cover.js";
-import { useNamespace as b, defaultNamespace as I, namespaceContextKey as y } from "../../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import { useZIndex as G, defaultInitialZIndex as z, zIndexContextKey as K } from "../../../hooks/use-z-index/index.js";
-import { configProviderContextKey as m } from "../constants.js";
-const c = v();
-function d(t, o = void 0) {
-  const r = l() ? p(m, c) : c;
-  return t ? i(() => {
-    var n;
-    return ((n = r.value) == null ? void 0 : n[t]) ?? o;
-  }) : r;
-}
-function q(t) {
-  const o = d(), r = b(
-    t,
-    i(() => {
-      var e;
-      return ((e = o.value) == null ? void 0 : e.namespace) || I;
-    })
-  ), n = G(
-    i(() => {
-      var e;
-      return ((e = o.value) == null ? void 0 : e.zIndex) || z;
-    })
-  );
-  return {
-    ns: r,
-    zIndex: n
-  };
-}
-const A = (t, o, r = !1) => {
-  const n = !!l(), e = n ? d() : void 0, u = (o == null ? void 0 : o.provide) ?? (n ? g : void 0);
-  if (!u) {
-    C(
-      "provideGlobalConfig",
-      "provideGlobalConfig() can only be used inside setup()."
-    );
-    return;
-  }
-  const s = i(() => {
-    const f = x(t);
-    return e != null && e.value ? S(e.value, f) : f;
-  });
-  return u(m, s), u(
-    y,
-    i(() => s.value.namespace)
-  ), u(
-    K,
-    i(() => s.value.zIndex)
-  ), (r || !c.value) && (c.value = s.value), s;
-}, S = (t, o) => {
-  const r = [.../* @__PURE__ */ new Set([...a(t), ...a(o)])], n = {};
-  for (const e of r)
-    n[e] = o[e] ?? t[e];
-  return n;
-};
-export {
-  A as provideGlobalConfig,
-  q as useGlobalComponentSettings,
-  d as useGlobalConfig
-};

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

@@ -1,146 +0,0 @@
-import { defineComponent as w, ref as u, computed as y, openBlock as n, createBlock as d, Transition as k, withCtx as C, withDirectives as b, createElementVNode as c, normalizeStyle as g, unref as l, withModifiers as M, createElementBlock as $, Fragment as z, renderList as B, vShow as E } from "vue";
-import { useTimeoutFn as S, useClickAway as A, useEventListener as a } from "@vft/use";
-import "../divider/index.js";
-import "../icon/index.js";
-import "../avatar/index.js";
-import "../empty/index.js";
-import "../result/index.js";
-import "../tabs/index.js";
-import "../popper/index.js";
-import "../collapse-transition/index.js";
-import "../tooltip/index.js";
-import "../popover/index.js";
-import { VftMenuItem as F } from "../menu/index.js";
-import "@vft/utils";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/router";
-import "@vft/store";
-import "vue-router";
-import "../header-layout/index.js";
-import "../footer-layout/index.js";
-import "../iframe-layout/index.js";
-import "../router-view-content/index.js";
-import "../logo/index.js";
-import "../back-top/index.js";
-import "../config-provider/index.js";
-import "../descriptions/index.js";
-import "../full-screen/index.js";
-import "../icon-text/index.js";
-import "../image/index.js";
-import "../input/index.js";
-import "../link/index.js";
-import "../pagination/index.js";
-import "../tag/index.js";
-import "../side-menu/index.js";
-import "../qrcode/index.js";
-import "../overlay/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../page-wrapper/index.js";
-import "../exception/index.js";
-import "../search/index.js";
-import "../form/index.js";
-import "../button/index.js";
-import "../checkbox/index.js";
-import "../radio/index.js";
-import "../switch/index.js";
-import "../color-picker/index.js";
-import "../scrollbar/index.js";
-import "../dropdown/index.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/props.js";
-import "../select-v2/index.js";
-import "../verify-code/index.js";
-import "../table/index.js";
-import "../md-container/index.js";
-import "../md-comment/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../message/index.js";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-const H = { class: "vft-sub-menu" }, Qt = /* @__PURE__ */ w({
-  __name: "context-menu",
-  props: {
-    axis: null,
-    styles: null,
-    width: null,
-    items: null
-  },
-  setup(r) {
-    let s = u();
-    const f = y(() => {
-      const { x: t, y: i } = r.axis || { x: 0, y: 0 }, o = (r.items || []).length * 40, m = r.width || 0, p = document.body, v = p.clientWidth < t + m ? t - m : t, h = p.clientHeight < i + o ? i - o : i;
-      return {
-        zIndex: 3e3,
-        ...r.styles,
-        position: "fixed",
-        width: `${r.width}px`,
-        left: `${v + 1}px`,
-        top: `${h + 1}px`
-      };
-    });
-    let e = u(!1);
-    S(() => {
-      e.value = !0;
-    }, 0), A(s, () => {
-      e.value = !1;
-    }, {
-      listenerOptions: {
-        capture: !0
-      }
-    }), a(window, "scroll", () => {
-      e.value = !1;
-    }, {
-      capture: !0
-    }), a(window, "drag", () => {
-      e.value = !1;
-    }, {
-      capture: !0
-    });
-    function x(t) {
-      var i;
-      t != null && t.disabled || ((i = t.handler) == null || i.call(t), e.value = !1);
-    }
-    return (t, i) => (n(), d(k, { name: "vft-zoom-in-top" }, {
-      default: C(() => [
-        b(c("div", {
-          ref_key: "contextMenuRef",
-          ref: s,
-          style: g(l(f)),
-          onClick: i[0] || (i[0] = M(() => {
-          }, ["stop"])),
-          class: "vft-menu"
-        }, [
-          c("div", H, [
-            (n(!0), $(z, null, B(r.items, (o, m) => (n(), d(l(F), {
-              onClick: (p) => x(o),
-              index: m + o.text,
-              title: o.text,
-              divider: o.divider,
-              disabled: o.disabled,
-              icon: o.iconCfg,
-              isAloneUse: "",
-              key: m
-            }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
-          ])
-        ], 4), [
-          [E, l(e)]
-        ])
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  Qt as default
-};