zhihao-ui 1.2.13 → 1.2.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,13 +1,13 @@
1
- import { defineComponent as B, useModel as H, ref as b, openBlock as s, createBlock as c, unref as o, withCtx as p, createVNode as g, createElementBlock as f, Fragment as N, renderList as Z, renderSlot as z, normalizeClass as D, toDisplayString as v, createCommentVNode as x, createElementVNode as y, createTextVNode as w, mergeModels as X } from "vue";
1
+ import { defineComponent as H, useModel as N, ref as b, openBlock as s, createBlock as g, unref as o, withCtx as p, createVNode as c, createElementBlock as f, Fragment as Z, renderList as z, normalizeClass as w, toDisplayString as m, renderSlot as D, createCommentVNode as x, createElementVNode as y, createTextVNode as V, mergeModels as X } from "vue";
2
2
  import { D as j } from "./DatePicker-Cc2HzfbO.js";
3
- import { d as k, e as V, f as K, g as P, i as _, j as C, k as G, l as T, E as $ } from "./vendor-CUDSGmu_.js";
3
+ import { d as k, e as $, f as K, g as P, i as _, j as C, k as G, l as T, E as L } from "./vendor-CUDSGmu_.js";
4
4
  import { _ as J } from "./Button-B9P_SsZw.js";
5
5
  import { w as Q } from "./utils-BbabHGt0.js";
