vft 0.0.63 → 0.0.66

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

@@ -1,17 +1,6 @@
-import { defineComponent as N, useSlots as F, ref as h, computed as m, h as v, onMounted as G, nextTick as J, getCurrentInstance as K, createVNode as f } from "vue";
-import { listenerRouteChange as Q, useRouterHelper as X } from "@vft/router";
-import { useSortable as Z } from "@vft/use";
-import { isUrl as I, addUnit as C, isNullOrUndefined as V, removeUnit as _ } from "@vft/utils";
-import { useNamespace as ee } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { generateCssVars as te, cssVarValue as oe } from "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
+import { defineComponent as T, useSlots as Y, ref as g, computed as m, h as v, onMounted as F, nextTick as G, getCurrentInstance as J, createVNode as f } from "vue";
 import "../divider/index.js";
-import { VftIcon as le } from "../icon/index.js";
+import { VftIcon as K } from "../icon/index.js";
 import "../avatar/index.js";
 import "../empty/index.js";
 import "../result/index.js";
@@ -20,11 +9,14 @@ import "../popper/index.js";
 import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
-import { VftMenu as ne, VftSubMenu as ie, VftMenuItem as k } from "../menu/index.js";
+import { VftMenu as Q, VftSubMenu as X, VftMenuItem as R } from "../menu/index.js";
+import { isUrl as Z, addUnit as k, isNullOrUndefined as N, removeUnit as I } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
+import { listenerRouteChange as _, useRouterHelper as ee } from "@vft/router";
 import "@vft/store";
-import { useRouter as ae } from "vue-router";
+import { useSortable as te } from "@vft/use";
+import { useRouter as oe } from "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
 import "../iframe-layout/index.js";
@@ -67,6 +59,7 @@ import "../table/index.js";
 import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
