@dao-style/core 0.5.0 → 0.5.1
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.
|
@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
type: import("vue").PropType<boolean>;
|
|
8
8
|
default: boolean;
|
|
9
9
|
};
|
|
10
|
+
wrapperType: {
|
|
11
|
+
type: import("vue").PropType<"text" | "footer" | "switch" | "radio" | "checkbox" | undefined>;
|
|
12
|
+
default: undefined;
|
|
13
|
+
};
|
|
10
14
|
paddingTop: {
|
|
11
15
|
type: import("vue").PropType<string | number>;
|
|
12
16
|
default: number;
|
|
@@ -39,9 +43,23 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
43
|
'is-required': boolean;
|
|
40
44
|
}>;
|
|
41
45
|
showLabel: import("vue").ComputedRef<string | boolean | import("vue").Slot>;
|
|
46
|
+
formClassNames: {
|
|
47
|
+
readonly text: {
|
|
48
|
+
readonly helper: "dao-form-item__helper-text";
|
|
49
|
+
readonly error: "dao-form-item__error-message";
|
|
50
|
+
};
|
|
51
|
+
readonly wrapper: {
|
|
52
|
+
readonly text: "dao-form-item__text-wrapper";
|
|
53
|
+
readonly radio: "dao-form-item__radio-wrapper";
|
|
54
|
+
readonly checkbox: "dao-form-item__checkbox-wrapper";
|
|
55
|
+
readonly switch: "dao-form-item__switch-wrapper";
|
|
56
|
+
readonly footer: "dao-form-item__footer-wrapper";
|
|
57
|
+
};
|
|
58
|
+
};
|
|
42
59
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
43
60
|
label?: unknown;
|
|
44
61
|
required?: unknown;
|
|
62
|
+
wrapperType?: unknown;
|
|
45
63
|
paddingTop?: unknown;
|
|
46
64
|
paddingBottom?: unknown;
|
|
47
65
|
labelWidth?: unknown;
|
|
@@ -53,10 +71,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
53
71
|
paddingTop: string | number;
|
|
54
72
|
paddingBottom: string | number;
|
|
55
73
|
iconMessage: string;
|
|
56
|
-
} & {
|
|
74
|
+
} & {
|
|
75
|
+
wrapperType?: "text" | "footer" | "switch" | "radio" | "checkbox" | undefined;
|
|
76
|
+
}>, {
|
|
57
77
|
required: boolean;
|
|
58
78
|
label: string;
|
|
59
79
|
labelWidth: string;
|
|
80
|
+
wrapperType: "text" | "footer" | "switch" | "radio" | "checkbox" | undefined;
|
|
60
81
|
paddingTop: string | number;
|
|
61
82
|
paddingBottom: string | number;
|
|
62
83
|
iconMessage: string;
|
|
@@ -37,6 +37,10 @@ export declare const formItemProps: {
|
|
|
37
37
|
type: PropType<boolean>;
|
|
38
38
|
default: boolean;
|
|
39
39
|
};
|
|
40
|
+
wrapperType: {
|
|
41
|
+
type: PropType<"text" | "footer" | "switch" | "radio" | "checkbox" | undefined>;
|
|
42
|
+
default: undefined;
|
|
43
|
+
};
|
|
40
44
|
paddingTop: {
|
|
41
45
|
type: PropType<string | number>;
|
|
42
46
|
default: number;
|
package/dist/dao-style.es.js
CHANGED
|
@@ -3979,6 +3979,10 @@ const formItemProps = {
|
|
|
3979
3979
|
type: Boolean,
|
|
3980
3980
|
default: false
|
|
3981
3981
|
},
|
|
3982
|
+
wrapperType: {
|
|
3983
|
+
type: String,
|
|
3984
|
+
default: void 0
|
|
3985
|
+
},
|
|
3982
3986
|
paddingTop: {
|
|
3983
3987
|
type: [Number, String],
|
|
3984
3988
|
default: 0
|
|
@@ -4055,7 +4059,8 @@ const _sfc_main$u = defineComponent({
|
|
|
4055
4059
|
labelStyle,
|
|
4056
4060
|
contentStyle,
|
|
4057
4061
|
formItemClass,
|
|
4058
|
-
showLabel
|
|
4062
|
+
showLabel,
|
|
4063
|
+
formClassNames
|
|
4059
4064
|
};
|
|
4060
4065
|
}
|
|
4061
4066
|
});
|
|
@@ -4097,7 +4102,12 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
4097
4102
|
class: "dao-form-item__content",
|
|
4098
4103
|
style: normalizeStyle(_ctx.contentStyle)
|
|
4099
4104
|
}, [
|
|
4100
|
-
|
|
4105
|
+
_ctx.wrapperType ? (openBlock(), createElementBlock("div", {
|
|
4106
|
+
key: 0,
|
|
4107
|
+
class: normalizeClass(_ctx.formClassNames.wrapper[_ctx.wrapperType])
|
|
4108
|
+
}, [
|
|
4109
|
+
renderSlot(_ctx.$slots, "default")
|
|
4110
|
+
], 2)) : renderSlot(_ctx.$slots, "default", { key: 1 })
|
|
4101
4111
|
], 4)
|
|
4102
4112
|
], 2);
|
|
4103
4113
|
}
|
|
@@ -6859,7 +6869,7 @@ const _sfc_main$8 = defineComponent({
|
|
|
6859
6869
|
const daoInputSearchRef = ref();
|
|
6860
6870
|
const type = computed(() => searchText.value.includes(":") ? "value" : "key");
|
|
6861
6871
|
const searchKey = computed(() => searchText.value.split(":")[0]);
|
|
6862
|
-
const searchValue = computed(() => searchText.value.
|
|
6872
|
+
const searchValue = computed(() => searchText.value.slice(searchText.value.indexOf(":") + 1).trim());
|
|
6863
6873
|
const selectedKey = computed(() => {
|
|
6864
6874
|
if (type.value === "key") {
|
|
6865
6875
|
return void 0;
|