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.
- package/dist/es/{DiyDataTable-Dg2-p40F.js → DiyDataTable-D9plKikG.js} +94 -90
- package/dist/es/Table-B9yUodsT.js +1121 -0
- package/dist/es/index.js +3 -3
- package/dist/index.css +1 -1
- package/dist/types/components/DiyDataTable/DiyDataTable.vue.d.ts +3 -0
- package/dist/types/components/DiyDataTable/index.d.ts +3 -0
- package/dist/types/components/Table/components/TableColumn.vue.d.ts +2 -0
- package/dist/types/components/Table/types.d.ts +2 -2
- package/dist/umd/index.css +1 -1
- package/dist/umd/index.umd.cjs +2 -2
- package/package.json +1 -1
- package/dist/es/Table-R_03lfSM.js +0 -1111
- package/dist/types/components/MessageBox/types.d.ts +0 -20
- /package/dist/types/components/Table/{index.vue.d.ts → Table.vue.d.ts} +0 -0
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
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
|
|
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
|
|
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 },
|
|
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:
|
|
23
|
-
const h = u, n =
|
|
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
|
-
},
|
|
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
|
|
40
|
+
const r = String(Date.now());
|
|
41
41
|
i.value.push({
|
|
42
|
-
prop:
|
|
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
|
-
},
|
|
49
|
+
}, F = (a, r) => {
|
|
50
50
|
i.value.splice(a, 1), n.value.forEach((e) => {
|
|
51
|
-
delete e[
|
|
51
|
+
delete e[r.prop];
|
|
52
52
|
});
|
|
53
|
-
},
|
|
53
|
+
}, S = (a) => {
|
|
54
54
|
n.value.splice(a, 1);
|
|
55
|
-
},
|
|
56
|
-
|
|
57
|
-
e.completeList.filter((
|
|
55
|
+
}, O = (a, r, e) => {
|
|
56
|
+
r(
|
|
57
|
+
e.completeList.filter((l) => l.includes(a)).map((l) => ({ value: l }))
|
|
58
58
|
);
|
|
59
|
-
},
|
|
59
|
+
}, q = (a) => [
|
|
60
60
|
{
|
|
61
|
-
validator: (
|
|
61
|
+
validator: (r, e, l) => {
|
|
62
62
|
if (!i.value[a].label) {
|
|
63
|
-
|
|
63
|
+
l(new Error("请输入表头"));
|
|
64
64
|
return;
|
|
65
65
|
}
|
|
66
|
-
|
|
66
|
+
l();
|
|
67
67
|
},
|
|
68
68
|
message: "请输入表头",
|
|
69
69
|
trigger: ["blur", "change"]
|
|
70
70
|
}
|
|
71
|
-
],
|
|
72
|
-
const
|
|
73
|
-
return a.required &&
|
|
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 &&
|
|
78
|
-
validator: (e,
|
|
79
|
-
const d = a.varidate(
|
|
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
|
-
}),
|
|
82
|
+
trigger: a.slot ? void 0 : "blur"
|
|
83
|
+
}), r;
|
|
84
84
|
}, E = b();
|
|
85
|
-
return
|
|
85
|
+
return R({
|
|
86
86
|
/** 初始化数据 */
|
|
87
|
-
initData: (a,
|
|
88
|
-
console.log("initData", a,
|
|
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 (!
|
|
91
|
-
(
|
|
90
|
+
if (!r.some(
|
|
91
|
+
(l) => l.prop === e
|
|
92
92
|
)) {
|
|
93
|
-
const
|
|
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
|
-
|
|
99
|
+
r[d] = {
|
|
100
100
|
prop: e,
|
|
101
101
|
isEditHeader: !0,
|
|
102
102
|
label: t[0],
|
|
103
|
-
key:
|
|
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 =
|
|
109
|
+
n.value = a, i.value = r;
|
|
110
110
|
},
|
|
111
111
|
/** 获取数据 */
|
|
112
112
|
getData: async () => {
|
|
113
113
|
await E.value.validate();
|
|
114
|
-
for (const
|
|
115
|
-
const e = i.value[
|
|
116
|
-
for (const
|
|
117
|
-
if (e.prop !==
|
|
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 =
|
|
126
|
-
for (const
|
|
127
|
-
const e = a[
|
|
128
|
-
for (const
|
|
129
|
-
const t = i.value[
|
|
130
|
-
if (t.isSameData &&
|
|
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 +
|
|
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 ===
|
|
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,
|
|
145
|
+
updateColumn: (a, r) => {
|
|
146
146
|
const e = i.value[a].prop;
|
|
147
|
-
if (i.value[a] =
|
|
148
|
-
for (const
|
|
149
|
-
r
|
|
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,
|
|
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
|
-
|
|
158
|
+
c(o(P), { data: n.value }, {
|
|
159
159
|
default: p(() => [
|
|
160
|
-
|
|
160
|
+
c(o(_), {
|
|
161
161
|
type: "index",
|
|
162
162
|
label: "序号",
|
|
163
163
|
width: "132",
|
|
164
164
|
fixed: "left"
|
|
165
165
|
}),
|
|
166
|
-
(s(!0), f(
|
|
167
|
-
key: e.key ||
|
|
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
|
-
|
|
176
|
-
prop: `columns.${
|
|
177
|
-
rules:
|
|
175
|
+
c(o(C), {
|
|
176
|
+
prop: `columns.${l}`,
|
|
177
|
+
rules: q(l)
|
|
178
178
|
}, {
|
|
179
179
|
default: p(() => [
|
|
180
|
-
|
|
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) =>
|
|
192
|
+
onClick: (t) => F(l, e)
|
|
193
193
|
}, null, 8, ee)) : x("", !0)
|
|
194
194
|
])) : (s(), f("div", {
|
|
195
195
|
key: 2,
|
|
196
|
-
class:
|
|
197
|
-
},
|
|
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.
|
|
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:
|
|
208
|
-
class:
|
|
203
|
+
rules: I(e),
|
|
204
|
+
class: w(["col-edit-container", { "close-padding": e.isAdd }])
|
|
209
205
|
}, {
|
|
210
206
|
default: p(() => [
|
|
211
|
-
e.type === o(
|
|
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,
|
|
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"])) : (
|
|
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"])) :
|
|
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(),
|
|
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",
|
|
240
|
-
|
|
243
|
+
y("div", re, [
|
|
244
|
+
c(o(L), {
|
|
241
245
|
type: "primary",
|
|
242
246
|
link: "",
|
|
243
|
-
onClick:
|
|
247
|
+
onClick: A
|
|
244
248
|
}, {
|
|
245
|
-
default: p(() =>
|
|
249
|
+
default: p(() => r[0] || (r[0] = [
|
|
246
250
|
y("i", { class: "iconfont icon-Frame1" }, null, -1),
|
|
247
|
-
|
|
251
|
+
V("增行")
|
|
248
252
|
])),
|
|
249
253
|
_: 1
|
|
250
254
|
}),
|
|
251
|
-
|
|
255
|
+
c(o(L), {
|
|
252
256
|
type: "primary",
|
|
253
257
|
link: "",
|
|
254
|
-
onClick:
|
|
258
|
+
onClick: U
|
|
255
259
|
}, {
|
|
256
|
-
default: p(() =>
|
|
260
|
+
default: p(() => r[1] || (r[1] = [
|
|
257
261
|
y("i", { class: "iconfont icon-Frame-11" }, null, -1),
|
|
258
|
-
|
|
262
|
+
V("增列")
|
|
259
263
|
])),
|
|
260
264
|
_: 1
|
|
261
265
|
})
|
|
262
266
|
])
|
|
263
267
|
]),
|
|
264
268
|
default: p(({ $index: e }) => [
|
|
265
|
-
y("div",
|
|
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: (
|
|
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-
|
|
286
|
+
}), se = /* @__PURE__ */ J(ie, [["__scopeId", "data-v-52c499c1"]]), he = Q(se);
|
|
283
287
|
export {
|
|
284
|
-
|
|
288
|
+
v as D,
|
|
285
289
|
he as Z
|
|
286
290
|
};
|