vft 0.0.70 → 0.0.72

package/es/components/date-picker/props/basic-cell.js

@@ -0,0 +1,14 @@
+import "@vft/utils";
+import "vue";
+import { buildProps as o, definePropType as p } from "../../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash";
+const c = o({
+  cell: {
+    type: p(Object)
+  }
+});
+export {
+  c as basicCellProps
+};

package/es/components/date-picker/props/basic-date-table.js

@@ -0,0 +1,18 @@
+import "@vft/utils";
+import "vue";
+import { buildProps as e, definePropType as o } from "../../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash";
+import { datePickerSharedProps as t, selectionModeWithDefault as r } from "./shared.js";
+const d = e({
+  ...t,
+  cellClassName: {
+    type: o(Function)
+  },
+  showWeekNumber: Boolean,
+  selectionMode: r("date")
+});
+export {
+  d as basicDateTableProps
+};

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

@@ -0,0 +1,14 @@
+import "@vft/utils";
+import "vue";
+import { buildProps as o } from "../../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash";
+import { datePickerSharedProps as t, selectionModeWithDefault as r } from "./shared.js";
+const d = o({
+  ...t,
+  selectionMode: r("month")
+});
+export {
+  d as basicMonthTableProps
+};

package/es/components/date-picker/props/basic-year-table.js

@@ -0,0 +1,15 @@
+import "@vft/utils";
+import "vue";
+import { buildProps as r } from "../../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash";
+import { datePickerSharedProps as o } from "./shared.js";
+const { date: t, disabledDate: p, parsedValue: e } = o, l = r({
+  date: t,
+  disabledDate: p,
+  parsedValue: e
+});
+export {
+  l as basicYearTableProps
+};

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

@@ -0,0 +1,18 @@
+import "../../time-picker/index.js";
+import "@vft/utils";
+import "vue";
+import { buildProps as r, definePropType as t } from "../../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash";
+import { timePickerDefaultProps as o } from "../../time-picker/common/props.js";
+const s = r({
+  ...o,
+  type: {
+    type: t(String),
+    default: "date"
+  }
+});
+export {
+  s as datePickerProps
+};

package/es/components/date-picker/props/panel-date-pick.js

@@ -0,0 +1,23 @@
+import "@vft/utils";
+import "vue";
+import { buildProps as r, definePropType as p } from "../../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash";
+import { panelSharedProps as o } from "./shared.js";
+const s = r({
+  ...o,
+  parsedValue: {
+    type: p([Object, Array])
+  },
+  visible: {
+    type: Boolean
+  },
+  format: {
+    type: String,
+    default: ""
+  }
+});
+export {
+  s as panelDatePickProps
+};

package/es/components/date-picker/props/panel-date-range.js

@@ -0,0 +1,14 @@
+import "@vft/utils";
+import "vue";
+import { buildProps as r } from "../../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash";
+import { panelSharedProps as o, panelRangeSharedProps as p } from "./shared.js";
+const l = r({
+  ...o,
+  ...p
+});
+export {
+  l as panelDateRangeProps
+};

package/es/components/date-picker/props/panel-month-range.js

@@ -0,0 +1,14 @@
+import "@vft/utils";
+import "vue";
+import { buildProps as o } from "../../../utils/vue/props/runtime.js";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import "lodash";
+import { panelRangeSharedProps as p } from "./shared.js";
+const s = o({
+  ...p
+}), c = ["pick", "set-picker-option"];
+export {
+  c as panelMonthRangeEmits,
+  s as panelMonthRangeProps
+};

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

@@ -0,0 +1,56 @@
+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 "../../../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)
+  },
+  date: {
+    type: e(Object),
+    required: !0
+  },
+  minDate: {
+    type: e(Object)
+  },
+  maxDate: {
+    type: e(Object)
+  },
+  parsedValue: {
+    type: e([Object, Array])
+  },
+  rangeState: {
+    type: e(Object),
+    default: () => ({
+      endDate: null,
+      selecting: !1
+    })
+  }
+}), m = r({
+  type: {
+    type: e(String),
+    required: !0,
+    values: o
+  }
+}), P = r({
+  unlinkPanels: Boolean,
+  parsedValue: {
+    type: e(Array)
+  }
+}), f = (t) => ({
+  type: String,
+  values: p,
+  default: t
+}), b = {
+  pick: (t) => a(t)
+};
+export {
+  y as datePickerSharedProps,
+  P as panelRangeSharedProps,
+  m as panelSharedProps,
+  b as rangePickerSharedEmits,
+  f as selectionModeWithDefault
+};

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

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

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

