@done-coding/admin-core 0.17.1-alpha.0 → 0.18.1-alpha.0

package/es/components/form/utils.mjs

@@ -1,191 +1,279 @@
-import m from "lodash/cloneDeep";
-const l = ["xs", "sm", "md", "lg", "xl"], d = [6, 8, 12, 24], p = (t, n = d) => {
-  const e = [...n].sort((o, i) => o - i), s = e[0], r = e[e.length - 1];
-  return t <= s ? s : t >= r ? r : e.find((o) => o >= t) ?? r;
-}, O = (t) => {
-  if (!t) return 24;
-  if (typeof t.span == "number") return t.span;
-  for (const n of ["lg", "md", "sm", "xl", "xs"]) {
-    const e = t[n];
-    if (typeof e == "number") return e;
+import _cloneDeep from "lodash/cloneDeep";
+const RESPONSIVE_LAYOUT_KEYS = ["xs", "sm", "md", "lg", "xl"];
+const NEST_LAYOUT_TIERS = [6, 8, 12, 24];
+const ceilToTier = (value, tiers = NEST_LAYOUT_TIERS) => {
+  const sorted = [...tiers].sort((a, b) => a - b);
+  const min = sorted[0];
+  const max = sorted[sorted.length - 1];
+  if (value <= min) return min;
+  if (value >= max) return max;
+  return sorted.find((t) => t >= value) ?? max;
+};
+const resolveLayoutSpan = (layout) => {
+  if (!layout) return 24;
+  if (typeof layout.span === "number") return layout.span;
+  for (const key of ["lg", "md", "sm", "xl", "xs"]) {
+    const v = layout[key];
+    if (typeof v === "number") return v;
   }
   return 24;
-}, T = (t, n = 1) => {
-  if (!t) return {};
-  const e = { ...t };
-  return t.span !== void 0 && l.forEach((s) => {
-    t[s] === void 0 && (e[s] = t.span);
-  }), n === 1 || (typeof e.span == "number" && (e.span = p(e.span * n)), l.forEach((s) => {
-    typeof e[s] == "number" && (e[s] = p(e[s] * n));
-  })), e;
-}, D = () => {
-  const t = /* @__PURE__ */ new Date(), n = new Date(
-    t.getFullYear(),
-    t.getMonth(),
-    t.getDate()
-  ), e = new Date(n.getTime() + 864e5 - 1), s = new Date(n.getTime() - 864e5), r = new Date(n.getTime() - 1), o = new Date(n.getTime() - 6 * 864e5);
+};
+const resolveFormLayout = (layout, scale = 1) => {
+  if (!layout) return {};
+  const resolved = { ...layout };
+  if (layout.span !== void 0) {
+    RESPONSIVE_LAYOUT_KEYS.forEach((key) => {
+      if (layout[key] === void 0) {
+        resolved[key] = layout.span;
+      }
+    });
+  }
+  if (scale === 1) return resolved;
+  if (typeof resolved.span === "number") {
+    resolved.span = ceilToTier(resolved.span * scale);
+  }
+  RESPONSIVE_LAYOUT_KEYS.forEach((key) => {
+    if (typeof resolved[key] === "number") {
+      resolved[key] = ceilToTier(resolved[key] * scale);
+    }
+  });
+  return resolved;
+};
+const getDatePickerShortcuts = () => {
+  const today = /* @__PURE__ */ new Date();
+  const startOfToday = new Date(
+    today.getFullYear(),
+    today.getMonth(),
+    today.getDate()
+  );
+  const endOfToday = new Date(startOfToday.getTime() + 864e5 - 1);
+  const startOfYesterday = new Date(startOfToday.getTime() - 864e5);
+  const endOfYesterday = new Date(startOfToday.getTime() - 1);
+  const startOfLast7Days = new Date(startOfToday.getTime() - 6 * 864e5);
   return [
     {
       text: "今日",
-      value: () => [n, e]
+      value: () => [startOfToday, endOfToday]
     },
     {
       text: "昨日",
-      value: () => [s, r]
+      value: () => [startOfYesterday, endOfYesterday]
     },
     {
       text: "近7日",
-      value: () => [o, e]
+      value: () => [startOfLast7Days, endOfToday]
     }
   ];
-}, f = (t) => {
-  const { ignore: n, key: e } = t;
-  return n || e.startsWith("__") && e.toUpperCase() === e;
-}, y = (t) => typeof t == "function", E = (t) => t.reduce(
-  (n, e) => (f(e) || (typeof e.init == "object" && console.error(
-    `表单项${e.label}的初始值不能为对象 请设置为返回值的形式`
-  ), n[e.key] = y(e.init) ? e.init() : e.init), n),
-  {}
-), I = (t, n) => {
-  const e = m(t);
-  return n.reduce(
-    (s, r) => {
-      if (f(r)) return s;
-      if (r.parse) {
-        const o = r.parse(
-          t[r.key],
-          s,
-          e
+};
+const checkIsIgnore = (config) => {
+  const { ignore, key } = config;
+  return ignore || key.startsWith("__") && key.toUpperCase() === key;
+};
+const isFn = (init) => {
+  return typeof init === "function";
+};
+const generateFormData = (list) => {
+  return list.reduce(
+    (acc, cur) => {
+      if (checkIsIgnore(cur)) return acc;
+      if (typeof cur.init === "object") {
+        console.error(
+          `表单项${cur.label}的初始值不能为对象 请设置为返回值的形式`
         );
-        o !== void 0 && (s[r.key] = o);
-      } else
-        s[r.key] = t[r.key];
-      return s;
+      }
+      acc[cur.key] = isFn(cur.init) ? cur.init() : cur.init;
+      return acc;
     },
     {}
   );
-}, _ = (t, n) => {
-  const e = m(t);
-  return n.reduce(
-    (s, r) => {
-      if (f(r)) return s;
-      if (r.stringify) {
-        const o = r.stringify(
-          t[r.key],
-          s,
-          e
+};
+const parseFormData = (data, list) => {
+  const originData = _cloneDeep(data);
+  return list.reduce(
+    (acc, cur) => {
+      if (checkIsIgnore(cur)) return acc;
+      if (cur.parse) {
+        const res = cur.parse(
+          data[cur.key],
+          acc,
+          originData
         );
-        o !== void 0 && (s[r.key] = o);
-      } else
-        s[r.key] = t[r.key];
-      return s;
+        if (res !== void 0) {
+          acc[cur.key] = res;
+        }
+      } else {
+        acc[cur.key] = data[cur.key];
+      }
+      return acc;
     },
     {}
   );
-}, h = ({
-  modelValueKey: t = "modelValue",
-  config: n,
-  data: e,
-  updateData: s = (r) => {
-    e[n.key] = r;
+};
+const stringifyFormData = (data, list) => {
+  const originData = _cloneDeep(data);
+  return list.reduce(
+    (acc, cur) => {
+      if (checkIsIgnore(cur)) return acc;
+      if (cur.stringify) {
+        const res = cur.stringify(
+          data[cur.key],
+          acc,
+          originData
+        );
+        if (res !== void 0) {
+          acc[cur.key] = res;
+        }
+      } else {
+        acc[cur.key] = data[cur.key];
+      }
+      return acc;
+    },
+    {}
+  );
+};
+const getVModelSugar = ({
+  modelValueKey = "modelValue",
+  config,
+  data,
+  updateData = (val) => {
+    data[config.key] = val;
   }
-}) => ({
-  [t]: e[n.key],
-  [`onUpdate:${t}`]: (r) => {
-    s(r);
+}) => {
+  return {
+    [modelValueKey]: data[config.key],
+    [`onUpdate:${modelValueKey}`]: (val) => {
+      updateData(val);
+    }
+  };
+};
+const getPlaceholder = (config) => {
+  var _a, _b;
+  if ((_a = config.extra) == null ? void 0 : _a.isInput) {
+    return {
+      placeholder: `请输入${config.label}`
+    };
+  } else if ((_b = config.extra) == null ? void 0 : _b.isSelect) {
+    return {
+      placeholder: `请选择${config.label}`
+    };
+  } else {
+    return {};
   }
-}), k = (t) => {
-  var n, e;
-  return (n = t.extra) != null && n.isInput ? {
-    placeholder: `请输入${t.label}`
-  } : (e = t.extra) != null && e.isSelect ? {
-    placeholder: `请选择${t.label}`
-  } : {};
-}, C = (t, n) => {
-  const { extra: e } = t;
-  if (e != null && e.enterSubmit)
+};
+const getEnterSubmit = (config, handler) => {
+  const { extra } = config;
+  if (extra == null ? void 0 : extra.enterSubmit) {
     return {
-      onKeyup: (s) => {
-        var r, o;
-        s.key === "Enter" && (n(), (o = (r = s.target) == null ? void 0 : r.blur) == null || o.call(r));
+      onKeyup: (e) => {
+        var _a, _b;
+        if (e.key === "Enter") {
+          handler();
+          (_b = (_a = e.target) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+        }
       }
     };
-}, N = (t, n) => {
-  const { extra: e } = t;
-  if (e != null && e.isInput && ((e == null ? void 0 : e.blurSubmit) ?? !0))
+  }
+};
+const getBlurSubmit = (config, handler) => {
+  const { extra } = config;
+  if ((extra == null ? void 0 : extra.isInput) && ((extra == null ? void 0 : extra.blurSubmit) ?? true)) {
     return {
-      onBlur: n
+      onBlur: handler
     };
-}, w = (t, n) => {
-  const { extra: e } = t;
-  if (e != null && e.isSelect && ((e == null ? void 0 : e.changeSubmit) ?? !0))
+  }
+};
+const getChangeSubmit = (config, handler) => {
+  const { extra } = config;
+  if ((extra == null ? void 0 : extra.isSelect) && ((extra == null ? void 0 : extra.changeSubmit) ?? true)) {
     return {
-      onChange: n
+      onChange: handler
     };
-}, F = Symbol("FORM_ITEM_CHANGE_LOADING"), S = (t) => t.required === !0, a = [], g = [], v = (t) => {
-  a.push(...t);
-}, L = (t) => {
-  g.push(...t);
-}, M = (t) => {
-  const { label: n, type: e, ...s } = t;
-  let r;
-  if (e)
-    r = e;
-  else {
-    const { render: u } = t;
-    u && (a.includes(u) ? r = "input" : g.includes(u) && (r = "select"));
   }
-  let o;
-  r === "input" && (o = {
-    ...s.extra || {},
-    isInput: !0
-  }), r === "select" && (o = {
-    ...s.extra || {},
-    isSelect: !0
-  });
-  let i;
-  if (S(t)) {
-    i = [
+};
+const FORM_ITEM_CHANGE_LOADING = Symbol("FORM_ITEM_CHANGE_LOADING");
+const isFormItemConfigSwiftOptionsRequired = (options) => {
+  return options.required === true;
+};
+const INPUT_COMPONENT = [];
+const SELECT_COMPONENT = [];
+const setInputComponent = (components) => {
+  INPUT_COMPONENT.push(...components);
+};
+const setSelectComponent = (components) => {
+  SELECT_COMPONENT.push(...components);
+};
+const swiftFormItemConfig = (options) => {
+  const { label, type: typeInit, ...restOptions } = options;
+  let type;
+  if (!typeInit) {
+    const { render } = options;
+    if (render) {
+      if (INPUT_COMPONENT.includes(render)) {
+        type = "input";
+      } else if (SELECT_COMPONENT.includes(render)) {
+        type = "select";
+      }
+    }
+  } else {
+    type = typeInit;
+  }
+  let extra;
+  if (type === "input") {
+    extra = {
+      ...restOptions.extra || {},
+      isInput: true
+    };
+  }
+  if (type === "select") {
+    extra = {
+      ...restOptions.extra || {},
+      isSelect: true
+    };
+  }
+  let rules;
+  if (isFormItemConfigSwiftOptionsRequired(options)) {
+    rules = [
       {
-        required: !0,
+        required: true,
         message: `请${{
           input: "输入",
           select: "选择",
           unknown: "填写"
-        }[r ?? "unknown"]}${n}`,
+        }[type ?? "unknown"]}${label}`,
         trigger: "blur"
       }
     ];
-    const { required: u, ...c } = s;
+    const { required: _, ...restRequiredOptions } = restOptions;
     return {
-      label: n,
-      extra: o,
-      rules: i,
-      ...c
+      label,
+      extra,
+      rules,
+      ...restRequiredOptions
     };
-  } else
+  } else {
     return {
-      label: n,
-      extra: o,
-      ...s
+      label,
+      extra,
+      ...restOptions
     };
+  }
 };
 export {
-  F as FORM_ITEM_CHANGE_LOADING,
-  d as NEST_LAYOUT_TIERS,
-  p as ceilToTier,
-  E as generateFormData,
-  N as getBlurSubmit,
-  w as getChangeSubmit,
-  D as getDatePickerShortcuts,
-  C as getEnterSubmit,
-  k as getPlaceholder,
-  h as getVModelSugar,
-  I as parseFormData,
-  T as resolveFormLayout,
-  O as resolveLayoutSpan,
-  v as setInputComponent,
-  L as setSelectComponent,
-  _ as stringifyFormData,
-  M as swiftFormItemConfig
+  FORM_ITEM_CHANGE_LOADING,
+  NEST_LAYOUT_TIERS,
+  ceilToTier,
+  generateFormData,
+  getBlurSubmit,
+  getChangeSubmit,
+  getDatePickerShortcuts,
+  getEnterSubmit,
+  getPlaceholder,
+  getVModelSugar,
+  parseFormData,
+  resolveFormLayout,
+  resolveLayoutSpan,
+  setInputComponent,
+  setSelectComponent,
+  stringifyFormData,
+  swiftFormItemConfig
 };

package/es/components/list-page/ListPage.vue.mjs

@@ -1,7 +1,7 @@
-import o from "./ListPage.vue2.mjs";
+import _sfc_main from "./ListPage.vue2.mjs";
 /* empty css               */
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ae6f01e"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const ListPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ae6f01e"]]);
 export {
-  f as default
+  ListPage as default
 };