color-star-custom-components 0.0.7 → 0.0.9
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/IconRenderer.mjs +1 -1
- package/es/IconSelect.mjs +1 -1
- package/es/SearchBar.mjs +87 -80
- package/es/TreeSelect.mjs +1 -1
- package/es/TreeShowSelect.mjs +15 -15
- package/es/assets/SearchBar.css +1 -1
- package/es/assets/TreeShowSelect.css +1 -1
- package/es/assets/layout2.css +1 -1
- package/es/chunks/config.B0uhXFjw.js +24 -0
- package/es/chunks/config.CSPWFnU0.js +24 -0
- package/es/chunks/config.Dgyo8BgN.js +24 -0
- package/es/chunks/global.1glMEkh7.js +1919 -0
- package/es/chunks/global.BZukPf_s.js +1847 -0
- package/es/chunks/global.Bum9j34S.js +1835 -0
- package/es/chunks/layout.DQ1xjWEm.js +406 -0
- package/es/index.mjs +1 -1
- package/lib/IconRenderer.js +1 -1
- package/lib/IconSelect.js +1 -1
- package/lib/SearchBar.js +1 -1
- package/lib/TreeSelect.js +1 -1
- package/lib/TreeShowSelect.js +1 -1
- package/lib/assets/SearchBar.css +1 -1
- package/lib/assets/TreeShowSelect.css +1 -1
- package/lib/assets/layout2.css +1 -1
- package/lib/chunks/config.CnOM7Dd_.js +1 -0
- package/lib/chunks/config.Dn5w8OJ_.js +1 -0
- package/lib/chunks/config.tq2FAO4d.js +1 -0
- package/lib/chunks/global.B_ktxHi5.js +1 -0
- package/lib/chunks/global.CDZHnif0.js +1 -0
- package/lib/chunks/global.Dq6dqc5x.js +1 -0
- package/lib/chunks/layout.BhOA_UzD.js +1 -0
- package/lib/index.js +1 -1
- package/package.json +3 -3
package/es/IconRenderer.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { w as s } from "./chunks/index.bCzIhWFw.js";
|
|
2
2
|
import { shallowRef as u, ref as m, watch as f, onMounted as d, createBlock as l, createCommentVNode as p, openBlock as c, unref as y, mergeProps as v, withCtx as g, resolveDynamicComponent as b } from "vue";
|
|
3
3
|
import { ElIcon as N } from "element-plus";
|
|
4
|
-
import { i, g as h } from "./chunks/config.
|
|
4
|
+
import { i, g as h } from "./chunks/config.B0uhXFjw.js";
|
|
5
5
|
const w = /* @__PURE__ */ Object.assign({
|
|
6
6
|
name: "IconRenderer"
|
|
7
7
|
}, {
|
package/es/IconSelect.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { w as M } from "./chunks/index.bCzIhWFw.js";
|
|
|
2
2
|
import { ref as r, shallowRef as $, computed as F, watch as _, onMounted as P, createBlock as c, openBlock as l, unref as u, withCtx as i, createElementVNode as C, createVNode as I, createElementBlock as d, createSlots as R, resolveDynamicComponent as h, Fragment as V, renderList as U, normalizeClass as j, createCommentVNode as D, createTextVNode as T, markRaw as z } from "vue";
|
|
3
3
|
import { ElPopover as q, ElInput as G, ElIcon as w } from "element-plus";
|
|
4
4
|
import { _ as H } from "./chunks/layout.CJWd6Qr3.js";
|
|
5
|
-
import { i as N, g as J, a as K } from "./chunks/config.
|
|
5
|
+
import { i as N, g as J, a as K } from "./chunks/config.B0uhXFjw.js";
|
|
6
6
|
import { _ as Q } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
|
|
7
7
|
import './assets/IconSelect.css';const W = { class: "icon-select-content flex flex-col overflow-hidden" }, X = {
|
|
8
8
|
key: 0,
|
package/es/SearchBar.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { w as ke } from "./chunks/index.bCzIhWFw.js";
|
|
2
|
-
import { renderSlot as k, createElementBlock as $, openBlock as i, Fragment as
|
|
3
|
-
import { ElButton as
|
|
2
|
+
import { renderSlot as k, createElementBlock as $, openBlock as i, Fragment as F, renderList as E, createBlock as c, unref as t, withCtx as r, createTextVNode as V, toDisplayString as M, useCssVars as le, ref as p, computed as W, withModifiers as be, normalizeClass as N, mergeProps as g, createCommentVNode as O, withKeys as ge, onMounted as we, watch as Ve, createElementVNode as w, createVNode as m, createSlots as x, normalizeProps as H, guardReactiveProps as K, normalizeStyle as Ce } from "vue";
|
|
3
|
+
import { ElButton as T, ElForm as De, ElFormItem as oe, ElInput as Z, ElDatePicker as $e, ElInputNumber as Ee, ElSwitch as xe, ElRadioGroup as We, ElRadio as Fe, ElCheckboxGroup as Me, ElCheckbox as Be, ElAutoResizer as _, ElPopover as Ue, ElIcon as ee, ElDrawer as Ie } from "element-plus";
|
|
4
4
|
import { IconMagnify as Le, IconCheck as Pe, IconUp as Se, IconDown as Ne, IconShrink as Oe } from "color-message-lingyun-vue";
|
|
5
5
|
import { operationConfigMap as D, emitsMap as f, labelPositionMap as P, componentType as v, dateParamsMap as Te, dateFormat as ae } from "color-star-custom-methods";
|
|
6
6
|
import { _ as ze } from "./chunks/layout.CR6q_HFP.js";
|
|
@@ -16,7 +16,8 @@ import './assets/SearchBar.css';const je = [
|
|
|
16
16
|
{
|
|
17
17
|
type: "default",
|
|
18
18
|
label: "重置",
|
|
19
|
-
value: D.reset
|
|
19
|
+
value: D.reset,
|
|
20
|
+
plain: !0
|
|
20
21
|
}
|
|
21
22
|
], re = 320, q = {
|
|
22
23
|
__name: "OperationButtons",
|
|
@@ -27,24 +28,25 @@ import './assets/SearchBar.css';const je = [
|
|
|
27
28
|
}
|
|
28
29
|
},
|
|
29
30
|
emits: [f.operation],
|
|
30
|
-
setup(a, { emit:
|
|
31
|
-
const C =
|
|
31
|
+
setup(a, { emit: B }) {
|
|
32
|
+
const C = B, u = (h) => {
|
|
32
33
|
C(f.operation, h);
|
|
33
34
|
};
|
|
34
35
|
return (h, n) => h.$slots.operation ? k(h.$slots, "operation", {
|
|
35
36
|
key: 0,
|
|
36
37
|
operationList: a.operationList
|
|
37
|
-
}) : (i(!0), $(
|
|
38
|
+
}) : (i(!0), $(F, { key: 1 }, E(a.operationList, (y) => (i(), c(t(T), {
|
|
38
39
|
key: y.value,
|
|
39
40
|
type: y.type,
|
|
40
41
|
icon: y.icon,
|
|
41
|
-
|
|
42
|
+
plain: y.plain,
|
|
43
|
+
onClick: (e) => u(y.value)
|
|
42
44
|
}, {
|
|
43
45
|
default: r(() => [
|
|
44
|
-
V(
|
|
46
|
+
V(M(y.label), 1)
|
|
45
47
|
]),
|
|
46
48
|
_: 2
|
|
47
|
-
}, 1032, ["type", "icon", "onClick"]))), 128));
|
|
49
|
+
}, 1032, ["type", "icon", "plain", "onClick"]))), 128));
|
|
48
50
|
}
|
|
49
51
|
}, Ae = /* @__PURE__ */ Object.assign({
|
|
50
52
|
name: "FormWrapper"
|
|
@@ -107,31 +109,31 @@ import './assets/SearchBar.css';const je = [
|
|
|
107
109
|
}
|
|
108
110
|
},
|
|
109
111
|
emits: [f.change, f.enter],
|
|
110
|
-
setup(a, { expose:
|
|
112
|
+
setup(a, { expose: B }) {
|
|
111
113
|
le((n) => ({
|
|
112
|
-
|
|
114
|
+
v38755745: a.minWidth + "px"
|
|
113
115
|
}));
|
|
114
|
-
const C = a,
|
|
115
|
-
return
|
|
116
|
-
validate: (n) =>
|
|
116
|
+
const C = a, u = p(null), h = W(() => C.isFilter ? "filter-form" : C.isFilterPreview ? "filter-preview-form" : C.fixedWidth ? "search-bar-form search-bar-form-fixed" : "search-bar-form");
|
|
117
|
+
return B({
|
|
118
|
+
validate: (n) => u.value ? u.value.validate(n) : Promise.resolve(!0),
|
|
117
119
|
resetFields: () => {
|
|
118
|
-
|
|
120
|
+
u.value && u.value.resetFields();
|
|
119
121
|
},
|
|
120
122
|
clearValidate: (n) => {
|
|
121
|
-
|
|
123
|
+
u.value && u.value.clearValidate(n);
|
|
122
124
|
},
|
|
123
125
|
scrollToField: (n) => {
|
|
124
|
-
|
|
126
|
+
u.value && u.value.scrollToField(n);
|
|
125
127
|
}
|
|
126
128
|
}), (n, y) => (i(), c(t(De), {
|
|
127
129
|
ref_key: "formRef",
|
|
128
|
-
ref:
|
|
130
|
+
ref: u,
|
|
129
131
|
model: a.formData,
|
|
130
132
|
"label-width": a.labelWidth,
|
|
131
133
|
"label-position": a.labelPosition,
|
|
132
134
|
inline: a.inline,
|
|
133
135
|
rules: a.rules,
|
|
134
|
-
class:
|
|
136
|
+
class: N({
|
|
135
137
|
[h.value]: !0,
|
|
136
138
|
"items-end display-grid": !a.isFilterPreview
|
|
137
139
|
}),
|
|
@@ -139,7 +141,7 @@ import './assets/SearchBar.css';const je = [
|
|
|
139
141
|
}, ["prevent", "stop"]))
|
|
140
142
|
}, {
|
|
141
143
|
default: r(() => [
|
|
142
|
-
(i(!0), $(
|
|
144
|
+
(i(!0), $(F, null, E(a.items, (e) => (i(), c(t(oe), g({
|
|
143
145
|
key: e.key,
|
|
144
146
|
label: a.showLabel ? e.label : "",
|
|
145
147
|
prop: e.key,
|
|
@@ -197,41 +199,41 @@ import './assets/SearchBar.css';const je = [
|
|
|
197
199
|
"onUpdate:modelValue": (l) => a.formData[e.key] = l
|
|
198
200
|
}, { ref_for: !0 }, e, {
|
|
199
201
|
onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
|
|
200
|
-
}), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).radio ? (i(), c(t(
|
|
202
|
+
}), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).radio ? (i(), c(t(We), {
|
|
201
203
|
key: 5,
|
|
202
204
|
modelValue: a.formData[e.key],
|
|
203
205
|
"onUpdate:modelValue": (l) => a.formData[e.key] = l,
|
|
204
206
|
onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
|
|
205
207
|
}, {
|
|
206
208
|
default: r(() => [
|
|
207
|
-
(i(!0), $(
|
|
209
|
+
(i(!0), $(F, null, E(e.options, (l) => (i(), c(t(Fe), {
|
|
208
210
|
key: l.value,
|
|
209
211
|
label: l.value,
|
|
210
212
|
value: l.value,
|
|
211
213
|
disabled: l.disabled
|
|
212
214
|
}, {
|
|
213
215
|
default: r(() => [
|
|
214
|
-
V(
|
|
216
|
+
V(M(l.label), 1)
|
|
215
217
|
]),
|
|
216
218
|
_: 2
|
|
217
219
|
}, 1032, ["label", "value", "disabled"]))), 128))
|
|
218
220
|
]),
|
|
219
221
|
_: 2
|
|
220
|
-
}, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).checkbox ? (i(), c(t(
|
|
222
|
+
}, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).checkbox ? (i(), c(t(Me), {
|
|
221
223
|
key: 6,
|
|
222
224
|
modelValue: a.formData[e.key],
|
|
223
225
|
"onUpdate:modelValue": (l) => a.formData[e.key] = l,
|
|
224
226
|
onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
|
|
225
227
|
}, {
|
|
226
228
|
default: r(() => [
|
|
227
|
-
(i(!0), $(
|
|
229
|
+
(i(!0), $(F, null, E(e.options, (l) => (i(), c(t(Be), {
|
|
228
230
|
key: l.value,
|
|
229
231
|
label: l.value,
|
|
230
232
|
value: l.value,
|
|
231
233
|
disabled: l.disabled
|
|
232
234
|
}, {
|
|
233
235
|
default: r(() => [
|
|
234
|
-
V(
|
|
236
|
+
V(M(l.label), 1)
|
|
235
237
|
]),
|
|
236
238
|
_: 2
|
|
237
239
|
}, 1032, ["label", "value", "disabled"]))), 128))
|
|
@@ -249,7 +251,7 @@ import './assets/SearchBar.css';const je = [
|
|
|
249
251
|
key: 8,
|
|
250
252
|
modelValue: a.formData[e.key],
|
|
251
253
|
"onUpdate:modelValue": (l) => a.formData[e.key] = l
|
|
252
|
-
}, { ref_for: !0 }, e), null, 16, ["modelValue", "onUpdate:modelValue"])) :
|
|
254
|
+
}, { ref_for: !0 }, e), null, 16, ["modelValue", "onUpdate:modelValue"])) : O("", !0)
|
|
253
255
|
], !0)
|
|
254
256
|
]),
|
|
255
257
|
_: 2
|
|
@@ -259,7 +261,7 @@ import './assets/SearchBar.css';const je = [
|
|
|
259
261
|
_: 3
|
|
260
262
|
}, 8, ["model", "label-width", "label-position", "inline", "rules", "class"]));
|
|
261
263
|
}
|
|
262
|
-
}), G = /* @__PURE__ */ ne(Ae, [["__scopeId", "data-v-
|
|
264
|
+
}), G = /* @__PURE__ */ ne(Ae, [["__scopeId", "data-v-8adcd08b"]]), He = { class: "h-32 w-full" }, Ke = { class: "flex items-center justify-between pd-b-20" }, qe = { class: "text-right" }, Ge = { class: "drawer-header" }, Je = { class: "flex-1 pd-l-16 pd-r-16 overflow-y-auto" }, Qe = { class: "text-right border-top pd-t-16 pd-l-16 pd-r-16" }, Xe = /* @__PURE__ */ Object.assign({
|
|
263
265
|
name: "SearchBar"
|
|
264
266
|
}, {
|
|
265
267
|
__name: "layout",
|
|
@@ -321,35 +323,39 @@ import './assets/SearchBar.css';const je = [
|
|
|
321
323
|
}
|
|
322
324
|
},
|
|
323
325
|
emits: [f.updateModelValue, f.operation, f.change],
|
|
324
|
-
setup(a, { expose:
|
|
326
|
+
setup(a, { expose: B, emit: C }) {
|
|
325
327
|
le((o) => ({
|
|
326
|
-
|
|
327
|
-
|
|
328
|
+
c43334b4: a.maxHeight + "px",
|
|
329
|
+
v002cf482: S.value ? S.value + "px" : "100%"
|
|
328
330
|
}));
|
|
329
|
-
const
|
|
331
|
+
const u = a, h = C, n = p({}), y = p(!u.isExpand), e = p(null), l = p(!1), U = p(!1), z = p(!1), ie = W(() => {
|
|
330
332
|
const o = {};
|
|
331
|
-
return
|
|
332
|
-
if (
|
|
333
|
-
const s = [{ required: !0, message: `${
|
|
334
|
-
typeof
|
|
333
|
+
return u.items.forEach((d) => {
|
|
334
|
+
if (d.required) {
|
|
335
|
+
const s = [{ required: !0, message: `${d.label}不能为空`, trigger: "blur" }];
|
|
336
|
+
typeof d.validator == "function" && s.push({ validator: d.validator, trigger: "blur" }), o[d.key] = s;
|
|
335
337
|
}
|
|
336
338
|
}), o;
|
|
337
|
-
}),
|
|
339
|
+
}), R = W(() => u.items?.filter((o) => !o.hidden) || []), J = W(() => u.filterMode ? R.value?.slice(0, 2) || [] : R.value), I = W(() => u.filterMode ? R.value.slice(2) : []), Q = (o) => {
|
|
338
340
|
n.value = { ...o };
|
|
339
341
|
}, ue = () => {
|
|
340
342
|
h(f.updateModelValue, { ...n.value });
|
|
341
|
-
}, de = (o,
|
|
342
|
-
n.value[o] =
|
|
343
|
-
|
|
344
|
-
}, 200),
|
|
345
|
-
},
|
|
346
|
-
o && h(f.change, o,
|
|
347
|
-
}, se = () => n.value,
|
|
348
|
-
|
|
343
|
+
}, de = (o, d) => {
|
|
344
|
+
n.value[o] = d, z.value = !0, L(D.search), setTimeout(() => {
|
|
345
|
+
z.value = !1;
|
|
346
|
+
}, 200), j(o, d);
|
|
347
|
+
}, j = (o, d) => {
|
|
348
|
+
o && h(f.change, o, d);
|
|
349
|
+
}, se = () => n.value, A = (o, d) => {
|
|
350
|
+
z.value || h(f.operation, D.search, n.value);
|
|
349
351
|
}, L = (o) => {
|
|
350
352
|
ue(), h(f.operation, o, n.value), (o === D.search || o === D.reset) && (l.value = !1, U.value = !1);
|
|
351
|
-
}, fe = (o) => e.value.validate(o),
|
|
352
|
-
|
|
353
|
+
}, fe = (o) => e.value.validate(o), S = p(0), me = (o) => {
|
|
354
|
+
if (u.fixedWidth) {
|
|
355
|
+
S.value = 132;
|
|
356
|
+
return;
|
|
357
|
+
}
|
|
358
|
+
S.value = o + 32;
|
|
353
359
|
}, ce = () => {
|
|
354
360
|
y.value = !y.value;
|
|
355
361
|
}, ye = () => {
|
|
@@ -357,34 +363,34 @@ import './assets/SearchBar.css';const je = [
|
|
|
357
363
|
}, he = () => {
|
|
358
364
|
U.value = !1, l.value = !0;
|
|
359
365
|
}, X = p(!1), Y = (o) => {
|
|
360
|
-
X.value = o >
|
|
361
|
-
}, ve =
|
|
366
|
+
X.value = o > u.maxHeight;
|
|
367
|
+
}, ve = W(() => u.filterMode || y.value ? "10px" : "0");
|
|
362
368
|
return we(() => {
|
|
363
|
-
Q(
|
|
369
|
+
Q(u.modelValue), Y();
|
|
364
370
|
}), Ve(
|
|
365
|
-
() =>
|
|
371
|
+
() => u.modelValue,
|
|
366
372
|
(o) => {
|
|
367
373
|
Q(o);
|
|
368
374
|
},
|
|
369
375
|
{ immediate: !0, deep: !0 }
|
|
370
|
-
),
|
|
376
|
+
), B({
|
|
371
377
|
validate: fe,
|
|
372
378
|
getFormData: se,
|
|
373
379
|
// clearValidate,
|
|
374
380
|
// resetFields,
|
|
375
381
|
// scrollToField,
|
|
376
382
|
formRef: e
|
|
377
|
-
}), (o,
|
|
378
|
-
class:
|
|
383
|
+
}), (o, d) => (i(), $("div", {
|
|
384
|
+
class: N(["relative overflow-hidden w-full", { flex: a.filterMode }])
|
|
379
385
|
}, [
|
|
380
386
|
w("div", {
|
|
381
|
-
class:
|
|
387
|
+
class: N({
|
|
382
388
|
"is-collapsed overflow-hidden": !y.value
|
|
383
389
|
})
|
|
384
390
|
}, [
|
|
385
391
|
m(t(_), null, {
|
|
386
392
|
default: r(({ height: s }) => [
|
|
387
|
-
V(
|
|
393
|
+
V(M(Y(s)) + " ", 1),
|
|
388
394
|
m(G, {
|
|
389
395
|
ref_key: "formRef",
|
|
390
396
|
ref: e,
|
|
@@ -399,7 +405,7 @@ import './assets/SearchBar.css';const je = [
|
|
|
399
405
|
"is-filter-preview": a.filterMode,
|
|
400
406
|
fixedWidth: a.fixedWidth,
|
|
401
407
|
onChange: de,
|
|
402
|
-
onEnter:
|
|
408
|
+
onEnter: A
|
|
403
409
|
}, x({
|
|
404
410
|
default: r(() => [
|
|
405
411
|
a.isExpand && !a.filterMode ? (i(), c(t(oe), {
|
|
@@ -410,14 +416,14 @@ import './assets/SearchBar.css';const je = [
|
|
|
410
416
|
w("div", He, [
|
|
411
417
|
m(t(_), null, {
|
|
412
418
|
default: r(({ width: b }) => [
|
|
413
|
-
V(
|
|
419
|
+
V(M(me(b)), 1)
|
|
414
420
|
]),
|
|
415
421
|
_: 1
|
|
416
422
|
})
|
|
417
423
|
])
|
|
418
424
|
]),
|
|
419
425
|
_: 1
|
|
420
|
-
})) :
|
|
426
|
+
})) : O("", !0)
|
|
421
427
|
]),
|
|
422
428
|
_: 2
|
|
423
429
|
}, [
|
|
@@ -433,18 +439,19 @@ import './assets/SearchBar.css';const je = [
|
|
|
433
439
|
})
|
|
434
440
|
], 2),
|
|
435
441
|
w("div", {
|
|
436
|
-
class:
|
|
437
|
-
"absolute right-0
|
|
438
|
-
"text-left": a.filterMode
|
|
442
|
+
class: N(["operation-buttons", {
|
|
443
|
+
"absolute right-0 text-right": a.isExpand && !a.filterMode,
|
|
444
|
+
"text-left": a.filterMode,
|
|
445
|
+
"bg-fff": a.isExpand && !a.filterMode && !a.fixedWidth
|
|
439
446
|
}]),
|
|
440
447
|
style: Ce({ bottom: ve.value })
|
|
441
448
|
}, [
|
|
442
|
-
a.filterMode ? (i(), $(
|
|
443
|
-
m(t(
|
|
444
|
-
onClick:
|
|
449
|
+
a.filterMode ? (i(), $(F, { key: 0 }, [
|
|
450
|
+
m(t(T), {
|
|
451
|
+
onClick: d[0] || (d[0] = (s) => L(t(D).reset)),
|
|
445
452
|
type: "default"
|
|
446
453
|
}, {
|
|
447
|
-
default: r(() => [...
|
|
454
|
+
default: r(() => [...d[3] || (d[3] = [
|
|
448
455
|
V("重置", -1)
|
|
449
456
|
])]),
|
|
450
457
|
_: 1
|
|
@@ -457,12 +464,12 @@ import './assets/SearchBar.css';const je = [
|
|
|
457
464
|
trigger: "click"
|
|
458
465
|
}, {
|
|
459
466
|
reference: r(() => [
|
|
460
|
-
m(t(
|
|
461
|
-
onClick:
|
|
467
|
+
m(t(T), {
|
|
468
|
+
onClick: d[1] || (d[1] = (s) => l.value = !l.value),
|
|
462
469
|
icon: t(Pe),
|
|
463
470
|
type: "default"
|
|
464
471
|
}, {
|
|
465
|
-
default: r(() => [...
|
|
472
|
+
default: r(() => [...d[4] || (d[4] = [
|
|
466
473
|
V(" 筛选器 ", -1)
|
|
467
474
|
])]),
|
|
468
475
|
_: 1
|
|
@@ -494,8 +501,8 @@ import './assets/SearchBar.css';const je = [
|
|
|
494
501
|
"is-filter": !0,
|
|
495
502
|
"min-width": a.minWidth,
|
|
496
503
|
class: "filter-form-popover overflow-y-auto",
|
|
497
|
-
onChange:
|
|
498
|
-
onEnter:
|
|
504
|
+
onChange: j,
|
|
505
|
+
onEnter: A
|
|
499
506
|
}, x({ _: 2 }, [
|
|
500
507
|
E(I.value, (s) => ({
|
|
501
508
|
name: s.key,
|
|
@@ -520,19 +527,19 @@ import './assets/SearchBar.css';const je = [
|
|
|
520
527
|
])
|
|
521
528
|
]),
|
|
522
529
|
_: 3
|
|
523
|
-
}, 8, ["visible"])) :
|
|
524
|
-
], 64)) : (i(), $(
|
|
525
|
-
X.value && a.isExpand && a.hideExpandButton ? (i(), c(t(
|
|
530
|
+
}, 8, ["visible"])) : O("", !0)
|
|
531
|
+
], 64)) : (i(), $(F, { key: 1 }, [
|
|
532
|
+
X.value && a.isExpand && a.hideExpandButton ? (i(), c(t(T), {
|
|
526
533
|
key: 0,
|
|
527
534
|
icon: y.value ? t(Se) : t(Ne),
|
|
528
535
|
text: "",
|
|
529
536
|
onClick: ce
|
|
530
537
|
}, {
|
|
531
538
|
default: r(() => [
|
|
532
|
-
V(
|
|
539
|
+
V(M(y.value ? "收起" : "展开"), 1)
|
|
533
540
|
]),
|
|
534
541
|
_: 1
|
|
535
|
-
}, 8, ["icon"])) :
|
|
542
|
+
}, 8, ["icon"])) : O("", !0),
|
|
536
543
|
m(q, {
|
|
537
544
|
"operation-list": a.operationList,
|
|
538
545
|
onOperation: L
|
|
@@ -549,7 +556,7 @@ import './assets/SearchBar.css';const je = [
|
|
|
549
556
|
], 6),
|
|
550
557
|
m(t(Ie), {
|
|
551
558
|
modelValue: U.value,
|
|
552
|
-
"onUpdate:modelValue":
|
|
559
|
+
"onUpdate:modelValue": d[2] || (d[2] = (s) => U.value = s),
|
|
553
560
|
size: "628",
|
|
554
561
|
"show-close": !1
|
|
555
562
|
}, {
|
|
@@ -582,8 +589,8 @@ import './assets/SearchBar.css';const je = [
|
|
|
582
589
|
"show-label": !0,
|
|
583
590
|
"is-filter": !0,
|
|
584
591
|
"min-width": a.minWidth,
|
|
585
|
-
onChange:
|
|
586
|
-
onEnter:
|
|
592
|
+
onChange: j,
|
|
593
|
+
onEnter: A
|
|
587
594
|
}, x({ _: 2 }, [
|
|
588
595
|
E(I.value, (s) => ({
|
|
589
596
|
name: s.key,
|
|
@@ -612,7 +619,7 @@ import './assets/SearchBar.css';const je = [
|
|
|
612
619
|
}, 8, ["modelValue"])
|
|
613
620
|
], 2));
|
|
614
621
|
}
|
|
615
|
-
}), Ye = /* @__PURE__ */ ne(Xe, [["__scopeId", "data-v-
|
|
622
|
+
}), Ye = /* @__PURE__ */ ne(Xe, [["__scopeId", "data-v-3877c183"]]), ia = ke(Ye);
|
|
616
623
|
export {
|
|
617
624
|
ia as SearchBar,
|
|
618
625
|
ia as default
|
package/es/TreeSelect.mjs
CHANGED
package/es/TreeShowSelect.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { w as
|
|
2
|
-
import { useAttrs as
|
|
1
|
+
import { w as V } from "./chunks/index.bCzIhWFw.js";
|
|
2
|
+
import { useAttrs as g, ref as u, computed as k, watch as y, createBlock as P, openBlock as C, unref as n, withCtx as T, createElementVNode as o, normalizeStyle as z, toDisplayString as p, createVNode as m, mergeProps as D } from "vue";
|
|
3
3
|
import { ElAutoResizer as L } from "element-plus";
|
|
4
|
-
import { T as f } from "./chunks/layout.
|
|
4
|
+
import { T as f } from "./chunks/layout.DQ1xjWEm.js";
|
|
5
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-
|
|
6
|
+
import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent flex flex-col overflow-hidden" }, 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 overflow-hidden" }, E = { class: "right-box w-50-percent flex flex-col overflow-hidden" }, 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-hidden pd-t-8" }, O = /* @__PURE__ */ Object.assign({
|
|
7
7
|
name: "TreeShowSelect"
|
|
8
8
|
}, {
|
|
9
9
|
__name: "layout",
|
|
@@ -15,8 +15,8 @@ import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent f
|
|
|
15
15
|
}
|
|
16
16
|
},
|
|
17
17
|
emits: ["getCheckedNode"],
|
|
18
|
-
setup(h, { emit:
|
|
19
|
-
const
|
|
18
|
+
setup(h, { emit: v }) {
|
|
19
|
+
const _ = h, x = v, s = g(), d = u(), b = k(() => s.treeProps ? s.treeProps : { value: "id", label: "label", children: "children" }), i = (e) => String(e).includes("%") ? e : e + "px", t = u([]), w = (e) => {
|
|
20
20
|
const { selectedNode: l, selectedValue: r, selectedParentNodes: a } = e;
|
|
21
21
|
t.value = l, x("getCheckedNode", {
|
|
22
22
|
selectedValue: r,
|
|
@@ -25,21 +25,21 @@ import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent f
|
|
|
25
25
|
// // 选中节点的集合
|
|
26
26
|
selectedParentNodes: a
|
|
27
27
|
});
|
|
28
|
-
},
|
|
28
|
+
}, N = (e) => {
|
|
29
29
|
d.value?.setNodeCheckStatus(e[b.value.value], !1);
|
|
30
|
-
},
|
|
30
|
+
}, S = (e) => {
|
|
31
31
|
t.value = e || [];
|
|
32
32
|
};
|
|
33
|
-
return
|
|
34
|
-
() =>
|
|
33
|
+
return y(
|
|
34
|
+
() => _.modelValue,
|
|
35
35
|
(e) => {
|
|
36
|
-
|
|
36
|
+
S(e);
|
|
37
37
|
},
|
|
38
38
|
{ immediate: !0, deep: !0 }
|
|
39
39
|
), (e, l) => (C(), P(n(L), null, {
|
|
40
40
|
default: T(({ width: r, height: a }) => [
|
|
41
41
|
o("div", {
|
|
42
|
-
class: "out-box flex radius-8 text-202434",
|
|
42
|
+
class: "out-box flex radius-8 text-202434 overflow-hidden",
|
|
43
43
|
style: z({
|
|
44
44
|
width: i(r),
|
|
45
45
|
height: i(a)
|
|
@@ -53,7 +53,7 @@ import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent f
|
|
|
53
53
|
"onUpdate:modelValue": l[0] || (l[0] = (c) => t.value = c),
|
|
54
54
|
ref_key: "treeRef",
|
|
55
55
|
ref: d
|
|
56
|
-
}, n(s), { onHandleCheck:
|
|
56
|
+
}, n(s), { onHandleCheck: w }), null, 16, ["modelValue"])
|
|
57
57
|
])
|
|
58
58
|
]),
|
|
59
59
|
o("div", E, [
|
|
@@ -66,7 +66,7 @@ import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent f
|
|
|
66
66
|
treeProps: n(s).treeProps,
|
|
67
67
|
treeList: t.value,
|
|
68
68
|
isListMode: !0,
|
|
69
|
-
onHandleDeleteNode:
|
|
69
|
+
onHandleDeleteNode: N
|
|
70
70
|
}, null, 8, ["modelValue", "treeProps", "treeList"])
|
|
71
71
|
])
|
|
72
72
|
])
|
|
@@ -75,7 +75,7 @@ import './assets/TreeShowSelect.css';const j = { class: "left-box w-50-percent f
|
|
|
75
75
|
_: 1
|
|
76
76
|
}));
|
|
77
77
|
}
|
|
78
|
-
}), U = /* @__PURE__ */ R(O, [["__scopeId", "data-v-
|
|
78
|
+
}), U = /* @__PURE__ */ R(O, [["__scopeId", "data-v-95352dab"]]), J = V(U);
|
|
79
79
|
export {
|
|
80
80
|
J as TreeShowSelect,
|
|
81
81
|
J as default
|
package/es/assets/SearchBar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.filter-form[data-v-
|
|
1
|
+
.filter-form[data-v-8adcd08b]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-8adcd08b]{display:flex}.filter-preview-form .el-form-item[data-v-8adcd08b]{width:var(--v38755745);margin-right:10px}.search-bar-form[data-v-8adcd08b]{grid-template-columns:repeat(auto-fit,minmax(var(--v38755745),1fr));gap:10px}.search-bar-form.search-bar-form-fixed[data-v-8adcd08b]{grid-template-columns:repeat(auto-fit,var(--v38755745))}.search-bar-form.search-bar-form-fixed.el-form--inline .el-form-item[data-v-8adcd08b]{margin-bottom:18px}.search-bar-form.el-form--inline .el-form-item[data-v-8adcd08b]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-8adcd08b]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-8adcd08b] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-8adcd08b]{display:grid}.search-bar-item--wide[data-v-8adcd08b]{grid-column:span 2}.is-collapsed[data-v-3877c183]{max-height:var(--c43334b4)}.operation-buttons[data-v-3877c183]{width:var(--v002cf482);z-index:1}.h-32[data-v-3877c183]{height:32px}.drawer-header[data-v-3877c183]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-3877c183]{margin-left:auto}.border-top[data-v-3877c183]{border-top:1px solid var(--parting-line)}[data-v-3877c183] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-3877c183]{max-height:400px}[data-v-3877c183] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.w-50-percent[data-v-
|
|
1
|
+
.w-50-percent[data-v-95352dab]{width:50%}.out-box[data-v-95352dab]{border:1px solid var(--parting-line)}.out-box .head-box[data-v-95352dab]{border-bottom:1px solid var(--parting-line)}.out-box .left-box[data-v-95352dab]{border-right:1px solid var(--parting-line)}.out-box .selected-list .selected-item[data-v-95352dab]{height:32px}.out-box .selected-list .selected-item[data-v-95352dab]:hover{background:var(--primary-color-5)}.out-box .selected-list .virtual-scroller[data-v-95352dab]{height:100%}.tree-select-list[data-v-95352dab] .el-tree-node__content{margin-bottom:8px;padding:4px 0;height:32px;border-radius:8px}
|
package/es/assets/layout2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-
|
|
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-b82736b8] .el-tree-node__label{line-height:22px}[data-v-b82736b8] .el-tree-node:focus>.el-tree-node__content{background-color:transparent}[data-v-b82736b8] .el-tree-node__content{border-radius:8px}[data-v-b82736b8] .el-tree-node__content:hover{background-color:var(--primary-color-5)}[data-v-b82736b8] .element-tree-node-label{font-size:14px}.list-item[data-v-b82736b8]{height:32px}.list-item[data-v-b82736b8]:hover{background:var(--primary-color-5)}[data-v-b82736b8] .element-tree-node-line-ver,[data-v-b82736b8] .element-tree-node-line-hor{border-color:var(--neutral-color-19)}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
const a = {
|
|
2
|
+
lingyun: "lingyun",
|
|
3
|
+
aibox: "aibox"
|
|
4
|
+
}, o = async (n) => {
|
|
5
|
+
switch (n) {
|
|
6
|
+
case a.lingyun:
|
|
7
|
+
return await import("./global.CCbNdFdD.js");
|
|
8
|
+
case a.aibox:
|
|
9
|
+
return await import("./global.1glMEkh7.js");
|
|
10
|
+
}
|
|
11
|
+
return null;
|
|
12
|
+
}, i = async (n, r) => {
|
|
13
|
+
if (!r) return null;
|
|
14
|
+
try {
|
|
15
|
+
return (await o(n))[r] || null;
|
|
16
|
+
} catch (t) {
|
|
17
|
+
return console.warn(`Failed to load icon ${r} from ${n} library:`, t), null;
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
o as a,
|
|
22
|
+
i as g,
|
|
23
|
+
a as i
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
const a = {
|
|
2
|
+
lingyun: "lingyun",
|
|
3
|
+
aibox: "aibox"
|
|
4
|
+
}, o = async (n) => {
|
|
5
|
+
switch (n) {
|
|
6
|
+
case a.lingyun:
|
|
7
|
+
return await import("./global.CCbNdFdD.js");
|
|
8
|
+
case a.aibox:
|
|
9
|
+
return await import("./global.Bum9j34S.js");
|
|
10
|
+
}
|
|
11
|
+
return null;
|
|
12
|
+
}, i = async (n, r) => {
|
|
13
|
+
if (!r) return null;
|
|
14
|
+
try {
|
|
15
|
+
return (await o(n))[r] || null;
|
|
16
|
+
} catch (t) {
|
|
17
|
+
return console.warn(`Failed to load icon ${r} from ${n} library:`, t), null;
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
o as a,
|
|
22
|
+
i as g,
|
|
23
|
+
a as i
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
const a = {
|
|
2
|
+
lingyun: "lingyun",
|
|
3
|
+
aibox: "aibox"
|
|
4
|
+
}, o = async (n) => {
|
|
5
|
+
switch (n) {
|
|
6
|
+
case a.lingyun:
|
|
7
|
+
return await import("./global.CCbNdFdD.js");
|
|
8
|
+
case a.aibox:
|
|
9
|
+
return await import("./global.BZukPf_s.js");
|
|
10
|
+
}
|
|
11
|
+
return null;
|
|
12
|
+
}, i = async (n, r) => {
|
|
13
|
+
if (!r) return null;
|
|
14
|
+
try {
|
|
15
|
+
return (await o(n))[r] || null;
|
|
16
|
+
} catch (t) {
|
|
17
|
+
return console.warn(`Failed to load icon ${r} from ${n} library:`, t), null;
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
o as a,
|
|
22
|
+
i as g,
|
|
23
|
+
a as i
|
|
24
|
+
};
|