vft 0.0.61 → 0.0.62

package/es/components/list-cell/list-cell.vue.d.ts

@@ -0,0 +1,53 @@
+import type { PropType as __PropType } from 'vue';
+import { type IconProps } from 'vft/es/components/icon';
+export type ListItem = {
+    text: string;
+    leftIcon?: string | IconProps;
+    rightIcon?: string | IconProps;
+    rightContent?: any;
+    [key: string]: any;
+};
+export interface ListCellProps {
+    list: Array<ListItem>;
+    cellHeight?: string | number;
+    leftTextDistance?: string | number;
+    activeIndex?: number;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    list: {
+        type: __PropType<ListItem[]>;
+        required: true;
+    };
+    cellHeight: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    leftTextDistance: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    activeIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    list: {
+        type: __PropType<ListItem[]>;
+        required: true;
+    };
+    cellHeight: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    leftTextDistance: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    activeIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/list-cell/list-cell.vue.js

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

package/es/components/list-cell/list-cell.vue2.js

@@ -0,0 +1,68 @@
+import { defineComponent as k, ref as _, computed as m, openBlock as o, createElementBlock as a, normalizeStyle as z, unref as t, normalizeClass as c, Fragment as V, renderList as N, createElementVNode as u, createVNode as b, normalizeProps as d, guardReactiveProps as B, toDisplayString as D, createBlock as p, mergeProps as P } from "vue";
+import { VftIcon as g } from "../icon/index.js";
+import { useNamespace as T } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { singleAttrToObj as h, addUnit as v, VNode as E } from "@vft/utils";
+import { generateCssVars as H } from "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const S = ["onClick"], l = (
+  /* hoist-static*/
+  T("list-cell")
+), j = k({
+  name: l.b()
+}), M = /* @__PURE__ */ k({
+  ...j,
+  props: {
+    list: { default: [] },
+    cellHeight: { default: 50 },
+    leftTextDistance: { default: 8 },
+    activeIndex: null
+  },
+  emits: ["item-click"],
+  setup(r, { emit: I }) {
+    const f = _(r.activeIndex), C = m(() => r.list.map((e) => (e.leftIcon = h(e.leftIcon, "icon", { size: 16 }), e.rightIcon = h(e.rightIcon, "icon", {
+      icon: "ico-ep:arrow-right",
+      size: 16
+    }), e))), x = m(() => H({
+      height: v(r.cellHeight),
+      "left-text-distance": v(r.leftTextDistance)
+    }, "list-cell"));
+    function y(e, i) {
+      f.value = i, I("item-click", e, i);
+    }
+    return (e, i) => (o(), a("div", {
+      style: z(t(x)),
+      class: c(t(l).b())
+    }, [
+      (o(!0), a(V, null, N(t(C), (n, s) => (o(), a("div", {
+        onClick: (w) => y(n, s),
+        key: s,
+        class: c([t(l).e("item"), t(l).is("active", f.value === s)])
+      }, [
+        u("div", {
+          class: c(t(l).m("left"))
+        }, [
+          b(t(g), d(B(n.leftIcon)), null, 16),
+          u("span", {
+            class: c(t(l).e("text"))
+          }, D(n.text), 3)
+        ], 2),
+        u("div", {
+          class: c(t(l).m("right"))
+        }, [
+          n != null && n.rightContent ? (o(), p(t(E), {
+            key: 0,
+            content: n.rightContent
+          }, null, 8, ["content"])) : (o(), p(t(g), d(P({ key: 1 }, n.rightIcon)), null, 16))
+        ], 2)
+      ], 10, S))), 128))
+    ], 6));
+  }
+});
+export {
+  M as default
+};

package/es/components/list-cell/style/css.js

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

package/es/components/list-cell/style/index.js

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

package/es/components/md-container/md-container.vue2.js

@@ -57,6 +57,8 @@ import "../select-v2/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
 import "./index.js";
 import { VftMdComment as X } from "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -87,7 +89,7 @@ const mt = { class: "info-container" }, pt = {
   Z("md-container")
 ), ct = T({
   name: r.b()
-}), Mo = /* @__PURE__ */ T({
+}), $o = /* @__PURE__ */ T({
   ...ct,
   setup(lt, { expose: V }) {
     const w = P(), { initPhotoSwipe: D } = G(`.${r.e("content")} img`);
@@ -185,5 +187,5 @@ const mt = { class: "info-container" }, pt = {
   }
 });
 export {
-  Mo as default
+  $o as default
 };

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

@@ -51,7 +51,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     open: (index: string) => void;
     close: (index: string, indexPath: string[]) => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "select")[], "open" | "close" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
         required: false;
