@fangzhongya/fang-ui 0.0.62 → 0.0.63

package/dist/components/dates2/src/data.d.ts

@@ -0,0 +1,121 @@
+import { ExtractPropTypes } from 'vue';
+import { DateType } from './util';
+import { comHandle } from '../../common/list';
+export declare const dataProps: {
+    format: {
+        type: StringConstructor;
+    };
+    type: {
+        type: () => DateType;
+    };
+    separate: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @props { Boolean } repair 是否格式化时间
+     */
+    repair: {
+        type: BooleanConstructor;
+    };
+    shortcuts: {
+        type: {
+            (arrayLength: number): {
+                text: string;
+                value: () => [Date, Date];
+            }[];
+            (...items: {
+                text: string;
+                value: () => [Date, Date];
+            }[]): {
+                text: string;
+                value: () => [Date, Date];
+            }[];
+            new (arrayLength: number): {
+                text: string;
+                value: () => [Date, Date];
+            }[];
+            new (...items: {
+                text: string;
+                value: () => [Date, Date];
+            }[]): {
+                text: string;
+                value: () => [Date, Date];
+            }[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    /**
+     * @props {String, Number, Date, Array} modelValue/v-model 时间数据
+     */
+    modelValue: {
+        type: (DateConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
+    };
+    options: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): never[];
+    };
+    clearAbsent: {
+        type: BooleanConstructor;
+    };
+    label: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    prop: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    multiple: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    load: {
+        type: BooleanConstructor[];
+    };
+    optobj: {
+        type: BooleanConstructor[];
+    };
+};
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+export declare const dataHandle: typeof comHandle;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+    prefix: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {};

package/dist/components/dates2/src/data.js

@@ -0,0 +1,43 @@
+import "./util.js";
+import { props, emits, comHandle } from "../../common/list.js";
+const dataProps = {
+  ...props,
+  format: {
+    type: String
+  },
+  type: {
+    type: String
+  },
+  separate: {
+    type: Boolean
+  },
+  /**
+   * @props { Boolean } repair 是否格式化时间
+   */
+  repair: {
+    type: Boolean
+  },
+  shortcuts: {
+    type: Array
+  },
+  /**
+   * @props {String, Number, Date, Array} modelValue/v-model 时间数据
+   */
+  modelValue: {
+    type: [String, Number, Date, Array]
+  }
+};
+const dataEmits = [...emits];
+const dataHandle = comHandle;
+const dataSlot = {
+  default: "default",
+  prefix: "prefix"
+};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataHandle,
+  dataProps,
+  dataSlot
+};

package/dist/components/dates2/src/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/dates2/src/index.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/dates2/src/index2.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/inherit/index.cjs");
+const util = require("./util.cjs");
+const index$3 = require("../../dates-divide/index.cjs");
+const index$2 = require("../../selects/index.cjs");
+const index$4 = require("element-plus/es/components/date-picker/index");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = index.useInherit(vue.useAttrs());
+    const slots = vue.useSlots();
+    const cs = index$1.useCssName("dates2");
+    const props = __props;
+    const emit = __emit;
+    const defaultTime = [
+      new Date(2e3, 0, 1, 0, 0, 0),
+      new Date(2e3, 11, 31, 23, 59, 59)
+    ];
+    const onChange = (v, obj) => {
+      value.value = getValue(obj[0].value());
+    };
+    const types = vue.computed(() => {
+      return util.getType(props.type || "date");
+    });
+    const listFuObj = data.dataHandle(props, emit, {
+      getValue
+    });
+    const value = listFuObj.value;
+    const multiple = listFuObj.multiple;
+    const type = vue.computed(() => {
+      var _a, _b;
+      if (multiple.value) {
+        return ((_a = types.value) == null ? void 0 : _a.double) || props.type;
+      } else {
+        return ((_b = types.value) == null ? void 0 : _b.type) || props.type;
+      }
+    });
+    function getValue(value2) {
+      var _a;
+      const format = attrs.assem["value-format"] || props.format || ((_a = types.value) == null ? void 0 : _a.format);
+      return util.formatType(value2, format, types.value, props.repair);
+    }
+    __expose({
+      ...data.dataExpose,
+      getValue
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [vue.unref(cs).z()]
+      }, vue.unref(attrs).root), [
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
+        props.separate && vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass([vue.unref(cs).z("separate")])
+        }, [
+          props.shortcuts && props.shortcuts.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Selects), {
+            key: 0,
+            options: props.shortcuts,
+            optobj: "",
+            placeholder: "快捷选择",
+            onChange,
+            label: "text",
+            prop: "text"
+          }, null, 8, ["options"])) : vue.createCommentVNode("", true),
+          vue.createVNode(vue.unref(index$3.DatesDivide), vue.mergeProps(vue.unref(attrs).assem, {
+            type: ((_a = types.value) == null ? void 0 : _a.type) || props.type,
+            format: props.format || ((_b = types.value) == null ? void 0 : _b.format),
+            "default-time": defaultTime,
+            modelValue: vue.unref(value),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null)
+          }), null, 16, ["type", "format", "modelValue"])
+        ], 2)) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.ElDatePicker), vue.mergeProps({ key: 1 }, vue.unref(attrs).assem, {
+          type: type.value,
+          format: props.format || ((_c = types.value) == null ? void 0 : _c.format),
+          "default-time": vue.unref(multiple) ? defaultTime : void 0,
+          shortcuts: props.shortcuts,
+          modelValue: vue.unref(value),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(value) ? value.value = $event : null)
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
+            return {
+              name: k,
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040, ["type", "format", "default-time", "shortcuts", "modelValue"]))
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/dates2/src/index2.js

