@das-fed/upf-ui 6.4.0-dev.136 → 6.4.0-dev.137
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/components/cascader/index.d.ts +2 -0
- package/packages/components/cascader/index.js +54 -54
- package/packages/components/cascader/index.js.gz +0 -0
- package/packages/components/cascader/src/type.d.ts +3 -0
- package/packages/components/cascader/style.css +1 -1
- package/packages/components/cascader/style.css.gz +0 -0
- package/packages/components/checkbox/index.d.ts +2 -0
- package/packages/components/checkbox/index.js +45 -45
- package/packages/components/checkbox/index.js.gz +0 -0
- package/packages/components/checkbox/src/type.d.ts +4 -1
- package/packages/components/checkbox/style.css +1 -1
- package/packages/components/checkbox/style.css.gz +0 -0
- package/packages/components/color-picker/index.js +8 -7
- package/packages/components/color-picker/index.js.gz +0 -0
- package/packages/components/color-picker/src/type.d.ts +3 -0
- package/packages/components/date-picker/index.js +345 -341
- package/packages/components/date-picker/index.js.gz +0 -0
- package/packages/components/date-picker/src/type.d.ts +15 -0
- package/packages/components/date-picker/style.css +1 -1
- package/packages/components/date-picker/style.css.gz +0 -0
- package/packages/components/form/index.d.ts +0 -1
- package/packages/components/form/index.js +41 -50
- package/packages/components/form/index.js.gz +0 -0
- package/packages/components/form-item/index.js +531 -524
- package/packages/components/form-item/index.js.gz +0 -0
- package/packages/components/form-item/style.css +1 -1
- package/packages/components/form-item/style.css.gz +0 -0
- package/packages/components/input-dialog-select/index.js +39 -39
- package/packages/components/input-dialog-select/index.js.gz +0 -0
- package/packages/components/input-dialog-select/src/type.d.ts +3 -0
- package/packages/components/input-dialog-select/style.css +1 -1
- package/packages/components/input-dialog-select/style.css.gz +0 -0
- package/packages/components/radio/index.d.ts +2 -0
- package/packages/components/radio/index.js +44 -44
- package/packages/components/radio/index.js.gz +0 -0
- package/packages/components/radio/src/type.d.ts +5 -2
- package/packages/components/select-input/index.js +36 -36
- package/packages/components/select-input/index.js.gz +0 -0
- package/packages/components/select-input/src/type.d.ts +6 -3
- package/packages/components/select-input/style.css +1 -1
- package/packages/components/select-input/style.css.gz +0 -0
- package/packages/components/switch/index.js +22 -23
- package/packages/components/switch/index.js.gz +0 -0
- package/packages/components/switch/src/type.d.ts +3 -0
- package/packages/components/switch/style.css +1 -1
- package/packages/components/switch/style.css.gz +0 -0
- package/packages/components/form/hooks/use-form-size.d.ts +0 -3
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.das-ui-form-item[data-v-
|
|
1
|
+
.das-ui-form-item[data-v-87242a48]{display:flex;flex-direction:column;min-width:0}.das-ui-form-item.marin-right-0[data-v-87242a48]{margin-right:0!important}.das-ui-form-item.top[data-v-87242a48]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-87242a48]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-87242a48]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-87242a48]{text-align:left}.das-ui-form-item.right[data-v-87242a48]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-87242a48]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-87242a48]{width:auto}.das-ui-form-item.flex-layout[data-v-87242a48]{width:100%}.das-ui-form-item .das-ui-form-item-label[data-v-87242a48]{flex-shrink:0}.das-ui-form-item .das-ui-form-item-label.size-small[data-v-87242a48]{height:24px;line-height:24px;font-size:12px}.das-ui-form-item .das-ui-form-item-label.size-default[data-v-87242a48]{height:32px;line-height:32px;font-size:14px}.das-ui-form-item .das-ui-form-item-label.size-large[data-v-87242a48]{height:40px;line-height:40px;font-size:14px}.das-ui-form-item .das-ui-form-item-label .label[data-v-87242a48]{width:fit-content;position:relative;max-width:100%;display:flex;align-items:center;color:var(--das-ui-form-label-normal)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-87242a48]{width:100%;padding-left:var(--500804a4)}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner[data-v-87242a48]{position:relative}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-87242a48]:before{content:"*";position:absolute;left:-8px;width:6px;color:var(--das-ui-form-error-label-color);font-weight:700}.das-ui-form-item .das-ui-form-item-label .label .help-icon-container[data-v-87242a48]{height:100%;display:flex;align-items:center;justify-content:center}.das-ui-form-item .das-ui-form-container[data-v-87242a48]{flex:1;display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-87242a48]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-form-error-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-87242a48]{position:absolute;width:100%;left:0;top:100%;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--das-ui-form-error-label-color)}.das-form-item-overlay-error-label-content[data-v-87242a48]{position:absolute;top:100%;left:0;width:var(--df33fc12)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}
|
|
Binary file
|
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
import '@das-fed/upf-ui/packages/components/input-dialog-select/style.css';
|
|
2
2
|
import { withInstall as j } from "@das-fed/upf-utils/with-install/index";
|
|
3
|
-
import { defineComponent as P, ref as s, computed as
|
|
3
|
+
import { defineComponent as P, ref as s, computed as k, watch as H, nextTick as q, createElementBlock as c, openBlock as u, mergeProps as G, createElementVNode as D, createCommentVNode as g, createBlock as J, normalizeClass as Q, unref as t, withDirectives as $, toDisplayString as M, Fragment as U, createVNode as X, withModifiers as Y } from "vue";
|
|
4
4
|
import { DasAutoRegisterIcon as x, DasIcon as ee } from "@das-fed/upf-ui/packages/components/icon/index";
|
|
5
|
-
import { vDasTooltip as
|
|
5
|
+
import { vDasTooltip as F } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
|
|
6
6
|
import { DasErrorOverlayModel as le } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
|
|
7
7
|
import { getVarValue as te, setThemeRule as oe } from "@das-fed/upf-web/packages/theme/index";
|
|
8
8
|
import { t as N, currentLang as ae, setI18nRule as re } from "@das-fed/upf-web/packages/i18n/index";
|
|
9
9
|
import { isEmpty as i } from "@das-fed/upf-utils/common-tools";
|
|
10
|
-
|
|
11
|
-
const ie = {
|
|
10
|
+
const se = {
|
|
12
11
|
key: 0,
|
|
13
12
|
class: "placeholder-text"
|
|
14
|
-
},
|
|
13
|
+
}, ie = {
|
|
15
14
|
key: 1,
|
|
16
15
|
class: "dialog-text"
|
|
17
|
-
},
|
|
16
|
+
}, ue = {
|
|
18
17
|
key: 2,
|
|
19
18
|
class: "reset-plus"
|
|
20
|
-
},
|
|
19
|
+
}, de = { class: "das-input-dialog-select-label-content" }, ne = ["title"], ce = /* @__PURE__ */ P({
|
|
21
20
|
__name: "Index",
|
|
22
21
|
props: {
|
|
23
22
|
modelValue: {},
|
|
@@ -36,14 +35,15 @@ const ie = {
|
|
|
36
35
|
placeholder: { default: N("请选择") },
|
|
37
36
|
errorMode: { default: "default" },
|
|
38
37
|
errorModelZIndex: { default: 2e3 },
|
|
39
|
-
noSetDefaultVal: { type: Boolean }
|
|
38
|
+
noSetDefaultVal: { type: Boolean },
|
|
39
|
+
formSize: {}
|
|
40
40
|
},
|
|
41
41
|
emits: ["update:modelValue", "open-dialog", "clear-dialog", "update:selectedOptions", "change"],
|
|
42
|
-
setup(
|
|
42
|
+
setup(I, { emit: C }) {
|
|
43
43
|
x({
|
|
44
44
|
search: import("@das-fed/upf-ui/packages/icons/search")
|
|
45
45
|
});
|
|
46
|
-
const l =
|
|
46
|
+
const l = I, a = C, h = s(!1), p = k(() => l.isView), S = k(() => l.placeholder), V = k(() => `${l.width === "auto" ? "100%" : l.width}`);
|
|
47
47
|
let r = s("");
|
|
48
48
|
r.value = l.modelValue;
|
|
49
49
|
const d = s(null), n = s(null);
|
|
@@ -51,7 +51,7 @@ const ie = {
|
|
|
51
51
|
H(
|
|
52
52
|
() => l.selectedOptions,
|
|
53
53
|
(e, m) => {
|
|
54
|
-
let b = "",
|
|
54
|
+
let b = "", z = [], y = [];
|
|
55
55
|
if (i(e) && i(m) && l.modelValue instanceof Array && !l.modelValue.length) {
|
|
56
56
|
r.value = "", f.value = "";
|
|
57
57
|
return;
|
|
@@ -61,23 +61,23 @@ const ie = {
|
|
|
61
61
|
b = e;
|
|
62
62
|
else if (e instanceof Array) {
|
|
63
63
|
if (!(e != null && e.length) && !(m != null && m.length)) {
|
|
64
|
-
r.value =
|
|
64
|
+
r.value = p.value || l.disabled ? "-" : "";
|
|
65
65
|
return;
|
|
66
66
|
}
|
|
67
67
|
y = e.map((v) => {
|
|
68
68
|
const o = v[l.optionsLabelKey];
|
|
69
69
|
if (!(o === null || typeof o > "u" || o === ""))
|
|
70
70
|
return o;
|
|
71
|
-
}),
|
|
71
|
+
}), z = e.map((v) => {
|
|
72
72
|
const o = v[l.optionsValueKey];
|
|
73
73
|
if (!(o === null || typeof o > "u" || o === ""))
|
|
74
74
|
return o;
|
|
75
75
|
}), b = ae.value === "zh-CN" ? y.join("、") : y.join(",");
|
|
76
76
|
}
|
|
77
77
|
const W = l.noSetDefaultVal ? "" : "-";
|
|
78
|
-
r.value = (
|
|
79
|
-
var v, o, w,
|
|
80
|
-
((v = d == null ? void 0 : d.value) == null ? void 0 : v.offsetWidth) > 0 && ((o = n == null ? void 0 : n.value) == null ? void 0 : o.offsetWidth) > 0 && ((w = n == null ? void 0 : n.value) == null ? void 0 : w.offsetWidth) > ((
|
|
78
|
+
r.value = (p.value || l.disabled) && i(b) ? W : b, L.value = z, z.length || (f.value = ""), a("update:modelValue", L.value), a("change", L.value, l.selectedOptions), q(() => {
|
|
79
|
+
var v, o, w, T;
|
|
80
|
+
((v = d == null ? void 0 : d.value) == null ? void 0 : v.offsetWidth) > 0 && ((o = n == null ? void 0 : n.value) == null ? void 0 : o.offsetWidth) > 0 && ((w = n == null ? void 0 : n.value) == null ? void 0 : w.offsetWidth) > ((T = d == null ? void 0 : d.value) == null ? void 0 : T.offsetWidth) - 20 && y.length > 1 ? f.value = z.length > 0 ? `${N("das-framework-input-dialog-select-total-items", y.length)}` : "" : f.value = "";
|
|
81
81
|
});
|
|
82
82
|
},
|
|
83
83
|
{
|
|
@@ -100,7 +100,7 @@ const ie = {
|
|
|
100
100
|
h.value = !0, l.errorMode === "overlay" && (B.value = !0);
|
|
101
101
|
}, A = () => {
|
|
102
102
|
h.value = !1, l.errorMode === "overlay" && (B.value = !1);
|
|
103
|
-
}, O =
|
|
103
|
+
}, O = k(() => l.formSize), R = k(() => ({
|
|
104
104
|
width: V.value,
|
|
105
105
|
"--input-dialog-select-height": O.value && {
|
|
106
106
|
small: "24px",
|
|
@@ -108,7 +108,7 @@ const ie = {
|
|
|
108
108
|
large: "40px"
|
|
109
109
|
}[O.value]
|
|
110
110
|
}));
|
|
111
|
-
return (e, m) => (u(),
|
|
111
|
+
return (e, m) => (u(), c(
|
|
112
112
|
"div",
|
|
113
113
|
G({
|
|
114
114
|
class: "das-ui-input-dialog-select",
|
|
@@ -124,7 +124,7 @@ const ie = {
|
|
|
124
124
|
{ "auto-size": e.size === "auto" },
|
|
125
125
|
{ "small-size": e.size === "small" },
|
|
126
126
|
{ "table-size": e.size === "table" },
|
|
127
|
-
{ isview:
|
|
127
|
+
{ isview: p.value },
|
|
128
128
|
{ disabled: e.disabled }
|
|
129
129
|
]
|
|
130
130
|
}),
|
|
@@ -142,7 +142,7 @@ const ie = {
|
|
|
142
142
|
])
|
|
143
143
|
},
|
|
144
144
|
[
|
|
145
|
-
t(i)(t(r)) && !t(i)(S.value) && !
|
|
145
|
+
t(i)(t(r)) && !t(i)(S.value) && !p.value && !e.disabled ? $((u(), c("div", se, [
|
|
146
146
|
D(
|
|
147
147
|
"span",
|
|
148
148
|
null,
|
|
@@ -151,8 +151,8 @@ const ie = {
|
|
|
151
151
|
/* TEXT */
|
|
152
152
|
)
|
|
153
153
|
])), [
|
|
154
|
-
[t(
|
|
155
|
-
]) :
|
|
154
|
+
[t(F)]
|
|
155
|
+
]) : $((u(), c("div", ie, [
|
|
156
156
|
D(
|
|
157
157
|
"span",
|
|
158
158
|
{
|
|
@@ -164,20 +164,20 @@ const ie = {
|
|
|
164
164
|
/* TEXT, NEED_PATCH */
|
|
165
165
|
)
|
|
166
166
|
])), [
|
|
167
|
-
[t(
|
|
167
|
+
[t(F)]
|
|
168
168
|
]),
|
|
169
|
-
|
|
169
|
+
p.value ? g("v-if", !0) : (u(), c(
|
|
170
170
|
"span",
|
|
171
|
-
|
|
171
|
+
ue,
|
|
172
172
|
M(t(f)),
|
|
173
173
|
1
|
|
174
174
|
/* TEXT */
|
|
175
175
|
)),
|
|
176
|
-
!
|
|
176
|
+
!p.value && !e.disabled ? (u(), c(
|
|
177
177
|
U,
|
|
178
178
|
{ key: 3 },
|
|
179
179
|
[
|
|
180
|
-
!t(i)(t(r)) && e.isClear ? (u(),
|
|
180
|
+
!t(i)(t(r)) && e.isClear ? (u(), c("span", {
|
|
181
181
|
key: 0,
|
|
182
182
|
class: "das-ui-input-dialog-select-clear",
|
|
183
183
|
onClick: Y(Z, ["stop"])
|
|
@@ -195,12 +195,12 @@ const ie = {
|
|
|
195
195
|
2
|
|
196
196
|
/* CLASS */
|
|
197
197
|
),
|
|
198
|
-
D("div",
|
|
199
|
-
e.error && e.errorLabel && e.errorMode === "default" ? (u(),
|
|
198
|
+
D("div", de, [
|
|
199
|
+
e.error && e.errorLabel && e.errorMode === "default" ? (u(), c("span", {
|
|
200
200
|
key: 0,
|
|
201
201
|
class: "das-input-dialog-select-error-label",
|
|
202
202
|
title: e.errorLabel
|
|
203
|
-
}, M(e.errorLabel), 9,
|
|
203
|
+
}, M(e.errorLabel), 9, ne)) : g("v-if", !0)
|
|
204
204
|
]),
|
|
205
205
|
g(" 错误状态 "),
|
|
206
206
|
e.error && e.errorLabel && h.value && e.errorMode === "overlay" && B.value ? (u(), J(t(le), {
|
|
@@ -214,15 +214,15 @@ const ie = {
|
|
|
214
214
|
/* FULL_PROPS */
|
|
215
215
|
));
|
|
216
216
|
}
|
|
217
|
-
}),
|
|
218
|
-
const l =
|
|
217
|
+
}), pe = (I, C) => {
|
|
218
|
+
const l = I.__vccOpts || I;
|
|
219
219
|
for (const [a, h] of C)
|
|
220
220
|
l[a] = h;
|
|
221
221
|
return l;
|
|
222
|
-
},
|
|
222
|
+
}, fe = /* @__PURE__ */ pe(ce, [["__scopeId", "data-v-979020ac"]]), me = {
|
|
223
223
|
请选择: { "zh-CN": "请选择", en: "Please select", _appCode: "framework" },
|
|
224
224
|
"das-framework-input-dialog-select-total-items": { "zh-CN": "共$0项", en: "Total $0 Items", _appCode: "framework" }
|
|
225
|
-
},
|
|
225
|
+
}, ve = {
|
|
226
226
|
"--demo-alert-bg": {
|
|
227
227
|
light: "#fff",
|
|
228
228
|
dark: "rgba(255,255,255,.2)"
|
|
@@ -238,10 +238,10 @@ const ie = {
|
|
|
238
238
|
"--das-ui-color-overlay-error": "#FFDBE0",
|
|
239
239
|
"--das-ui-input-error-color": "#FB2323"
|
|
240
240
|
};
|
|
241
|
-
re(
|
|
242
|
-
oe(
|
|
243
|
-
const
|
|
241
|
+
re(me);
|
|
242
|
+
oe(ve);
|
|
243
|
+
const Me = j(fe);
|
|
244
244
|
export {
|
|
245
|
-
|
|
246
|
-
|
|
245
|
+
Me as DasInputDialogSelect,
|
|
246
|
+
Me as default
|
|
247
247
|
};
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.das-ui-input-dialog-select[data-v-
|
|
1
|
+
.das-ui-input-dialog-select[data-v-979020ac]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-979020ac]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-979020ac]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-979020ac]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-979020ac]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-979020ac]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-979020ac]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-979020ac]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-979020ac]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-979020ac]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-979020ac]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-979020ac]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-979020ac]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-979020ac],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-979020ac]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-979020ac],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-979020ac]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center;height:var(--input-dialog-select-height);box-sizing:border-box}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-979020ac]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-979020ac]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-979020ac]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-979020ac]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-979020ac]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-979020ac]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-979020ac]{position:absolute;right:10px;visibility:hidden;margin-left:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-979020ac]:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-979020ac]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-979020ac]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-979020ac]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-979020ac]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-979020ac]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-979020ac]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
|
|
Binary file
|
|
@@ -16,6 +16,7 @@ declare const DasRadioRef: () => import("vue").Ref<({
|
|
|
16
16
|
readonly maxWidth?: string | undefined;
|
|
17
17
|
readonly isSetTimeout?: boolean | undefined;
|
|
18
18
|
readonly noSetDefaultVal?: boolean | undefined;
|
|
19
|
+
readonly formSize?: "small" | "default" | "large" | undefined;
|
|
19
20
|
readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
|
|
20
21
|
readonly onChange?: ((e: any) => any) | undefined;
|
|
21
22
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
@@ -109,6 +110,7 @@ declare const DasRadioRef: () => import("vue").Ref<({
|
|
|
109
110
|
readonly maxWidth?: string | undefined;
|
|
110
111
|
readonly isSetTimeout?: boolean | undefined;
|
|
111
112
|
readonly noSetDefaultVal?: boolean | undefined;
|
|
113
|
+
readonly formSize?: "small" | "default" | "large" | undefined;
|
|
112
114
|
readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
|
|
113
115
|
readonly onChange?: ((e: any) => any) | undefined;
|
|
114
116
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
import '@das-fed/upf-ui/packages/components/radio/style.css';
|
|
2
|
-
import { defineComponent as Z, reactive as x, toRefs as _, ref as L, computed as
|
|
2
|
+
import { defineComponent as Z, reactive as x, toRefs as _, ref as L, computed as f, watchEffect as ee, watch as ae, useSlots as le, onMounted as ie, createElementBlock as s, openBlock as u, normalizeStyle as E, createBlock as b, createCommentVNode as t, unref as i, mergeProps as q, isRef as $, withCtx as m, renderSlot as S, normalizeClass as r, createVNode as F, Fragment as y, renderList as g, createTextVNode as V, toDisplayString as v, withDirectives as oe } from "vue";
|
|
3
3
|
import { withInstall as ue } from "@das-fed/upf-utils/with-install/index";
|
|
4
4
|
import { Radio as O, RadioGroup as U, RadioButton as se } from "ant-design-vue";
|
|
5
5
|
import "ant-design-vue/es/radio/style/css";
|
|
6
6
|
import { useModelValue as z } from "@das-fed/upf-utils/vue";
|
|
7
7
|
import { vDasTooltip as de } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
|
|
8
8
|
import { DasAutoRegisterIcon as te, DasIcon as W } from "@das-fed/upf-ui/packages/components/icon/index";
|
|
9
|
-
import {
|
|
10
|
-
|
|
11
|
-
const fe = {
|
|
9
|
+
import { setThemeRule as re } from "@das-fed/upf-web/packages/theme/index";
|
|
10
|
+
const ne = {
|
|
12
11
|
key: 0,
|
|
13
12
|
class: "square-select-icon"
|
|
14
|
-
},
|
|
13
|
+
}, fe = ["onClick", "onBlur", "tabindex"], pe = {
|
|
15
14
|
key: 0,
|
|
16
15
|
class: "square-select-icon"
|
|
17
|
-
},
|
|
16
|
+
}, ve = {
|
|
18
17
|
key: 1,
|
|
19
18
|
class: "empty-text"
|
|
20
|
-
},
|
|
19
|
+
}, ce = ["onClick", "tabindex"], be = /* @__PURE__ */ Z({
|
|
21
20
|
__name: "Index",
|
|
22
21
|
props: {
|
|
23
22
|
modelValue: { default: null },
|
|
@@ -35,7 +34,8 @@ const fe = {
|
|
|
35
34
|
width: {},
|
|
36
35
|
maxWidth: {},
|
|
37
36
|
isSetTimeout: { type: Boolean },
|
|
38
|
-
noSetDefaultVal: { type: Boolean, default: !1 }
|
|
37
|
+
noSetDefaultVal: { type: Boolean, default: !1 },
|
|
38
|
+
formSize: {}
|
|
39
39
|
},
|
|
40
40
|
emits: ["change", "update:modelValue"],
|
|
41
41
|
setup(M, { emit: G }) {
|
|
@@ -47,26 +47,26 @@ const fe = {
|
|
|
47
47
|
isFocus: !1
|
|
48
48
|
});
|
|
49
49
|
let { radioValue: l, isFocus: C } = _(j);
|
|
50
|
-
const h = d.layout, c = G, I = L(null), H =
|
|
50
|
+
const h = d.layout, c = G, I = L(null), H = f(() => d.noSetDefaultVal ? "" : "-");
|
|
51
51
|
ee(() => {
|
|
52
52
|
l.value = d.modelValue;
|
|
53
53
|
}), ae([l], ([e]) => {
|
|
54
54
|
c("update:modelValue", e);
|
|
55
55
|
});
|
|
56
|
-
const
|
|
57
|
-
value: e[
|
|
58
|
-
label: e[
|
|
56
|
+
const p = z(d, "defaultProps"), k = z(d, "options"), J = z(d, "isSetTimeout"), T = f(() => k.value.length ? k.value.map((e) => ({
|
|
57
|
+
value: e[p.value.value],
|
|
58
|
+
label: e[p.value.label],
|
|
59
59
|
disabled: e.disabled,
|
|
60
60
|
isFocus: !1
|
|
61
61
|
})) : []), R = () => {
|
|
62
62
|
J.value ? setTimeout(() => {
|
|
63
63
|
c("change", l.value);
|
|
64
64
|
}, 0) : c("change", l.value);
|
|
65
|
-
}, B =
|
|
65
|
+
}, B = f(() => {
|
|
66
66
|
if (!d.isView) return [];
|
|
67
67
|
if ((!k.value.length || l.value == "undefined") && d.radioType == "group") return [];
|
|
68
68
|
if (d.radioType == "group")
|
|
69
|
-
return k.value.filter((e) => l.value == e[
|
|
69
|
+
return k.value.filter((e) => l.value == e[p.value.value]);
|
|
70
70
|
{
|
|
71
71
|
if (l.value == "undefined") return [];
|
|
72
72
|
const e = le();
|
|
@@ -87,7 +87,7 @@ const fe = {
|
|
|
87
87
|
l.value = !0, C.value = !0, c("change", l.value);
|
|
88
88
|
}, N = (e, o) => {
|
|
89
89
|
e == "group" ? o.isFocus = !1 : C.value = !1;
|
|
90
|
-
}, P =
|
|
90
|
+
}, P = f(() => d.maxWidth ? d.maxWidth : d.width), Q = f(() => {
|
|
91
91
|
if (d.maxWidth)
|
|
92
92
|
return `max-width:${Number(String(P.value).split("px")[0])}px`;
|
|
93
93
|
if (d.width)
|
|
@@ -98,7 +98,7 @@ const fe = {
|
|
|
98
98
|
const e = (o = I.value) == null ? void 0 : o.querySelectorAll("input");
|
|
99
99
|
e && e.length && e.forEach((a) => a.setAttribute("tabindex", "-1"));
|
|
100
100
|
}, 1e3);
|
|
101
|
-
}, w =
|
|
101
|
+
}, w = f(() => d.formSize), Y = f(() => ({
|
|
102
102
|
"--radio-height": w.value && {
|
|
103
103
|
small: "24px",
|
|
104
104
|
default: "32px",
|
|
@@ -123,13 +123,13 @@ const fe = {
|
|
|
123
123
|
key: 0,
|
|
124
124
|
disabled: e.disabled,
|
|
125
125
|
checked: i(l),
|
|
126
|
-
"onUpdate:checked": o[0] || (o[0] = (a) =>
|
|
126
|
+
"onUpdate:checked": o[0] || (o[0] = (a) => $(l) ? l.value = a : l = a)
|
|
127
127
|
}, e.$attrs, {
|
|
128
128
|
optionType: e.optionType,
|
|
129
129
|
onChange: R
|
|
130
130
|
}), {
|
|
131
131
|
default: m(() => [
|
|
132
|
-
|
|
132
|
+
S(e.$slots, "default")
|
|
133
133
|
]),
|
|
134
134
|
_: 3
|
|
135
135
|
/* FORWARDED */
|
|
@@ -151,15 +151,15 @@ const fe = {
|
|
|
151
151
|
tabindex: "0"
|
|
152
152
|
},
|
|
153
153
|
[
|
|
154
|
-
i(l) ? (u(), s("span",
|
|
155
|
-
|
|
154
|
+
i(l) ? (u(), s("span", ne, [
|
|
155
|
+
F(i(W), {
|
|
156
156
|
size: "mini",
|
|
157
157
|
icon: "select",
|
|
158
158
|
iconColor: "#fff",
|
|
159
159
|
class: "view-icon"
|
|
160
160
|
})
|
|
161
161
|
])) : t("v-if", !0),
|
|
162
|
-
|
|
162
|
+
S(e.$slots, "default")
|
|
163
163
|
],
|
|
164
164
|
34
|
|
165
165
|
/* CLASS, NEED_HYDRATION */
|
|
@@ -169,7 +169,7 @@ const fe = {
|
|
|
169
169
|
class: { "das-ui-radio-vertical": i(h) == "vertical" },
|
|
170
170
|
name: e.name,
|
|
171
171
|
value: i(l),
|
|
172
|
-
"onUpdate:value": o[3] || (o[3] = (a) =>
|
|
172
|
+
"onUpdate:value": o[3] || (o[3] = (a) => $(l) ? l.value = a : l = a)
|
|
173
173
|
}, e.$attrs, {
|
|
174
174
|
onChange: R,
|
|
175
175
|
disabled: e.disabled
|
|
@@ -184,8 +184,8 @@ const fe = {
|
|
|
184
184
|
key: a.value
|
|
185
185
|
}, {
|
|
186
186
|
default: m(() => [
|
|
187
|
-
|
|
188
|
-
|
|
187
|
+
S(e.$slots, "default", { item: a }, () => [
|
|
188
|
+
V(
|
|
189
189
|
v(a.label),
|
|
190
190
|
1
|
|
191
191
|
/* TEXT */
|
|
@@ -208,7 +208,7 @@ const fe = {
|
|
|
208
208
|
name: e.name,
|
|
209
209
|
disabled: e.disabled,
|
|
210
210
|
value: i(l),
|
|
211
|
-
"onUpdate:value": o[4] || (o[4] = (a) =>
|
|
211
|
+
"onUpdate:value": o[4] || (o[4] = (a) => $(l) ? l.value = a : l = a)
|
|
212
212
|
}, e.$attrs, {
|
|
213
213
|
buttonStyle: "solid",
|
|
214
214
|
onChange: R
|
|
@@ -223,8 +223,8 @@ const fe = {
|
|
|
223
223
|
key: a.value
|
|
224
224
|
}), {
|
|
225
225
|
default: m(() => [
|
|
226
|
-
|
|
227
|
-
|
|
226
|
+
S(e.$slots, "default", { item: a }, () => [
|
|
227
|
+
V(
|
|
228
228
|
v(a.label),
|
|
229
229
|
1
|
|
230
230
|
/* TEXT */
|
|
@@ -265,20 +265,20 @@ const fe = {
|
|
|
265
265
|
tabindex: n,
|
|
266
266
|
key: n
|
|
267
267
|
}, [
|
|
268
|
-
i(l) ? (u(), s("span",
|
|
269
|
-
|
|
268
|
+
i(l) ? (u(), s("span", pe, [
|
|
269
|
+
F(i(W), {
|
|
270
270
|
size: "mini",
|
|
271
271
|
icon: "select",
|
|
272
272
|
iconColor: "#fff",
|
|
273
273
|
class: "view-icon"
|
|
274
274
|
})
|
|
275
275
|
])) : t("v-if", !0),
|
|
276
|
-
|
|
276
|
+
V(
|
|
277
277
|
" " + v(a.label),
|
|
278
278
|
1
|
|
279
279
|
/* TEXT */
|
|
280
280
|
)
|
|
281
|
-
], 42,
|
|
281
|
+
], 42, fe))),
|
|
282
282
|
128
|
|
283
283
|
/* KEYED_FRAGMENT */
|
|
284
284
|
))
|
|
@@ -300,11 +300,11 @@ const fe = {
|
|
|
300
300
|
g(B.value, (a, n) => (u(), s(
|
|
301
301
|
"div",
|
|
302
302
|
{
|
|
303
|
-
class: r(["das-radio-item-view", a[i(
|
|
303
|
+
class: r(["das-radio-item-view", a[i(p).label] && "nonelabel-item-view"]),
|
|
304
304
|
key: n
|
|
305
305
|
},
|
|
306
306
|
[
|
|
307
|
-
|
|
307
|
+
F(i(W), {
|
|
308
308
|
size: "mini",
|
|
309
309
|
icon: "select",
|
|
310
310
|
iconColor: "#666",
|
|
@@ -313,12 +313,12 @@ const fe = {
|
|
|
313
313
|
oe((u(), s(
|
|
314
314
|
"div",
|
|
315
315
|
{
|
|
316
|
-
class: r(["label", a[i(
|
|
316
|
+
class: r(["label", a[i(p).label] && "label-min-width"]),
|
|
317
317
|
style: E([Q.value, { color: "#666" }])
|
|
318
318
|
},
|
|
319
319
|
[
|
|
320
|
-
|
|
321
|
-
v(a[i(
|
|
320
|
+
V(
|
|
321
|
+
v(a[i(p).label]),
|
|
322
322
|
1
|
|
323
323
|
/* TEXT */
|
|
324
324
|
)
|
|
@@ -336,7 +336,7 @@ const fe = {
|
|
|
336
336
|
/* KEYED_FRAGMENT */
|
|
337
337
|
)) : (u(), s(
|
|
338
338
|
"span",
|
|
339
|
-
|
|
339
|
+
ve,
|
|
340
340
|
v(H.value),
|
|
341
341
|
1
|
|
342
342
|
/* TEXT */
|
|
@@ -367,7 +367,7 @@ const fe = {
|
|
|
367
367
|
onClick: (A) => D("group", a),
|
|
368
368
|
tabindex: n,
|
|
369
369
|
key: n
|
|
370
|
-
}, v(a.label), 11,
|
|
370
|
+
}, v(a.label), 11, ce))),
|
|
371
371
|
128
|
|
372
372
|
/* KEYED_FRAGMENT */
|
|
373
373
|
))
|
|
@@ -380,7 +380,7 @@ const fe = {
|
|
|
380
380
|
/* STYLE */
|
|
381
381
|
));
|
|
382
382
|
}
|
|
383
|
-
}),
|
|
383
|
+
}), me = {
|
|
384
384
|
"--demo-alert-bg": {
|
|
385
385
|
light: "#fff",
|
|
386
386
|
dark: "rgba(255,255,255,.2)"
|
|
@@ -394,10 +394,10 @@ const fe = {
|
|
|
394
394
|
"--das-ui-radio-shadow": "rgba(85, 130, 243, 0.1)",
|
|
395
395
|
"--das-ui-radio-filter-bgcolor": "#fff"
|
|
396
396
|
};
|
|
397
|
-
|
|
398
|
-
const
|
|
397
|
+
re(me);
|
|
398
|
+
const Ve = () => L(null), Ce = ue(be);
|
|
399
399
|
export {
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
400
|
+
Ce as DasRadio,
|
|
401
|
+
Ve as DasRadioRef,
|
|
402
|
+
Ce as default
|
|
403
403
|
};
|
|
Binary file
|