@@ -101,8 +101,8 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {}>> & {
     MenuItem: import("vue").DefineComponent<{

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, getCurrentInstance as M, inject as V, computed as l, reactive as Y, onMounted as D, onBeforeUnmount as F, openBlock as m, createElementBlock as p, Fragment as c, createBlock as s, unref as e, createCommentVNode as d, createElementVNode as u, normalizeClass as $, withCtx as j, renderSlot as f, normalizeProps as O, mergeProps as q, createVNode as G } from "vue";
+import { defineComponent as S, getCurrentInstance as M, inject as V, computed as l, reactive as Y, onMounted as D, onBeforeUnmount as F, openBlock as m, createElementBlock as a, Fragment as c, createBlock as p, unref as e, createCommentVNode as d, createElementVNode as u, normalizeClass as $, withCtx as j, renderSlot as f, normalizeProps as O, mergeProps as q, createVNode as G } from "vue";
 import { singleAttrToObj as H, renderTNode as J, VNode as K } from "@vft/utils";
 import { throwError as P } from "../../utils/error.js";
 import "lodash";
@@ -67,6 +67,8 @@ import "../select-v2/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -79,7 +81,7 @@ const W = ["title"], k = (
   v("menu-item")
 ), X = S({
   name: k.b()
-}), xe = /* @__PURE__ */ S({
+}), Ue = /* @__PURE__ */ S({
   ...X,
   props: {
     index: null,
@@ -94,7 +96,7 @@ const W = ["title"], k = (
   },
   emits: ["click"],
   setup(t, { emit: T }) {
-    const b = M(), w = v("menu"), a = v("menu-item"), i = t.isAloneUse ? null : V("rootMenu");
+    const b = M(), w = v("menu"), s = v("menu-item"), i = t.isAloneUse ? null : V("rootMenu");
     !i && !t.isAloneUse && P(k.b(), "can not inject root menu");
     const { parentMenu: y, indexPath: g } = L(
       b,
@@ -118,18 +120,18 @@ const W = ["title"], k = (
       t.isAloneUse || (o == null || o.removeSubMenu(r), i == null || i.removeMenuItem(r));
     }), (n, Z) => {
       var U, B, C, N, I;
-      return m(), p(c, null, [
-        t.reverse && t.divider ? (m(), s(e(E), {
+      return m(), a(c, null, [
+        t.reverse && t.divider ? (m(), p(e(E), {
           key: 0,
           marginY: "0"
         })) : d("", !0),
         u("li", {
-          class: $([t.className, e(a).b(), e(a).is("active", t.isAloneUse ? !1 : e(h)), e(a).is("disabled", t.disabled)]),
+          class: $([t.className, e(s).b(), e(s).is("active", t.isAloneUse ? !1 : e(h)), e(s).is("disabled", t.disabled)]),
           role: "menuitem",
           tabindex: "-1",
           onClick: z
         }, [
-          ((B = (U = e(y)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = e(i)) != null && C.props.collapse) && n.$slots.title ? (m(), s(e(R), {
+          ((B = (U = e(y)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = e(i)) != null && C.props.collapse) && n.$slots.title ? (m(), p(e(R), {
             key: 0,
             placement: "right",
             "fallback-placements": ["left"],
@@ -146,16 +148,16 @@ const W = ["title"], k = (
               ], 2)
             ]),
             _: 3
-          })) : (m(), p(c, { key: 1 }, [
-            (N = n.$slots) != null && N.default ? f(n.$slots, "default", { key: 0 }) : (m(), p(c, { key: 1 }, [
-              (I = e(x)) != null && I.icon ? (m(), s(e(Q), O(q({ key: 0 }, e(x))), null, 16)) : d("", !0),
+          })) : (m(), a(c, { key: 1 }, [
+            (N = n.$slots) != null && N.default ? f(n.$slots, "default", { key: 0 }) : (m(), a(c, { key: 1 }, [
+              (I = e(x)) != null && I.icon ? (m(), p(e(Q), O(q({ key: 0 }, e(x))), null, 16)) : d("", !0),
               u("span", { title: e(A) }, [
                 G(e(K), { content: e(A) }, null, 8, ["content"])
               ], 8, W)
             ], 64))
           ], 64))
         ], 2),
-        !t.reverse && t.divider ? (m(), s(e(E), {
+        !t.reverse && t.divider ? (m(), p(e(E), {
           key: 1,
           marginY: "0"
         })) : d("", !0)
@@ -164,5 +166,5 @@ const W = ["title"], k = (
   }
 });
 export {
-  xe as default
+  Ue as default
 };

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

@@ -52,7 +52,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     open: (index: string) => void;
     close: (index: string, indexPath: string[]) => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "select")[], "open" | "close" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: __PropType<"horizontal" | "vertical" | undefined>;
         required: false;
@@ -102,8 +102,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

@@ -57,6 +57,8 @@ import "../select-v2/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -80,7 +82,7 @@ const S = (
   I("sub-menu")
 ), ve = Z({
   name: S.b()
-}), Ro = /* @__PURE__ */ Z({
+}), Ho = /* @__PURE__ */ Z({
   ...ve,
   props: {
     index: null,
@@ -281,5 +283,5 @@ const S = (
   }
 });
 export {
-  Ro as default
+  Ho as default
 };

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

@@ -66,6 +66,8 @@ import "../select-v2/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -79,7 +81,7 @@ const M = (
   X("multiple-tabs")
 ), rt = P({
   name: M.b()
-}), Pe = /* @__PURE__ */ P({
+}), ke = /* @__PURE__ */ P({
   ...rt,
   props: {
     tabsStyle: null,
@@ -137,7 +139,7 @@ const M = (
       "item-padding": "0 10px",
       "close-icon-left": "8px",
       "item-distance": "10px",
-      "item-max-width": "348px",
+      "item-max-width": "180px",
       "scroll-padding": "0 20px",
       "header-margin": "0 0 0 8px",
       "item-border": "none"
@@ -194,5 +196,5 @@ const M = (
   }
 });
 export {
-  Pe as default
+  ke as default
 };

package/es/components/multiple-tabs/tab-content.vue.d.ts

@@ -13,6 +13,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<Record<string, Numberish> | undefined>;
         required: false;
     };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
 }, {
     handleContext: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -28,5 +32,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<Record<string, Numberish> | undefined>;
         required: false;
     };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
 }>>, {}>;
 export default _sfc_main;

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

@@ -1,4 +1,4 @@
-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 { defineComponent as r, computed as c, openBlock as s, createElementBlock as f, unref as i, withModifiers as p, toDisplayString as x } from "vue";
 import "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import { useContextMenu as b } from "../context-menu/useContextMenu.js";
@@ -6,31 +6,32 @@ import { useTabDropdown as d } from "./use/use-tab-dropdown.js";
 import "@vft/use";
 import "vue-router";
 import "@vft/store";
-const C = ["title", "onContextmenu"], w = /* @__PURE__ */ r({
+const C = ["title", "onContextmenu"], k = /* @__PURE__ */ r({
   __name: "tab-content",
   props: {
     tabItem: null,
     affixNum: null,
-    contextMenuStyle: null
+    contextMenuStyle: null,
+    visible: { type: Boolean }
   },
-  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);
+  setup(t, { expose: m }) {
+    const [l] = b(), n = c(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: a, handleContextMenu: u } = d(t.tabItem, t.affixNum);
     function o(e) {
-      u(t.tabItem)(e), a({
+      u(t.tabItem)(e), l({
         event: e,
         styles: t.contextMenuStyle,
-        items: l.value
+        items: a.value
       });
     }
-    return i({
+    return m({
       handleContext: o
     }), (e, M) => (s(), f("span", {
-      title: m(n),
+      title: i(n),
       class: "vft-multiple-tabs__title",
-      onContextmenu: x(o, ["stop"])
-    }, p(m(n)), 41, C));
+      onContextmenu: p(o, ["stop"])
+    }, x(i(n)), 41, C));
   }
 });
 export {
-  w as default
+  k as default
 };

package/es/components/multiple-tabs/use/use-tab-dropdown.js

@@ -1,14 +1,14 @@
 import { getRouterKeyPath as d } from "@vft/router";
 import { reactive as C, computed as D } from "vue";
-import { useMultipleTabStore as w, useTabs as M } from "@vft/store";
-function P(e, i) {
-  const r = C({
+import { useMultipleTabStore as v, useTabs as w } from "@vft/store";
+function S(e, r) {
+  const i = C({
     current: null,
     currentIndex: 0
-  }), t = w(), { refreshPage: g, closeAll: a, close: u, closeLeft: h, closeOther: p, closeRight: b, newWinTab: f } = M(), x = D(() => {
+  }), t = v(), { refreshPage: g, closeAll: a, close: u, closeLeft: h, closeOther: b, closeRight: f, newWinTab: p } = w(), x = D(() => {
     if (!e)
       return;
-    const { meta: o } = e, n = r.currentIndex, c = n === 0 || n <= i, s = t.getTabList.length <= i || n === t.getTabList.length - 1 && t.getLastDragEndIndex >= 0, T = t.getTabList.length === i || t.getTabList.length === i + 1 && n === i, l = t.getTabList.length === i;
+    const { meta: o } = e, n = i.currentIndex, c = n === 0 || n <= r, s = t.getTabList.length <= r || n === t.getTabList.length - 1 && t.getLastDragEndIndex >= 0, T = t.getTabList.length === r || t.getTabList.length === r + 1 && n === r, l = t.getTabList.length === r;
     return [
       {
         iconCfg: { icon: "ico-ep:refresh-right" },
@@ -18,11 +18,11 @@ function P(e, i) {
       {
         iconCfg: { icon: "ico-carbon:new-tab" },
         text: "新页面打开",
-        handler: () => f(e),
+        handler: () => p(e),
         divider: !0
       },
       {
-        iconCfg: { icon: "ico-ep:close", size: 16 },
+        iconCfg: { icon: "ico-zondicons:close" },
         text: "关闭标签页",
         disabled: !!(o != null && o.affix) || l,
         handler: () => u(e)
@@ -38,16 +38,16 @@ function P(e, i) {
         text: "关闭右侧标签页",
         disabled: s,
         divider: !0,
-        handler: () => b(e)
+        handler: () => f(e)
       },
       {
         iconCfg: { icon: "ico-mdi:close-box-multiple-outline" },
         text: "关闭其它标签页",
         disabled: T,
-        handler: () => p(e)
+        handler: () => b(e)
       },
       {
-        iconCfg: { icon: "ico-codicon:close-all", size: 16 },
+        iconCfg: { icon: "ico-mdi:vector-square-delete" },
         text: "关闭所有标签页",
         disabled: l,
         handler: () => a()
@@ -60,11 +60,11 @@ function P(e, i) {
         return;
       n == null || n.preventDefault();
       const c = t.getTabList.findIndex((s) => d(s) === d(o));
-      r.current = o, r.currentIndex = c;
+      i.current = o, i.currentIndex = c;
     };
   }
   return { getDropMenuList: x, handleContextMenu: L };
 }
 export {
-  P as useTabDropdown
+  S as useTabDropdown
 };

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

@@ -65,6 +65,8 @@ import "../select-v2/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -77,7 +79,7 @@ const i = (
   x("result")
 ), I = l({
   name: i.b()
-}), Jt = /* @__PURE__ */ l({
+}), Lt = /* @__PURE__ */ l({
   ...I,
   props: {
     title: null,
@@ -116,5 +118,5 @@ const i = (
   }
 });
 export {
-  Jt as default
+  Lt as default
 };

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

@@ -57,6 +57,8 @@ import "../select-v2/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -77,7 +79,7 @@ const u = (
   W("search")
 ), U = C({
   name: u.b()
-}), ao = /* @__PURE__ */ C({
+}), fo = /* @__PURE__ */ C({
   ...U,
   props: {
     modelValue: { default: "" },
@@ -205,5 +207,5 @@ const u = (
   }
 });
 export {
-  ao as default
+  fo 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<"inline" | "none" | "list" | "both">;
         default: string;
     };
     automaticDropdown: BooleanConstructor;