vft 0.0.363 → 0.0.365

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

@@ -1,31 +1,36 @@
-import { defineComponent, computed, getCurrentInstance, useSlots, ref, createVNode, mergeProps } from "vue";
-import { useRouterHelper } from "@vft/router";
-import { isUrl } from "@vft/utils";
-import { VftMenu, VftSubMenu, VftMenuItem } from "../menu/index.js";
-import { MenuTypeEnum } from "./constants.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-const __default__ = defineComponent({
+import { defineComponent as I, computed as w, getCurrentInstance as F, useSlots as G, ref as K, createVNode as c, mergeProps as O } from "vue";
+import { useRouterHelper as Q } from "@vft/router";
+import { isUrl as W } from "@vft/utils";
+import { VftMenu as X, VftSubMenu as Y, VftMenuItem as Z } from "../menu/index.js";
+import "@vueuse/core";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { MenuTypeEnum as ee } from "./constants.js";
+const ne = I({
   name: "vft-horizontal-menu"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), me = /* @__PURE__ */ I({
+  ...ne,
   props: {
     menus: {},
     attrMapping: {},
     openDisabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     disabledJudgeTurnOver: {
       type: Boolean,
-      default: false
+      default: !1
     },
     subMenuCfg: {
       default: () => ({})
     },
     useRouterJump: {
       type: Boolean,
-      default: false
+      default: !1
     },
     maxRowLength: {
       type: [Boolean, Number],
@@ -36,181 +41,124 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     menuOptions: {}
   },
   emits: ["open", "close", "select", "sub-menu-click"],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
+  setup(n, {
+    expose: L,
+    emit: N
   }) {
-    const ns = useNamespace("horizontal-menu");
-    const emit = __emit;
-    const gridStyle = computed(() => {
-      return (list, item, menuMaxRowLength) => {
-        return {
-          "grid-template-rows": `repeat(${Math.min(list?.[item]?.[_attrMapping.value["children"]]?.length || 0, Number(menuMaxRowLength || __props.maxRowLength ? menuMaxRowLength || __props.maxRowLength : list?.[item]?.[_attrMapping.value["children"]]?.length))}, auto)`
-        };
-      };
-    });
-    const _attrMapping = computed(() => {
-      return {
-        path: "path",
-        children: "children",
-        title: "title",
-        index: "path",
-        icon: "icon",
-        disabled: "disabled",
-        ...__props.attrMapping
-      };
-    });
-    const instance = getCurrentInstance();
-    const slots = useSlots();
-    const horizontalMenu = ref();
-    const _router = instance.appContext.config.globalProperties.$router;
-    const renderMenuItem = (item, index, isPopup) => {
-      const _path = item[_attrMapping.value.path];
-      const _title = item[_attrMapping.value.title];
-      const _index = item?.[_attrMapping.value.index];
-      const _icon = item?.[_attrMapping.value.icon];
-      const _disabledVal = !!item?.[_attrMapping.value.disabled];
-      const _disabled = __props.disabledJudgeTurnOver ? !_disabledVal : _disabledVal;
-      const _key = _index || _path || index + _title;
-      return createVNode(VftMenuItem, mergeProps(item, {
-        "key": _key,
-        "index": String(_key),
-        "icon": _icon,
-        "route": _path,
-        "title": _title,
-        "disabled": __props.openDisabled && _disabled,
-        "className": isPopup ? "vft-menu-popup-item" : "vft-menu-no-popup-item"
+    const b = _("horizontal-menu"), f = N, V = w(() => (e, o, a) => ({
+      "grid-template-rows": `repeat(${Math.min(e?.[o]?.[t.value.children]?.length || 0, Number(a || n.maxRowLength ? a || n.maxRowLength : e?.[o]?.[t.value.children]?.length))}, auto)`
+    })), t = w(() => ({
+      path: "path",
+      children: "children",
+      title: "title",
+      index: "path",
+      icon: "icon",
+      disabled: "disabled",
+      ...n.attrMapping
+    })), J = F(), m = G(), T = K(), k = J.appContext.config.globalProperties.$router, v = (e, o, a) => {
+      const i = e[t.value.path], r = e[t.value.title], l = e?.[t.value.index], M = e?.[t.value.icon], h = !!e?.[t.value.disabled], d = n.disabledJudgeTurnOver ? !h : h, g = l || i || o + r;
+      return c(Z, O(e, {
+        key: g,
+        index: String(g),
+        icon: M,
+        route: i,
+        title: r,
+        disabled: n.openDisabled && d,
+        className: a ? "vft-menu-popup-item" : "vft-menu-no-popup-item"
       }), {
-        default: !isPopup ? slots.menuTopItem ? () => slots.menuTopItem?.({
-          item
-        }) : null : slots.menuItem ? () => slots.menuItem?.({
-          item
+        default: a ? m.menuItem ? () => m.menuItem?.({
+          item: e
+        }) : null : m.menuTopItem ? () => m.menuTopItem?.({
+          item: e
         }) : null
       });
-    };
-    const onMenuOpen = (data) => {
-      emit("open", data);
-    };
-    const onMenuClose = (data) => {
-      emit("close", data);
-    };
-    const onSubMenuClick = (data) => {
-      emit("sub-menu-click", data);
-    };
-    const renderSubMenu = (item, index, isPopup) => {
-      const _path = item[_attrMapping.value.path];
-      const _title = item[_attrMapping.value.title];
-      const _children = item?.[_attrMapping.value.children];
-      const _index = item?.[_attrMapping.value.index];
-      const _icon = item?.[_attrMapping.value.icon];
-      const menuOrder = item?.menuOrder;
-      const menuMaxRowLength = item?.maxRowLength;
-      const _disabledVal = !!item?.[_attrMapping.value.disabled];
-      const _disabled = __props.disabledJudgeTurnOver ? !_disabledVal : _disabledVal;
-      const _key = _index || _path || index + _title;
-      const isTile = item.type === MenuTypeEnum.TILE;
-      let _order = [];
-      if (isTile) {
-        if (menuOrder) {
-          const _orderArr = menuOrder.flat();
-          if (_orderArr?.length < _children.length) {
-            const maxNum = Math.max.apply(null, _orderArr);
-            for (let i = maxNum + 1; i < _children.length; i++) {
-              menuOrder.push([i]);
-            }
+    }, z = (e) => {
+      f("open", e);
+    }, B = (e) => {
+      f("close", e);
+    }, D = (e) => {
+      f("sub-menu-click", e);
+    }, S = (e, o, a) => {
+      const i = e[t.value.path], r = e[t.value.title], l = e?.[t.value.children], M = e?.[t.value.index], h = e?.[t.value.icon], d = e?.menuOrder, g = e?.maxRowLength, R = !!e?.[t.value.disabled], $ = n.disabledJudgeTurnOver ? !R : R, A = M || i || o + r, x = e.type === ee.TILE;
+      let y = [];
+      if (x)
+        if (d) {
+          const u = d.flat();
+          if (u?.length < l.length) {
+            const p = Math.max.apply(null, u);
+            for (let s = p + 1; s < l.length; s++)
+              d.push([s]);
           }
-          _order = menuOrder;
-        } else {
-          for (let i = 0; i < _children.length; i++) {
-            _order.push([i]);
-          }
-        }
-      }
-      return _children?.length || item?.render ? createVNode(VftSubMenu, mergeProps(__props.subMenuCfg, item, {
-        "index": String(_key),
-        "key": _key,
-        "icon": _icon,
-        "showArrow": item.showArrow ?? __props.subMenuCfg.showArrow,
-        "disabled": __props.openDisabled && _disabled,
-        "toolTipCfg": {
-          ...__props.subMenuCfg.toolTipCfg || {},
-          ...item.subMenuCfg?.toolTipCfg || {}
+          y = d;
+        } else
+          for (let u = 0; u < l.length; u++)
+            y.push([u]);
+      return l?.length || e?.render ? c(Y, O(n.subMenuCfg, e, {
+        index: String(A),
+        key: A,
+        icon: h,
+        showArrow: e.showArrow ?? n.subMenuCfg.showArrow,
+        disabled: n.openDisabled && $,
+        toolTipCfg: {
+          ...n.subMenuCfg.toolTipCfg || {},
+          ...e.subMenuCfg?.toolTipCfg || {}
         },
-        "teleported": false,
-        "popper-class": [isTile ? ns.e("tile") : "", ns.e("normal")]
+        teleported: !1,
+        "popper-class": [x ? b.e("tile") : "", b.e("normal")]
       }), {
-        default: () => [item?.render ? item?.render : isTile ? _order.map((sub_item, sub_index) => {
-          return createVNode("div", {
-            "class": "content-main",
-            "key": sub_index
-          }, [sub_item.map((child_item, child_index) => {
-            const childContent = _children?.[child_item]?.[_attrMapping.value.children];
-            const childMaxRowLength = _children?.[child_item]?.maxRowLength;
-            return _children?.length ? createVNode("div", {
-              "class": "content-col",
-              "key": child_index
-            }, [createVNode("span", {
-              "class": childContent?.length ? "title" : ""
-            }, [_children?.[child_item]?.[_attrMapping.value.title]]), childContent?.length ? createVNode("div", {
-              "class": "content",
-              "style": gridStyle.value(_children, child_item, childMaxRowLength || menuMaxRowLength)
-            }, [childContent.map((menu_item, menu_index) => {
-              return renderMenuItem(menu_item, menu_index, true);
-            })]) : null]) : null;
-          })]);
-        }) : _children.map((subItem, sub_index) => {
-          return subItem[_attrMapping.value.children]?.length ? renderSubMenu(subItem, sub_index, true) : renderMenuItem(subItem, sub_index, true);
-        })],
-        title: () => _title
-      }) : renderMenuItem(item, index, isPopup);
+        default: () => [e?.render ? e?.render : x ? y.map((u, p) => c("div", {
+          class: "content-main",
+          key: p
+        }, [u.map((s, j) => {
+          const C = l?.[s]?.[t.value.children], H = l?.[s]?.maxRowLength;
+          return l?.length ? c("div", {
+            class: "content-col",
+            key: j
+          }, [c("span", {
+            class: C?.length ? "title" : ""
+          }, [l?.[s]?.[t.value.title]]), C?.length ? c("div", {
+            class: "content",
+            style: V.value(l, s, H || g)
+          }, [C.map((U, q) => v(U, q, !0))]) : null]) : null;
+        })])) : l.map((u, p) => u[t.value.children]?.length ? S(u, p, !0) : v(u, p, !0))],
+        title: () => r
+      }) : v(e, o, a);
     };
-    async function handleSelect(data) {
-      if (__props.useRouterJump) {
+    async function P(e) {
+      if (n.useRouterJump) {
         const {
-          go
-        } = useRouterHelper(_router);
-        const path = data.route;
-        let _path = data.route;
-        if (data.indexPath.some((item) => isUrl(item))) {
-          _path = data.indexPath.slice(-2).join("/");
-        }
-        const linkTarget = _router.getRoutes().filter((item) => item.path === _path)?.[0]?.meta?.linkTarget;
-        if (linkTarget) {
-          go({
-            url: path,
-            winOpenOpt: {
-              target: linkTarget
-            }
-          });
-        } else {
-          go(path);
-        }
+          go: o
+        } = Q(k), a = e.route;
+        let i = e.route;
+        e.indexPath.some((l) => W(l)) && (i = e.indexPath.slice(-2).join("/"));
+        const r = k.getRoutes().filter((l) => l.path === i)?.[0]?.meta?.linkTarget;
+        o(r ? {
+          url: a,
+          winOpenOpt: {
+            target: r
+          }
+        } : a);
       }
-      emit("select", data);
+      f("select", e);
     }
-    const isInSubMenu = computed(() => horizontalMenu.value?.inSubMenu);
-    __expose({
-      isInSubMenu
+    const E = w(() => T.value?.inSubMenu);
+    return L({
+      isInSubMenu: E
+    }), () => c(X, O(n.menuOptions, {
+      ref: T,
+      onSelect: P,
+      onOpen: z,
+      onClose: B,
+      onSubMenuClick: D,
+      mode: "horizontal",
+      class: b.b(),
+      defaultActive: n.defaultActive,
+      defaultOpeneds: n.defaultOpeneds
+    }), {
+      default: () => [n.menus?.length ? n.menus.map((e, o) => S(e, o, !1)) : null]
     });
-    return () => {
-      return createVNode(VftMenu, mergeProps(__props.menuOptions, {
-        "ref": horizontalMenu,
-        "onSelect": handleSelect,
-        "onOpen": onMenuOpen,
-        "onClose": onMenuClose,
-        "onSubMenuClick": onSubMenuClick,
-        "mode": "horizontal",
-        "class": ns.b(),
-        "defaultActive": __props.defaultActive,
-        "defaultOpeneds": __props.defaultOpeneds
-      }), {
-        default: () => [__props.menus?.length ? __props.menus.map((item, index) => {
-          return renderSubMenu(item, index, false);
-        }) : null]
-      });
-    };
   }
 });
 export {
-  _sfc_main as default
+  me as default
 };

package/es/components/horizontal-menu/index.js

@@ -1,9 +1,14 @@
-import _sfc_main from "./horizontal-menu.vue2.js";
-import { MenuTypeEnum } from "./constants.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftHorizontalMenu = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash-es";
+import t from "./horizontal-menu.vue2.js";
+import { MenuTypeEnum as u } from "./constants.js";
+const a = o(t);
 export {
-  MenuTypeEnum,
-  VftHorizontalMenu,
-  VftHorizontalMenu as default
+  u as MenuTypeEnum,
+  a as VftHorizontalMenu,
+  a as default
 };

package/es/components/horizontal-menu/style/css.js

@@ -1 +1,10 @@
-
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-tooltip.css";
+import "vft/theme-style/vft-popper.css";
+import "vft/theme-style/vft-icon.css";
+import "vft/theme-style/vft-menu.css";
+import "vft/theme-style/vft-divider.css";
+import "vft/theme-style/vft-menu-item.css";
+import "vft/theme-style/vft-menu-item-group.css";
+import "vft/theme-style/vft-sub-menu.css";
+import "vft/theme-style/vft-horizontal-menu.css";

package/es/components/horizontal-menu/style/index.js

@@ -1 +1,10 @@
-
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/tooltip.scss";
+import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/menu.scss";
+import "vft/theme-style/src/sub-menu.scss";
+import "vft/theme-style/src/divider.scss";
+import "vft/theme-style/src/menu-item.scss";
+import "vft/theme-style/src/menu-item-group.scss";
+import "vft/theme-style/src/horizontal-menu.scss";

package/es/components/icon/icon.vue.js

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

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

@@ -1,15 +1,19 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref } from "vue";
-import { isString } from "@vft/utils";
-import { generateCssVars } from "../../utils/ns-cover.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
-import { useGlobalConfig } from "../config-provider/hooks/use-global-config.js";
-import { addUnit } from "../../utils/helper.js";
-const _hoisted_1 = ["src"];
-const __default__ = defineComponent({
+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 C } from "../../utils/helper.js";
+import { generateCssVars as p } from "../../utils/ns-cover.js";
+import "lodash-es";
+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"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), q = /* @__PURE__ */ f({
+  ...I,
   props: {
     icon: {},
     size: {},
@@ -19,46 +23,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     pointer: { type: Boolean },
     hoverColor: {}
   },
-  setup(__props) {
-    const ns = useNamespace("icon");
-    const config = useGlobalConfig();
-    const style = computed(
-      () => generateCssVars(
+  setup(o) {
+    const r = g("icon"), e = h(), a = t(
+      () => p(
         {
-          size: addUnit(__props.size),
-          color: __props.color,
-          hoverColor: __props.hoverColor,
-          cursor: __props.pointer ? "pointer" : void 0,
-          animation: __props.rotate ? `${config.value.namespace}-rotate ${__props.rotateSpeed}s linear 0s infinite` : void 0
+          size: C(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"
       )
-    );
-    const isImage = (name) => name?.includes("/");
-    const isImageIcon = computed(() => isImage(__props.icon));
-    const isIconify = computed(() => {
-      if (config.value?.iconifyPrefixClass && __props.icon && isString(__props.icon)) {
-        return __props.icon.startsWith(config.value?.iconifyPrefixClass);
-      } else {
-        return false;
-      }
-    });
-    const iconfontClass = isIconify.value ? "" : config.value?.iconfontClass || "";
-    return (_ctx, _cache) => {
-      return isImageIcon.value ? (openBlock(), createElementBlock("img", {
-        key: 0,
-        class: normalizeClass(unref(ns).e("image")),
-        src: _ctx.icon,
-        alt: "",
-        style: normalizeStyle(style.value)
-      }, null, 14, _hoisted_1)) : (openBlock(), createElementBlock("i", {
-        key: 1,
-        class: normalizeClass([unref(ns).b(), _ctx.icon, unref(iconfontClass)]),
-        style: normalizeStyle(style.value)
-      }, null, 6));
-    };
+    ), 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 {
-  _sfc_main as default
+  q as default
 };

package/es/components/icon/index.js

@@ -1,7 +1,12 @@
-import _sfc_main from "./icon.vue2.js";
-import { withInstall } from "../../utils/vue/install.js";
-const VftIcon = withInstall(_sfc_main);
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "vue";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash-es";
+import o from "./icon.vue2.js";
+const s = t(o);
 export {
-  VftIcon,
-  VftIcon as default
+  s as VftIcon,
+  s as default
 };

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

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

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

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

package/es/components/icon-text/icon-text.vue.js

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