zhihao-ui 1.3.47 → 1.3.50

package/dist/es/DiyDataTable-bO--1zPQ.js

@@ -1,366 +0,0 @@
-import { defineComponent as P, useModel as K, ref as E, computed as j, openBlock as s, createBlock as h, unref as u, withCtx as p, createVNode as R, mergeProps as G, createCommentVNode as x, createElementBlock as m, Fragment as A, renderList as J, normalizeClass as S, toDisplayString as C, renderSlot as T, createTextVNode as D, createElementVNode as b, mergeModels as Q } from "vue";
-import { D as F } from "./BaseItem-CEFYU-vZ.js";
-import { m as V, e as M, n as Y, o as ee, p as _, q as N, r as te, s as L, b as I } from "./vendor-9390iK3y.js";
-import { _ as ae } from "./Button-BdGo3Kfv.js";
-import { w as oe } from "./utils-UjENBVnX.js";
-var v = /* @__PURE__ */ ((f) => (f.AUTOCOMPLETE = "autocomplete", f.FORMAT = "format", f.TEXT = "text", f.INDEX = "index", f))(v || {});
-const le = { key: 0 }, re = {
-  key: 1,
-  class: "col-edit-header"
-}, de = ["onClick"], ie = { key: 0 }, se = { class: "header-operation-container" }, ne = { class: "operation-container" }, ue = ["onClick"], U = "$ZH_DIV$", pe = /* @__PURE__ */ P({
-  name: "zh-diy-data-table",
-  __name: "DiyDataTable",
-  props: /* @__PURE__ */ Q({
-    isEdit: { type: Boolean, default: !1 },
-    maxRowLength: { default: 50 },
-    maxColLength: { default: 10 },
-    defaultMinWidth: { default: 120 },
-    beforeAddRow: {},
-    addRowText: { default: "增行" },
-    addColumnText: { default: "增列" },
-    customAddRow: { type: Boolean, default: !0 },
-    customAddColumn: { type: Boolean, default: !0 },
-    operationOption: {},
-    canOnlyEditNewlyColumnHeader: { type: Boolean, default: !1 }
-  }, {
-    rawData: { required: !0 },
-    rawDataModifiers: {}
-  }),
-  emits: ["update:rawData"],
-  setup(f, { expose: H }) {
-    const d = f, n = K(f, "rawData"), i = E([]), c = E({
-      isShow: !0,
-      width: 150,
-      customAddRow: !0,
-      addRowText: "增行",
-      customAddColumn: !0,
-      addColumnText: "增列"
-    }), g = j(() => d.operationOption ? {
-      ...c.value,
-      ...d.operationOption || {}
-    } : {
-      ...c.value,
-      // 兼容之前单个配置项 
-      customAddRow: d.customAddRow !== void 0 ? d.customAddRow : c.value.customAddRow,
-      addRowText: d.addRowText !== void 0 ? d.addRowText : c.value.addRowText,
-      customAddColumn: d.customAddColumn !== void 0 ? d.customAddColumn : c.value.customAddColumn,
-      addColumnText: d.addColumnText !== void 0 ? d.addColumnText : c.value.addColumnText
-    }), O = () => {
-      if (n.value.length === d.maxRowLength) {
-        V({
-          message: `最多添加${d.maxRowLength}行`,
-          type: "warning"
-        });
-        return;
-      }
-      let t = {};
-      d.beforeAddRow && (t = d.beforeAddRow(n.value)), n.value.push(t);
-    }, $ = () => {
-      if (i.value.filter((e) => e.isAdd).length >= d.maxColLength) {
-        V({
-          message: `最多添加${d.maxColLength}列`,
-          type: "warning"
-        });
-        return;
-      }
-      const a = String(Date.now());
-      i.value.push({
-        prop: a,
-        label: "",
-        isEditHeader: !0,
-        isAdd: !0,
-        maxlength: 15,
-        minWidth: 150,
-        headerMaxlength: 15,
-        isNewlyColumn: !0
-      });
-    }, B = (t, a) => {
-      i.value.splice(t, 1), n.value.forEach((e) => {
-        delete e[a.prop];
-      });
-    }, q = (t) => {
-      t === 0 && i.value.forEach((a) => {
-        a.isSameData && (n.value[1][a.prop] = n.value[0][a.prop]);
-      }), n.value.splice(t, 1);
-    }, W = (t, a, e) => {
-      a(
-        e.completeList.filter((l) => l.includes(t)).map((l) => ({ value: l }))
-      );
-    }, X = (t) => [
-      {
-        validator: (a, e, l) => {
-          if (!i.value[t].label) {
-            l(new Error("请输入表头"));
-            return;
-          }
-          l();
-        },
-        message: "请输入表头",
-        trigger: ["blur", "change"]
-      }
-    ], Z = (t) => {
-      const a = [];
-      return t.required && a.push({
-        required: !0,
-        message: "请输入" + t.label,
-        trigger: t.slot ? void 0 : "blur"
-      }), t.varidate && a.push({
-        validator: (e, l, o) => {
-          const r = t.varidate(l);
-          r !== !0 ? o(new Error(r)) : o();
-        }
-        // trigger: column.slot ? undefined : "blur",
-      }), a;
-    }, z = (t, a) => {
-      let e = t;
-      return a.isSameData && (e = n.value[0] || F), a.formatter ? a.showFormatter ? a.type === v.FORMAT ? a.showFormatter(a.formatter(e)) : a.showFormatter(e[a.prop]) : a.formatter(e[a.prop]) : e[a.prop] || F;
-    }, k = E(), w = E({
-      width: 132,
-      type: v.INDEX,
-      prop: "index",
-      label: "序号",
-      fixed: "left",
-      isShow: !0
-      // 默认显示序号列
-    });
-    return H({
-      /** 初始化数据 */
-      initData: (t, a) => {
-        const e = (a || []).find((l) => l.type === v.INDEX) || null;
-        e && (w.value = { ...e, isShow: e.isShow !== !1 }), t = M(t) || [], t.length === 0 && t.push({}), a = [...a.filter((l) => l.type !== v.INDEX)], console.log("initData", t, a);
-        for (const l in t[0])
-          if (!a.some(
-            (o) => o.prop === l
-          )) {
-            const o = Date.now() + l, r = l.split(U);
-            if (r.length !== 2) {
-              console.log("keySplit 失败", l);
-              continue;
-            }
-            const y = Number(r[1]);
-            a[y] = {
-              prop: l,
-              isEditHeader: !0,
-              label: r[0],
-              key: o,
-              isAdd: !0,
-              maxlength: 15,
-              headerMaxlength: 15,
-              // 是否是本地新增的数据
-              isNewlyColumn: !1
-            };
-          }
-        n.value = t, i.value = a.filter((l) => l);
-      },
-      /** 获取数据 */
-      getData: async () => {
-        await k.value.validate();
-        for (const a in i.value) {
-          const e = i.value[a];
-          for (const l of i.value)
-            if (e.prop !== l.prop && e.label === l.label) {
-              V({
-                message: "所有列的表头不可重复",
-                type: "warning"
-              });
-              return;
-            }
-        }
-        const t = M(n.value);
-        for (const a in t) {
-          const e = t[a];
-          for (const l in i.value) {
-            const o = i.value[l];
-            if (o.isSameData && a !== "0" && (e[o.prop] = t[0][o.prop]), o.varidate && !o.varidate(e[o.prop]))
-              return;
-            if (o.isAdd) {
-              const r = e[o.prop];
-              delete e[o.prop];
-              const y = o.label + U + l;
-              e[y] = r;
-            }
-            o.formatter && o.type === v.FORMAT && (e[o.prop] = o.formatter(e));
-          }
-        }
-        return console.log("DiyDataTable 获取数据", t, i.value), {
-          data: t,
-          columns: i.value
-        };
-      },
-      /** 更新列配置数据 */
-      updateColumn: (t, a) => {
-        const e = i.value[t].prop;
-        if (i.value[t] = a, e !== a.prop)
-          for (const l of n.value)
-            l[a.prop] = l[e], delete l[e];
-      },
-      /** 重置默认列配置数据 */
-      resetColumns: (t) => {
-        const e = i.value.filter((o) => !o.isAdd).reduce((o, r) => (t.some((y) => y.prop === r.prop) || o.push(r.prop), o), []);
-        n.value.forEach((o) => {
-          e.forEach((r) => {
-            delete o[r];
-          });
-        });
-        const l = t.filter((o) => o.isAdd);
-        i.value = [...t, ...l];
-      },
-      onAddRow: O,
-      onAddColumn: $,
-      // 导出formRef
-      formRef: k
-    }), (t, a) => (s(), h(u(Y), {
-      class: "diy-data-table",
-      model: f.rawData,
-      ref_key: "formRef",
-      ref: k
-    }, {
-      default: p(() => [
-        R(u(ee), G({ data: n.value }, t.$attrs), {
-          default: p(() => [
-            w.value.isShow ? (s(), h(u(_), {
-              key: 0,
-              type: w.value.type,
-              label: w.value.label,
-              width: w.value.width,
-              minWidth: w.value.minWidth,
-              fixed: w.value.fixed
-            }, null, 8, ["type", "label", "width", "minWidth", "fixed"])) : x("", !0),
-            (s(!0), m(A, null, J(i.value, (e, l) => (s(), h(u(_), {
-              key: e.key || l,
-              prop: e.prop,
-              label: e.label,
-              width: e.width,
-              "min-width": e.minWidth || t.defaultMinWidth,
-              fixed: e.fixed
-            }, {
-              header: p(() => [
-                t.isEdit ? e.isEditHeader && t.canOnlyEditNewlyColumnHeader && e.isNewlyColumn || e.isEditHeader && !t.canOnlyEditNewlyColumnHeader ? (s(), m("div", re, [
-                  R(u(N), {
-                    prop: `columns.${l}`,
-                    rules: X(l)
-                  }, {
-                    default: p(() => [
-                      R(u(L), {
-                        modelValue: e.label,
-                        "onUpdate:modelValue": (o) => e.label = o,
-                        maxlength: e.headerMaxlength || 20,
-                        placeholder: "请输入表头"
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "maxlength"])
-                    ]),
-                    _: 2
-                  }, 1032, ["prop", "rules"]),
-                  e.isAdd ? (s(), m("i", {
-                    key: 0,
-                    class: "iconfont icon-close",
-                    onClick: (o) => B(l, e)
-                  }, null, 8, de)) : x("", !0)
-                ])) : (s(), m("div", {
-                  key: 2,
-                  class: S({ "is-required-label": e.required })
-                }, C(e.label), 3)) : (s(), m("div", le, C(e.label), 1))
-              ]),
-              default: p((o) => [
-                d.isEdit && (!e.isSameData || o.$index === 0) && e.type !== u(v).TEXT && !o.row.disabled ? (s(), h(u(N), {
-                  key: 0,
-                  prop: `${o.$index}.${e.prop}`,
-                  rules: Z(e),
-                  class: S(["col-edit-container", { "close-padding": e.isAdd }])
-                }, {
-                  default: p(() => [
-                    e.type === u(v).FORMAT && e.formatter ? (s(), m("div", ie, C(e.showFormatter ? e.showFormatter(
-                      e.formatter(o.row)
-                    ) : e.formatter(o.row)), 1)) : e.type === u(v).AUTOCOMPLETE ? (s(), h(u(te), {
-                      key: 1,
-                      modelValue: o.row[e.prop],
-                      "onUpdate:modelValue": (r) => o.row[e.prop] = r,
-                      placeholder: e.placeholder || "请输入",
-                      "fetch-suggestions": (r, y) => W(r, y, e),
-                      maxlength: e.maxlength || 20
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "fetch-suggestions", "maxlength"])) : e.slot ? T(t.$slots, e.slot, {
-                      key: 2,
-                      row: o.row,
-                      $index: o.$index
-                    }, void 0, !0) : (s(), h(u(L), {
-                      key: 3,
-                      modelValue: o.row[e.prop],
-                      "onUpdate:modelValue": (r) => o.row[e.prop] = r,
-                      placeholder: e.placeholder || "请输入",
-                      formatter: e.formatter,
-                      parser: e.parser,
-                      maxlength: e.maxlength || 20
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "formatter", "parser", "maxlength"]))
-                  ]),
-                  _: 2
-                }, 1032, ["prop", "rules", "class"])) : e.slot ? T(t.$slots, e.slot, {
-                  key: 1,
-                  row: o.row,
-                  $index: o.$index
-                }, void 0, !0) : (s(), m(A, { key: 2 }, [
-                  D(C(z(o.row, e)), 1)
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["prop", "label", "width", "min-width", "fixed"]))), 128)),
-            d.isEdit && g.value.isShow ? (s(), h(u(_), {
-              key: 1,
-              width: g.value.width,
-              fixed: "right"
-            }, {
-              header: p(() => [
-                b("div", se, [
-                  g.value.customAddRow ? (s(), h(u(I), {
-                    key: 0,
-                    type: "primary",
-                    link: "",
-                    onClick: O
-                  }, {
-                    default: p(() => [
-                      a[0] || (a[0] = b("i", { class: "iconfont icon-Frame1" }, null, -1)),
-                      D(C(g.value.addRowText), 1)
-                    ]),
-                    _: 1
-                  })) : x("", !0),
-                  g.value.customAddColumn ? (s(), h(u(I), {
-                    key: 1,
-                    type: "primary",
-                    link: "",
-                    onClick: $
-                  }, {
-                    default: p(() => [
-                      a[1] || (a[1] = b("i", { class: "iconfont icon-Frame-11" }, null, -1)),
-                      D(C(g.value.addColumnText), 1)
-                    ]),
-                    _: 1
-                  })) : x("", !0)
-                ])
-              ]),
-              default: p(({ $index: e, row: l }) => [
-                b("div", ne, [
-                  t.$slots.operation ? T(t.$slots, "operation", {
-                    key: 0,
-                    row: n.value[e],
-                    $index: e
-                  }, void 0, !0) : (s(), m(A, { key: 1 }, [
-                    n.value.length > 1 && !l.disabled ? (s(), m("i", {
-                      key: 0,
-                      class: "iconfont icon-close",
-                      onClick: (o) => q(e)
-                    }, null, 8, ue)) : x("", !0)
-                  ], 64))
-                ])
-              ]),
-              _: 3
-            }, 8, ["width"])) : x("", !0)
-          ]),
-          _: 3
-        }, 16, ["data"])
-      ]),
-      _: 3
-    }, 8, ["model"]));
-  }
-}), fe = /* @__PURE__ */ ae(pe, [["__scopeId", "data-v-5a4b704c"]]), ce = oe(fe);
-export {
-  v as D,
-  ce as Z
-};