@@ -0,0 +1,7 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/input.scss";
+import "vft/theme-style/src/scrollbar.scss";
+import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/button.scss";
+import "vft/theme-style/src/date-picker.scss";

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

@@ -0,0 +1,49 @@
+import e from "dayjs";
+import { isArray as B } from "@vft/utils";
+const v = (r) => {
+  if (!B(r))
+    return !1;
+  const [l, c] = r;
+  return e.isDayjs(l) && e.isDayjs(c) && l.isSameOrBefore(c);
+}, I = (r) => !r && r !== 0 ? [] : Array.isArray(r) ? r : [r], P = (r, { lang: l, unit: c, unlinkPanels: f }) => {
+  let o;
+  if (B(r)) {
+    let [p, m] = r.map((A) => e(A).locale(l));
+    return f || (m = p.add(1, c)), [p, m];
+  } else
+    r ? o = e(r) : o = e();
+  return o = o.locale(l), [o, o.add(1, c)];
+}, n = (r, l, {
+  columnIndexOffset: c,
+  startDate: f,
+  nextEndDate: o,
+  now: p,
+  unit: m,
+  relativeDateGetter: A,
+  setCellMetadata: O,
+  setRowMetadata: g
+}) => {
+  for (let S = 0; S < r.row; S++) {
+    const j = l[S];
+    for (let y = 0; y < r.column; y++) {
+      let i = j[y + c];
+      i || (i = {
+        row: S,
+        column: y,
+        type: "normal",
+        inRange: !1,
+        start: !1,
+        end: !1
+      });
+      const T = S * r.column + y, s = A(T);
+      i.dayjs = s, i.date = s.toDate(), i.timestamp = s.valueOf(), i.type = "normal", i.inRange = !!(f && s.isSameOrAfter(f, m) && o && s.isSameOrBefore(o, m)) || !!(f && s.isSameOrBefore(f, m) && o && s.isSameOrAfter(o, m)), f != null && f.isSameOrAfter(o) ? (i.start = !!o && s.isSame(o, m), i.end = f && s.isSame(f, m)) : (i.start = !!f && s.isSame(f, m), i.end = !!o && s.isSame(o, m)), s.isSame(p, m) && (i.type = "today"), O == null || O(i, { rowIndex: S, columnIndex: y }), j[y + c] = i;
+    }
+    g == null || g(j);
+  }
+};
+export {
+  n as buildPickerTable,
+  I as castArray,
+  P as getDefaultValue,
+  v as isValidRange
+};

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

