zhihao-ui 1.2.16 → 1.2.18

package/dist/es/{DiyDataTable-C0um1VNh.js → DiyDataTable-BzYgTozd.js}

@@ -1,9 +1,9 @@
-import { defineComponent as H, useModel as N, ref as w, openBlock as s, createBlock as g, unref as o, withCtx as p, createVNode as c, createElementBlock as f, Fragment as W, renderList as Z, normalizeClass as E, toDisplayString as m, renderSlot as D, createCommentVNode as x, createElementVNode as y, createTextVNode as V, mergeModels as z } from "vue";
-import { D as X } from "./DatePicker-vGQGWrmB.js";
-import { d as k, e as $, f as j, g as K, i as _, j as C, k as P, l as T, E as M } from "./vendor-AIl6iHcE.js";
+import { defineComponent as H, useModel as N, ref as b, openBlock as d, createBlock as g, unref as s, withCtx as p, createVNode as v, createElementBlock as f, Fragment as W, renderList as Z, normalizeClass as D, toDisplayString as m, renderSlot as C, createCommentVNode as k, createElementVNode as y, createTextVNode as V, mergeModels as z } from "vue";
+import { D as P } from "./DatePicker-vGQGWrmB.js";
+import { d as E, e as $, f as X, g as j, i as _, j as T, k as K, l as M, E as A } from "./vendor-AIl6iHcE.js";
 import { _ as G } from "./Button-OpzeoolK.js";
 import { w as J } from "./utils-CbI5IWJJ.js";
