vft 0.0.74 → 0.0.77

package/es/components/date-picker/date-picker.js

@@ -1,14 +1,14 @@
-import { defineComponent as c, provide as p, reactive as u, toRef as O, ref as P, createVNode as n, mergeProps as E } from "vue";
+import { defineComponent as c, provide as p, reactive as u, toRef as O, ref as P, createVNode as n, mergeProps as x } from "vue";
 import r from "dayjs";
-import x from "dayjs/plugin/customParseFormat.js";
-import _ from "dayjs/plugin/advancedFormat.js";
-import k from "dayjs/plugin/localeData.js";
+import _ from "dayjs/plugin/customParseFormat.js";
+import k from "dayjs/plugin/advancedFormat.js";
+import E from "dayjs/plugin/localeData.js";
 import T from "dayjs/plugin/weekOfYear.js";
 import A from "dayjs/plugin/weekYear.js";
 import C from "dayjs/plugin/dayOfYear.js";
 import D from "dayjs/plugin/isSameOrAfter.js";
-import v from "dayjs/plugin/isSameOrBefore.js";
-import { useNamespace as y } from "../../hooks/use-namespace/index.js";
+import V from "dayjs/plugin/isSameOrBefore.js";
+import { useNamespace as v } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
@@ -16,31 +16,31 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "../time-picker/index.js";
-import { ROOT_PICKER_INJECTION_KEY as F } from "./constants.js";
-import { datePickerProps as R } from "./props/date-picker.js";
-import { getPanel as N } from "./panel-utils.js";
-import { DEFAULT_FORMATS_DATEPICKER as V, DEFAULT_FORMATS_DATE as g } from "../time-picker/constants.js";
+import { ROOT_PICKER_INJECTION_KEY as y } from "./constants.js";
+import { datePickerProps as F } from "./props/date-picker.js";
+import { getPanel as R } from "./panel-utils.js";
+import { DEFAULT_FORMATS_DATEPICKER as N, DEFAULT_FORMATS_DATE as g } from "../time-picker/constants.js";
 import h from "../time-picker/common/picker.vue2.js";
+r.extend(E);
 r.extend(k);
 r.extend(_);
-r.extend(x);
 r.extend(T);
 r.extend(A);
 r.extend(C);
 r.extend(D);
