vft 0.0.74 → 0.0.76

package/es/components/side-menu/side-menu.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as E, toRefs as ee, useSlots as te, getCurrentInstance as oe, ref as y, computed as g, h as C, createVNode as f, onMounted as le, nextTick as ne, watch as re, isVNode as ie } from "vue";
+import { defineComponent as I, toRefs as le, useSlots as ne, getCurrentInstance as re, ref as C, computed as v, h as M, createVNode as f, onMounted as ie, nextTick as ae, watch as pe, isVNode as ue } from "vue";
 import "../divider/index.js";
-import { VftIcon as ae } from "../icon/index.js";
+import { VftIcon as se } from "../icon/index.js";
 import "../avatar/index.js";
 import "../empty/index.js";
 import "../result/index.js";
@@ -9,8 +9,8 @@ import "../popper/index.js";
 import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
-import { VftMenu as pe, VftSubMenu as ue, VftMenuItem as A } from "../menu/index.js";
-import { isUrl as se, isNullOrUndefined as V, addUnit as j, isNumber as de } from "@vft/utils";
+import { VftMenu as de, VftSubMenu as ce, VftMenuItem as j } from "../menu/index.js";
+import { isUrl as me, isNullOrUndefined as E, addUnit as q, isNumber as fe } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
@@ -51,6 +51,8 @@ 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 "../select/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
@@ -62,6 +64,12 @@ import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import "../popconfirm/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -69,26 +77,26 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import { useNamespace as ce } from "../../hooks/use-namespace/index.js";
+import { useNamespace as he } 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 { listenerRouteChange as me, useRouterHelper as fe } from "@vft/router";
-import { useSortable as he } from "@vft/use";
-import { useDragLine as ge } from "./use-drag-line.js";
-const p = (
+import { listenerRouteChange as ge, useRouterHelper as ve } from "@vft/router";
+import { useSortable as be } from "@vft/use";
+import { useDragLine as ye } from "./use-drag-line.js";
+const u = (
   /* hoist-static*/
-  ce("side-menu")
+  he("side-menu")
 );
-function ve(v) {
-  return typeof v == "function" || Object.prototype.toString.call(v) === "[object Object]" && !ie(v);
+function Ce(b) {
+  return typeof b == "function" || Object.prototype.toString.call(b) === "[object Object]" && !ue(b);
 }
-const be = E({
-  name: p.b()
-}), Ft = /* @__PURE__ */ E({
-  ...be,
+const Me = I({
+  name: u.b()
+}), oo = /* @__PURE__ */ I({
+  ...Me,
   props: {
     isFixedLeft: {
       type: Boolean,
@@ -140,21 +148,25 @@ const be = E({
       type: Boolean,
       default: !0
     },
+    disabledJudgeTurnOver: {
+      type: Boolean,
+      default: !1
+    },
     defaultActive: null,
     defaultOpeneds: null
   },
   emits: ["update:collapse", "update:width", "dragEnd", "dragWidthEnd", "select", "subMenuClick", "menuItemMouseenter", "menuItemMouseleave"],
-  setup(v, {
-    expose: I,
-    emit: m
+  setup(b, {
+    expose: L,
+    emit: c
   }) {
-    const t = v, {
-      defaultActive: M,
+    const t = b, {
+      defaultActive: S,
       collapse: h,
-      uniqueOpened: q,
-      defaultOpeneds: S,
-      openMenuCollapse: L
-    } = ee(t), i = te(), O = oe(), B = y(), a = g(() => ({
+      uniqueOpened: P,
+      defaultOpeneds: O,
+      openMenuCollapse: H
+    } = le(t), r = ne(), B = re(), _ = C(), a = v(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -163,184 +175,183 @@ const be = E({
       disabled: "disabled",
       ...t.attrMapping
     }));
-    me((e) => {
-      var n;
-      !e || (n = e.meta) != null && n.hideSide && !t.useRouterJump || (B.value = e.path);
-    });
-    const P = (e) => {
+    ge((e) => {
       var o;
-      const n = e.e;
-      if (t.autoScrollActiveDom && n) {
-        const u = de(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, r = n.target;
-        (o = b.value) != null && o.menu && r && setTimeout(() => {
-          b.value.menu.scrollTop = b.value.menu.scrollTop + (r.getBoundingClientRect().top - b.value.menu.getBoundingClientRect().top) + u;
+      !e || (o = e.meta) != null && o.hideSide && !t.useRouterJump || (_.value = e.path);
+    });
+    const U = (e) => {
+      var l;
+      const o = e.e;
+      if (t.autoScrollActiveDom && o) {
+        const p = fe(t.autoScrollActiveDom) ? t.autoScrollActiveDom : 0, n = o.target;
+        (l = y.value) != null && l.menu && n && setTimeout(() => {
+          y.value.menu.scrollTop = y.value.menu.scrollTop + (n.getBoundingClientRect().top - y.value.menu.getBoundingClientRect().top) + p;
         }, 300);
       }
-      m("subMenuClick", e);
-    }, H = (e) => {
-      m("menuItemMouseenter", e);
-    }, J = (e) => {
-      m("menuItemMouseleave", e);
-    }, _ = (e, n) => {
-      const o = e[a.value.path], u = e[a.value.title], r = e == null ? void 0 : e[a.value.children], s = e == null ? void 0 : e[a.value.index], d = e == null ? void 0 : e[a.value.icon], c = !!(e != null && e[a.value.disabled]);
-      return r != null && r.length ? C(
+      c("subMenuClick", e);
+    }, F = (e) => {
+      c("menuItemMouseenter", e);
+    }, Z = (e) => {
+      c("menuItemMouseleave", e);
+    }, T = (e, o) => {
+      const l = e[a.value.path], p = e[a.value.title], n = e == null ? void 0 : e[a.value.children], m = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon], d = !!(e != null && e[a.value.disabled]), g = t.disabledJudgeTurnOver ? !d : d, N = m || l || o + p;
+      return n != null && n.length ? M(
         // @ts-ignore
-        ue,
+        ce,
         {
           ...e,
           popperAppendToBody: !0,
-          key: s || o,
-          index: s || o,
-          title: u,
-          icon: d,
-          class: s || o,
-          disabled: t.openDisabled && c,
-          popperClass: p.e("popper")
+          key: N,
+          index: N,
+          title: p,
+          icon: s,
+          disabled: t.openDisabled && g,
+          popperClass: u.e("popper")
         },
         {
-          default: () => r == null ? void 0 : r.map((l, G) => {
-            var k;
-            const w = l[a.value.path], N = l[a.value.index], K = l[a.value.icon], Q = l[a.value.title], X = !!l[a.value.disabled];
-            return (k = l == null ? void 0 : l[a.value.children]) != null && k.length ? _(l, G) : (
+          default: () => n == null ? void 0 : n.map((i, X) => {
+            var V;
+            const w = i[a.value.path], W = i[a.value.index], ee = i[a.value.icon], te = i[a.value.title], A = !!i[a.value.disabled], oe = t.disabledJudgeTurnOver ? !A : A;
+            return (V = i == null ? void 0 : i[a.value.children]) != null && V.length ? T(i, X) : (
               // @ts-ignore
-              C(A, {
-                ...l,
-                key: N || w,
-                index: N || w,
+              M(j, {
+                ...i,
+                key: W || w,
+                index: W || w,
                 route: w,
-                icon: K,
-                title: Q,
-                disabled: t.openDisabled && X
-              }, i.menuItem ? () => {
-                var W;
-                return (W = i.menuItem) == null ? void 0 : W.call(i, {
-                  item: l
+                icon: ee,
+                title: te,
+                disabled: t.openDisabled && oe
+              }, r.menuItem ? () => {
+                var J;
+                return (J = r.menuItem) == null ? void 0 : J.call(r, {
+                  item: i
                 });
               } : "")
             );
           })
         }
-      ) : C(A, {
+      ) : M(j, {
         ...e,
-        key: s || o,
-        index: s || o,
-        title: u,
-        route: o,
-        icon: d,
-        disabled: t.openDisabled && c,
-        onMouseenter: () => H(e),
-        onMouseleave: () => J(e)
-      }, i.menuItem ? () => {
-        var l;
-        return (l = i.menuItem) == null ? void 0 : l.call(i, {
+        key: m || l,
+        index: m || l,
+        title: p,
+        route: l,
+        icon: s,
+        disabled: t.openDisabled && g,
+        onMouseenter: () => F(e),
+        onMouseleave: () => Z(e)
+      }, r.menuItem ? () => {
+        var i;
+        return (i = r.menuItem) == null ? void 0 : i.call(r, {
           item: e,
-          index: n
+          index: o
         });
       } : "");
-    }, b = y(), U = g(() => ({
+    }, y = C(), $ = v(() => ({
       ...t.collapseWidth === 0 && h.value ? {
         width: 0
       } : {},
       height: `calc(100% - ${t.menuTopBottomHeight}px)`
-    })), F = g(() => {
-      var n, o;
+    })), z = v(() => {
+      var o, l;
       let e;
-      return C(f(pe, {
-        ref: b,
-        onSelect: Z,
-        onOpen: P,
-        defaultActive: (M == null ? void 0 : M.value) || B.value,
-        defaultOpeneds: S == null ? void 0 : S.value,
-        class: [p.e("con"), (n = t.dragOption) != null && n.dragClassName ? p.e((o = t.dragOption) == null ? void 0 : o.dragClassName) : ""],
-        style: U.value,
-        collapse: L.value ? h.value : !1,
-        uniqueOpened: q.value,
+      return M(f(de, {
+        ref: y,
+        onSelect: Y,
+        onOpen: U,
+        defaultActive: (S == null ? void 0 : S.value) || _.value,
+        defaultOpeneds: O == null ? void 0 : O.value,
+        class: [u.e("con"), (o = t.dragOption) != null && o.dragClassName ? u.e((l = t.dragOption) == null ? void 0 : l.dragClassName) : ""],
+        style: $.value,
+        collapse: H.value ? h.value : !1,
+        uniqueOpened: P.value,
         collapseTransition: !1
-      }, ve(e = t.menus.map((u, r) => _(u, r))) ? e : {
+      }, Ce(e = t.menus.map((p, n) => T(p, n))) ? e : {
         default: () => [e]
       }));
-    }), R = O.appContext.config.globalProperties.$router;
-    async function Z(e) {
-      var n, o, u;
+    }), D = B.appContext.config.globalProperties.$router;
+    async function Y(e) {
+      var o, l, p;
       if (t.useRouterJump) {
         const {
-          go: r
-        } = fe(R), s = e.route;
-        let d = e.route;
-        e.indexPath.some((l) => se(l)) && (d = e.indexPath.slice(-2).join("/"));
-        const c = (u = (o = (n = R.getRoutes().filter((l) => l.path === d)) == null ? void 0 : n[0]) == null ? void 0 : o.meta) == null ? void 0 : u.linkTarget;
-        r(c ? {
-          url: s,
+          go: n
+        } = ve(D), m = e.route;
+        let s = e.route;
+        e.indexPath.some((g) => me(g)) && (s = e.indexPath.slice(-2).join("/"));
+        const d = (p = (l = (o = D.getRoutes().filter((g) => g.path === s)) == null ? void 0 : o[0]) == null ? void 0 : l.meta) == null ? void 0 : p.linkTarget;
+        n(d ? {
+          url: m,
           winOpenOpt: {
-            target: c
+            target: d
           }
-        } : s);
+        } : m);
       }
-      m("select", e);
+      c("select", e);
     }
-    le(() => {
-      ne(() => {
-        var e, n, o;
+    ie(() => {
+      ae(() => {
+        var e, o, l;
         if ((e = t.dragOption) != null && e.dragClassName) {
-          const u = (o = document.querySelectorAll("." + p.e((n = t.dragOption) == null ? void 0 : n.dragClassName))) == null ? void 0 : o[0], {
-            initSortable: r
-          } = he(u, {
+          const p = (l = document.querySelectorAll("." + u.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : l[0], {
+            initSortable: n
+          } = be(p, {
             draggable: ".vft-menu-item",
-            onEnd: (s) => {
+            onEnd: (m) => {
               const {
-                oldIndex: d,
-                newIndex: c
-              } = s;
-              V(d) || V(c) || d === c || m("dragEnd", d, c);
+                oldIndex: s,
+                newIndex: d
+              } = m;
+              E(s) || E(d) || s === d || c("dragEnd", s, d);
             },
             ...t.dragOption
           });
-          r();
+          n();
         }
       });
     });
-    const x = y(), D = y(), T = y(), $ = g(() => ({
+    const x = C(), R = C(), k = C(), G = v(() => ({
       ...t.collapseWidth === 0 && h.value ? {
         borderRight: "none"
       } : {},
-      width: j(t.width),
+      width: q(t.width),
       height: t.height
     }));
-    re(() => h.value, (e) => {
-      e ? m("update:width", t.collapseWidth) : m("update:width", T.value || t.width), T.value = t.width;
-    }), t.dragWidthCfg && ge(x, D, O);
-    const z = g(() => ({
-      left: j(t.width)
-    })), Y = g(() => [p.b(), t.isFixedLeft ? p.m("fixed") : ""]);
-    return I({
+    pe(() => h.value, (e) => {
+      e ? c("update:width", t.collapseWidth) : c("update:width", k.value || t.width), k.value = t.width;
+    }), t.dragWidthCfg && ye(x, R, B);
+    const K = v(() => ({
+      left: q(t.width)
+    })), Q = v(() => [u.b(), t.isFixedLeft ? u.m("fixed") : ""]);
+    return L({
       sideRef: x
     }), () => {
       var e;
       return f("div", {
         ref: x,
-        class: Y.value,
-        style: $.value
-      }, [i.top ? f("div", {
-        class: p.e("top")
-      }, [i.top()]) : null, F.value, i.bottom ? f("div", {
-        class: p.e("bottom")
-      }, [i.bottom()]) : t.showCollapse ? f("div", {
-        onClick: () => m("update:collapse", !h.value),
-        class: [p.e("bottom"), p.e("collapse")]
-      }, [f(ae, {
+        class: Q.value,
+        style: G.value
+      }, [r.top ? f("div", {
+        class: u.e("top")
+      }, [r.top()]) : null, z.value, r.bottom ? f("div", {
+        class: u.e("bottom")
+      }, [r.bottom()]) : t.showCollapse ? f("div", {
+        onClick: () => c("update:collapse", !h.value),
+        class: [u.e("bottom"), u.e("collapse")]
+      }, [f(se, {
         style: {
           transform: h.value ? "rotateY(180deg)" : ""
         },
         size: 20,
         icon: "ico-iconoir:sidebar-collapse"
-      }, null)]) : null, (e = i.default) == null ? void 0 : e.call(i), t.dragWidthCfg ? f("div", {
-        ref: D,
-        style: z.value,
-        class: p.e("drag-bar")
+      }, null)]) : null, (e = r.default) == null ? void 0 : e.call(r), t.dragWidthCfg ? f("div", {
+        ref: R,
+        style: K.value,
+        class: u.e("drag-bar")
       }, null) : null]);
     };
   }
 });
 export {
-  Ft as default
+  oo as default
 };

package/es/components/skeleton/index.js

@@ -0,0 +1,16 @@
+import { withInstall as o, withNoopInstall as m } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import i from "./skeleton.vue2.js";
+import t from "./skeleton-item.vue2.js";
+const c = o(i, {
+  SkeletonItem: t
+}), I = m(t);
+export {
+  c as VftSkeleton,
+  I as VftSkeletonItem,
+  c as default
+};

package/es/components/skeleton/skeleton-item.vue.js

@@ -0,0 +1,4 @@
+import f from "./skeleton-item.vue2.js";
+export {
+  f as default
+};

package/es/components/skeleton/skeleton-item.vue2.js

@@ -0,0 +1,31 @@
+import { defineComponent as m, openBlock as r, createElementBlock as n, normalizeClass as a, unref as e, createBlock as i, createCommentVNode as c } from "vue";
+import { useNamespace as p } 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 { VftIcon as l } from "../icon/index.js";
+const s = m({
+  name: "VftSkeletonItem"
+}), N = /* @__PURE__ */ m({
+  ...s,
+  props: {
+    variant: { default: "text" }
+  },
+  setup(t) {
+    const o = p("skeleton");
+    return (f, u) => (r(), n("div", {
+      class: a([e(o).e("item"), e(o).e(t.variant)])
+    }, [
+      t.variant === "image" ? (r(), i(e(l), {
+        key: 0,
+        icon: "ico-ep:picture-filled"
+      })) : c("", !0)
+    ], 2));
+  }
+});
+export {
+  N as default
+};

package/es/components/skeleton/skeleton.vue.js

@@ -0,0 +1,4 @@
+import f from "./skeleton.vue2.js";
+export {
+  f as default
+};

package/es/components/skeleton/skeleton.vue2.js

@@ -0,0 +1,55 @@
+import { defineComponent as k, computed as y, unref as t, openBlock as r, createElementBlock as l, mergeProps as u, Fragment as n, renderList as d, renderSlot as c, createVNode as h, normalizeClass as f, createBlock as B, createCommentVNode as $, normalizeProps as w } from "vue";
+import { useNamespace as v } 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 { useThrottleRender as C } from "../../hooks/use-throttle-render/index.js";
+import p from "./skeleton-item.vue2.js";
+const a = (
+  /* hoist-static*/
+  v("skeleton")
+), N = k({
+  name: a.b()
+}), q = /* @__PURE__ */ k({
+  ...N,
+  props: {
+    animated: { type: Boolean, default: !1 },
+    count: { default: 1 },
+    rows: { default: 3 },
+    loading: { type: Boolean, default: !0 },
+    throttle: null
+  },
+  setup(e, { expose: g }) {
+    const s = C(y(() => e.loading), e.throttle);
+    return g({
+      /** @description loading state */
+      uiLoading: s
+    }), (o, b) => t(s) ? (r(), l("div", u({
+      key: 0,
+      class: [t(a).b(), t(a).is("animated", e.animated)]
+    }, o.$attrs), [
+      (r(!0), l(n, null, d(e.count, (m) => (r(), l(n, { key: m }, [
+        e.loading ? c(o.$slots, "template", { key: m }, () => [
+          h(p, {
+            class: f(t(a).is("first")),
+            variant: "p"
+          }, null, 8, ["class"]),
+          (r(!0), l(n, null, d(e.rows, (i) => (r(), B(p, {
+            key: i,
+            class: f([
+              t(a).e("paragraph"),
+              t(a).is("last", i === e.rows && e.rows > 1)
+            ]),
+            variant: "p"
+          }, null, 8, ["class"]))), 128))
+        ]) : $("", !0)
+      ], 64))), 128))
+    ], 16)) : c(o.$slots, "default", w(u({ key: 1 }, o.$attrs)));
+  }
+});
+export {
+  q as default
+};

package/es/components/skeleton/style/css.js

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-skeleton-item.css";
+import "vft/theme-style/vft-skeleton.css";

package/es/components/skeleton/style/index.js

@@ -0,0 +1,3 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/skeleton-item.scss";
+import "vft/theme-style/src/skeleton.scss";

package/es/components/skeleton-item/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-skeleton-item.css";

package/es/components/skeleton-item/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/skeleton-item.scss";

package/es/components/space/index.js

@@ -0,0 +1,17 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import p from "./space.js";
+import { spaceProps as S } from "./space.js";
+import "./item.js";
+import { useSpace as u } from "./use-space.js";
+const c = o(p);
+export {
+  c as VftSpace,
+  c as default,
+  S as spaceProps,
+  u as useSpace
+};

package/es/components/space/item.js

@@ -0,0 +1,24 @@
+import { defineComponent as r, computed as s, h as m, renderSlot as i } from "vue";
+import "@vft/utils";
+import { buildProps as a } from "../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "lodash";
+import { useNamespace as c } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const n = a({
+  prefixCls: {
+    type: String
+  }
+}), v = r({
+  name: "ElSpaceItem",
+  props: n,
+  setup(e, { slots: t }) {
+    const p = c("space"), o = s(() => `${e.prefixCls || p.b()}__item`);
+    return () => m("div", { class: o.value }, i(t, "default"));
+  }
+});
+export {
+  v as default
+};