@vunk/form 1.4.12 → 2.0.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.
- package/components/form/index.cjs +34 -6
- package/components/form/index.mjs +35 -7
- package/components/form/src/ctx.d.ts +8 -1
- package/components/form/src/index.vue.d.ts +31 -0
- package/components/form-item-renderer/index.cjs +33 -20
- package/components/form-item-renderer/index.d.ts +0 -1
- package/components/form-item-renderer/index.mjs +35 -20
- package/components/form-item-renderer/src/index.vue.d.ts +4 -4
- package/components/form-item-renderer/src/types.d.ts +0 -1
- package/components/form-item-renderer-template/index.cjs +2 -2
- package/components/form-item-renderer-template/index.mjs +3 -3
- package/components/form-item-renderer-template/src/types.d.ts +44 -0
- package/components/input-collection/index.cjs +56 -40
- package/components/input-collection/index.mjs +57 -41
- package/components/input-collection/src/ctx.d.ts +7 -0
- package/components/input-collection/src/index.vue.d.ts +20 -0
- package/components/input-number/src/ctx.d.ts +1 -1
- package/components/input-number/src/index.vue.d.ts +2 -2
- package/components/renderer-data/index.cjs +41 -0
- package/components/renderer-data/index.d.ts +4 -0
- package/components/renderer-data/index.mjs +35 -0
- package/components/{templates-mapbox → renderer-data}/src/ctx.d.ts +3 -2
- package/components/renderer-data/src/index.vue.d.ts +20 -0
- package/components/renderer-data/src/types.d.ts +1 -0
- package/components/select/index.css +5 -0
- package/components/slider/src/index.vue.d.ts +1 -1
- package/components/template-instances-provider/index.cjs +16 -6
- package/components/template-instances-provider/index.mjs +17 -7
- package/components/template-instances-provider/src/index.vue.d.ts +14 -2
- package/components/templates-default/index.cjs +40 -146
- package/components/templates-default/index.mjs +41 -147
- package/components/templates-default/src/index.vue.d.ts +0 -2
- package/components/templates-element-plus/index.cjs +8 -8
- package/components/templates-element-plus/index.mjs +9 -9
- package/components/templates-esri/index.cjs +5 -5
- package/components/templates-esri/index.mjs +6 -6
- package/components/templates-variant/index.cjs +7 -7
- package/components/templates-variant/index.mjs +8 -8
- package/composables/index.cjs +46 -0
- package/composables/index.d.ts +3 -0
- package/composables/index.mjs +44 -2
- package/composables/useComputedReadonly.d.ts +4 -0
- package/composables/useForm.d.ts +1 -4
- package/composables/useRendererData.d.ts +13 -0
- package/composables/useTemplateInstances.d.ts +3 -0
- package/index.css +5 -9
- package/package.json +6 -19
- package/components/form-item-renderer/src/symbols.d.ts +0 -3
- package/components/geoinput/index.cjs +0 -95
- package/components/geoinput/index.d.ts +0 -4
- package/components/geoinput/index.mjs +0 -89
- package/components/geoinput/src/ctx.d.ts +0 -240
- package/components/geoinput/src/index.vue.d.ts +0 -546
- package/components/geoinput/src/types.d.ts +0 -12
- package/components/geoinput-read/index.cjs +0 -304
- package/components/geoinput-read/index.css +0 -8
- package/components/geoinput-read/index.d.ts +0 -5
- package/components/geoinput-read/index.mjs +0 -297
- package/components/geoinput-read/src/append.vue.d.ts +0 -341
- package/components/geoinput-read/src/core.vue.d.ts +0 -667
- package/components/geoinput-read/src/ctx.d.ts +0 -211
- package/components/geoinput-read/src/index.vue.d.ts +0 -1219
- package/components/geoinput-read/src/types.d.ts +0 -3
- package/components/templates-mapbox/index.cjs +0 -65
- package/components/templates-mapbox/index.d.ts +0 -4
- package/components/templates-mapbox/index.mjs +0 -59
- package/components/templates-mapbox/src/index.vue.d.ts +0 -43
- package/components/templates-mapbox/src/types.d.ts +0 -3
- package/shared/const/index.d.ts +0 -4
- package/shared/element-plus/ctx.d.ts +0 -26
- package/shared/element-plus/index.d.ts +0 -3
- package/shared/element-plus/instances.d.ts +0 -202
- package/shared/element-plus/version.d.ts +0 -1
- package/shared/form/index.d.ts +0 -18
- package/shared/helper/index.d.ts +0 -4
- package/shared/index.d.ts +0 -2
- package/shared/infer-prop/index.d.ts +0 -17
- package/shared/progress-it/index.d.ts +0 -16
- package/shared/rules/index.d.ts +0 -35
- package/shared/types/form/checkbox.d.ts +0 -13
- package/shared/types/form/index.d.ts +0 -2
- package/shared/types/form/radio.d.ts +0 -8
- package/shared/types/index.d.ts +0 -2
- package/shared/types/source/index.d.ts +0 -21
- package/shared/types/source-manager/index.d.ts +0 -6
- package/shared/upload/index.d.ts +0 -7
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx,
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createElementVNode } from 'vue';
|
|
2
2
|
import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
|
|
3
3
|
import { ElLink, ElDivider } from 'element-plus';
|
|
4
4
|
import { pickObject } from '@vunk/core/shared/utils-object';
|
|
@@ -37,10 +37,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
37
37
|
null,
|
|
38
38
|
[
|
|
39
39
|
createVNode(_component_VkfFormItemRendererTemplate, { type: "ElLink" }, {
|
|
40
|
-
default: withCtx(({
|
|
41
|
-
|
|
40
|
+
default: withCtx(({ props }) => [
|
|
41
|
+
createVNode(
|
|
42
42
|
_component_ElLink,
|
|
43
|
-
normalizeProps(
|
|
43
|
+
normalizeProps(guardReactiveProps(_ctx.pickObject(props, {
|
|
44
44
|
excludes: ["label"]
|
|
45
45
|
}))),
|
|
46
46
|
{
|
|
@@ -56,16 +56,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
56
56
|
},
|
|
57
57
|
1040
|
|
58
58
|
/* FULL_PROPS, DYNAMIC_SLOTS */
|
|
59
|
-
)
|
|
59
|
+
)
|
|
60
60
|
]),
|
|
61
61
|
_: 1
|
|
62
62
|
/* STABLE */
|
|
63
63
|
}),
|
|
64
64
|
createVNode(_component_VkfFormItemRendererTemplate, { type: "ElDivider" }, {
|
|
65
|
-
default: withCtx(({
|
|
66
|
-
|
|
65
|
+
default: withCtx(({ props }) => [
|
|
66
|
+
createVNode(
|
|
67
67
|
_component_ElDivider,
|
|
68
|
-
normalizeProps(
|
|
68
|
+
normalizeProps(guardReactiveProps(_ctx.pickObject(props, {
|
|
69
69
|
excludes: ["label"]
|
|
70
70
|
}))),
|
|
71
71
|
{
|
|
@@ -83,7 +83,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
83
83
|
},
|
|
84
84
|
1040
|
|
85
85
|
/* FULL_PROPS, DYNAMIC_SLOTS */
|
|
86
|
-
)
|
|
86
|
+
)
|
|
87
87
|
]),
|
|
88
88
|
_: 1
|
|
89
89
|
/* STABLE */
|
|
@@ -37,14 +37,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
37
37
|
const _component_VkfEsriInputGeojson = vue.resolveComponent("VkfEsriInputGeojson");
|
|
38
38
|
const _component_VkfFormItemRendererTemplate = vue.resolveComponent("VkfFormItemRendererTemplate");
|
|
39
39
|
return vue.openBlock(), vue.createBlock(_component_VkfFormItemRendererTemplate, { type: "VkfEsriInputGeojson" }, {
|
|
40
|
-
default: vue.withCtx(({
|
|
41
|
-
|
|
42
|
-
"model-value":
|
|
43
|
-
"onUpdate:modelValue": ($event) =>
|
|
40
|
+
default: vue.withCtx(({ props, modelValue, emitSetData }) => [
|
|
41
|
+
vue.createVNode(_component_VkfEsriInputGeojson, vue.mergeProps(props, {
|
|
42
|
+
"model-value": modelValue,
|
|
43
|
+
"onUpdate:modelValue": ($event) => emitSetData({
|
|
44
44
|
k: props.prop,
|
|
45
45
|
v: $event
|
|
46
46
|
})
|
|
47
|
-
}), null, 16, ["model-value", "onUpdate:modelValue"])
|
|
47
|
+
}), null, 16, ["model-value", "onUpdate:modelValue"])
|
|
48
48
|
]),
|
|
49
49
|
_: 1
|
|
50
50
|
/* STABLE */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createBlock, withCtx,
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps } from 'vue';
|
|
2
2
|
import { VkfEsriInputGeojson } from '@vunk/form/components/esri-input-geojson';
|
|
3
3
|
import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
|
|
4
4
|
import { getValue } from '@vunk/core';
|
|
@@ -33,14 +33,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
33
33
|
const _component_VkfEsriInputGeojson = resolveComponent("VkfEsriInputGeojson");
|
|
34
34
|
const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
|
|
35
35
|
return openBlock(), createBlock(_component_VkfFormItemRendererTemplate, { type: "VkfEsriInputGeojson" }, {
|
|
36
|
-
default: withCtx(({
|
|
37
|
-
|
|
38
|
-
"model-value":
|
|
39
|
-
"onUpdate:modelValue": ($event) =>
|
|
36
|
+
default: withCtx(({ props, modelValue, emitSetData }) => [
|
|
37
|
+
createVNode(_component_VkfEsriInputGeojson, mergeProps(props, {
|
|
38
|
+
"model-value": modelValue,
|
|
39
|
+
"onUpdate:modelValue": ($event) => emitSetData({
|
|
40
40
|
k: props.prop,
|
|
41
41
|
v: $event
|
|
42
42
|
})
|
|
43
|
-
}), null, 16, ["model-value", "onUpdate:modelValue"])
|
|
43
|
+
}), null, 16, ["model-value", "onUpdate:modelValue"])
|
|
44
44
|
]),
|
|
45
45
|
_: 1
|
|
46
46
|
/* STABLE */
|
|
@@ -37,19 +37,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
37
37
|
const _component_VkfDatePickerRange = vue.resolveComponent("VkfDatePickerRange");
|
|
38
38
|
const _component_VkfFormItemRendererTemplate = vue.resolveComponent("VkfFormItemRendererTemplate");
|
|
39
39
|
return vue.openBlock(), vue.createBlock(_component_VkfFormItemRendererTemplate, { type: "VkfDatePickerRange" }, {
|
|
40
|
-
default: vue.withCtx(({
|
|
41
|
-
|
|
42
|
-
"start-value":
|
|
43
|
-
"end-value":
|
|
44
|
-
"onUpdate:startValue": ($event) =>
|
|
40
|
+
default: vue.withCtx(({ props, getDataValue, emitSetData }) => [
|
|
41
|
+
vue.createVNode(_component_VkfDatePickerRange, vue.mergeProps(props, {
|
|
42
|
+
"start-value": getDataValue(props.startProp),
|
|
43
|
+
"end-value": getDataValue(props.endProp),
|
|
44
|
+
"onUpdate:startValue": ($event) => emitSetData({
|
|
45
45
|
k: props.startProp,
|
|
46
46
|
v: $event
|
|
47
47
|
}),
|
|
48
|
-
"onUpdate:endValue": ($event) =>
|
|
48
|
+
"onUpdate:endValue": ($event) => emitSetData({
|
|
49
49
|
k: props.endProp,
|
|
50
50
|
v: $event
|
|
51
51
|
})
|
|
52
|
-
}), null, 16, ["start-value", "end-value", "onUpdate:startValue", "onUpdate:endValue"])
|
|
52
|
+
}), null, 16, ["start-value", "end-value", "onUpdate:startValue", "onUpdate:endValue"])
|
|
53
53
|
]),
|
|
54
54
|
_: 1
|
|
55
55
|
/* STABLE */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createBlock, withCtx,
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps } from 'vue';
|
|
2
2
|
import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
|
|
3
3
|
import { getValue } from '@vunk/core';
|
|
4
4
|
import { VkfDatePickerRange } from '@vunk/form/components/date-picker-range';
|
|
@@ -33,19 +33,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
33
33
|
const _component_VkfDatePickerRange = resolveComponent("VkfDatePickerRange");
|
|
34
34
|
const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
|
|
35
35
|
return openBlock(), createBlock(_component_VkfFormItemRendererTemplate, { type: "VkfDatePickerRange" }, {
|
|
36
|
-
default: withCtx(({
|
|
37
|
-
|
|
38
|
-
"start-value":
|
|
39
|
-
"end-value":
|
|
40
|
-
"onUpdate:startValue": ($event) =>
|
|
36
|
+
default: withCtx(({ props, getDataValue, emitSetData }) => [
|
|
37
|
+
createVNode(_component_VkfDatePickerRange, mergeProps(props, {
|
|
38
|
+
"start-value": getDataValue(props.startProp),
|
|
39
|
+
"end-value": getDataValue(props.endProp),
|
|
40
|
+
"onUpdate:startValue": ($event) => emitSetData({
|
|
41
41
|
k: props.startProp,
|
|
42
42
|
v: $event
|
|
43
43
|
}),
|
|
44
|
-
"onUpdate:endValue": ($event) =>
|
|
44
|
+
"onUpdate:endValue": ($event) => emitSetData({
|
|
45
45
|
k: props.endProp,
|
|
46
46
|
v: $event
|
|
47
47
|
})
|
|
48
|
-
}), null, 16, ["start-value", "end-value", "onUpdate:startValue", "onUpdate:endValue"])
|
|
48
|
+
}), null, 16, ["start-value", "end-value", "onUpdate:startValue", "onUpdate:endValue"])
|
|
49
49
|
]),
|
|
50
50
|
_: 1
|
|
51
51
|
/* STABLE */
|
package/composables/index.cjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var vue = require('vue');
|
|
4
|
+
var core = require('@vunk/core');
|
|
4
5
|
|
|
5
6
|
const useSourceManager = (source, opts = {}) => {
|
|
6
7
|
if (!vue.isRef(source)) {
|
|
@@ -76,6 +77,7 @@ const useSourceManager = (source, opts = {}) => {
|
|
|
76
77
|
const useForm = () => {
|
|
77
78
|
return vue.inject("vkfFormVm", null);
|
|
78
79
|
};
|
|
80
|
+
|
|
79
81
|
const useComputedReadonly = (props) => {
|
|
80
82
|
const form = useForm();
|
|
81
83
|
const readonly = vue.computed(() => {
|
|
@@ -84,6 +86,50 @@ const useComputedReadonly = (props) => {
|
|
|
84
86
|
return readonly;
|
|
85
87
|
};
|
|
86
88
|
|
|
89
|
+
const initTemplateInstances = () => {
|
|
90
|
+
const templateInstances = vue.shallowReactive({});
|
|
91
|
+
vue.provide("vkTemplateInstances", templateInstances);
|
|
92
|
+
return templateInstances;
|
|
93
|
+
};
|
|
94
|
+
const useTemplateInstances = () => {
|
|
95
|
+
const templateInstances = vue.inject(
|
|
96
|
+
"vkTemplateInstances",
|
|
97
|
+
null
|
|
98
|
+
);
|
|
99
|
+
return templateInstances;
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
const initRendererData = (props, ctx) => {
|
|
103
|
+
const data = vue.computed(() => props.data);
|
|
104
|
+
const emitSetData = (e) => {
|
|
105
|
+
ctx.emit("setData", {
|
|
106
|
+
intoUndefined: core.defaultIntoUndefined,
|
|
107
|
+
...e
|
|
108
|
+
});
|
|
109
|
+
};
|
|
110
|
+
const getDataValue = (key) => {
|
|
111
|
+
return core.getValue(data.value, key, core.defaultIntoUndefined, true);
|
|
112
|
+
};
|
|
113
|
+
const rendererData = {
|
|
114
|
+
data,
|
|
115
|
+
emitSetData,
|
|
116
|
+
getDataValue
|
|
117
|
+
};
|
|
118
|
+
vue.provide("vkRendererData", rendererData);
|
|
119
|
+
return rendererData;
|
|
120
|
+
};
|
|
121
|
+
const useRendererData = () => {
|
|
122
|
+
const rendererData = vue.inject(
|
|
123
|
+
"vkRendererData",
|
|
124
|
+
{}
|
|
125
|
+
);
|
|
126
|
+
return rendererData;
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
exports.initRendererData = initRendererData;
|
|
130
|
+
exports.initTemplateInstances = initTemplateInstances;
|
|
87
131
|
exports.useComputedReadonly = useComputedReadonly;
|
|
88
132
|
exports.useForm = useForm;
|
|
133
|
+
exports.useRendererData = useRendererData;
|
|
89
134
|
exports.useSourceManager = useSourceManager;
|
|
135
|
+
exports.useTemplateInstances = useTemplateInstances;
|
package/composables/index.d.ts
CHANGED
package/composables/index.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { isRef, ref, computed, unref, inject } from 'vue';
|
|
1
|
+
import { isRef, ref, computed, unref, inject, shallowReactive, provide } from 'vue';
|
|
2
|
+
import { defaultIntoUndefined, getValue } from '@vunk/core';
|
|
2
3
|
|
|
3
4
|
const useSourceManager = (source, opts = {}) => {
|
|
4
5
|
if (!isRef(source)) {
|
|
@@ -74,6 +75,7 @@ const useSourceManager = (source, opts = {}) => {
|
|
|
74
75
|
const useForm = () => {
|
|
75
76
|
return inject("vkfFormVm", null);
|
|
76
77
|
};
|
|
78
|
+
|
|
77
79
|
const useComputedReadonly = (props) => {
|
|
78
80
|
const form = useForm();
|
|
79
81
|
const readonly = computed(() => {
|
|
@@ -82,4 +84,44 @@ const useComputedReadonly = (props) => {
|
|
|
82
84
|
return readonly;
|
|
83
85
|
};
|
|
84
86
|
|
|
85
|
-
|
|
87
|
+
const initTemplateInstances = () => {
|
|
88
|
+
const templateInstances = shallowReactive({});
|
|
89
|
+
provide("vkTemplateInstances", templateInstances);
|
|
90
|
+
return templateInstances;
|
|
91
|
+
};
|
|
92
|
+
const useTemplateInstances = () => {
|
|
93
|
+
const templateInstances = inject(
|
|
94
|
+
"vkTemplateInstances",
|
|
95
|
+
null
|
|
96
|
+
);
|
|
97
|
+
return templateInstances;
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
const initRendererData = (props, ctx) => {
|
|
101
|
+
const data = computed(() => props.data);
|
|
102
|
+
const emitSetData = (e) => {
|
|
103
|
+
ctx.emit("setData", {
|
|
104
|
+
intoUndefined: defaultIntoUndefined,
|
|
105
|
+
...e
|
|
106
|
+
});
|
|
107
|
+
};
|
|
108
|
+
const getDataValue = (key) => {
|
|
109
|
+
return getValue(data.value, key, defaultIntoUndefined, true);
|
|
110
|
+
};
|
|
111
|
+
const rendererData = {
|
|
112
|
+
data,
|
|
113
|
+
emitSetData,
|
|
114
|
+
getDataValue
|
|
115
|
+
};
|
|
116
|
+
provide("vkRendererData", rendererData);
|
|
117
|
+
return rendererData;
|
|
118
|
+
};
|
|
119
|
+
const useRendererData = () => {
|
|
120
|
+
const rendererData = inject(
|
|
121
|
+
"vkRendererData",
|
|
122
|
+
{}
|
|
123
|
+
);
|
|
124
|
+
return rendererData;
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
export { initRendererData, initTemplateInstances, useComputedReadonly, useForm, useRendererData, useSourceManager, useTemplateInstances };
|
package/composables/useForm.d.ts
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import { ComponentInternalInstance
|
|
1
|
+
import { ComponentInternalInstance } from 'vue';
|
|
2
2
|
import { VkfForm } from '@vunk/form/components/form';
|
|
3
3
|
import { VueComponentPropsType } from '@vunk/core';
|
|
4
4
|
export declare const useForm: () => ComponentInternalInstance & {
|
|
5
5
|
props: VueComponentPropsType<typeof VkfForm>;
|
|
6
6
|
};
|
|
7
|
-
export declare const useComputedReadonly: (props: {
|
|
8
|
-
readonly?: boolean;
|
|
9
|
-
}) => ComputedRef<boolean>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { AnyFunc, NormalObject } from '@vunk/shared';
|
|
2
|
+
import { MaybeArray, SetDataEvent } from '@vunk/core';
|
|
3
|
+
import { RendererData } from '@vunk/form/shared';
|
|
4
|
+
export declare const initRendererData: (props: {
|
|
5
|
+
data: NormalObject;
|
|
6
|
+
}, ctx: {
|
|
7
|
+
emit: AnyFunc;
|
|
8
|
+
}) => {
|
|
9
|
+
data: import("vue").ComputedRef<NormalObject>;
|
|
10
|
+
emitSetData: (e: SetDataEvent) => void;
|
|
11
|
+
getDataValue: (key: MaybeArray<string | number>) => any;
|
|
12
|
+
};
|
|
13
|
+
export declare const useRendererData: () => Partial<RendererData>;
|
package/index.css
CHANGED
|
@@ -180,15 +180,6 @@
|
|
|
180
180
|
display: none;
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
.vk-geoinput-read-x{
|
|
184
|
-
display: flex;
|
|
185
|
-
flex-direction: column-reverse;
|
|
186
|
-
margin-bottom: 18px;
|
|
187
|
-
}
|
|
188
|
-
.vk-geoinput-read-map{
|
|
189
|
-
height: 300px;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
183
|
.vk-geoinput-upload-x.vk-geoinput-upload-x{
|
|
193
184
|
padding: 0;
|
|
194
185
|
}
|
|
@@ -296,6 +287,11 @@
|
|
|
296
287
|
--el-disabled-bg-color: initial;
|
|
297
288
|
--el-disabled-text-color: var(--el-input-text-color);
|
|
298
289
|
}
|
|
290
|
+
.el-select.is-readonly .el-select__wrapper.is-disabled {
|
|
291
|
+
background-color: initial;
|
|
292
|
+
color: var(--el-input-text-color);
|
|
293
|
+
cursor: var(--el-readonly-cursor);
|
|
294
|
+
}
|
|
299
295
|
.el-select.is-readonly .el-input.is-disabled .el-input__inner,
|
|
300
296
|
.el-select.is-readonly .el-input.is-disabled .el-select__caret,
|
|
301
297
|
.el-select.is-readonly .el-input.is-disabled .el-input__wrapper{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vunk/form",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.esm.js",
|
|
6
6
|
"scripts": {
|
|
@@ -120,11 +120,6 @@
|
|
|
120
120
|
"types": "./components/templates-variant/index.d.ts",
|
|
121
121
|
"require": "./components/templates-variant/index.cjs"
|
|
122
122
|
},
|
|
123
|
-
"./components/templates-mapbox": {
|
|
124
|
-
"import": "./components/templates-mapbox/index.mjs",
|
|
125
|
-
"types": "./components/templates-mapbox/index.d.ts",
|
|
126
|
-
"require": "./components/templates-mapbox/index.cjs"
|
|
127
|
-
},
|
|
128
123
|
"./components/templates-layout": {
|
|
129
124
|
"import": "./components/templates-layout/index.mjs",
|
|
130
125
|
"types": "./components/templates-layout/index.d.ts",
|
|
@@ -165,6 +160,11 @@
|
|
|
165
160
|
"types": "./components/select/index.d.ts",
|
|
166
161
|
"require": "./components/select/index.cjs"
|
|
167
162
|
},
|
|
163
|
+
"./components/renderer-data": {
|
|
164
|
+
"import": "./components/renderer-data/index.mjs",
|
|
165
|
+
"types": "./components/renderer-data/index.d.ts",
|
|
166
|
+
"require": "./components/renderer-data/index.cjs"
|
|
167
|
+
},
|
|
168
168
|
"./components/radio": {
|
|
169
169
|
"import": "./components/radio/index.mjs",
|
|
170
170
|
"types": "./components/radio/index.d.ts",
|
|
@@ -200,16 +200,6 @@
|
|
|
200
200
|
"types": "./components/geoinput-update/index.d.ts",
|
|
201
201
|
"require": "./components/geoinput-update/index.cjs"
|
|
202
202
|
},
|
|
203
|
-
"./components/geoinput-read": {
|
|
204
|
-
"import": "./components/geoinput-read/index.mjs",
|
|
205
|
-
"types": "./components/geoinput-read/index.d.ts",
|
|
206
|
-
"require": "./components/geoinput-read/index.cjs"
|
|
207
|
-
},
|
|
208
|
-
"./components/geoinput": {
|
|
209
|
-
"import": "./components/geoinput/index.mjs",
|
|
210
|
-
"types": "./components/geoinput/index.d.ts",
|
|
211
|
-
"require": "./components/geoinput/index.cjs"
|
|
212
|
-
},
|
|
213
203
|
"./components/form-item-renderer-template": {
|
|
214
204
|
"import": "./components/form-item-renderer-template/index.mjs",
|
|
215
205
|
"types": "./components/form-item-renderer-template/index.d.ts",
|
|
@@ -312,9 +302,6 @@
|
|
|
312
302
|
"./components/geoinput-update/index.css": {
|
|
313
303
|
"import": "./components/geoinput-update/index.css"
|
|
314
304
|
},
|
|
315
|
-
"./components/geoinput-read/index.css": {
|
|
316
|
-
"import": "./components/geoinput-read/index.css"
|
|
317
|
-
},
|
|
318
305
|
"./components/form-item/index.css": {
|
|
319
306
|
"import": "./components/form-item/index.css"
|
|
320
307
|
},
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var vue = require('vue');
|
|
6
|
-
var geoinputRead = require('@vunk/form/components/geoinput-read');
|
|
7
|
-
var geoinputUpdate = require('@vunk/form/components/geoinput-update');
|
|
8
|
-
var composables = require('@vunk/form/composables');
|
|
9
|
-
var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
|
|
10
|
-
|
|
11
|
-
const props = {
|
|
12
|
-
...geoinputRead._VkfGeoinputReadCtx.props,
|
|
13
|
-
...geoinputUpdate._VkfGeoinputUpdateCtx.props,
|
|
14
|
-
readonly: {
|
|
15
|
-
type: Boolean,
|
|
16
|
-
default: void 0
|
|
17
|
-
},
|
|
18
|
-
showMap: {
|
|
19
|
-
type: Boolean,
|
|
20
|
-
default: true
|
|
21
|
-
},
|
|
22
|
-
/**
|
|
23
|
-
* @description geoinput-read GeojsonLayer 的 type
|
|
24
|
-
*/
|
|
25
|
-
type: {
|
|
26
|
-
type: String,
|
|
27
|
-
default: ""
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const emits = {
|
|
31
|
-
...geoinputRead._VkfGeoinputReadCtx.emits,
|
|
32
|
-
...geoinputUpdate._VkfGeoinputUpdateCtx.emits
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var _sfc_main = vue.defineComponent({
|
|
36
|
-
name: "VkfGeoinput",
|
|
37
|
-
inheritAttrs: false,
|
|
38
|
-
components: {
|
|
39
|
-
VkfGeoinputRead: geoinputRead.VkfGeoinputRead,
|
|
40
|
-
VkfGeoinputUpdate: geoinputUpdate.VkfGeoinputUpdate
|
|
41
|
-
},
|
|
42
|
-
emits,
|
|
43
|
-
props,
|
|
44
|
-
setup(props2, { emit }) {
|
|
45
|
-
const readonly = composables.useComputedReadonly(props2);
|
|
46
|
-
const readProps = geoinputRead._VkfGeoinputReadCtx.createBindProps(props2);
|
|
47
|
-
const updateProps = geoinputUpdate._VkfGeoinputUpdateCtx.createBindProps(props2);
|
|
48
|
-
const readEmits = geoinputRead._VkfGeoinputReadCtx.createOnEmits(emit);
|
|
49
|
-
const updateEmits = geoinputUpdate._VkfGeoinputUpdateCtx.createOnEmits(emit);
|
|
50
|
-
return {
|
|
51
|
-
readonly,
|
|
52
|
-
readProps,
|
|
53
|
-
updateProps,
|
|
54
|
-
readEmits,
|
|
55
|
-
updateEmits
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
|
|
60
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
61
|
-
const _component_VkfGeoinputRead = vue.resolveComponent("VkfGeoinputRead");
|
|
62
|
-
const _component_VkfGeoinputUpdate = vue.resolveComponent("VkfGeoinputUpdate");
|
|
63
|
-
return _ctx.readonly ? (vue.openBlock(), vue.createBlock(
|
|
64
|
-
_component_VkfGeoinputRead,
|
|
65
|
-
vue.mergeProps({ key: 0 }, {
|
|
66
|
-
..._ctx.readProps,
|
|
67
|
-
..._ctx.$attrs
|
|
68
|
-
}, vue.toHandlers(_ctx.readEmits)),
|
|
69
|
-
null,
|
|
70
|
-
16
|
|
71
|
-
/* FULL_PROPS */
|
|
72
|
-
)) : (vue.openBlock(), vue.createBlock(
|
|
73
|
-
_component_VkfGeoinputUpdate,
|
|
74
|
-
vue.mergeProps({ key: 1 }, {
|
|
75
|
-
..._ctx.updateProps,
|
|
76
|
-
..._ctx.$attrs
|
|
77
|
-
}, vue.toHandlers(_ctx.updateEmits)),
|
|
78
|
-
null,
|
|
79
|
-
16
|
|
80
|
-
/* FULL_PROPS */
|
|
81
|
-
));
|
|
82
|
-
}
|
|
83
|
-
var VkfGeoinput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/geoinput/src/index.vue"]]);
|
|
84
|
-
|
|
85
|
-
var types = /*#__PURE__*/Object.freeze({
|
|
86
|
-
__proto__: null
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
VkfGeoinput.install = (app) => {
|
|
90
|
-
app.component(VkfGeoinput.name, VkfGeoinput);
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
exports.VkfGeoinput = VkfGeoinput;
|
|
94
|
-
exports.__VkfGeoinput = types;
|
|
95
|
-
exports.default = VkfGeoinput;
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, toHandlers } from 'vue';
|
|
2
|
-
import { _VkfGeoinputReadCtx, VkfGeoinputRead } from '@vunk/form/components/geoinput-read';
|
|
3
|
-
import { _VkfGeoinputUpdateCtx, VkfGeoinputUpdate } from '@vunk/form/components/geoinput-update';
|
|
4
|
-
import { useComputedReadonly } from '@vunk/form/composables';
|
|
5
|
-
import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
|
|
6
|
-
|
|
7
|
-
const props = {
|
|
8
|
-
..._VkfGeoinputReadCtx.props,
|
|
9
|
-
..._VkfGeoinputUpdateCtx.props,
|
|
10
|
-
readonly: {
|
|
11
|
-
type: Boolean,
|
|
12
|
-
default: void 0
|
|
13
|
-
},
|
|
14
|
-
showMap: {
|
|
15
|
-
type: Boolean,
|
|
16
|
-
default: true
|
|
17
|
-
},
|
|
18
|
-
/**
|
|
19
|
-
* @description geoinput-read GeojsonLayer 的 type
|
|
20
|
-
*/
|
|
21
|
-
type: {
|
|
22
|
-
type: String,
|
|
23
|
-
default: ""
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
const emits = {
|
|
27
|
-
..._VkfGeoinputReadCtx.emits,
|
|
28
|
-
..._VkfGeoinputUpdateCtx.emits
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
var _sfc_main = defineComponent({
|
|
32
|
-
name: "VkfGeoinput",
|
|
33
|
-
inheritAttrs: false,
|
|
34
|
-
components: {
|
|
35
|
-
VkfGeoinputRead,
|
|
36
|
-
VkfGeoinputUpdate
|
|
37
|
-
},
|
|
38
|
-
emits,
|
|
39
|
-
props,
|
|
40
|
-
setup(props2, { emit }) {
|
|
41
|
-
const readonly = useComputedReadonly(props2);
|
|
42
|
-
const readProps = _VkfGeoinputReadCtx.createBindProps(props2);
|
|
43
|
-
const updateProps = _VkfGeoinputUpdateCtx.createBindProps(props2);
|
|
44
|
-
const readEmits = _VkfGeoinputReadCtx.createOnEmits(emit);
|
|
45
|
-
const updateEmits = _VkfGeoinputUpdateCtx.createOnEmits(emit);
|
|
46
|
-
return {
|
|
47
|
-
readonly,
|
|
48
|
-
readProps,
|
|
49
|
-
updateProps,
|
|
50
|
-
readEmits,
|
|
51
|
-
updateEmits
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
|
|
56
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
57
|
-
const _component_VkfGeoinputRead = resolveComponent("VkfGeoinputRead");
|
|
58
|
-
const _component_VkfGeoinputUpdate = resolveComponent("VkfGeoinputUpdate");
|
|
59
|
-
return _ctx.readonly ? (openBlock(), createBlock(
|
|
60
|
-
_component_VkfGeoinputRead,
|
|
61
|
-
mergeProps({ key: 0 }, {
|
|
62
|
-
..._ctx.readProps,
|
|
63
|
-
..._ctx.$attrs
|
|
64
|
-
}, toHandlers(_ctx.readEmits)),
|
|
65
|
-
null,
|
|
66
|
-
16
|
|
67
|
-
/* FULL_PROPS */
|
|
68
|
-
)) : (openBlock(), createBlock(
|
|
69
|
-
_component_VkfGeoinputUpdate,
|
|
70
|
-
mergeProps({ key: 1 }, {
|
|
71
|
-
..._ctx.updateProps,
|
|
72
|
-
..._ctx.$attrs
|
|
73
|
-
}, toHandlers(_ctx.updateEmits)),
|
|
74
|
-
null,
|
|
75
|
-
16
|
|
76
|
-
/* FULL_PROPS */
|
|
77
|
-
));
|
|
78
|
-
}
|
|
79
|
-
var VkfGeoinput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/geoinput/src/index.vue"]]);
|
|
80
|
-
|
|
81
|
-
var types = /*#__PURE__*/Object.freeze({
|
|
82
|
-
__proto__: null
|
|
83
|
-
});
|
|
84
|
-
|
|
85
|
-
VkfGeoinput.install = (app) => {
|
|
86
|
-
app.component(VkfGeoinput.name, VkfGeoinput);
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
export { VkfGeoinput, types as __VkfGeoinput, VkfGeoinput as default };
|