-r.extend(v);
+r.extend(V);
 const te = /* @__PURE__ */ c({
-  name: "ElDatePicker",
+  name: "VftDatePicker",
   install: null,
-  props: R,
+  props: F,
   emits: ["update:modelValue"],
   setup(o, {
     expose: i,
     emit: f,
     slots: a
   }) {
-    const d = y("picker-panel");
-    p("ElPopperOptions", u(O(o, "popperOptions"))), p(F, {
+    const d = v("picker-panel");
+    p("VftPopperOptions", u(O(o, "popperOptions"))), p(y, {
       slots: a,
       pickerNs: d
     });
@@ -63,8 +63,8 @@ const te = /* @__PURE__ */ c({
       f("update:modelValue", e);
     };
     return () => {
-      const e = o.format ?? (V[o.type] || g), m = N(o.type);
-      return n(h, E(o, {
+      const e = o.format ?? (N[o.type] || g), m = R(o.type);
+      return n(h, x(o, {
         format: e,
         type: o.type,
         ref: t,

package/es/components/date-picker/index.js

@@ -1,14 +1,15 @@
 import o from "./date-picker.js";
-import { ROOT_PICKER_INJECTION_KEY as m } from "./constants.js";
-import { datePickerProps as p } from "./props/date-picker.js";
+import { ROOT_PICKER_INJECTION_KEY as n, datePickerConfig as P } from "./constants.js";
+import { datePickerProps as m } from "./props/date-picker.js";
 const e = o;
 e.install = (t) => {
   t.component(e.name, e);
 };
 const a = e;
 export {
-  m as ROOT_PICKER_INJECTION_KEY,
+  n as ROOT_PICKER_INJECTION_KEY,
   a as VftDatePicker,
-  p as datePickerProps,
+  P as datePickerConfig,
+  m as datePickerProps,
   e as default
 };

package/es/components/date-picker/props/shared.js

@@ -2,9 +2,9 @@ import { isArray as a } from "@vft/utils";
 import "vue";
 import { buildProps as r, definePropType as e } from "../../../utils/vue/props/runtime.js";
 import "@vueuse/core";
+import { datePickTypes as o } from "../../../constants/date.js";
 import "../../../utils/ns-cover.js";
 import "lodash";
-import { datePickTypes as o } from "../../../constants/date.js";
 const p = ["date", "dates", "year", "month", "week", "range"], y = r({
   disabledDate: {
     type: e(Function)

package/es/components/date-time-select/date-time-select.vue2.js

@@ -1,22 +1,22 @@
-import { defineComponent as x, ref as o, computed as q, createVNode as e, withDirectives as F, resolveDirective as T, Fragment as z } from "vue";
-import { useNamespace as B } from "../../hooks/use-namespace/index.js";
+import { defineComponent as F, ref as u, computed as A, createVNode as e, Fragment as E } from "vue";
+import { useNamespace as S } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { isArray as b } from "@vft/utils";
+import { isArray as Y } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import v from "dayjs";
-import { VftIcon as w } from "../icon/index.js";
-import { VftDropdown as E } from "../dropdown/index.js";
-import G from "../date-picker/index.js";
+import { VftIcon as k } from "../icon/index.js";
+import { VftDropdown as q } from "../dropdown/index.js";
+import z from "../date-picker/index.js";
 const n = (
   /* hoist-static*/
-  B("date-time-select")
-), J = x({
+  S("date-time-select")
+), B = F({
   name: n.b()
-}), re = /* @__PURE__ */ x({
-  ...J,
+}), ae = /* @__PURE__ */ F({
+  ...B,
   props: {
     dateList: {
       default: []
@@ -26,89 +26,89 @@ const n = (
     }
   },
   emits: ["change"],
-  setup(f, {
-    emit: H
+  setup(d, {
+    emit: b
   }) {
-    const k = o(!1), D = o(), I = o("请选择时间"), t = o("");
-    function M(a) {
+    const C = u(!1), g = u(), x = u("请选择时间"), t = u("");
+    function H(a) {
       const {
-        count: l,
-        type: g,
-        format: d,
-        dateRange: s = !0,
+        count: r,
+        type: h,
+        format: f,
+        dateRange: o = !0,
         startOfType: O,
         endOfType: V
       } = a;
-      let m, r, L;
-      const p = d || f.defaultFormat;
-      let i = v().format(p);
-      const R = (u, S = !0) => {
-        let h, Y = S ? "startOf" : "endOf";
-        return u === "week" ? h = v().add(l, u)[Y](u).add(1, "day").format(p) : h = v().add(l, u)[Y](u).format(p), h;
+      let m, l, L;
+      const p = f || d.defaultFormat;
+      let s = v().format(p);
+      const R = (i, j = !0) => {
+        let D, T = j ? "startOf" : "endOf";
+        return i === "week" ? D = v().add(r, i)[T](i).add(1, "day").format(p) : D = v().add(r, i)[T](i).format(p), D;
       };
-      O && (m = R(O)), V && (r = R(V, !1)), L = v().add(l, g).format(p);
-      let c = m || r || L;
-      return s ? m && r ? [c, r] : l > 0 ? [c !== r && r || i, c] : l === 0 ? [m || i, r || i] : [c, c !== r && r || i] : c;
+      O && (m = R(O)), V && (l = R(V, !1)), L = v().add(r, h).format(p);
+      let c = m || l || L;
+      return o ? m && l ? [c, l] : r > 0 ? [c !== l && l || s, c] : r === 0 ? [m || s, l || s] : [c, c !== l && l || s] : c;
     }
-    function N(a, l) {
-      D.value = a, y.value.handleClose(), t.value = M(l), H("change", t.value);
+    function I(a, r) {
+      g.value = a, y.value.handleClose(), t.value = H(r), b("change", t.value);
     }
-    function P() {
+    function M() {
       t.value = "";
     }
-    const C = q(() => {
+    const w = A(() => {
       var a;
-      return b(t.value) && ((a = t.value) != null && a.length) ? t.value[0] + " - " + t.value[1] : t.value;
-    }), y = o();
-    function j(a) {
-      k.value = a;
+      return Y(t.value) && ((a = t.value) != null && a.length) ? t.value[0] + " - " + t.value[1] : t.value;
+    }), y = u();
+    function N(a) {
+      C.value = a;
     }
-    o([new Date(2e3, 10, 10, 10, 10), new Date(2e3, 10, 11, 10, 10)]), o();
-    const A = () => {
-      const a = b(f.dateList[0]) ? f.dateList : [f.dateList];
+    const P = () => {
+      const a = Y(d.dateList[0]) ? d.dateList : [d.dateList];
       return e("div", {
         class: n.e("content")
-      }, [e(z, null, [a.map((l, g) => e("div", {
-        key: g,
+      }, [e(E, null, [a.map((r, h) => e("div", {
+        key: h,
         class: n.e("item-container")
-      }, [l.map((d, s) => e("div", {
-        class: [n.e("item"), n.is("active", D.value === s)],
-        onClick: () => N(s, d)
+      }, [r.map((f, o) => e("div", {
+        class: [n.e("item"), n.is("active", g.value === o)],
+        onClick: () => I(o, f)
       }, [e("span", {
-        key: s
-      }, [d.text]), D.value === s ? e(w, {
+        key: o
+      }, [f.text]), g.value === o ? e(k, {
         icon: "ico-ep:check"
-      }, null) : null])), e(G, {
-        teleported: !1,
-        type: "datetime",
-        placeholder: "Select date and time"
+      }, null) : null])), e(z, {
+        type: "daterange",
+        "range-separator": "To",
+        "start-placeholder": "Start date",
+        "end-placeholder": "End date"
       }, null)]))])]);
     };
-    return () => e(E, {
+    return () => e(q, {
       ref: y,
       trigger: "click",
       teleported: !1,
       class: n.b(),
-      onVisibleChange: j
+      onVisibleChange: N
     }, {
       default: () => [e("span", {
         class: [n.e("trigger"), "cursor-pointer"]
       }, [e("span", {
-        class: [C.value ? "text" : "placeholder"]
-      }, [C.value || I.value]), F(e(w, {
-        onClick: P,
+        class: [w.value ? "text" : "placeholder"]
+      }, [w.value || x.value]), t.value ? e(k, {
+        onClick: M,
         icon: "ico-ep:circle-close",
         class: "hover:text-black"
-      }, null), [[T("if"), t.value]]), F(e(w, {
+      }, null) : null, t.value ? e(k, {
         icon: "ico-ep:arrow-down",
         class: [{
-          "rotate-180": k.value
+          "rotate-180": C.value
         }]
-      }, null), [[T("if"), t.value]])])],
-      dropdown: () => A()
+      }, null) : null])],
+      dropdown: () => P()
     });
   }
 });
 export {
-  re as default
+  ae as default
 };

package/es/components/dialog/dialog.vue2.js

@@ -6,14 +6,14 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { isBoolean as Y } from "@vft/utils";
+import { UPDATE_MODEL_EVENT as Z } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
-import { useSameTarget as Z } from "../../hooks/use-same-target/index.js";
-import _ from "../focus-trap/focus-trap.vue.js";
+import { useSameTarget as _ } from "../../hooks/use-same-target/index.js";
+import ee from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
-import ee from "./dialog-content.vue2.js";
-import { dialogInjectionKey as oe } from "./constants.js";
-import { useDialog as te } from "./hooks/use-dialog.js";
-import { UPDATE_MODEL_EVENT as le } from "../../constants/event.js";
+import oe from "./dialog-content.vue2.js";
+import { dialogInjectionKey as te } from "./constants.js";
+import { useDialog as le } from "./hooks/use-dialog.js";
 const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   /* hoist-static*/
   X("dialog")
@@ -48,7 +48,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
     trapFocus: { type: Boolean, default: !1 }
   },
   emits: {
-    [le]: (o) => Y(o),
+    [Z]: (o) => Y(o),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -74,8 +74,8 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
       onCloseAutoFocus: D,
       onCloseRequested: L,
       onFocusoutPrevented: S
-    } = te(F.props, c);
-    O(oe, {
+    } = le(F.props, c);
+    O(te, {
       dialogRef: c,
       headerRef: A,
       bodyId: y,
@@ -83,7 +83,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
       rendered: C,
       style: w
     });
-    const l = Z(M), V = P(() => o.draggable && !o.fullscreen);
+    const l = _(M), V = P(() => o.draggable && !o.fullscreen);
     return k({
       /** @description whether the dialog is visible */
       visible: u,
@@ -121,7 +121,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                 onMouseup: a[2] || (a[2] = //@ts-ignore
                 (...s) => e(l).onMouseup && e(l).onMouseup(...s))
               }, [
-                f(e(_), {
+                f(e(ee), {
                   loop: "",
                   trapped: e(u),
                   "focus-start-el": "container",
@@ -131,7 +131,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                   onReleaseRequested: e(L)
                 }, {
                   default: n(() => [
-                    e(C) ? (v(), b(ee, G({
+                    e(C) ? (v(), b(oe, G({
                       key: 0,
                       ref_key: "dialogContentRef",
                       ref: m

package/es/components/dialog/hooks/use-dialog.js

@@ -6,9 +6,9 @@ import "lodash";
 import { useZIndex as G } from "../../../hooks/use-z-index/index.js";
 import { useId as E } from "../../../hooks/use-id/index.js";
 import { addUnit as j } from "@vft/utils";
+import { UPDATE_MODEL_EVENT as B } from "../../../constants/event.js";
 import "../../../utils/ns-cover.js";
-import { useLockscreen as B } from "../../../hooks/use-lockscreen/index.js";
-import { UPDATE_MODEL_EVENT as H } from "../../../constants/event.js";
+import { useLockscreen as H } from "../../../hooks/use-lockscreen/index.js";
 import "../../config-provider/index.js";
 import { useGlobalConfig as J } from "../../config-provider/hooks/use-global-config.js";
 const ue = (e, a) => {
@@ -24,7 +24,7 @@ const ue = (e, a) => {
     n("opened");
   }
   function L() {
-    n("closed"), n(H, !1), e.destroyOnClose && (f.value = !1);
+    n("closed"), n(B, !1), e.destroyOnClose && (f.value = !1);
   }
   function M() {
     n("close");
@@ -60,7 +60,7 @@ const ue = (e, a) => {
     var u;
     ((u = o.detail) == null ? void 0 : u.focusReason) === "pointer" && o.preventDefault();
   }
-  e.lockScroll && B(t);
+  e.lockScroll && H(t);
   function N() {
     e.closeOnPressEscape && m();
   }

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

@@ -3,9 +3,9 @@ import "@vft/utils";
 import { composeRefs as Y } from "../../utils/vue/refs.js";
 import "lodash";
 import "@vueuse/core";
-import { composeEventHandlers as y } from "../../utils/event.js";
+import { EVENT_CODE as y } from "../../constants/aria.js";
+import { composeEventHandlers as J } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
-import { EVENT_CODE as J } from "../../constants/aria.js";
 import "../focus-trap/focus-trap.vue2.js";
 import { FOCUS_TRAP_INJECTION_KEY as G } from "../focus-trap/tokens.js";
 import "../focus-trap/utils.js";
@@ -54,7 +54,7 @@ const Io = F({
       u,
       E,
       w
-    ), g = y(
+    ), g = J(
       (o) => {
         var r;
         (r = n.onKeydown) == null || r.call(n, o);
@@ -63,7 +63,7 @@ const Io = F({
         const { currentTarget: r, code: i, target: c } = o;
         if (r.contains(
           c
-        ), J.tab === i && o.stopImmediatePropagation(), o.preventDefault(), c !== D(p) || !h.includes(i))
+        ), y.tab === i && o.stopImmediatePropagation(), o.preventDefault(), c !== D(p) || !h.includes(i))
           return;
         const d = l().filter(
           (m) => !m.disabled

package/es/components/footer-layout/footer-layout.vue2.js

@@ -57,6 +57,8 @@ 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 "../select/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
@@ -68,6 +70,12 @@ import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import "../popconfirm/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -80,7 +88,7 @@ const o = (
   h("footer-layout")
 ), _ = s({
   name: o.b()
-}), Jt = /* @__PURE__ */ s({
+}), Wt = /* @__PURE__ */ s({
   ..._,
   props: {
     leftDistance: null
@@ -116,5 +124,5 @@ const o = (
   }
 });
 export {
-  Jt as default
+  Wt as default
 };

package/es/components/header-layout/header-layout.vue2.js

@@ -57,6 +57,8 @@ 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 "../select/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
@@ -68,6 +70,12 @@ import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import "../popconfirm/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -86,7 +94,7 @@ const y = { class: "content" }, b = {
   h("header-layout")
 ), v = c({
   name: p.b()
-}), Xt = /* @__PURE__ */ c({
+}), mo = /* @__PURE__ */ c({
   ...v,
   props: {
     logoCfg: null
@@ -132,5 +140,5 @@ const y = { class: "content" }, b = {
   }
 });
 export {
-  Xt as default
+  mo as default
 };

package/es/components/horizontal-menu/constants.js

@@ -0,0 +1,4 @@
+var L = /* @__PURE__ */ ((r) => (r[r.NORMAL = 0] = "NORMAL", r[r.TILE = 1] = "TILE", r))(L || {});
+export {
+  L as MenuTypeEnum
+};