vft 0.0.428 → 0.0.430

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

@@ -1,55 +0,0 @@
-import { defineComponent as f, computed as t, createElementBlock as s, openBlock as l, normalizeStyle as c, normalizeClass as m, unref as n } from "vue";
-import { isString as y } from "@vft/utils";
-import "../config-provider/index.js";
-import "@vueuse/core";
-import { addUnit as p } from "../../utils/helper.js";
-import { generateCssVars as C } from "../../utils/ns-cover.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { useGlobalConfig as h } from "../config-provider/hooks/use-global-config.js";
-const z = ["src"], I = f({
-  name: "vft-icon"
-}), w = /* @__PURE__ */ f({
-  ...I,
-  props: {
-    icon: {},
-    size: {},
-    color: {},
-    rotate: { type: Boolean },
-    rotateSpeed: { default: 2 },
-    pointer: { type: Boolean },
-    hoverColor: {}
-  },
-  setup(o) {
-    const r = g("icon"), e = h(), a = t(
-      () => C(
-        {
-          size: p(o.size),
-          color: o.color,
-          hoverColor: o.hoverColor,
-          cursor: o.pointer ? "pointer" : void 0,
-          animation: o.rotate ? `${e.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
-        },
-        "icon"
-      )
-    ), u = (i) => i?.includes("/"), v = t(() => u(o.icon)), d = t(() => e.value?.iconifyPrefixClass && o.icon && y(o.icon) ? o.icon.startsWith(e.value?.iconifyPrefixClass) : !1).value ? "" : e.value?.iconfontClass || "";
-    return (i, B) => v.value ? (l(), s("img", {
-      key: 0,
-      class: m(n(r).e("image")),
-      src: i.icon,
-      alt: "",
-      style: c(a.value)
-    }, null, 14, z)) : (l(), s("i", {
-      key: 1,
-      class: m([n(r).b(), i.icon, n(d)]),
-      style: c(a.value)
-    }, null, 6));
-  }
-});
-export {
-  w as default
-};

package/es/packages/components/icon-text/icon-text.vue2.js

@@ -1,82 +0,0 @@
-import { defineComponent as g, computed as t, createElementBlock as f, openBlock as r, normalizeStyle as k, normalizeClass as S, unref as l, createBlock as c, createCommentVNode as h, mergeProps as u, normalizeProps as b, toDisplayString as x } from "vue";
-import { VftClampTooltip as I } from "../clamp-tooltip/index.js";
-import { VftIcon as y } from "../icon/index.js";
-import "@vueuse/core";
-import { singleAttrToObj as w, removeUnit as H } from "@vft/utils";
-import { addUnit as C } from "../../utils/helper.js";
-import { generateCssVars as L } from "../../utils/ns-cover.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as O } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const V = { key: 2 }, j = g({
-  name: "vft-icon-text"
-}), M = /* @__PURE__ */ g({
-  ...j,
-  props: {
-    text: {},
-    icon: {},
-    color: {},
-    hoverColor: {},
-    disableIconHover: { type: Boolean },
-    distance: { default: 3 },
-    reverse: { type: Boolean },
-    size: {},
-    direction: { default: "row" },
-    pointer: { type: Boolean },
-    adjustOrigin: { type: Boolean, default: !0 },
-    maxLines: {},
-    showTooltip: { type: Boolean },
-    clampTooltipCfg: {},
-    useClamp: { type: Boolean }
-  },
-  setup(e) {
-    const m = O("icon-text"), i = t(() => e.hoverColor ? e.hoverColor : e.color), n = t(() => w(e.icon, "icon", { size: e.size, color: e.color })), v = t(() => e.direction === "col"), d = t(() => {
-      const o = C(e.distance);
-      return v.value ? e.reverse ? { marginTop: o } : { marginBottom: o } : e.reverse ? { marginLeft: o } : { marginRight: o };
-    }), a = t(() => H(e.size)), s = t(() => a.value < 12), p = t(() => a.value && s.value ? { transform: `scale(${a.value / 12})` } : {}), z = t(() => {
-      const o = L(
-        {
-          cursor: e.pointer ? "pointer" : void 0,
-          color: e.color,
-          "hover-color": e.hoverColor ? i.value : void 0,
-          fontSize: s.value ? "12px" : C(e.size)
-        },
-        "icon-text"
-      );
-      return {
-        ...s.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
-        ...o,
-        ...p.value
-      };
-    }), B = t(() => ({
-      text: e.text,
-      maxLines: e.maxLines,
-      showTooltip: e.showTooltip,
-      ...e.clampTooltipCfg
-    }));
-    return (o, T) => (r(), f("span", {
-      class: S([
-        l(m).b(),
-        l(m).is("col", v.value),
-        { "disable-icon-hover": o.disableIconHover }
-      ]),
-      style: k(z.value)
-    }, [
-      !o.reverse && n.value?.icon ? (r(), c(l(y), u({ key: 0 }, n.value, {
-        "hover-color": o.hoverColor && !o.disableIconHover ? i.value : void 0,
-        style: d.value
-      }), null, 16, ["hover-color", "style"])) : h("", !0),
-      o.useClamp ? (r(), c(l(I), b(u({ key: 1 }, B.value)), null, 16)) : (r(), f("span", V, x(o.text), 1)),
-      o.reverse && n.value?.icon ? (r(), c(l(y), u({ key: 3 }, n.value, {
-        style: d.value,
-        "hover-color": o.hoverColor && !o.disableIconHover ? i.value : void 0
-      }), null, 16, ["style", "hover-color"])) : h("", !0)
-    ], 6));
-  }
-});
-export {
-  M as default
-};

package/es/packages/components/iframe-layout/iframe-layout.vue2.js

@@ -1,30 +0,0 @@
-import { defineComponent as n, createElementBlock as a, openBlock as t, Fragment as o, renderList as c, withDirectives as m, createCommentVNode as l, createBlock as s, vShow as p, unref as _ } from "vue";
-import { useRouter as i } from "vue-router";
-import h from "./iframe-page.vue2.js";
-const d = n({
-  name: "vft-iframe-layout"
-}), w = /* @__PURE__ */ n({
-  ...d,
-  props: {
-    iframePages: {}
-  },
-  setup(k) {
-    const u = i();
-    function f(r) {
-      return r.fullPath === _(u.currentRoute).fullPath;
-    }
-    return (r, P) => (t(!0), a(o, null, c(r.iframePages, (e) => (t(), a(o, {
-      key: e.query ? e.fullPath : e.path
-    }, [
-      e.meta.frameSrc ? m((t(), s(h, {
-        key: 0,
-        "frame-src": e.meta.frameSrc
-      }, null, 8, ["frame-src"])), [
-        [p, f(e)]
-      ]) : l("", !0)
-    ], 64))), 128));
-  }
-});
-export {
-  w as default
-};

package/es/packages/components/iframe-layout/iframe-page.vue2.js

@@ -1,28 +0,0 @@
-import { defineComponent as r, createElementBlock as t, openBlock as m, normalizeClass as p, unref as a } from "vue";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as s } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const i = ["src"], n = r({
-  name: "vft-iframe-page"
-}), b = /* @__PURE__ */ r({
-  ...n,
-  props: {
-    frameSrc: { default: "" }
-  },
-  setup(c) {
-    const e = s("iframe-page");
-    return (o, f) => (m(), t("iframe", {
-      class: p(a(e).b()),
-      src: o.frameSrc
-    }, null, 10, i));
-  }
-});
-export {
-  b as default
-};

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

@@ -1,153 +0,0 @@
-import { defineComponent as $, useAttrs as W, ref as o, computed as d, watch as G, onMounted as J, createElementBlock as f, openBlock as s, normalizeStyle as Q, normalizeClass as y, unref as l, createCommentVNode as u, mergeProps as U, renderSlot as L, createElementVNode as V, Fragment as X, createBlock as Z, withCtx as _, nextTick as ee } from "vue";
-import { useAttrs as te } from "@vft/use";
-import { isInContainer as le, isElement as re, isString as ne, getScrollContainer as ae } from "@vft/utils";
-import { VftImageViewer as ie } from "../image-viewer/index.js";
-import { isClient as v, useThrottleFn as oe, useEventListener as T } from "@vueuse/core";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as se } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const ue = ["src", "loading"], ce = { key: 0 }, de = $({
-  name: "vft-image",
-  inheritAttrs: !1
-}), Ie = /* @__PURE__ */ $({
-  ...de,
-  props: {
-    hideOnClickModal: { type: Boolean, default: !1 },
-    src: { default: "" },
-    fit: { default: "" },
-    loading: {},
-    lazy: { type: Boolean },
-    scrollContainer: {},
-    previewSrcList: { default: () => [] },
-    previewTeleported: { type: Boolean, default: !1 },
-    zIndex: {},
-    initialIndex: { default: 0 },
-    infinite: { type: Boolean, default: !0 },
-    closeOnPressEscape: { type: Boolean, default: !0 }
-  },
-  emits: ["load", "error", "switch", "close", "show"],
-  setup(t, { expose: b, emit: M }) {
-    const a = se("image"), c = M;
-    let k = "";
-    const O = W(), H = te(), w = o(), i = o(!1), r = o(!0), h = o(!1), m = o(), n = o(), x = v && "loading" in HTMLImageElement.prototype;
-    let C, z;
-    const F = d(() => O.style), N = d(() => v && t.fit ? { objectFit: t.fit } : {}), p = d(() => Array.isArray(t.previewSrcList) && t.previewSrcList.length > 0), P = d(() => {
-      let e = t.initialIndex;
-      return t.initialIndex > t.previewSrcList.length - 1 && (e = 0), e;
-    }), S = d(() => t.loading === "eager" ? !1 : !x && t.loading === "lazy" || t.lazy), g = () => {
-      v && (r.value = !0, i.value = !1, w.value = t.src);
-    };
-    function D(e) {
-      r.value = !1, i.value = !1, c("load", e);
-    }
-    function Y(e) {
-      r.value = !1, i.value = !0, c("error", e);
-    }
-    function I() {
-      le(m.value, n.value) && (g(), A());
-    }
-    const E = oe(I, 200);
-    async function B() {
-      v && (await ee(), re(t.scrollContainer) ? n.value = t.scrollContainer : ne(t.scrollContainer) && t.scrollContainer !== "" ? n.value = document.querySelector(t.scrollContainer) ?? void 0 : m.value && (n.value = ae(m.value)), n.value && (C = T(
-        n,
-        "scroll",
-        E
-      ), setTimeout(() => I(), 100)));
-    }
-    function A() {
-      !v || !n.value || !E || (C?.(), n.value = void 0);
-    }
-    function j(e) {
-      if (e.ctrlKey) {
-        if (e.deltaY < 0)
-          return e.preventDefault(), !1;
-        if (e.deltaY > 0)
-          return e.preventDefault(), !1;
-      }
-    }
-    function q() {
-      p.value && (z = T("wheel", j, {
-        passive: !1
-      }), k = document.body.style.overflow, document.body.style.overflow = "hidden", h.value = !0, c("show"));
-    }
-    function K() {
-      z?.(), document.body.style.overflow = k, h.value = !1, c("close");
-    }
-    function R(e) {
-      c("switch", e);
-    }
-    return G(
-      () => t.src,
-      () => {
-        S.value ? (r.value = !0, i.value = !1, A(), B()) : g();
-      }
-    ), J(() => {
-      S.value ? B() : g();
-    }), b({
-      isLoading: r
-    }), (e, fe) => (s(), f("div", {
-      ref_key: "container",
-      ref: m,
-      class: y([l(a).b(), e.$attrs.class]),
-      style: Q(F.value)
-    }, [
-      w.value !== void 0 && !i.value ? (s(), f("img", U({ key: 0 }, l(H), {
-        src: w.value,
-        loading: e.loading,
-        style: N.value,
-        class: [
-          l(a).e("inner"),
-          p.value && l(a).e("preview"),
-          r.value && l(a).is("loading")
-        ],
-        onClick: q,
-        onLoad: D,
-        onError: Y,
-        alt: ""
-      }), null, 16, ue)) : u("", !0),
-      r.value || i.value ? (s(), f("div", {
-        key: 1,
-        class: y(l(a).e("wrapper"))
-      }, [
-        r.value ? L(e.$slots, "placeholder", { key: 0 }, () => [
-          V("div", {
-            class: y(l(a).e("placeholder"))
-          }, null, 2)
-        ]) : i.value ? L(e.$slots, "error", { key: 1 }, () => [
-          V("div", {
-            class: y(l(a).e("error"))
-          }, "加载失败", 2)
-        ]) : u("", !0)
-      ], 2)) : u("", !0),
-      p.value ? (s(), f(X, { key: 2 }, [
-        h.value ? (s(), Z(l(ie), {
-          key: 0,
-          "z-index": e.zIndex,
-          "initial-index": P.value,
-          infinite: e.infinite,
-          "zoom-rate": e.zoomRate,
-          "url-list": e.previewSrcList,
-          "hide-on-click-modal": e.hideOnClickModal,
-          teleported: e.previewTeleported,
-          "close-on-press-escape": e.closeOnPressEscape,
-          onClose: K,
-          onSwitch: R
-        }, {
-          default: _(() => [
-            e.$slots.viewer ? (s(), f("div", ce, [
-              L(e.$slots, "viewer")
-            ])) : u("", !0)
-          ]),
-          _: 3
-        }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : u("", !0)
-      ], 64)) : u("", !0)
-    ], 6));
-  }
-});
-export {
-  Ie as default
-};

package/es/packages/components/image-viewer/image-viewer.vue2.js

@@ -1,299 +0,0 @@
-import { defineComponent as A, ref as z, effectScope as ne, computed as b, watch as R, nextTick as oe, onMounted as ae, createBlock as se, openBlock as x, unref as t, withCtx as S, createVNode as d, Transition as ie, createElementVNode as c, normalizeStyle as V, normalizeClass as l, createElementBlock as E, createCommentVNode as le, renderSlot as re, withModifiers as ce, Fragment as H, renderList as ue, withDirectives as fe, vShow as de } from "vue";
-import { EVENT_CODE as w } from "@vft/constants";
-import { isNumber as Z } from "@vft/utils";
-import { VftIcon as v } from "../icon/index.js";
-import { useEventListener as I } from "@vueuse/core";
-import "../config-provider/hooks/use-global-config.js";
-import { throttle as T } from "lodash-es";
-import "../form/index.js";
-import { useNamespace as me } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
-import { VftTeleport as ge } from "../teleport/index.js";
-const ke = ["src"], pe = A({
-  name: "vft-image-viewer"
-}), Ye = /* @__PURE__ */ A({
-  ...pe,
-  props: {
-    urlList: { default: () => [] },
-    zIndex: {},
-    initialIndex: { default: 0 },
-    infinite: { type: Boolean, default: !0 },
-    hideOnClickModal: { type: Boolean, default: !1 },
-    teleported: { type: Boolean, default: !1 },
-    closeOnPressEscape: { type: Boolean, default: !0 },
-    zoomRate: { default: 1.2 }
-  },
-  emits: {
-    close: () => !0,
-    switch: (s) => Z(s)
-  },
-  setup(s, { expose: P, emit: W }) {
-    const a = me("image-viewer"), $ = W, { nextZIndex: j } = ve(), C = z(), X = z([]), Y = ne(), k = z(!0), m = z(s.initialIndex), i = z({
-      scale: 1,
-      deg: 0,
-      offsetX: 0,
-      offsetY: 0,
-      enableTransition: !1
-    }), q = b(() => s.urlList.length <= 1), O = b(() => m.value === 0), M = b(() => m.value === s.urlList.length - 1), G = b(() => s.urlList[m.value]), J = b(() => {
-      const { scale: e, deg: n, offsetX: o, offsetY: r, enableTransition: h } = i.value;
-      let u = o / e, f = r / e;
-      switch (n % 360) {
-        case 90:
-        case -270:
-          [u, f] = [f, -u];
-          break;
-        case 180:
-        case -180:
-          [u, f] = [-u, -f];
-          break;
-        case 270:
-        case -90:
-          [u, f] = [-f, u];
-          break;
-      }
-      const p = {
-        transform: `scale(${e}) rotate(${n}deg) translate(${u}px, ${f}px)`,
-        transition: h ? "transform .3s" : ""
-      };
-      return p.maxWidth = p.maxHeight = "100%", p;
-    }), K = b(() => Z(s.zIndex) ? s.zIndex : j());
-    function y() {
-      U(), $("close");
-    }
-    function Q() {
-      const e = T((o) => {
-        switch (o.code) {
-          // ESC
-          case w.esc:
-            s.closeOnPressEscape && y();
-            break;
-          // SPACE
-          case w.space:
-            B();
-            break;
-          // LEFT_ARROW
-          case w.left:
-            D();
-            break;
-          // UP_ARROW
-          case w.up:
-            g("zoomIn");
-            break;
-          // RIGHT_ARROW
-          case w.right:
-            F();
-            break;
-          // DOWN_ARROW
-          case w.down:
-            g("zoomOut");
-            break;
-        }
-      }), n = T((o) => {
-        const r = o.deltaY || o.deltaX;
-        g(r < 0 ? "zoomIn" : "zoomOut", {
-          zoomRate: s.zoomRate,
-          enableTransition: !1
-        });
-      });
-      Y.run(() => {
-        I(document, "keydown", e), I(document, "wheel", n);
-      });
-    }
-    function U() {
-      Y.stop();
-    }
-    function _() {
-      k.value = !1;
-    }
-    function ee(e) {
-      k.value = !1, e.target.alt = "加载失败";
-    }
-    function te(e) {
-      if (k.value || e.button !== 0 || !C.value) return;
-      i.value.enableTransition = !1;
-      const { offsetX: n, offsetY: o } = i.value, r = e.pageX, h = e.pageY, u = T((p) => {
-        i.value = {
-          ...i.value,
-          offsetX: n + p.pageX - r,
-          offsetY: o + p.pageY - h
-        };
-      }), f = I(document, "mousemove", u);
-      I(document, "mouseup", () => {
-        f();
-      }), e.preventDefault();
-    }
-    function N() {
-      i.value = {
-        scale: 1,
-        deg: 0,
-        offsetX: 0,
-        offsetY: 0,
-        enableTransition: !1
-      };
-    }
-    function B() {
-      k.value || N();
-    }
-    function L(e) {
-      const n = s.urlList.length;
-      m.value = (e + n) % n;
-    }
-    function D() {
-      O.value && !s.infinite || L(m.value - 1);
-    }
-    function F() {
-      M.value && !s.infinite || L(m.value + 1);
-    }
-    function g(e, n = {}) {
-      if (k.value) return;
-      const { rotateDeg: o, enableTransition: r } = {
-        rotateDeg: 90,
-        enableTransition: !0,
-        ...n
-      };
-      switch (e) {
-        case "zoomOut":
-          i.value.scale > 0.2 && (i.value.scale = Number.parseFloat(
-            (i.value.scale / s.zoomRate).toFixed(3)
-          ));
-          break;
-        case "zoomIn":
-          i.value.scale < 7 && (i.value.scale = Number.parseFloat(
-            (i.value.scale * s.zoomRate).toFixed(3)
-          ));
-          break;
-        case "clockwise":
-          i.value.deg += o;
-          break;
-        case "anticlockwise":
-          i.value.deg -= o;
-          break;
-      }
-      i.value.enableTransition = r;
-    }
-    return R(G, () => {
-      oe(() => {
-        X.value[0]?.complete || (k.value = !0);
-      });
-    }), R(m, (e) => {
-      N(), $("switch", e);
-    }), ae(() => {
-      Q(), C.value?.focus?.();
-    }), P({
-      /** @description manually switch image */
-      setActiveItem: L
-    }), (e, n) => (x(), se(t(ge), {
-      to: "body",
-      disabled: !e.teleported
-    }, {
-      default: S(() => [
-        d(ie, {
-          name: "viewer-fade",
-          appear: ""
-        }, {
-          default: S(() => [
-            c("div", {
-              ref_key: "wrapper",
-              ref: C,
-              tabindex: -1,
-              class: l(t(a).e("wrapper")),
-              style: V({ zIndex: K.value })
-            }, [
-              c("div", {
-                class: l(t(a).e("mask")),
-                onClick: n[0] || (n[0] = ce((o) => e.hideOnClickModal && y(), ["self"]))
-              }, null, 2),
-              c("span", {
-                class: l([t(a).e("btn"), t(a).e("close")]),
-                onClick: y
-              }, [
-                d(t(v), { icon: "icon-close" })
-              ], 2),
-              q.value ? le("", !0) : (x(), E(H, { key: 0 }, [
-                c("span", {
-                  class: l([
-                    t(a).e("btn"),
-                    t(a).e("prev"),
-                    t(a).is("disabled", !e.infinite && O.value)
-                  ]),
-                  onClick: D
-                }, [
-                  d(t(v), { icon: "icon-arrow-left" })
-                ], 2),
-                c("span", {
-                  class: l([
-                    t(a).e("btn"),
-                    t(a).e("next"),
-                    t(a).is("disabled", !e.infinite && M.value)
-                  ]),
-                  onClick: F
-                }, [
-                  d(t(v), { icon: "icon-arrow-right" })
-                ], 2)
-              ], 64)),
-              c("div", {
-                class: l([t(a).e("btn"), t(a).e("actions")])
-              }, [
-                c("div", {
-                  class: l(t(a).e("actions__inner"))
-                }, [
-                  d(t(v), {
-                    icon: "icon-zoom-out",
-                    onClick: n[1] || (n[1] = (o) => g("zoomOut"))
-                  }),
-                  d(t(v), {
-                    icon: "icon-zoom-in",
-                    onClick: n[2] || (n[2] = (o) => g("zoomIn"))
-                  }),
-                  c("i", {
-                    class: l(t(a).e("actions__divider"))
-                  }, null, 2),
-                  d(t(v), {
-                    icon: "icon-scale-to-original",
-                    onClick: B
-                  }),
-                  c("i", {
-                    class: l(t(a).e("actions__divider"))
-                  }, null, 2),
-                  d(t(v), {
-                    icon: "icon-refresh-left",
-                    onClick: n[3] || (n[3] = (o) => g("anticlockwise"))
-                  }),
-                  d(t(v), {
-                    icon: "icon-refresh-right",
-                    onClick: n[4] || (n[4] = (o) => g("clockwise"))
-                  })
-                ], 2)
-              ], 2),
-              c("div", {
-                class: l(t(a).e("canvas"))
-              }, [
-                (x(!0), E(H, null, ue(e.urlList, (o, r) => fe((x(), E("img", {
-                  ref_for: !0,
-                  ref: (h) => X.value[r] = h,
-                  key: o,
-                  src: o,
-                  style: V(J.value),
-                  class: l(t(a).e("img")),
-                  onLoad: _,
-                  onError: ee,
-                  onMousedown: te
-                }, null, 46, ke)), [
-                  [de, r === m.value]
-                ])), 128))
-              ], 2),
-              re(e.$slots, "default")
-            ], 6)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["disabled"]));
-  }
-});
-export {
-  Ye as default
-};