vft 0.0.249 → 0.0.252

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

@@ -1,10 +1,19 @@
-import { isArray as a } from "@vft/utils";
-import { datePickTypes as n } from "../../../constants/date.js";
 import "@vueuse/core";
+import { isArray as a } from "@vft/utils";
+import { datePickTypes as o } from "../../../constants/date.js";
 import "../../../utils/ns-cover.js";
 import { buildProps as r, definePropType as e } from "../../../utils/vue/props/runtime.js";
 import "vue";
-const o = ["date", "dates", "year", "month", "week", "range"], u = r({
+const n = [
+  "date",
+  "dates",
+  "year",
+  "years",
+  "month",
+  "months",
+  "week",
+  "range"
+], u = r({
   disabledDate: {
     type: e(Function)
   },
@@ -28,28 +37,36 @@ const o = ["date", "dates", "year", "month", "week", "range"], u = r({
       selecting: !1
     })
   }
-}), y = r({
+}), m = r({
   type: {
     type: e(String),
     required: !0,
-    values: n
-  }
-}), m = r({
+    values: o
+  },
+  dateFormat: String,
+  timeFormat: String,
+  showNow: {
+    type: Boolean,
+    default: !0
+  },
+  showWeekNumber: Boolean
+}), y = r({
   unlinkPanels: Boolean,
+  visible: Boolean,
   parsedValue: {
     type: e(Array)
   }
-}), P = (t) => ({
+}), b = (t) => ({
   type: String,
-  values: o,
+  values: n,
   default: t
 }), f = {
   pick: (t) => a(t)
 };
 export {
   u as datePickerSharedProps,
-  m as panelRangeSharedProps,
-  y as panelSharedProps,
+  y as panelRangeSharedProps,
+  m as panelSharedProps,
   f as rangePickerSharedEmits,
-  P as selectionModeWithDefault
+  b as selectionModeWithDefault
 };

package/es/components/date-picker/style/css.d.ts

@@ -1 +1,5 @@
 import 'vft/theme-style/vft-date-picker.css';
+import 'vft/es/components/input/style/css';
+import 'vft/es/components/scrollbar/style/css';
+import 'vft/es/components/popper/style/css';
+import 'vft/es/components/button/style/css';

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

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

package/es/components/date-picker/utils.d.ts

@@ -1,15 +1,18 @@
+import dayjs from 'dayjs';
+import type { ComputedRef } from 'vue';
 import type { Dayjs } from 'dayjs';
 import type { DateCell } from './date-picker.type';
+import type { DisabledDateType } from './props/shared';
 type DayRange = [Dayjs | undefined, Dayjs | undefined];
 export declare const isValidRange: (range: DayRange) => boolean;
-export declare const castArray: (arr: any) => any[];
 type GetDefaultValueParams = {
     lang: string;
+    step?: number;
     unit: 'month' | 'year';
     unlinkPanels: boolean;
 };
 export type DefaultValue = [Date, Date] | Date | undefined;
