vft 0.0.373 → 0.0.375

package/lib/components/horizontal-menu/horizontal-menu.vue2.cjs

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

package/lib/components/horizontal-menu/index.cjs

@@ -1 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");const u=require("./horizontal-menu.vue2.cjs"),r=require("./constants.cjs"),e=t.withInstall(u.default);exports.MenuTypeEnum=r.MenuTypeEnum;exports.VftHorizontalMenu=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const horizontalMenu_vue_vue_type_script_setup_true_lang = require("./horizontal-menu.vue2.cjs");
+const constants = require("./constants.cjs");
+const VftHorizontalMenu = install.withInstall(horizontalMenu_vue_vue_type_script_setup_true_lang.default);
+exports.MenuTypeEnum = constants.MenuTypeEnum;
+exports.VftHorizontalMenu = VftHorizontalMenu;
+exports.default = VftHorizontalMenu;

package/lib/components/horizontal-menu/style/css.cjs

@@ -1 +1,11 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-tooltip.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-menu.css");require("vft/theme-style/vft-divider.css");require("vft/theme-style/vft-menu-item.css");require("vft/theme-style/vft-menu-item-group.css");require("vft/theme-style/vft-sub-menu.css");require("vft/theme-style/vft-horizontal-menu.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-tooltip.css");
+require("vft/theme-style/vft-popper.css");
+require("vft/theme-style/vft-icon.css");
+require("vft/theme-style/vft-menu.css");
+require("vft/theme-style/vft-divider.css");
+require("vft/theme-style/vft-menu-item.css");
+require("vft/theme-style/vft-menu-item-group.css");
+require("vft/theme-style/vft-sub-menu.css");
+require("vft/theme-style/vft-horizontal-menu.css");

package/lib/components/horizontal-menu/style/index.cjs

@@ -1 +1,11 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/tooltip.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/menu.scss");require("vft/theme-style/src/sub-menu.scss");require("vft/theme-style/src/divider.scss");require("vft/theme-style/src/menu-item.scss");require("vft/theme-style/src/menu-item-group.scss");require("vft/theme-style/src/horizontal-menu.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/tooltip.scss");
+require("vft/theme-style/src/popper.scss");
+require("vft/theme-style/src/icon.scss");
+require("vft/theme-style/src/menu.scss");
+require("vft/theme-style/src/sub-menu.scss");
+require("vft/theme-style/src/divider.scss");
+require("vft/theme-style/src/menu-item.scss");
+require("vft/theme-style/src/menu-item-group.scss");
+require("vft/theme-style/src/horizontal-menu.scss");

package/lib/components/icon/icon.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./icon.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const icon_vue_vue_type_script_setup_true_lang = require("./icon.vue2.cjs");
+exports.default = icon_vue_vue_type_script_setup_true_lang.default;

package/lib/components/icon/icon.vue2.cjs

