vft 0.0.375 → 0.0.376

package/lib/components/modal/use/use-modal.cjs

@@ -1,126 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const use = require("@vft/use");
-const utils = require("@vft/utils");
-const lodashEs = require("lodash-es");
-const vue = require("vue");
-const dataTransfer = vue.reactive({});
-const visibleData = vue.reactive({});
-function useModal() {
-  const modal = vue.ref(null);
-  const loaded = vue.ref(false);
-  const uid = vue.ref("");
-  function register(modalMethod, uuid) {
-    if (!vue.getCurrentInstance()) {
-      throw new Error(
-        "useModal() can only be used inside setup() or functional components!"
-      );
-    }
-    uid.value = uuid;
-    vue.onBeforeUnmount(() => {
-      modal.value = null;
-      loaded.value = false;
-      dataTransfer[vue.unref(uid)] = null;
-    });
-    use.onMountedOrActivated(() => {
-      if (vue.unref(loaded) && modalMethod === vue.unref(modal)) return;
-      modal.value = modalMethod;
-      loaded.value = true;
-      modalMethod.emitVisible = (visible, uid2) => {
-        visibleData[uid2] = visible;
-      };
-    });
-  }
-  const getInstance = () => {
-    const instance = vue.unref(modal);
-    if (!instance) {
-      console.error("useModal instance is undefined!");
-    }
-    return instance;
-  };
-  const methods = {
-    setModalProps: (props) => {
-      getInstance()?.setModalProps(props);
-    },
-    getVisible: vue.computed(() => {
-      return visibleData[~~vue.unref(uid)];
-    }),
-    redoModalHeight: () => {
-      getInstance()?.redoModalHeight?.();
-    },
-    openModal: (visible = true, data, openOnSet = true) => {
-      getInstance()?.setModalProps({
-        modelValue: visible
-      });
-      if (!data) return;
-      const id = vue.unref(uid);
-      if (openOnSet) {
-        dataTransfer[id] = null;
-        dataTransfer[id] = vue.toRaw(data);
-        return;
-      }
-      const equal = lodashEs.isEqual(vue.toRaw(dataTransfer[id]), vue.toRaw(data));
-      if (!equal) {
-        dataTransfer[id] = vue.toRaw(data);
-      }
-    },
-    closeModal: () => {
-      getInstance()?.setModalProps({ modelValue: false });
-    }
-  };
-  return [register, methods];
-}
-const useModalInner = (callbackFn) => {
-  const modalInstanceRef = vue.ref(null);
-  const currentInstance = vue.getCurrentInstance();
-  const uidRef = vue.ref("");
-  const getInstance = () => {
-    const instance = vue.unref(modalInstanceRef);
-    if (!instance) {
-      console.error("useModalInner instance is undefined!");
-    }
-    return instance;
-  };
-  const register = (modalInstance, uuid) => {
-    vue.onBeforeUnmount(() => {
-      modalInstanceRef.value = null;
-    });
-    uidRef.value = uuid;
-    modalInstanceRef.value = modalInstance;
-    currentInstance?.emit("register", modalInstance, uuid);
-  };
-  vue.watchEffect(() => {
-    const data = dataTransfer[vue.unref(uidRef)];
-    if (!data) return;
-    if (!callbackFn || !utils.isFunction(callbackFn)) return;
-    vue.nextTick(() => {
-      callbackFn(data);
-    });
-  });
-  return [
-    register,
-    {
-      changeLoading: (loading = true) => {
-        getInstance()?.setModalProps({ loading });
-      },
-      getVisible: vue.computed(() => {
-        return visibleData[~~vue.unref(uidRef)];
-      }),
-      changeOkLoading: (loading = true) => {
-        getInstance()?.setModalProps({ confirmLoading: loading });
-      },
-      closeModal: () => {
-        getInstance()?.setModalProps({ modelValue: false });
-      },
-      setModalProps: (props) => {
-        getInstance()?.setModalProps(props);
-      },
-      redoModalHeight: () => {
-        const callRedo = getInstance()?.redoModalHeight;
-        callRedo && callRedo();
-      }
-    }
-  ];
-};
-exports.useModal = useModal;
-exports.useModalInner = useModalInner;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("@vft/use"),g=require("@vft/utils"),p=require("lodash-es"),n=require("vue"),a=n.reactive({}),f=n.reactive({});function v(){const r=n.ref(null),s=n.ref(!1),u=n.ref("");function i(e,t){if(!n.getCurrentInstance())throw new Error("useModal() can only be used inside setup() or functional components!");u.value=t,n.onBeforeUnmount(()=>{r.value=null,s.value=!1,a[n.unref(u)]=null}),M.onMountedOrActivated(()=>{n.unref(s)&&e===n.unref(r)||(r.value=e,s.value=!0,e.emitVisible=(d,l)=>{f[l]=d})})}const o=()=>{const e=n.unref(r);return e||console.error("useModal instance is undefined!"),e},c={setModalProps:e=>{o()?.setModalProps(e)},getVisible:n.computed(()=>f[~~n.unref(u)]),redoModalHeight:()=>{o()?.redoModalHeight?.()},openModal:(e=!0,t,d=!0)=>{if(o()?.setModalProps({modelValue:e}),!t)return;const l=n.unref(u);if(d){a[l]=null,a[l]=n.toRaw(t);return}p.isEqual(n.toRaw(a[l]),n.toRaw(t))||(a[l]=n.toRaw(t))},closeModal:()=>{o()?.setModalProps({modelValue:!1})}};return[i,c]}const m=r=>{const s=n.ref(null),u=n.getCurrentInstance(),i=n.ref(""),o=()=>{const e=n.unref(s);return e||console.error("useModalInner instance is undefined!"),e},c=(e,t)=>{n.onBeforeUnmount(()=>{s.value=null}),i.value=t,s.value=e,u?.emit("register",e,t)};return n.watchEffect(()=>{const e=a[n.unref(i)];e&&(!r||!g.isFunction(r)||n.nextTick(()=>{r(e)}))}),[c,{changeLoading:(e=!0)=>{o()?.setModalProps({loading:e})},getVisible:n.computed(()=>f[~~n.unref(i)]),changeOkLoading:(e=!0)=>{o()?.setModalProps({confirmLoading:e})},closeModal:()=>{o()?.setModalProps({modelValue:!1})},setModalProps:e=>{o()?.setModalProps(e)},redoModalHeight:()=>{const e=o()?.redoModalHeight;e&&e()}}]};exports.useModal=v;exports.useModalInner=m;