@@ -0,0 +1,100 @@
+import { defineComponent, useAttrs, useSlots, computed, createElementBlock, openBlock, mergeProps, unref, renderSlot, createBlock, normalizeClass, createCommentVNode, createVNode, isRef, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps } from "vue";
+import { dataHandle, dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { getType, formatType } from "./util.js";
+import { DatesDivide } from "../../dates-divide/index.js";
+import { Selects } from "../../selects/index.js";
+import { ElDatePicker } from "element-plus/es/components/date-picker/index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = useInherit(useAttrs());
+    const slots = useSlots();
+    const cs = useCssName("dates2");
+    const props = __props;
+    const emit = __emit;
+    const defaultTime = [
+      new Date(2e3, 0, 1, 0, 0, 0),
+      new Date(2e3, 11, 31, 23, 59, 59)
+    ];
+    const onChange = (v, obj) => {
+      value.value = getValue(obj[0].value());
+    };
+    const types = computed(() => {
+      return getType(props.type || "date");
+    });
+    const listFuObj = dataHandle(props, emit, {
+      getValue
+    });
+    const value = listFuObj.value;
+    const multiple = listFuObj.multiple;
+    const type = computed(() => {
+      var _a, _b;
+      if (multiple.value) {
+        return ((_a = types.value) == null ? void 0 : _a.double) || props.type;
+      } else {
+        return ((_b = types.value) == null ? void 0 : _b.type) || props.type;
+      }
+    });
+    function getValue(value2) {
+      var _a;
+      const format = attrs.assem["value-format"] || props.format || ((_a = types.value) == null ? void 0 : _a.format);
+      return formatType(value2, format, types.value, props.repair);
+    }
+    __expose({
+      ...dataExpose,
+      getValue
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [unref(cs).z()]
+      }, unref(attrs).root), [
+        renderSlot(_ctx.$slots, unref(dataSlot).prefix),
+        props.separate && unref(multiple) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([unref(cs).z("separate")])
+        }, [
+          props.shortcuts && props.shortcuts.length > 0 ? (openBlock(), createBlock(unref(Selects), {
+            key: 0,
+            options: props.shortcuts,
+            optobj: "",
+            placeholder: "快捷选择",
+            onChange,
+            label: "text",
+            prop: "text"
+          }, null, 8, ["options"])) : createCommentVNode("", true),
+          createVNode(unref(DatesDivide), mergeProps(unref(attrs).assem, {
+            type: ((_a = types.value) == null ? void 0 : _a.type) || props.type,
+            format: props.format || ((_b = types.value) == null ? void 0 : _b.format),
+            "default-time": defaultTime,
+            modelValue: unref(value),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null)
+          }), null, 16, ["type", "format", "modelValue"])
+        ], 2)) : (openBlock(), createBlock(unref(ElDatePicker), mergeProps({ key: 1 }, unref(attrs).assem, {
+          type: type.value,
+          format: props.format || ((_c = types.value) == null ? void 0 : _c.format),
+          "default-time": unref(multiple) ? defaultTime : void 0,
+          shortcuts: props.shortcuts,
+          modelValue: unref(value),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(value) ? value.value = $event : null)
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, index) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040, ["type", "format", "default-time", "shortcuts", "modelValue"]))
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/dates2/src/util.cjs