@@ -1 +1,70 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const u=require("../../utils/helper.cjs"),f=require("../../utils/ns-cover.cjs");require("lodash-es");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const d=require("../config-provider/hooks/use-global-config.cjs"),v=["src"],C=e.defineComponent({name:"vft-icon"}),y=e.defineComponent({...C,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const t=m.useNamespace("icon"),n=d.useGlobalConfig(),r=e.computed(()=>f.generateCssVars({size:u.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${n.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),s=i=>i?.includes("/"),l=e.computed(()=>s(o.icon)),c=e.computed(()=>n.value?.iconifyPrefixClass&&o.icon&&a.isString(o.icon)?o.icon.startsWith(n.value?.iconifyPrefixClass):!1).value?"":n.value?.iconfontClass||"";return(i,g)=>l.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(t).e("image")),src:i.icon,alt:"",style:e.normalizeStyle(r.value)},null,14,v)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(t).b(),i.icon,e.unref(c)]),style:e.normalizeStyle(r.value)},null,6))}});exports.default=y;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const utils = require("@vft/utils");
+require("../config-provider/index.cjs");
+require("@vueuse/core");
+const helper = require("../../utils/helper.cjs");
+const nsCover = require("../../utils/ns-cover.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const useGlobalConfig = require("../config-provider/hooks/use-global-config.cjs");
+const _hoisted_1 = ["src"];
+const __default__ = vue.defineComponent({
+  name: "vft-icon"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    icon: {},
+    size: {},
+    color: {},
+    rotate: { type: Boolean },
+    rotateSpeed: { default: 2 },
+    pointer: { type: Boolean },
+    hoverColor: {}
+  },
+  setup(__props) {
+    const ns = index.useNamespace("icon");
+    const config = useGlobalConfig.useGlobalConfig();
+    const style = vue.computed(
+      () => nsCover.generateCssVars(
+        {
+          size: helper.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
+        },
+        "icon"
+      )
+    );
+    const isImage = (name) => name?.includes("/");
+    const isImageIcon = vue.computed(() => isImage(__props.icon));
+    const isIconify = vue.computed(() => {
+      if (config.value?.iconifyPrefixClass && __props.icon && utils.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 ? (vue.openBlock(), vue.createElementBlock("img", {
+        key: 0,
+        class: vue.normalizeClass(vue.unref(ns).e("image")),
+        src: _ctx.icon,
+        alt: "",
+        style: vue.normalizeStyle(style.value)
+      }, null, 14, _hoisted_1)) : (vue.openBlock(), vue.createElementBlock("i", {
+        key: 1,
+        class: vue.normalizeClass([vue.unref(ns).b(), _ctx.icon, vue.unref(iconfontClass)]),
+        style: vue.normalizeStyle(style.value)
+      }, null, 6));
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/icon/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./icon.vue2.cjs"),e=r.withInstall(t.default);exports.VftIcon=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const icon_vue_vue_type_script_setup_true_lang = require("./icon.vue2.cjs");
+const VftIcon = install.withInstall(icon_vue_vue_type_script_setup_true_lang.default);
+exports.VftIcon = VftIcon;
+exports.default = VftIcon;

package/lib/components/icon/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-icon.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-icon.css");

package/lib/components/icon/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/icon.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/icon.scss");

package/lib/components/icon-text/icon-text.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./icon-text.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const iconText_vue_vue_type_script_setup_true_lang = require("./icon-text.vue2.cjs");
+exports.default = iconText_vue_vue_type_script_setup_true_lang.default;

package/lib/components/icon-text/icon-text.vue2.cjs

@@ -1 +1,103 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("../clamp-tooltip/index.cjs"),s=require("../icon/index.cjs");require("@vueuse/core");const m=require("@vft/utils"),v=require("../../utils/helper.cjs"),C=require("../../utils/ns-cover.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const B={key:2},k=e.defineComponent({name:"vft-icon-text"}),q=e.defineComponent({...k,props:{text:{},icon:{},color:{},hoverColor:{},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(o){const c=p.useNamespace("icon-text"),n=e.computed(()=>o.hoverColor?o.hoverColor:o.color),r=e.computed(()=>m.singleAttrToObj(o.icon,"icon",{size:o.size,color:o.color})),u=e.computed(()=>o.direction==="col"),a=e.computed(()=>{const t=v.addUnit(o.distance);return u.value?o.reverse?{marginTop:t}:{marginBottom:t}:o.reverse?{marginLeft:t}:{marginRight:t}}),l=e.computed(()=>m.removeUnit(o.size)),i=e.computed(()=>l.value<12),d=e.computed(()=>l.value&&i.value?{transform:`scale(${l.value/12})`}:{}),f=e.computed(()=>{const t=C.generateCssVars({cursor:o.pointer?"pointer":void 0,color:o.color,"hover-color":n.value,fontSize:i.value?"12px":v.addUnit(o.size)},"icon-text");return{...i.value&&o.adjustOrigin?{transformOrigin:"left top"}:{},...t,...d.value}}),g=e.computed(()=>({text:o.text,maxLines:o.maxLines,showTooltip:o.showTooltip,...o.clampTooltipCfg}));return(t,y)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(c).b(),e.unref(c).is("col",u.value)]),style:e.normalizeStyle(f.value)},[!t.reverse&&r.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:0},r.value,{"hover-color":n.value,style:a.value}),null,16,["hover-color","style"])):e.createCommentVNode("",!0),t.useClamp?(e.openBlock(),e.createBlock(e.unref(h.VftClampTooltip),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(t.text),1)),t.reverse&&r.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:3},r.value,{style:a.value,"hover-color":n.value}),null,16,["style","hover-color"])):e.createCommentVNode("",!0)],6))}});exports.default=q;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$2 = require("../clamp-tooltip/index.cjs");
+const index$1 = require("../icon/index.cjs");
+require("@vueuse/core");
+const utils = require("@vft/utils");
+const helper = require("../../utils/helper.cjs");
+const nsCover = require("../../utils/ns-cover.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const _hoisted_1 = { key: 2 };
+const __default__ = vue.defineComponent({
+  name: "vft-icon-text"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    text: {},
+    icon: {},
+    color: {},
+    hoverColor: {},
+    distance: { default: 3 },
+    reverse: { type: Boolean },
+    size: {},
+    direction: { default: "row" },
+    pointer: { type: Boolean },
+    adjustOrigin: { type: Boolean, default: true },
+    maxLines: {},
+    showTooltip: { type: Boolean },
+    clampTooltipCfg: {},
+    useClamp: { type: Boolean }
+  },
+  setup(__props) {
+    const ns = index.useNamespace("icon-text");
+    const _hoverColor = vue.computed(() => {
+      return __props.hoverColor ? __props.hoverColor : __props.color;
+    });
+    const _icon = vue.computed(() => {
+      return utils.singleAttrToObj(__props.icon, "icon", { size: __props.size, color: __props.color });
+    });
+    const isColumn = vue.computed(() => __props.direction === "col");
+    const distanceStyle = vue.computed(() => {
+      const _distance = helper.addUnit(__props.distance);
+      if (isColumn.value) {
+        return __props.reverse ? { marginTop: _distance } : { marginBottom: _distance };
+      }
+      return __props.reverse ? { marginLeft: _distance } : { marginRight: _distance };
+    });
+    const size_num = vue.computed(() => {
+      return utils.removeUnit(__props.size);
+    });
+    const shouldShrink = vue.computed(() => size_num.value < 12);
+    const textScale = vue.computed(() => {
+      return size_num.value && shouldShrink.value ? { transform: `scale(${size_num.value / 12})` } : {};
+    });
+    const style = vue.computed(() => {
+      const vars = nsCover.generateCssVars(
+        {
+          cursor: __props.pointer ? "pointer" : void 0,
+          color: __props.color,
+          "hover-color": _hoverColor.value,
+          fontSize: shouldShrink.value ? "12px" : helper.addUnit(__props.size)
+        },
+        "icon-text"
+      );
+      const originStyle = shouldShrink.value && __props.adjustOrigin ? { transformOrigin: "left top" } : {};
+      return {
+        ...originStyle,
+        ...vars,
+        ...textScale.value
+      };
+    });
+    const _clampTooltipCfg = vue.computed(() => {
+      return {
+        text: __props.text,
+        maxLines: __props.maxLines,
+        showTooltip: __props.showTooltip,
+        ...__props.clampTooltipCfg
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("col", isColumn.value)]),
+        style: vue.normalizeStyle(style.value)
+      }, [
+        !_ctx.reverse && _icon.value?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.mergeProps({ key: 0 }, _icon.value, {
+          "hover-color": _hoverColor.value,
+          style: distanceStyle.value
+        }), null, 16, ["hover-color", "style"])) : vue.createCommentVNode("", true),
+        _ctx.useClamp ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftClampTooltip), vue.normalizeProps(vue.mergeProps({ key: 1 }, _clampTooltipCfg.value)), null, 16)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(_ctx.text), 1)),
+        _ctx.reverse && _icon.value?.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftIcon), vue.mergeProps({ key: 3 }, _icon.value, {
+          style: distanceStyle.value,
+          "hover-color": _hoverColor.value
+        }), null, 16, ["style", "hover-color"])) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/icon-text/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");const r=require("./icon-text.vue2.cjs"),e=t.withInstall(r.default);exports.VftIconText=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const iconText_vue_vue_type_script_setup_true_lang = require("./icon-text.vue2.cjs");
+const VftIconText = install.withInstall(iconText_vue_vue_type_script_setup_true_lang.default);
+exports.VftIconText = VftIconText;
+exports.default = VftIconText;

package/lib/components/icon-text/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-icon-text.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-icon-text.css");

package/lib/components/icon-text/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/icon-text.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/icon-text.scss");

package/lib/components/iframe-layout/iframe-layout.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./iframe-layout.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const iframeLayout_vue_vue_type_script_setup_true_lang = require("./iframe-layout.vue2.cjs");
+exports.default = iframeLayout_vue_vue_type_script_setup_true_lang.default;

package/lib/components/iframe-layout/iframe-layout.vue2.cjs

@@ -1 +1,35 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("vue-router"),a=require("./iframe-page.vue2.cjs"),c=e.defineComponent({name:"vft-iframe-layout"}),l=e.defineComponent({...c,props:{iframePages:{}},setup(s){const u=o.useRouter();function n(t){return t.fullPath===e.unref(u.currentRoute).fullPath}return(t,f)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.iframePages,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc?e.withDirectives((e.openBlock(),e.createBlock(a.default,{key:0,"frame-src":r.meta.frameSrc},null,8,["frame-src"])),[[e.vShow,n(r)]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=l;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const iframePage_vue_vue_type_script_setup_true_lang = require("./iframe-page.vue2.cjs");
+const __default__ = vue.defineComponent({
+  name: "vft-iframe-layout"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    iframePages: {}
+  },
+  setup(__props) {
+    const router = vueRouter.useRouter();
+    function showIframe(item) {
+      return item.fullPath === vue.unref(router.currentRoute).fullPath;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.iframePages, (item) => {
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+          key: item.query ? item.fullPath : item.path
+        }, [
+          item.meta.frameSrc ? vue.withDirectives((vue.openBlock(), vue.createBlock(iframePage_vue_vue_type_script_setup_true_lang.default, {
+            key: 0,
+            "frame-src": item.meta.frameSrc
+          }, null, 8, ["frame-src"])), [
+            [vue.vShow, showIframe(item)]
+          ]) : vue.createCommentVNode("", true)
+        ], 64);
+      }), 128);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/iframe-layout/iframe-page.vue.cjs

@@ -1 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./iframe-page.vue2.cjs");exports.default=e.default;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const iframePage_vue_vue_type_script_setup_true_lang = require("./iframe-page.vue2.cjs");
+exports.default = iframePage_vue_vue_type_script_setup_true_lang.default;

package/lib/components/iframe-layout/iframe-page.vue2.cjs

@@ -1 +1,31 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const t=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const u=["src"],s=e.defineComponent({name:"vft-iframe-page"}),a=e.defineComponent({...s,props:{frameSrc:{default:""}},setup(i){const r=t.useNamespace("iframe-page");return(n,o)=>(e.openBlock(),e.createElementBlock("iframe",{class:e.normalizeClass(e.unref(r).b()),src:n.frameSrc},null,10,u))}});exports.default=a;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("lodash-es");
+const index = require("../../hooks/use-namespace/index.cjs");
+require("../../hooks/use-model-toggle/index.cjs");
+require("@popperjs/core");
+require("../../hooks/use-z-index/index.cjs");
+const _hoisted_1 = ["src"];
+const __default__ = vue.defineComponent({
+  name: "vft-iframe-page"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    frameSrc: { default: "" }
+  },
+  setup(__props) {
+    const ns = index.useNamespace("iframe-page");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("iframe", {
+        class: vue.normalizeClass(vue.unref(ns).b()),
+        src: _ctx.frameSrc
+      }, null, 10, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/iframe-layout/index.cjs

@@ -1 +1,12 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./iframe-layout.vue2.cjs"),e=r.withInstall(t.default);exports.VftIframeLayout=e;exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("@vueuse/core");
+require("@vft/utils");
+require("../config-provider/hooks/use-global-config.cjs");
+require("vue");
+const install = require("../../utils/vue/install.cjs");
+require("lodash-es");
+const iframeLayout_vue_vue_type_script_setup_true_lang = require("./iframe-layout.vue2.cjs");
+const VftIframeLayout = install.withInstall(iframeLayout_vue_vue_type_script_setup_true_lang.default);
+exports.VftIframeLayout = VftIframeLayout;
+exports.default = VftIframeLayout;

package/lib/components/iframe-layout/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-iframe-layout.css");
+"use strict";
+require("vft/theme-style/base.css");
+require("vft/theme-style/vft-iframe-layout.css");

package/lib/components/iframe-layout/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/iframe-layout.scss");
+"use strict";
+require("vft/theme-style/src/base.scss");
+require("vft/theme-style/src/iframe-layout.scss");