@vunk/form 1.1.19 → 1.1.21
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/components/input-link/index.js +28 -20
- package/components/input-link/src/ctx.d.ts +32 -2
- package/components/input-link/src/ctx.js +18 -2
- package/components/input-link/src/index.vue.d.ts +40 -6
- package/components/select/index.js +5 -3
- package/components/select/src/ctx.d.ts +1 -0
- package/components/select/src/ctx.js +2 -1
- package/components/select/src/index.vue.d.ts +2 -1
- package/components/slider/index.d.ts +4 -0
- package/components/slider/index.js +99 -0
- package/components/slider/src/ctx.d.ts +130 -0
- package/components/slider/src/ctx.js +32 -0
- package/components/slider/src/index.vue.d.ts +351 -0
- package/components/slider/src/types.d.ts +7 -0
- package/components/slider/src/types.js +1 -0
- package/components/switch/index.js +1 -0
- package/components/switch/src/ctx.d.ts +14 -12
- package/components/switch/src/ctx.js +1 -0
- package/components/switch/src/index.vue.d.ts +4 -2
- package/components/templates-default/index.js +19 -1
- package/components/templates-default/src/types.d.ts +3 -1
- package/components/upload-plus/index.js +9 -1
- package/components/upload-plus/src/ctx.d.ts +4 -0
- package/components/upload-plus/src/ctx.js +4 -0
- package/components/upload-plus/src/index.vue.d.ts +9 -0
- package/package.json +1 -1
- package/shared/element-plus/ctx.d.ts +6 -0
- package/shared/element-plus/index.js +4 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { _VkfInputCtx, VkfInput } from '@vunk/form/components/input';
|
|
2
|
-
import { openBlock, createElementBlock, createElementVNode, defineComponent, computed, h, resolveComponent,
|
|
2
|
+
import { openBlock, createElementBlock, createElementVNode, defineComponent, computed, h, resolveComponent, createVNode, createBlock, mergeProps, toHandlers, createCommentVNode } from 'vue';
|
|
3
3
|
import { ElButton, ElIcon } from 'element-plus';
|
|
4
4
|
import { isPlainObject } from '@vunk/core/shared/utils-object';
|
|
5
5
|
import { useComputedReadonly } from '@vunk/form/composables';
|
|
@@ -32,9 +32,9 @@ const props = __spreadProps(__spreadValues({}, _VkfInputCtx.props), {
|
|
|
32
32
|
type: Number,
|
|
33
33
|
default: 4
|
|
34
34
|
},
|
|
35
|
-
|
|
35
|
+
label: {
|
|
36
36
|
type: String,
|
|
37
|
-
default: "
|
|
37
|
+
default: "\u56DE\u586B\u5730\u5740"
|
|
38
38
|
},
|
|
39
39
|
placeholder: {
|
|
40
40
|
type: String,
|
|
@@ -43,6 +43,22 @@ const props = __spreadProps(__spreadValues({}, _VkfInputCtx.props), {
|
|
|
43
43
|
readonly: {
|
|
44
44
|
type: Boolean,
|
|
45
45
|
default: void 0
|
|
46
|
+
},
|
|
47
|
+
uploadUrl: {
|
|
48
|
+
type: String,
|
|
49
|
+
default: "https://pan.baidu.com/disk/main#/index?category=all"
|
|
50
|
+
},
|
|
51
|
+
referenceUrl: {
|
|
52
|
+
type: String,
|
|
53
|
+
default: "https://pan.baidu.com/disk/main#/index?category=all"
|
|
54
|
+
},
|
|
55
|
+
referenceOnly: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
default: false
|
|
58
|
+
},
|
|
59
|
+
referenceLabel: {
|
|
60
|
+
type: String,
|
|
61
|
+
default: "\u53C2\u8003\u5730\u5740"
|
|
46
62
|
}
|
|
47
63
|
});
|
|
48
64
|
const emits = __spreadValues({}, _VkfInputCtx.emits);
|
|
@@ -97,15 +113,9 @@ const _sfc_main = defineComponent({
|
|
|
97
113
|
emits,
|
|
98
114
|
props,
|
|
99
115
|
setup(props2, { emit }) {
|
|
100
|
-
const coreProps = _VkfInputCtx.createBindProps(props2
|
|
116
|
+
const coreProps = _VkfInputCtx.createBindProps(props2);
|
|
101
117
|
const coreEmits = _VkfInputCtx.createOnEmits(emit);
|
|
102
118
|
const readonly = useComputedReadonly(props2);
|
|
103
|
-
const disabled = computed(() => {
|
|
104
|
-
if (readonly.value) {
|
|
105
|
-
return true;
|
|
106
|
-
}
|
|
107
|
-
return props2.disabled;
|
|
108
|
-
});
|
|
109
119
|
const createAppendEl = (url) => () => h(
|
|
110
120
|
ElButton,
|
|
111
121
|
{
|
|
@@ -140,7 +150,6 @@ const _sfc_main = defineComponent({
|
|
|
140
150
|
coreEmits,
|
|
141
151
|
createAppendEl,
|
|
142
152
|
rules,
|
|
143
|
-
disabled,
|
|
144
153
|
readonly
|
|
145
154
|
};
|
|
146
155
|
}
|
|
@@ -149,23 +158,22 @@ const _hoisted_1 = { class: "vkf-form-item vkf-input-link" };
|
|
|
149
158
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
150
159
|
const _component_VkfInput = resolveComponent("VkfInput");
|
|
151
160
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
label: "\u4E0A\u4F20\u5730\u5740",
|
|
161
|
+
createVNode(_component_VkfInput, {
|
|
162
|
+
label: _ctx.referenceLabel,
|
|
155
163
|
disabled: true,
|
|
156
|
-
modelValue: _ctx.uploadUrl,
|
|
164
|
+
modelValue: _ctx.referenceUrl ?? _ctx.uploadUrl,
|
|
157
165
|
inputSlots: {
|
|
158
|
-
append: _ctx.createAppendEl(_ctx.uploadUrl)
|
|
166
|
+
append: _ctx.createAppendEl(_ctx.referenceUrl ?? _ctx.uploadUrl)
|
|
159
167
|
}
|
|
160
|
-
}, null, 8, ["modelValue", "inputSlots"])
|
|
161
|
-
|
|
168
|
+
}, null, 8, ["label", "modelValue", "inputSlots"]),
|
|
169
|
+
!_ctx.referenceOnly ? (openBlock(), createBlock(_component_VkfInput, mergeProps({ key: 0 }, _ctx.coreProps, toHandlers(_ctx.coreEmits), {
|
|
162
170
|
rules: _ctx.rules,
|
|
163
|
-
|
|
171
|
+
readonly: _ctx.readonly,
|
|
164
172
|
type: _ctx.readonly ? "text" : _ctx.type,
|
|
165
173
|
inputSlots: {
|
|
166
174
|
append: _ctx.readonly ? _ctx.createAppendEl(_ctx.modelValue + "") : void 0
|
|
167
175
|
}
|
|
168
|
-
}), null, 16, ["rules", "
|
|
176
|
+
}), null, 16, ["rules", "readonly", "type", "inputSlots"])) : createCommentVNode("v-if", true)
|
|
169
177
|
]);
|
|
170
178
|
}
|
|
171
179
|
var VkfInputLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
|
|
@@ -7,7 +7,7 @@ export declare const props: {
|
|
|
7
7
|
type: NumberConstructor;
|
|
8
8
|
default: number;
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
label: {
|
|
11
11
|
type: StringConstructor;
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
@@ -19,8 +19,39 @@ export declare const props: {
|
|
|
19
19
|
type: BooleanConstructor;
|
|
20
20
|
default: undefined;
|
|
21
21
|
};
|
|
22
|
+
/**
|
|
23
|
+
* @deprecated 请使用 referenceUrl
|
|
24
|
+
*/
|
|
25
|
+
uploadUrl: {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* 参考地址
|
|
31
|
+
*/
|
|
32
|
+
referenceUrl: {
|
|
33
|
+
type: StringConstructor;
|
|
34
|
+
default: string;
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* 仅展示参考地址
|
|
38
|
+
*/
|
|
39
|
+
referenceOnly: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* @description 参考地址的 label
|
|
45
|
+
*/
|
|
46
|
+
referenceLabel: {
|
|
47
|
+
type: StringConstructor;
|
|
48
|
+
default: string;
|
|
49
|
+
};
|
|
22
50
|
maxlength: {
|
|
23
51
|
type: NumberConstructor;
|
|
52
|
+
/**
|
|
53
|
+
* @deprecated 请使用 referenceUrl
|
|
54
|
+
*/
|
|
24
55
|
required: boolean;
|
|
25
56
|
};
|
|
26
57
|
minlength: {
|
|
@@ -32,7 +63,6 @@ export declare const props: {
|
|
|
32
63
|
default: undefined;
|
|
33
64
|
};
|
|
34
65
|
required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
35
|
-
label: StringConstructor;
|
|
36
66
|
labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
|
37
67
|
prop: {
|
|
38
68
|
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
|
|
@@ -28,9 +28,9 @@ const props = __spreadProps(__spreadValues({}, _VkfInputCtx.props), {
|
|
|
28
28
|
type: Number,
|
|
29
29
|
default: 4
|
|
30
30
|
},
|
|
31
|
-
|
|
31
|
+
label: {
|
|
32
32
|
type: String,
|
|
33
|
-
default: "
|
|
33
|
+
default: "\u56DE\u586B\u5730\u5740"
|
|
34
34
|
},
|
|
35
35
|
placeholder: {
|
|
36
36
|
type: String,
|
|
@@ -39,6 +39,22 @@ const props = __spreadProps(__spreadValues({}, _VkfInputCtx.props), {
|
|
|
39
39
|
readonly: {
|
|
40
40
|
type: Boolean,
|
|
41
41
|
default: void 0
|
|
42
|
+
},
|
|
43
|
+
uploadUrl: {
|
|
44
|
+
type: String,
|
|
45
|
+
default: "https://pan.baidu.com/disk/main#/index?category=all"
|
|
46
|
+
},
|
|
47
|
+
referenceUrl: {
|
|
48
|
+
type: String,
|
|
49
|
+
default: "https://pan.baidu.com/disk/main#/index?category=all"
|
|
50
|
+
},
|
|
51
|
+
referenceOnly: {
|
|
52
|
+
type: Boolean,
|
|
53
|
+
default: false
|
|
54
|
+
},
|
|
55
|
+
referenceLabel: {
|
|
56
|
+
type: String,
|
|
57
|
+
default: "\u53C2\u8003\u5730\u5740"
|
|
42
58
|
}
|
|
43
59
|
});
|
|
44
60
|
const emits = __spreadValues({}, _VkfInputCtx.emits);
|
|
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
type: NumberConstructor;
|
|
9
9
|
default: number;
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
label: {
|
|
12
12
|
type: StringConstructor;
|
|
13
13
|
default: string;
|
|
14
14
|
};
|
|
@@ -20,6 +20,22 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
20
20
|
type: BooleanConstructor;
|
|
21
21
|
default: undefined;
|
|
22
22
|
};
|
|
23
|
+
uploadUrl: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
referenceUrl: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
referenceOnly: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
35
|
+
referenceLabel: {
|
|
36
|
+
type: StringConstructor;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
23
39
|
maxlength: {
|
|
24
40
|
type: NumberConstructor;
|
|
25
41
|
required: boolean;
|
|
@@ -33,7 +49,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
33
49
|
default: undefined;
|
|
34
50
|
};
|
|
35
51
|
required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
36
|
-
label: StringConstructor;
|
|
37
52
|
labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
|
38
53
|
prop: {
|
|
39
54
|
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
|
|
@@ -135,7 +150,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
135
150
|
coreProps: import("vue").ComputedRef<{
|
|
136
151
|
required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
|
|
137
152
|
type: string;
|
|
138
|
-
label: string
|
|
153
|
+
label: string;
|
|
139
154
|
labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
|
|
140
155
|
prop: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown> | undefined;
|
|
141
156
|
rules: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<FormItemRule>) | ((new (...args: any[]) => FormItemRule | FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<FormItemRule>))[], unknown, unknown> | undefined;
|
|
@@ -151,6 +166,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
151
166
|
inline: boolean;
|
|
152
167
|
readonly: boolean | undefined;
|
|
153
168
|
labelPosition: "right";
|
|
169
|
+
disabled: boolean;
|
|
154
170
|
id: string | undefined;
|
|
155
171
|
modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
|
|
156
172
|
resize: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown> | undefined;
|
|
@@ -192,7 +208,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
192
208
|
[key: string]: any;
|
|
193
209
|
}>;
|
|
194
210
|
rules: import("vue").ComputedRef<FormItemRule[]>;
|
|
195
|
-
disabled: import("vue").ComputedRef<boolean>;
|
|
196
211
|
readonly: import("vue").ComputedRef<boolean>;
|
|
197
212
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
198
213
|
"update:modelValue": (value: string) => boolean;
|
|
@@ -216,7 +231,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
216
231
|
type: NumberConstructor;
|
|
217
232
|
default: number;
|
|
218
233
|
};
|
|
219
|
-
|
|
234
|
+
label: {
|
|
220
235
|
type: StringConstructor;
|
|
221
236
|
default: string;
|
|
222
237
|
};
|
|
@@ -228,6 +243,22 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
228
243
|
type: BooleanConstructor;
|
|
229
244
|
default: undefined;
|
|
230
245
|
};
|
|
246
|
+
uploadUrl: {
|
|
247
|
+
type: StringConstructor;
|
|
248
|
+
default: string;
|
|
249
|
+
};
|
|
250
|
+
referenceUrl: {
|
|
251
|
+
type: StringConstructor;
|
|
252
|
+
default: string;
|
|
253
|
+
};
|
|
254
|
+
referenceOnly: {
|
|
255
|
+
type: BooleanConstructor;
|
|
256
|
+
default: boolean;
|
|
257
|
+
};
|
|
258
|
+
referenceLabel: {
|
|
259
|
+
type: StringConstructor;
|
|
260
|
+
default: string;
|
|
261
|
+
};
|
|
231
262
|
maxlength: {
|
|
232
263
|
type: NumberConstructor;
|
|
233
264
|
required: boolean;
|
|
@@ -241,7 +272,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
241
272
|
default: undefined;
|
|
242
273
|
};
|
|
243
274
|
required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
244
|
-
label: StringConstructor;
|
|
245
275
|
labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
|
246
276
|
prop: {
|
|
247
277
|
readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
|
|
@@ -355,6 +385,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
355
385
|
}, {
|
|
356
386
|
required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
357
387
|
type: string;
|
|
388
|
+
label: string;
|
|
358
389
|
labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
|
|
359
390
|
inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
|
|
360
391
|
showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -379,5 +410,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
379
410
|
inputSlots: import("../../input/src/types").InputSlots;
|
|
380
411
|
rows: number;
|
|
381
412
|
uploadUrl: string;
|
|
413
|
+
referenceUrl: string;
|
|
414
|
+
referenceOnly: boolean;
|
|
415
|
+
referenceLabel: string;
|
|
382
416
|
}>;
|
|
383
417
|
export default _default;
|
|
@@ -36,7 +36,8 @@ const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.pr
|
|
|
36
36
|
optionsUrl: {
|
|
37
37
|
type: String,
|
|
38
38
|
default: ""
|
|
39
|
-
}
|
|
39
|
+
},
|
|
40
|
+
defaultModelValue: null
|
|
40
41
|
});
|
|
41
42
|
const emits = __spreadValues({}, selectEmits);
|
|
42
43
|
|
|
@@ -59,7 +60,7 @@ const _sfc_main = defineComponent({
|
|
|
59
60
|
props,
|
|
60
61
|
setup(props2, { emit }) {
|
|
61
62
|
const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
|
|
62
|
-
const selectBindProps = createSelectBindProps(props2, ["disabled"]);
|
|
63
|
+
const selectBindProps = createSelectBindProps(props2, ["disabled", "modelValue"]);
|
|
63
64
|
const selectOnEmits = createSelectOnEmits(emit);
|
|
64
65
|
const readonly = useComputedReadonly(props2);
|
|
65
66
|
const optionsFromUrl = ref([]);
|
|
@@ -118,6 +119,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
118
119
|
return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
|
|
119
120
|
default: withCtx(() => [
|
|
120
121
|
_ctx.reshow ? (openBlock(), createBlock(_component_ElSelect, mergeProps({ key: 0 }, _ctx.selectBindProps, toHandlers(_ctx.selectOnEmits), {
|
|
122
|
+
modelValue: _ctx.defaultModelValue ?? _ctx.modelValue,
|
|
121
123
|
disabled: _ctx.readonly || _ctx.disabled,
|
|
122
124
|
class: {
|
|
123
125
|
"is-readonly": _ctx.readonly
|
|
@@ -140,7 +142,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
140
142
|
])
|
|
141
143
|
};
|
|
142
144
|
})
|
|
143
|
-
]), 1040, ["disabled", "class"])) : createCommentVNode("v-if", true),
|
|
145
|
+
]), 1040, ["modelValue", "disabled", "class"])) : createCommentVNode("v-if", true),
|
|
144
146
|
renderSlot(_ctx.$slots, "default")
|
|
145
147
|
]),
|
|
146
148
|
_: 3
|
|
@@ -70,6 +70,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
70
70
|
type: StringConstructor;
|
|
71
71
|
default: string;
|
|
72
72
|
};
|
|
73
|
+
defaultModelValue: null;
|
|
73
74
|
name: StringConstructor;
|
|
74
75
|
id: StringConstructor;
|
|
75
76
|
modelValue: {
|
|
@@ -222,7 +223,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
222
223
|
name: string | undefined;
|
|
223
224
|
loading: boolean;
|
|
224
225
|
id: string | undefined;
|
|
225
|
-
modelValue: string | number | boolean | unknown[] | Record<string, any> | undefined;
|
|
226
226
|
autocomplete: string;
|
|
227
227
|
placeholder: string | undefined;
|
|
228
228
|
clearable: boolean;
|
|
@@ -404,6 +404,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
404
404
|
type: StringConstructor;
|
|
405
405
|
default: string;
|
|
406
406
|
};
|
|
407
|
+
defaultModelValue: null;
|
|
407
408
|
name: StringConstructor;
|
|
408
409
|
id: StringConstructor;
|
|
409
410
|
modelValue: {
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
|
|
2
|
+
import { sliderProps, sliderEmits, ElSlider } from 'element-plus';
|
|
3
|
+
import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, renderSlot } from 'vue';
|
|
4
|
+
import { useComputedReadonly } from '@vunk/form/composables';
|
|
5
|
+
import { createSliderBindProps, createSliderOnEmits } from '@vunk/form/shared/element-plus';
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __defProps = Object.defineProperties;
|
|
9
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
10
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
11
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
12
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
13
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
14
|
+
var __spreadValues = (a, b) => {
|
|
15
|
+
for (var prop in b || (b = {}))
|
|
16
|
+
if (__hasOwnProp.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
if (__getOwnPropSymbols)
|
|
19
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
+
if (__propIsEnum.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
}
|
|
23
|
+
return a;
|
|
24
|
+
};
|
|
25
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
|
+
const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), sliderProps), {
|
|
27
|
+
modelValue: {
|
|
28
|
+
type: [],
|
|
29
|
+
default: void 0
|
|
30
|
+
},
|
|
31
|
+
defaultModelValue: null
|
|
32
|
+
});
|
|
33
|
+
const emits = __spreadValues({}, sliderEmits);
|
|
34
|
+
|
|
35
|
+
var _export_sfc = (sfc, props) => {
|
|
36
|
+
const target = sfc.__vccOpts || sfc;
|
|
37
|
+
for (const [key, val] of props) {
|
|
38
|
+
target[key] = val;
|
|
39
|
+
}
|
|
40
|
+
return target;
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
const _sfc_main = defineComponent({
|
|
44
|
+
name: "VkfSlider",
|
|
45
|
+
components: {
|
|
46
|
+
ElSlider,
|
|
47
|
+
VkfFormItem
|
|
48
|
+
},
|
|
49
|
+
emits,
|
|
50
|
+
props,
|
|
51
|
+
setup(props2, { emit }) {
|
|
52
|
+
const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
|
|
53
|
+
const readonly = useComputedReadonly(props2);
|
|
54
|
+
const coreProps = createSliderBindProps(props2, [
|
|
55
|
+
"modelValue",
|
|
56
|
+
"disabled"
|
|
57
|
+
]);
|
|
58
|
+
const coreEmits = createSliderOnEmits(emit);
|
|
59
|
+
return {
|
|
60
|
+
readonly,
|
|
61
|
+
formItemBindProps,
|
|
62
|
+
coreProps,
|
|
63
|
+
coreEmits
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
68
|
+
const _component_ElSlider = resolveComponent("ElSlider");
|
|
69
|
+
const _component_VkfFormItem = resolveComponent("VkfFormItem");
|
|
70
|
+
return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
|
|
71
|
+
default: withCtx(() => [
|
|
72
|
+
createVNode(_component_ElSlider, mergeProps({
|
|
73
|
+
class: {
|
|
74
|
+
"is-readonly": _ctx.readonly
|
|
75
|
+
}
|
|
76
|
+
}, _ctx.coreProps, toHandlers(_ctx.coreEmits), {
|
|
77
|
+
"model-value": _ctx.modelValue ?? _ctx.defaultModelValue,
|
|
78
|
+
disabled: _ctx.readonly || _ctx.disabled
|
|
79
|
+
}), {
|
|
80
|
+
default: withCtx(() => [
|
|
81
|
+
renderSlot(_ctx.$slots, "default")
|
|
82
|
+
]),
|
|
83
|
+
_: 3
|
|
84
|
+
}, 16, ["class", "model-value", "disabled"])
|
|
85
|
+
]),
|
|
86
|
+
_: 3
|
|
87
|
+
}, 16);
|
|
88
|
+
}
|
|
89
|
+
var VkfSlider = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
|
|
90
|
+
|
|
91
|
+
var types = /*#__PURE__*/Object.freeze({
|
|
92
|
+
__proto__: null
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
VkfSlider.install = (app) => {
|
|
96
|
+
app.component(VkfSlider.name, VkfSlider);
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
export { VkfSlider, types as __VkfSlider, VkfSlider as default };
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
export declare const props: {
|
|
3
|
+
modelValue: {
|
|
4
|
+
type: PropType<any>;
|
|
5
|
+
default: undefined;
|
|
6
|
+
};
|
|
7
|
+
defaultModelValue: null;
|
|
8
|
+
id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
9
|
+
min: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
|
10
|
+
max: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
|
|
11
|
+
step: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
|
|
12
|
+
showInput: BooleanConstructor;
|
|
13
|
+
showInputControls: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
14
|
+
size: {
|
|
15
|
+
readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
|
|
16
|
+
readonly required: false;
|
|
17
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
18
|
+
__epPropKey: true;
|
|
19
|
+
};
|
|
20
|
+
inputSize: {
|
|
21
|
+
readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
|
|
22
|
+
readonly required: false;
|
|
23
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
24
|
+
__epPropKey: true;
|
|
25
|
+
};
|
|
26
|
+
showStops: BooleanConstructor;
|
|
27
|
+
showTooltip: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
28
|
+
formatTooltip: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (val: number) => string | number) | (() => (val: number) => string | number) | {
|
|
29
|
+
(): (val: number) => string | number;
|
|
30
|
+
new (): any;
|
|
31
|
+
readonly prototype: any;
|
|
32
|
+
} | ((new (...args: any[]) => (val: number) => string | number) | (() => (val: number) => string | number) | {
|
|
33
|
+
(): (val: number) => string | number;
|
|
34
|
+
new (): any;
|
|
35
|
+
readonly prototype: any;
|
|
36
|
+
})[], unknown, unknown, undefined, boolean>;
|
|
37
|
+
disabled: BooleanConstructor;
|
|
38
|
+
range: BooleanConstructor;
|
|
39
|
+
vertical: BooleanConstructor;
|
|
40
|
+
height: StringConstructor;
|
|
41
|
+
debounce: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
42
|
+
label: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
43
|
+
rangeStartLabel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
44
|
+
rangeEndLabel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
45
|
+
formatValueText: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
|
|
46
|
+
(): (val: number) => string;
|
|
47
|
+
new (): any;
|
|
48
|
+
readonly prototype: any;
|
|
49
|
+
} | ((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
|
|
50
|
+
(): (val: number) => string;
|
|
51
|
+
new (): any;
|
|
52
|
+
readonly prototype: any;
|
|
53
|
+
})[], unknown, unknown, undefined, boolean>;
|
|
54
|
+
tooltipClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
55
|
+
placement: import("element-plus/es/utils").EpPropFinalized<StringConstructor, import("element-plus").Placement, unknown, "top", boolean>;
|
|
56
|
+
marks: {
|
|
57
|
+
readonly type: PropType<{
|
|
58
|
+
[x: number]: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | {
|
|
59
|
+
style: import("vue").CSSProperties;
|
|
60
|
+
label: any;
|
|
61
|
+
}) & {}) | (() => string | {
|
|
62
|
+
style: import("vue").CSSProperties;
|
|
63
|
+
label: any;
|
|
64
|
+
}) | ((new (...args: any[]) => (string | {
|
|
65
|
+
style: import("vue").CSSProperties;
|
|
66
|
+
label: any;
|
|
67
|
+
}) & {}) | (() => string | {
|
|
68
|
+
style: import("vue").CSSProperties;
|
|
69
|
+
label: any;
|
|
70
|
+
}))[], unknown, unknown> | undefined;
|
|
71
|
+
}>;
|
|
72
|
+
readonly required: false;
|
|
73
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
74
|
+
__epPropKey: true;
|
|
75
|
+
};
|
|
76
|
+
validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
77
|
+
required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
78
|
+
labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
|
79
|
+
prop: {
|
|
80
|
+
readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
|
|
81
|
+
readonly required: false;
|
|
82
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
83
|
+
__epPropKey: true;
|
|
84
|
+
};
|
|
85
|
+
rules: {
|
|
86
|
+
readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
|
|
87
|
+
readonly required: false;
|
|
88
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
89
|
+
__epPropKey: true;
|
|
90
|
+
};
|
|
91
|
+
error: StringConstructor;
|
|
92
|
+
validateStatus: {
|
|
93
|
+
readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
|
|
94
|
+
readonly required: false;
|
|
95
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
96
|
+
__epPropKey: true;
|
|
97
|
+
};
|
|
98
|
+
for: StringConstructor;
|
|
99
|
+
inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
|
|
100
|
+
showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
101
|
+
formItemSize: {
|
|
102
|
+
type: PropType<"default" | "small" | "large">;
|
|
103
|
+
default: string;
|
|
104
|
+
};
|
|
105
|
+
formItemSlots: {
|
|
106
|
+
type: PropType<import("../../form-item/src/types").FormItemSlots>;
|
|
107
|
+
default: undefined;
|
|
108
|
+
};
|
|
109
|
+
elRef: {
|
|
110
|
+
type: PropType<any>;
|
|
111
|
+
required: boolean;
|
|
112
|
+
};
|
|
113
|
+
inline: {
|
|
114
|
+
type: BooleanConstructor;
|
|
115
|
+
default: boolean;
|
|
116
|
+
};
|
|
117
|
+
readonly: {
|
|
118
|
+
type: BooleanConstructor;
|
|
119
|
+
default: undefined;
|
|
120
|
+
};
|
|
121
|
+
labelPosition: {
|
|
122
|
+
type: PropType<"right">;
|
|
123
|
+
default: string;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
export declare const emits: {
|
|
127
|
+
"update:modelValue": (value: import("element-plus/es/utils").Arrayable<number>) => boolean;
|
|
128
|
+
input: (value: import("element-plus/es/utils").Arrayable<number>) => boolean;
|
|
129
|
+
change: (value: import("element-plus/es/utils").Arrayable<number>) => boolean;
|
|
130
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
|
|
2
|
+
import { sliderProps, sliderEmits } from 'element-plus';
|
|
3
|
+
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __defProps = Object.defineProperties;
|
|
6
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b) => {
|
|
12
|
+
for (var prop in b || (b = {}))
|
|
13
|
+
if (__hasOwnProp.call(b, prop))
|
|
14
|
+
__defNormalProp(a, prop, b[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
+
if (__propIsEnum.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
22
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
23
|
+
const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), sliderProps), {
|
|
24
|
+
modelValue: {
|
|
25
|
+
type: [],
|
|
26
|
+
default: void 0
|
|
27
|
+
},
|
|
28
|
+
defaultModelValue: null
|
|
29
|
+
});
|
|
30
|
+
const emits = __spreadValues({}, sliderEmits);
|
|
31
|
+
|
|
32
|
+
export { emits, props };
|