package/lib/components/multiple-tabs/index.cjs

@@ -1,19 +1 @@
-"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 multipleTabs_vue_vue_type_script_setup_true_lang = require("./multiple-tabs.vue2.cjs");
-;/* empty css                     */
-require("../tabs/index.cjs");
-const useMultipleTabs = require("./use/use-multiple-tabs.cjs");
-const useTabDropdown = require("./use/use-tab-dropdown.cjs");
-const VftMultipleTabs = install.withInstall(multipleTabs_vue_vue_type_script_setup_true_lang.default);
-exports.initAffixTabs = useMultipleTabs.initAffixTabs;
-exports.useTabsDrag = useMultipleTabs.useTabsDrag;
-exports.useTabDropdown = useTabDropdown.useTabDropdown;
-exports.VftMultipleTabs = VftMultipleTabs;
-exports.default = VftMultipleTabs;
+"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 u=require("../../utils/vue/install.cjs");require("lodash-es");const t=require("./multiple-tabs.vue2.cjs");;/* empty css                     */require("../tabs/index.cjs");const e=require("./use/use-multiple-tabs.cjs"),i=require("./use/use-tab-dropdown.cjs"),r=u.withInstall(t.default);exports.initAffixTabs=e.initAffixTabs;exports.useTabsDrag=e.useTabsDrag;exports.useTabDropdown=i.useTabDropdown;exports.VftMultipleTabs=r;exports.default=r;

package/lib/components/multiple-tabs/multiple-tabs.vue.cjs

