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

package/package.json

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

package/dist/es/DiyDataTable-D1Z76Qqd.js

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