@das-fed/upf-ui 6.4.0-dev.162 → 6.4.0-dev.164
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/change-pwd/src/hooks/use-changePwd.d.ts +2 -0
- package/packages/business-components/process-form/src/hooks/useForm.d.ts +2 -0
- package/packages/components/button/index.js +234 -224
- package/packages/components/button/index.js.gz +0 -0
- package/packages/components/button/style.css +1 -1
- package/packages/components/button/style.css.gz +0 -0
- package/packages/components/form/index.d.ts +2 -0
- package/packages/components/form/index.js +24 -23
- package/packages/components/form/index.js.gz +0 -0
- package/packages/components/form/src/type.d.ts +2 -0
- package/packages/components/form-item/index.js +647 -637
- package/packages/components/form-item/index.js.gz +0 -0
- package/packages/components/form-item/src/hooks/use-form.d.ts +1 -0
- package/packages/components/form-item/src/type.d.ts +5 -0
- package/packages/components/form-item/style.css +1 -1
- package/packages/components/form-item/style.css.gz +0 -0
- package/packages/components/search-form/src/SearchDateRange.vue.d.ts +1 -1
- package/packages/components/select/index.js +3 -3
- 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 +1 @@
|
|
|
1
|
-
.das-ui-button[data-v-
|
|
1
|
+
.das-ui-button[data-v-921381a2]{display:inline-block}.das-ui-button[data-v-921381a2] .ant-btn{box-sizing:border-box;display:block}.das-ui-button[data-v-921381a2] .ant-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:100%}.das-ui-button--small[data-v-921381a2] .ant-btn{height:24px;line-height:24px;min-width:60px;max-width:136px;font-size:12px;padding:0 8px}.das-ui-button--middle[data-v-921381a2] .ant-btn{height:28px;line-height:28px;min-width:60px;max-width:136px;font-size:12px;padding:0 8px}.das-ui-button--large[data-v-921381a2] .ant-btn{height:32px;line-height:32px;min-width:68px;max-width:136px;font-size:14px;padding:0 12px}.das-ui-button--primary[data-v-921381a2] .ant-btn{color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary);background:var(--das-ui-button-primary)}.das-ui-button--primary[data-v-921381a2] .ant-btn:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button--primary[data-v-921381a2] .ant-btn:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--primary[data-v-921381a2] .ant-btn[disabled]{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button--default[data-v-921381a2] .ant-btn{color:var(--das-ui-button-default-text);border-color:var(--das-ui-button-default-border)}.das-ui-button--default[data-v-921381a2] .ant-btn:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--default[data-v-921381a2] .ant-btn:active{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--default[data-v-921381a2] .ant-btn[disabled]{color:var(--das-ui-button-default-disabled);background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);cursor:text;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.das-ui-button--primary-text[data-v-921381a2] .ant-btn{background:none;border:none;padding:0;color:var(--das-ui-button-primary)}.das-ui-button--primary-text[data-v-921381a2] .ant-btn:hover{color:var(--das-ui-button-primary-hover)}.das-ui-button--primary-text[data-v-921381a2] .ant-btn:active{color:var(--das-ui-button-active)}.das-ui-button--primary-text[data-v-921381a2] .ant-btn[disabled]{color:var(--das-ui-button-disabled)}.das-ui-button--default-text[data-v-921381a2] .ant-btn{background:none;border:none;padding:0;color:var(--das-ui-button-default-text)}.das-ui-button--default-text[data-v-921381a2] .ant-btn:hover{color:var(--das-ui-button-primary)}.das-ui-button--default-text[data-v-921381a2] .ant-btn:active{color:var(--das-ui-button-active)}.das-ui-button--default-text[data-v-921381a2] .ant-btn[disabled]{color:var(--das-ui-button-default-disabled)}.das-ui-button--primary-sameset[data-v-921381a2] .ant-btn-group .ant-btn{color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary);background:var(--das-ui-button-primary);display:flex;justify-content:center}.das-ui-button--primary-sameset[data-v-921381a2] .ant-btn-group .ant-btn:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button--primary-sameset[data-v-921381a2] .ant-btn-group .ant-btn:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--primary-sameset[data-v-921381a2] .ant-btn-group .ant-btn[disabled]{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button--primary-sameset[data-v-921381a2] .ant-btn-group .ant-dropdown-trigger{width:24px;min-width:unset;background:var(--das-ui-button-set);border-color:var(--das-ui-button-set);padding:0;margin-left:0}.das-ui-button--primary-sameset[data-v-921381a2] .ant-btn-group .ant-dropdown-trigger:hover{background:var(--das-ui-button-set-hover);border-color:var(--das-ui-button-set-hover)}.das-ui-button--primary-sameset[data-v-921381a2] .ant-btn-group .ant-dropdown-trigger:active{background:var(--das-ui-button-set-active);border-color:var(--das-ui-button-set-active)}.das-ui-button--primary-sameset[data-v-921381a2] .ant-btn-group .ant-dropdown-trigger[disabled]{background:var(--das-ui-button-set-disabled);border-color:var(--das-ui-button-set-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button--default-sameset[data-v-921381a2] .ant-btn-group .ant-btn{color:var(--das-ui-button-default-text);border-color:var(--das-ui-button-default-border);display:flex;justify-content:center}.das-ui-button--default-sameset[data-v-921381a2] .ant-btn-group .ant-btn:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--default-sameset[data-v-921381a2] .ant-btn-group .ant-btn:active{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--default-sameset[data-v-921381a2] .ant-btn-group .ant-btn[disabled]{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button--default-sameset[data-v-921381a2] .ant-btn-group .ant-dropdown-trigger{color:#666;width:24px;min-width:unset;background:none;border-color:#d9d9d9;padding:0}.das-ui-button--primary-basicset[data-v-921381a2] .ant-btn{color:var(--das-ui-button-primary-text);background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--primary-basicset[data-v-921381a2] .ant-btn:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button--primary-basicset[data-v-921381a2] .ant-btn:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--primary-basicset[data-v-921381a2] .ant-btn[disabled]{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button--default-basicset[data-v-921381a2] .ant-btn{color:var(--das-ui-button-default-text);border-color:var(--das-ui-button-default-border)}.das-ui-button--default-basicset[data-v-921381a2] .ant-btn:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--default-basicset[data-v-921381a2] .ant-btn:active{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--default-basicset[data-v-921381a2] .ant-btn[disabled]{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button--tabs[data-v-921381a2] .ant-radio-group{height:28px;overflow:hidden}.das-ui-button--tabs[data-v-921381a2] .ant-radio-group .ant-radio-button-wrapper{font-size:14px;color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);font-weight:400;line-height:26px;height:100%}.das-ui-button--tabs[data-v-921381a2] .ant-radio-group .ant-radio-button-wrapper:hover{background:var(--das-ui-button-primary-hover);color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary-hover)}.das-ui-button--tabs[data-v-921381a2] .ant-radio-group .ant-radio-button-wrapper:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button--tabs[data-v-921381a2] .ant-radio-group .ant-radio-button-wrapper-checked{background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);color:var(--das-ui-button-primary-text)}.das-ui-button--tabs[data-v-921381a2] .ant-radio-group .ant-radio-button-wrapper-disabled{background:var(--das-ui-button-default-disabled-bgc)!important;border-color:var(--das-ui-button-default-border)!important;color:var(--das-ui-button-default-disabled)!important}.das-ui-button--ghost[data-v-921381a2] .ant-btn{background:none;color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button--ghost[data-v-921381a2] .ant-btn:hover,.das-ui-button--ghost[data-v-921381a2] .ant-btn:active{color:var(--das-ui-button-primary-text)}.das-ui-button--ghost[data-v-921381a2] .ant-btn[disabled]{color:var(--das-ui-button-default-disabled);background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border)}.das-ui-button--block[data-v-921381a2] .ant-btn{min-width:unset;max-width:unset}.das-ui-button--icon[data-v-921381a2] .ant-btn{display:flex;align-items:center;gap:4px}.das-ui-button[data-v-921381a2] .ant-dropdown{left:0!important;min-width:calc(100% + 8px)!important}.das-ui-button[data-v-921381a2] .ant-dropdown .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:#333}.das-ui-button[data-v-921381a2] .ant-dropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid #e5e5e5}.das-ui-button[data-v-921381a2] .ant-dropdown .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:#b2b2b2}.das-ui-button[data-v-921381a2] .ant-dropdown .ant-dropdown-menu-item:active,.das-ui-button[data-v-921381a2] .ant-dropdown .ant-dropdown-menu-submenu-title:active{background:var(--das-ui-button-default-disabled-bgc)}.ant-dropdown.basicset-dropdown-wrap,.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu{padding:0}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:#333}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid #e5e5e5}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:#b2b2b2}.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu :deep(.ant-dropdown-menu-item:active),.ant-dropdown.basicset-dropdown-wrap .ant-dropdown-menu :deep(.ant-dropdown-menu-submenu-title:active){background:var(--das-ui-button-default-disabled-bgc)}
|
|
Binary file
|
|
@@ -75,6 +75,7 @@ declare const DasFormRef: () => import("vue").Ref<({
|
|
|
75
75
|
$data: {};
|
|
76
76
|
$props: {
|
|
77
77
|
readonly labelLength?: number | string | undefined;
|
|
78
|
+
readonly labelWidth?: number | string | undefined;
|
|
78
79
|
readonly contentWidth?: number | string | undefined;
|
|
79
80
|
readonly labelPosition?: "left" | "right" | "top" | undefined;
|
|
80
81
|
readonly alignType?: "vertical" | "horizontal" | undefined;
|
|
@@ -168,6 +169,7 @@ declare const DasFormRef: () => import("vue").Ref<({
|
|
|
168
169
|
$data: {};
|
|
169
170
|
$props: {
|
|
170
171
|
readonly labelLength?: number | string | undefined;
|
|
172
|
+
readonly labelWidth?: number | string | undefined;
|
|
171
173
|
readonly contentWidth?: number | string | undefined;
|
|
172
174
|
readonly labelPosition?: "left" | "right" | "top" | undefined;
|
|
173
175
|
readonly alignType?: "vertical" | "horizontal" | undefined;
|
|
@@ -2,10 +2,11 @@ import '@das-fed/upf-ui/packages/components/form/style.css';
|
|
|
2
2
|
import { defineComponent as I, ref as f, reactive as d, computed as r, provide as R, createElementBlock as x, openBlock as S, normalizeStyle as M, normalizeClass as z, renderSlot as B } from "vue";
|
|
3
3
|
import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
|
|
4
4
|
import "@das-fed/upf-ui/packages/global/theme";
|
|
5
|
-
const
|
|
5
|
+
const b = /* @__PURE__ */ I({
|
|
6
6
|
__name: "Index",
|
|
7
7
|
props: {
|
|
8
8
|
labelLength: { default: 4 },
|
|
9
|
+
labelWidth: {},
|
|
9
10
|
contentWidth: { default: 230 },
|
|
10
11
|
labelPosition: { default: "top" },
|
|
11
12
|
alignType: { default: "vertical" },
|
|
@@ -21,42 +22,42 @@ const k = /* @__PURE__ */ I({
|
|
|
21
22
|
size: { default: "default" }
|
|
22
23
|
},
|
|
23
24
|
setup(o, { expose: s }) {
|
|
24
|
-
const
|
|
25
|
-
let
|
|
26
|
-
const c = r(() =>
|
|
25
|
+
const l = o, n = f();
|
|
26
|
+
let a = d([]);
|
|
27
|
+
const c = r(() => a.filter((e) => {
|
|
27
28
|
var t;
|
|
28
29
|
return (t = e.formItemProps) == null ? void 0 : t.required;
|
|
29
|
-
}).length > 0), m = r(() =>
|
|
30
|
+
}).length > 0), m = r(() => a.filter((e) => {
|
|
30
31
|
var t;
|
|
31
32
|
return (t = e.formItemProps) == null ? void 0 : t.helpMessage;
|
|
32
33
|
}).length > 0);
|
|
33
|
-
R("DasForm", d({ props:
|
|
34
|
-
|
|
34
|
+
R("DasForm", d({ props: l, addField: (e) => {
|
|
35
|
+
a.push(e);
|
|
35
36
|
}, removeField: (e) => {
|
|
36
|
-
|
|
37
|
+
a = a.filter((t) => t.timeStamp !== e.timeStamp);
|
|
37
38
|
}, hasRequiredFormItem: c, hasHelpMessageFormItem: m }));
|
|
38
39
|
const u = async (e) => {
|
|
39
40
|
const t = await g();
|
|
40
41
|
e(t);
|
|
41
42
|
}, p = async (e, t) => {
|
|
42
|
-
const _ = await
|
|
43
|
+
const _ = await a.find((i) => i.propName === e && i.rules.length > 0).validate();
|
|
43
44
|
t(_);
|
|
44
45
|
}, g = async () => {
|
|
45
46
|
let e = !0;
|
|
46
|
-
for (const t of
|
|
47
|
+
for (const t of a)
|
|
47
48
|
t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
|
|
48
49
|
return e;
|
|
49
50
|
}, h = () => {
|
|
50
|
-
|
|
51
|
+
a.forEach((e) => {
|
|
51
52
|
e.resetError();
|
|
52
53
|
});
|
|
53
54
|
}, v = r(() => ({
|
|
54
55
|
display: "grid",
|
|
55
|
-
gridTemplateColumns: `repeat(${
|
|
56
|
-
gridColumnGap:
|
|
56
|
+
gridTemplateColumns: `repeat(${l.cols}, ${l.contentWidth && l.contentWidth !== "auto" ? "min-content" : "1fr"})`,
|
|
57
|
+
gridColumnGap: l.cols && l.autoMarginRight ? l.marginRight : void 0
|
|
57
58
|
})), y = r(() => ({
|
|
58
|
-
alignItems:
|
|
59
|
-
...
|
|
59
|
+
alignItems: l.alignItems,
|
|
60
|
+
...l.cols && l.alignType === "vertical" ? v.value : {}
|
|
60
61
|
}));
|
|
61
62
|
return s({
|
|
62
63
|
validate: u,
|
|
@@ -71,14 +72,14 @@ const k = /* @__PURE__ */ I({
|
|
|
71
72
|
B(e.$slots, "default", {}, void 0, !0)
|
|
72
73
|
], 6));
|
|
73
74
|
}
|
|
74
|
-
}),
|
|
75
|
-
const
|
|
76
|
-
for (const [n,
|
|
77
|
-
|
|
78
|
-
return
|
|
79
|
-
},
|
|
75
|
+
}), k = (o, s) => {
|
|
76
|
+
const l = o.__vccOpts || o;
|
|
77
|
+
for (const [n, a] of s)
|
|
78
|
+
l[n] = a;
|
|
79
|
+
return l;
|
|
80
|
+
}, w = /* @__PURE__ */ k(b, [["__scopeId", "data-v-e455d465"]]), P = $(w), q = () => f(null);
|
|
80
81
|
export {
|
|
81
|
-
|
|
82
|
+
P as DasForm,
|
|
82
83
|
q as DasFormRef,
|
|
83
|
-
|
|
84
|
+
P as default
|
|
84
85
|
};
|
|
Binary file
|