vft 0.0.428 → 0.0.430

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

@@ -1,127 +0,0 @@
-import { defineComponent as R, ref as f, computed as s, onMounted as V, watch as H, createBlock as $, openBlock as i, Transition as D, unref as n, withCtx as F, withDirectives as j, createElementVNode as P, normalizeStyle as U, normalizeClass as r, createElementBlock as c, createCommentVNode as h, renderSlot as Z, createVNode as w, normalizeProps as A, guardReactiveProps as G, toDisplayString as q, withModifiers as J, vShow as K } from "vue";
-import { EVENT_CODE as Q } from "@vft/constants";
-import { useEventListener as W } from "@vft/use";
-import { isObject as X } from "@vft/utils";
-import { VftIcon as k } from "../icon/index.js";
-import { useResizeObserver as Y, useTimeoutFn as _ } from "@vueuse/core";
-import "../config-provider/index.js";
-import { getLastOffset as x, getOffsetOrSpace as ee } from "./instance.js";
-import { useGlobalComponentSettings as oe } from "../config-provider/hooks/use-global-config.js";
-const ne = ["id"], te = ["innerHTML"], de = /* @__PURE__ */ R({
-  __name: "message",
-  props: {
-    customClass: {},
-    center: { type: Boolean },
-    dangerouslyUseHTMLString: { type: Boolean },
-    duration: {},
-    icon: {},
-    id: {},
-    message: { type: [String, Object, Function] },
-    onClose: { type: Function },
-    showClose: { type: Boolean },
-    type: {},
-    offset: {},
-    zIndex: {},
-    grouping: { type: Boolean },
-    repeatNum: {}
-  },
-  emits: ["destroy"],
-  setup(B, { expose: b }) {
-    const o = B, { ns: t, zIndex: M } = oe("message"), { currentZIndex: S, nextZIndex: T } = M, u = f(), l = f(!1), p = f(0);
-    let d;
-    const L = /* @__PURE__ */ new Map([
-      ["success", { icon: "icon-success-filled" }],
-      ["error", { icon: "icon-circle-close-filled" }],
-      ["warning", { icon: "icon-warning-filled" }]
-    ]), g = s(() => (o.icon ? X(o.icon) ? o.icon : { icon: o.icon } : "") || L.get(o.type) || ""), O = s(() => {
-      const e = o.type;
-      return { [t.bm("icon", e)]: e };
-    }), z = s(() => x(o.id)), v = s(
-      () => ee(o.id, o.offset) + z.value
-    ), E = s(() => p.value + v.value), I = s(() => ({
-      top: `${v.value}px`,
-      zIndex: S.value
-    }));
-    function m() {
-      o.duration !== 0 && ({ stop: d } = _(() => {
-        a();
-      }, o.duration));
-    }
-    function y() {
-      d?.();
-    }
-    function a() {
-      l.value = !1;
-    }
-    function N({ code: e }) {
-      e === Q.esc && a();
-    }
-    return V(() => {
-      m(), T(), l.value = !0;
-    }), H(
-      () => o.repeatNum,
-      () => {
-        y(), m();
-      }
-    ), W(document, "keydown", N), Y(u, () => {
-      p.value = u.value.getBoundingClientRect().height;
-    }), b({
-      visible: l,
-      bottom: E,
-      close: a
-    }), (e, C) => (i(), $(D, {
-      name: n(t).b("fade"),
-      onBeforeLeave: e.onClose,
-      onAfterLeave: C[0] || (C[0] = (se) => e.$emit("destroy"))
-    }, {
-      default: F(() => [
-        j(P("div", {
-          id: e.id,
-          ref_key: "messageRef",
-          ref: u,
-          class: r([
-            n(t).b(),
-            { [n(t).m(e.type)]: e.type && !e.icon },
-            n(t).is("center", e.center),
-            n(t).is("closable", e.showClose),
-            e.customClass
-          ]),
-          style: U(I.value),
-          role: "alert",
-          onMouseenter: y,
-          onMouseleave: m
-        }, [
-          g.value?.icon ? (i(), c("div", {
-            key: 0,
-            class: r([n(t).e("icon"), O.value])
-          }, [
-            w(n(k), A(G(g.value)), null, 16)
-          ], 2)) : h("", !0),
-          Z(e.$slots, "default", {}, () => [
-            e.dangerouslyUseHTMLString ? (i(), c("p", {
-              key: 1,
-              class: r(n(t).e("content")),
-              innerHTML: e.message
-            }, null, 10, te)) : (i(), c("p", {
-              key: 0,
-              class: r(n(t).e("content"))
-            }, q(e.message), 3))
-          ]),
-          e.showClose ? (i(), c("div", {
-            key: 1,
-            class: r(n(t).e("closeBtn")),
-            onClick: J(a, ["stop"])
-          }, [
-            w(n(k), { icon: "icon-circle-close" })
-          ], 2)) : h("", !0)
-        ], 46, ne), [
-          [K, l.value]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onBeforeLeave"]));
-  }
-});
-export {
-  de as default
-};

package/es/packages/components/modal/modal-footer-action.vue2.js

@@ -1,62 +0,0 @@
-import { defineComponent as O, computed as n, createBlock as s, openBlock as i, unref as t, normalizeProps as w, guardReactiveProps as y, withCtx as r, createCommentVNode as p, renderSlot as c, mergeProps as l, createTextVNode as f, toDisplayString as B } from "vue";
-import { VftRow as g } from "../row/index.js";
-import { VftButton as b } from "../button/index.js";
-import "../super-form/index.js";
-import "./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 h } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const D = /* @__PURE__ */ O({
-  __name: "modal-footer-action",
-  props: {
-    showSubmitButton: { type: Boolean },
-    showCancelButton: { type: Boolean },
-    submitButtonOptions: {},
-    cancelButtonOptions: {},
-    actionRowOptions: {}
-  },
-  setup(e) {
-    const a = h("form-action"), d = n(() => ({
-      justify: "end",
-      ...e.actionRowOptions
-    })), m = n(
-      () => Object.assign({ btnText: "确认" }, e.submitButtonOptions)
-    ), u = n(
-      () => Object.assign({ btnText: "取消" }, e.cancelButtonOptions)
-    );
-    return (o, v) => (i(), s(t(g), w(y(d.value)), {
-      default: r(() => [
-        o.showCancelButton ? (i(), s(t(b), l({ key: 0 }, u.value, {
-          class: t(a).e("cancel")
-        }), {
-          default: r(() => [
-            f(B(u.value.btnText), 1)
-          ]),
-          _: 1
-        }, 16, ["class"])) : p("", !0),
-        c(o.$slots, "submitBefore"),
-        o.showSubmitButton ? (i(), s(t(b), l({
-          key: 1,
-          type: "primary",
-          class: t(a).e("submit")
-        }, m.value), {
-          default: r(() => [
-            f(B(m.value.btnText), 1)
-          ]),
-          _: 1
-        }, 16, ["class"])) : p("", !0),
-        c(o.$slots, "submitAfter")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  D as default
-};

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

@@ -1,132 +0,0 @@
-import { defineComponent as O, useAttrs as M, ref as c, getCurrentInstance as F, computed as u, unref as o, watchEffect as P, watch as R, nextTick as r, createBlock as m, openBlock as B, mergeProps as S, createSlots as T, withCtx as b, renderSlot as _, createCommentVNode as A } from "vue";
-import { deepMerge as D, isFunction as G } from "@vft/utils";
-import { VftDialog as I } from "../dialog/index.js";
-import $ from "./modal-footer-action.vue2.js";
-const N = /* @__PURE__ */ O({
-  __name: "modal",
-  props: {
-    closeFunc: {},
-    showActionButtonGroup: { type: Boolean, default: !1 },
-    confirmLoading: { type: Boolean },
-    loading: { type: Boolean },
-    appendToBody: { type: Boolean, default: !1 },
-    appendTo: {},
-    beforeClose: {},
-    destroyOnClose: { type: Boolean, default: !1 },
-    closeOnClickModal: { type: Boolean, default: !0 },
-    closeOnPressEscape: { type: Boolean, default: !0 },
-    lockScroll: { type: Boolean, default: !0 },
-    modal: { type: Boolean, default: !0 },
-    openDelay: { default: 0 },
-    closeDelay: { default: 0 },
-    top: {},
-    modalPenetrable: { type: Boolean },
-    modelValue: { type: Boolean, default: !1 },
-    modalClass: {},
-    width: {},
-    zIndex: {},
-    trapFocus: { type: Boolean, default: !1 },
-    overflow: { type: Boolean },
-    transition: {},
-    center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean, default: !1 },
-    closeIcon: {},
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: !1 },
-    fullscreen: { type: Boolean, default: !1 },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
-    headerClass: {},
-    bodyClass: {},
-    footerClass: {},
-    showSubmitButton: { type: Boolean, default: !0 },
-    showCancelButton: { type: Boolean, default: !0 },
-    submitButtonOptions: {},
-    cancelButtonOptions: {},
-    actionRowOptions: {}
-  },
-  emits: {
-    "visible-change": [],
-    close: [],
-    ok: [],
-    register: [],
-    "update:modelValue": [],
-    submit: []
-  },
-  setup(y, { emit: h }) {
-    const t = y, n = h, C = M(), i = c(null), l = c(!1), a = c(null), d = {
-      setModalProps: V,
-      emitVisible: void 0,
-      redoModalHeight: () => {
-        r(() => {
-          o(a) && o(a).setModalHeight();
-        });
-      }
-    }, s = F();
-    s && n("register", d, s.uid);
-    const g = u(() => ({
-      ...t,
-      ...o(i)
-    })), w = u(() => ({
-      ...C,
-      ...o(g),
-      modelValue: o(l)
-    }));
-    P(() => {
-      l.value = !!t.modelValue;
-    }), R(
-      () => o(l),
-      (e) => {
-        n("visible-change", e), n("update:modelValue", e), s && r(() => {
-          d.emitVisible(e, s.uid);
-        }), r(() => {
-          t.scrollTop && e && o(a) && o(a).scrollTop();
-        });
-      },
-      {
-        immediate: !1
-      }
-    );
-    async function f(e) {
-      if (e?.stopPropagation(), t.closeFunc && G(t.closeFunc)) {
-        const p = await t.closeFunc();
-        l.value = !p;
-        return;
-      }
-      l.value = !1, n("close", e);
-    }
-    function V(e) {
-      i.value = D(o(i) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
-    }
-    const v = u(() => ({
-      onClick: (e) => f(e),
-      ...t.cancelButtonOptions
-    })), k = u(() => ({
-      onClick: () => n("submit"),
-      ...t.submitButtonOptions
-    }));
-    return (e, p) => (B(), m(o(I), S(w.value, { onClose: f }), T({
-      default: b(() => [
-        _(e.$slots, "default")
-      ]),
-      _: 2
-    }, [
-      e.$slots.footer || e.showActionButtonGroup ? {
-        name: "footer",
-        fn: b(() => [
-          e.showActionButtonGroup ? (B(), m($, {
-            key: 0,
-            "show-cancel-button": e.showCancelButton,
-            "show-submit-button": e.showSubmitButton,
-            "cancel-button-options": v.value,
-            "submit-button-options": k.value
-          }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : A("", !0)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040));
-  }
-});
-export {
-  N as default
-};

package/es/packages/components/multiple-tabs/multiple-tabs.vue2.js

@@ -1,143 +0,0 @@
-import { defineComponent as _, getCurrentInstance as N, ref as p, computed as T, watchEffect as z, unref as n, onMounted as D, createElementBlock as y, openBlock as h, normalizeStyle as H, normalizeClass as K, createVNode as C, withCtx as R, Fragment as U, renderList as W, createBlock as F } from "vue";
-import { VftTabs as j, VftTabPane as q } from "../tabs/index.js";
-import { isClient as G } from "@vueuse/core";
-import "@vft/utils";
-import { addUnit as o } from "../../utils/helper.js";
-import { generateCssVars as S } from "../../utils/ns-cover.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as J } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as O, getRouterKeyPath as m, listenerRouteChange as Q } from "@vft/router";
-import { useMultipleTabStore as X, useTabs as Y } from "@vft/store";
-import { useRefs as Z } from "@vft/use";
-import ee from "hotkeys-js";
-import { onBeforeRouteLeave as te } from "vue-router";
-import ae from "./tab-content.vue2.js";
-import { initAffixTabs as ne, useTabsDrag as oe } from "./use/use-multiple-tabs.js";
-import "../context-menu/context-menu.vue2.js";
-import "../icon/index.js";
-const ie = _({
-  name: "vft-multiple-tabs"
-}), we = /* @__PURE__ */ _({
-  ...ie,
-  props: {
-    tabsStyle: {},
-    contextMenuStyle: {},
-    canDrag: { type: Boolean },
-    fixTabCount: {},
-    fixExtraScrollWidth: {}
-  },
-  setup(d) {
-    const P = J("multiple-tabs"), l = N().appContext.config.globalProperties.$router, u = ne(l), c = X(), i = p(""), r = p(0), b = p(), { go: v } = O(l), f = T(() => c.getTabList.filter((e) => !e.meta?.hideTab));
-    z(() => {
-      if (i.value) {
-        const e = f.value.findIndex((a) => m(a) === i.value);
-        e === -1 ? r.value = f.value?.length - 1 : r.value = e, r.value = r.value < u?.length ? u?.length - 1 : r.value;
-      }
-    }), G && te(() => {
-      b.value = n(l.currentRoute);
-    }), Q(({ route: e }) => {
-      if (!e || e.meta?.hasTokenToRoot)
-        return;
-      const { meta: a = {} } = e, { currentActivePath: t, hideTab: s } = a, I = s ? t : null, x = m(e);
-      if (i.value !== x && (i.value = x), I) {
-        let g = l.getRoutes().find((L) => L.path === t);
-        g && c.addTab(
-          g,
-          n(b),
-          r.value,
-          e
-        );
-      } else
-        c.addTab(n(e), n(b), r.value);
-    });
-    function k(e) {
-      if (i.value === e.paneName)
-        return;
-      const a = f.value[e.attrs.index];
-      i.value = e.paneName;
-      const t = a?.meta?.hideActiveRoute?.fullPath;
-      v(t || a.fullPath || a.path);
-    }
-    function w(e) {
-      c.closeTabByKey(e, l);
-    }
-    const { refs: M, setRefs: V } = Z();
-    function $(e) {
-      const a = e.pane.attrs.index, t = e.event;
-      M.value[a].handleContext(t);
-    }
-    const B = T(() => {
-      let e = {
-        padding: "4px 0 0",
-        "border-bottom": "none",
-        "header-height": o(26),
-        "font-size": o(13),
-        "item-padding": `0 ${o(10)}`,
-        "close-icon-left": o(8),
-        "item-distance": "1px",
-        "item-max-width": o(180),
-        "scroll-padding": `0 ${o(20)}`,
-        "header-margin": `0 0 0 ${o(10)}`,
-        "item-border-radius": `${o(5)} ${o(5)} 0 0`,
-        "item-border": "none"
-      };
-      return { ...S(e, "tabs"), ...d.tabsStyle };
-    }), { closeCurrent: A } = Y(), E = {
-      ...S(
-        {
-          "sub-item-height": o(40),
-          "item-min-width": o(150)
-        },
-        "menu"
-      ),
-      ...d.contextMenuStyle
-    };
-    return D(() => {
-      d.canDrag && oe(u), ee("command+e, ctrl+e", function() {
-        return A(), !1;
-      });
-    }), (e, a) => (h(), y("div", {
-      class: K(n(P).b()),
-      style: H(B.value)
-    }, [
-      C(n(j), {
-        "show-bar": !1,
-        "fix-tab-count": e.fixTabCount,
-        "fix-extra-scroll-width": e.fixExtraScrollWidth,
-        modelValue: i.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (t) => i.value = t),
-        onTabClick: k,
-        onTabRemove: w,
-        onTabContextMenu: $
-      }, {
-        default: R(() => [
-          (h(!0), y(U, null, W(f.value, (t, s) => (h(), F(n(q), {
-            key: n(m)(t) + s,
-            closable: !t.meta?.affix,
-            index: s,
-            name: n(m)(t)
-          }, {
-            label: R(() => [
-              C(ae, {
-                "context-menu-style": E,
-                "affix-num": n(u)?.length,
-                ref_for: !0,
-                ref: n(V)(s),
-                "tab-item": t
-              }, null, 8, ["affix-num", "tab-item"])
-            ]),
-            _: 2
-          }, 1032, ["closable", "index", "name"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["fix-tab-count", "fix-extra-scroll-width", "modelValue"])
-    ], 6));
-  }
-});
-export {
-  we as default
-};

package/es/packages/components/page-wrapper/page-wrapper.vue2.js

@@ -1,41 +0,0 @@
-import { defineComponent as s, createElementBlock as i, openBlock as n, normalizeClass as r, unref as e, createElementVNode as o, toDisplayString as l, renderSlot as m } from "vue";
-import { useRouterHelper as c } from "@vft/router";
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import { useNamespace as d } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const f = s({
-  name: "vft-page-wrapper"
-}), y = /* @__PURE__ */ s({
-  ...f,
-  props: {
-    title: {}
-  },
-  setup(u) {
-    const t = d("page-wrapper"), { getTitle: a } = c();
-    return (p, _) => (n(), i("div", {
-      class: r(e(t).b())
-    }, [
-      o("div", {
-        class: r(e(t).e("header"))
-      }, [
-        o("span", {
-          class: r(e(t).e("title"))
-        }, l(p.title || e(a)), 3)
-      ], 2),
-      o("div", {
-        class: r(e(t).e("content"))
-      }, [
-        m(p.$slots, "default")
-      ], 2)
-    ], 2));
-  }
-});
-export {
-  y as default
-};

package/es/packages/components/pagination/components/jumper.vue2.js

@@ -1,53 +0,0 @@
-import { defineComponent as d, ref as f, computed as g, createElementBlock as v, openBlock as _, unref as e, normalizeClass as t, createElementVNode as i, createVNode as h } 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 b } from "../../../hooks/use-namespace/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import { VftInput as z } from "../../input/index.js";
-import { usePagination as C } from "../usePagination.js";
-const V = ["disabled"], D = /* @__PURE__ */ d({
-  __name: "jumper",
-  props: {
-    size: {}
-  },
-  setup(x) {
-    const n = b("pagination"), { pageCount: r, disabled: s, currentPage: p, changeEvent: l } = C(), o = f(), m = g(() => o.value ?? p?.value);
-    function u(a) {
-      o.value = +a;
-    }
-    function c(a) {
-      a = Math.trunc(+a), l?.(+a), o.value = void 0;
-    }
-    return (a, E) => (_(), v("span", {
-      class: t(e(n).e("jump")),
-      disabled: e(s)
-    }, [
-      i("span", {
-        class: t([e(n).e("goto")])
-      }, "前往", 2),
-      h(e(z), {
-        size: a.size,
-        class: t([e(n).e("editor"), e(n).is("in-pagination")]),
-        min: 1,
-        max: e(r),
-        disabled: e(s),
-        "model-value": m.value,
-        "validate-event": !1,
-        type: "number",
-        "onUpdate:modelValue": u,
-        onChange: c
-      }, null, 8, ["size", "class", "max", "disabled", "model-value"]),
-      i("span", {
-        class: t([e(n).e("classifier")])
-      }, "页", 2)
-    ], 10, V));
-  }
-});
-export {
-  D as default
-};

package/es/packages/components/pagination/components/next.vue2.js

@@ -1,33 +0,0 @@
-import { defineComponent as d, computed as l, createElementBlock as o, openBlock as i, createCommentVNode as s, createVNode as c, toDisplayString as u, unref as m } from "vue";
-import { VftIcon as b } from "../../icon/index.js";
-const p = ["disabled", "aria-disabled"], f = { key: 0 }, k = /* @__PURE__ */ d({
-  __name: "next",
-  props: {
-    disabled: { type: Boolean },
-    currentPage: { default: 1 },
-    pageCount: { default: 50 },
-    nextText: {}
-  },
-  emits: ["click"],
-  setup(e) {
-    const n = l(
-      () => e.disabled || e.currentPage === e.pageCount || e.pageCount === 0
-    );
-    return (t, a) => (i(), o("button", {
-      type: "button",
-      class: "btn-next",
-      disabled: n.value,
-      "aria-disabled": n.value,
-      onClick: a[0] || (a[0] = (r) => t.$emit("click", r))
-    }, [
-      t.nextText ? (i(), o("span", f, u(t.nextText), 1)) : s("", !0),
-      c(m(b), {
-        icon: "icon-arrow-right",
-        size: 16
-      })
-    ], 8, p));
-  }
-});
-export {
-  k as default
-};