@das-fed/ui 6.4.0-dev.108 → 6.4.0-dev.109
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/package.json +5 -5
- package/packages/business-components/model-table-dialog/index.d.ts +65 -65
- package/packages/business-components/model-table-dialog/src/Index.vue.d.ts +19 -19
- package/packages/business-components/model-table-dialog/src/ModelTable.vue.d.ts +4 -4
- package/packages/components/audio-video/index.js +141 -148
- package/packages/components/audio-video/index.js.gz +0 -0
- package/packages/components/audio-video/style.css +1 -1
- package/packages/components/cascader/index.d.ts +2 -11
- package/packages/components/cascader/index.js +142 -224
- package/packages/components/cascader/index.js.gz +0 -0
- package/packages/components/cascader/src/Index.vue.d.ts +0 -1
- package/packages/components/cascader/src/type.d.ts +0 -3
- package/packages/components/cascader/style.css +1 -1
- package/packages/components/cascader/style.css.gz +0 -0
- package/packages/components/date-picker/index.js +654 -1062
- package/packages/components/date-picker/index.js.gz +0 -0
- package/packages/components/date-picker/style.css +1 -1
- package/packages/components/date-picker/style.css.gz +0 -0
- package/packages/components/error-overlay-model/index.js +34 -32
- package/packages/components/error-overlay-model/index.js.gz +0 -0
- package/packages/components/input/index.d.ts +0 -3
- package/packages/components/input/index.js +13 -14
- package/packages/components/input/index.js.gz +0 -0
- package/packages/components/input/src/index.vue.d.ts +0 -1
- package/packages/components/input/src/type.d.ts +0 -2
- package/packages/components/input/style.css +1 -1
- package/packages/components/input/style.css.gz +0 -0
- package/packages/components/input-dialog-select/index.d.ts +0 -1
- package/packages/components/input-dialog-select/index.js +52 -55
- package/packages/components/input-dialog-select/index.js.gz +0 -0
- package/packages/components/input-dialog-select/src/Index.vue.d.ts +0 -1
- package/packages/components/input-dialog-select/src/type.d.ts +0 -3
- package/packages/components/input-dialog-select/style.css +1 -1
- package/packages/components/input-dialog-select/style.css.gz +0 -0
- package/packages/components/input-number/index.d.ts +0 -5
- package/packages/components/input-number/index.js +28 -26
- package/packages/components/input-number/index.js.gz +0 -0
- package/packages/components/input-number/src/App.vue.d.ts +0 -1
- package/packages/components/input-number/src/type.d.ts +0 -3
- package/packages/components/input-number/style.css +1 -1
- package/packages/components/input-number/style.css.gz +0 -0
- package/packages/components/rich-editor/index.js +1638 -1637
- package/packages/components/rich-editor/index.js.gz +0 -0
- package/packages/components/rich-editor/src/type.d.ts +3 -0
- package/packages/components/select/index.js +343 -433
- package/packages/components/select/index.js.gz +0 -0
- package/packages/components/select/style.css +1 -1
- package/packages/components/select/style.css.gz +0 -0
|
@@ -1,33 +1,34 @@
|
|
|
1
1
|
import '@das-fed/ui/packages/components/select/style.css';
|
|
2
|
-
import { withInstall as
|
|
3
|
-
import { defineComponent as
|
|
4
|
-
import { Select as
|
|
5
|
-
import { DasCheckbox as
|
|
6
|
-
import { vScrollbar as
|
|
7
|
-
import { DasTooltip as
|
|
8
|
-
import { vDasTooltip as
|
|
9
|
-
import { DasInput as
|
|
10
|
-
import { DasIconXiala as
|
|
11
|
-
import { DasIconEmpty as
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
2
|
+
import { withInstall as Ne } from "@das-fed/utils/with-install/index";
|
|
3
|
+
import { defineComponent as _e, useCssVars as ul, computed as d, ref as n, watch as G, useSlots as il, onMounted as ie, onUnmounted as Se, watchEffect as de, nextTick as T, resolveComponent as dl, createElementBlock as g, openBlock as c, normalizeStyle as q, normalizeClass as cl, createVNode as y, withDirectives as ce, createCommentVNode as k, createElementVNode as h, unref as r, createBlock as H, mergeProps as $e, withModifiers as J, isRef as vl, createSlots as fl, withCtx as f, renderSlot as C, normalizeProps as Q, guardReactiveProps as Y, withKeys as pl, toDisplayString as W, createTextVNode as ve, Fragment as fe } from "vue";
|
|
4
|
+
import { Select as ml, Tag as pe } from "ant-design-vue";
|
|
5
|
+
import { DasCheckbox as Ve } from "@das-fed/ui/packages/components/checkbox/index";
|
|
6
|
+
import { vScrollbar as hl } from "@das-fed/ui/packages/components/scrollbar/index";
|
|
7
|
+
import { DasTooltip as bl } from "@das-fed/ui/packages/components/tooltip/index";
|
|
8
|
+
import { vDasTooltip as ze } from "@das-fed/ui/packages/components/text-tooltip/index";
|
|
9
|
+
import { DasInput as gl } from "@das-fed/ui/packages/components/input/index";
|
|
10
|
+
import { DasIconXiala as yl } from "@das-fed/ui/packages/icons/xiala/index";
|
|
11
|
+
import { DasIconEmpty as Cl } from "@das-fed/ui/packages/icons/empty/index";
|
|
12
|
+
import { DasErrorOverlayModel as wl } from "@das-fed/ui/packages/components/error-overlay-model/index";
|
|
13
|
+
import { vHoverInside as xl } from "@das-fed/utils/directive";
|
|
14
|
+
import { getVarValue as Tl, getVar as Le, setThemeRule as kl } from "@das-fed/web/packages/theme/index";
|
|
15
|
+
import { t as P, currentLang as Il, setI18nRule as Sl } from "@das-fed/web/packages/i18n/index";
|
|
16
|
+
import { useZIndex as Vl } from "@das-fed/utils/hooks/popup-manager/use-zindex";
|
|
17
|
+
import { useModelValue as zl } from "@das-fed/utils/vue";
|
|
18
|
+
import { calcTextWidth as Ll } from "@das-fed/utils/common-tools";
|
|
18
19
|
import "ant-design-vue/es/select/style/css";
|
|
19
20
|
import "ant-design-vue/es/tag/style/css";
|
|
20
|
-
import { SelectOption as
|
|
21
|
-
const
|
|
21
|
+
import { SelectOption as Nl } from "ant-design-vue/es";
|
|
22
|
+
const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style: { display: "inline-block" } }, Ml = { key: 0 }, Bl = { key: 2 }, Al = { style: { display: "inline-block" } }, Dl = ["innerHTML"], El = ["innerHTML"], Ol = {
|
|
22
23
|
key: 0,
|
|
23
24
|
class: "das-select-error-label-content das-select-label-content"
|
|
24
|
-
},
|
|
25
|
+
}, Wl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Pl = { class: "ant-select-selection-item" }, Rl = { class: "ant-select-selection-item-content" }, ql = ["innerHTML"], Hl = _e({
|
|
25
26
|
inheritAttrs: !1,
|
|
26
27
|
components: {
|
|
27
|
-
VNodes: (
|
|
28
|
+
VNodes: (I, { attrs: $ }) => $.vnodes
|
|
28
29
|
}
|
|
29
|
-
}),
|
|
30
|
-
...
|
|
30
|
+
}), Zl = /* @__PURE__ */ _e({
|
|
31
|
+
...Hl,
|
|
31
32
|
__name: "Select",
|
|
32
33
|
props: {
|
|
33
34
|
modelValue: { default: void 0 },
|
|
@@ -63,389 +64,351 @@ const Pl = { key: 0 }, Rl = { class: "das-multiple-option-item" }, ql = { style:
|
|
|
63
64
|
dropdownMode: {}
|
|
64
65
|
},
|
|
65
66
|
emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
|
|
66
|
-
setup(
|
|
67
|
-
|
|
68
|
-
"
|
|
69
|
-
"
|
|
67
|
+
setup(I, { expose: $, emit: F }) {
|
|
68
|
+
ul((e) => ({
|
|
69
|
+
"39ebb276": Pe.value,
|
|
70
|
+
"2c88bb12": Re.value
|
|
70
71
|
}));
|
|
71
|
-
const l =
|
|
72
|
+
const l = I, w = F, s = zl(l, "modelValue"), ee = d(() => {
|
|
72
73
|
var e;
|
|
73
74
|
return `<span class='key'>${((e = s.value) == null ? void 0 : e.length) ?? 0}</span>`;
|
|
74
|
-
}),
|
|
75
|
+
}), M = n(null), me = n(null), b = n(!1), Z = d(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || P("请选择")), Me = d(() => M.value ? M.value.querySelector(".ant-select-selector") : null), B = n(0), A = n(0), Be = d(() => l.isTooltip && S.value ? !1 : !l.isTooltip || z.value || !ke.value || !ae.value), Ae = d(() => (Array.isArray(s.value) ? s.value.length : s.value) ? ke.value : Z.value), he = () => {
|
|
75
76
|
const e = l.size === "table" ? 12 : 14;
|
|
76
|
-
return
|
|
77
|
-
},
|
|
78
|
-
var
|
|
79
|
-
const e =
|
|
80
|
-
t && t.length && t.forEach((
|
|
81
|
-
let
|
|
82
|
-
if (
|
|
83
|
-
const
|
|
84
|
-
return
|
|
85
|
-
},
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
77
|
+
return Ll(Z.value, e);
|
|
78
|
+
}, be = () => {
|
|
79
|
+
var _;
|
|
80
|
+
const e = M.value.querySelector(".ant-select-selection-placeholder"), t = (_ = x.value) == null ? void 0 : _.$el.querySelectorAll(".ant-select-selection-item");
|
|
81
|
+
t && t.length && t.forEach((X) => X.removeAttribute("title"));
|
|
82
|
+
let a = (e == null ? void 0 : e.offsetWidth) ?? 0;
|
|
83
|
+
if (a === 0) return a;
|
|
84
|
+
const o = window.getComputedStyle(e, null), p = parseFloat(o.paddingRight), v = parseFloat(o.paddingLeft);
|
|
85
|
+
return a - p - v;
|
|
86
|
+
}, S = n(!1);
|
|
87
|
+
G(() => [Z.value, s.value], () => {
|
|
88
|
+
T(() => {
|
|
89
|
+
A.value = be(), B.value = he(), ((Array.isArray(s.value) ? s.value.length : s.value) || A.value === B.value || B.value - A.value < 1) && (S.value = !1);
|
|
89
90
|
});
|
|
90
|
-
}),
|
|
91
|
+
}), G(
|
|
91
92
|
() => {
|
|
92
93
|
var e;
|
|
93
|
-
return (e =
|
|
94
|
+
return (e = me.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
|
|
94
95
|
},
|
|
95
96
|
(e) => {
|
|
96
97
|
e && (e.addEventListener("mouseenter", function() {
|
|
97
|
-
|
|
98
|
+
S.value = !0, O.value && clearTimeout(O.value);
|
|
98
99
|
}), e.addEventListener("mouseleave", function() {
|
|
99
|
-
|
|
100
|
-
|
|
100
|
+
O.value = setTimeout(() => {
|
|
101
|
+
S.value = !1;
|
|
101
102
|
}, 200);
|
|
102
103
|
}));
|
|
103
104
|
}
|
|
104
105
|
);
|
|
105
|
-
const
|
|
106
|
-
|
|
107
|
-
},
|
|
108
|
-
|
|
109
|
-
},
|
|
110
|
-
|
|
111
|
-
|
|
106
|
+
const ge = n(null), ye = d(() => l.dropdownMode ?? l.mode ?? ""), D = n(null), De = n(null), E = n(""), Ee = () => {
|
|
107
|
+
D.value = !0;
|
|
108
|
+
}, Oe = () => {
|
|
109
|
+
D.value = null;
|
|
110
|
+
}, Ce = () => {
|
|
111
|
+
E.value && (w("addCustomItem", E.value), T(() => {
|
|
112
|
+
x.value.focus(), E.value = "";
|
|
112
113
|
}));
|
|
113
|
-
},
|
|
114
|
-
l.dropdownMode === "custom" && !
|
|
115
|
-
|
|
114
|
+
}, we = il(), le = () => {
|
|
115
|
+
l.dropdownMode === "custom" && !we.dropdownRender && (D.value = !1, T(() => {
|
|
116
|
+
D.value = null;
|
|
116
117
|
}));
|
|
117
118
|
};
|
|
118
|
-
|
|
119
|
-
document.addEventListener("click",
|
|
120
|
-
}),
|
|
121
|
-
document.removeEventListener("click",
|
|
119
|
+
ie(() => {
|
|
120
|
+
document.addEventListener("click", le);
|
|
121
|
+
}), Se(() => {
|
|
122
|
+
document.removeEventListener("click", le);
|
|
122
123
|
});
|
|
123
|
-
const
|
|
124
|
-
if (
|
|
124
|
+
const x = n(), xe = n(), te = n(!1), oe = d(() => {
|
|
125
|
+
if (D.value !== null) return D.value;
|
|
125
126
|
if (l.open !== void 0) return l.open;
|
|
126
|
-
}),
|
|
127
|
-
|
|
128
|
-
s.value && l.mode == "combobox" && (
|
|
127
|
+
}), V = 1e6, u = n(100), i = n(100), z = n(!1), ae = n(!0), se = n(!1);
|
|
128
|
+
de(() => {
|
|
129
|
+
s.value && l.mode == "combobox" && (ae.value = !0, setTimeout(() => {
|
|
129
130
|
var t;
|
|
130
|
-
let e = (t =
|
|
131
|
+
let e = (t = x.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
|
|
131
132
|
if (e && e.length > 0)
|
|
132
|
-
for (let
|
|
133
|
-
let
|
|
134
|
-
|
|
133
|
+
for (let a = 0; a < e.length; a++) {
|
|
134
|
+
let o = e[a];
|
|
135
|
+
o.scrollWidth <= o.offsetWidth && (ae.value = !1), o.title = "";
|
|
135
136
|
}
|
|
136
137
|
}, 300));
|
|
137
|
-
}),
|
|
138
|
-
l.options && (
|
|
138
|
+
}), de(() => {
|
|
139
|
+
l.options && (xe.value = l.options.map((e) => (e.title = e.title ? e.title : "", e)));
|
|
139
140
|
});
|
|
140
|
-
const
|
|
141
|
+
const We = () => {
|
|
141
142
|
setTimeout(async () => {
|
|
142
|
-
u.value = 100, await
|
|
143
|
+
u.value = 100, await N(), u.value = i.value, b.value = !0;
|
|
143
144
|
}, 100);
|
|
144
145
|
};
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
}),
|
|
148
|
-
|
|
146
|
+
de(() => {
|
|
147
|
+
se.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (se.value = !1, We());
|
|
148
|
+
}), ie(() => {
|
|
149
|
+
se.value = !0, l.focusOpen || (i.value = 1, u.value = i.value, b.value = !0);
|
|
149
150
|
});
|
|
150
|
-
const
|
|
151
|
-
"z-index":
|
|
152
|
-
})),
|
|
151
|
+
const Pe = d(() => l.width ? l.width : "230px"), Re = d(() => l.height ? l.height : "auto"), Te = n(3e3), qe = d(() => ({
|
|
152
|
+
"z-index": Te.value
|
|
153
|
+
})), ke = d(() => {
|
|
153
154
|
var t;
|
|
154
155
|
let e = [];
|
|
155
156
|
if (l.mode != "combobox" && Array.isArray(s.value))
|
|
156
|
-
s.value.map((
|
|
157
|
-
var
|
|
158
|
-
let
|
|
159
|
-
|
|
157
|
+
s.value.map((a) => {
|
|
158
|
+
var p;
|
|
159
|
+
let o = (p = l.options) == null ? void 0 : p.find((v) => v[L.value] == a);
|
|
160
|
+
o && e.push(o[K.value]);
|
|
160
161
|
});
|
|
161
162
|
else if (l.mode == "combobox" && s.value) {
|
|
162
|
-
let
|
|
163
|
-
|
|
163
|
+
let a = (t = l.options) == null ? void 0 : t.find((o) => o[L.value] == s.value);
|
|
164
|
+
a && e.push(a[K.value]);
|
|
164
165
|
}
|
|
165
|
-
return
|
|
166
|
-
}),
|
|
166
|
+
return Il.value === "zh-CN" ? e.join("、") : e.join(", ");
|
|
167
|
+
}), He = d(() => {
|
|
167
168
|
var t;
|
|
168
169
|
if (l.mode === "combobox") return !1;
|
|
169
|
-
let e = l.options.filter((
|
|
170
|
+
let e = l.options.filter((a) => !a.disabled);
|
|
170
171
|
return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) == e.length);
|
|
171
|
-
}),
|
|
172
|
-
var t,
|
|
172
|
+
}), Ze = d(() => {
|
|
173
|
+
var t, a;
|
|
173
174
|
if (l.mode === "combobox") return !1;
|
|
174
|
-
let e = l.options.filter((
|
|
175
|
-
return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((
|
|
176
|
-
}),
|
|
175
|
+
let e = l.options.filter((o) => !o.disabled);
|
|
176
|
+
return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((a = s.value) == null ? void 0 : a.length) < e.length);
|
|
177
|
+
}), Ke = d(() => {
|
|
177
178
|
var e, t;
|
|
178
179
|
return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
|
|
179
|
-
}),
|
|
180
|
+
}), K = d(() => {
|
|
180
181
|
var e;
|
|
181
182
|
return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
|
|
182
|
-
}),
|
|
183
|
+
}), L = d(() => {
|
|
183
184
|
var e;
|
|
184
185
|
return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
|
|
185
|
-
}),
|
|
186
|
+
}), Ue = d(() => ({
|
|
186
187
|
width: typeof l.width == "number" ? l.width + "px" : l.width
|
|
187
|
-
})),
|
|
188
|
-
x: 0,
|
|
189
|
-
y: 0
|
|
190
|
-
}), ve = r(0), fe = i(() => ({
|
|
191
|
-
"font-size": "12px",
|
|
192
|
-
"background-color": He("--das-ui-color-overlay-error").value,
|
|
193
|
-
"box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
|
|
194
|
-
"border-radius": "1px",
|
|
195
|
-
padding: "4px 8px",
|
|
196
|
-
"box-sizing": "border-box",
|
|
197
|
-
"z-index": l.errorModelZIndex
|
|
198
|
-
})), rl = i(() => ({
|
|
199
|
-
...fe.value,
|
|
200
|
-
width: ve.value + "px",
|
|
201
|
-
position: "fixed",
|
|
202
|
-
visibility: "visible",
|
|
203
|
-
top: K.value.y + "px",
|
|
204
|
-
left: K.value.x + "px"
|
|
205
|
-
})), G = r({
|
|
188
|
+
})), ne = n(!1), je = n({
|
|
206
189
|
display: "block",
|
|
207
|
-
color:
|
|
190
|
+
color: Tl("--das-ui-select-overlay-error-color").value,
|
|
208
191
|
"white-space": "break-spaces"
|
|
209
|
-
}),
|
|
210
|
-
var
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
return S - he;
|
|
225
|
-
};
|
|
226
|
-
ve.value = (p = (B = y.value) == null ? void 0 : B.$el) == null ? void 0 : p.clientWidth;
|
|
227
|
-
const { top: o = 0, left: a = 0, height: v = 0 } = ((_e = (Y = y.value) == null ? void 0 : Y.$el) == null ? void 0 : _e.getBoundingClientRect()) ?? {}, f = t(), T = e();
|
|
228
|
-
o + v + T >= f ? K.value.y = o - T : K.value.y = o + v, K.value.x = a;
|
|
229
|
-
}, R = r(), ul = () => {
|
|
230
|
-
var o;
|
|
231
|
-
W.value = ke(), H.value = Te();
|
|
232
|
-
let e = (o = y.value) == null ? void 0 : o.$el.querySelectorAll(".ant-select-selection-item");
|
|
233
|
-
!!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || W.value === H.value || H.value - W.value < 1 ? L.value = !1 : (L.value = !0, R.value && clearTimeout(R.value)), nl(), ce.value = !0;
|
|
234
|
-
}, il = () => {
|
|
235
|
-
R.value = setTimeout(() => {
|
|
236
|
-
L.value = !1;
|
|
237
|
-
}, 200), ce.value = !1;
|
|
238
|
-
}, dl = (e, t) => {
|
|
239
|
-
e ? ul() : il();
|
|
240
|
-
}, cl = (e) => {
|
|
241
|
-
e && (Le.value = El().nextZIndex(), P.value = ""), J.value = e, l.mode == "combobox" && (e || setTimeout(() => {
|
|
242
|
-
var t, o;
|
|
243
|
-
(o = (t = y.value) == null ? void 0 : t.blur) == null || o.call(t);
|
|
192
|
+
}), O = n(), Xe = () => {
|
|
193
|
+
var a;
|
|
194
|
+
A.value = be(), B.value = he();
|
|
195
|
+
let e = (a = x.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
|
|
196
|
+
!!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || A.value === B.value || B.value - A.value < 1 ? S.value = !1 : (S.value = !0, O.value && clearTimeout(O.value)), ne.value = !0;
|
|
197
|
+
}, Ge = () => {
|
|
198
|
+
O.value = setTimeout(() => {
|
|
199
|
+
S.value = !1;
|
|
200
|
+
}, 200), ne.value = !1;
|
|
201
|
+
}, Je = (e, t) => {
|
|
202
|
+
e ? Xe() : Ge();
|
|
203
|
+
}, Qe = (e) => {
|
|
204
|
+
e && (Te.value = Vl().nextZIndex(), E.value = ""), U.value = e, l.mode == "combobox" && (e || setTimeout(() => {
|
|
205
|
+
var t, a;
|
|
206
|
+
(a = (t = x.value) == null ? void 0 : t.blur) == null || a.call(t);
|
|
244
207
|
})), w("dropdownVisibleChange", e);
|
|
245
|
-
},
|
|
208
|
+
}, Ye = (e) => {
|
|
246
209
|
let t = e.toString();
|
|
247
210
|
return t.length > l.maxTagTextLength && (t = t.substr(0, l.maxTagTextLength) + "..."), t;
|
|
248
|
-
},
|
|
211
|
+
}, el = (e) => l.isRenderNode ? M.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), ll = (e) => {
|
|
249
212
|
if (e) {
|
|
250
213
|
Array.isArray(s.value) || (s.value = []);
|
|
251
|
-
let t = s.value,
|
|
252
|
-
l.options.forEach((
|
|
253
|
-
!s.value.includes(
|
|
254
|
-
}), s.value = t,
|
|
214
|
+
let t = s.value, a = [];
|
|
215
|
+
l.options.forEach((o) => {
|
|
216
|
+
!s.value.includes(o[L.value]) && !o.disabled && (t.push(o[L.value]), a.push(o));
|
|
217
|
+
}), s.value = t, ue(s.value, a);
|
|
255
218
|
} else {
|
|
256
219
|
let t = s.value;
|
|
257
|
-
s.value = t.filter((
|
|
220
|
+
s.value = t.filter((a) => !!l.options.find((o) => o[L.value] === a).disabled), ue(s.value, []);
|
|
258
221
|
}
|
|
259
|
-
},
|
|
222
|
+
}, tl = (e) => {
|
|
260
223
|
if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
|
|
261
224
|
return e.children[0];
|
|
262
|
-
},
|
|
225
|
+
}, ol = (e) => {
|
|
263
226
|
if (l.mode == "combobox") {
|
|
264
227
|
w("focus", e);
|
|
265
228
|
return;
|
|
266
229
|
}
|
|
267
|
-
|
|
268
|
-
},
|
|
269
|
-
|
|
230
|
+
te.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = V, b.value = !1), w("focus", e);
|
|
231
|
+
}, U = n(!1), al = () => {
|
|
232
|
+
U.value || setTimeout(() => {
|
|
270
233
|
var e, t;
|
|
271
|
-
(t = (e =
|
|
234
|
+
(t = (e = x.value) == null ? void 0 : e.blur) == null || t.call(e);
|
|
272
235
|
}), l.mode != "combobox";
|
|
273
|
-
},
|
|
274
|
-
if (
|
|
275
|
-
|
|
236
|
+
}, Ie = (e) => {
|
|
237
|
+
if (T(() => {
|
|
238
|
+
U.value = !1;
|
|
276
239
|
}), l.mode == "combobox") {
|
|
277
240
|
w("blur", e);
|
|
278
241
|
return;
|
|
279
242
|
}
|
|
280
|
-
|
|
281
|
-
},
|
|
282
|
-
e.onClose(), u.value = 100,
|
|
283
|
-
l.mode !== "combobox" &&
|
|
243
|
+
te.value = !1, l.focusOpen && !l.isExterControlCount && (N(), u.value = i.value, b.value = !0), w("blur", e);
|
|
244
|
+
}, sl = (e) => {
|
|
245
|
+
e.onClose(), u.value = 100, T(() => {
|
|
246
|
+
l.mode !== "combobox" && oe.value || l.focusOpen && (N(), u.value = i.value, b.value = !0);
|
|
284
247
|
});
|
|
285
248
|
};
|
|
286
|
-
|
|
249
|
+
G(
|
|
287
250
|
() => l.disabled || l.isView,
|
|
288
251
|
(e) => {
|
|
289
252
|
if (e && l.mode !== "combobox") {
|
|
290
|
-
|
|
253
|
+
te.value = !1;
|
|
291
254
|
let t = new Event("blur");
|
|
292
|
-
|
|
255
|
+
Ie(t);
|
|
293
256
|
}
|
|
294
257
|
}
|
|
295
258
|
);
|
|
296
|
-
let
|
|
297
|
-
const
|
|
298
|
-
|
|
299
|
-
|
|
259
|
+
let R = n(!1);
|
|
260
|
+
const nl = (e) => {
|
|
261
|
+
R.value = e, z.value = !0, T(() => {
|
|
262
|
+
z.value = !1, l.focusOpen && (N(), u.value = e ? V : i.value, b.value = !e);
|
|
300
263
|
});
|
|
301
264
|
};
|
|
302
|
-
let
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100,
|
|
306
|
-
|
|
265
|
+
let j = null;
|
|
266
|
+
ie(() => {
|
|
267
|
+
j = new IntersectionObserver((e) => {
|
|
268
|
+
e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100, T(() => {
|
|
269
|
+
N(), u.value = i.value, b.value = !0;
|
|
307
270
|
}));
|
|
308
|
-
}),
|
|
309
|
-
}),
|
|
310
|
-
|
|
271
|
+
}), j.observe(M.value);
|
|
272
|
+
}), Se(() => {
|
|
273
|
+
j && j.disconnect();
|
|
311
274
|
});
|
|
312
|
-
const
|
|
313
|
-
var
|
|
314
|
-
let e = (
|
|
275
|
+
const N = () => {
|
|
276
|
+
var X;
|
|
277
|
+
let e = (X = x.value) == null ? void 0 : X.$el;
|
|
315
278
|
if (!e) return;
|
|
316
279
|
let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
|
|
317
280
|
if (!t) return;
|
|
318
|
-
let
|
|
319
|
-
l.borderType === "underline" && (
|
|
320
|
-
const
|
|
321
|
-
let
|
|
322
|
-
if (
|
|
323
|
-
u.value =
|
|
324
|
-
let
|
|
325
|
-
for (let
|
|
326
|
-
if (
|
|
327
|
-
|
|
281
|
+
let a = t.offsetWidth - 5;
|
|
282
|
+
l.borderType === "underline" && (a -= 10);
|
|
283
|
+
const p = Math.ceil(ge.value.querySelector(".ant-tag").offsetWidth) + 4;
|
|
284
|
+
let v = e.querySelectorAll(".ant-select-selection-overflow-item");
|
|
285
|
+
if (v.length < 1) return;
|
|
286
|
+
u.value = V;
|
|
287
|
+
let _ = 0;
|
|
288
|
+
for (let m = 0; m < v.length - 1 && !v[m].classList.contains("ant-select-selection-overflow-item-rest"); m++)
|
|
289
|
+
if (_ += Math.ceil(v[m].offsetWidth), _ <= a - p)
|
|
290
|
+
m >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = m + 1;
|
|
328
291
|
else {
|
|
329
|
-
|
|
292
|
+
m >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = m;
|
|
330
293
|
break;
|
|
331
294
|
}
|
|
332
|
-
if (
|
|
333
|
-
let
|
|
334
|
-
|
|
295
|
+
if (i.value === 0) {
|
|
296
|
+
let m = v[0], rl = m.querySelector(".anticon-close") ? 86 : 69;
|
|
297
|
+
m && !m.classList.contains("ant-select-selection-overflow-item-rest") && rl <= a - p && !we.tagRender && (i.value = 1, m.classList.add("ellipsis"));
|
|
335
298
|
}
|
|
336
|
-
},
|
|
337
|
-
|
|
299
|
+
}, re = n(!1);
|
|
300
|
+
G(
|
|
338
301
|
() => s.value,
|
|
339
302
|
async () => {
|
|
340
|
-
if (
|
|
341
|
-
|
|
303
|
+
if (re.value) {
|
|
304
|
+
re.value = !1;
|
|
342
305
|
return;
|
|
343
306
|
}
|
|
344
|
-
l.mode !== "combobox" &&
|
|
307
|
+
l.mode !== "combobox" && oe.value || (z.value = !0, u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? V : i.value, b.value = !R.value) : (u.value = i.value, b.value = !0));
|
|
345
308
|
}
|
|
346
309
|
);
|
|
347
|
-
const
|
|
348
|
-
|
|
349
|
-
const
|
|
350
|
-
l.noDropdown && l.maxTagsLength <
|
|
310
|
+
const ue = async (e, t) => {
|
|
311
|
+
re.value = !0, U.value = !1, l.mode === "combobox" && le();
|
|
312
|
+
const a = e;
|
|
313
|
+
l.noDropdown && l.maxTagsLength < a.length && a.pop(), z.value = !0, w("update:model-value", a), w("change", a, t), u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? V : i.value, b.value = !R.value), l.focusOpen || (u.value = i.value);
|
|
351
314
|
};
|
|
352
|
-
return
|
|
353
|
-
$select:
|
|
354
|
-
toChangeMaxCount:
|
|
315
|
+
return $({
|
|
316
|
+
$select: x,
|
|
317
|
+
toChangeMaxCount: nl
|
|
355
318
|
}), (e, t) => {
|
|
356
|
-
const
|
|
357
|
-
return
|
|
319
|
+
const a = dl("v-nodes");
|
|
320
|
+
return c(), g(
|
|
358
321
|
"div",
|
|
359
322
|
{
|
|
360
|
-
class:
|
|
323
|
+
class: cl(["das-ui-select", [
|
|
361
324
|
l.borderType,
|
|
362
325
|
l.isView ? "readonly" : "",
|
|
363
326
|
l.error ? "is-error" : "",
|
|
364
|
-
|
|
327
|
+
b.value ? "show-ellipsis" : ""
|
|
365
328
|
]]),
|
|
366
329
|
ref_key: "$selectBox",
|
|
367
|
-
ref:
|
|
368
|
-
style:
|
|
330
|
+
ref: M,
|
|
331
|
+
style: q(Ue.value)
|
|
369
332
|
},
|
|
370
333
|
[
|
|
371
|
-
|
|
334
|
+
y(r(bl), {
|
|
372
335
|
ref_key: "inputTooltipRef",
|
|
373
|
-
ref:
|
|
336
|
+
ref: me,
|
|
374
337
|
placement: "top",
|
|
375
338
|
"virtual-triggering": "",
|
|
376
|
-
"virtual-ref":
|
|
377
|
-
disabled:
|
|
378
|
-
content:
|
|
339
|
+
"virtual-ref": Me.value,
|
|
340
|
+
disabled: Be.value,
|
|
341
|
+
content: Ae.value
|
|
379
342
|
}, null, 8, ["virtual-ref", "disabled", "content"]),
|
|
380
|
-
|
|
381
|
-
value:
|
|
382
|
-
"onUpdate:value": t[4] || (t[4] = (
|
|
343
|
+
ce((c(), H(r(ml), $e({ mode: e.mode }, e.$attrs, {
|
|
344
|
+
value: r(s),
|
|
345
|
+
"onUpdate:value": t[4] || (t[4] = (o) => vl(s) ? s.value = o : null),
|
|
383
346
|
ref_key: "$select",
|
|
384
|
-
ref:
|
|
385
|
-
options:
|
|
347
|
+
ref: x,
|
|
348
|
+
options: xe.value,
|
|
386
349
|
fieldNames: e.fieldNames,
|
|
387
350
|
bordered: l.borderType === "bordered",
|
|
388
351
|
disabled: l.disabled || l.isView,
|
|
389
352
|
showArrow: !0,
|
|
390
|
-
open: l.noDropdown ? !1 :
|
|
391
|
-
placeholder:
|
|
392
|
-
optionFilterProp:
|
|
353
|
+
open: l.noDropdown ? !1 : oe.value,
|
|
354
|
+
placeholder: Z.value,
|
|
355
|
+
optionFilterProp: Ke.value,
|
|
393
356
|
size: l.size == "middle" ? "defalut" : l.size == "mini" ? "small" : l.size,
|
|
394
357
|
style: l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {},
|
|
395
358
|
dropdownClassName: "das-ui-select-dorpdown " + e.dropdownClassName,
|
|
396
359
|
maxTagCount: u.value,
|
|
397
|
-
getPopupContainer:
|
|
398
|
-
dropdownStyle:
|
|
399
|
-
onDropdownVisibleChange:
|
|
400
|
-
onChange:
|
|
401
|
-
onFocus:
|
|
360
|
+
getPopupContainer: el,
|
|
361
|
+
dropdownStyle: qe.value,
|
|
362
|
+
onDropdownVisibleChange: Qe,
|
|
363
|
+
onChange: ue,
|
|
364
|
+
onFocus: ol,
|
|
402
365
|
onClick: [
|
|
403
|
-
|
|
404
|
-
t[5] || (t[5] =
|
|
366
|
+
al,
|
|
367
|
+
t[5] || (t[5] = J(() => {
|
|
405
368
|
}, ["stop"]))
|
|
406
369
|
],
|
|
407
|
-
onBlur:
|
|
408
|
-
}),
|
|
409
|
-
option:
|
|
410
|
-
C(e.$slots, "option",
|
|
411
|
-
var
|
|
370
|
+
onBlur: Ie
|
|
371
|
+
}), fl({
|
|
372
|
+
option: f((o) => [
|
|
373
|
+
C(e.$slots, "option", Q(Y(o)), () => {
|
|
374
|
+
var p;
|
|
412
375
|
return [
|
|
413
|
-
|
|
376
|
+
o.children && typeof o.children == "function" ? (c(), H(a, {
|
|
414
377
|
key: 0,
|
|
415
|
-
vnodes:
|
|
416
|
-
}, null, 8, ["vnodes"])) : (
|
|
417
|
-
|
|
378
|
+
vnodes: o.children()
|
|
379
|
+
}, null, 8, ["vnodes"])) : (c(), g(
|
|
380
|
+
fe,
|
|
418
381
|
{ key: 1 },
|
|
419
382
|
[
|
|
420
|
-
|
|
421
|
-
e.mode === "combobox" ?
|
|
422
|
-
|
|
423
|
-
|
|
383
|
+
k(' :option="{value, label, [disabled, key, title]}" '),
|
|
384
|
+
e.mode === "combobox" ? ce((c(), g("div", _l, [
|
|
385
|
+
ve(
|
|
386
|
+
W(o[K.value]),
|
|
424
387
|
1
|
|
425
388
|
/* TEXT */
|
|
426
389
|
)
|
|
427
390
|
])), [
|
|
428
|
-
[
|
|
429
|
-
]) : (
|
|
430
|
-
|
|
391
|
+
[r(ze)]
|
|
392
|
+
]) : (c(), g(
|
|
393
|
+
fe,
|
|
431
394
|
{ key: 1 },
|
|
432
395
|
[
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
(
|
|
396
|
+
k(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
|
|
397
|
+
h("div", $l, [
|
|
398
|
+
(c(), H(r(Ve), {
|
|
436
399
|
class: "das-select-checkbox",
|
|
437
|
-
modelValue: (
|
|
438
|
-
key:
|
|
439
|
-
disabled:
|
|
400
|
+
modelValue: (p = r(s)) == null ? void 0 : p.includes(o[L.value]),
|
|
401
|
+
key: o[L.value],
|
|
402
|
+
disabled: o.disabled
|
|
440
403
|
}, null, 8, ["modelValue", "disabled"])),
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
404
|
+
ce((c(), g("div", Fl, [
|
|
405
|
+
ve(
|
|
406
|
+
W(o[K.value]),
|
|
444
407
|
1
|
|
445
408
|
/* TEXT */
|
|
446
409
|
)
|
|
447
410
|
])), [
|
|
448
|
-
[
|
|
411
|
+
[r(ze)]
|
|
449
412
|
])
|
|
450
413
|
])
|
|
451
414
|
],
|
|
@@ -459,21 +422,21 @@ const Pl = { key: 0 }, Rl = { class: "das-multiple-option-item" }, ql = { style:
|
|
|
459
422
|
];
|
|
460
423
|
}, !0)
|
|
461
424
|
]),
|
|
462
|
-
tagRender:
|
|
463
|
-
C(e.$slots, "tagRender",
|
|
464
|
-
|
|
465
|
-
closable:
|
|
425
|
+
tagRender: f((o) => [
|
|
426
|
+
C(e.$slots, "tagRender", Q(Y(o)), () => [
|
|
427
|
+
y(r(pe), {
|
|
428
|
+
closable: o.closable,
|
|
466
429
|
style: { "margin-right": "3px", "background-color": "transparent" },
|
|
467
|
-
onClose: (
|
|
430
|
+
onClose: (p) => sl(o)
|
|
468
431
|
}, {
|
|
469
|
-
default:
|
|
470
|
-
|
|
432
|
+
default: f(() => [
|
|
433
|
+
h(
|
|
471
434
|
"span",
|
|
472
435
|
{
|
|
473
436
|
class: "tag-span",
|
|
474
|
-
style:
|
|
437
|
+
style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
|
|
475
438
|
},
|
|
476
|
-
|
|
439
|
+
W(Ye(o.label)),
|
|
477
440
|
5
|
|
478
441
|
/* TEXT, STYLE */
|
|
479
442
|
)
|
|
@@ -483,43 +446,43 @@ const Pl = { key: 0 }, Rl = { class: "das-multiple-option-item" }, ql = { style:
|
|
|
483
446
|
}, 1032, ["closable", "onClose"])
|
|
484
447
|
], !0)
|
|
485
448
|
]),
|
|
486
|
-
dropdownRender:
|
|
487
|
-
C(e.$slots, "dropdownRender",
|
|
488
|
-
var
|
|
449
|
+
dropdownRender: f(({ menuNode: o }) => [
|
|
450
|
+
C(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
|
|
451
|
+
var p;
|
|
489
452
|
return [
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
])) :
|
|
453
|
+
ye.value === "combobox" ? (c(), g("div", Ml, [
|
|
454
|
+
y(a, { vnodes: o }, null, 8, ["vnodes"])
|
|
455
|
+
])) : ye.value === "custom" ? (c(), g("div", {
|
|
493
456
|
key: 1,
|
|
494
|
-
onClick: t[2] || (t[2] =
|
|
457
|
+
onClick: t[2] || (t[2] = J(() => {
|
|
495
458
|
}, ["stop"]))
|
|
496
459
|
}, [
|
|
497
|
-
|
|
498
|
-
|
|
460
|
+
y(a, { vnodes: o }, null, 8, ["vnodes"]),
|
|
461
|
+
h(
|
|
499
462
|
"div",
|
|
500
463
|
{
|
|
501
464
|
class: "customDropdown",
|
|
502
|
-
onMousedown: t[1] || (t[1] = (
|
|
465
|
+
onMousedown: t[1] || (t[1] = (v) => v.preventDefault())
|
|
503
466
|
},
|
|
504
467
|
[
|
|
505
|
-
|
|
468
|
+
y(r(gl), {
|
|
506
469
|
ref_key: "testInput",
|
|
507
|
-
ref:
|
|
508
|
-
modelValue:
|
|
509
|
-
"onUpdate:modelValue": t[0] || (t[0] = (
|
|
510
|
-
onKeyup:
|
|
511
|
-
onFocus:
|
|
512
|
-
onBlur:
|
|
470
|
+
ref: De,
|
|
471
|
+
modelValue: E.value,
|
|
472
|
+
"onUpdate:modelValue": t[0] || (t[0] = (v) => E.value = v),
|
|
473
|
+
onKeyup: pl(Ce, ["enter"]),
|
|
474
|
+
onFocus: J(Ee, ["stop"]),
|
|
475
|
+
onBlur: J(Oe, ["stop"]),
|
|
513
476
|
width: "100%",
|
|
514
477
|
borderType: "bordered"
|
|
515
478
|
}, null, 8, ["modelValue"]),
|
|
516
|
-
|
|
479
|
+
h(
|
|
517
480
|
"div",
|
|
518
481
|
{
|
|
519
482
|
class: "addBtn",
|
|
520
|
-
onClick:
|
|
483
|
+
onClick: Ce
|
|
521
484
|
},
|
|
522
|
-
|
|
485
|
+
W(r(P)("添加")),
|
|
523
486
|
1
|
|
524
487
|
/* TEXT */
|
|
525
488
|
)
|
|
@@ -527,26 +490,26 @@ const Pl = { key: 0 }, Rl = { class: "das-multiple-option-item" }, ql = { style:
|
|
|
527
490
|
32
|
|
528
491
|
/* NEED_HYDRATION */
|
|
529
492
|
)
|
|
530
|
-
])) : (
|
|
531
|
-
|
|
532
|
-
(
|
|
493
|
+
])) : (c(), g("div", Bl, [
|
|
494
|
+
y(a, { vnodes: o }, null, 8, ["vnodes"]),
|
|
495
|
+
(p = l.options) != null && p.length ? (c(), g(
|
|
533
496
|
"div",
|
|
534
497
|
{
|
|
535
498
|
key: 0,
|
|
536
499
|
class: "das-ui-select-dropdown-checkall",
|
|
537
|
-
onMousedown: t[3] || (t[3] = (
|
|
500
|
+
onMousedown: t[3] || (t[3] = (v) => v.preventDefault())
|
|
538
501
|
},
|
|
539
502
|
[
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
modelValue:
|
|
543
|
-
indeterminate:
|
|
544
|
-
onChange:
|
|
503
|
+
h("div", Al, [
|
|
504
|
+
y(r(Ve), {
|
|
505
|
+
modelValue: He.value,
|
|
506
|
+
indeterminate: Ze.value,
|
|
507
|
+
onChange: ll,
|
|
545
508
|
style: { display: "flex" }
|
|
546
509
|
}, {
|
|
547
|
-
default:
|
|
548
|
-
|
|
549
|
-
|
|
510
|
+
default: f(() => [
|
|
511
|
+
ve(
|
|
512
|
+
W(r(P)("全选")),
|
|
550
513
|
1
|
|
551
514
|
/* TEXT */
|
|
552
515
|
)
|
|
@@ -555,49 +518,49 @@ const Pl = { key: 0 }, Rl = { class: "das-multiple-option-item" }, ql = { style:
|
|
|
555
518
|
/* STABLE */
|
|
556
519
|
}, 8, ["modelValue", "indeterminate"])
|
|
557
520
|
]),
|
|
558
|
-
|
|
521
|
+
h("span", {
|
|
559
522
|
class: "das-ui-dropdown-has-checked",
|
|
560
|
-
innerHTML:
|
|
561
|
-
}, null, 8,
|
|
523
|
+
innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
|
|
524
|
+
}, null, 8, Dl)
|
|
562
525
|
],
|
|
563
526
|
32
|
|
564
527
|
/* NEED_HYDRATION */
|
|
565
|
-
)) :
|
|
528
|
+
)) : k("v-if", !0)
|
|
566
529
|
]))
|
|
567
530
|
];
|
|
568
531
|
}, !0)
|
|
569
532
|
]),
|
|
570
|
-
clearIcon:
|
|
533
|
+
clearIcon: f(() => [
|
|
571
534
|
C(e.$slots, "clearIcon", {}, () => [
|
|
572
|
-
|
|
535
|
+
y(r(Cl), { size: "medium" })
|
|
573
536
|
], !0)
|
|
574
537
|
]),
|
|
575
|
-
maxTagPlaceholder:
|
|
576
|
-
C(e.$slots, "maxTagPlaceholder",
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
style:
|
|
538
|
+
maxTagPlaceholder: f((o) => [
|
|
539
|
+
C(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
|
|
540
|
+
k(" 隐藏tag时显示的内容 "),
|
|
541
|
+
y(r(pe), {
|
|
542
|
+
style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
|
|
580
543
|
}, {
|
|
581
|
-
default:
|
|
582
|
-
|
|
583
|
-
innerHTML:
|
|
584
|
-
}, null, 8,
|
|
544
|
+
default: f(() => [
|
|
545
|
+
h("span", {
|
|
546
|
+
innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
|
|
547
|
+
}, null, 8, El)
|
|
585
548
|
]),
|
|
586
549
|
_: 1
|
|
587
550
|
/* STABLE */
|
|
588
551
|
}, 8, ["style"]),
|
|
589
|
-
|
|
552
|
+
k(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
|
|
590
553
|
], !0)
|
|
591
554
|
]),
|
|
592
|
-
suffixIcon:
|
|
555
|
+
suffixIcon: f(() => [
|
|
593
556
|
C(e.$slots, "suffixIcon", {}, () => [
|
|
594
|
-
|
|
557
|
+
y(r(yl), {
|
|
595
558
|
class: "das-suffix-icon",
|
|
596
559
|
size: "medium"
|
|
597
560
|
})
|
|
598
561
|
], !0)
|
|
599
562
|
]),
|
|
600
|
-
default:
|
|
563
|
+
default: f(() => [
|
|
601
564
|
C(e.$slots, "default", {}, void 0, !0)
|
|
602
565
|
]),
|
|
603
566
|
_: 2
|
|
@@ -605,133 +568,80 @@ const Pl = { key: 0 }, Rl = { class: "das-multiple-option-item" }, ql = { style:
|
|
|
605
568
|
}, [
|
|
606
569
|
e.$slots.menuItemSelectedIcon ? {
|
|
607
570
|
name: "menuItemSelectedIcon",
|
|
608
|
-
fn:
|
|
571
|
+
fn: f(() => [
|
|
609
572
|
C(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
|
|
610
573
|
]),
|
|
611
574
|
key: "0"
|
|
612
575
|
} : void 0,
|
|
613
576
|
e.$slots.notFoundContent ? {
|
|
614
577
|
name: "notFoundContent",
|
|
615
|
-
fn:
|
|
578
|
+
fn: f(() => [
|
|
616
579
|
C(e.$slots, "notFoundContent", {}, void 0, !0)
|
|
617
580
|
]),
|
|
618
581
|
key: "1"
|
|
619
582
|
} : void 0,
|
|
620
583
|
e.$slots.placeholder ? {
|
|
621
584
|
name: "placeholder",
|
|
622
|
-
fn:
|
|
585
|
+
fn: f(() => [
|
|
623
586
|
C(e.$slots, "placeholder", {}, void 0, !0)
|
|
624
587
|
]),
|
|
625
588
|
key: "2"
|
|
626
589
|
} : void 0,
|
|
627
590
|
e.$slots.removeIcon ? {
|
|
628
591
|
name: "removeIcon",
|
|
629
|
-
fn:
|
|
592
|
+
fn: f(() => [
|
|
630
593
|
C(e.$slots, "removeIcon", {}, void 0, !0)
|
|
631
594
|
]),
|
|
632
595
|
key: "3"
|
|
633
596
|
} : void 0
|
|
634
597
|
]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
|
|
635
|
-
[
|
|
636
|
-
[
|
|
598
|
+
[r(hl), { target: tl, x: !1 }],
|
|
599
|
+
[r(xl), Je]
|
|
637
600
|
]),
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
v-if="(errorMode === 'default' || (errorMode === 'overlay' && isHoverInInput)) && error && !!errorLabel"\r
|
|
641
|
-
>\r
|
|
642
|
-
<span v-if="error" class="das-select-error-label label">{{ errorLabel }}</span>\r
|
|
643
|
-
</div> `),
|
|
644
|
-
e.error && e.errorLabel ? (d(), b(
|
|
645
|
-
ae,
|
|
601
|
+
e.error && e.errorLabel ? (c(), g(
|
|
602
|
+
fe,
|
|
646
603
|
{ key: 0 },
|
|
647
604
|
[
|
|
648
|
-
e.errorMode === "default" ? (
|
|
649
|
-
|
|
605
|
+
e.errorMode === "default" ? (c(), g("div", Ol, [
|
|
606
|
+
h(
|
|
650
607
|
"span",
|
|
651
608
|
{
|
|
652
|
-
style:
|
|
609
|
+
style: q(je.value)
|
|
653
610
|
},
|
|
654
|
-
|
|
611
|
+
W(e.errorLabel),
|
|
655
612
|
5
|
|
656
613
|
/* TEXT, STYLE */
|
|
657
614
|
)
|
|
658
|
-
])) :
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
}, [
|
|
666
|
-
m(
|
|
667
|
-
"div",
|
|
668
|
-
{
|
|
669
|
-
ref_key: "$errorModel",
|
|
670
|
-
ref: Ke,
|
|
671
|
-
style: I(rl.value)
|
|
672
|
-
},
|
|
673
|
-
[
|
|
674
|
-
m(
|
|
675
|
-
"span",
|
|
676
|
-
{
|
|
677
|
-
style: I(G.value)
|
|
678
|
-
},
|
|
679
|
-
V(e.errorLabel),
|
|
680
|
-
5
|
|
681
|
-
/* TEXT, STYLE */
|
|
682
|
-
)
|
|
683
|
-
],
|
|
684
|
-
4
|
|
685
|
-
/* STYLE */
|
|
686
|
-
)
|
|
687
|
-
])) : (d(), b(
|
|
688
|
-
"div",
|
|
689
|
-
{
|
|
690
|
-
key: 1,
|
|
691
|
-
style: I(fe.value),
|
|
692
|
-
class: "das-select-error-label label"
|
|
693
|
-
},
|
|
694
|
-
[
|
|
695
|
-
m(
|
|
696
|
-
"span",
|
|
697
|
-
{
|
|
698
|
-
style: I(G.value)
|
|
699
|
-
},
|
|
700
|
-
V(e.errorLabel),
|
|
701
|
-
5
|
|
702
|
-
/* TEXT, STYLE */
|
|
703
|
-
)
|
|
704
|
-
],
|
|
705
|
-
4
|
|
706
|
-
/* STYLE */
|
|
707
|
-
))
|
|
708
|
-
],
|
|
709
|
-
64
|
|
710
|
-
/* STABLE_FRAGMENT */
|
|
711
|
-
)) : M("v-if", !0)
|
|
615
|
+
])) : k("v-if", !0),
|
|
616
|
+
e.errorMode === "overlay" && ne.value ? (c(), H(r(wl), {
|
|
617
|
+
key: 1,
|
|
618
|
+
errorLabel: e.errorLabel,
|
|
619
|
+
getEl: () => x.value.$el,
|
|
620
|
+
errorModelZIndex: e.errorModelZIndex
|
|
621
|
+
}, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0)
|
|
712
622
|
],
|
|
713
623
|
64
|
|
714
624
|
/* STABLE_FRAGMENT */
|
|
715
|
-
)) :
|
|
716
|
-
|
|
625
|
+
)) : k("v-if", !0),
|
|
626
|
+
h(
|
|
717
627
|
"div",
|
|
718
628
|
{
|
|
719
629
|
class: "ant-select-selection-overflow",
|
|
720
630
|
ref_key: "virtualTotalCount",
|
|
721
|
-
ref:
|
|
631
|
+
ref: ge,
|
|
722
632
|
style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
|
|
723
633
|
},
|
|
724
634
|
[
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
style:
|
|
635
|
+
h("div", Wl, [
|
|
636
|
+
h("div", Pl, [
|
|
637
|
+
h("span", Rl, [
|
|
638
|
+
y(r(pe), {
|
|
639
|
+
style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
|
|
730
640
|
}, {
|
|
731
|
-
default:
|
|
732
|
-
|
|
733
|
-
innerHTML:
|
|
734
|
-
}, null, 8,
|
|
641
|
+
default: f(() => [
|
|
642
|
+
h("span", {
|
|
643
|
+
innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
|
|
644
|
+
}, null, 8, ql)
|
|
735
645
|
]),
|
|
736
646
|
_: 1
|
|
737
647
|
/* STABLE */
|
|
@@ -749,32 +659,32 @@ const Pl = { key: 0 }, Rl = { class: "das-multiple-option-item" }, ql = { style:
|
|
|
749
659
|
);
|
|
750
660
|
};
|
|
751
661
|
}
|
|
752
|
-
}),
|
|
753
|
-
const
|
|
754
|
-
for (const [l, w] of
|
|
755
|
-
|
|
756
|
-
return
|
|
757
|
-
},
|
|
758
|
-
function
|
|
759
|
-
const
|
|
760
|
-
return
|
|
761
|
-
|
|
762
|
-
|
|
662
|
+
}), Fe = (I, $) => {
|
|
663
|
+
const F = I.__vccOpts || I;
|
|
664
|
+
for (const [l, w] of $)
|
|
665
|
+
F[l] = w;
|
|
666
|
+
return F;
|
|
667
|
+
}, Kl = /* @__PURE__ */ Fe(Zl, [["__scopeId", "data-v-c5311fc8"]]), Ul = {};
|
|
668
|
+
function jl(I, $) {
|
|
669
|
+
const F = Nl;
|
|
670
|
+
return c(), H(
|
|
671
|
+
F,
|
|
672
|
+
$e({ class: "das-ui-select-option" }, I.$attrs),
|
|
763
673
|
null,
|
|
764
674
|
16
|
|
765
675
|
/* FULL_PROPS */
|
|
766
676
|
);
|
|
767
677
|
}
|
|
768
|
-
const
|
|
678
|
+
const Xl = /* @__PURE__ */ Fe(Ul, [["render", jl]]), Gl = {
|
|
769
679
|
"--das-ui-select-color-bg": "#FFFFFF",
|
|
770
680
|
// 默认背景色
|
|
771
|
-
"--das-ui-select-color-primary":
|
|
681
|
+
"--das-ui-select-color-primary": Le("--das-ui-color-primary"),
|
|
772
682
|
// 主题色
|
|
773
683
|
"--das-ui-select-color-text": "#212121",
|
|
774
684
|
// 主文本色
|
|
775
685
|
"--das-ui-select-color-border": "#d9d9d9",
|
|
776
686
|
// 边框基础色
|
|
777
|
-
"--das-ui-select-color-underline":
|
|
687
|
+
"--das-ui-select-color-underline": Le("--das-ui-color-help"),
|
|
778
688
|
// 下划线基础色
|
|
779
689
|
"--das-ui-select-color-error": "#FB2323",
|
|
780
690
|
// 错误边框色
|
|
@@ -812,7 +722,7 @@ const rt = /* @__PURE__ */ qe(at, [["render", st]]), nt = {
|
|
|
812
722
|
// 多选框字体大小-lg
|
|
813
723
|
"--das-ui-select-overlay-error-color": "#FB2323",
|
|
814
724
|
"--das-ui-select-overlay-error-bg-color": "#FFDBE0"
|
|
815
|
-
},
|
|
725
|
+
}, Jl = {
|
|
816
726
|
添加: { "zh-CN": "添加", en: "Add", _appCode: "framework" },
|
|
817
727
|
全选: { "zh-CN": "全选", en: "Select All", _appCode: "framework" },
|
|
818
728
|
已选: { "zh-CN": "已选", en: "Selected", _appCode: "framework" },
|
|
@@ -822,11 +732,11 @@ const rt = /* @__PURE__ */ qe(at, [["render", st]]), nt = {
|
|
|
822
732
|
_appCode: "framework"
|
|
823
733
|
}
|
|
824
734
|
};
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
const
|
|
735
|
+
Sl(Jl);
|
|
736
|
+
kl(Gl);
|
|
737
|
+
const yt = Ne(Kl), Ct = Ne(Xl), wt = { name: "select 选择器" };
|
|
828
738
|
export {
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
739
|
+
yt as DasSelect,
|
|
740
|
+
Ct as DasSelectOption,
|
|
741
|
+
wt as default
|
|
832
742
|
};
|