@@ -1,5 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const multipleTabs_vue_vue_type_script_setup_true_lang = require("./multiple-tabs.vue2.cjs");
-;/* empty css                     */
-exports.default = multipleTabs_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./multiple-tabs.vue2.cjs");;/* empty css                     */exports.default=e.default;

package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs

@@ -1,192 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index$1 = require("../tabs/index.cjs");
-const core = require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.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 router = require("@vft/router");
-const store = require("@vft/store");
-const use = require("@vft/use");
-const hotkeys = require("hotkeys-js");
-const vueRouter = require("vue-router");
-const tabContent_vue_vue_type_script_setup_true_lang = require("./tab-content.vue2.cjs");
-const useMultipleTabs = require("./use/use-multiple-tabs.cjs");
-require("../context-menu/context-menu.vue2.cjs");
-require("../icon/index.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-multiple-tabs"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    tabsStyle: {},
-    contextMenuStyle: {},
-    canDrag: { type: Boolean },
-    fixTabCount: {},
-    fixExtraScrollWidth: {}
-  },
-  setup(__props) {
-    const ns = index.useNamespace("multiple-tabs");
-    const instance = vue.getCurrentInstance();
-    const _router = instance.appContext.config.globalProperties.$router;
-    const affixList = useMultipleTabs.initAffixTabs(_router);
-    const tabStore = store.useMultipleTabStore();
-    const activePathRef = vue.ref("");
-    const activeIndex = vue.ref(0);
-    const fromRoute = vue.ref();
-    const { go } = router.useRouterHelper(_router);
-    const getTabsState = vue.computed(() => {
-      return tabStore.getTabList.filter((item) => {
-        return !item.meta?.hideTab;
-      });
-    });
-    vue.watchEffect(() => {
-      if (activePathRef.value) {
-        const _activeIndex = getTabsState.value.findIndex((item) => {
-          return router.getRouterKeyPath(item) === activePathRef.value;
-        });
-        if (_activeIndex === -1) {
-          activeIndex.value = getTabsState.value?.length - 1;
-        } else {
-          activeIndex.value = _activeIndex;
-        }
-        activeIndex.value = activeIndex.value < affixList?.length ? affixList?.length - 1 : activeIndex.value;
-      }
-    });
-    if (core.isClient) {
-      vueRouter.onBeforeRouteLeave(() => {
-        fromRoute.value = vue.unref(_router.currentRoute);
-      });
-    }
-    router.listenerRouteChange(({ route }) => {
-      if (!route || route.meta?.hasTokenToRoot) {
-        return;
-      }
-      const { meta = {} } = route;
-      const { currentActivePath, hideTab } = meta;
-      const isHide = !hideTab ? null : currentActivePath;
-      const activePath = router.getRouterKeyPath(route);
-      if (activePathRef.value !== activePath) {
-        activePathRef.value = activePath;
-      }
-      if (isHide) {
-        let findParentRoute = _router.getRoutes().find((item) => item.path === currentActivePath);
-        findParentRoute && tabStore.addTab(
-          findParentRoute,
-          vue.unref(fromRoute),
-          activeIndex.value,
-          route
-        );
-      } else {
-        tabStore.addTab(vue.unref(route), vue.unref(fromRoute), activeIndex.value);
-      }
-    });
-    function handleClick(pane) {
-      if (activePathRef.value === pane.paneName) {
-        return;
-      }
-      const clickTab = getTabsState.value[pane.attrs.index];
-      activePathRef.value = pane.paneName;
-      const hideActiveRoutePath = clickTab?.meta?.hideActiveRoute?.fullPath;
-      if (hideActiveRoutePath) {
-        go(hideActiveRoutePath);
-      } else {
-        go(clickTab.fullPath || clickTab.path);
-      }
-    }
-    function handleRemove(targetPath) {
-      tabStore.closeTabByKey(targetPath, _router);
-    }
-    const { refs, setRefs } = use.useRefs();
-    function handleContextMenu(data) {
-      const _index = data.pane.attrs.index;
-      const _event = data.event;
-      refs.value[_index].handleContext(_event);
-    }
-    const _tabsStyle = vue.computed(() => {
-      let initTabStyle = {
-        padding: "4px 0 0",
-        "border-bottom": "none",
-        "header-height": "26px",
-        "font-size": "13px",
-        "item-padding": "0 10px",
-        "close-icon-left": "8px",
-        "item-distance": "1px",
-        "item-max-width": "180px",
-        "scroll-padding": "0 20px",
-        "header-margin": "0 0 0 8px",
-        "item-border-radius": "5px 5px 0 0",
-        "item-border": "none"
-      };
-      return { ...nsCover.generateCssVars(initTabStyle, "tabs"), ...__props.tabsStyle };
-    });
-    const { closeCurrent } = store.useTabs();
-    const _contextMenuStyle = {
-      ...nsCover.generateCssVars(
-        {
-          "sub-item-height": "40px",
-          "item-min-width": "150px"
-        },
-        "menu"
-      ),
-      ...__props.contextMenuStyle
-    };
-    vue.onMounted(() => {
-      if (__props.canDrag) {
-        useMultipleTabs.useTabsDrag(affixList);
-      }
-      hotkeys("command+e, ctrl+e", function() {
-        closeCurrent();
-        return false;
-      });
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(ns).b()),
-        style: vue.normalizeStyle(_tabsStyle.value)
-      }, [
-        vue.createVNode(vue.unref(index$1.VftTabs), {
-          "show-bar": false,
-          "fix-tab-count": _ctx.fixTabCount,
-          "fix-extra-scroll-width": _ctx.fixExtraScrollWidth,
-          modelValue: activePathRef.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activePathRef.value = $event),
-          onTabClick: handleClick,
-          onTabRemove: handleRemove,
-          onTabContextMenu: handleContextMenu
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getTabsState.value, (item, index2) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(index$1.VftTabPane), {
-                key: vue.unref(router.getRouterKeyPath)(item) + index2,
-                closable: !item.meta?.affix,
-                index: index2,
-                name: vue.unref(router.getRouterKeyPath)(item)
-              }, {
-                label: vue.withCtx(() => [
-                  vue.createVNode(tabContent_vue_vue_type_script_setup_true_lang.default, {
-                    "context-menu-style": _contextMenuStyle,
-                    "affix-num": vue.unref(affixList)?.length,
-                    ref_for: true,
-                    ref: vue.unref(setRefs)(index2),
-                    "tab-item": item
-                  }, null, 8, ["affix-num", "tab-item"])
-                ]),
-                _: 2
-              }, 1032, ["closable", "index", "name"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["fix-tab-count", "fix-extra-scroll-width", "modelValue"])
-      ], 6);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("../tabs/index.cjs"),w=require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const p=require("../../utils/ns-cover.cjs");require("lodash-es");const E=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=require("@vft/router"),g=require("@vft/store"),K=require("@vft/use"),N=require("hotkeys-js"),A=require("vue-router"),I=require("./tab-content.vue2.cjs"),T=require("./use/use-multiple-tabs.cjs");require("../context-menu/context-menu.vue2.cjs");require("../icon/index.cjs");const L=e.defineComponent({name:"vft-multiple-tabs"}),z=e.defineComponent({...L,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},fixTabCount:{},fixExtraScrollWidth:{}},setup(d){const y=E.useNamespace("multiple-tabs"),i=e.getCurrentInstance().appContext.config.globalProperties.$router,s=T.initAffixTabs(i),c=g.useMultipleTabStore(),r=e.ref(""),o=e.ref(0),x=e.ref(),{go:b}=u.useRouterHelper(i),f=e.computed(()=>c.getTabList.filter(t=>!t.meta?.hideTab));e.watchEffect(()=>{if(r.value){const t=f.value.findIndex(a=>u.getRouterKeyPath(a)===r.value);t===-1?o.value=f.value?.length-1:o.value=t,o.value=o.value<s?.length?s?.length-1:o.value}}),w.isClient&&A.onBeforeRouteLeave(()=>{x.value=e.unref(i.currentRoute)}),u.listenerRouteChange(({route:t})=>{if(!t||t.meta?.hasTokenToRoot)return;const{meta:a={}}=t,{currentActivePath:n,hideTab:l}=a,B=l?n:null,m=u.getRouterKeyPath(t);if(r.value!==m&&(r.value=m),B){let v=i.getRoutes().find(V=>V.path===n);v&&c.addTab(v,e.unref(x),o.value,t)}else c.addTab(e.unref(t),e.unref(x),o.value)});function C(t){if(r.value===t.paneName)return;const a=f.value[t.attrs.index];r.value=t.paneName;const n=a?.meta?.hideActiveRoute?.fullPath;b(n||a.fullPath||a.path)}function q(t){c.closeTabByKey(t,i)}const{refs:R,setRefs:_}=K.useRefs();function S(t){const a=t.pane.attrs.index,n=t.event;R.value[a].handleContext(n)}const P=e.computed(()=>{let t={padding:"4px 0 0","border-bottom":"none","header-height":"26px","font-size":"13px","item-padding":"0 10px","close-icon-left":"8px","item-distance":"1px","item-max-width":"180px","scroll-padding":"0 20px","header-margin":"0 0 0 8px","item-border-radius":"5px 5px 0 0","item-border":"none"};return{...p.generateCssVars(t,"tabs"),...d.tabsStyle}}),{closeCurrent:k}=g.useTabs(),M={...p.generateCssVars({"sub-item-height":"40px","item-min-width":"150px"},"menu"),...d.contextMenuStyle};return e.onMounted(()=>{d.canDrag&&T.useTabsDrag(s),N("command+e, ctrl+e",function(){return k(),!1})}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(y).b()),style:e.normalizeStyle(P.value)},[e.createVNode(e.unref(h.VftTabs),{"show-bar":!1,"fix-tab-count":t.fixTabCount,"fix-extra-scroll-width":t.fixExtraScrollWidth,modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=n=>r.value=n),onTabClick:C,onTabRemove:q,onTabContextMenu:S},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(n,l)=>(e.openBlock(),e.createBlock(e.unref(h.VftTabPane),{key:e.unref(u.getRouterKeyPath)(n)+l,closable:!n.meta?.affix,index:l,name:e.unref(u.getRouterKeyPath)(n)},{label:e.withCtx(()=>[e.createVNode(I.default,{"context-menu-style":M,"affix-num":e.unref(s)?.length,ref_for:!0,ref:e.unref(_)(l),"tab-item":n},null,8,["affix-num","tab-item"])]),_:2},1032,["closable","index","name"]))),128))]),_:1},8,["fix-tab-count","fix-extra-scroll-width","modelValue"])],6))}});exports.default=z;