+import "../date-time-select/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -74,14 +67,22 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import { useDragLine as re } from "./use-drag-line.js";
+import { useNamespace as ie } from "../../hooks/use-namespace/index.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 { useDragLine as le } from "./use-drag-line.js";
 const a = (
   /* hoist-static*/
-  ee("side-menu")
-), ue = N({
+  ie("side-menu")
+), ne = T({
   name: a.b()
-}), Tt = /* @__PURE__ */ N({
-  ...ue,
+}), Tt = /* @__PURE__ */ T({
+  ...ne,
   props: {
     menus: null,
     uniqueOpened: {
@@ -93,7 +94,7 @@ const a = (
       default: !1
     },
     defaultActive: null,
-    width: null,
+    sideWidth: null,
     collapseWidth: {
       default: 50
     },
@@ -111,7 +112,7 @@ const a = (
     dragOption: null,
     dragWidth: {
       type: Boolean,
-      default: !0
+      default: !1
     },
     useMenuSelect: {
       type: Boolean,
@@ -126,12 +127,12 @@ const a = (
     },
     defaultOpeneds: null
   },
-  emits: ["update:collapse", "dragEnd", "select", "dragWidthEnd"],
+  emits: ["update:collapse", "update:sideWidth", "dragEnd", "select", "dragWidthEnd"],
   setup(t, {
-    expose: T,
-    emit: b
+    expose: A,
+    emit: h
   }) {
-    const c = F(), O = h(), n = m(() => ({
+    const c = Y(), y = g(), l = m(() => ({
       path: "path",
       children: "children",
       title: "title",
@@ -140,60 +141,60 @@ const a = (
       disabled: "disabled",
       ...t.attrMapping
     }));
-    Q((e) => {
+    _((e) => {
       var o;
-      !e || (o = e.meta) != null && o.hideSide && !t.openListenRoute || (O.value = e.path);
+      !e || (o = e.meta) != null && o.hideSide && !t.openListenRoute || (y.value = e.path);
     });
-    const B = (e, o) => {
-      const l = e[n.value.path], u = e[n.value.title], r = e == null ? void 0 : e[n.value.children], d = e == null ? void 0 : e[n.value.index], p = e == null ? void 0 : e[n.value.icon], s = !(e != null && e[n.value.disabled]);
+    const C = (e, o) => {
+      const i = e[l.value.path], d = e[l.value.title], r = e == null ? void 0 : e[l.value.children], p = e == null ? void 0 : e[l.value.index], u = e == null ? void 0 : e[l.value.icon], s = !(e != null && e[l.value.disabled]);
       return r != null && r.length ? v(
         // @ts-ignore
-        ie,
+        X,
         {
           popperAppendToBody: !0,
-          key: d || l,
-          index: d || l,
-          title: u,
-          icon: p,
+          key: p || i,
+          index: p || i,
+          title: d,
+          icon: u,
           popperClass: a.e("popper")
         },
         {
-          default: () => r == null ? void 0 : r.map((i, $) => {
-            var R;
-            const y = i[n.value.path], w = i[n.value.index], j = i[n.value.icon], z = i[n.value.title], Y = i[n.value.disabled];
-            return (R = i == null ? void 0 : i[n.value.children]) != null && R.length ? B(i, $) : (
+          default: () => r == null ? void 0 : r.map((n, P) => {
+            var M;
+            const x = n[l.value.path], S = n[l.value.index], $ = n[l.value.icon], j = n[l.value.title], z = n[l.value.disabled];
+            return (M = n == null ? void 0 : n[l.value.children]) != null && M.length ? C(n, P) : (
               // @ts-ignore
-              v(k, {
-                key: w || y,
-                index: w || y,
-                route: y,
-                icon: j,
-                title: z,
-                disabled: t.openDisabled && Y
+              v(R, {
+                key: S || x,
+                index: S || x,
+                route: x,
+                icon: $,
+                title: j,
+                disabled: t.openDisabled && z
               })
             );
           })
         }
-      ) : v(k, {
-        key: d || l,
-        index: d || l,
-        title: u,
-        route: l,
-        icon: p,
+      ) : v(R, {
+        key: p || i,
+        index: p || i,
+        title: d,
+        route: i,
+        icon: u,
         disabled: t.openDisabled && s
       }, c.menuItem ? () => {
-        var i;
-        return (i = c.menuItem) == null ? void 0 : i.call(c, {
+        var n;
+        return (n = c.menuItem) == null ? void 0 : n.call(c, {
           item: e,
           index: o
         });
       } : "");
-    }, A = m(() => {
+    }, D = m(() => {
       var e, o;
-      return v(ne, {
+      return v(Q, {
         onSelect: t.useMenuSelect ? H : () => {
         },
-        defaultActive: t.defaultActive || O.value,
+        defaultActive: t.defaultActive || y.value,
         defaultOpeneds: t.defaultOpeneds,
         class: [a.e("con"), (e = t.dragOption) != null && e.dragClassName ? a.e((o = t.dragOption) == null ? void 0 : o.dragClassName) : ""],
         style: {
@@ -202,43 +203,41 @@ const a = (
         uniqueOpened: t.uniqueOpened,
         collapse: t.collapse,
         "collapse-transition": !1
-      }, () => t.menus.map((l, u) => B(l, u)));
+      }, () => t.menus.map((i, d) => C(i, d)));
     }), {
-      go: S
-    } = X(), D = ae();
+      go: O
+    } = ee(), w = oe();
     async function H(e) {
-      var r, d, p;
+      var r, p, u;
       const o = e.route;
-      let l = e.route;
-      e.indexPath.some((s) => I(s)) && (l = e.indexPath.slice(-2).join("/"));
-      const u = (p = (d = (r = D.getRoutes().filter((s) => s.path === l)) == null ? void 0 : r[0]) == null ? void 0 : d.meta) == null ? void 0 : p.linkTarget;
-      S(u ? {
+      let i = e.route;
+      e.indexPath.some((s) => Z(s)) && (i = e.indexPath.slice(-2).join("/"));
+      const d = (u = (p = (r = w.getRoutes().filter((s) => s.path === i)) == null ? void 0 : r[0]) == null ? void 0 : p.meta) == null ? void 0 : u.linkTarget;
+      O(d ? {
         url: o,
         winOpenOpt: {
-          target: u
+          target: d
         }
-      } : o), b("select", e);
+      } : o), h("select", e);
     }
-    const x = h(), q = m(() => ({
-      ...te({
-        width: t.collapse ? C(t.collapseWidth) : x.value ? C(x.value) : C(t.width)
-      }, "side-menu"),
+    const W = g(), V = m(() => ({
+      width: k(t.sideWidth),
       height: `calc(100% - ${t.extraHeight}px)`
-    })), E = m(() => [a.b(), a.m("fixed")]);
-    G(() => {
-      J(() => {
-        var e, o, l;
+    })), q = m(() => [a.b(), a.m("fixed")]);
+    F(() => {
+      G(() => {
+        var e, o, i;
         if ((e = t.dragOption) != null && e.dragClassName) {
-          const u = (l = document.querySelectorAll("." + a.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : l[0], {
+          const d = (i = document.querySelectorAll("." + a.e((o = t.dragOption) == null ? void 0 : o.dragClassName))) == null ? void 0 : i[0], {
             initSortable: r
-          } = Z(u, {
+          } = te(d, {
             draggable: ".vft-menu-item",
-            onEnd: (d) => {
+            onEnd: (p) => {
               const {
-                oldIndex: p,
+                oldIndex: u,
                 newIndex: s
-              } = d;
-              V(p) || V(s) || p === s || b("dragEnd", p, s);
+              } = p;
+              N(u) || N(s) || u === s || h("dragEnd", u, s);
             },
             ...t.dragOption
           });
@@ -246,35 +245,35 @@ const a = (
         }
       });
     });
-    const g = h(), M = h(), W = oe("side-menu-width", g), U = m(() => ({
-      left: W.value
+    const b = g(), B = g(), E = m(() => ({
+      left: k(t.sideWidth)
     }));
-    function L() {
-      t.collapse || (x.value = W.value), b("update:collapse", !t.collapse);
+    function U() {
+      t.collapse ? h("update:sideWidth", W.value) : (W.value = t.sideWidth, h("update:sideWidth", t.collapseWidth)), h("update:collapse", !t.collapse);
     }
-    const P = K();
-    return t.dragWidth && re(g, M, m(() => _(t.collapseWidth)), P, t.collapse), T({
-      sideRef: g
+    const L = J();
+    return t.dragWidth && le(b, B, m(() => I(t.collapseWidth)), L, m(() => t.collapse)), A({
+      sideRef: b
     }), () => f("div", {
-      ref: g,
-      class: E.value,
-      style: q.value
+      ref: b,
+      class: q.value,
+      style: V.value
     }, [c.top ? f("div", {
       class: a.e("top")
-    }, [c.top()]) : null, A.value, c.bottom ? f("div", {
+    }, [c.top()]) : null, D.value, c.bottom ? f("div", {
       class: a.e("bottom")
     }, [c.bottom()]) : t.showCollapse ? f("div", {
-      onClick: L,
+      onClick: U,
       class: [a.e("bottom"), a.e("collapse")]
-    }, [f(le, {
+    }, [f(K, {
       style: {
         transform: t.collapse ? "rotateY(180deg)" : ""
       },
       size: 20,
       icon: "ico-iconoir:sidebar-collapse"
     }, null)]) : null, t.dragWidth ? f("div", {
-      ref: M,
-      style: U.value,
+      ref: B,
+      style: E.value,
       class: a.e("drag-bar")
     }, null) : null]);
   }

package/es/components/side-menu/use-drag-line.js

@@ -1,51 +1,47 @@
-import { addUnit as x } from "@vft/utils";
-import { onMounted as v, nextTick as g, unref as s } from "vue";
-import "lodash";
-import "@vueuse/core";
-import { setCssVar as y } from "../../utils/ns-cover.js";
-import { useDebounceFn as M } from "@vft/use";
-function $(i, c, a, m, p) {
-  v(() => {
+import { useDebounceFn as v } from "@vft/use";
+import { onMounted as x, nextTick as g, unref as r } from "vue";
+function T(l, f, m, s, d) {
+  x(() => {
     g(() => {
-      M(h, 100)();
+      v(w, 100)();
     });
   });
-  function r(t) {
-    var o;
-    const e = s(t);
-    return e ? Reflect.has(e, "$el") ? (o = s(t)) == null ? void 0 : o.$el : s(t) : null;
+  function i(t) {
+    var n;
+    const o = r(t);
+    return o ? Reflect.has(o, "$el") ? (n = r(t)) == null ? void 0 : n.$el : r(t) : null;
   }
-  function d(t, e, o) {
+  function p(t, o, n) {
     document.onmousemove = function(u) {
-      let n = t.left + (u.clientX - o);
+      let e = t.left + (u.clientX - n);
       u = u || window.event;
-      const f = 800, l = s(a);
-      return n < 0 && (n = 0), n > f && (n = f), n < l && (n = l, m.emit("update:collapse", !p)), t.style.left = n + "px", !1;
+      const a = 800, c = r(m);
+      return e < 0 && (e = 0), e > a && (e = a), e <= c && (e = c, s.emit("update:sideWidth", c), s.emit("update:collapse", !0)), t.style.left = e + "px", !1;
     };
   }
-  function w(t) {
-    const e = r(c), o = r(i);
+  function h(t) {
+    const o = i(f), n = i(l);
     document.onmouseup = function() {
-      var n;
-      document.onmousemove = null, document.onmouseup = null, o.style.transition = "width 0.2s";
-      const u = parseInt(e.style.left);
-      y("side-menu-width", x(u), "", i), m.emit("dragWidthEnd"), (n = t.releaseCapture) == null || n.call(t);
+      var e;
+      document.onmousemove = null, document.onmouseup = null, n.style.transition = "width 0.2s";
+      const u = parseInt(o.style.left);
+      u > r(m) && d.value && s.emit("update:collapse", !1), s.emit("update:sideWidth", u), s.emit("dragWidthEnd"), (e = t.releaseCapture) == null || e.call(t);
     };
   }
-  function h() {
-    const t = r(c);
+  function w() {
+    const t = i(f);
     if (!t)
       return;
-    const e = r(i);
-    e && (t.onmousedown = (o) => {
-      var n;
-      e.style.transition = "unset";
-      const u = o == null ? void 0 : o.clientX;
-      return t.left = t.offsetLeft, d(t, e, u), w(t), (n = t.setCapture) == null || n.call(t), !1;
+    const o = i(l);
+    o && (t.onmousedown = (n) => {
+      var e;
+      o.style.transition = "unset";
+      const u = n == null ? void 0 : n.clientX;
+      return t.left = t.offsetLeft, p(t, o, u), h(t), (e = t.setCapture) == null || e.call(t), !1;
     });
   }
   return {};
 }
 export {
-  $ as useDragLine
+  T as useDragLine
 };

package/es/components/tabs/tab-nav.vue2.js

@@ -63,6 +63,7 @@ import "../table/index.js";
 import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
+import "../date-time-select/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -83,7 +84,7 @@ const V = (
   K("tab-nav")
 ), ct = E({
   name: V.b()
-}), Eo = /* @__PURE__ */ E({
+}), Ko = /* @__PURE__ */ E({
   ...ct,
   props: {
     panes: null,
@@ -237,5 +238,5 @@ const V = (
   }
 });
 export {
-  Eo as default
+  Ko as default
 };

package/es/components/time-select-extend/style/css.js

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

package/es/components/time-select-extend/style/index.js

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

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

@@ -95,7 +95,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     appendTo: {
-        type: __PropType<string | HTMLElement | undefined>;
+        type: __PropType<any>;
         required: false;
     };
     content: {
@@ -229,7 +229,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     appendTo: {
-        type: __PropType<string | HTMLElement | undefined>;
+        type: __PropType<any>;
         required: false;
     };
     content: {

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

@@ -153,7 +153,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     appendTo: {
-        type: import("vue").PropType<string | HTMLElement | undefined>;
+        type: import("vue").PropType<any>;
         required: false;
     };
     content: {
@@ -350,7 +350,7 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
         required: false;
     };
     appendTo: {
-        type: import("vue").PropType<string | HTMLElement | undefined>;
+        type: import("vue").PropType<any>;
         required: false;
     };
     content: {

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

@@ -42,7 +42,7 @@ export interface ToolTipProps {
     zIndex?: number;
     showAfter?: number;
     hideAfter?: number;
-    appendTo?: HTMLElement | string;
+    appendTo?: any;
     content?: string;
     rawContent?: boolean;
     persistent?: boolean;
@@ -206,7 +206,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     appendTo: {
-        type: __PropType<string | HTMLElement | undefined>;
+        type: __PropType<any>;
         required: false;
     };
     content: {
@@ -424,7 +424,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     appendTo: {
-        type: __PropType<string | HTMLElement | undefined>;
+        type: __PropType<any>;
         required: false;
     };
     content: {