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

package/package.json

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

package/dist/es/DiyDataTable-BXFjTq4h.js

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