vft 0.0.363 → 0.0.364

package/lib/components/modal/modal.vue2.cjs

@@ -1,161 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const index = require("../dialog/index.cjs");
-const modalFooterAction_vue_vue_type_script_setup_true_lang = require("./modal-footer-action.vue2.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "modal",
-  props: {
-    closeFunc: {},
-    showActionButtonGroup: { type: Boolean, default: false },
-    confirmLoading: { type: Boolean },
-    loading: { type: Boolean },
-    appendToBody: { type: Boolean, default: false },
-    beforeClose: {},
-    destroyOnClose: { type: Boolean, default: false },
-    closeOnClickModal: { type: Boolean, default: true },
-    closeOnPressEscape: { type: Boolean, default: true },
-    lockScroll: { type: Boolean, default: true },
-    modal: { type: Boolean, default: true },
-    openDelay: { default: 0 },
-    closeDelay: { default: 0 },
-    top: {},
-    modelValue: { type: Boolean, default: false },
-    modalClass: {},
-    width: {},
-    zIndex: {},
-    trapFocus: { type: Boolean, default: false },
-    center: { type: Boolean, default: false },
-    alignCenter: { type: Boolean, default: false },
-    closeIcon: {},
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: false },
-    fullscreen: { type: Boolean, default: false },
-    showClose: { type: Boolean, default: true },
-    title: { default: "" },
-    showSubmitButton: { type: Boolean, default: true },
-    showCancelButton: { type: Boolean, default: true },
-    submitButtonOptions: {},
-    cancelButtonOptions: {},
-    actionRowOptions: {}
-  },
-  emits: {
-    "visible-change": [],
-    close: [],
-    ok: [],
-    register: [],
-    "update:modelValue": [],
-    submit: []
-  },
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = vue.useAttrs();
-    const propsRef = vue.ref(null);
-    const visibleRef = vue.ref(false);
-    const modalWrapperRef = vue.ref(null);
-    const modalMethods = {
-      setModalProps,
-      emitVisible: void 0,
-      redoModalHeight: () => {
-        vue.nextTick(() => {
-          if (vue.unref(modalWrapperRef)) {
-            vue.unref(modalWrapperRef).setModalHeight();
-          }
-        });
-      }
-    };
-    const instance = vue.getCurrentInstance();
-    if (instance) {
-      emit("register", modalMethods, instance.uid);
-    }
-    const getMergeProps = vue.computed(() => {
-      return {
-        ...props,
-        ...vue.unref(propsRef)
-      };
-    });
-    const getBindValue = vue.computed(() => {
-      return {
-        ...attrs,
-        ...vue.unref(getMergeProps),
-        modelValue: vue.unref(visibleRef)
-      };
-    });
-    vue.watchEffect(() => {
-      visibleRef.value = !!props.modelValue;
-    });
-    vue.watch(
-      () => vue.unref(visibleRef),
-      (v) => {
-        emit("visible-change", v);
-        emit("update:modelValue", v);
-        if (instance) {
-          vue.nextTick(() => {
-            modalMethods.emitVisible(v, instance.uid);
-          });
-        }
-        vue.nextTick(() => {
-          if (props.scrollTop && v && vue.unref(modalWrapperRef)) {
-            vue.unref(modalWrapperRef).scrollTop();
-          }
-        });
-      },
-      {
-        immediate: false
-      }
-    );
-    async function handleCancel(e) {
-      e?.stopPropagation();
-      if (props.closeFunc && utils.isFunction(props.closeFunc)) {
-        const isClose = await props.closeFunc();
-        visibleRef.value = !isClose;
-        return;
-      }
-      visibleRef.value = false;
-      emit("close", e);
-    }
-    function setModalProps(props2) {
-      propsRef.value = utils.deepMerge(vue.unref(propsRef) || {}, props2);
-      if (Reflect.has(props2, "modelValue")) {
-        visibleRef.value = !!props2.modelValue;
-      }
-    }
-    const _cancelButtonOptions = vue.computed(() => {
-      return {
-        onClick: (e) => handleCancel(e),
-        ...props.cancelButtonOptions
-      };
-    });
-    const _submitButtonOptions = vue.computed(() => {
-      return {
-        onClick: () => emit("submit"),
-        ...props.submitButtonOptions
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index.VftDialog), vue.mergeProps(getBindValue.value, { onClose: handleCancel }), vue.createSlots({
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 2
-      }, [
-        _ctx.$slots.footer || _ctx.showActionButtonGroup ? {
-          name: "footer",
-          fn: vue.withCtx(() => [
-            _ctx.showActionButtonGroup ? (vue.openBlock(), vue.createBlock(modalFooterAction_vue_vue_type_script_setup_true_lang.default, {
-              key: 0,
-              "show-cancel-button": _ctx.showCancelButton,
-              "show-submit-button": _ctx.showSubmitButton,
-              "cancel-button-options": _cancelButtonOptions.value,
-              "submit-button-options": _submitButtonOptions.value
-            }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : vue.createCommentVNode("", true)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@vft/utils"),w=require("../dialog/index.cjs"),C=require("./modal-footer-action.vue2.cjs"),v=e.defineComponent({__name:"modal",props:{closeFunc:{},showActionButtonGroup:{type:Boolean,default:!1},confirmLoading:{type:Boolean},loading:{type:Boolean},appendToBody:{type:Boolean,default:!1},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!1},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},showSubmitButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},emits:{"visible-change":[],close:[],ok:[],register:[],"update:modelValue":[],submit:[]},setup(d,{emit:p}){const o=d,n=p,m=e.useAttrs(),s=e.ref(null),l=e.ref(!1),u=e.ref(null),c={setModalProps:y,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(u)&&e.unref(u).setModalHeight()})}},a=e.getCurrentInstance();a&&n("register",c,a.uid);const B=e.computed(()=>({...o,...e.unref(s)})),b=e.computed(()=>({...m,...e.unref(B),modelValue:e.unref(l)}));e.watchEffect(()=>{l.value=!!o.modelValue}),e.watch(()=>e.unref(l),t=>{n("visible-change",t),n("update:modelValue",t),a&&e.nextTick(()=>{c.emitVisible(t,a.uid)}),e.nextTick(()=>{o.scrollTop&&t&&e.unref(u)&&e.unref(u).scrollTop()})},{immediate:!1});async function i(t){if(t?.stopPropagation(),o.closeFunc&&f.isFunction(o.closeFunc)){const r=await o.closeFunc();l.value=!r;return}l.value=!1,n("close",t)}function y(t){s.value=f.deepMerge(e.unref(s)||{},t),Reflect.has(t,"modelValue")&&(l.value=!!t.modelValue)}const h=e.computed(()=>({onClick:t=>i(t),...o.cancelButtonOptions})),g=e.computed(()=>({onClick:()=>n("submit"),...o.submitButtonOptions}));return(t,r)=>(e.openBlock(),e.createBlock(e.unref(w.VftDialog),e.mergeProps(b.value,{onClose:i}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer||t.showActionButtonGroup?{name:"footer",fn:e.withCtx(()=>[t.showActionButtonGroup?(e.openBlock(),e.createBlock(C.default,{key:0,"show-cancel-button":t.showCancelButton,"show-submit-button":t.showSubmitButton,"cancel-button-options":h.value,"submit-button-options":g.value},null,8,["show-cancel-button","show-submit-button","cancel-button-options","submit-button-options"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040))}});exports.default=v;

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

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-dialog.css");require("vft/theme-style/vft-overlay.css");require("vft/theme-style/vft-modal.css");

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

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/dialog.scss");require("vft/theme-style/src/overlay.scss");require("vft/theme-style/src/modal.scss");

package/lib/components/modal/types.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";require("../button/index.cjs");require("../row/index.cjs");

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,13 +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                     */
-const install = require("../../utils/vue/install.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,184 +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 router = require("@vft/router");
-const store = require("@vft/store");
-const use = require("@vft/use");
-const core = require("@vueuse/core");
-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");
-const index = require("../../hooks/use-namespace/index.cjs");
-const nsCover = require("../../utils/ns-cover.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 +1 @@
-"use strict";
+"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 +1 @@
-"use strict";
+"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,50 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@vft/utils");
-const index = require("../icon-text/index.cjs");
-const useContextMenu = require("../context-menu/useContextMenu.cjs");
-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 +1 @@
-"use strict";
+"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;