-export declare const getDefaultValue: (defaultValue: DefaultValue, { lang, unit, unlinkPanels }: GetDefaultValueParams) => Dayjs[];
+export declare const getDefaultValue: (defaultValue: DefaultValue, { lang, step, unit, unlinkPanels }: GetDefaultValueParams) => dayjs.Dayjs[];
 type Dimension = {
     row: number;
     column: number;
@@ -28,4 +31,8 @@ type BuildPickerTableMetadata = {
     setRowMetadata?: (row: DateCell[]) => void;
 };
 export declare const buildPickerTable: (dimension: Dimension, rows: DateCell[][], { columnIndexOffset, startDate, nextEndDate, now, unit, relativeDateGetter, setCellMetadata, setRowMetadata, }: BuildPickerTableMetadata) => void;
+export declare const datesInMonth: (date: Dayjs, year: number, month: number, lang: string) => Date[];
+export declare const getValidDateOfMonth: (date: Dayjs, year: number, month: number, lang: string, disabledDate?: DisabledDateType) => dayjs.Dayjs;
+export declare const getValidDateOfYear: (value: Dayjs, lang: string, disabledDate?: DisabledDateType) => dayjs.Dayjs;
+export declare const correctlyParseUserInput: (value: string | Dayjs | Dayjs[], format: string, lang: string, defaultFormat: ComputedRef<boolean>) => Dayjs | Dayjs[];
 export {};

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

@@ -1,47 +1,80 @@
-import { isArray as O } from "@vft/utils";
-import y from "dayjs";
-const T = (r) => {
+import f from "dayjs";
+import { isArray as O, isString as A } from "@vft/utils";
+import "../time-picker/index.js";
+import { rangeArr as V } from "../time-picker/utils.js";
+const P = (r) => {
   if (!O(r)) return !1;
-  const [m, f] = r;
-  return y.isDayjs(m) && y.isDayjs(f) && m.isSameOrBefore(f);
-}, b = (r) => !r && r !== 0 ? [] : Array.isArray(r) ? r : [r], h = (r, { lang: m, unit: f, unlinkPanels: l }) => {
-  let e;
+  const [s, i] = r;
+  return f.isDayjs(s) && f.isDayjs(i) && f(s).isValid() && f(i).isValid() && s.isSameOrBefore(i);
+}, _ = (r, { lang: s, step: i = 1, unit: o, unlinkPanels: e }) => {
+  let t;
   if (O(r)) {
-    let [S, o] = r.map((p) => y(p).locale(m));
-    return l || (o = S.add(1, f)), [S, o];
-  } else r ? e = y(r) : e = y();
-  return e = e.locale(m), [e, e.add(1, f)];
-}, k = (r, m, {
-  columnIndexOffset: f,
-  startDate: l,
+    let [c, l] = r.map((a) => f(a).locale(s));
+    return e || (l = c.add(i, o)), [c, l];
+  } else r ? t = f(r) : t = f();
+  return t = t.locale(s), [t, t.add(i, o)];
+}, g = (r, s, {
+  columnIndexOffset: i,
+  startDate: o,
   nextEndDate: e,
-  now: S,
-  unit: o,
-  relativeDateGetter: p,
-  setCellMetadata: d,
-  setRowMetadata: g
+  now: t,
+  unit: c,
+  relativeDateGetter: l,
+  setCellMetadata: a,
+  setRowMetadata: u
 }) => {
-  for (let a = 0; a < r.row; a++) {
-    const A = m[a];
-    for (let c = 0; c < r.column; c++) {
-      let s = A[c + f];
-      s || (s = {
-        row: a,
-        column: c,
+  for (let h = 0; h < r.row; h++) {
+    const S = s[h];
+    for (let y = 0; y < r.column; y++) {
+      let n = S[y + i];
+      n || (n = {
+        row: h,
+        column: y,
         type: "normal",
         inRange: !1,
         start: !1,
         end: !1
       });
-      const j = a * r.column + c, i = p(j);
-      s.dayjs = i, s.date = i.toDate(), s.timestamp = i.valueOf(), s.type = "normal", s.inRange = !!(l && i.isSameOrAfter(l, o) && e && i.isSameOrBefore(e, o)) || !!(l && i.isSameOrBefore(l, o) && e && i.isSameOrAfter(e, o)), l?.isSameOrAfter(e) ? (s.start = !!e && i.isSame(e, o), s.end = l && i.isSame(l, o)) : (s.start = !!l && i.isSame(l, o), s.end = !!e && i.isSame(e, o)), i.isSame(S, o) && (s.type = "today"), d?.(s, { rowIndex: a, columnIndex: c }), A[c + f] = s;
+      const j = h * r.column + y, m = l(j);
+      n.dayjs = m, n.date = m.toDate(), n.timestamp = m.valueOf(), n.type = "normal", n.inRange = !!(o && m.isSameOrAfter(o, c) && e && m.isSameOrBefore(e, c)) || !!(o && m.isSameOrBefore(o, c) && e && m.isSameOrAfter(e, c)), o?.isSameOrAfter(e) ? (n.start = !!e && m.isSame(e, c), n.end = o && m.isSame(o, c)) : (n.start = !!o && m.isSame(o, c), n.end = !!e && m.isSame(e, c)), m.isSame(t, c) && (n.type = "today"), a?.(n, { rowIndex: h, columnIndex: y }), S[y + i] = n;
     }
-    g?.(A);
+    u?.(S);
   }
+}, p = (r, s, i, o) => {
+  const e = f().locale(o).startOf("month").month(i).year(s).hour(r.hour()).minute(r.minute()).second(r.second()), t = e.daysInMonth();
+  return V(t).map((c) => e.add(c, "day").toDate());
+}, d = (r, s, i, o, e) => {
+  const t = f().year(s).month(i).startOf("month").hour(r.hour()).minute(r.minute()).second(r.second()), c = p(r, s, i, o).find((l) => !e?.(l));
+  return c ? f(c).locale(o) : t.locale(o);
+}, k = (r, s, i) => {
+  const o = r.year();
+  if (!i?.(r.toDate()))
+    return r.locale(s);
+  const e = r.month();
+  if (!p(r, o, e, s).every(i))
+    return d(r, o, e, s, i);
+  for (let t = 0; t < 12; t++)
+    if (!p(r, o, t, s).every(i))
+      return d(r, o, t, s, i);
+  return r;
+}, w = (r, s, i, o) => {
+  if (O(r))
+    return r.map(
+      (e) => w(e, s, i, o)
+    );
+  if (A(r)) {
+    const e = o.value ? f(r) : f(r, s);
+    if (!e.isValid())
+      return e;
+  }
+  return f(r, s).locale(i);
 };
 export {
-  k as buildPickerTable,
-  b as castArray,
-  h as getDefaultValue,
-  T as isValidRange
+  g as buildPickerTable,
+  w as correctlyParseUserInput,
+  p as datesInMonth,
+  _ as getDefaultValue,
+  d as getValidDateOfMonth,
+  k as getValidDateOfYear,
+  P as isValidRange
 };

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

@@ -1,6 +1,6 @@
 import { defineComponent as F, ref as u, computed as E, createVNode as e, Fragment as S } from "vue";
 import { isArray as Y } from "@vft/utils";
-import q from "../date-picker/index.js";
+import { VftDatePicker as q } from "../date-picker/index.js";
 import { VftDropdown as z } from "../dropdown/index.js";
 import { VftIcon as k } from "../icon/index.js";
 import "@vueuse/core";

package/es/components/date-time-select/index.d.ts

@@ -20,3 +20,4 @@ export declare const VftDateTimeSelect: import("vft/es/utils").SFCWithInstall<im
     onChange?: ((val: string | string[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftDateTimeSelect;
+export * from './types';

package/es/components/date-time-select/types.d.ts

@@ -8,3 +8,7 @@ export interface DateConfigProps {
     format: string;
     dateRange: boolean;
 }
+export interface DateTimeSelectProps {
+    dateList: Partial<DateConfigProps>[][];
+    defaultFormat?: string;
+}

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

@@ -9,14 +9,13 @@ import "../../utils/ns-cover.js";
 import "lodash-es";
 import { composeRefs as v } from "../../utils/vue/refs.js";
 import { useDraggable as E } from "../../hooks/use-draggable/index.js";
-import "../config-provider/hooks/use-global-config.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { dialogInjectionKey as S } from "./constants.js";
 const V = ["id"], z = p({
   name: "vft-dialog-content"
-}), Q = /* @__PURE__ */ p({
+}), M = /* @__PURE__ */ p({
   ...z,
   props: {
     center: { type: Boolean, default: !1 },
@@ -84,5 +83,5 @@ const V = ["id"], z = p({
   }
 });
 export {
-  Q as default
+  M as default
 };

package/es/components/dropdown/dropdown-item-impl.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     icon: StringConstructor;
 }>, {
     ns: {
-        namespace: import("vue").Ref<string, string>;
+        namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
         e: (element?: string) => string;
         m: (modifier?: string) => string;
@@ -21,9 +21,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             (name: string, state: boolean | undefined): string;
             (name: string): string;
         };
-        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVar: (object: Record<string, string>) => Record<string, string>;
         cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
     itemRef: (el: Element | import("vue").ComponentPublicInstance | null) => void;
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     command: string | number | Record<string, any>;
     divided: boolean;
 }, {}, {
-    VftIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    DropIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         icon: {
             type: import("vue").PropType<string>;
             required: true;

package/es/components/dropdown/dropdown-item-impl.vue.js

@@ -1,16 +1,16 @@
-import t from "./dropdown-item-impl.vue2.js";
-import { resolveComponent as m, createElementBlock as d, openBlock as r, Fragment as a, createCommentVNode as l, createElementVNode as p, mergeProps as i, withModifiers as u, createBlock as f, renderSlot as b, normalizeProps as $ } from "vue";
-import v from "../../_virtual/_plugin-vue_export-helper.js";
-const w = ["aria-disabled", "tabindex", "role"];
-function k(e, o, y, F, M, P) {
-  const s = m("vft-icon");
-  return r(), d(a, null, [
-    e.divided ? (r(), d("li", i({
+import m from "./dropdown-item-impl.vue2.js";
+import { resolveComponent as a, createElementBlock as i, openBlock as r, Fragment as t, createCommentVNode as l, createElementVNode as p, mergeProps as d, withModifiers as u, createBlock as f, renderSlot as b, normalizeProps as $ } from "vue";
+import w from "../../_virtual/_plugin-vue_export-helper.js";
+const k = ["aria-disabled", "tabindex", "role"];
+function v(e, o, y, F, M, P) {
+  const s = a("drop-icon");
+  return r(), i(t, null, [
+    e.divided ? (r(), i("li", d({
       key: 0,
       role: "separator",
       class: e.ns.bem("menu", "item", "divided")
     }, e.$attrs), null, 16)) : l("", !0),
-    p("li", i({ ref: e.itemRef }, { ...e.dataset, ...e.$attrs }, {
+    p("li", d({ ref: e.itemRef }, { ...e.dataset, ...e.$attrs }, {
       "aria-disabled": e.disabled,
       class: [e.ns.be("menu", "item"), e.ns.is("disabled", e.disabled)],
       tabindex: e.tabIndex,
@@ -22,12 +22,12 @@ function k(e, o, y, F, M, P) {
       onPointermove: o[4] || (o[4] = (n) => e.$emit("pointermove", n)),
       onPointerleave: o[5] || (o[5] = (n) => e.$emit("pointerleave", n))
     }), [
-      e.icon ? (r(), f(s, $(i({ key: 0 }, e.icon)), null, 16)) : l("", !0),
+      e.icon ? (r(), f(s, $(d({ key: 0 }, e.icon)), null, 16)) : l("", !0),
       b(e.$slots, "default")
-    ], 16, w)
+    ], 16, k)
   ], 64);
 }
-const K = /* @__PURE__ */ v(t, [["render", k]]);
+const K = /* @__PURE__ */ w(m, [["render", v]]);
 export {
   K as default
 };

package/es/components/dropdown/dropdown-item-impl.vue2.js

@@ -17,12 +17,12 @@ import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as g } from "./tokens.js";
-import { DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as w } from "./types.js";
+import { DROPDOWN_INJECTION_KEY as D } from "./tokens.js";
+import { DROPDOWN_COLLECTION_ITEM_INJECTION_KEY as g } from "./types.js";
 const A = N({
   name: "DropdownItemImpl",
   components: {
-    VftIcon: u
+    DropIcon: u
   },
   props: {
     command: {
@@ -35,9 +35,9 @@ const A = N({
     icon: String
   },
   emits: ["pointermove", "pointerleave", "click", "clickimpl"],
-  setup(D, { emit: m }) {
-    const i = K("dropdown"), { role: t } = e(g, void 0), { collectionItemRef: p } = e(
-      w,
+  setup(w, { emit: m }) {
+    const i = K("dropdown"), { role: t } = e(D, void 0), { collectionItemRef: p } = e(
+      g,
       void 0
     ), { collectionItemRef: c } = e(
       T,

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

@@ -1,27 +1,4 @@
-import { type ButtonProps, type ButtonType } from 'vft/es/components/button';
-import type { Options, Placement } from 'vft/es/components/popper';
-import { type TooltipTriggerType } from 'vft/es/components/tooltip';
-export interface DropdownProps {
-    trigger?: TooltipTriggerType;
-    effect?: 'light' | 'dark';
-    type?: ButtonType;
-    placement?: Placement;
-    popperOptions?: Options;
-    id?: string;
-    size?: string;
-    splitButton?: boolean;
-    hideOnClick?: boolean;
-    loop?: boolean;
-    showTimeout?: number;
-    hideTimeout?: number;
-    tabindex?: number | string;
-    maxHeight?: number | string;
-    popperClass?: string;
-    disabled?: boolean;
-    role?: string;
-    buttonProps?: ButtonProps;
-    teleported?: boolean;
-}
+import { type DropdownProps } from './types';
 declare function handleClose(): void;
 declare function handleOpen(): void;
 declare function __VLS_template(): {
@@ -72,16 +49,16 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     maxHeight: number | string;
     role: string;
     disabled: boolean;
-    placement: Placement;
+    placement: import("@popperjs/core").Placement;
     effect: "light" | "dark";
-    loop: boolean;
-    trigger: TooltipTriggerType;
     tabindex: number | string;
-    popperClass: string;
+    trigger: import("vft/es/components/tooltip").TooltipTriggerType;
+    loop: boolean;
     teleported: boolean;
-    hideOnClick: boolean;
+    popperClass: string;
     showTimeout: number;
     hideTimeout: number;
+    hideOnClick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;