vft 0.0.71 → 0.0.73

package/es/components/container/header.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent as r, computed as p, openBlock as a, createElementBlock as m, normalizeClass as i, unref as o, normalizeStyle as c, renderSlot as u } from "vue";
+import { useNamespace as h } 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 e = (
+  /* hoist-static*/
+  h("header")
+), d = r({
+  name: e.b()
+}), C = /* @__PURE__ */ r({
+  ...d,
+  props: {
+    /**
+     * @description height of the header
+     */
+    height: {
+      type: String,
+      default: null
+    }
+  },
+  setup(s) {
+    const t = s, n = p(() => t.height ? e.cssVarBlock({
+      height: t.height
+    }) : {});
+    return (l, f) => (a(), m("header", {
+      class: i(o(e).b()),
+      style: c(o(n))
+    }, [
+      u(l.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  C as default
+};

package/es/components/container/index.js

@@ -0,0 +1,25 @@
+import { withInstall as f, withNoopInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import n from "./container.vue2.js";
+import t from "./aside.vue2.js";
+import i from "./footer.vue2.js";
+import r from "./header.vue2.js";
+import m from "./main.vue2.js";
+const w = f(n, {
+  Aside: t,
+  Footer: i,
+  Header: r,
+  Main: m
+}), A = o(t), F = o(i), H = o(r), I = o(m);
+export {
+  A as VftAside,
+  w as VftContainer,
+  F as VftFooter,
+  H as VftHeader,
+  I as VftMain,
+  w as default
+};

package/es/components/container/main.vue.js

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

package/es/components/container/main.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent as e, openBlock as r, createElementBlock as m, normalizeClass as n, unref as s, renderSlot as a } from "vue";
+import { useNamespace as p } 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*/
+  p("main")
+), i = e({
+  name: o.b()
+}), h = /* @__PURE__ */ e({
+  ...i,
+  setup(c) {
+    return (t, l) => (r(), m("main", {
+      class: n(s(o).b())
+    }, [
+      a(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  h as default
+};

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

@@ -0,0 +1,6 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-container.css";
+import "vft/theme-style/vft-aside.css";
+import "vft/theme-style/vft-footer.css";
+import "vft/theme-style/vft-header.css";
+import "vft/theme-style/vft-main.css";

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

@@ -0,0 +1,6 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/container.scss";
+import "vft/theme-style/src/aside.scss";
+import "vft/theme-style/src/footer.scss";
+import "vft/theme-style/src/header.scss";
+import "vft/theme-style/src/main.scss";

package/es/components/context-menu/context-menu.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 N = { class: "vft-sub-menu" }, x = (
   F("context-menu")
 ), R = f({
   name: x.b()
-}), to = /* @__PURE__ */ f({
+}), po = /* @__PURE__ */ f({
   ...R,
   props: {
     axis: null,
@@ -82,40 +88,40 @@ const N = { class: "vft-sub-menu" }, x = (
     width: null,
     items: null
   },
-  setup(e) {
+  setup(r) {
     let s = u();
     const v = k(() => {
-      const { x: t, y: o } = e.axis || { x: 0, y: 0 }, i = (e.items || []).length * 40, m = e.width || 0, n = document.body, w = n.clientWidth < t + m ? t - m : t, y = n.clientHeight < o + i ? o - i : o;
+      const { x: t, y: o } = r.axis || { x: 0, y: 0 }, i = (r.items || []).length * 40, m = r.width || 0, n = document.body, w = n.clientWidth < t + m ? t - m : t, y = n.clientHeight < o + i ? o - i : o;
       return {
         zIndex: 3e3,
-        ...e.styles,
+        ...r.styles,
         position: "fixed",
-        width: `${e.width}px`,
+        width: `${r.width}px`,
         left: `${w + 1}px`,
         top: `${y + 1}px`
       };
     });
-    let r = u(!1);
+    let e = u(!1);
     H(() => {
-      r.value = !0;
+      e.value = !0;
     }, 0), I(s, () => {
-      r.value = !1;
+      e.value = !1;
     }, {
       listenerOptions: {
         capture: !0
       }
     }), c(window, "scroll", () => {
-      r.value = !1;
+      e.value = !1;
     }, {
       capture: !0
     }), c(window, "drag", () => {
-      r.value = !1;
+      e.value = !1;
     }, {
       capture: !0
     });
     function h(t) {
       var o;
-      t != null && t.disabled || ((o = t.handler) == null || o.call(t), r.value = !1);
+      t != null && t.disabled || ((o = t.handler) == null || o.call(t), e.value = !1);
     }
     return (t, o) => (l(), d(b, { name: "vft-zoom-in-top" }, {
       default: C(() => [
@@ -128,7 +134,7 @@ const N = { class: "vft-sub-menu" }, x = (
           class: $([p(x).b(), "vft-menu"])
         }, [
           a("div", N, [
-            (l(!0), B(E, null, S(e.items, (i, m) => (l(), d(p(L), {
+            (l(!0), B(E, null, S(r.items, (i, m) => (l(), d(p(L), {
               onClick: (n) => h(i),
               index: m + i.text,
               title: i.text,
@@ -140,7 +146,7 @@ const N = { class: "vft-sub-menu" }, x = (
             }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
           ])
         ], 6), [
-          [A, p(r)]
+          [A, p(e)]
         ])
       ]),
       _: 1
@@ -148,5 +154,5 @@ const N = { class: "vft-sub-menu" }, x = (
   }
 });
 export {
-  to as default
+  po as default
 };

package/es/components/date-picker/composables/use-month-range-header.js

@@ -0,0 +1,29 @@
+import { computed as a } from "vue";
+const b = ({
+  unlinkPanels: u,
+  leftDate: e,
+  rightDate: r
+}) => {
+  const v = () => {
+    e.value = e.value.subtract(1, "year"), u.value || (r.value = r.value.subtract(1, "year"));
+  }, l = () => {
+    u.value || (e.value = e.value.add(1, "year")), r.value = r.value.add(1, "year");
+  }, o = () => {
+    e.value = e.value.add(1, "year");
+  }, c = () => {
+    r.value = r.value.subtract(1, "year");
+  }, n = a(() => `${e.value.year()} 年}`), y = a(() => `${r.value.year()} 年}`), s = a(() => e.value.year()), d = a(() => r.value.year() === e.value.year() ? e.value.year() + 1 : r.value.year());
+  return {
+    leftPrevYear: v,
+    rightNextYear: l,
+    leftNextYear: o,
+    rightPrevYear: c,
+    leftLabel: n,
+    rightLabel: y,
+    leftYear: s,
+    rightYear: d
+  };
+};
+export {
+  b as useMonthRangeHeader
+};

package/es/components/date-picker/composables/use-range-picker.js

@@ -0,0 +1,68 @@
+import { getCurrentInstance as I, ref as s, inject as P, watch as f, unref as n } from "vue";
+import { isArray as S } from "@vft/utils";
+import { useNamespace as x } 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 { isValidRange as E, getDefaultValue as O } from "../utils.js";
+import { ROOT_PICKER_INJECTION_KEY as K } from "../constants.js";
+import { useShortcut as T } from "./use-shortcut.js";
+const G = (l, {
+  defaultValue: m,
+  leftDate: u,
+  rightDate: g,
+  unit: d,
+  onParsedValueChanged: v
+}) => {
+  const { emit: h } = I(), c = s("zh-cn"), { pickerNs: k } = P(K), D = x("date-range-picker"), C = T(c), a = s(), o = s(), r = s({
+    endDate: null,
+    selecting: !1
+  }), N = (e) => {
+    r.value = e;
+  }, R = (e = !1) => {
+    const t = n(a), i = n(o);
+    E([t, i]) && h("pick", [t, i], e);
+  }, _ = (e) => {
+    r.value.selecting = e, e || (r.value.endDate = null);
+  }, p = () => {
+    const [e, t] = O(n(m), {
+      lang: n(c),
+      unit: d,
+      unlinkPanels: l.unlinkPanels
+    });
+    a.value = void 0, o.value = void 0, u.value = e, g.value = t;
+  };
+  return f(
+    m,
+    (e) => {
+      e && p();
+    },
+    { immediate: !0 }
+  ), f(
+    () => l.parsedValue,
+    (e) => {
+      if (S(e) && e.length === 2) {
+        const [t, i] = e;
+        a.value = t, u.value = t, o.value = i, v(n(a), n(o));
+      } else
+        p();
+    },
+    { immediate: !0 }
+  ), {
+    minDate: a,
+    maxDate: o,
+    rangeState: r,
+    lang: c,
+    ppNs: k,
+    drpNs: D,
+    handleChangeRange: N,
+    handleRangeConfirm: R,
+    handleShortcutClick: C,
+    onSelect: _
+  };
+};
+export {
+  G as useRangePicker
+};

package/es/components/date-picker/composables/use-shortcut.js

@@ -0,0 +1,24 @@
+import { getCurrentInstance as s, useAttrs as i, useSlots as u } from "vue";
+import n from "dayjs";
+import { isFunction as a } from "@vft/utils";
+const v = (o) => {
+  const { emit: l } = s(), c = i(), r = u();
+  return (t) => {
+    const e = a(t.value) ? t.value() : t.value;
+    if (e) {
+      l("pick", [
+        n(e[0]).locale(o.value),
+        n(e[1]).locale(o.value)
+      ]);
+      return;
+    }
+    t.onClick && t.onClick({
+      attrs: c,
+      slots: r,
+      emit: l
+    });
+  };
+};
+export {
+  v as useShortcut
+};

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

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

package/es/components/date-picker/date-picker-com/basic-cell-render.js

@@ -0,0 +1,37 @@
+import { defineComponent as p, inject as m, createVNode as i } from "vue";
+import { useNamespace as n } 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";
+import { ROOT_PICKER_INJECTION_KEY as a } from "../constants.js";
+import { basicCellProps as c } from "../props/basic-cell.js";
+const I = /* @__PURE__ */ p({
+  name: "ElDatePickerCell",
+  props: c,
+  setup(l) {
+    const e = n("date-table-cell"), {
+      slots: r
+    } = m(a);
+    return () => {
+      const {
+        cell: t
+      } = l;
+      if (r.default) {
+        const o = r.default(t).filter((s) => s.patchFlag !== -2 && s.type.toString() !== "Symbol(Comment)");
+        if (o.length)
+          return o;
+      }
+      return i("div", {
+        class: e.b()
+      }, [i("span", {
+        class: e.e("text")
+      }, [t == null ? void 0 : t.text])]);
+    };
+  }
+});
+export {
+  I as default
+};

package/es/components/date-picker/date-picker-com/basic-date-table.vue.js

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

package/es/components/date-picker/date-picker-com/basic-date-table.vue2.js

@@ -0,0 +1,206 @@
+import { defineComponent as ne, ref as y, computed as m, unref as l, watch as re, nextTick as oe, openBlock as f, createElementBlock as p, normalizeClass as M, withModifiers as ue, createElementVNode as $, createCommentVNode as ie, Fragment as C, renderList as O, toDisplayString as ce, createVNode as de } from "vue";
+import j from "dayjs";
+import { flatten as le } from "lodash";
+import { useNamespace as fe } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import { basicDateTableProps as pe } from "../props/basic-date-table.js";
+import { castArray as N, buildPickerTable as me } from "../utils.js";
+import he from "./basic-cell-render.js";
+const ye = ["onMousedown"], De = {
+  key: 0,
+  scope: "col"
+}, ke = ["aria-label"], ge = ["aria-current", "aria-selected", "tabindex"], Re = /* @__PURE__ */ ne({
+  __name: "basic-date-table",
+  props: pe,
+  emits: ["changerange", "pick", "select"],
+  setup(L, { expose: z, emit: d }) {
+    const a = L, x = fe("date-table"), _ = y("zh-cn"), S = y(), k = y(), V = y(), E = y(), B = y([[], [], [], [], [], []]);
+    let g = !1;
+    const h = a.date.$locale().weekStart || 7, R = a.date.locale("en").localeData().weekdaysShort().map((e) => e.toLowerCase()), v = m(() => h > 3 ? 7 - h : -h), b = m(() => {
+      const e = a.date.startOf("month");
+      return e.subtract(e.day() || 7, "day");
+    }), U = m(() => R.concat(R).slice(
+      h,
+      h + 7
+    )), W = m(() => le(D.value).some((e) => e.isCurrent)), G = m(() => {
+      const e = a.date.startOf("month"), t = e.day() || 7, s = e.daysInMonth(), n = e.subtract(1, "month").daysInMonth();
+      return {
+        startOfMonthDay: t,
+        dateCountOfMonth: s,
+        dateCountOfLastMonth: n
+      };
+    }), K = m(() => a.selectionMode === "dates" ? N(a.parsedValue) : []), q = (e, {
+      count: t,
+      rowIndex: s,
+      columnIndex: n
+    }) => {
+      const { startOfMonthDay: r, dateCountOfMonth: i, dateCountOfLastMonth: o } = l(G), c = l(v);
+      if (s >= 0 && s <= 1) {
+        const u = r + c < 0 ? 7 + r + c : r + c;
+        if (n + s * 7 >= u)
+          return e.text = t, !0;
+        e.text = o - (u - n % 7) + 1 + s * 7, e.type = "prev-month";
+      } else
+        return t <= i ? e.text = t : (e.text = t - i, e.type = "next-month"), !0;
+      return !1;
+    }, H = (e, {
+      columnIndex: t,
+      rowIndex: s
+    }, n) => {
+      const { disabledDate: r, cellClassName: i } = a, o = l(K), c = q(e, { count: n, rowIndex: s, columnIndex: t }), u = e.dayjs.toDate();
+      return e.selected = o.find(
+        (se) => se.valueOf() === e.dayjs.valueOf()
+      ), e.isSelected = !!e.selected, e.isCurrent = A(e), e.disabled = r == null ? void 0 : r(u), e.customClass = i == null ? void 0 : i(u), c;
+    }, J = (e) => {
+      if (a.selectionMode === "week") {
+        const [t, s] = a.showWeekNumber ? [1, 7] : [0, 6], n = F(e[t + 1]);
+        e[t].inRange = n, e[t].start = n, e[s].inRange = n, e[s].end = n;
+      }
+    }, D = m(() => {
+      const { minDate: e, maxDate: t, rangeState: s, showWeekNumber: n } = a, r = v.value, i = B.value, o = "day";
+      let c = 1;
+      if (n)
+        for (let u = 0; u < 6; u++)
+          i[u][0] || (i[u][0] = {
+            type: "week",
+            text: b.value.add(u * 7 + 1, o).week()
+          });
+      return me({ row: 6, column: 7 }, i, {
+        startDate: e,
+        columnIndexOffset: n ? 1 : 0,
+        nextEndDate: s.endDate || t || s.selecting && e || null,
+        now: j().locale(l(_)).startOf(o),
+        unit: o,
+        relativeDateGetter: (u) => b.value.add(u - r, o),
+        setCellMetadata: (...u) => {
+          H(...u, c) && (c += 1);
+        },
+        setRowMetadata: J
+      }), i;
+    });
+    re(
+      () => a.date,
+      async () => {
+        var e, t;
+        (e = S.value) != null && e.contains(document.activeElement) && (await oe(), (t = k.value) == null || t.focus());
+      }
+    );
+    const Q = async () => {
+      var e;
+      (e = k.value) == null || e.focus();
+    }, w = (e = "") => ["normal", "today"].includes(e), A = (e) => a.selectionMode === "date" && w(e.type) && X(e, a.parsedValue), X = (e, t) => t ? j(t).locale(_.value).isSame(a.date.date(Number(e.text)), "day") : !1, Y = (e) => {
+      const t = [];
+      return w(e.type) && !e.disabled ? (t.push("available"), e.type === "today" && t.push("today")) : t.push(e.type), A(e) && t.push("current"), e.inRange && (w(e.type) || a.selectionMode === "week") && (t.push("in-range"), e.start && t.push("start-date"), e.end && t.push("end-date")), e.disabled && t.push("disabled"), e.selected && t.push("selected"), e.customClass && t.push(e.customClass), t.join(" ");
+    }, I = (e, t) => {
+      const s = e * 7 + (t - (a.showWeekNumber ? 1 : 0)) - v.value;
+      return b.value.add(s, "day");
+    }, Z = (e) => {
+      var r;
+      if (!a.rangeState.selecting)
+        return;
+      let t = e.target;
+      if (t.tagName === "SPAN" && (t = (r = t.parentNode) == null ? void 0 : r.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD")
+        return;
+      const s = t.parentNode.rowIndex - 1, n = t.cellIndex;
+      D.value[s][n].disabled || (s !== V.value || n !== E.value) && (V.value = s, E.value = n, d("changerange", {
+        selecting: !0,
+        endDate: I(s, n)
+      }));
+    }, T = (e) => !W.value && (e == null ? void 0 : e.text) === 1 && e.type === "normal" || e.isCurrent, ee = (e) => {
+      g || W.value || a.selectionMode !== "date" || P(e, !0);
+    }, te = (e) => {
+      e.target.closest("td") && (g = !0);
+    }, ae = (e) => {
+      e.target.closest("td") && (g = !1);
+    }, P = (e, t = !1) => {
+      const s = e.target.closest("td");
+      if (!s)
+        return;
+      const n = s.parentNode.rowIndex - 1, r = s.cellIndex, i = D.value[n][r];
+      if (i.disabled || i.type === "week")
+        return;
+      const o = I(n, r);
+      if (a.selectionMode === "range")
+        !a.rangeState.selecting || !a.minDate ? (d("pick", { minDate: o, maxDate: null }), d("select", !0)) : (o >= a.minDate ? d("pick", { minDate: a.minDate, maxDate: o }) : d("pick", { minDate: o, maxDate: a.minDate }), d("select", !1));
+      else if (a.selectionMode === "date")
+        d("pick", o, t);
+      else if (a.selectionMode === "week") {
+        const c = o.week(), u = `${o.year()}w${c}`;
+        d("pick", {
+          year: o.year(),
+          week: c,
+          value: u,
+          date: o.startOf("week")
+        });
+      } else if (a.selectionMode === "dates") {
+        const c = i.selected ? N(a.parsedValue).filter(
+          (u) => (u == null ? void 0 : u.valueOf()) !== o.valueOf()
+        ) : N(a.parsedValue).concat([o]);
+        d("pick", c);
+      }
+    }, F = (e) => {
+      if (a.selectionMode !== "week")
+        return !1;
+      let t = a.date.startOf("day");
+      if (e.type === "prev-month" && (t = t.subtract(1, "month")), e.type === "next-month" && (t = t.add(1, "month")), t = t.date(Number.parseInt(e.text, 10)), a.parsedValue && !Array.isArray(a.parsedValue)) {
+        const s = (a.parsedValue.day() - h + 7) % 7 - 1;
+        return a.parsedValue.subtract(s, "day").isSame(t, "day");
+      }
+      return !1;
+    };
+    return z({
+      /**
+       * @description focus on current cell
+       */
+      focus: Q
+    }), (e, t) => (f(), p("table", {
+      role: "grid",
+      "aria-label": "使用方向鍵與 Enter 鍵以選擇日期",
+      cellspacing: "0",
+      cellpadding: "0",
+      class: M([l(x).b(), { "is-week-mode": e.selectionMode === "week" }]),
+      onClick: P,
+      onMousemove: Z,
+      onMousedown: ue(te, ["prevent"]),
+      onMouseup: ae
+    }, [
+      $("tbody", {
+        ref_key: "tbodyRef",
+        ref: S
+      }, [
+        $("tr", null, [
+          e.showWeekNumber ? (f(), p("th", De, "周")) : ie("", !0),
+          (f(!0), p(C, null, O(l(U), (s, n) => (f(), p("th", {
+            key: n,
+            scope: "col",
+            "aria-label": "星期" + s
+          }, ce(s), 9, ke))), 128))
+        ]),
+        (f(!0), p(C, null, O(l(D), (s, n) => (f(), p("tr", {
+          key: n,
+          class: M([l(x).e("row"), { current: F(s[1]) }])
+        }, [
+          (f(!0), p(C, null, O(s, (r, i) => (f(), p("td", {
+            key: `${n}.${i}`,
+            ref_for: !0,
+            ref: (o) => T(r) && (k.value = o),
+            class: M(Y(r)),
+            "aria-current": r.isCurrent ? "date" : void 0,
+            "aria-selected": r.isCurrent,
+            tabindex: T(r) ? 0 : -1,
+            onFocus: ee
+          }, [
+            de(l(he), { cell: r }, null, 8, ["cell"])
+          ], 42, ge))), 128))
+        ], 2))), 128))
+      ], 512)
+    ], 42, ye));
+  }
+});
+export {
+  Re as default
+};

package/es/components/date-picker/date-picker-com/basic-month-table.vue.js

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