vft 0.0.53 → 0.0.56

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as P, ref as h, computed as b, watchEffect as E, unref as r, openBlock as x, createElementBlock as R, normalizeClass as H, normalizeStyle as K, createVNode as C, withCtx as S, Fragment as F, renderList as U, createBlock as $ } from "vue";
+import { defineComponent as P, ref as b, computed as h, watchEffect as E, unref as r, openBlock as x, createElementBlock as R, normalizeClass as H, normalizeStyle as K, createVNode as S, withCtx as _, Fragment as F, renderList as U, createBlock as $ } from "vue";
 import { useRouterHelper as j, getRouterKeyPath as c, listenerRouteChange as q } from "@vft/router";
 import { useMultipleTabStore as G, useTabs as J } from "@vft/store";
 import { useRefs as L } from "@vft/use";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
-import { generateCssVars as _ } from "../../utils/ns-cover.js";
+import { generateCssVars as C } from "../../utils/ns-cover.js";
 import O from "hotkeys-js";
 import { useRouter as Q, onBeforeRouteLeave as W } from "vue-router";
 import { useNamespace as X } from "../../hooks/use-namespace/index.js";
@@ -24,6 +24,7 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
+import "../context-menu/context-menu.vue2.js";
 import { initAffixTabs as tt, useTabsDrag as et } from "./use/use-multiple-tabs.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -78,7 +79,7 @@ const M = (
   X("multiple-tabs")
 ), rt = P({
   name: M.b()
-}), _e = /* @__PURE__ */ P({
+}), Pe = /* @__PURE__ */ P({
   ...rt,
   props: {
     tabsStyle: null,
@@ -88,7 +89,7 @@ const M = (
   setup(f) {
     const i = tt();
     f.canDrag && et(i);
-    const u = G(), n = h(""), a = h(0), d = h(), v = Q(), { go: g } = j(), s = b(() => u.getTabList.filter((t) => {
+    const u = G(), n = b(""), a = b(0), d = b(), v = Q(), { go: g } = j(), s = h(() => u.getTabList.filter((t) => {
       var e;
       return !((e = t.meta) != null && e.hideTab);
     }));
@@ -101,52 +102,51 @@ const M = (
     }), W(() => {
       d.value = r(v.currentRoute);
     }), q((t) => {
-      var y;
-      if (!t || (y = t.meta) != null && y.hasTokenToRoot)
+      var T;
+      if (!t || (T = t.meta) != null && T.hasTokenToRoot)
         return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: m } = e, l = m ? o : null, p = c(t);
-      if (n.value !== p && (n.value = p), l) {
-        let T = v.getRoutes().find((D) => D.path === o);
-        T && u.addTab(T, r(d), a.value, t);
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: m } = e, p = m ? o : null, l = c(t);
+      if (n.value !== l && (n.value = l), p) {
+        let y = v.getRoutes().find((D) => D.path === o);
+        y && u.addTab(y, r(d), a.value, t);
       } else
         u.addTab(r(t), r(d), a.value);
     });
     function k(t) {
-      var m, l;
+      var m, p;
       if (n.value === t.paneName)
         return;
       const e = s.value[t.attrs.index];
       n.value = t.paneName;
-      const o = (l = (m = e == null ? void 0 : e.meta) == null ? void 0 : m.hideActiveRoute) == null ? void 0 : l.fullPath;
+      const o = (p = (m = e == null ? void 0 : e.meta) == null ? void 0 : m.hideActiveRoute) == null ? void 0 : p.fullPath;
       g(o || e.fullPath || e.path);
     }
     function B(t) {
       u.closeTabByKey(t, v);
     }
-    const [I, N] = L();
-    function w(t) {
+    const [N, I] = L();
+    function V(t) {
       const e = t.pane.attrs.index, o = t.event;
-      I.value[e].handleContext(o);
+      N.value[e].handleContext(o);
     }
-    const V = b(() => ({ ..._({
+    const w = h(() => ({ ...C({
       padding: "4px 0 0",
+      "border-bottom": "none",
       "header-height": "26px",
-      "item-color": "#5C5C5C",
-      "item-bg-color": "#f8f8f8",
       "font-size": "13px",
       "item-padding": "0 10px",
       "close-icon-left": "8px",
       "item-distance": "10px",
       "item-max-width": "348px",
       "scroll-padding": "0 20px",
-      "header-margin": "0 0 0 8px"
+      "header-margin": "0 0 0 8px",
+      "item-border": "none"
     }, "tabs"), ...f.tabsStyle })), { closeCurrent: A } = J();
     O("command+e, ctrl+e", function() {
       return A(), !1;
     });
-    const z = b(() => ({
-      ..._({
-        border: "1px solid #dcdfe6",
+    const z = h(() => ({
+      ...C({
         "sub-item-height": "40px",
         "item-min-width": "150px"
       }, "menu"),
@@ -154,34 +154,32 @@ const M = (
     }));
     return (t, e) => (x(), R("div", {
       class: H(r(M).b()),
-      style: K(r(V))
+      style: K(r(w))
     }, [
-      C(r(Y), {
+      S(r(Y), {
         "model-value": n.value,
         "onUpdate:modelValue": e[0] || (e[0] = (o) => n.value = o),
-        type: "card",
         onTabClick: k,
         onTabRemove: B,
-        onTabContextMenu: w,
-        closeIconCfg: { color: "white" }
+        onTabContextMenu: V
       }, {
-        default: S(() => [
+        default: _(() => [
           (x(!0), R(F, null, U(r(s), (o, m) => {
-            var l;
+            var p;
             return x(), $(r(Z), {
               key: r(c)(o) + m,
-              closable: !((l = o.meta) != null && l.affix),
+              closable: !((p = o.meta) != null && p.affix),
               index: m,
               name: r(c)(o)
             }, {
-              label: S(() => {
-                var p;
+              label: _(() => {
+                var l;
                 return [
-                  C(ot, {
+                  S(ot, {
                     contextMenuStyle: r(z),
-                    affixNum: (p = r(i)) == null ? void 0 : p.length,
+                    affixNum: (l = r(i)) == null ? void 0 : l.length,
                     ref_for: !0,
-                    ref: r(N)(m),
+                    ref: r(I)(m),
                     tabItem: o
                   }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
                 ];
@@ -196,5 +194,5 @@ const M = (
   }
 });
 export {
-  _e as default
+  Pe as default
 };

package/es/components/multiple-tabs/tab-content.vue2.js

@@ -1,102 +1,36 @@
-import { defineComponent as l, computed as u, openBlock as c, createElementBlock as s, unref as r, withModifiers as f, toDisplayString as x } from "vue";
+import { defineComponent as r, computed as c, openBlock as s, createElementBlock as f, unref as m, withModifiers as x, toDisplayString as p } from "vue";
 import "@vft/utils";
+import "../context-menu/context-menu.vue2.js";
+import { useContextMenu as b } from "../context-menu/useContextMenu.js";
+import { useTabDropdown as d } from "./use/use-tab-dropdown.js";
 import "@vft/use";
-import "../divider/index.js";
-import "../icon/index.js";
-import "../avatar/index.js";
-import "../empty/index.js";
-import "../result/index.js";
-import "../tabs/index.js";
-import "../popper/index.js";
-import "../collapse-transition/index.js";
-import "../tooltip/index.js";
-import "../popover/index.js";
-import "../menu/index.js";
-import "./multiple-tabs.vue2.js";
-import { useTabDropdown as b } from "./use/use-tab-dropdown.js";
 import "vue-router";
 import "@vft/store";
-import "../header-layout/index.js";
-import "../footer-layout/index.js";
-import "../iframe-layout/index.js";
-import "../router-view-content/index.js";
-import "../logo/index.js";
-import "../back-top/index.js";
-import "../config-provider/index.js";
-import "../descriptions/index.js";
-import "../full-screen/index.js";
-import "../icon-text/index.js";
-import "../image/index.js";
-import "../input/index.js";
-import "../link/index.js";
-import "../pagination/index.js";
-import "../tag/index.js";
-import "../side-menu/index.js";
-import "../qrcode/index.js";
-import "../overlay/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../page-wrapper/index.js";
-import "../exception/index.js";
-import "../search/index.js";
-import "../form/index.js";
-import "../button/index.js";
-import "../checkbox/index.js";
-import "../radio/index.js";
-import "../switch/index.js";
-import "../color-picker/index.js";
-import "../scrollbar/index.js";
-import "../dropdown/index.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/props.js";
-import "../select-v2/index.js";
-import "../verify-code/index.js";
-import "../table/index.js";
-import "../image-viewer/index.js";
-import "../md-container/index.js";
-import "../md-comment/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../message/index.js";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-import { useContextMenu as d } from "../context-menu/useContextMenu.js";
-const C = ["title", "onContextmenu"], Ht = /* @__PURE__ */ l({
+const C = ["title", "onContextmenu"], w = /* @__PURE__ */ r({
   __name: "tab-content",
   props: {
     tabItem: null,
     affixNum: null,
     contextMenuStyle: null
   },
-  setup(t, { expose: p }) {
-    const [e] = d(), m = u(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: n, handleContextMenu: a } = b(t.tabItem, t.affixNum);
-    function i(o) {
-      a(t.tabItem)(o), e({
-        event: o,
+  setup(t, { expose: i }) {
+    const [a] = b(), n = c(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: l, handleContextMenu: u } = d(t.tabItem, t.affixNum);
+    function o(e) {
+      u(t.tabItem)(e), a({
+        event: e,
         styles: t.contextMenuStyle,
-        items: n.value
+        items: l.value
       });
     }
-    return p({
-      handleContext: i
-    }), (o, M) => (c(), s("span", {
-      title: r(m),
+    return i({
+      handleContext: o
+    }), (e, M) => (s(), f("span", {
+      title: m(n),
       class: "vft-multiple-tabs__title",
-      onContextmenu: f(i, ["stop"])
-    }, x(r(m)), 41, C));
+      onContextmenu: x(o, ["stop"])
+    }, p(m(n)), 41, C));
   }
 });
 export {
-  Ht as default
+  w as default
 };

package/es/components/popper/composables/use-focus-trap.d.ts

@@ -1,6 +1,6 @@
 import type { PopperContentProps } from '../types';
 export declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: any) => {
-    focusStartRef: import("vue").Ref<HTMLElement | "first" | "container" | undefined>;
+    focusStartRef: import("vue").Ref<HTMLElement | "container" | "first" | undefined>;
     trapped: import("vue").Ref<boolean>;
     onFocusAfterReleased: (event: CustomEvent) => void;
     onFocusAfterTrapped: () => void;

package/es/components/popper/content.vue.d.ts

@@ -115,7 +115,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description content style
      */
     contentStyle: import("vue").ComputedRef<StyleValue[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "focus" | "blur" | "mouseleave" | "mouseenter")[], "close" | "focus" | "blur" | "mouseleave" | "mouseenter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "blur" | "focus" | "mouseenter" | "mouseleave")[], "close" | "blur" | "focus" | "mouseenter" | "mouseleave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     boundariesPadding: {
         type: __PropType<number | undefined>;
         required: false;
@@ -214,9 +214,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
     onMouseenter?: ((...args: any[]) => any) | undefined;
     onMouseleave?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/es/components/popper/index.d.ts

@@ -4,12 +4,12 @@ import VftPopperContent from './content.vue';
 export { VftPopperArrow, VftPopperTrigger, VftPopperContent };
 export declare const VftPopper: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: import("vue").PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
 }>>, {}>> & Record<string, any>;

package/es/components/popper/popper.vue.d.ts

@@ -1,12 +1,12 @@
 import type { PropType as __PropType } from 'vue';
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+        type: __PropType<"grid" | "dialog" | "menu" | "group" | "listbox" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
 }>>, {}>;

package/es/components/qrcode/index.d.ts

@@ -16,7 +16,7 @@ export declare const VftQrcode: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     tag: {
-        type: import("vue").PropType<"canvas" | "img" | undefined>;
+        type: import("vue").PropType<"img" | "canvas" | undefined>;
         required: false;
     };
 }, {
@@ -39,12 +39,12 @@ export declare const VftQrcode: import("vft/es/utils").SFCWithInstall<import("vu
         required: false;
     };
     tag: {
-        type: import("vue").PropType<"canvas" | "img" | undefined>;
+        type: import("vue").PropType<"img" | "canvas" | undefined>;
         required: false;
     };
 }>> & {
-    onDone?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
+    onDone?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftQrcode;
 export * from './types';

package/es/components/qrcode/qrcode.vue.d.ts

@@ -18,7 +18,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tag: {
-        type: __PropType<"canvas" | "img" | undefined>;
+        type: __PropType<"img" | "canvas" | undefined>;
         required: false;
     };
 }, {
@@ -41,11 +41,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tag: {
-        type: __PropType<"canvas" | "img" | undefined>;
+        type: __PropType<"img" | "canvas" | undefined>;
         required: false;
     };
 }>> & {
-    onDone?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
+    onDone?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/es/components/result/result.vue2.js

@@ -19,10 +19,11 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -76,7 +77,7 @@ const i = (
   x("result")
 ), I = l({
   name: i.b()
-}), Ht = /* @__PURE__ */ l({
+}), Jt = /* @__PURE__ */ l({
   ...I,
   props: {
     title: null,
@@ -115,5 +116,5 @@ const i = (
   }
 });
 export {
-  Ht as default
+  Jt as default
 };

package/es/components/roving-focus-group/roving-focus-group-impl.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _sfc_main: import("vue").DefineComponent<{
     style: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     };
     currentTabId: {
         type: StringConstructor;
@@ -20,7 +20,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     onMousedown: FunctionConstructor;
 }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("currentTabIdChange" | "entryFocus")[], "currentTabIdChange" | "entryFocus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     style: {
-        type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     };
     currentTabId: {
         type: StringConstructor;

package/es/components/roving-focus-group/roving-focus-item.vue.d.ts

@@ -22,8 +22,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onMousedown?: ((...args: any[]) => any) | undefined;
 }, {
     active: boolean;

package/es/components/search/index.d.ts

@@ -90,9 +90,9 @@ export declare const VftSearch: import("vft/es/utils").SFCWithInstall<import("vu
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onEnter?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onEnter?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftSearch;

package/es/components/search/search.vue.d.ts

@@ -92,9 +92,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onEnter?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    onEnter?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/es/components/search/search.vue2.js

@@ -12,9 +12,10 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import { VftPopover as L } from "../popover/index.js";
 import "../menu/index.js";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -76,7 +77,7 @@ const u = (
   W("search")
 ), U = C({
   name: u.b()
-}), so = /* @__PURE__ */ C({
+}), ao = /* @__PURE__ */ C({
   ...U,
   props: {
     modelValue: { default: "" },
@@ -204,5 +205,5 @@ const u = (
   }
 });
 export {
-  so as default
+  ao as default
 };

package/es/components/select-v2/defaults.d.ts

@@ -4,7 +4,7 @@ import type { Options, Placement } from 'vft/es/components/popper';
 export declare const SelectProps: {
     allowCreate: BooleanConstructor;
     autocomplete: {
-        type: PropType<"none" | "both" | "list" | "inline">;
+        type: PropType<"none" | "both" | "inline" | "list">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;