vft 0.0.71 → 0.0.72

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

@@ -1,37 +1,33 @@
-var i = Object.defineProperty;
-var o = (s, e, t) => e in s ? i(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var n = (s, e, t) => (o(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { triggerEvent as r } from "@vft/utils";
-import { EVENT_CODE as u } from "@vft/constants";
-import a from "./submenu.js";
-class h {
+import { triggerEvent as u } from "@vft/utils";
+import { EVENT_CODE as s } from "@vft/constants";
+import r from "./submenu.js";
+class m {
   constructor(e, t) {
-    n(this, "submenu", null);
-    this.domNode = e, this.submenu = null, this.init(t);
+    this.domNode = e, this.submenu = null, this.submenu = null, this.init(t);
   }
   init(e) {
     this.domNode.setAttribute("tabindex", "0");
     const t = this.domNode.querySelector(`.${e}-menu`);
-    t && (this.submenu = new a(this, t)), this.addListeners();
+    t && (this.submenu = new r(this, t)), this.addListeners();
   }
   addListeners() {
     this.domNode.addEventListener("keydown", (e) => {
       let t = !1;
       switch (e.code) {
-        case u.down: {
-          r(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
+        case s.down: {
+          u(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
           break;
         }
-        case u.up: {
-          r(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
+        case s.up: {
+          u(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
           break;
         }
-        case u.tab: {
-          r(e.currentTarget, "mouseleave");
+        case s.tab: {
+          u(e.currentTarget, "mouseleave");
           break;
         }
-        case u.enter:
-        case u.space: {
+        case s.enter:
+        case s.space: {
           t = !0, e.currentTarget.click();
           break;
         }
@@ -41,5 +37,5 @@ class h {
   }
 }
 export {
-  h as default
+  m as default
 };

package/es/components/menu/utils/submenu.js

@@ -1,13 +1,8 @@
-var a = Object.defineProperty;
-var i = (s, e, t) => e in s ? a(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => (i(s, typeof e != "symbol" ? e + "" : e, t), t);
-import { triggerEvent as h } from "@vft/utils";
-import { EVENT_CODE as r } from "@vft/constants";
-class l {
-  constructor(e, t) {
-    o(this, "subMenuItems");
-    o(this, "subIndex", 0);
-    this.parent = e, this.domNode = t, this.subIndex = 0, this.init();
+import { triggerEvent as n } from "@vft/utils";
+import { EVENT_CODE as t } from "@vft/constants";
+class h {
+  constructor(e, o) {
+    this.parent = e, this.domNode = o, this.subIndex = 0, this.subIndex = 0, this.init();
   }
   init() {
     this.subMenuItems = this.domNode.querySelectorAll("li"), this.addListeners();
@@ -17,33 +12,33 @@ class l {
   }
   addListeners() {
     const e = this.parent.domNode;
-    Array.prototype.forEach.call(this.subMenuItems, (t) => {
-      t.addEventListener("keydown", (u) => {
-        let n = !1;
-        switch (u.code) {
-          case r.down: {
-            this.gotoSubIndex(this.subIndex + 1), n = !0;
+    Array.prototype.forEach.call(this.subMenuItems, (o) => {
+      o.addEventListener("keydown", (s) => {
+        let r = !1;
+        switch (s.code) {
+          case t.down: {
+            this.gotoSubIndex(this.subIndex + 1), r = !0;
             break;
           }
-          case r.up: {
-            this.gotoSubIndex(this.subIndex - 1), n = !0;
+          case t.up: {
+            this.gotoSubIndex(this.subIndex - 1), r = !0;
             break;
           }
-          case r.tab: {
-            h(e, "mouseleave");
+          case t.tab: {
+            n(e, "mouseleave");
             break;
           }
-          case r.enter:
-          case r.space: {
-            n = !0, u.currentTarget.click();
+          case t.enter:
+          case t.space: {
+            r = !0, s.currentTarget.click();
             break;
           }
         }
-        return n && (u.preventDefault(), u.stopPropagation()), !1;
+        return r && (s.preventDefault(), s.stopPropagation()), !1;
       });
     });
   }
 }
 export {
-  l as default
+  h as default
 };

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

@@ -1,13 +1,13 @@
-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 { defineComponent as P, ref as v, getCurrentInstance as E, computed as h, watchEffect as H, unref as r, openBlock as x, createElementBlock as R, normalizeClass as K, normalizeStyle as $, createVNode as S, withCtx as C, Fragment as F, renderList as U, createBlock as j } from "vue";
+import { useRouterHelper as q, getRouterKeyPath as f, listenerRouteChange as G } from "@vft/router";
+import { useMultipleTabStore as J, useTabs as L } from "@vft/store";
+import { useRefs as O } from "@vft/use";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
-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 { generateCssVars as _ } from "../../utils/ns-cover.js";
+import Q from "hotkeys-js";
+import { onBeforeRouteLeave as W } from "vue-router";
 import { useNamespace as X } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
@@ -30,6 +30,7 @@ import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
 import "../back-top/index.js";
+import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
 import "../full-screen/index.js";
@@ -67,6 +68,11 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -81,57 +87,57 @@ const M = (
   X("multiple-tabs")
 ), rt = P({
   name: M.b()
-}), ke = /* @__PURE__ */ P({
+}), ze = /* @__PURE__ */ P({
   ...rt,
   props: {
     tabsStyle: null,
     contextMenuStyle: null,
     canDrag: { type: Boolean }
   },
-  setup(f) {
+  setup(d) {
     const i = et();
-    f.canDrag && ot(i);
-    const u = G(), n = b(""), a = b(0), d = b(), v = Q(), { go: g } = j(), s = h(() => u.getTabList.filter((t) => {
+    d.canDrag && ot(i);
+    const u = J(), n = v(""), a = v(0), b = v(), s = E().appContext.config.globalProperties.$router, { go: g } = q(s), c = h(() => u.getTabList.filter((t) => {
       var e;
       return !((e = t.meta) != null && e.hideTab);
     }));
-    E(() => {
+    H(() => {
       var t;
       if (n.value) {
-        const e = s.value.findIndex((o) => c(o) === n.value);
-        e === -1 ? a.value = ((t = s.value) == null ? void 0 : t.length) - 1 : a.value = e, a.value = a.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : a.value;
+        const e = c.value.findIndex((o) => f(o) === n.value);
+        e === -1 ? a.value = ((t = c.value) == null ? void 0 : t.length) - 1 : a.value = e, a.value = a.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : a.value;
       }
     }), W(() => {
-      d.value = r(v.currentRoute);
-    }), q((t) => {
+      b.value = r(s.currentRoute);
+    }), G((t) => {
       var T;
       if (!t || (T = t.meta) != null && T.hasTokenToRoot)
         return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: m } = e, p = m ? o : null, l = c(t);
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: m } = e, p = m ? o : null, l = f(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);
+        let y = s.getRoutes().find((D) => D.path === o);
+        y && u.addTab(y, r(b), a.value, t);
       } else
-        u.addTab(r(t), r(d), a.value);
+        u.addTab(r(t), r(b), a.value);
     });
     function k(t) {
       var m, p;
       if (n.value === t.paneName)
         return;
-      const e = s.value[t.attrs.index];
+      const e = c.value[t.attrs.index];
       n.value = t.paneName;
       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);
+      u.closeTabByKey(t, s);
     }
-    const [N, I] = L();
+    const [I, N] = O();
     function V(t) {
       const e = t.pane.attrs.index, o = t.event;
-      N.value[e].handleContext(o);
+      I.value[e].handleContext(o);
     }
-    const w = h(() => ({ ...C({
+    const w = h(() => ({ ..._({
       padding: "4px 0 0",
       "border-bottom": "none",
       "header-height": "26px",
@@ -143,20 +149,20 @@ const M = (
       "scroll-padding": "0 20px",
       "header-margin": "0 0 0 8px",
       "item-border": "none"
-    }, "tabs"), ...f.tabsStyle })), { closeCurrent: A } = J();
-    O("command+e, ctrl+e", function() {
+    }, "tabs"), ...d.tabsStyle })), { closeCurrent: A } = L();
+    Q("command+e, ctrl+e", function() {
       return A(), !1;
     });
     const z = h(() => ({
-      ...C({
+      ..._({
         "sub-item-height": "40px",
         "item-min-width": "150px"
       }, "menu"),
-      ...f.contextMenuStyle
+      ...d.contextMenuStyle
     }));
     return (t, e) => (x(), R("div", {
-      class: H(r(M).b()),
-      style: K(r(w))
+      class: K(r(M).b()),
+      style: $(r(w))
     }, [
       S(r(Y), {
         "model-value": n.value,
@@ -165,23 +171,23 @@ const M = (
         onTabRemove: B,
         onTabContextMenu: V
       }, {
-        default: _(() => [
-          (x(!0), R(F, null, U(r(s), (o, m) => {
+        default: C(() => [
+          (x(!0), R(F, null, U(r(c), (o, m) => {
             var p;
-            return x(), $(r(Z), {
-              key: r(c)(o) + m,
+            return x(), j(r(Z), {
+              key: r(f)(o) + m,
               closable: !((p = o.meta) != null && p.affix),
               index: m,
-              name: r(c)(o)
+              name: r(f)(o)
             }, {
-              label: _(() => {
+              label: C(() => {
                 var l;
                 return [
                   S(tt, {
                     contextMenuStyle: r(z),
                     affixNum: (l = r(i)) == null ? void 0 : l.length,
                     ref_for: !0,
-                    ref: r(I)(m),
+                    ref: r(N)(m),
                     tabItem: o
                   }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
                 ];
@@ -196,5 +202,5 @@ const M = (
   }
 });
 export {
-  ke as default
+  ze as default
 };

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

@@ -25,6 +25,7 @@ import "../iframe-layout/index.js";
 import "../router-view-content/index.js";
 import "../logo/index.js";
 import "../back-top/index.js";
+import "../container/index.js";
 import "../config-provider/index.js";
 import "../descriptions/index.js";
 import "../full-screen/index.js";
@@ -62,6 +63,11 @@ import "../image-viewer/index.js";
 import "../list-cell/index.js";
 import "../dialog/index.js";
 import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -74,7 +80,7 @@ const i = (
   x("result")
 ), I = l({
   name: i.b()
-}), Ft = /* @__PURE__ */ l({
+}), Mt = /* @__PURE__ */ l({
   ...I,
   props: {
     title: null,
@@ -113,5 +119,5 @@ const i = (
   }
 });
 export {
-  Ft as default
+  Mt as default
 };

package/es/components/row/constants.js

@@ -0,0 +1,4 @@
+const o = Symbol("rowContextKey");
+export {
+  o as rowContextKey
+};

package/es/components/row/index.js

@@ -0,0 +1,14 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./row.vue2.js";
+import { rowContextKey as w } from "./constants.js";
+const n = o(t);
+export {
+  n as VftRow,
+  n as default,
+  w as rowContextKey
+};

package/es/components/row/row.vue.js

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

package/es/components/row/row.vue2.js

@@ -0,0 +1,49 @@
+import { defineComponent as a, computed as r, provide as m, openBlock as p, createBlock as f, resolveDynamicComponent as c, normalizeClass as g, unref as n, normalizeStyle as d, withCtx as y, renderSlot as _ } from "vue";
+import { rowContextKey as C } from "./constants.js";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+const o = (
+  /* hoist-static*/
+  j("row")
+), w = a({
+  name: o.b()
+}), D = /* @__PURE__ */ a({
+  ...w,
+  props: {
+    tag: { default: "div" },
+    gutter: { default: 0 },
+    justify: { default: "start" },
+    align: { default: "top" }
+  },
+  setup(s) {
+    const t = s, i = r(() => t.gutter);
+    m(C, {
+      gutter: i
+    });
+    const l = r(() => {
+      const e = {};
+      return t.gutter && (e.marginRight = e.marginLeft = `-${t.gutter / 2}px`), e;
+    }), u = r(() => [
+      o.b(),
+      o.is(`justify-${t.justify}`, t.justify !== "start"),
+      o.is(`align-${t.align}`, t.align !== "top")
+    ]);
+    return (e, x) => (p(), f(c(s.tag), {
+      class: g(n(u)),
+      style: d(n(l))
+    }, {
+      default: y(() => [
+        _(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
+export {
+  D as default
+};

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

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

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

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

package/es/components/row/types.js

@@ -0,0 +1 @@
+