@das-fed/upf-ui 6.4.0-dev.311 → 6.4.0-dev.312
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/esm-map.json +2 -1
- package/front-end/i18n/front-end-page/dasui_en-US.js +9 -6
- package/front-end/i18n/front-end-page/dasui_zh-CN.js +9 -6
- package/front-end/i18n/front-end-page/dasui_zh-MO.js +9 -6
- package/package.json +7 -7
- package/packages/business-components/process-search-form/hooks/useSearchOptions.d.ts +2 -0
- package/packages/components/input/style.css +1 -1
- package/packages/components/input/style.css.gz +0 -0
- package/packages/components/search-form/i18n/index.d.ts +12 -0
- package/packages/components/search-form/index.d.ts +3 -0
- package/packages/components/search-form/index.js +1964 -1074
- package/packages/components/search-form/index.js.gz +0 -0
- package/packages/components/search-form/skills/DasSearchForm/345/215/207/347/272/247/346/214/207/345/215/227.md +141 -0
- package/packages/components/search-form/skills/das-search-form-toolbar-migration/SKILL.md +113 -0
- package/packages/components/search-form/skills/das-search-form-toolbar-migration//350/277/201/347/247/273/350/246/201/347/202/271/344/270/216/345/270/270/350/247/201/351/227/256/351/242/230.md +47 -0
- package/packages/components/search-form/src/Index.vue.d.ts +12 -50
- package/packages/components/search-form/src/Legacy.vue.d.ts +61 -0
- package/packages/components/search-form/src/SearchDateRange.vue.d.ts +5 -2
- package/packages/components/search-form/src/Toolbar.vue.d.ts +57 -0
- package/packages/components/search-form/src/api/park-space.d.ts +8 -0
- package/packages/components/search-form/src/hooks/common-query.d.ts +7 -0
- package/packages/components/search-form/src/hooks/searchFormItem.d.ts +16 -14
- package/packages/components/search-form/src/hooks/submission.d.ts +23 -0
- package/packages/components/search-form/src/hooks/toolbar-state.d.ts +22 -0
- package/packages/components/search-form/src/toolbar-types.d.ts +45 -0
- package/packages/components/search-form/style.css +1 -1
- package/packages/components/search-form/style.css.gz +0 -0
- package/packages/components/select/index.js +257 -233
- package/packages/components/select/index.js.gz +0 -0
- package/packages/components/select/src/type.d.ts +97 -97
- package/packages/components/select/style.css +1 -1
- package/packages/components/select/style.css.gz +0 -0
- package/packages/components/select-input/index.js +2 -2
- package/packages/components/select-input/index.js.gz +0 -0
- package/packages/components/select-input/style.css +1 -1
- package/packages/components/select-input/style.css.gz +0 -0
- package/packages/components/tree-select/index.js +125 -122
- package/packages/components/tree-select/index.js.gz +0 -0
- package/packages/components/tree-select/src/App.vue.d.ts +3 -2
- package/packages/components/tree-select/src/type.d.ts +115 -112
- package/packages/components/tree-v2/style.css +1 -1
- package/packages/components/tree-v2/style.css.gz +0 -0
- package/release-meta.json +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { withInstall as tl } from "@das-fed/upf-utils/with-install/index";
|
|
2
|
-
import { defineComponent as ol, useCssVars as lt, useAttrs as tt, computed as s, ref as i, watch as
|
|
2
|
+
import { defineComponent as ol, useCssVars as lt, useAttrs as tt, computed as s, ref as i, watch as U, useSlots as ot, onMounted as Ae, onUnmounted as Qe, watchEffect as Ye, nextTick as w, resolveComponent as nt, openBlock as v, createElementBlock as b, normalizeClass as at, normalizeStyle as j, withModifiers as se, createBlock as K, unref as d, createCommentVNode as L, withDirectives as Te, mergeProps as Le, createSlots as rt, withCtx as m, renderSlot as x, normalizeProps as ue, guardReactiveProps as ie, Fragment as ke, createTextVNode as Ie, toDisplayString as Z, createElementVNode as S, createVNode as I, withKeys as st } from "vue";
|
|
3
3
|
import { Select as ut, Tag as Ve } from "ant-design-vue";
|
|
4
4
|
import { DasCheckbox as el } from "@das-fed/upf-ui/packages/components/checkbox/index";
|
|
5
5
|
import { vScrollbar as it } from "@das-fed/upf-ui/packages/components/scrollbar/index";
|
|
@@ -10,7 +10,7 @@ import { DasIconXiala as ft } from "@das-fed/upf-ui/packages/icons/xiala/index";
|
|
|
10
10
|
import { DasIconEmpty as vt } from "@das-fed/upf-ui/packages/icons/empty/index";
|
|
11
11
|
import { DasErrorOverlayModel as pt } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
|
|
12
12
|
import { vHoverInside as ht } from "@das-fed/upf-utils/directive";
|
|
13
|
-
import { t as
|
|
13
|
+
import { t as O, currentLang as mt, setI18nRule as gt } from "@das-fed/upf-web/packages/i18n/index";
|
|
14
14
|
import { useZIndex as yt } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
|
|
15
15
|
import { useModelValue as bt } from "@das-fed/upf-utils/vue";
|
|
16
16
|
import { calcTextWidth as St } from "@das-fed/upf-utils/common-tools";
|
|
@@ -22,13 +22,13 @@ import '@das-fed/upf-ui/packages/components/select/style.css';
|
|
|
22
22
|
const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block" } }, Tt = ["innerHTML"], kt = { key: 0 }, It = { key: 2 }, Vt = { style: { display: "inline-block" } }, Lt = ["innerHTML"], Mt = ["innerHTML"], Ot = {
|
|
23
23
|
key: 0,
|
|
24
24
|
class: "das-select-error-label-content das-select-label-content"
|
|
25
|
-
}, zt = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Pt = { class: "ant-select-selection-item" }, _t = { class: "ant-select-selection-item-content" },
|
|
25
|
+
}, zt = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Pt = { class: "ant-select-selection-item" }, _t = { class: "ant-select-selection-item-content" }, Et = ["innerHTML"], Nt = ol({
|
|
26
26
|
inheritAttrs: !1,
|
|
27
27
|
components: {
|
|
28
|
-
VNodes: (p, { attrs:
|
|
28
|
+
VNodes: (p, { attrs: N }) => N.vnodes
|
|
29
29
|
}
|
|
30
30
|
}), Dt = /* @__PURE__ */ ol({
|
|
31
|
-
...
|
|
31
|
+
...Nt,
|
|
32
32
|
__name: "Select",
|
|
33
33
|
props: {
|
|
34
34
|
modelValue: { default: void 0 },
|
|
@@ -72,78 +72,78 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
72
72
|
largeSelectionCollapseThreshold: { default: 200 }
|
|
73
73
|
},
|
|
74
74
|
emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
|
|
75
|
-
setup(p, { expose:
|
|
75
|
+
setup(p, { expose: N, emit: D }) {
|
|
76
76
|
lt((e) => ({
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
ed7cab80: Il.value,
|
|
78
|
+
f5b6b826: Vl.value
|
|
79
79
|
}));
|
|
80
|
-
const t = p,
|
|
80
|
+
const t = p, A = D, X = tt(), al = s(() => {
|
|
81
81
|
const e = {};
|
|
82
|
-
for (const l in
|
|
83
|
-
l === "size" || l === "formSize" || l === "onClick" || l.startsWith("onClick") || l === "filterOption" || l === "onSearch" || l === "onPopupScroll" || (e[l] =
|
|
82
|
+
for (const l in X)
|
|
83
|
+
l === "size" || l === "formSize" || l === "onClick" || l.startsWith("onClick") || l === "filterOption" || l === "onSearch" || l === "onPopupScroll" || (e[l] = X[l]);
|
|
84
84
|
return e;
|
|
85
|
-
}), a = bt(t, "modelValue"),
|
|
85
|
+
}), a = bt(t, "modelValue"), J = s(() => {
|
|
86
86
|
var e;
|
|
87
87
|
return `<span class='key'>${((e = a.value) == null ? void 0 : e.length) ?? 0}</span>`;
|
|
88
88
|
}), rl = s(() => {
|
|
89
89
|
const e = Array.isArray(a.value) ? a.value.length : a.value ? 1 : 0;
|
|
90
|
-
return
|
|
91
|
-
}), B = i(null), Me = i(null),
|
|
90
|
+
return O("das-ui-select-selectedItemsCountWithPlaceholder", e);
|
|
91
|
+
}), B = i(null), Me = i(null), y = i(!1), Q = s(() => t.isView ? t.noSetDefaultVal ? "" : "-" : t.placeholder || O("请选择")), ce = s(() => B.value ? B.value.querySelector(".ant-select-selector") : null), $ = i(0), W = i(0), sl = s(() => ce.value ? t.isTooltip && z.value ? !1 : !t.isTooltip || E.value || !je.value || !ye.value : !0), ul = s(() => (Array.isArray(a.value) ? a.value.length : a.value) ? je.value : Q.value), Oe = () => {
|
|
92
92
|
const e = t.size === "table" ? 12 : 14;
|
|
93
|
-
return St(
|
|
93
|
+
return St(Q.value, e);
|
|
94
94
|
}, ze = () => {
|
|
95
|
-
var
|
|
96
|
-
const e = (
|
|
95
|
+
var k, G, h;
|
|
96
|
+
const e = (k = B.value) == null ? void 0 : k.querySelector(".ant-select-selection-placeholder"), l = (h = (G = T.value) == null ? void 0 : G.$el) == null ? void 0 : h.querySelectorAll(".ant-select-selection-item");
|
|
97
97
|
l && l.length && l.forEach((xe) => xe.removeAttribute("title"));
|
|
98
98
|
let n = (e == null ? void 0 : e.offsetWidth) ?? 0;
|
|
99
99
|
if (n === 0) return n;
|
|
100
100
|
const o = window.getComputedStyle(e, null), u = parseFloat(o.paddingRight), r = parseFloat(o.paddingLeft);
|
|
101
101
|
return n - u - r;
|
|
102
|
-
},
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
W.value = ze(), $.value = Oe(), ((Array.isArray(a.value) ? a.value.length : a.value) || W.value === $.value || $.value - W.value < 1) && (
|
|
102
|
+
}, z = i(!1);
|
|
103
|
+
U(() => [Q.value, a.value], () => {
|
|
104
|
+
w(() => {
|
|
105
|
+
W.value = ze(), $.value = Oe(), ((Array.isArray(a.value) ? a.value.length : a.value) || W.value === $.value || $.value - W.value < 1) && (z.value = !1);
|
|
106
106
|
});
|
|
107
|
-
}),
|
|
107
|
+
}), U(
|
|
108
108
|
() => {
|
|
109
109
|
var e;
|
|
110
110
|
return (e = Me.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
|
|
111
111
|
},
|
|
112
112
|
(e) => {
|
|
113
113
|
e && (e.addEventListener("mouseenter", function() {
|
|
114
|
-
|
|
114
|
+
z.value = !0, q.value && clearTimeout(q.value);
|
|
115
115
|
}), e.addEventListener("mouseleave", function() {
|
|
116
116
|
q.value = setTimeout(() => {
|
|
117
|
-
|
|
117
|
+
z.value = !1;
|
|
118
118
|
}, 200);
|
|
119
119
|
}));
|
|
120
120
|
}
|
|
121
121
|
);
|
|
122
|
-
const Pe = i(null), _e = s(() => t.dropdownMode ?? t.mode ?? ""),
|
|
123
|
-
|
|
122
|
+
const Pe = i(null), _e = s(() => t.dropdownMode ?? t.mode ?? ""), F = i(null), il = i(null), R = i(""), cl = () => {
|
|
123
|
+
F.value = !0;
|
|
124
124
|
}, dl = () => {
|
|
125
|
-
|
|
126
|
-
},
|
|
127
|
-
|
|
128
|
-
|
|
125
|
+
F.value = null;
|
|
126
|
+
}, Ee = () => {
|
|
127
|
+
R.value && (A("addCustomItem", R.value), w(() => {
|
|
128
|
+
T.value.focus(), R.value = "";
|
|
129
129
|
}));
|
|
130
|
-
},
|
|
131
|
-
t.dropdownMode === "custom" && !
|
|
132
|
-
|
|
130
|
+
}, Ne = ot(), de = () => {
|
|
131
|
+
t.dropdownMode === "custom" && !Ne.dropdownRender && (F.value = !1, w(() => {
|
|
132
|
+
F.value = null;
|
|
133
133
|
}));
|
|
134
134
|
};
|
|
135
135
|
Ae(() => {
|
|
136
|
-
document.addEventListener("click",
|
|
136
|
+
document.addEventListener("click", de);
|
|
137
137
|
}), Qe(() => {
|
|
138
|
-
document.removeEventListener("click",
|
|
138
|
+
document.removeEventListener("click", de);
|
|
139
139
|
});
|
|
140
|
-
const
|
|
140
|
+
const T = i(), H = i(""), Y = i(0), De = `__DAS_SELECT_COLLAPSED_${Math.random().toString(36).slice(2)}__`, V = s(() => {
|
|
141
141
|
var e;
|
|
142
142
|
return t.fieldNames && t.fieldNames.label ? (e = t.fieldNames) == null ? void 0 : e.label : "label";
|
|
143
143
|
}), g = s(() => {
|
|
144
144
|
var e;
|
|
145
145
|
return t.fieldNames && t.fieldNames.value ? (e = t.fieldNames) == null ? void 0 : e.value : "value";
|
|
146
|
-
}),
|
|
146
|
+
}), fe = i(/* @__PURE__ */ new Map()), fl = s(() => t.mode === "combobox" ? void 0 : t.mode), Be = {
|
|
147
147
|
large: "large",
|
|
148
148
|
middle: "middle",
|
|
149
149
|
default: "middle",
|
|
@@ -157,34 +157,34 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
157
157
|
}, pl = (e) => e && e in Be ? e : "middle", hl = s(() => pl(t.size)), $e = s(() => Be[hl.value]), ml = s(() => t.height ?? vl[$e.value]), We = s(() => {
|
|
158
158
|
const e = Number(t.optionPageSize);
|
|
159
159
|
return Number.isFinite(e) && e > 0 ? Math.floor(e) : 80;
|
|
160
|
-
}),
|
|
160
|
+
}), Fe = (e, l) => {
|
|
161
161
|
Array.isArray(e) && e.forEach((n) => {
|
|
162
|
-
l(n), Array.isArray(n == null ? void 0 : n.children) &&
|
|
162
|
+
l(n), Array.isArray(n == null ? void 0 : n.children) && Fe(n.children, l);
|
|
163
163
|
});
|
|
164
|
-
},
|
|
164
|
+
}, ee = (e, l) => {
|
|
165
165
|
if (Array.isArray(e))
|
|
166
166
|
for (const n of e) {
|
|
167
167
|
if ((n == null ? void 0 : n[g.value]) == l) return n;
|
|
168
168
|
if (Array.isArray(n == null ? void 0 : n.children)) {
|
|
169
|
-
const o =
|
|
169
|
+
const o = ee(n.children, l);
|
|
170
170
|
if (o) return o;
|
|
171
171
|
}
|
|
172
172
|
}
|
|
173
173
|
}, gl = (e) => {
|
|
174
|
-
|
|
175
|
-
l && l[g.value] != null && l[V.value] != null &&
|
|
174
|
+
Fe(e, (l) => {
|
|
175
|
+
l && l[g.value] != null && l[V.value] != null && fe.value.set(l[g.value], l[V.value]);
|
|
176
176
|
});
|
|
177
|
-
},
|
|
177
|
+
}, ve = (e) => {
|
|
178
178
|
if (e == null || e === "") return;
|
|
179
|
-
const l =
|
|
179
|
+
const l = ee(t.options, e);
|
|
180
180
|
if (l && l[V.value] != null) return l[V.value];
|
|
181
181
|
if (t.preserveLabelWhenMissing)
|
|
182
|
-
return
|
|
182
|
+
return fe.value.get(e);
|
|
183
183
|
}, yl = (e) => {
|
|
184
184
|
const l = Array.isArray(e) ? e.slice() : [];
|
|
185
185
|
return t.preserveLabelWhenMissing ? ((t.mode !== "combobox" && Array.isArray(a.value) ? a.value : a.value != null && a.value !== "" ? [a.value] : []).forEach((o) => {
|
|
186
|
-
if (
|
|
187
|
-
const r =
|
|
186
|
+
if (ee(l, o)) return;
|
|
187
|
+
const r = fe.value.get(o);
|
|
188
188
|
r != null && l.unshift({
|
|
189
189
|
[g.value]: o,
|
|
190
190
|
[V.value]: r,
|
|
@@ -193,11 +193,11 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
193
193
|
__dasGhostOption: !0
|
|
194
194
|
});
|
|
195
195
|
}), l.map((o) => (o.title = o.title ? o.title : "", o))) : l.map((o) => (o.title = o.title ? o.title : "", o));
|
|
196
|
-
}, bl = (e) => Array.isArray(e) ? e.some((l) => Array.isArray(l == null ? void 0 : l.children) && l.children.length > 0) : !1,
|
|
197
|
-
const n =
|
|
196
|
+
}, bl = (e) => Array.isArray(e) ? e.some((l) => Array.isArray(l == null ? void 0 : l.children) && l.children.length > 0) : !1, le = s(() => !!t.optionPaging && Array.isArray(t.options) && !bl(t.options)), Re = (e, ...l) => {
|
|
197
|
+
const n = X[e];
|
|
198
198
|
Array.isArray(n) ? n.forEach((o) => typeof o == "function" && o(...l)) : typeof n == "function" && n(...l);
|
|
199
199
|
}, He = (e, l) => {
|
|
200
|
-
const n = e == null ? "" : String(e), o =
|
|
200
|
+
const n = e == null ? "" : String(e), o = X.filterOption;
|
|
201
201
|
if (typeof o == "function")
|
|
202
202
|
try {
|
|
203
203
|
return o(n, l) !== !1;
|
|
@@ -207,68 +207,75 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
207
207
|
if (o === !1) return !0;
|
|
208
208
|
const u = Xe.value, r = (l == null ? void 0 : l[u]) ?? (l == null ? void 0 : l[V.value]) ?? (l == null ? void 0 : l[g.value]);
|
|
209
209
|
return String(r ?? "").toLowerCase().indexOf(n.toLowerCase()) >= 0;
|
|
210
|
-
},
|
|
210
|
+
}, pe = s(() => {
|
|
211
211
|
if (!Array.isArray(t.options)) return;
|
|
212
212
|
const e = yl(t.options);
|
|
213
213
|
return Array.isArray(t.options) && gl(t.options), e;
|
|
214
214
|
}), qe = s(() => {
|
|
215
|
-
const e =
|
|
216
|
-
return !
|
|
217
|
-
}),
|
|
218
|
-
t.optionPagingDebug &&
|
|
215
|
+
const e = pe.value ?? [];
|
|
216
|
+
return !le.value || !H.value ? e : e.filter((l) => He(H.value, l));
|
|
217
|
+
}), P = (e) => {
|
|
218
|
+
t.optionPagingDebug && w(() => {
|
|
219
219
|
});
|
|
220
|
-
},
|
|
220
|
+
}, te = s(() => t.mode !== "combobox" && Array.isArray(a.value) ? a.value : a.value !== null && a.value !== void 0 && a.value !== "" ? [a.value] : []), Ze = s(() => new Set(te.value)), Sl = s(() => {
|
|
221
221
|
const e = Number(t.largeSelectionCollapseThreshold);
|
|
222
222
|
return Number.isFinite(e) && e >= 0 ? Math.floor(e) : 200;
|
|
223
|
-
}), C = s(() => t.mode !== "combobox" &&
|
|
224
|
-
if (H.value || C.value || !
|
|
223
|
+
}), C = s(() => t.mode !== "combobox" && te.value.length > Sl.value), Cl = s(() => C.value ? [De] : a.value), Ke = s(() => Array.isArray(t.options) ? t.options.filter((e) => !(e != null && e.disabled)) : []), oe = s(() => Ke.value.map((e) => e == null ? void 0 : e[g.value])), he = s(() => oe.value.reduce((e, l) => Ze.value.has(l) ? e + 1 : e, 0)), wl = (e, l) => {
|
|
224
|
+
if (H.value || C.value || !te.value.length) return e;
|
|
225
225
|
const n = new Set(e.map((u) => u == null ? void 0 : u[g.value])), o = [];
|
|
226
|
-
return
|
|
226
|
+
return te.value.forEach((u) => {
|
|
227
227
|
if (n.has(u)) return;
|
|
228
|
-
const r =
|
|
228
|
+
const r = ee(l, u);
|
|
229
229
|
r && (o.push(r), n.add(u));
|
|
230
230
|
}), o.length ? o.concat(e) : e;
|
|
231
231
|
}, xl = s(() => {
|
|
232
|
-
if (!
|
|
233
|
-
const e = qe.value.slice(0,
|
|
234
|
-
return wl(e,
|
|
232
|
+
if (!le.value) return pe.value;
|
|
233
|
+
const e = qe.value.slice(0, Y.value);
|
|
234
|
+
return wl(e, pe.value ?? []);
|
|
235
235
|
}), Ge = () => {
|
|
236
|
-
|
|
236
|
+
Y.value = We.value, P();
|
|
237
237
|
}, Al = () => {
|
|
238
|
-
|
|
239
|
-
|
|
238
|
+
le.value && (Y.value = Math.min(
|
|
239
|
+
Y.value + We.value,
|
|
240
240
|
qe.value.length
|
|
241
|
-
),
|
|
241
|
+
), P());
|
|
242
242
|
};
|
|
243
|
-
|
|
244
|
-
() => [
|
|
243
|
+
U(
|
|
244
|
+
() => [
|
|
245
|
+
t.options,
|
|
246
|
+
t.optionPaging,
|
|
247
|
+
t.optionPageSize,
|
|
248
|
+
H.value,
|
|
249
|
+
V.value,
|
|
250
|
+
g.value
|
|
251
|
+
],
|
|
245
252
|
Ge,
|
|
246
253
|
{ immediate: !0 }
|
|
247
254
|
);
|
|
248
|
-
const
|
|
249
|
-
if (
|
|
255
|
+
const me = i(!1), ge = s(() => {
|
|
256
|
+
if (F.value !== null) return F.value;
|
|
250
257
|
if (t.open !== void 0) return t.open;
|
|
251
|
-
}),
|
|
258
|
+
}), _ = 1e6, c = i(100), f = i(100), Tl = s(() => C.value ? 0 : c.value), E = i(!1), ye = i(!0), be = i(!1);
|
|
252
259
|
Ye(() => {
|
|
253
|
-
a.value && t.mode == "combobox" && (
|
|
260
|
+
a.value && t.mode == "combobox" && (ye.value = !0, setTimeout(() => {
|
|
254
261
|
var l;
|
|
255
|
-
let e = (l =
|
|
262
|
+
let e = (l = T.value) == null ? void 0 : l.$el.querySelectorAll(".ant-select-selection-item");
|
|
256
263
|
if (e && e.length > 0)
|
|
257
264
|
for (let n = 0; n < e.length; n++) {
|
|
258
265
|
let o = e[n];
|
|
259
|
-
o.scrollWidth <= o.offsetWidth && (
|
|
266
|
+
o.scrollWidth <= o.offsetWidth && (ye.value = !1), o.title = "";
|
|
260
267
|
}
|
|
261
268
|
}, 300));
|
|
262
269
|
});
|
|
263
270
|
const kl = () => {
|
|
264
271
|
setTimeout(async () => {
|
|
265
|
-
|
|
272
|
+
c.value = 100, await M(), c.value = f.value, y.value = !0;
|
|
266
273
|
}, 100);
|
|
267
274
|
};
|
|
268
275
|
Ye(() => {
|
|
269
|
-
|
|
276
|
+
be.value === !0 && t.mode != "combobox" && a.value && a.value.length > 0 && t.options.length > 0 && (be.value = !1, kl());
|
|
270
277
|
}), Ae(() => {
|
|
271
|
-
|
|
278
|
+
be.value = !0, t.focusOpen || (f.value = 1, c.value = f.value, y.value = !0);
|
|
272
279
|
});
|
|
273
280
|
const Il = s(() => t.width ? t.width : "230px"), Vl = s(() => t.height ? t.height : "auto"), Ue = i(3e3), Ll = s(() => ({
|
|
274
281
|
"z-index": Ue.value
|
|
@@ -278,44 +285,44 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
278
285
|
let e = [];
|
|
279
286
|
if (t.mode != "combobox" && Array.isArray(a.value))
|
|
280
287
|
a.value.map((l) => {
|
|
281
|
-
const n =
|
|
288
|
+
const n = ve(l);
|
|
282
289
|
n != null ? e.push(n) : l != null && l !== "" && e.push(String(l));
|
|
283
290
|
});
|
|
284
291
|
else if (t.mode == "combobox" && a.value) {
|
|
285
|
-
const l =
|
|
292
|
+
const l = ve(a.value);
|
|
286
293
|
l != null ? e.push(l) : a.value !== null && a.value !== void 0 && a.value !== "" && e.push(String(a.value));
|
|
287
294
|
}
|
|
288
295
|
return mt.value === "zh-CN" ? e.join("、") : e.join(", ");
|
|
289
|
-
}), Ml = s(() => t.mode === "combobox" ? !1 :
|
|
296
|
+
}), Ml = s(() => t.mode === "combobox" ? !1 : oe.value.length > 0 && he.value === oe.value.length), Ol = s(() => t.mode === "combobox" ? !1 : he.value > 0 && he.value < oe.value.length), Xe = s(() => {
|
|
290
297
|
var e, l;
|
|
291
298
|
return t.optionFilterProp ? t.optionFilterProp : (e = t.fieldNames) != null && e.label ? (l = t.fieldNames) == null ? void 0 : l.label : "label";
|
|
292
299
|
}), zl = s(() => ({
|
|
293
300
|
width: typeof t.width == "number" ? t.width + "px" : t.width,
|
|
294
301
|
"--das-select-resolved-height": ml.value
|
|
295
|
-
})),
|
|
302
|
+
})), Se = i(!1), Pl = i({
|
|
296
303
|
display: "block",
|
|
297
304
|
color: "var(--upf-color-error)",
|
|
298
305
|
"white-space": "break-spaces"
|
|
299
306
|
}), q = i(), _l = () => {
|
|
300
307
|
var n;
|
|
301
308
|
W.value = ze(), $.value = Oe();
|
|
302
|
-
let e = (n =
|
|
303
|
-
!!(Array.isArray(a.value) ? a.value.length : e != null && e.length) || W.value === $.value || $.value - W.value < 1 ?
|
|
304
|
-
},
|
|
309
|
+
let e = (n = T.value) == null ? void 0 : n.$el.querySelectorAll(".ant-select-selection-item");
|
|
310
|
+
!!(Array.isArray(a.value) ? a.value.length : e != null && e.length) || W.value === $.value || $.value - W.value < 1 ? z.value = !1 : (z.value = !0, q.value && clearTimeout(q.value)), Se.value = !0;
|
|
311
|
+
}, El = () => {
|
|
305
312
|
q.value = setTimeout(() => {
|
|
306
|
-
|
|
307
|
-
}, 200),
|
|
308
|
-
},
|
|
309
|
-
e ? _l() :
|
|
313
|
+
z.value = !1;
|
|
314
|
+
}, 200), Se.value = !1;
|
|
315
|
+
}, Nl = (e, l) => {
|
|
316
|
+
e ? _l() : El();
|
|
310
317
|
}, Dl = (e) => {
|
|
311
|
-
e ? (Ue.value = yt().nextZIndex(),
|
|
318
|
+
e ? (Ue.value = yt().nextZIndex(), R.value = "", Ge(), P()) : (H.value = "", P()), ne.value = e, t.mode == "combobox" && (e || setTimeout(() => {
|
|
312
319
|
var l, n;
|
|
313
|
-
(n = (l =
|
|
314
|
-
})),
|
|
320
|
+
(n = (l = T.value) == null ? void 0 : l.blur) == null || n.call(l);
|
|
321
|
+
})), A("dropdownVisibleChange", e);
|
|
315
322
|
}, Bl = (e) => {
|
|
316
|
-
H.value = e ?? "",
|
|
317
|
-
}, $l = s(() => t.mode === "combobox" ? t.showSearch === !0 : t.mode === "tags" ? !0 : typeof t.showSearch == "boolean" ? t.showSearch : t.mode === "multiple"), Wl = s(() => $l.value ? { onSearch: Bl } : {}),
|
|
318
|
-
if (
|
|
323
|
+
H.value = e ?? "", P(), Re("onSearch", e);
|
|
324
|
+
}, $l = s(() => t.mode === "combobox" ? t.showSearch === !0 : t.mode === "tags" ? !0 : typeof t.showSearch == "boolean" ? t.showSearch : t.mode === "multiple"), Wl = s(() => $l.value ? { onSearch: Bl } : {}), Fl = s(() => ({ ...al.value, ...Wl.value })), Rl = (e) => {
|
|
325
|
+
if (Re("onPopupScroll", e), !le.value) return;
|
|
319
326
|
const l = e.target;
|
|
320
327
|
if (!l) return;
|
|
321
328
|
l.scrollHeight - l.scrollTop - l.clientHeight <= 24 && Al();
|
|
@@ -328,10 +335,12 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
328
335
|
Ke.value.forEach((u) => {
|
|
329
336
|
const r = u[g.value];
|
|
330
337
|
l.has(r) || (l.add(r), n.push(r), o.push(u));
|
|
331
|
-
}), a.value = n,
|
|
338
|
+
}), a.value = n, re(n, o, "inner");
|
|
332
339
|
} else {
|
|
333
|
-
const l = Array.isArray(t.options) ? t.options : [], n = new Set(l.map((r) => r == null ? void 0 : r[g.value])), o = new Set(
|
|
334
|
-
|
|
340
|
+
const l = Array.isArray(t.options) ? t.options : [], n = new Set(l.map((r) => r == null ? void 0 : r[g.value])), o = new Set(
|
|
341
|
+
l.filter((r) => r == null ? void 0 : r.disabled).map((r) => r == null ? void 0 : r[g.value])
|
|
342
|
+
), u = (Array.isArray(a.value) ? a.value : []).filter((r) => n.has(r) && o.has(r));
|
|
343
|
+
a.value = u, re(u, [], "inner");
|
|
335
344
|
}
|
|
336
345
|
}, Kl = (e) => {
|
|
337
346
|
const l = Array.isArray(a.value) ? a.value.slice() : [], n = l.findIndex((o) => o === e);
|
|
@@ -344,67 +353,73 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
344
353
|
const n = e == null ? void 0 : e[g.value];
|
|
345
354
|
if (n === void 0) return;
|
|
346
355
|
const o = Kl(n);
|
|
347
|
-
a.value = o,
|
|
356
|
+
a.value = o, re(o, e, "inner");
|
|
348
357
|
}, jl = (e) => {
|
|
349
358
|
if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
|
|
350
359
|
return e.children[0];
|
|
351
360
|
}, Xl = (e) => {
|
|
352
361
|
if (t.mode == "combobox") {
|
|
353
|
-
|
|
362
|
+
A("focus", e);
|
|
354
363
|
return;
|
|
355
364
|
}
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
365
|
+
me.value = !0, t.focusOpen && !t.isExterControlCount && (c.value = _, t.mode === "multiple" ? w(() => {
|
|
366
|
+
M(), c.value = f.value, y.value = !0;
|
|
367
|
+
}) : y.value = !1), A("focus", e);
|
|
368
|
+
}, ne = i(!1), Jl = () => {
|
|
369
|
+
ne.value || setTimeout(() => {
|
|
359
370
|
var e, l;
|
|
360
|
-
(l = (e =
|
|
371
|
+
(l = (e = T.value) == null ? void 0 : e.blur) == null || l.call(e);
|
|
361
372
|
}), t.mode != "combobox";
|
|
362
373
|
}, Je = (e) => {
|
|
363
|
-
if (
|
|
364
|
-
|
|
374
|
+
if (w(() => {
|
|
375
|
+
ne.value = !1;
|
|
365
376
|
}), t.mode == "combobox") {
|
|
366
|
-
|
|
377
|
+
A("blur", e);
|
|
367
378
|
return;
|
|
368
379
|
}
|
|
369
|
-
|
|
380
|
+
me.value = !1, t.focusOpen && !t.isExterControlCount && (M(), c.value = f.value, y.value = !0), A("blur", e);
|
|
370
381
|
}, Ql = (e) => {
|
|
371
|
-
e.onClose(),
|
|
372
|
-
t.mode !== "combobox" &&
|
|
382
|
+
e.onClose(), c.value = 100, w(() => {
|
|
383
|
+
t.mode !== "combobox" && ge.value || t.focusOpen && (M(), c.value = f.value, y.value = !0);
|
|
373
384
|
});
|
|
374
385
|
};
|
|
375
|
-
|
|
386
|
+
U(
|
|
376
387
|
() => t.disabled || t.isView,
|
|
377
388
|
(e) => {
|
|
378
389
|
if (e && t.mode !== "combobox") {
|
|
379
|
-
|
|
390
|
+
me.value = !1;
|
|
380
391
|
let l = new Event("blur");
|
|
381
392
|
Je(l);
|
|
382
393
|
}
|
|
383
394
|
}
|
|
384
395
|
);
|
|
385
|
-
let
|
|
396
|
+
let Ce = i(!1);
|
|
386
397
|
const Yl = (e) => {
|
|
387
|
-
|
|
388
|
-
|
|
398
|
+
Ce.value = e, E.value = !0, w(() => {
|
|
399
|
+
if (E.value = !1, t.focusOpen) {
|
|
400
|
+
M();
|
|
401
|
+
const l = e && t.mode !== "multiple";
|
|
402
|
+
c.value = l ? _ : f.value, y.value = !l;
|
|
403
|
+
}
|
|
389
404
|
});
|
|
390
405
|
};
|
|
391
|
-
let
|
|
406
|
+
let ae = null;
|
|
392
407
|
Ae(() => {
|
|
393
|
-
|
|
394
|
-
e && e[0] && e[0].intersectionRatio > 0 && t.focusOpen &&
|
|
395
|
-
|
|
408
|
+
ae = new IntersectionObserver((e) => {
|
|
409
|
+
e && e[0] && e[0].intersectionRatio > 0 && t.focusOpen && c.value === 0 && (c.value = 100, w(() => {
|
|
410
|
+
M(), c.value = f.value, y.value = !0;
|
|
396
411
|
}));
|
|
397
|
-
}),
|
|
412
|
+
}), ae.observe(B.value);
|
|
398
413
|
}), Qe(() => {
|
|
399
|
-
|
|
414
|
+
ae && ae.disconnect();
|
|
400
415
|
});
|
|
401
|
-
const
|
|
402
|
-
var
|
|
416
|
+
const M = () => {
|
|
417
|
+
var G;
|
|
403
418
|
if (C.value) {
|
|
404
|
-
|
|
419
|
+
f.value = 0;
|
|
405
420
|
return;
|
|
406
421
|
}
|
|
407
|
-
let e = (
|
|
422
|
+
let e = (G = T.value) == null ? void 0 : G.$el;
|
|
408
423
|
if (!e) return;
|
|
409
424
|
let l = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
|
|
410
425
|
if (!l) return;
|
|
@@ -413,28 +428,33 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
413
428
|
const u = Math.ceil(Pe.value.querySelector(".ant-tag").offsetWidth) + 4;
|
|
414
429
|
let r = e.querySelectorAll(".ant-select-selection-overflow-item");
|
|
415
430
|
if (r.length < 1) return;
|
|
416
|
-
|
|
417
|
-
let
|
|
431
|
+
c.value = _;
|
|
432
|
+
let k = 0;
|
|
418
433
|
for (let h = 0; h < r.length - 1 && (r[h].classList.remove("ellipsis"), !r[h].classList.contains("ant-select-selection-overflow-item-rest")); h++)
|
|
419
|
-
if (
|
|
420
|
-
h >= a.value.length - 1 &&
|
|
434
|
+
if (k += Math.ceil(r[h].offsetWidth), k <= n - u)
|
|
435
|
+
h >= a.value.length - 1 && k < n ? f.value = a.value.length : f.value = h + 1;
|
|
421
436
|
else {
|
|
422
|
-
h >= a.value.length - 1 &&
|
|
437
|
+
h >= a.value.length - 1 && k < n ? f.value = a.value.length : f.value = h;
|
|
423
438
|
break;
|
|
424
439
|
}
|
|
425
|
-
if (
|
|
440
|
+
if (f.value === 0) {
|
|
426
441
|
let h = r[0], xe = h.querySelector(".anticon-close") ? 86 : 69;
|
|
427
|
-
h && !h.classList.contains("ant-select-selection-overflow-item-rest") && xe <= n - u && !
|
|
442
|
+
h && !h.classList.contains("ant-select-selection-overflow-item-rest") && xe <= n - u && !Ne.tagRender && (f.value = 1, h.classList.add("ellipsis"));
|
|
428
443
|
}
|
|
429
444
|
}, we = i(!1);
|
|
430
|
-
|
|
445
|
+
U(
|
|
431
446
|
() => a.value,
|
|
432
447
|
async () => {
|
|
433
448
|
if (we.value) {
|
|
434
449
|
we.value = !1;
|
|
435
450
|
return;
|
|
436
451
|
}
|
|
437
|
-
t.mode !== "combobox" &&
|
|
452
|
+
if (!(t.mode !== "combobox" && ge.value))
|
|
453
|
+
if (E.value = !0, c.value = _, await w(), await M(), E.value = !1, t.isExterControlCount && t.focusOpen) {
|
|
454
|
+
const e = Ce.value && t.mode !== "multiple";
|
|
455
|
+
c.value = e ? _ : f.value, y.value = !e;
|
|
456
|
+
} else
|
|
457
|
+
c.value = f.value, y.value = !0;
|
|
438
458
|
}
|
|
439
459
|
);
|
|
440
460
|
const et = (e) => {
|
|
@@ -445,59 +465,63 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
445
465
|
if (!n.length) return;
|
|
446
466
|
let o = Array.isArray(a.value) ? a.value.slice() : [];
|
|
447
467
|
return n.forEach((u) => {
|
|
448
|
-
const r = o.findIndex((
|
|
468
|
+
const r = o.findIndex((k) => k === u);
|
|
449
469
|
r > -1 ? o.splice(r, 1) : o.push(u);
|
|
450
470
|
}), o;
|
|
451
|
-
},
|
|
452
|
-
|
|
471
|
+
}, re = async (e, l, n = "antdv") => {
|
|
472
|
+
ne.value = !1, t.mode === "combobox" && de();
|
|
453
473
|
let o = n === "antdv" ? et(e) : e;
|
|
454
474
|
if (o === void 0) {
|
|
455
|
-
|
|
475
|
+
P();
|
|
456
476
|
return;
|
|
457
477
|
}
|
|
458
|
-
we.value = !0, t.noDropdown && Array.isArray(o) && t.maxTagsLength < o.length && (o = o.slice(), o.pop()), n === "antdv" && C.value && (a.value = o),
|
|
478
|
+
if (we.value = !0, t.noDropdown && Array.isArray(o) && t.maxTagsLength < o.length && (o = o.slice(), o.pop()), n === "antdv" && C.value && (a.value = o), E.value = !0, A("update:model-value", o), A("change", o, l), P(), c.value = _, await w(), await M(), E.value = !1, t.isExterControlCount && t.focusOpen) {
|
|
479
|
+
const u = Ce.value && t.mode !== "multiple";
|
|
480
|
+
c.value = u ? _ : f.value, y.value = !u;
|
|
481
|
+
} else t.mode === "multiple" && t.focusOpen && (c.value = f.value, y.value = !0);
|
|
482
|
+
t.focusOpen || (c.value = f.value);
|
|
459
483
|
};
|
|
460
|
-
return
|
|
461
|
-
$select:
|
|
484
|
+
return N({
|
|
485
|
+
$select: T,
|
|
462
486
|
toChangeMaxCount: Yl
|
|
463
487
|
}), (e, l) => {
|
|
464
488
|
const n = nt("v-nodes");
|
|
465
|
-
return
|
|
489
|
+
return v(), b(
|
|
466
490
|
"div",
|
|
467
491
|
{
|
|
468
492
|
class: at(["das-ui-select", [
|
|
469
493
|
t.borderType,
|
|
470
494
|
t.isView ? "readonly" : "",
|
|
471
495
|
t.error ? "is-error" : "",
|
|
472
|
-
|
|
496
|
+
y.value ? "show-ellipsis" : ""
|
|
473
497
|
]]),
|
|
474
498
|
ref_key: "$selectBox",
|
|
475
499
|
ref: B,
|
|
476
|
-
style:
|
|
477
|
-
onClick:
|
|
500
|
+
style: j(zl.value),
|
|
501
|
+
onClick: se(Jl, ["stop"])
|
|
478
502
|
},
|
|
479
503
|
[
|
|
480
|
-
|
|
504
|
+
ce.value ? (v(), K(d(ct), {
|
|
481
505
|
key: 0,
|
|
482
506
|
ref_key: "inputTooltipRef",
|
|
483
507
|
ref: Me,
|
|
484
508
|
placement: "top",
|
|
485
509
|
"virtual-triggering": "",
|
|
486
|
-
"virtual-ref":
|
|
510
|
+
"virtual-ref": ce.value,
|
|
487
511
|
disabled: sl.value,
|
|
488
512
|
content: ul.value
|
|
489
513
|
}, null, 8, ["virtual-ref", "disabled", "content"])) : L("v-if", !0),
|
|
490
|
-
Te((
|
|
514
|
+
Te((v(), K(d(ut), Le({ mode: fl.value }, Fl.value, {
|
|
491
515
|
value: Cl.value,
|
|
492
516
|
ref_key: "$select",
|
|
493
|
-
ref:
|
|
517
|
+
ref: T,
|
|
494
518
|
options: xl.value,
|
|
495
519
|
fieldNames: p.fieldNames,
|
|
496
520
|
bordered: t.borderType === "bordered",
|
|
497
521
|
disabled: t.disabled || t.isView,
|
|
498
522
|
showArrow: !0,
|
|
499
|
-
open: t.noDropdown ? !1 :
|
|
500
|
-
placeholder:
|
|
523
|
+
open: t.noDropdown ? !1 : ge.value,
|
|
524
|
+
placeholder: Q.value,
|
|
501
525
|
showSearch: t.showSearch,
|
|
502
526
|
optionFilterProp: Xe.value,
|
|
503
527
|
filterOption: He,
|
|
@@ -508,53 +532,53 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
508
532
|
getPopupContainer: ql,
|
|
509
533
|
dropdownStyle: Ll.value,
|
|
510
534
|
onDropdownVisibleChange: Dl,
|
|
511
|
-
onChange: l[4] || (l[4] = (o, u) =>
|
|
535
|
+
onChange: l[4] || (l[4] = (o, u) => re(o, u, "antdv")),
|
|
512
536
|
onFocus: Xl,
|
|
513
537
|
onBlur: Je,
|
|
514
|
-
onPopupScroll:
|
|
538
|
+
onPopupScroll: Rl
|
|
515
539
|
}), rt({
|
|
516
540
|
option: m((o) => [
|
|
517
|
-
|
|
518
|
-
o.children && typeof o.children == "function" ? (
|
|
541
|
+
x(e.$slots, "option", ue(ie(o)), () => [
|
|
542
|
+
o.children && typeof o.children == "function" ? (v(), K(n, {
|
|
519
543
|
key: 0,
|
|
520
544
|
vnodes: o.children()
|
|
521
|
-
}, null, 8, ["vnodes"])) : (
|
|
545
|
+
}, null, 8, ["vnodes"])) : (v(), b(
|
|
522
546
|
ke,
|
|
523
547
|
{ key: 1 },
|
|
524
548
|
[
|
|
525
549
|
L(' :option="{value, label, [disabled, key, title]}" '),
|
|
526
|
-
p.mode === "combobox" ? Te((
|
|
550
|
+
p.mode === "combobox" ? Te((v(), b("div", wt, [
|
|
527
551
|
Ie(
|
|
528
552
|
Z(o[V.value]),
|
|
529
553
|
1
|
|
530
554
|
/* TEXT */
|
|
531
555
|
)
|
|
532
556
|
])), [
|
|
533
|
-
[
|
|
534
|
-
]) : (
|
|
557
|
+
[d(ll)]
|
|
558
|
+
]) : (v(), b(
|
|
535
559
|
ke,
|
|
536
560
|
{ key: 1 },
|
|
537
561
|
[
|
|
538
562
|
L(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
|
|
539
|
-
|
|
563
|
+
S("div", {
|
|
540
564
|
class: "das-multiple-option-item",
|
|
541
565
|
onMousedown: Gl,
|
|
542
566
|
onClick: (u) => Ul(o, u)
|
|
543
567
|
}, [
|
|
544
|
-
(
|
|
568
|
+
(v(), K(d(el), {
|
|
545
569
|
class: "das-select-checkbox",
|
|
546
570
|
modelValue: Ze.value.has(o[g.value]),
|
|
547
571
|
key: o[g.value],
|
|
548
572
|
disabled: o.disabled
|
|
549
573
|
}, null, 8, ["modelValue", "disabled"])),
|
|
550
|
-
Te((
|
|
574
|
+
Te((v(), b("div", At, [
|
|
551
575
|
Ie(
|
|
552
576
|
Z(o[V.value]),
|
|
553
577
|
1
|
|
554
578
|
/* TEXT */
|
|
555
579
|
)
|
|
556
580
|
])), [
|
|
557
|
-
[
|
|
581
|
+
[d(ll)]
|
|
558
582
|
])
|
|
559
583
|
], 40, xt)
|
|
560
584
|
],
|
|
@@ -568,24 +592,24 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
568
592
|
], !0)
|
|
569
593
|
]),
|
|
570
594
|
tagRender: m((o) => [
|
|
571
|
-
|
|
572
|
-
I(
|
|
595
|
+
x(e.$slots, "tagRender", ue(ie(o)), () => [
|
|
596
|
+
I(d(Ve), {
|
|
573
597
|
closable: !C.value && o.closable,
|
|
574
598
|
style: { "margin-right": "3px", "background-color": "transparent" },
|
|
575
599
|
onClose: (u) => Ql(o)
|
|
576
600
|
}, {
|
|
577
601
|
default: m(() => [
|
|
578
|
-
C.value ? (
|
|
602
|
+
C.value ? (v(), b("span", {
|
|
579
603
|
key: 0,
|
|
580
|
-
innerHTML:
|
|
581
|
-
}, null, 8, Tt)) : (
|
|
604
|
+
innerHTML: d(O)("das-ui-select-selectedItemsCountWithPlaceholder", J.value)
|
|
605
|
+
}, null, 8, Tt)) : (v(), b(
|
|
582
606
|
"span",
|
|
583
607
|
{
|
|
584
608
|
key: 1,
|
|
585
609
|
class: "tag-span",
|
|
586
|
-
style:
|
|
610
|
+
style: j(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
|
|
587
611
|
},
|
|
588
|
-
Z(Hl(
|
|
612
|
+
Z(Hl(ve(o.value) ?? o.label ?? String(o.value))),
|
|
589
613
|
5
|
|
590
614
|
/* TEXT, STYLE */
|
|
591
615
|
))
|
|
@@ -596,42 +620,42 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
596
620
|
], !0)
|
|
597
621
|
]),
|
|
598
622
|
dropdownRender: m(({ menuNode: o }) => [
|
|
599
|
-
|
|
623
|
+
x(e.$slots, "dropdownRender", ue(ie({ menuNode: o })), () => {
|
|
600
624
|
var u;
|
|
601
625
|
return [
|
|
602
|
-
_e.value === "combobox" ? (
|
|
626
|
+
_e.value === "combobox" ? (v(), b("div", kt, [
|
|
603
627
|
I(n, { vnodes: o }, null, 8, ["vnodes"])
|
|
604
|
-
])) : _e.value === "custom" ? (
|
|
628
|
+
])) : _e.value === "custom" ? (v(), b("div", {
|
|
605
629
|
key: 1,
|
|
606
|
-
onClick: l[2] || (l[2] =
|
|
630
|
+
onClick: l[2] || (l[2] = se(() => {
|
|
607
631
|
}, ["stop"]))
|
|
608
632
|
}, [
|
|
609
633
|
I(n, { vnodes: o }, null, 8, ["vnodes"]),
|
|
610
|
-
|
|
634
|
+
S(
|
|
611
635
|
"div",
|
|
612
636
|
{
|
|
613
637
|
class: "customDropdown",
|
|
614
638
|
onMousedown: l[1] || (l[1] = (r) => r.preventDefault())
|
|
615
639
|
},
|
|
616
640
|
[
|
|
617
|
-
I(
|
|
641
|
+
I(d(dt), Le({
|
|
618
642
|
ref_key: "testInput",
|
|
619
643
|
ref: il,
|
|
620
|
-
modelValue:
|
|
621
|
-
"onUpdate:modelValue": l[0] || (l[0] = (r) =>
|
|
622
|
-
onKeyup: st(
|
|
623
|
-
onFocus:
|
|
624
|
-
onBlur:
|
|
644
|
+
modelValue: R.value,
|
|
645
|
+
"onUpdate:modelValue": l[0] || (l[0] = (r) => R.value = r),
|
|
646
|
+
onKeyup: st(Ee, ["enter"]),
|
|
647
|
+
onFocus: se(cl, ["stop"]),
|
|
648
|
+
onBlur: se(dl, ["stop"]),
|
|
625
649
|
width: "100%",
|
|
626
650
|
borderType: "bordered"
|
|
627
651
|
}, t.inputAttrs), null, 16, ["modelValue"]),
|
|
628
|
-
|
|
652
|
+
S(
|
|
629
653
|
"div",
|
|
630
654
|
{
|
|
631
655
|
class: "addBtn",
|
|
632
|
-
onClick:
|
|
656
|
+
onClick: Ee
|
|
633
657
|
},
|
|
634
|
-
Z(
|
|
658
|
+
Z(d(O)("添加")),
|
|
635
659
|
1
|
|
636
660
|
/* TEXT */
|
|
637
661
|
)
|
|
@@ -639,9 +663,9 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
639
663
|
32
|
|
640
664
|
/* NEED_HYDRATION */
|
|
641
665
|
)
|
|
642
|
-
])) : (
|
|
666
|
+
])) : (v(), b("div", It, [
|
|
643
667
|
I(n, { vnodes: o }, null, 8, ["vnodes"]),
|
|
644
|
-
(u = t.options) != null && u.length && t.showSelectAll ? (
|
|
668
|
+
(u = t.options) != null && u.length && t.showSelectAll ? (v(), b(
|
|
645
669
|
"div",
|
|
646
670
|
{
|
|
647
671
|
key: 0,
|
|
@@ -649,8 +673,8 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
649
673
|
onMousedown: l[3] || (l[3] = (r) => r.preventDefault())
|
|
650
674
|
},
|
|
651
675
|
[
|
|
652
|
-
|
|
653
|
-
I(
|
|
676
|
+
S("div", Vt, [
|
|
677
|
+
I(d(el), {
|
|
654
678
|
modelValue: Ml.value,
|
|
655
679
|
indeterminate: Ol.value,
|
|
656
680
|
onChange: Zl,
|
|
@@ -658,7 +682,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
658
682
|
}, {
|
|
659
683
|
default: m(() => [
|
|
660
684
|
Ie(
|
|
661
|
-
Z(
|
|
685
|
+
Z(d(O)("全选")),
|
|
662
686
|
1
|
|
663
687
|
/* TEXT */
|
|
664
688
|
)
|
|
@@ -667,9 +691,9 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
667
691
|
/* STABLE */
|
|
668
692
|
}, 8, ["modelValue", "indeterminate"])
|
|
669
693
|
]),
|
|
670
|
-
|
|
694
|
+
S("span", {
|
|
671
695
|
class: "das-ui-dropdown-has-checked",
|
|
672
|
-
innerHTML:
|
|
696
|
+
innerHTML: d(O)("das-ui-select-selectedItemsCountWithPlaceholder", J.value)
|
|
673
697
|
}, null, 8, Lt)
|
|
674
698
|
],
|
|
675
699
|
32
|
|
@@ -680,19 +704,19 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
680
704
|
}, !0)
|
|
681
705
|
]),
|
|
682
706
|
clearIcon: m(() => [
|
|
683
|
-
|
|
684
|
-
I(
|
|
707
|
+
x(e.$slots, "clearIcon", {}, () => [
|
|
708
|
+
I(d(vt), { size: "medium" })
|
|
685
709
|
], !0)
|
|
686
710
|
]),
|
|
687
711
|
maxTagPlaceholder: m((o) => [
|
|
688
|
-
|
|
712
|
+
x(e.$slots, "maxTagPlaceholder", ue(ie(o)), () => [
|
|
689
713
|
L(" 隐藏tag时显示的内容 "),
|
|
690
|
-
I(
|
|
691
|
-
style:
|
|
714
|
+
I(d(Ve), {
|
|
715
|
+
style: j(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
|
|
692
716
|
}, {
|
|
693
717
|
default: m(() => [
|
|
694
|
-
|
|
695
|
-
innerHTML:
|
|
718
|
+
S("span", {
|
|
719
|
+
innerHTML: d(O)("das-ui-select-selectedItemsCountWithPlaceholder", J.value)
|
|
696
720
|
}, null, 8, Mt)
|
|
697
721
|
]),
|
|
698
722
|
_: 1
|
|
@@ -702,8 +726,8 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
702
726
|
], !0)
|
|
703
727
|
]),
|
|
704
728
|
notFoundContent: m(() => [
|
|
705
|
-
|
|
706
|
-
l[5] || (l[5] =
|
|
729
|
+
x(e.$slots, "notFoundContent", {}, () => [
|
|
730
|
+
l[5] || (l[5] = S(
|
|
707
731
|
"div",
|
|
708
732
|
{ class: "hasNoData" },
|
|
709
733
|
"暂无数据",
|
|
@@ -713,8 +737,8 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
713
737
|
], !0)
|
|
714
738
|
]),
|
|
715
739
|
suffixIcon: m(() => [
|
|
716
|
-
|
|
717
|
-
I(
|
|
740
|
+
x(e.$slots, "suffixIcon", {}, () => [
|
|
741
|
+
I(d(ft), {
|
|
718
742
|
class: "das-suffix-icon",
|
|
719
743
|
size: "medium",
|
|
720
744
|
iconColor: "#666666"
|
|
@@ -722,7 +746,7 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
722
746
|
], !0)
|
|
723
747
|
]),
|
|
724
748
|
default: m(() => [
|
|
725
|
-
|
|
749
|
+
x(e.$slots, "default", {}, void 0, !0)
|
|
726
750
|
]),
|
|
727
751
|
_: 2
|
|
728
752
|
/* DYNAMIC */
|
|
@@ -730,54 +754,54 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
730
754
|
e.$slots.menuItemSelectedIcon ? {
|
|
731
755
|
name: "menuItemSelectedIcon",
|
|
732
756
|
fn: m(() => [
|
|
733
|
-
|
|
757
|
+
x(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
|
|
734
758
|
]),
|
|
735
759
|
key: "0"
|
|
736
760
|
} : void 0,
|
|
737
761
|
e.$slots.placeholder ? {
|
|
738
762
|
name: "placeholder",
|
|
739
763
|
fn: m(() => [
|
|
740
|
-
|
|
764
|
+
x(e.$slots, "placeholder", {}, void 0, !0)
|
|
741
765
|
]),
|
|
742
766
|
key: "1"
|
|
743
767
|
} : void 0,
|
|
744
768
|
e.$slots.removeIcon ? {
|
|
745
769
|
name: "removeIcon",
|
|
746
770
|
fn: m(() => [
|
|
747
|
-
|
|
771
|
+
x(e.$slots, "removeIcon", {}, void 0, !0)
|
|
748
772
|
]),
|
|
749
773
|
key: "2"
|
|
750
774
|
} : void 0
|
|
751
775
|
]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "showSearch", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
|
|
752
|
-
[
|
|
753
|
-
[
|
|
776
|
+
[d(it), { target: jl, x: !1 }],
|
|
777
|
+
[d(ht), Nl]
|
|
754
778
|
]),
|
|
755
|
-
p.error && p.errorLabel ? (
|
|
779
|
+
p.error && p.errorLabel ? (v(), b(
|
|
756
780
|
ke,
|
|
757
781
|
{ key: 1 },
|
|
758
782
|
[
|
|
759
|
-
p.errorMode === "default" ? (
|
|
760
|
-
|
|
783
|
+
p.errorMode === "default" ? (v(), b("div", Ot, [
|
|
784
|
+
S(
|
|
761
785
|
"span",
|
|
762
786
|
{
|
|
763
|
-
style:
|
|
787
|
+
style: j(Pl.value)
|
|
764
788
|
},
|
|
765
789
|
Z(p.errorLabel),
|
|
766
790
|
5
|
|
767
791
|
/* TEXT, STYLE */
|
|
768
792
|
)
|
|
769
793
|
])) : L("v-if", !0),
|
|
770
|
-
p.errorMode === "overlay" &&
|
|
794
|
+
p.errorMode === "overlay" && Se.value ? (v(), K(d(pt), {
|
|
771
795
|
key: 1,
|
|
772
796
|
errorLabel: p.errorLabel,
|
|
773
|
-
getEl: () =>
|
|
797
|
+
getEl: () => T.value.$el,
|
|
774
798
|
errorModelZIndex: p.errorModelZIndex
|
|
775
799
|
}, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : L("v-if", !0)
|
|
776
800
|
],
|
|
777
801
|
64
|
|
778
802
|
/* STABLE_FRAGMENT */
|
|
779
803
|
)) : L("v-if", !0),
|
|
780
|
-
|
|
804
|
+
S(
|
|
781
805
|
"div",
|
|
782
806
|
{
|
|
783
807
|
class: "ant-select-selection-overflow",
|
|
@@ -786,16 +810,16 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
786
810
|
style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
|
|
787
811
|
},
|
|
788
812
|
[
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
I(
|
|
793
|
-
style:
|
|
813
|
+
S("div", zt, [
|
|
814
|
+
S("div", Pt, [
|
|
815
|
+
S("span", _t, [
|
|
816
|
+
I(d(Ve), {
|
|
817
|
+
style: j(t.size == "mini" || t.size == "table" ? { fontSize: "12px" } : {})
|
|
794
818
|
}, {
|
|
795
819
|
default: m(() => [
|
|
796
|
-
|
|
797
|
-
innerHTML:
|
|
798
|
-
}, null, 8,
|
|
820
|
+
S("span", {
|
|
821
|
+
innerHTML: d(O)("das-ui-select-selectedItemsCountWithPlaceholder", J.value)
|
|
822
|
+
}, null, 8, Et)
|
|
799
823
|
]),
|
|
800
824
|
_: 1
|
|
801
825
|
/* STABLE */
|
|
@@ -813,15 +837,15 @@ const wt = { key: 0 }, xt = ["onClick"], At = { style: { display: "inline-block"
|
|
|
813
837
|
);
|
|
814
838
|
};
|
|
815
839
|
}
|
|
816
|
-
}), nl = (p,
|
|
840
|
+
}), nl = (p, N) => {
|
|
817
841
|
const D = p.__vccOpts || p;
|
|
818
|
-
for (const [t,
|
|
819
|
-
D[t] =
|
|
842
|
+
for (const [t, A] of N)
|
|
843
|
+
D[t] = A;
|
|
820
844
|
return D;
|
|
821
|
-
}, Bt = /* @__PURE__ */ nl(Dt, [["__scopeId", "data-v-
|
|
822
|
-
function Wt(p,
|
|
845
|
+
}, Bt = /* @__PURE__ */ nl(Dt, [["__scopeId", "data-v-21a12cc3"]]), $t = {};
|
|
846
|
+
function Wt(p, N) {
|
|
823
847
|
const D = Ct;
|
|
824
|
-
return
|
|
848
|
+
return v(), K(
|
|
825
849
|
D,
|
|
826
850
|
Le({ class: "das-ui-select-option" }, p.$attrs),
|
|
827
851
|
null,
|
|
@@ -829,7 +853,7 @@ function Wt(p, E) {
|
|
|
829
853
|
/* FULL_PROPS */
|
|
830
854
|
);
|
|
831
855
|
}
|
|
832
|
-
const
|
|
856
|
+
const Ft = /* @__PURE__ */ nl($t, [["render", Wt]]), Rt = {
|
|
833
857
|
添加: { "zh-CN": "添加", en: "Add", "zh-MO": "添加", _appCode: "framework" },
|
|
834
858
|
全选: { "zh-CN": "全选", en: "Select All", "zh-MO": "全選", _appCode: "framework" },
|
|
835
859
|
已选: { "zh-CN": "已选", en: "Selected", "zh-MO": "已選", _appCode: "framework" },
|
|
@@ -840,8 +864,8 @@ const Rt = /* @__PURE__ */ nl($t, [["render", Wt]]), Ft = {
|
|
|
840
864
|
_appCode: "framework"
|
|
841
865
|
}
|
|
842
866
|
};
|
|
843
|
-
gt(
|
|
844
|
-
const io = tl(Bt), co = tl(
|
|
867
|
+
gt(Rt);
|
|
868
|
+
const io = tl(Bt), co = tl(Ft), fo = { name: "select 选择器" };
|
|
845
869
|
export {
|
|
846
870
|
io as DasSelect,
|
|
847
871
|
co as DasSelectOption,
|