6
- var m = /* @__PURE__ */ ((u) => (u.AUTOCOMPLETE = "autocomplete", u.FORMAT = "format", u.TEXT = "text", u))(m || {});
6
+ var v = /* @__PURE__ */ ((u) => (u.AUTOCOMPLETE = "autocomplete", u.FORMAT = "format", u.TEXT = "text", u))(v || {});
7
7
  const W = { key: 0 }, Y = {
8
8
  key: 1,
9
9
  class: "col-edit-header"
10
- }, ee = ["onClick"], te = { key: 0 }, ae = { key: 2 }, le = { class: "header-operation-container" }, re = { class: "operation-container" }, oe = ["onClick"], L = "$ZH_DIV$", ie = /* @__PURE__ */ B({
10
+ }, ee = ["onClick"], te = { key: 0 }, ae = { key: 2 }, re = { class: "header-operation-container" }, le = { class: "operation-container" }, oe = ["onClick"], M = "$ZH_DIV$", ie = /* @__PURE__ */ H({
11
11
  name: "zh-diy-data-table",
12
12
  __name: "DiyDataTable",
13
13
  props: /* @__PURE__ */ X({
@@ -19,8 +19,8 @@ const W = { key: 0 }, Y = {
19
19
  rawDataModifiers: {}
20
20
  }),
21
21
  emits: ["update:rawData"],
22
- setup(u, { expose: M }) {
23
- const h = u, n = H(u, "rawData"), i = b([]), R = () => {
22
+ setup(u, { expose: R }) {
23
+ const h = u, n = N(u, "rawData"), i = b([]), A = () => {
24
24
  if (n.value.length === h.maxRowLength) {
25
25
  k({
26
26
  message: `最多添加${h.maxRowLength}行`,
@@ -29,7 +29,7 @@ const W = { key: 0 }, Y = {
29
29
  return;
30
30
  }
31
31
  n.value.push({});
32
- }, A = () => {
32
+ }, U = () => {
33
33
  if (i.value.filter((e) => e.isAdd).length >= h.maxColLength) {
34
34
  k({
35
35
  message: `最多添加${h.maxColLength}列`,
@@ -37,84 +37,84 @@ const W = { key: 0 }, Y = {
37
37
  });
38
38
  return;
39
39
  }
40
- const l = String(Date.now());
40
+ const r = String(Date.now());
41
41
  i.value.push({
42
- prop: l,
42
+ prop: r,
43
43
  label: "",
44
44
  isEditHeader: !0,
45
45
  isAdd: !0,
46
46
  maxlength: 15,
47
47
  headerMaxlength: 15
48
48
  });
49
- }, U = (a, l) => {
49
+ }, F = (a, r) => {
50
50
  i.value.splice(a, 1), n.value.forEach((e) => {
51
- delete e[l.prop];
51
+ delete e[r.prop];
52
52
  });
53
- }, F = (a) => {
53
+ }, S = (a) => {
54
54
  n.value.splice(a, 1);
55
- }, S = (a, l, e) => {
56
- l(
57
- e.completeList.filter((r) => r.includes(a)).map((r) => ({ value: r }))
55
+ }, O = (a, r, e) => {
56
+ r(
57
+ e.completeList.filter((l) => l.includes(a)).map((l) => ({ value: l }))
58
58
  );
59
- }, O = (a) => [
59
+ }, q = (a) => [
60
60
  {
61
- validator: (l, e, r) => {
61
+ validator: (r, e, l) => {
62
62
  if (!i.value[a].label) {
63
- r(new Error("请输入表头"));
63
+ l(new Error("请输入表头"));
64
64
  return;
65
65
  }
66
- r();
66
+ l();
67
67
  },
68
68
  message: "请输入表头",
69
69
  trigger: ["blur", "change"]
70
70
  }
71
- ], q = (a) => {
72
- const l = [];
73
- return a.required && l.push({
71
+ ], I = (a) => {
72
+ const r = [];
73
+ return a.required && r.push({
74
74
  required: !0,
75
75
  message: "请输入" + a.label,
76
- trigger: "blur"
77
- }), a.varidate && l.push({
78
- validator: (e, r, t) => {
79
- const d = a.varidate(r);
76
+ trigger: a.slot ? void 0 : "blur"
77
+ }), a.varidate && r.push({
78
+ validator: (e, l, t) => {
79
+ const d = a.varidate(l);
80
80
  d !== !0 ? t(new Error(d)) : t();
81
81
  },
82
- trigger: "blur"
83
- }), l;
82
+ trigger: a.slot ? void 0 : "blur"
83
+ }), r;
84
84
  }, E = b();
85
- return M({
85
+ return R({
86
86
  /** 初始化数据 */
87
- initData: (a, l) => {
88
- console.log("initData", a, l), a = V(a) || [], a.length === 0 && a.push({}), l = [...l];
87
+ initData: (a, r) => {
88
+ console.log("initData", a, r), a = $(a) || [], a.length === 0 && a.push({}), r = [...r];
89
89
  for (const e in a[0])
90
- if (!l.some(
91
- (r) => r.prop === e
90
+ if (!r.some(
91
+ (l) => l.prop === e
92
92
  )) {
93
- const r = Date.now() + e, t = e.split(L);
93
+ const l = Date.now() + e, t = e.split(M);
94
94
  if (t.length !== 2) {
95
95
  console.log("keySplit 失败", e);
96
96
  continue;
97
97
  }
98
98
  const d = Number(t[1]);
99
- l[d] = {
99
+ r[d] = {
100
100
  prop: e,
101
101
  isEditHeader: !0,
102
102
  label: t[0],
103
- key: r,
103
+ key: l,
104
104
  isAdd: !0,
105
105
  maxlength: 15,
106
106
  headerMaxlength: 15
107
107
  };
108
108
  }
109
- n.value = a, i.value = l;
109
+ n.value = a, i.value = r;
110
110
  },
111
111
  /** 获取数据 */
112
112
  getData: async () => {
113
113
  await E.value.validate();
114
- for (const l in i.value) {
115
- const e = i.value[l];
116
- for (const r of i.value)
117
- if (e.prop !== r.prop && e.label === r.label) {
114
+ for (const r in i.value) {
115
+ const e = i.value[r];
116
+ for (const l of i.value)
117
+ if (e.prop !== l.prop && e.label === l.label) {
118
118
  k({
119
119
  message: "所有列的表头不可重复",
120
120
  type: "warning"
@@ -122,18 +122,18 @@ const W = { key: 0 }, Y = {
122
122
  return;
123
123
  }
124
124
  }
125
- const a = V(n.value);
126
- for (const l in a) {
127
- const e = a[l];
128
- for (const r in i.value) {
129
- const t = i.value[r];
130
- if (t.isSameData && l !== "0" && (e[t.prop] = a[0][t.prop]), t.varidate && !t.varidate(e[t.prop]))
125
+ const a = $(n.value);
126
+ for (const r in a) {
127
+ const e = a[r];
128
+ for (const l in i.value) {
129
+ const t = i.value[l];
130
+ if (t.isSameData && r !== "0" && (e[t.prop] = a[0][t.prop]), t.varidate && !t.varidate(e[t.prop]))
131
131
  return;
132
132
  if (t.isAdd) {
133
- const d = t.label + L + r;
133
+ const d = t.label + M + l;
134
134
  e[d] = e[t.prop], delete e[t.prop];
135
135
  }
136
- t.formatter && t.type === m.FORMAT && (e[t.prop] = t.formatter(e));
136
+ t.formatter && t.type === v.FORMAT && (e[t.prop] = t.formatter(e));
137
137
  }
138
138
  }
139
139
  return console.log("DiyDataTable 获取数据", a, i.value), {
@@ -142,29 +142,29 @@ const W = { key: 0 }, Y = {
142
142
  };
143
143
  },
144
144
  /** 更新列配置数据 */
145
- updateColumn: (a, l) => {
145
+ updateColumn: (a, r) => {
146
146
  const e = i.value[a].prop;
147
- if (i.value[a] = l, e !== l.prop)
148
- for (const r of n.value)
149
- r[l.prop] = r[e], delete r[e];
147
+ if (i.value[a] = r, e !== r.prop)
148
+ for (const l of n.value)
149
+ l[r.prop] = l[e], delete l[e];
150
150
  }
151
- }), (a, l) => (s(), c(o(K), {
151
+ }), (a, r) => (s(), g(o(K), {
152
152
  class: "diy-data-table",
153
153
  model: u.rawData,
154
154
  ref_key: "formRef",
155
155
  ref: E
156
156
  }, {
157
157
  default: p(() => [
158
- g(o(P), { data: n.value }, {
158
+ c(o(P), { data: n.value }, {
159
159
  default: p(() => [
160
- g(o(_), {
160
+ c(o(_), {
161
161
  type: "index",
162
162
  label: "序号",
163
163
  width: "132",
164
164
  fixed: "left"
165
165
  }),
166
- (s(!0), f(N, null, Z(i.value, (e, r) => (s(), c(o(_), {
167
- key: e.key || r,
166
+ (s(!0), f(Z, null, z(i.value, (e, l) => (s(), g(o(_), {
167
+ key: e.key || l,
168
168
  prop: e.prop,
169
169
  label: e.label,
170
170
  width: e.width,
@@ -172,12 +172,12 @@ const W = { key: 0 }, Y = {
172
172
  }, {
173
173
  header: p(() => [
174
174
  a.isEdit ? e.isEditHeader ? (s(), f("div", Y, [
175
- g(o(C), {
176
- prop: `columns.${r}`,
177
- rules: O(r)
175
+ c(o(C), {
176
+ prop: `columns.${l}`,
177
+ rules: q(l)
178
178
  }, {
179
179
  default: p(() => [
180
- g(o(T), {
180
+ c(o(T), {
181
181
  modelValue: e.label,
182
182
  "onUpdate:modelValue": (t) => e.label = t,
183
183
  maxlength: e.headerMaxlength || 20,
@@ -189,34 +189,34 @@ const W = { key: 0 }, Y = {
189
189
  e.isAdd ? (s(), f("i", {
190
190
  key: 0,
191
191
  class: "iconfont icon-close",
192
- onClick: (t) => U(r, e)
192
+ onClick: (t) => F(l, e)
193
193
  }, null, 8, ee)) : x("", !0)
194
194
  ])) : (s(), f("div", {
195
195
  key: 2,
196
- class: D({ "is-required-label": e.required })
197
- }, v(e.label), 3)) : (s(), f("div", W, v(e.label), 1))
196
+ class: w({ "is-required-label": e.required })
197
+ }, m(e.label), 3)) : (s(), f("div", W, m(e.label), 1))
198
198
  ]),
199
199
  default: p((t) => [
200
- e.slot ? z(a.$slots, e.slot, {
200
+ h.isEdit && (!e.isSameData || t.$index === 0) && e.type !== o(v).TEXT ? (s(), g(o(C), {
201
201
  key: 0,
202
- row: t.row,
203
- $index: t.$index
204
- }, void 0, !0) : h.isEdit && (!e.isSameData || t.$index === 0) && e.type !== o(m).TEXT ? (s(), c(o(C), {
205
- key: 1,
206
202
  prop: `${t.$index}.${e.prop}`,
207
- rules: q(e),
208
- class: D(["col-edit-container", { "close-padding": e.isAdd }])
203
+ rules: I(e),
204
+ class: w(["col-edit-container", { "close-padding": e.isAdd }])
209
205
  }, {
210
206
  default: p(() => [
211
- e.type === o(m).FORMAT && e.formatter ? (s(), f("div", te, v(e.formatter(t.row)), 1)) : e.type === o(m).AUTOCOMPLETE ? (s(), c(o(G), {
207
+ e.type === o(v).FORMAT && e.formatter ? (s(), f("div", te, m(e.formatter(t.row)), 1)) : e.type === o(v).AUTOCOMPLETE ? (s(), g(o(G), {
212
208
  key: 1,
213
209
  modelValue: t.row[e.prop],
214
210
  "onUpdate:modelValue": (d) => t.row[e.prop] = d,
215
211
  placeholder: e.placeholder || "请输入",
216
- "fetch-suggestions": (d, I) => S(d, I, e),
212
+ "fetch-suggestions": (d, B) => O(d, B, e),
217
213
  maxlength: e.maxlength || 20
218
- }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "fetch-suggestions", "maxlength"])) : (s(), c(o(T), {
214
+ }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "fetch-suggestions", "maxlength"])) : e.slot ? D(a.$slots, e.slot, {
219
215
  key: 2,
216
+ row: t.row,
217
+ $index: t.$index
218
+ }, void 0, !0) : (s(), g(o(T), {
219
+ key: 3,
220
220
  modelValue: t.row[e.prop],
221
221
  "onUpdate:modelValue": (d) => t.row[e.prop] = d,
222
222
  placeholder: e.placeholder || "请输入",
@@ -226,47 +226,51 @@ const W = { key: 0 }, Y = {
226
226
  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "formatter", "parser", "maxlength"]))
227
227
  ]),
228
228
  _: 2
229
- }, 1032, ["prop", "rules", "class"])) : (s(), f("div", ae, v((e.isSameData ? n.value[0][e.prop] : t.row[e.prop]) || o(j)), 1))
229
+ }, 1032, ["prop", "rules", "class"])) : e.slot ? D(a.$slots, e.slot, {
230
+ key: 1,
231
+ row: t.row,
232
+ $index: t.$index
233
+ }, void 0, !0) : (s(), f("div", ae, m((e.isSameData ? n.value[0][e.prop] : t.row[e.prop]) || o(j)), 1))
230
234
  ]),
231
235
  _: 2
232
236
  }, 1032, ["prop", "label", "width", "fixed"]))), 128)),
233
- h.isEdit ? (s(), c(o(_), {
237
+ h.isEdit ? (s(), g(o(_), {
234
238
  key: 0,
235
239
  width: "150",
236
240
  fixed: "right"
237
241
  }, {
238
242
  header: p(() => [
239
- y("div", le, [
240
- g(o($), {
243
+ y("div", re, [
244
+ c(o(L), {
241
245
  type: "primary",
242
246
  link: "",
243
- onClick: R
247
+ onClick: A
244
248
  }, {
245
- default: p(() => l[0] || (l[0] = [
249
+ default: p(() => r[0] || (r[0] = [
246
250
  y("i", { class: "iconfont icon-Frame1" }, null, -1),
247
- w("增行")
251
+ V("增行")
248
252
  ])),
249
253
  _: 1
250
254
  }),
251
- g(o($), {
255
+ c(o(L), {
252
256
  type: "primary",
253
257
  link: "",
254
- onClick: A
258
+ onClick: U
255
259
  }, {
256
- default: p(() => l[1] || (l[1] = [
260
+ default: p(() => r[1] || (r[1] = [
257
261
  y("i", { class: "iconfont icon-Frame-11" }, null, -1),
258
- w("增列")
262
+ V("增列")
259
263
  ])),
260
264
  _: 1
261
265
  })
262
266
  ])
263
267
  ]),
264
268
  default: p(({ $index: e }) => [
265
- y("div", re, [
269
+ y("div", le, [
266
270
  n.value.length > 1 ? (s(), f("i", {
267
271
  key: 0,
268
272
  class: "iconfont icon-close",
269
- onClick: (r) => F(e)
273
+ onClick: (l) => S(e)
270
274
  }, null, 8, oe)) : x("", !0)
271
275
  ])
272
276
  ]),
@@ -279,8 +283,8 @@ const W = { key: 0 }, Y = {
279
283
  _: 3
280
284
  }, 8, ["model"]));
281
285
  }
282
- }), se = /* @__PURE__ */ J(ie, [["__scopeId", "data-v-c02f9a0c"]]), he = Q(se);
286
+ }), se = /* @__PURE__ */ J(ie, [["__scopeId", "data-v-52c499c1"]]), he = Q(se);
283
287
  export {
284
- m as D,
288
+ v as D,
285
289
  he as Z
286
290
  };