vft 0.0.48 → 0.0.51

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, useSlots as E, ref as P, computed as m, h as f, onMounted as U, nextTick as W, createVNode as d } from "vue";
+import { defineComponent as k, useSlots as E, ref as P, computed as d, h as f, onMounted as U, nextTick as W, createVNode as c } from "vue";
 import { listenerRouteChange as $, useRouterHelper as j } from "@vft/router";
 import { useSortable as z } from "@vft/use";
 import { isUrl as Y, addUnit as M, isNullOrUndefined as S } from "@vft/utils";
@@ -8,6 +8,8 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { generateCssVars as F } from "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import "../divider/index.js";
 import { VftIcon as G } from "../icon/index.js";
 import "../avatar/index.js";
@@ -46,6 +48,22 @@ 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";
@@ -53,12 +71,12 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-const i = (
+const l = (
   /* hoist-static*/
   D("side-menu")
 ), Q = k({
-  name: i.b()
-}), Ze = /* @__PURE__ */ k({
+  name: l.b()
+}), he = /* @__PURE__ */ k({
   ...Q,
   props: {
     menus: null,
@@ -96,7 +114,7 @@ const i = (
   setup(o, {
     emit: h
   }) {
-    const c = E(), v = P(), a = m(() => ({
+    const s = E(), v = P(), r = d(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -104,27 +122,27 @@ const i = (
       icon: "icon",
       ...o.attrMapping
     }));
-    $((e) => {
-      !e || e.meta.hideSide || (v.value = e.path);
+    $((t) => {
+      !t || t.meta.hideSide || (v.value = t.path);
     });
-    const x = (e, r) => {
-      const n = e[a.value.path], p = e[a.value.title], l = e == null ? void 0 : e[a.value.children], u = e == null ? void 0 : e[a.value.index], s = e == null ? void 0 : e[a.value.icon];
-      return l != null && l.length ? f(
+    const x = (t, a) => {
+      const i = t[r.value.path], p = t[r.value.title], n = t == null ? void 0 : t[r.value.children], u = t == null ? void 0 : t[r.value.index], m = t == null ? void 0 : t[r.value.icon];
+      return n != null && n.length ? f(
         // @ts-ignore
         K,
         {
           popperAppendToBody: !0,
-          key: u || n,
-          index: u || n,
+          key: u || i,
+          index: u || i,
           title: p,
-          icon: s,
-          popperClass: i.e("popper")
+          icon: m,
+          popperClass: l.e("popper")
         },
         {
-          default: () => l == null ? void 0 : l.map((t, H) => {
+          default: () => n == null ? void 0 : n.map((e, H) => {
             var O;
-            const g = t[a.value.path], C = t[a.value.index], q = t[a.value.icon], R = t[a.value.title];
-            return (O = t == null ? void 0 : t[a.value.children]) != null && O.length ? x(t, H) : (
+            const g = e[r.value.path], C = e[r.value.index], q = e[r.value.icon], R = e[r.value.title];
+            return (O = e == null ? void 0 : e[r.value.children]) != null && O.length ? x(e, H) : (
               // @ts-ignore
               f(b, {
                 key: C || g,
@@ -132,95 +150,95 @@ const i = (
                 route: g,
                 icon: q,
                 title: R,
-                disabled: t.disabled
+                disabled: e.disabled
               })
             );
           })
         }
       ) : f(b, {
-        key: u || n,
-        index: u || n,
+        key: u || i,
+        index: u || i,
         title: p,
-        route: n,
-        icon: s,
-        disabled: e.disabled
-      }, c.menuItem ? () => {
-        var t;
-        return (t = c.menuItem) == null ? void 0 : t.call(c, {
-          item: e,
-          index: r
+        route: i,
+        icon: m,
+        disabled: t.disabled
+      }, s.menuItem ? () => {
+        var e;
+        return (e = s.menuItem) == null ? void 0 : e.call(s, {
+          item: t,
+          index: a
         });
       } : "");
-    }, w = m(() => {
-      var e, r;
+    }, w = d(() => {
+      var t, a;
       return f(J, {
         onSelect: o.useMenuSelect ? N : () => {
         },
         defaultActive: o.defaultActive || v.value,
-        class: [i.e("con"), (e = o.dragOption) != null && e.dragClassName ? i.e((r = o.dragOption) == null ? void 0 : r.dragClassName) : ""],
+        class: [l.e("con"), (t = o.dragOption) != null && t.dragClassName ? l.e((a = o.dragOption) == null ? void 0 : a.dragClassName) : ""],
         style: {
           height: `calc(100% - ${o.menuTopBottomHeight}px)`
         },
         uniqueOpened: o.uniqueOpened,
         collapse: o.collapse,
         "collapse-transition": !1
-      }, () => o.menus.map((n, p) => x(n, p)));
+      }, () => o.menus.map((i, p) => x(i, p)));
     }), {
       go: y
     } = j(), B = L();
-    async function N(e) {
-      var l, u, s;
-      const r = e.route;
-      let n = e.route;
-      e.indexPath.some((t) => Y(t)) && (n = e.indexPath.slice(-2).join("/"));
-      const p = (s = (u = (l = B.getRoutes().filter((t) => t.path === n)) == null ? void 0 : l[0]) == null ? void 0 : u.meta) == null ? void 0 : s.linkTarget;
+    async function N(t) {
+      var n, u, m;
+      const a = t.route;
+      let i = t.route;
+      t.indexPath.some((e) => Y(e)) && (i = t.indexPath.slice(-2).join("/"));
+      const p = (m = (u = (n = B.getRoutes().filter((e) => e.path === i)) == null ? void 0 : n[0]) == null ? void 0 : u.meta) == null ? void 0 : m.linkTarget;
       y(p ? {
-        url: r,
+        url: a,
         winOpenOpt: {
           target: p
         }
-      } : r), h("select", e);
+      } : a), h("select", t);
     }
-    const T = m(() => ({
+    const T = d(() => ({
       ...F({
         width: o.collapse ? M(o.collapseWidth) : M(o.width)
       }, "side-menu"),
       height: `calc(100% - ${o.extraHeight}px)`
-    })), A = m(() => [i.b(), i.m("fixed")]);
+    })), A = d(() => [l.b(), l.m("fixed")]);
     function V() {
       h("update:collapse", !o.collapse);
     }
     return U(() => {
       W(() => {
-        var e, r, n;
-        if ((e = o.dragOption) != null && e.dragClassName) {
-          const p = (n = document.querySelectorAll("." + i.e((r = o.dragOption) == null ? void 0 : r.dragClassName))) == null ? void 0 : n[0], {
-            initSortable: l
+        var t, a, i;
+        if ((t = o.dragOption) != null && t.dragClassName) {
+          const p = (i = document.querySelectorAll("." + l.e((a = o.dragOption) == null ? void 0 : a.dragClassName))) == null ? void 0 : i[0], {
+            initSortable: n
           } = z(p, {
             draggable: ".vft-menu-item",
             onEnd: (u) => {
               const {
-                oldIndex: s,
-                newIndex: t
+                oldIndex: m,
+                newIndex: e
               } = u;
-              S(s) || S(t) || s === t || h("dragEnd", s, t);
+              S(m) || S(e) || m === e || h("dragEnd", m, e);
             },
             ...o.dragOption
           });
-          l();
+          n();
         }
       });
-    }), () => d("div", {
+    }), () => c("div", {
       class: A.value,
       style: T.value
-    }, [c.top ? d("div", {
-      class: i.e("top")
-    }, [c.top()]) : null, w.value, c.bottom ? d("div", {
-      class: i.e("bottom")
-    }, [c.bottom()]) : o.showCollapse ? d("div", {
+    }, [s.top ? c("div", {
+      class: l.e("top")
+    }, [s.top()]) : null, w.value, s.bottom ? c("div", {
+      class: l.e("bottom")
+    }, [s.bottom()]) : o.showCollapse ? c("div", {
       onClick: V,
-      class: [i.e("bottom"), i.e("collapse")]
-    }, [d(G, {
+      class: [l.e("bottom"), l.e("collapse")]
+    }, [c(G, {
       style: {
         transform: o.collapse ? "rotateY(180deg)" : ""
       },
@@ -230,5 +248,5 @@ const i = (
   }
 });
 export {
-  Ze as default
+  he as default
 };

package/es/components/side-menu/types.d.ts

@@ -14,6 +14,6 @@ export interface MenuConProps {
         path?: string;
         children?: string;
         title?: string;
-        index?: Numberish;
+        index?: string | number;
     };
 }

package/es/components/slot/only-child.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, inject as s, withDirectives as p, cloneVNode as h, Fragment as C, Text as N, Comment as g, createVNode as v } from "vue";
+import { defineComponent as a, inject as p, withDirectives as s, cloneVNode as h, Fragment as C, Text as N, Comment as g, createVNode as v } from "vue";
 import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -8,13 +8,15 @@ import "@vueuse/core";
 import { noop as O, isObject as R } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-const o = "VftOnlyChild", j = /* @__PURE__ */ a({
+import "@vue/reactivity";
+import "@vue/shared";
+const o = "VftOnlyChild", I = /* @__PURE__ */ a({
   name: o,
-  setup(n, {
+  setup(r, {
     slots: t,
     attrs: e
   }) {
-    const r = s(w), m = y((r == null ? void 0 : r.setForwardRef) ?? O);
+    const n = p(w), m = y((n == null ? void 0 : n.setForwardRef) ?? O);
     return () => {
       var u;
       const i = (u = t.default) == null ? void 0 : u.call(t, e);
@@ -23,14 +25,14 @@ const o = "VftOnlyChild", j = /* @__PURE__ */ a({
       if (i.length > 1)
         return l(o, "requires exact only one valid child."), null;
       const c = d(i);
-      return c ? p(h(c, e), [[m]]) : (l(o, "no valid child node found"), null);
+      return c ? s(h(c, e), [[m]]) : (l(o, "no valid child node found"), null);
     };
   }
 });
-function d(n) {
-  if (!n)
+function d(r) {
+  if (!r)
     return null;
-  const t = n;
+  const t = r;
   for (const e of t) {
     if (R(e))
       switch (e.type) {
@@ -48,12 +50,12 @@ function d(n) {
   }
   return null;
 }
-function f(n) {
+function f(r) {
   const t = F("only-child");
   return v("span", {
     class: t.e("content")
-  }, [n]);
+  }, [r]);
 }
 export {
-  j as OnlyChild
+  I as OnlyChild
 };

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

@@ -0,0 +1,205 @@
+export declare const VftSwitch: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    value: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    inlinePrompt: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    activeIcon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    inactiveIcon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    activeText: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    inactiveText: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    activeColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    inactiveColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    borderColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    activeValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    inactiveValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    name: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    beforeChange: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+}, {
+    focus: () => void;
+    checked: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "input")[], "update:modelValue" | "change" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    value: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    inlinePrompt: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    activeIcon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    inactiveIcon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    activeText: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    inactiveText: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    activeColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    inactiveColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    borderColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    activeValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    inactiveValue: {
+        type: import("vue").PropType<string | number | boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    name: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    beforeChange: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large" | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+}, {
+    loading: boolean | undefined;
+    disabled: boolean | undefined;
+    value: string | number | boolean | undefined;
+    modelValue: string | number | boolean | undefined;
+    validateEvent: boolean | undefined;
+    inlinePrompt: boolean | undefined;
+    activeValue: string | number | boolean | undefined;
+    inactiveValue: string | number | boolean | undefined;
+}>> & Record<string, any>;
+export default VftSwitch;
+export * from './switch.vue';

package/es/components/switch/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./switch.vue2.js";
+const c = t(o);
+export {
+  c as VftSwitch,
+  c as default
+};

package/es/components/switch/style/css.js

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

package/es/components/switch/style/index.js

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