@@ -1,130 +1,116 @@
-import { defineComponent as H, ref as d, computed as Y, withDirectives as J, openBlock as c, createElementBlock as C, normalizeClass as n, unref as t, createVNode as B, withCtx as T, createElementVNode as b, Fragment as F, renderList as M, createBlock as S, createTextVNode as K, toDisplayString as z, withModifiers as Q, createCommentVNode as W } from "vue";
-import { useNamespace as X } from "../../hooks/use-namespace/index.js";
+import { defineComponent as H, ref as o, computed as q, createVNode as e, withDirectives as T, resolveDirective as b, Fragment as z } from "vue";
+import { useNamespace as B } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { isArray as Z } from "@vft/utils";
+import { isArray as x } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-import y from "dayjs";
-import { VftTooltip as ee } from "../tooltip/index.js";
-import { VftLink as te } from "../link/index.js";
-import { VftIcon as E } from "../icon/index.js";
-import { ClickOutside as ae } from "@vft/directives";
-const u = (
+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";
+const n = (
   /* hoist-static*/
-  X("date-time-select")
-), oe = H({
-  name: u.b()
-}), ye = /* @__PURE__ */ H({
-  ...oe,
+  B("date-time-select")
+), J = H({
+  name: n.b()
+}), oe = /* @__PURE__ */ H({
+  ...J,
   props: {
-    dateList: { default: [] },
-    defaultFormat: { default: "YYYY-MM-DD HH:mm:ss" },
-    placement: { default: "bottom-start" }
+    dateList: {
+      default: []
+    },
+    defaultFormat: {
+      default: "YYYY-MM-DD HH:mm:ss"
+    }
   },
   emits: ["change"],
-  setup(D, { emit: P }) {
-    const l = d(!1), $ = d("请选择时间"), o = d("");
-    function j(a) {
-      const { count: e, type: i, format: R, dateRange: p = !0, startOfType: v, endOfType: h } = a;
-      let k, r, N;
-      const g = R || D.defaultFormat;
-      let s = y().format(g);
-      const _ = (m, G = !0) => {
-        let w, L = G ? "startOf" : "endOf";
-        return m === "week" ? w = y().add(e, m)[L](m).add(1, "day").format(g) : w = y().add(e, m)[L](m).format(g), w;
+  setup(f, {
+    emit: I
+  }) {
+    const k = o(!1), D = o(), M = o("请选择时间"), t = o("");
+    function N(a) {
+      const {
+        count: l,
+        type: g,
+        format: s,
+        dateRange: i = !0,
+        startOfType: O,
+        endOfType: L
+      } = a;
+      let m, r, R;
+      const p = s || f.defaultFormat;
+      let c = v().format(p);
+      const Y = (d, U = !0) => {
+        let h, F = U ? "startOf" : "endOf";
+        return d === "week" ? h = v().add(l, d)[F](d).add(1, "day").format(p) : h = v().add(l, d)[F](d).format(p), h;
       };
-      v && (k = _(v)), h && (r = _(h, !1)), N = y().add(e, i).format(g);
-      let f = k || r || N;
-      return p ? k && r ? [f, r] : e > 0 ? [f !== r && r || s, f] : e === 0 ? [k || s, r || s] : [f, f !== r && r || s] : f;
-    }
-    function A(a) {
-      l.value = !1, o.value = j(a), P("change", o.value);
+      O && (m = Y(O)), L && (r = Y(L, !1)), R = v().add(l, g).format(p);
+      let u = m || r || R;
+      return i ? m && r ? [u, r] : l > 0 ? [u !== r && r || c, u] : l === 0 ? [m || c, r || c] : [u, u !== r && r || c] : u;
     }
-    const x = d(), O = d();
-    function I() {
-      l.value = !1;
+    function P(a, l) {
+      D.value = a, V.value.handleClose(), t.value = N(l), I("change", t.value);
     }
-    const U = Y(() => {
-      var a, e;
-      return (e = (a = O.value) == null ? void 0 : a.popperRef) == null ? void 0 : e.contentRef;
-    });
-    function q() {
-      o.value = "";
+    function j() {
+      t.value = "";
     }
-    const V = Y(() => {
+    const C = q(() => {
       var a;
-      return Z(o.value) && ((a = o.value) != null && a.length) ? o.value[0] + " - " + o.value[1] : o.value;
+      return x(t.value) && ((a = t.value) != null && a.length) ? t.value[0] + " - " + t.value[1] : t.value;
+    }), V = o();
+    function A(a) {
+      k.value = a;
+    }
+    o([new Date(2e3, 10, 10, 10, 10), new Date(2e3, 10, 11, 10, 10)]);
+    const y = o(), S = () => {
+      const a = x(f.dateList[0]) ? f.dateList : [f.dateList];
+      return e("div", {
+        class: n.e("content")
+      }, [e(z, null, [a.map((l, g) => e("div", {
+        key: g,
+        class: n.e("item-container")
+      }, [l.map((s, i) => e("div", {
+        class: [n.e("item"), n.is("active", D.value === i)],
+        onClick: () => P(i, s)
+      }, [e("span", {
+        key: i
+      }, [s.text]), D.value === i ? e(w, {
+        icon: "ico-ep:check"
+      }, null) : null])), e(G, {
+        teleported: !1,
+        modelValue: y,
+        "onUpdate:modelValue": (s) => y = s,
+        type: "datetime",
+        placeholder: "Select date and time"
+      }, null)]))])]);
+    };
+    return () => e(E, {
+      ref: V,
+      trigger: "click",
+      teleported: !1,
+      class: n.b(),
+      onVisibleChange: A
+    }, {
+      default: () => [e("span", {
+        class: [n.e("trigger"), "cursor-pointer"]
+      }, [e("span", {
+        class: [C.value ? "text" : "placeholder"]
+      }, [C.value || M.value]), T(e(w, {
+        onClick: j,
+        icon: "ico-ep:circle-close",
+        class: "hover:text-black"
+      }, null), [[b("if"), t.value]]), T(e(w, {
+        icon: "ico-ep:arrow-down",
+        class: [{
+          "rotate-180": k.value
+        }]
+      }, null), [[b("if"), t.value]])])],
+      dropdown: () => S()
     });
-    return (a, e) => J((c(), C("div", {
-      class: n(t(u).b()),
-      ref_key: "dateTimeSelectRef",
-      ref: x
-    }, [
-      B(t(ee), {
-        width: "auto",
-        ref_key: "popperRef",
-        ref: O,
-        placement: D.placement,
-        visible: l.value,
-        "onUpdate:visible": e[1] || (e[1] = (i) => l.value = i),
-        effect: "light",
-        transition: "vft-zoom-in-top",
-        "append-to": x.value
-      }, {
-        content: T(() => [
-          b("div", {
-            class: n(t(u).e("content"))
-          }, [
-            (c(!0), C(F, null, M(D.dateList, (i, R) => (c(), C("div", {
-              class: n(t(u).m("item")),
-              key: R
-            }, [
-              (c(!0), C(F, null, M(i, (p, v) => (c(), S(t(te), {
-                onClick: (h) => A(p),
-                type: "primary",
-                class: n(t(u).m("date-item")),
-                key: v
-              }, {
-                default: T(() => [
-                  K(z(p.text), 1)
-                ]),
-                _: 2
-              }, 1032, ["onClick", "class"]))), 128))
-            ], 2))), 128))
-          ], 2)
-        ]),
-        default: T(() => [
-          b("span", {
-            onClick: e[0] || (e[0] = (i) => l.value = !l.value),
-            class: n(t(u).e("trigger"))
-          }, [
-            b("span", {
-              class: n([t(V) ? "text" : "placeholder"])
-            }, z(t(V) || $.value), 3),
-            o.value ? (c(), S(t(E), {
-              key: 0,
-              onClick: Q(q, ["stop"]),
-              cursor: "",
-              icon: "ico-ep:circle-close",
-              class: "hover:text-black"
-            }, null, 8, ["onClick"])) : W("", !0),
-            B(t(E), {
-              icon: "ico-ep:arrow-down",
-              class: n([{ "rotate-180": l.value }])
-            }, null, 8, ["class"])
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["placement", "visible", "append-to"])
-    ], 2)), [
-      [t(ae), I, t(U)]
-    ]);
   }
 });
 export {
-  ye as default
+  oe as default
 };

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

@@ -2,4 +2,10 @@ import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/link.scss";
 import "vft/theme-style/src/tooltip.scss";
 import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/input.scss";
+import "vft/theme-style/src/scrollbar.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/button.scss";
+import "vft/theme-style/src/date-picker.scss";
+import "vft/theme-style/src/time-picker.scss";
 import "vft/theme-style/src/date-time-select.scss";

package/es/components/descriptions/description-item.vue2.js

@@ -6,15 +6,13 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const o = (
   /* hoist-static*/
   n("descriptions-item")
-), r = l({
+), a = l({
   name: o.b()
-}), N = /* @__PURE__ */ l({
-  ...r,
+}), b = /* @__PURE__ */ l({
+  ...a,
   props: {
     label: null,
     span: { default: 1 },
@@ -25,10 +23,10 @@ const o = (
     className: null,
     labelClassName: null
   },
-  setup(a) {
-    return (t, i) => e(t.$slots, "default");
+  setup(r) {
+    return (t, s) => e(t.$slots, "default");
   }
 });
 export {
-  N as default
+  b as default
 };

package/es/components/descriptions/description.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, useSlots as E, getCurrentInstance as w, provide as z, computed as V, openBlock as p, createElementBlock as d, normalizeClass as n, unref as a, createElementVNode as u, renderSlot as v, createTextVNode as k, toDisplayString as C, createCommentVNode as D, Fragment as I, renderList as K, createBlock as F } from "vue";
+import { defineComponent as N, useSlots as E, getCurrentInstance as w, provide as z, computed as V, openBlock as p, createElementBlock as d, normalizeClass as n, unref as i, createElementVNode as u, renderSlot as v, createTextVNode as k, toDisplayString as C, createCommentVNode as D, Fragment as I, renderList as K, createBlock as F } from "vue";
 import "@vft/utils";
 import { flattedChildren as L } from "../../utils/vue/vnode.js";
 import "lodash";
@@ -7,8 +7,6 @@ import "../../utils/ns-cover.js";
 import { useNamespace as R } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import T from "./descriptions-row.vue2.js";
 import { descriptionsKey as j } from "./token.js";
 const o = (
@@ -16,7 +14,7 @@ const o = (
   R("descriptions")
 ), q = N({
   name: o.b()
-}), _ = /* @__PURE__ */ N({
+}), Y = /* @__PURE__ */ N({
   ...q,
   props: {
     border: { type: Boolean, default: !1 },
@@ -29,42 +27,42 @@ const o = (
   setup(s) {
     const f = E(), S = w();
     z(j, S.props);
-    const $ = V(() => [o.b(), o.m("small")]), h = (t, i, e, r = !1) => (t.props || (t.props = {}), i > e && (t.props.span = e), r && (t.props.span = i), t), x = () => {
+    const $ = V(() => [o.b(), o.m("small")]), h = (t, a, e, l = !1) => (t.props || (t.props = {}), a > e && (t.props.span = e), l && (t.props.span = a), t), x = () => {
       var y;
       const t = L((y = f.default) == null ? void 0 : y.call(f)).filter(
-        (l) => {
+        (r) => {
           var c;
-          return ((c = l == null ? void 0 : l.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
+          return ((c = r == null ? void 0 : r.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
         }
-      ), i = [];
-      let e = [], r = s.column, b = 0;
-      return t.forEach((l, c) => {
+      ), a = [];
+      let e = [], l = s.column, b = 0;
+      return t.forEach((r, c) => {
         var g;
-        const m = ((g = l == null ? void 0 : l.props) == null ? void 0 : g.span) || 1;
-        if (c < t.length - 1 && (b += m > r ? r : m), c === t.length - 1) {
+        const m = ((g = r == null ? void 0 : r.props) == null ? void 0 : g.span) || 1;
+        if (c < t.length - 1 && (b += m > l ? l : m), c === t.length - 1) {
           const B = s.column - b % s.column;
-          e.push(h(l, B, r, !0)), i.push(e);
+          e.push(h(r, B, l, !0)), a.push(e);
           return;
         }
-        m < r ? (r -= m, e.push(l)) : (e.push(h(l, m, r)), i.push(e), r = s.column, e = []);
-      }), i;
+        m < l ? (l -= m, e.push(r)) : (e.push(h(r, m, l)), a.push(e), l = s.column, e = []);
+      }), a;
     };
-    return (t, i) => (p(), d("div", {
-      class: n(a($))
+    return (t, a) => (p(), d("div", {
+      class: n(i($))
     }, [
       s.title || s.extra || t.$slots.title || t.$slots.extra ? (p(), d("div", {
         key: 0,
-        class: n(a(o).e("header"))
+        class: n(i(o).e("header"))
       }, [
         u("div", {
-          class: n(a(o).e("title"))
+          class: n(i(o).e("title"))
         }, [
           v(t.$slots, "title", {}, () => [
             k(C(s.title), 1)
           ])
         ], 2),
         u("div", {
-          class: n(a(o).e("extra"))
+          class: n(i(o).e("extra"))
         }, [
           v(t.$slots, "extra", {}, () => [
             k(C(s.extra), 1)
@@ -72,14 +70,14 @@ const o = (
         ], 2)
       ], 2)) : D("", !0),
       u("div", {
-        class: n(a(o).e("body"))
+        class: n(i(o).e("body"))
       }, [
         u("table", {
-          class: n([a(o).e("table"), a(o).is("bordered", s.border)])
+          class: n([i(o).e("table"), i(o).is("bordered", s.border)])
         }, [
           u("tbody", null, [
-            (p(!0), d(I, null, K(x(), (e, r) => (p(), F(T, {
-              key: r,
+            (p(!0), d(I, null, K(x(), (e, l) => (p(), F(T, {
+              key: l,
               row: e
             }, null, 8, ["row"]))), 128))
           ])
@@ -89,5 +87,5 @@ const o = (
   }
 });
 export {
-  _ as default
+  Y as default
 };