package/lib/components/multiple-tabs/style/css.cjs

@@ -1,4 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-multiple-tabs.css");
-require("vft/theme-style/vft-tabs.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-multiple-tabs.css");require("vft/theme-style/vft-tabs.css");

package/lib/components/multiple-tabs/style/index.cjs

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

package/lib/components/multiple-tabs/tab-content.vue.cjs

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

package/lib/components/multiple-tabs/tab-content.vue2.cjs

@@ -1,55 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-require("../context-menu/context-menu.vue2.cjs");
-require("../icon/index.cjs");
-const useContextMenu = require("../context-menu/useContextMenu.cjs");
-const index = require("../icon-text/index.cjs");
-require("vue-router");
-require("@vft/store");
-require("@vft/use/sortable");
-const useTabDropdown = require("./use/use-tab-dropdown.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "tab-content",
-  props: {
-    tabItem: {},
-    affixNum: {},
-    contextMenuStyle: {},
-    visible: { type: Boolean }
-  },
-  setup(__props, { expose: __expose }) {
-    const [createContextMenu] = useContextMenu.useContextMenu();
-    const getTitle = vue.computed(() => {
-      return __props.tabItem.meta && __props.tabItem.meta.title;
-    });
-    const getIcon = vue.computed(() => {
-      return utils.singleAttrToObj(__props.tabItem.meta?.icon, "icon");
-    });
-    const { getDropMenuList, handleContextMenu } = useTabDropdown.useTabDropdown(
-      __props.tabItem,
-      __props.affixNum
-    );
-    function handleContext(e) {
-      handleContextMenu(__props.tabItem)(e);
-      createContextMenu({
-        event: e,
-        styles: __props.contextMenuStyle,
-        items: getDropMenuList.value
-      });
-    }
-    __expose({
-      handleContext
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index.VftIconText), {
-        class: "vft-multiple-tabs__title",
-        title: getTitle.value,
-        icon: getIcon.value,
-        text: getTitle.value,
-        onContextmenu: vue.withModifiers(handleContext, ["stop"])
-      }, null, 8, ["title", "icon", "text"]);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("@vft/utils");require("../context-menu/context-menu.vue2.cjs");require("../icon/index.cjs");const m=require("../context-menu/useContextMenu.cjs"),x=require("../icon-text/index.cjs");require("vue-router");require("@vft/store");require("@vft/use/sortable");const b=require("./use/use-tab-dropdown.cjs"),d=t.defineComponent({__name:"tab-content",props:{tabItem:{},affixNum:{},contextMenuStyle:{},visible:{type:Boolean}},setup(e,{expose:i}){const[r]=m.useContextMenu(),u=t.computed(()=>e.tabItem.meta&&e.tabItem.meta.title),c=t.computed(()=>s.singleAttrToObj(e.tabItem.meta?.icon,"icon")),{getDropMenuList:a,handleContextMenu:l}=b.useTabDropdown(e.tabItem,e.affixNum);function o(n){l(e.tabItem)(n),r({event:n,styles:e.contextMenuStyle,items:a.value})}return i({handleContext:o}),(n,f)=>(t.openBlock(),t.createBlock(t.unref(x.VftIconText),{class:"vft-multiple-tabs__title",title:u.value,icon:c.value,text:u.value,onContextmenu:t.withModifiers(o,["stop"])},null,8,["title","icon","text"]))}});exports.default=d;

package/lib/components/multiple-tabs/types.cjs

@@ -1,2 +1 @@
-"use strict";
-require("../tabs/index.cjs");
+"use strict";require("../tabs/index.cjs");

package/lib/components/multiple-tabs/use/index.cjs

@@ -1,7 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useMultipleTabs = require("./use-multiple-tabs.cjs");
-const useTabDropdown = require("./use-tab-dropdown.cjs");
-exports.initAffixTabs = useMultipleTabs.initAffixTabs;
-exports.useTabsDrag = useMultipleTabs.useTabsDrag;
-exports.useTabDropdown = useTabDropdown.useTabDropdown;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./use-multiple-tabs.cjs"),s=require("./use-tab-dropdown.cjs");exports.initAffixTabs=e.initAffixTabs;exports.useTabsDrag=e.useTabsDrag;exports.useTabDropdown=s.useTabDropdown;

package/lib/components/multiple-tabs/use/use-multiple-tabs.cjs

@@ -1,63 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const store = require("@vft/store");
-const sortable = require("@vft/use/sortable");
-const utils = require("@vft/utils");
-const vue = require("vue");
-function initAffixTabs(router) {
-  const affixList = vue.ref([]);
-  const tabStore = store.useMultipleTabStore();
-  function filterAffixTabs(routes) {
-    const tabs = [];
-    routes && routes.forEach((route) => {
-      if (route.meta?.affix) {
-        tabs.push(vue.toRaw(route));
-      }
-    });
-    return tabs;
-  }
-  function addAffixTabs() {
-    const affixTabs = filterAffixTabs(router.getRoutes());
-    utils.arrSort(affixTabs, ["meta", "order"]);
-    affixList.value = affixTabs;
-    for (const tab of affixTabs) {
-      tabStore.addTab({
-        meta: tab.meta,
-        name: tab.name,
-        path: tab.path
-      });
-    }
-  }
-  let isAddAffix = false;
-  if (!isAddAffix) {
-    addAffixTabs();
-    isAddAffix = true;
-  }
-  return affixList.value.map((item) => item.meta?.title).filter(Boolean);
-}
-function useTabsDrag(affixTextList) {
-  const tabStore = store.useMultipleTabStore();
-  vue.nextTick(() => {
-    const el = document.querySelectorAll(".vft-tabs__nav")?.[0];
-    const { initSortable } = sortable.useSortable(el, {
-      draggable: ".is-closable",
-      // forceFallback: true,
-      // fallbackClass: 'sortable-fallback',
-      filter: (e) => {
-        const text = e?.target?.innerText;
-        if (!text) return false;
-        return affixTextList.includes(text);
-      },
-      onEnd: (evt) => {
-        const { oldIndex, newIndex } = evt;
-        if (utils.isNullOrUndefined(oldIndex) || utils.isNullOrUndefined(newIndex) || oldIndex === newIndex) {
-          return;
-        }
-        tabStore.sortTabs(oldIndex, newIndex);
-      }
-    });
-    initSortable();
-  });
-}
-exports.initAffixTabs = initAffixTabs;
-exports.useTabsDrag = useTabsDrag;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@vft/store"),b=require("@vft/use/sortable"),f=require("@vft/utils"),l=require("vue");function d(i){const r=l.ref([]),s=c.useMultipleTabStore();function o(e){const a=[];return e&&e.forEach(u=>{u.meta?.affix&&a.push(l.toRaw(u))}),a}function n(){const e=o(i.getRoutes());f.arrSort(e,["meta","order"]),r.value=e;for(const a of e)s.addTab({meta:a.meta,name:a.name,path:a.path})}let t=!1;return t||(n(),t=!0),r.value.map(e=>e.meta?.title).filter(Boolean)}function T(i){const r=c.useMultipleTabStore();l.nextTick(()=>{const s=document.querySelectorAll(".vft-tabs__nav")?.[0],{initSortable:o}=b.useSortable(s,{draggable:".is-closable",filter:n=>{const t=n?.target?.innerText;return t?i.includes(t):!1},onEnd:n=>{const{oldIndex:t,newIndex:e}=n;f.isNullOrUndefined(t)||f.isNullOrUndefined(e)||t===e||r.sortTabs(t,e)}});o()})}exports.initAffixTabs=d;exports.useTabsDrag=T;

package/lib/components/multiple-tabs/use/use-tab-dropdown.cjs

@@ -1,96 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const router = require("@vft/router");
-const store = require("@vft/store");
-require("@vft/utils");
-const vue = require("vue");
-require("../../context-menu/context-menu.vue2.cjs");
-require("../../icon/index.cjs");
-require("vue-router");
-function useTabDropdown(tabItem, affixNum) {
-  const state = vue.reactive({
-    current: null,
-    currentIndex: 0
-  });
-  const tabStore = store.useMultipleTabStore();
-  const {
-    refreshPage,
-    closeAll,
-    close,
-    closeLeft,
-    closeOther,
-    closeRight,
-    newWinTab
-  } = store.useTabs();
-  const getDropMenuList = vue.computed(() => {
-    if (!tabItem) {
-      return;
-    }
-    const { meta } = tabItem;
-    const index = state.currentIndex;
-    const closeLeftDisabled = index === 0 || index <= affixNum;
-    const closeRightDisabled = tabStore.getTabList.length <= affixNum || index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0;
-    const closeOtherDisabled = tabStore.getTabList.length === affixNum || tabStore.getTabList.length === affixNum + 1 && index === affixNum;
-    const disabled = tabStore.getTabList.length === affixNum;
-    const dropMenuList = [
-      {
-        iconCfg: { icon: "icon-refresh-right" },
-        text: "刷新",
-        handler: () => refreshPage(tabItem)
-      },
-      {
-        iconCfg: { icon: "icon-new-tab" },
-        text: "新页面打开",
-        handler: () => newWinTab(tabItem),
-        divider: true
-      },
-      {
-        iconCfg: { icon: "icon-close-tab" },
-        text: "关闭标签页",
-        disabled: !!meta?.affix || disabled,
-        handler: () => close(tabItem)
-      },
-      {
-        iconCfg: { icon: "icon-arrow-close-left" },
-        text: "关闭左侧标签页",
-        disabled: closeLeftDisabled,
-        handler: () => closeLeft(tabItem)
-      },
-      {
-        iconCfg: { icon: "icon-arrow-close-right" },
-        text: "关闭右侧标签页",
-        disabled: closeRightDisabled,
-        divider: true,
-        handler: () => closeRight(tabItem)
-      },
-      {
-        iconCfg: { icon: "icon-close-box-multiple-outline" },
-        text: "关闭其它标签页",
-        disabled: closeOtherDisabled,
-        handler: () => closeOther(tabItem)
-      },
-      {
-        iconCfg: { icon: "icon-vector-square-delete" },
-        text: "关闭所有标签页",
-        disabled,
-        handler: () => closeAll()
-      }
-    ];
-    return dropMenuList;
-  });
-  function handleContextMenu(tabItem2) {
-    return (e) => {
-      if (!tabItem2) {
-        return;
-      }
-      e?.preventDefault();
-      const index = tabStore.getTabList.findIndex(
-        (tab) => router.getRouterKeyPath(tab) === router.getRouterKeyPath(tabItem2)
-      );
-      state.current = tabItem2;
-      state.currentIndex = index;
-    };
-  }
-  return { getDropMenuList, handleContextMenu };
-}
-exports.useTabDropdown = useTabDropdown;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@vft/router"),u=require("@vft/store");require("@vft/utils");const a=require("vue");require("../../context-menu/context-menu.vue2.cjs");require("../../icon/index.cjs");require("vue-router");function D(e,n){const i=a.reactive({current:null,currentIndex:0}),t=u.useMultipleTabStore(),{refreshPage:g,closeAll:h,close:b,closeLeft:x,closeOther:L,closeRight:T,newWinTab:f}=u.useTabs(),p=a.computed(()=>{if(!e)return;const{meta:o}=e,r=i.currentIndex,c=r===0||r<=n,s=t.getTabList.length<=n||r===t.getTabList.length-1&&t.getLastDragEndIndex>=0,C=t.getTabList.length===n||t.getTabList.length===n+1&&r===n,l=t.getTabList.length===n;return[{iconCfg:{icon:"icon-refresh-right"},text:"刷新",handler:()=>g(e)},{iconCfg:{icon:"icon-new-tab"},text:"新页面打开",handler:()=>f(e),divider:!0},{iconCfg:{icon:"icon-close-tab"},text:"关闭标签页",disabled:!!o?.affix||l,handler:()=>b(e)},{iconCfg:{icon:"icon-arrow-close-left"},text:"关闭左侧标签页",disabled:c,handler:()=>x(e)},{iconCfg:{icon:"icon-arrow-close-right"},text:"关闭右侧标签页",disabled:s,divider:!0,handler:()=>T(e)},{iconCfg:{icon:"icon-close-box-multiple-outline"},text:"关闭其它标签页",disabled:C,handler:()=>L(e)},{iconCfg:{icon:"icon-vector-square-delete"},text:"关闭所有标签页",disabled:l,handler:()=>h()}]});function q(o){return r=>{if(!o)return;r?.preventDefault();const c=t.getTabList.findIndex(s=>d.getRouterKeyPath(s)===d.getRouterKeyPath(o));i.current=o,i.currentIndex=c}}return{getDropMenuList:p,handleContextMenu:q}}exports.useTabDropdown=D;

package/lib/components/notification/index.cjs

@@ -1,16 +1 @@
-"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 notify = require("./notify.cjs");
-const notification = require("./notification.cjs");
-const VftNotification = install.withInstallFunction(notify.default, "$notify");
-exports.notificationEmits = notification.notificationEmits;
-exports.notificationProps = notification.notificationProps;
-exports.notificationTypes = notification.notificationTypes;
-exports.VftNotification = VftNotification;
-exports.default = VftNotification;
+"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 e=require("../../utils/vue/install.cjs");require("lodash-es");const o=require("./notify.cjs"),i=require("./notification.cjs"),t=e.withInstallFunction(o.default,"$notify");exports.notificationEmits=i.notificationEmits;exports.notificationProps=i.notificationProps;exports.notificationTypes=i.notificationTypes;exports.VftNotification=t;exports.default=t;