-var v = /* @__PURE__ */ ((u) => (u.AUTOCOMPLETE = "autocomplete", u.FORMAT = "format", u.TEXT = "text", u))(v || {});
+var c = /* @__PURE__ */ ((u) => (u.AUTOCOMPLETE = "autocomplete", u.FORMAT = "format", u.TEXT = "text", u))(c || {});
 const Q = { key: 0 }, Y = {
   key: 1,
   class: "col-edit-header"
@@ -21,25 +21,25 @@ const Q = { key: 0 }, Y = {
   }),
   emits: ["update:rawData"],
   setup(u, { expose: R }) {
-    const h = u, n = N(u, "rawData"), i = w([]), A = () => {
+    const h = u, n = N(u, "rawData"), o = b([]), U = () => {
       if (n.value.length === h.maxRowLength) {
-        k({
+        E({
           message: `最多添加${h.maxRowLength}行`,
           type: "warning"
         });
         return;
       }
       n.value.push({});
-    }, U = () => {
-      if (i.value.filter((e) => e.isAdd).length >= h.maxColLength) {
-        k({
+    }, F = () => {
+      if (o.value.filter((e) => e.isAdd).length >= h.maxColLength) {
+        E({
           message: `最多添加${h.maxColLength}列`,
           type: "warning"
         });
         return;
       }
       const l = String(Date.now());
-      i.value.push({
+      o.value.push({
         prop: l,
         label: "",
         isEditHeader: !0,
@@ -48,20 +48,20 @@ const Q = { key: 0 }, Y = {
         minWidth: 150,
         headerMaxlength: 15
       });
-    }, F = (t, l) => {
-      i.value.splice(t, 1), n.value.forEach((e) => {
+    }, S = (a, l) => {
+      o.value.splice(a, 1), n.value.forEach((e) => {
         delete e[l.prop];
       });
-    }, S = (t) => {
-      n.value.splice(t, 1);
-    }, O = (t, l, e) => {
+    }, I = (a) => {
+      n.value.splice(a, 1);
+    }, O = (a, l, e) => {
       l(
-        e.completeList.filter((r) => r.includes(t)).map((r) => ({ value: r }))
+        e.completeList.filter((r) => r.includes(a)).map((r) => ({ value: r }))
       );
-    }, q = (t) => [
+    }, q = (a) => [
       {
         validator: (l, e, r) => {
-          if (!i.value[t].label) {
+          if (!o.value[a].label) {
             r(new Error("请输入表头"));
             return;
           }
@@ -70,158 +70,169 @@ const Q = { key: 0 }, Y = {
         message: "请输入表头",
         trigger: ["blur", "change"]
       }
-    ], I = (t) => {
+    ], B = (a) => {
       const l = [];
-      return t.required && l.push({
+      return a.required && l.push({
         required: !0,
-        message: "请输入" + t.label,
-        trigger: t.slot ? void 0 : "blur"
-      }), t.varidate && l.push({
-        validator: (e, r, a) => {
-          const d = t.varidate(r);
-          d !== !0 ? a(new Error(d)) : a();
+        message: "请输入" + a.label,
+        trigger: a.slot ? void 0 : "blur"
+      }), a.varidate && l.push({
+        validator: (e, r, t) => {
+          const i = a.varidate(r);
+          i !== !0 ? t(new Error(i)) : t();
         },
-        trigger: t.slot ? void 0 : "blur"
+        trigger: a.slot ? void 0 : "blur"
       }), l;
-    }, b = w();
+    }, w = b();
     return R({
       /** 初始化数据 */
-      initData: (t, l) => {
-        console.log("initData", t, l), t = $(t) || [], t.length === 0 && t.push({}), l = [...l];
-        for (const e in t[0])
+      initData: (a, l) => {
+        console.log("initData", a, l), a = $(a) || [], a.length === 0 && a.push({}), l = [...l];
+        for (const e in a[0])
           if (!l.some(
             (r) => r.prop === e
           )) {
-            const r = Date.now() + e, a = e.split(L);
-            if (a.length !== 2) {
+            const r = Date.now() + e, t = e.split(L);
+            if (t.length !== 2) {
               console.log("keySplit 失败", e);
               continue;
             }
-            const d = Number(a[1]);
-            l[d] = {
+            const i = Number(t[1]);
+            l[i] = {
               prop: e,
               isEditHeader: !0,
-              label: a[0],
+              label: t[0],
               key: r,
               isAdd: !0,
               maxlength: 15,
               headerMaxlength: 15
             };
           }
-        n.value = t, i.value = l;
+        n.value = a, o.value = l;
       },
       /** 获取数据 */
       getData: async () => {
-        await b.value.validate();
-        for (const l in i.value) {
-          const e = i.value[l];
-          for (const r of i.value)
+        await w.value.validate();
+        for (const l in o.value) {
+          const e = o.value[l];
+          for (const r of o.value)
             if (e.prop !== r.prop && e.label === r.label) {
-              k({
+              E({
                 message: "所有列的表头不可重复",
                 type: "warning"
               });
               return;
             }
         }
-        const t = $(n.value);
-        for (const l in t) {
-          const e = t[l];
-          for (const r in i.value) {
-            const a = i.value[r];
-            if (a.isSameData && l !== "0" && (e[a.prop] = t[0][a.prop]), a.varidate && !a.varidate(e[a.prop]))
+        const a = $(n.value);
+        for (const l in a) {
+          const e = a[l];
+          for (const r in o.value) {
+            const t = o.value[r];
+            if (t.isSameData && l !== "0" && (e[t.prop] = a[0][t.prop]), t.varidate && !t.varidate(e[t.prop]))
               return;
-            if (a.isAdd) {
-              const d = a.label + L + r;
-              e[d] = e[a.prop], delete e[a.prop];
+            if (t.isAdd) {
+              const i = t.label + L + r;
+              e[i] = e[t.prop], delete e[t.prop];
             }
-            a.formatter && a.type === v.FORMAT && (e[a.prop] = a.formatter(e));
+            t.formatter && t.type === c.FORMAT && (e[t.prop] = t.formatter(e));
           }
         }
-        return console.log("DiyDataTable 获取数据", t, i.value), {
-          data: t,
-          columns: i.value
+        return console.log("DiyDataTable 获取数据", a, o.value), {
+          data: a,
+          columns: o.value
         };
       },
       /** 更新列配置数据 */
-      updateColumn: (t, l) => {
-        const e = i.value[t].prop;
-        if (i.value[t] = l, e !== l.prop)
+      updateColumn: (a, l) => {
+        const e = o.value[a].prop;
+        if (o.value[a] = l, e !== l.prop)
           for (const r of n.value)
             r[l.prop] = r[e], delete r[e];
+      },
+      /** 重置列配置数据 */
+      resetColumns: (a) => {
+        const e = o.value.filter((t) => !t.isAdd).reduce((t, i) => (a.some((x) => x.prop === i.prop) || t.push(i.prop), t), []);
+        n.value.forEach((t) => {
+          e.forEach((i) => {
+            delete t[i];
+          });
+        });
+        const r = a.filter((t) => t.isAdd);
+        o.value = [...a, ...r];
       }
-    }), (t, l) => (s(), g(o(j), {
+    }), (a, l) => (d(), g(s(X), {
       class: "diy-data-table",
       model: u.rawData,
       ref_key: "formRef",
-      ref: b
+      ref: w
     }, {
       default: p(() => [
-        c(o(K), { data: n.value }, {
+        v(s(j), { data: n.value }, {
           default: p(() => [
-            c(o(_), {
+            v(s(_), {
               type: "index",
               label: "序号",
               width: "132",
               fixed: "left"
             }),
-            (s(!0), f(W, null, Z(i.value, (e, r) => (s(), g(o(_), {
+            (d(!0), f(W, null, Z(o.value, (e, r) => (d(), g(s(_), {
               key: e.key || r,
               prop: e.prop,
               label: e.label,
               width: e.width,
-              "min-width": e.minWidth || t.defaultMinWidth,
+              "min-width": e.minWidth || a.defaultMinWidth,
               fixed: e.fixed
             }, {
               header: p(() => [
-                t.isEdit ? e.isEditHeader ? (s(), f("div", Y, [
-                  c(o(C), {
+                a.isEdit ? e.isEditHeader ? (d(), f("div", Y, [
+                  v(s(T), {
                     prop: `columns.${r}`,
                     rules: q(r)
                   }, {
                     default: p(() => [
-                      c(o(T), {
+                      v(s(M), {
                         modelValue: e.label,
-                        "onUpdate:modelValue": (a) => e.label = a,
+                        "onUpdate:modelValue": (t) => e.label = t,
                         maxlength: e.headerMaxlength || 20,
                         placeholder: "请输入表头"
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "maxlength"])
                     ]),
                     _: 2
                   }, 1032, ["prop", "rules"]),
-                  e.isAdd ? (s(), f("i", {
+                  e.isAdd ? (d(), f("i", {
                     key: 0,
                     class: "iconfont icon-close",
-                    onClick: (a) => F(r, e)
-                  }, null, 8, ee)) : x("", !0)
-                ])) : (s(), f("div", {
+                    onClick: (t) => S(r, e)
+                  }, null, 8, ee)) : k("", !0)
+                ])) : (d(), f("div", {
                   key: 2,
-                  class: E({ "is-required-label": e.required })
-                }, m(e.label), 3)) : (s(), f("div", Q, m(e.label), 1))
+                  class: D({ "is-required-label": e.required })
+                }, m(e.label), 3)) : (d(), f("div", Q, m(e.label), 1))
               ]),
-              default: p((a) => [
-                h.isEdit && (!e.isSameData || a.$index === 0) && e.type !== o(v).TEXT ? (s(), g(o(C), {
+              default: p((t) => [
+                h.isEdit && (!e.isSameData || t.$index === 0) && e.type !== s(c).TEXT ? (d(), g(s(T), {
                   key: 0,
-                  prop: `${a.$index}.${e.prop}`,
-                  rules: I(e),
-                  class: E(["col-edit-container", { "close-padding": e.isAdd }])
+                  prop: `${t.$index}.${e.prop}`,
+                  rules: B(e),
+                  class: D(["col-edit-container", { "close-padding": e.isAdd }])
                 }, {
                   default: p(() => [
-                    e.type === o(v).FORMAT && e.formatter ? (s(), f("div", te, m(e.formatter(a.row)), 1)) : e.type === o(v).AUTOCOMPLETE ? (s(), g(o(P), {
+                    e.type === s(c).FORMAT && e.formatter ? (d(), f("div", te, m(e.formatter(t.row)), 1)) : e.type === s(c).AUTOCOMPLETE ? (d(), g(s(K), {
                       key: 1,
-                      modelValue: a.row[e.prop],
-                      "onUpdate:modelValue": (d) => a.row[e.prop] = d,
+                      modelValue: t.row[e.prop],
+                      "onUpdate:modelValue": (i) => t.row[e.prop] = i,
                       placeholder: e.placeholder || "请输入",
-                      "fetch-suggestions": (d, B) => O(d, B, e),
+                      "fetch-suggestions": (i, x) => O(i, x, e),
                       maxlength: e.maxlength || 20
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "fetch-suggestions", "maxlength"])) : e.slot ? D(t.$slots, e.slot, {
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "fetch-suggestions", "maxlength"])) : e.slot ? C(a.$slots, e.slot, {
                       key: 2,
-                      row: a.row,
-                      $index: a.$index
-                    }, void 0, !0) : (s(), g(o(T), {
+                      row: t.row,
+                      $index: t.$index
+                    }, void 0, !0) : (d(), g(s(M), {
                       key: 3,
-                      modelValue: a.row[e.prop],
-                      "onUpdate:modelValue": (d) => a.row[e.prop] = d,
+                      modelValue: t.row[e.prop],
+                      "onUpdate:modelValue": (i) => t.row[e.prop] = i,
                       placeholder: e.placeholder || "请输入",
                       formatter: e.formatter,
                       parser: e.parser,
@@ -229,25 +240,25 @@ const Q = { key: 0 }, Y = {
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "formatter", "parser", "maxlength"]))
                   ]),
                   _: 2
-                }, 1032, ["prop", "rules", "class"])) : e.slot ? D(t.$slots, e.slot, {
+                }, 1032, ["prop", "rules", "class"])) : e.slot ? C(a.$slots, e.slot, {
                   key: 1,
-                  row: a.row,
-                  $index: a.$index
-                }, void 0, !0) : (s(), f("div", ae, m((e.isSameData ? n.value[0][e.prop] : a.row[e.prop]) || o(X)), 1))
+                  row: t.row,
+                  $index: t.$index
+                }, void 0, !0) : (d(), f("div", ae, m((e.isSameData ? n.value[0][e.prop] : t.row[e.prop]) || s(P)), 1))
               ]),
               _: 2
             }, 1032, ["prop", "label", "width", "min-width", "fixed"]))), 128)),
-            h.isEdit ? (s(), g(o(_), {
+            h.isEdit ? (d(), g(s(_), {
               key: 0,
               width: "150",
               fixed: "right"
             }, {
               header: p(() => [
                 y("div", le, [
-                  c(o(M), {
+                  v(s(A), {
                     type: "primary",
                     link: "",
-                    onClick: A
+                    onClick: U
                   }, {
                     default: p(() => l[0] || (l[0] = [
                       y("i", { class: "iconfont icon-Frame1" }, null, -1),
@@ -255,10 +266,10 @@ const Q = { key: 0 }, Y = {
                     ])),
                     _: 1
                   }),
-                  c(o(M), {
+                  v(s(A), {
                     type: "primary",
                     link: "",
-                    onClick: U
+                    onClick: F
                   }, {
                     default: p(() => l[1] || (l[1] = [
                       y("i", { class: "iconfont icon-Frame-11" }, null, -1),
@@ -270,15 +281,15 @@ const Q = { key: 0 }, Y = {
               ]),
               default: p(({ $index: e }) => [
                 y("div", re, [
-                  n.value.length > 1 ? (s(), f("i", {
+                  n.value.length > 1 ? (d(), f("i", {
                     key: 0,
                     class: "iconfont icon-close",
-                    onClick: (r) => S(e)
-                  }, null, 8, oe)) : x("", !0)
+                    onClick: (r) => I(e)
+                  }, null, 8, oe)) : k("", !0)
                 ])
               ]),
               _: 1
-            })) : x("", !0)
+            })) : k("", !0)
           ]),
           _: 3
         }, 8, ["data"])
@@ -286,8 +297,8 @@ const Q = { key: 0 }, Y = {
       _: 3
     }, 8, ["model"]));
   }
-}), se = /* @__PURE__ */ G(ie, [["__scopeId", "data-v-eecb97af"]]), he = J(se);
+}), se = /* @__PURE__ */ G(ie, [["__scopeId", "data-v-a77561c1"]]), he = J(se);
 export {
-  v as D,
+  c as D,
   he as Z
 };