zhihao-ui 1.3.63-alpha.1 → 1.3.63-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "zhihao-ui",
-    "version": "1.3.63-alpha.1",
+    "version": "1.3.63-alpha.2",
     "description": "components",
     "type": "module",
     "main": "./dist/umd/index.umd.cjs",

package/dist/es/DiyDataTable-t-l6lhgz.js

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