ling-yun-custom-components 0.0.76 → 0.0.78

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/es/TreeSelect.mjs DELETED
@@ -1,406 +0,0 @@
1
- import { w as ie } from "./chunks/index.bCzIhWFw.js";
2
- import { useAttrs as re, ref as x, computed as S, watch as O, nextTick as K, onMounted as de, createBlock as R, openBlock as N, unref as f, withCtx as b, createElementVNode as D, normalizeStyle as ce, createElementBlock as P, createCommentVNode as ue, createVNode as g, normalizeClass as he, mergeProps as fe, toDisplayString as $, withModifiers as pe, Fragment as me, h as H } from "vue";
3
- import { ElAutoResizer as ye, ElInput as ve, ElIcon as Q, ElTreeV2 as ge } from "element-plus";
4
- import { IconSearch as ke, IconDelete as Se, IconRighttop as Ne } from "color-message-lingyun-vue";
5
- import { IconEmpty as be } from "color-star-custom-components";
6
- import { _ as Ce } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
7
- import './assets/TreeSelect.css';function Le(o) {
8
- return {
9
- name: "element-tree-line",
10
- props: {
11
- node: {
12
- type: Object,
13
- required: !0
14
- },
15
- data: {
16
- type: Object
17
- },
18
- treeData: {
19
- type: Array
20
- },
21
- indent: {
22
- type: Number,
23
- default() {
24
- return 16;
25
- }
26
- },
27
- showLabelLine: {
28
- type: Boolean,
29
- default: !0
30
- }
31
- },
32
- render(r) {
33
- const d = o || r, s = this.getScopedSlot("default"), t = this.getScopedSlot("node-label"), c = this.getScopedSlot("after-node-label"), p = s ? this.getScopedSlotValue(s, {
34
- node: this.node,
35
- data: this.data
36
- }) : [
37
- t ? this.getScopedSlotValue(t, {
38
- node: this.node,
39
- data: this.data
40
- }) : d(
41
- "span",
42
- { class: "element-tree-node-label" },
43
- this.node.label
44
- ),
45
- this.showLabelLine ? d("span", {
46
- class: "element-tree-node-label-line"
47
- }) : null,
48
- this.getScopedSlotValue(c, {
49
- node: this.node,
50
- data: this.data
51
- })
52
- ], y = [];
53
- let u = this.node;
54
- for (; u; ) {
55
- let n = u.parent;
56
- if (u.level === 1 && !u.parent) {
57
- if (!this.treeData || !Array.isArray(this.treeData))
58
- throw Error(
59
- "if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data."
60
- );
61
- n = {
62
- children: Array.isArray(this.treeData) ? this.treeData.map((m) => ({ ...m, key: m.id })) : [],
63
- level: 0,
64
- key: "node-0",
65
- parent: null
66
- };
67
- }
68
- if (n) {
69
- const m = (n.children || n.childNodes).findIndex(
70
- (C) => (C.key || C.id) === (u.key || u.id)
71
- );
72
- y.unshift(
73
- m === (n.children || n.childNodes).length - 1
74
- );
75
- }
76
- u = n;
77
- }
78
- const V = [];
79
- for (let n = 0; n < this.node.level; n++)
80
- y[n] && this.node.level - 1 !== n || V.push(
81
- d("span", {
82
- class: {
83
- "element-tree-node-line-ver": !0,
84
- "last-node-isLeaf-line": y[n] && this.node.level - 1 === n
85
- },
86
- style: { left: this.indent * n + "px" }
87
- })
88
- );
89
- return d(
90
- "span",
91
- {
92
- class: "element-tree-node-label-wrapper"
93
- },
94
- [p].concat(V).concat([
95
- d("span", {
96
- class: "element-tree-node-line-hor",
97
- style: {
98
- width: (this.node.isLeaf ? 24 : 8) + "px",
99
- left: (this.node.level - 1) * this.indent + "px"
100
- }
101
- })
102
- ])
103
- );
104
- },
105
- methods: {
106
- getScopedSlot(r) {
107
- if (!r)
108
- return null;
109
- const d = r.split("||");
110
- let s = null;
111
- for (let t = 0; t < d.length; t++) {
112
- const c = d[t], p = (this.$slots || {})[c];
113
- if (p) {
114
- s = p;
115
- break;
116
- }
117
- if (s = (this.$scopedSlots || {})[c], s)
118
- break;
119
- }
120
- return s;
121
- },
122
- getScopedSlotValue(r, d, s = null) {
123
- return typeof r == "function" ? r(d) || s : r || s;
124
- }
125
- }
126
- };
127
- }
128
- function U(o) {
129
- const r = Le(o);
130
- return o && (r.methods.getScopedSlot = function(s) {
131
- if (!s)
132
- return null;
133
- const t = s.split("||");
134
- let c = null;
135
- for (let p = 0; p < t.length; p++) {
136
- const y = t[p], u = (this.$slots || {})[y];
137
- if (u) {
138
- c = u;
139
- break;
140
- }
141
- }
142
- return c;
143
- }), r;
144
- }
145
- U();
146
- const xe = {
147
- key: 0,
148
- class: "mg-b-16"
149
- }, Ve = {
150
- key: 0,
151
- class: "list-item flex justify-between pd-l-6 pd-r-6 radius-8 items-center w-full"
152
- }, Me = ["onClick"], De = { key: 1 }, Pe = /* @__PURE__ */ Object.assign({
153
- name: "TreeSelect"
154
- }, {
155
- __name: "layout",
156
- props: {
157
- // 初始值
158
- modelValue: {
159
- type: Object,
160
- default: () => []
161
- },
162
- // 树形节点对象结构
163
- treeProps: {
164
- type: Object,
165
- default: () => ({
166
- value: "id",
167
- label: "label",
168
- children: "children"
169
- })
170
- },
171
- // 接口配置
172
- apiConfig: {
173
- type: Function
174
- },
175
- // 请求参数
176
- reqParams: {
177
- type: Object,
178
- default: () => ({})
179
- },
180
- // 是否在组件挂载时自动加载数据
181
- autoLoad: {
182
- type: Boolean,
183
- default: !0
184
- },
185
- // 是否多选
186
- isMultiple: {
187
- type: Boolean,
188
- default: !0
189
- },
190
- // 是否有过滤
191
- hasFilter: {
192
- type: Boolean,
193
- default: !1
194
- },
195
- // 是否是列表模式
196
- isListMode: {
197
- type: Boolean,
198
- default: !1
199
- },
200
- treeList: {
201
- type: Array,
202
- default: () => []
203
- },
204
- // 是否有线条样式
205
- hasTreeLine: {
206
- type: Boolean,
207
- default: !0
208
- },
209
- // 选中的节点是否包含父节点
210
- includeParentSelected: {
211
- type: Boolean,
212
- default: !1
213
- }
214
- },
215
- emits: ["handleCheck", "handleDeleteNode", "initFinish"],
216
- setup(o, { expose: r, emit: d }) {
217
- const s = U(H), t = o, c = d, p = re(), y = () => H(Ne, {
218
- style: { color: "var(--text-color-2)", fontSize: "16px" }
219
- }), u = t.isMultiple ? 20 : 10, V = t.isMultiple ? 15 : 11, n = x([]), m = x(null), C = x(null), w = S(() => t.treeProps.value), I = S(() => t.treeProps.label), v = S(() => t.treeProps.children), T = x(!1), G = S(() => !t.isMultiple && T.value), J = S(() => typeof t.apiConfig == "function"), _ = (e) => String(e).includes("%") ? e : e + "px", W = () => {
220
- let e = m.value?.getCheckedNodes(), l = e.map((i) => i[w.value]), a = [];
221
- return e.length && !t.includeParentSelected && (e = e.filter((i) => !i[v.value]), l = e.map((i) => i[w.value])), t.includeParentSelected && (a = X(n.value, l)), {
222
- selectedNodeValues: l,
223
- // 选中节点的值的集合
224
- selectedNodes: e,
225
- // 选中节点的集合
226
- selectedParentNodes: a
227
- // 选中节点的所有父节点
228
- };
229
- };
230
- function X(e, l) {
231
- const a = /* @__PURE__ */ new Map();
232
- function i(h, k = []) {
233
- for (const L of h) {
234
- const ae = [...k, L];
235
- L.children && L.children.length > 0 ? i(L.children, ae) : l.includes(L.id) && k.forEach((B) => {
236
- a.has(B.id) || a.set(B.id, { ...B });
237
- });
238
- }
239
- }
240
- return i(e), Array.from(a.values());
241
- }
242
- const Y = (e) => {
243
- !t.isMultiple || t.isListMode || E();
244
- }, Z = (e, l) => {
245
- t.isMultiple || t.isListMode || (T.value = !0, C.value = l.key, c("handleCheck", {
246
- selectedValue: [C.value],
247
- // 选中节点的值
248
- selectedNode: [l.data]
249
- // // 选中节点
250
- }));
251
- }, z = x(""), ee = (e) => {
252
- m.value.filter(e);
253
- }, te = (e, l) => l[I.value].includes(e), le = (e) => {
254
- let l = 0;
255
- function a(i) {
256
- for (const h of i) {
257
- const k = h[v.value] && h[v.value].length > 0;
258
- t.includeParentSelected ? l++ : k || l++, k && a(h[v.value]);
259
- }
260
- }
261
- return a(e), l;
262
- }, ne = S(() => le(n.value));
263
- function E() {
264
- const { selectedNodeValues: e, selectedNodes: l, selectedParentNodes: a } = W();
265
- c("handleCheck", {
266
- selectedValue: e,
267
- // 选中节点的值的集合
268
- selectedNode: l,
269
- // 选中节点的集合
270
- selectedParentNodes: a
271
- });
272
- }
273
- const oe = (e, l) => {
274
- m.value?.setChecked(e, l), E();
275
- }, F = () => {
276
- p["default-checked-keys"] && K(() => {
277
- E();
278
- });
279
- }, se = (e) => {
280
- c("handleDeleteNode", e);
281
- }, M = (e) => e?.map((l) => ({
282
- ...l,
283
- [v.value]: l[v.value]?.length ? M(l[v.value]) : void 0
284
- })), j = async () => {
285
- J.value ? t.apiConfig(t.reqParams)?.then((e) => {
286
- n.value = M(e?.data || []), F(), A(t.modelValue), c("initFinish", n.value);
287
- }) : q();
288
- }, q = () => {
289
- t.isListMode ? n.value = M(t.treeList || []) : (n.value = M(t.treeList || []), n.value.length && (F(), A(t.modelValue)));
290
- }, A = (e) => {
291
- const l = e && e.length && e.map((a) => a[t.treeProps.value]);
292
- m.value?.setCheckedKeys(l);
293
- };
294
- return O(
295
- () => t.treeList,
296
- () => {
297
- q();
298
- },
299
- { deep: !0 }
300
- ), O(
301
- () => t.modelValue,
302
- (e) => {
303
- K(() => {
304
- A(e);
305
- });
306
- },
307
- { deep: !0 }
308
- ), de(() => {
309
- j();
310
- }), r({
311
- allNodeNumbers: ne,
312
- loadData: j,
313
- setNodeCheckStatus: oe
314
- }), (e, l) => (N(), R(f(ye), null, {
315
- default: b(({ width: a, height: i }) => [
316
- D("div", {
317
- style: ce({
318
- width: _(a),
319
- height: _(i)
320
- })
321
- }, [
322
- o.hasFilter ? (N(), P("div", xe, [
323
- g(f(ve), {
324
- modelValue: z.value,
325
- "onUpdate:modelValue": l[0] || (l[0] = (h) => z.value = h),
326
- placeholder: "请输入",
327
- onInput: ee
328
- }, {
329
- prefix: b(() => [
330
- g(f(Q), {
331
- size: 16,
332
- color: "var(--neutral-color-12)",
333
- class: "mg-r-4"
334
- }, {
335
- default: b(() => [
336
- g(f(ke))
337
- ]),
338
- _: 1
339
- })
340
- ]),
341
- _: 1
342
- }, 8, ["modelValue"])
343
- ])) : ue("", !0),
344
- D("div", {
345
- class: he(o.hasFilter ? "pd-l-8 pd-r-8" : "")
346
- }, [
347
- g(f(ge), fe({
348
- ref_key: "treeRef",
349
- ref: m,
350
- height: o.hasFilter ? i - 48 : i,
351
- data: n.value,
352
- props: o.treeProps,
353
- "node-key": w.value,
354
- "show-checkbox": o.isMultiple && !o.isListMode,
355
- "item-size": 34,
356
- indent: f(u),
357
- "highlight-current": G.value,
358
- icon: o.isListMode ? "" : y,
359
- "filter-method": te
360
- }, f(p), {
361
- onNodeClick: Z,
362
- onCheck: Y
363
- }), {
364
- default: b(({ node: h }) => [
365
- o.isListMode ? (N(), P("div", Ve, [
366
- D("span", null, $(h.data[I.value]), 1),
367
- D("div", {
368
- class: "flex items-center",
369
- onClick: pe((k) => se(h.data), ["stop"])
370
- }, [
371
- g(f(Q), {
372
- size: 14,
373
- color: "var(--neutral-color-5)"
374
- }, {
375
- default: b(() => [
376
- g(f(Se))
377
- ]),
378
- _: 1
379
- })
380
- ], 8, Me)
381
- ])) : (N(), P(me, { key: 1 }, [
382
- o.hasTreeLine ? (N(), R(f(s), {
383
- key: 0,
384
- node: h,
385
- treeData: n.value,
386
- showLabelLine: !1,
387
- indent: f(V)
388
- }, null, 8, ["node", "treeData", "indent"])) : (N(), P("span", De, $(h.data[I.value]), 1))
389
- ], 64))
390
- ]),
391
- empty: b(() => [
392
- g(f(be))
393
- ]),
394
- _: 1
395
- }, 16, ["height", "data", "props", "node-key", "show-checkbox", "indent", "highlight-current", "icon"])
396
- ], 2)
397
- ], 4)
398
- ]),
399
- _: 1
400
- }));
401
- }
402
- }), we = /* @__PURE__ */ Ce(Pe, [["__scopeId", "data-v-2357d4fe"]]), ze = ie(we);
403
- export {
404
- ze as TreeSelect,
405
- ze as default
406
- };
@@ -1,82 +0,0 @@
1
- import { w as g } from "./chunks/index.bCzIhWFw.js";
2
- import { useAttrs as w, ref as u, computed as y, watch as k, createBlock as P, openBlock as C, unref as s, withCtx as z, createElementVNode as o, normalizeStyle as T, toDisplayString as p, createVNode as m, mergeProps as D } from "vue";
3
- import { ElAutoResizer as L } from "element-plus";
4
- import { TreeSelect as f } from "./TreeSelect.mjs";
5
- import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
6
- import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent flex flex-col" }, A = { class: "head-box fz-14 pd-t-8 pd-b-8 pd-l-12 pd-r-12 mg-b-8 text-202434" }, B = { class: "pd-r-12 pd-l-12 flex-1" }, E = { class: "right-box w-50-percent flex flex-col" }, H = { class: "head-box fz-14 pd-t-8 pd-b-8 pd-l-12 pd-r-12 mg-b-8 text-202434" }, I = { class: "pd-r-12 pd-l-12 flex-1 selected-list overflow-y-auto pd-t-8" }, O = /* @__PURE__ */ Object.assign({
7
- name: "TreeShowSelect"
8
- }, {
9
- __name: "layout",
10
- props: {
11
- // 初始值
12
- modelValue: {
13
- type: Object,
14
- default: () => []
15
- }
16
- },
17
- emits: ["getCheckedNode"],
18
- setup(h, { emit: _ }) {
19
- const v = h, x = _, d = w(), r = u(), b = y(() => d.treeProps ? d.treeProps : { value: "id", label: "label", children: "children" }), i = (e) => String(e).includes("%") ? e : e + "px", t = u([]), N = (e) => {
20
- const { selectedNode: l, selectedValue: a, selectedParentNodes: c } = e;
21
- t.value = l, x("getCheckedNode", {
22
- selectedValue: a,
23
- // 选中节点的值的集合
24
- selectedNode: l,
25
- // // 选中节点的集合
26
- selectedParentNodes: c
27
- });
28
- }, S = (e) => {
29
- r.value?.setNodeCheckStatus(e[b.value.value], !1);
30
- }, V = (e) => {
31
- t.value = e || [];
32
- };
33
- return k(
34
- () => v.modelValue,
35
- (e) => {
36
- V(e);
37
- },
38
- { immediate: !0, deep: !0 }
39
- ), (e, l) => (C(), P(s(L), null, {
40
- default: z(({ width: a, height: c }) => [
41
- o("div", {
42
- class: "out-box flex radius-8 text-202434",
43
- style: T({
44
- width: i(a),
45
- height: i(c)
46
- })
47
- }, [
48
- o("div", j, [
49
- o("div", A, p(r.value && r.value.allNodeNumbers || 0) + "项 ", 1),
50
- o("div", B, [
51
- m(s(f), D({
52
- modelValue: t.value,
53
- "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n),
54
- ref_key: "treeRef",
55
- ref: r
56
- }, s(d), { onHandleCheck: N }), null, 16, ["modelValue"])
57
- ])
58
- ]),
59
- o("div", E, [
60
- o("div", H, p(t.value.length) + "项 ", 1),
61
- o("div", I, [
62
- m(s(f), {
63
- modelValue: t.value,
64
- "onUpdate:modelValue": l[1] || (l[1] = (n) => t.value = n),
65
- class: "tree-select-list",
66
- treeProps: s(d).treeProps,
67
- treeList: t.value,
68
- isListMode: !0,
69
- onHandleDeleteNode: S
70
- }, null, 8, ["modelValue", "treeProps", "treeList"])
71
- ])
72
- ])
73
- ], 4)
74
- ]),
75
- _: 1
76
- }));
77
- }
78
- }), U = /* @__PURE__ */ R(O, [["__scopeId", "data-v-506e7300"]]), J = g(U);
79
- export {
80
- J as TreeShowSelect,
81
- J as default
82
- };
@@ -1 +0,0 @@
1
- .el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}[data-v-2357d4fe] .el-tree-node__label{line-height:22px}[data-v-2357d4fe] .el-tree-node:focus>.el-tree-node__content{background-color:transparent}[data-v-2357d4fe] .el-tree-node__content{border-radius:8px}[data-v-2357d4fe] .el-tree-node__content:hover{background-color:var(--primary-color-5)}[data-v-2357d4fe] .element-tree-node-label{font-size:14px}.list-item[data-v-2357d4fe]{height:32px}.list-item[data-v-2357d4fe]:hover{background:var(--primary-color-5)}[data-v-2357d4fe] .element-tree-node-line-ver,[data-v-2357d4fe] .element-tree-node-line-hor{border-color:var(--neutral-color-19)}
@@ -1 +0,0 @@
1
- .w-50-percent[data-v-506e7300]{width:50%}.out-box[data-v-506e7300]{border:1px solid var(--parting-line)}.out-box .head-box[data-v-506e7300]{border-bottom:1px solid var(--parting-line)}.out-box .left-box[data-v-506e7300]{border-right:1px solid var(--parting-line)}.out-box .selected-list .selected-item[data-v-506e7300]{height:32px}.out-box .selected-list .selected-item[data-v-506e7300]:hover{background:var(--primary-color-5)}.out-box .virtual-scroller[data-v-506e7300]{height:100%}.tree-select-list[data-v-506e7300] .el-tree-node__content{margin-bottom:8px;padding:4px 0;height:32px;border-radius:8px}
@@ -1,99 +0,0 @@
1
- import { computed as l, createBlock as z, openBlock as f, unref as y, mergeProps as C } from "vue";
2
- import { ElPagination as P } from "element-plus";
3
- import { IconRight as S, IconLeft as h } from "color-message-lingyun-vue";
4
- import { emitsMap as t, paginationConfig as p, pageParams as c } from "color-star-custom-methods";
5
- const x = /* @__PURE__ */ Object.assign({
6
- name: "CustomPagination"
7
- }, {
8
- __name: "layout",
9
- props: {
10
- // 当前页码
11
- currentPage: {
12
- type: Number,
13
- default: c.pageNum
14
- },
15
- // 每页显示条目个数
16
- pageSize: {
17
- type: Number,
18
- default: c.pageSize
19
- },
20
- // 每页显示个数选择器的选项设置
21
- pageSizes: {
22
- type: Array,
23
- default: () => p.pageSizes
24
- },
25
- // 是否为分页按钮添加背景色
26
- background: {
27
- type: Boolean,
28
- default: !0
29
- },
30
- // 分页组件的布局,子组件名用逗号分隔
31
- layout: {
32
- type: String,
33
- default: p.layout
34
- },
35
- // 上一页的图标
36
- prevIcon: {
37
- type: Object,
38
- default: h
39
- },
40
- // 下一页的图标
41
- nextIcon: {
42
- type: Object,
43
- default: S
44
- },
45
- // 只有一页时是否隐藏
46
- hideOnSinglePage: {
47
- type: Boolean,
48
- default: !0
49
- },
50
- // 总数
51
- total: {
52
- type: Number,
53
- default: 0
54
- }
55
- },
56
- emits: [
57
- t.sizeChange,
58
- t.currentChange,
59
- t.updateCurrentPage,
60
- t.updatePageSize
61
- ],
62
- setup(a, { emit: d }) {
63
- alert(1);
64
- const n = d, g = a, u = l({
65
- get: () => g.currentPage,
66
- set: (e) => {
67
- n(t.updateCurrentPage, e);
68
- }
69
- }), i = l({
70
- get: () => g.pageSize,
71
- set: (e) => {
72
- n(t.updatePageSize, e);
73
- }
74
- }), s = (e) => {
75
- n(t.sizeChange, e), n(t.updatePageSize, e);
76
- }, m = (e) => {
77
- n(t.currentChange, e), n(t.updateCurrentPage, e);
78
- };
79
- return (e, o) => (f(), z(y(P), C({
80
- "current-page": u.value,
81
- "onUpdate:currentPage": o[0] || (o[0] = (r) => u.value = r),
82
- "page-size": i.value,
83
- "onUpdate:pageSize": o[1] || (o[1] = (r) => i.value = r),
84
- "page-sizes": a.pageSizes,
85
- background: a.background,
86
- layout: a.layout,
87
- total: a.total,
88
- "prev-icon": a.prevIcon,
89
- "next-icon": a.nextIcon,
90
- "hide-on-single-page": a.hideOnSinglePage
91
- }, e.$attrs, {
92
- onSizeChange: s,
93
- onCurrentChange: m
94
- }), null, 16, ["current-page", "page-size", "page-sizes", "background", "layout", "total", "prev-icon", "next-icon", "hide-on-single-page"]));
95
- }
96
- });
97
- export {
98
- x as _
99
- };
package/lib/TreeSelect.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/TreeSelect.css');const X=require("./chunks/index.CkihWzK6.js"),e=require("vue"),N=require("element-plus"),B=require("color-message-lingyun-vue"),Y=require("color-star-custom-components"),Z=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js");function ee(s){return{name:"element-tree-line",props:{node:{type:Object,required:!0},data:{type:Object},treeData:{type:Array},indent:{type:Number,default(){return 16}},showLabelLine:{type:Boolean,default:!0}},render(d){const c=s||d,a=this.getScopedSlot("default"),l=this.getScopedSlot("node-label"),u=this.getScopedSlot("after-node-label"),p=a?this.getScopedSlotValue(a,{node:this.node,data:this.data}):[l?this.getScopedSlotValue(l,{node:this.node,data:this.data}):c("span",{class:"element-tree-node-label"},this.node.label),this.showLabelLine?c("span",{class:"element-tree-node-label-line"}):null,this.getScopedSlotValue(u,{node:this.node,data:this.data})],y=[];let h=this.node;for(;h;){let o=h.parent;if(h.level===1&&!h.parent){if(!this.treeData||!Array.isArray(this.treeData))throw Error("if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data.");o={children:Array.isArray(this.treeData)?this.treeData.map(m=>({...m,key:m.id})):[],level:0,key:"node-0",parent:null}}if(o){const m=(o.children||o.childNodes).findIndex(k=>(k.key||k.id)===(h.key||h.id));y.unshift(m===(o.children||o.childNodes).length-1)}h=o}const C=[];for(let o=0;o<this.node.level;o++)y[o]&&this.node.level-1!==o||C.push(c("span",{class:{"element-tree-node-line-ver":!0,"last-node-isLeaf-line":y[o]&&this.node.level-1===o},style:{left:this.indent*o+"px"}}));return c("span",{class:"element-tree-node-label-wrapper"},[p].concat(C).concat([c("span",{class:"element-tree-node-line-hor",style:{width:(this.node.isLeaf?24:8)+"px",left:(this.node.level-1)*this.indent+"px"}})]))},methods:{getScopedSlot(d){if(!d)return null;const c=d.split("||");let a=null;for(let l=0;l<c.length;l++){const u=c[l],p=(this.$slots||{})[u];if(p){a=p;break}if(a=(this.$scopedSlots||{})[u],a)break}return a},getScopedSlotValue(d,c,a=null){return typeof d=="function"?d(c)||a:d||a}}}}function q(s){const d=ee(s);return s&&(d.methods.getScopedSlot=function(a){if(!a)return null;const l=a.split("||");let u=null;for(let p=0;p<l.length;p++){const y=l[p],h=(this.$slots||{})[y];if(h){u=h;break}}return u}),d}q();const te={key:0,class:"mg-b-16"},le={key:0,class:"list-item flex justify-between pd-l-6 pd-r-6 radius-8 items-center w-full"},ne=["onClick"],oe={key:1},se=Object.assign({name:"TreeSelect"},{__name:"layout",props:{modelValue:{type:Object,default:()=>[]},treeProps:{type:Object,default:()=>({value:"id",label:"label",children:"children"})},apiConfig:{type:Function},reqParams:{type:Object,default:()=>({})},autoLoad:{type:Boolean,default:!0},isMultiple:{type:Boolean,default:!0},hasFilter:{type:Boolean,default:!1},isListMode:{type:Boolean,default:!1},treeList:{type:Array,default:()=>[]},hasTreeLine:{type:Boolean,default:!0},includeParentSelected:{type:Boolean,default:!1}},emits:["handleCheck","handleDeleteNode","initFinish"],setup(s,{expose:d,emit:c}){const a=q(e.h),l=s,u=c,p=e.useAttrs(),y=()=>e.h(B.IconRighttop,{style:{color:"var(--text-color-2)",fontSize:"16px"}}),h=l.isMultiple?20:10,C=l.isMultiple?15:11,o=e.ref([]),m=e.ref(null),k=e.ref(null),V=e.computed(()=>l.treeProps.value),x=e.computed(()=>l.treeProps.label),v=e.computed(()=>l.treeProps.children),E=e.ref(!1),z=e.computed(()=>!l.isMultiple&&E.value),F=e.computed(()=>typeof l.apiConfig=="function"),P=t=>String(t).includes("%")?t:t+"px",j=()=>{let t=m.value?.getCheckedNodes(),n=t.map(i=>i[V.value]),r=[];return t.length&&!l.includeParentSelected&&(t=t.filter(i=>!i[v.value]),n=t.map(i=>i[V.value])),l.includeParentSelected&&(r=O(o.value,n)),{selectedNodeValues:n,selectedNodes:t,selectedParentNodes:r}};function O(t,n){const r=new Map;function i(f,g=[]){for(const S of f){const W=[...g,S];S.children&&S.children.length>0?i(S.children,W):n.includes(S.id)&&g.forEach(M=>{r.has(M.id)||r.set(M.id,{...M})})}}return i(t),Array.from(r.values())}const K=t=>{!l.isMultiple||l.isListMode||L()},R=(t,n)=>{l.isMultiple||l.isListMode||(E.value=!0,k.value=n.key,u("handleCheck",{selectedValue:[k.value],selectedNode:[n.data]}))},D=e.ref(""),$=t=>{m.value.filter(t)},H=(t,n)=>n[x.value].includes(t),Q=t=>{let n=0;function r(i){for(const f of i){const g=f[v.value]&&f[v.value].length>0;l.includeParentSelected?n++:g||n++,g&&r(f[v.value])}}return r(t),n},U=e.computed(()=>Q(o.value));function L(){const{selectedNodeValues:t,selectedNodes:n,selectedParentNodes:r}=j();u("handleCheck",{selectedValue:t,selectedNode:n,selectedParentNodes:r})}const G=(t,n)=>{m.value?.setChecked(t,n),L()},I=()=>{p["default-checked-keys"]&&e.nextTick(()=>{L()})},J=t=>{u("handleDeleteNode",t)},b=t=>t?.map(n=>({...n,[v.value]:n[v.value]?.length?b(n[v.value]):void 0})),T=async()=>{F.value?l.apiConfig(l.reqParams)?.then(t=>{o.value=b(t?.data||[]),I(),w(l.modelValue),u("initFinish",o.value)}):_()},_=()=>{l.isListMode?o.value=b(l.treeList||[]):(o.value=b(l.treeList||[]),o.value.length&&(I(),w(l.modelValue)))},w=t=>{const n=t&&t.length&&t.map(r=>r[l.treeProps.value]);m.value?.setCheckedKeys(n)};return e.watch(()=>l.treeList,()=>{_()},{deep:!0}),e.watch(()=>l.modelValue,t=>{e.nextTick(()=>{w(t)})},{deep:!0}),e.onMounted(()=>{T()}),d({allNodeNumbers:U,loadData:T,setNodeCheckStatus:G}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(N.ElAutoResizer),null,{default:e.withCtx(({width:r,height:i})=>[e.createElementVNode("div",{style:e.normalizeStyle({width:P(r),height:P(i)})},[s.hasFilter?(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(N.ElInput),{modelValue:D.value,"onUpdate:modelValue":n[0]||(n[0]=f=>D.value=f),placeholder:"请输入",onInput:$},{prefix:e.withCtx(()=>[e.createVNode(e.unref(N.ElIcon),{size:16,color:"var(--neutral-color-12)",class:"mg-r-4"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.IconSearch))]),_:1})]),_:1},8,["modelValue"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(s.hasFilter?"pd-l-8 pd-r-8":"")},[e.createVNode(e.unref(N.ElTreeV2),e.mergeProps({ref_key:"treeRef",ref:m,height:s.hasFilter?i-48:i,data:o.value,props:s.treeProps,"node-key":V.value,"show-checkbox":s.isMultiple&&!s.isListMode,"item-size":34,indent:e.unref(h),"highlight-current":z.value,icon:s.isListMode?"":y,"filter-method":H},e.unref(p),{onNodeClick:R,onCheck:K}),{default:e.withCtx(({node:f})=>[s.isListMode?(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("span",null,e.toDisplayString(f.data[x.value]),1),e.createElementVNode("div",{class:"flex items-center",onClick:e.withModifiers(g=>J(f.data),["stop"])},[e.createVNode(e.unref(N.ElIcon),{size:14,color:"var(--neutral-color-5)"},{default:e.withCtx(()=>[e.createVNode(e.unref(B.IconDelete))]),_:1})],8,ne)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.hasTreeLine?(e.openBlock(),e.createBlock(e.unref(a),{key:0,node:f,treeData:o.value,showLabelLine:!1,indent:e.unref(C)},null,8,["node","treeData","indent"])):(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(f.data[x.value]),1))],64))]),empty:e.withCtx(()=>[e.createVNode(e.unref(Y.IconEmpty))]),_:1},16,["height","data","props","node-key","show-checkbox","indent","highlight-current","icon"])],2)],4)]),_:1}))}}),ae=Z._export_sfc(se,[["__scopeId","data-v-2357d4fe"]]),A=X.withInstall(ae);exports.TreeSelect=A;exports.default=A;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/TreeShowSelect.css');const V=require("./chunks/index.CkihWzK6.js"),e=require("vue"),S=require("element-plus"),u=require("./TreeSelect.js"),b=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),g={class:"left-box w-50-percent flex flex-col"},y={class:"head-box fz-14 pd-t-8 pd-b-8 pd-l-12 pd-r-12 mg-b-8 text-202434"},w={class:"pd-r-12 pd-l-12 flex-1"},P={class:"right-box w-50-percent flex flex-col"},k={class:"head-box fz-14 pd-t-8 pd-b-8 pd-l-12 pd-r-12 mg-b-8 text-202434"},T={class:"pd-r-12 pd-l-12 flex-1 selected-list overflow-y-auto pd-t-8"},E=Object.assign({name:"TreeShowSelect"},{__name:"layout",props:{modelValue:{type:Object,default:()=>[]}},emits:["getCheckedNode"],setup(p,{emit:m}){const f=p,h=m,s=e.useAttrs(),r=e.ref(),_=e.computed(()=>s.treeProps?s.treeProps:{value:"id",label:"label",children:"children"}),n=t=>String(t).includes("%")?t:t+"px",l=e.ref([]),v=t=>{const{selectedNode:o,selectedValue:d,selectedParentNodes:a}=t;l.value=o,h("getCheckedNode",{selectedValue:d,selectedNode:o,selectedParentNodes:a})},x=t=>{r.value?.setNodeCheckStatus(t[_.value.value],!1)},N=t=>{l.value=t||[]};return e.watch(()=>f.modelValue,t=>{N(t)},{immediate:!0,deep:!0}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(S.ElAutoResizer),null,{default:e.withCtx(({width:d,height:a})=>[e.createElementVNode("div",{class:"out-box flex radius-8 text-202434",style:e.normalizeStyle({width:n(d),height:n(a)})},[e.createElementVNode("div",g,[e.createElementVNode("div",y,e.toDisplayString(r.value&&r.value.allNodeNumbers||0)+"项 ",1),e.createElementVNode("div",w,[e.createVNode(e.unref(u.TreeSelect),e.mergeProps({modelValue:l.value,"onUpdate:modelValue":o[0]||(o[0]=c=>l.value=c),ref_key:"treeRef",ref:r},e.unref(s),{onHandleCheck:v}),null,16,["modelValue"])])]),e.createElementVNode("div",P,[e.createElementVNode("div",k,e.toDisplayString(l.value.length)+"项 ",1),e.createElementVNode("div",T,[e.createVNode(e.unref(u.TreeSelect),{modelValue:l.value,"onUpdate:modelValue":o[1]||(o[1]=c=>l.value=c),class:"tree-select-list",treeProps:e.unref(s).treeProps,treeList:l.value,isListMode:!0,onHandleDeleteNode:x},null,8,["modelValue","treeProps","treeList"])])])],4)]),_:1}))}}),C=b._export_sfc(E,[["__scopeId","data-v-506e7300"]]),i=V.withInstall(C);exports.TreeShowSelect=i;exports.default=i;
@@ -1 +0,0 @@
1
- .el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}[data-v-2357d4fe] .el-tree-node__label{line-height:22px}[data-v-2357d4fe] .el-tree-node:focus>.el-tree-node__content{background-color:transparent}[data-v-2357d4fe] .el-tree-node__content{border-radius:8px}[data-v-2357d4fe] .el-tree-node__content:hover{background-color:var(--primary-color-5)}[data-v-2357d4fe] .element-tree-node-label{font-size:14px}.list-item[data-v-2357d4fe]{height:32px}.list-item[data-v-2357d4fe]:hover{background:var(--primary-color-5)}[data-v-2357d4fe] .element-tree-node-line-ver,[data-v-2357d4fe] .element-tree-node-line-hor{border-color:var(--neutral-color-19)}
@@ -1 +0,0 @@
1
- .w-50-percent[data-v-506e7300]{width:50%}.out-box[data-v-506e7300]{border:1px solid var(--parting-line)}.out-box .head-box[data-v-506e7300]{border-bottom:1px solid var(--parting-line)}.out-box .left-box[data-v-506e7300]{border-right:1px solid var(--parting-line)}.out-box .selected-list .selected-item[data-v-506e7300]{height:32px}.out-box .selected-list .selected-item[data-v-506e7300]:hover{background:var(--primary-color-5)}.out-box .virtual-scroller[data-v-506e7300]{height:100%}.tree-select-list[data-v-506e7300] .el-tree-node__content{margin-bottom:8px;padding:4px 0;height:32px;border-radius:8px}
@@ -1 +0,0 @@
1
- "use strict";const u=require("vue"),m=require("element-plus"),p=require("color-message-lingyun-vue"),e=require("color-star-custom-methods"),z=Object.assign({name:"CustomPagination"},{__name:"layout",props:{currentPage:{type:Number,default:e.pageParams.pageNum},pageSize:{type:Number,default:e.pageParams.pageSize},pageSizes:{type:Array,default:()=>e.paginationConfig.pageSizes},background:{type:Boolean,default:!0},layout:{type:String,default:e.paginationConfig.layout},prevIcon:{type:Object,default:p.IconLeft},nextIcon:{type:Object,default:p.IconRight},hideOnSinglePage:{type:Boolean,default:!0},total:{type:Number,default:0}},emits:[e.emitsMap.sizeChange,e.emitsMap.currentChange,e.emitsMap.updateCurrentPage,e.emitsMap.updatePageSize],setup(a,{emit:l}){alert(1);const n=l,g=a,r=u.computed({get:()=>g.currentPage,set:t=>{n(e.emitsMap.updateCurrentPage,t)}}),s=u.computed({get:()=>g.pageSize,set:t=>{n(e.emitsMap.updatePageSize,t)}}),c=t=>{n(e.emitsMap.sizeChange,t),n(e.emitsMap.updatePageSize,t)},d=t=>{n(e.emitsMap.currentChange,t),n(e.emitsMap.updateCurrentPage,t)};return(t,i)=>(u.openBlock(),u.createBlock(u.unref(m.ElPagination),u.mergeProps({"current-page":r.value,"onUpdate:currentPage":i[0]||(i[0]=o=>r.value=o),"page-size":s.value,"onUpdate:pageSize":i[1]||(i[1]=o=>s.value=o),"page-sizes":a.pageSizes,background:a.background,layout:a.layout,total:a.total,"prev-icon":a.prevIcon,"next-icon":a.nextIcon,"hide-on-single-page":a.hideOnSinglePage},t.$attrs,{onSizeChange:c,onCurrentChange:d}),null,16,["current-page","page-size","page-sizes","background","layout","total","prev-icon","next-icon","hide-on-single-page"]))}});exports._sfc_main=z;