@@ -0,0 +1,195 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const format = require("@fangzhongya/utils/date/format");
+const typeMap = {
+  //年
+  year: {
+    type: "year",
+    format: "YYYY",
+    repair: 5,
+    double: "yearrange",
+    multiple: "years"
+  },
+  //月
+  month: {
+    type: "month",
+    format: "YYYY-MM",
+    repair: 4,
+    double: "monthrange",
+    multiple: "months"
+  },
+  //日
+  day: {
+    type: "date",
+    format: "YYYY-MM-DD",
+    repair: 3,
+    double: "daterange",
+    multiple: "dates"
+  },
+  date: {
+    type: "date",
+    format: "YYYY-MM-DD",
+    repair: 3,
+    double: "daterange",
+    multiple: "dates"
+  },
+  //秒
+  second: {
+    type: "datetime",
+    format: "YYYY-MM-DD HH:mm:ss",
+    repair: 0,
+    double: "datetimerange"
+  },
+  datetime: {
+    type: "datetime",
+    format: "YYYY-MM-DD HH:mm:ss",
+    repair: 0,
+    double: "datetimerange"
+  },
+  //时
+  hour: {
+    type: "datetime",
+    format: "YYYY-MM-DD HH",
+    repair: 2,
+    double: "datetimerange"
+  },
+  //分
+  minute: {
+    type: "datetime",
+    format: "YYYY-MM-DD HH:mm",
+    repair: 1,
+    double: "datetimerange"
+  }
+};
+function getType(type) {
+  return typeMap[type];
+}
+function getLastDayOfMonth(now) {
+  const nextMonth = new Date(now.getFullYear(), now.getMonth() + 1, 1);
+  const lastDayOfMonth = new Date(nextMonth.getTime() - 1);
+  return lastDayOfMonth;
+}
+function getRepairEnd(v, type) {
+  if (v) {
+    let format$1 = "YYYY-MM-DD HH:mm:ss";
+    let d = getDate(v);
+    switch (type) {
+      case 1: {
+        format$1 = "YYYY-MM-DD HH:mm:59";
+        break;
+      }
+      case 2: {
+        format$1 = "YYYY-MM-DD HH:59:59";
+        break;
+      }
+      case 3: {
+        format$1 = "YYYY-MM-DD 23:59:59";
+        break;
+      }
+      case 4: {
+        d = getLastDayOfMonth(d);
+        format$1 = "YYYY-MM-DD 23:59:59";
+        break;
+      }
+      case 5: {
+        format$1 = "YYYY-12-31 23:59:59";
+        break;
+      }
+      default: {
+        format$1 = "YYYY-MM-DD HH:mm:ss";
+        break;
+      }
+    }
+    return format.format(d, format$1);
+  } else {
+    return "";
+  }
+}
+function getRepairStart(v, type) {
+  if (v) {
+    let format$1 = "YYYY-MM-DD HH:mm:ss";
+    switch (type) {
+      case 1: {
+        format$1 = "YYYY-MM-DD HH:mm:00";
+        break;
+      }
+      case 2: {
+        format$1 = "YYYY-MM-DD HH:00:00";
+        break;
+      }
+      case 3: {
+        format$1 = "YYYY-MM-DD 00:00:00";
+        break;
+      }
+      case 4: {
+        format$1 = "YYYY-MM-01 00:00:00";
+        break;
+      }
+      case 5: {
+        format$1 = "YYYY-01-01 00:00:00";
+        break;
+      }
+    }
+    return format.format(getDate(v), format$1);
+  } else {
+    return "";
+  }
+}
+function parseDateString(dateStr) {
+  if (!dateStr || typeof dateStr !== "string") {
+    return /* @__PURE__ */ new Date(NaN);
+  }
+  const trimmed = dateStr.trim();
+  const [datePart, timePart = ""] = trimmed.split(" ");
+  const dateParts = datePart.split(/[-|\/]/).map(Number);
+  const year = dateParts[0];
+  const month = (dateParts[1] || 1) - 1;
+  const day = dateParts[2] || 1;
+  const timeParts = timePart.split(":").map(Number);
+  const hours = timeParts[0] || 0;
+  const minutes = timeParts[1] || 0;
+  const seconds = timeParts[2] || 0;
+  return new Date(year, month, day, hours, minutes, seconds);
+}
+function getDate(d) {
+  if (typeof d === "object") {
+    return d;
+  } else {
+    if (typeof d === "string") {
+      return parseDateString(d);
+    }
+    return new Date(d);
+  }
+}
+function formatType(v, format$1 = "YYYY-MM-DD", type, is) {
+  if (is) {
+    if (v instanceof Array) {
+      for (let index = 0; index < v.length; index++) {
+        const element = v[index];
+        if (index == 0) {
+          v[index] = getRepairStart(element, type.repair);
+        } else if (index == v.length - 1) {
+          v[index] = getRepairEnd(element, type.repair);
+        } else {
+          v[index] = element ? format.format(getDate(element), format$1) : "";
+        }
+      }
+      return v;
+    } else {
+      return getRepairStart(v, type.repair);
+    }
+  } else {
+    if (v instanceof Array) {
+      for (let index = 0; index < v.length; index++) {
+        const element = v[index];
+        v[index] = element ? format.format(getDate(element), format$1) : "";
+      }
+      return v;
+    } else {
+      return v ? format.format(getDate(v), format$1) : "";
+    }
+  }
+}
+exports.formatType = formatType;
+exports.getDate = getDate;
+exports.getType = getType;

package/dist/components/dates2/src/util.d.ts

@@ -0,0 +1,14 @@
+type SingleType = 'year' | 'month' | 'date' | 'datetime';
+type DoubleType = 'yearrange' | 'monthrange' | 'daterange' | 'datetimerange';
+export type DateType = SingleType | DoubleType;
+type TypeMap = {
+    type: SingleType;
+    format?: string;
+    repair: number;
+    double?: DoubleType;
+    multiple?: string;
+};
+export declare function getType(type: DateType): TypeMap;
+export declare function getDate(d: Date | number | string): Date;
+export declare function formatType(v: any, format: string | undefined, type: TypeMap, is?: boolean): string | any[];
+export {};