@shjjs/visual-ui 1.0.0 → 1.0.2
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/es/components/commons-product-model/index.vue.mjs +2 -2
- package/es/components/commons-product-model/index.vue2.mjs +33 -33
- package/es/components/commons-three-loader3/index.vue.mjs +2 -2
- package/es/components/commons-three-loader3/index.vue2.mjs +40 -40
- package/es/components/index.d.ts +5 -0
- package/es/components/index.mjs +82 -72
- package/es/components/interaction-select/index.d.ts +188 -8
- package/es/components/interaction-select/index.vue.d.ts +193 -8
- package/es/components/interaction-select/index.vue.mjs +5 -11
- package/es/components/interaction-select/index.vue2.mjs +220 -2
- package/es/components/scene-amap2d/index.d.ts +2 -2
- package/es/components/scene-amap2d/index.vue.d.ts +2 -2
- package/es/components/scene-amap2d/index.vue.mjs +2 -2
- package/es/components/scene-amap2d/index.vue2.mjs +16 -16
- package/es/components/scene-amap3d/index.d.ts +2 -2
- package/es/components/scene-amap3d/index.vue.d.ts +2 -2
- package/es/components/scene-amap3d/index.vue.mjs +2 -2
- package/es/components/scene-amap3d/index.vue2.mjs +95 -88
- package/es/components/scene-map3d/index.d.ts +2 -2
- package/es/components/scene-map3d/index.vue.d.ts +2 -2
- package/es/components/scene-map3d/index.vue.mjs +2 -2
- package/es/components/scene-map3d/index.vue2.mjs +13 -13
- package/es/components/scene-map3d/map3d/module/MapMirror.mjs +1 -1
- package/es/components/scene-ue-iframe/index.d.ts +50 -0
- package/es/components/scene-ue-iframe/index.mjs +7 -0
- package/es/components/scene-ue-iframe/index.vue.d.ts +50 -0
- package/es/components/scene-ue-iframe/index.vue.mjs +7 -0
- package/es/components/scene-ue-iframe/index.vue2.mjs +48 -0
- package/es/components/scene-ue-shj/index.d.ts +50 -0
- package/es/components/scene-ue-shj/index.mjs +7 -0
- package/es/components/scene-ue-shj/index.vue.d.ts +50 -0
- package/es/components/scene-ue-shj/index.vue.mjs +7 -0
- package/es/components/scene-ue-shj/index.vue2.mjs +37 -0
- package/es/components/scene-unity-iframe/index.d.ts +61 -0
- package/es/components/scene-unity-iframe/index.mjs +7 -0
- package/es/components/scene-unity-iframe/index.vue.d.ts +61 -0
- package/es/components/scene-unity-iframe/index.vue.mjs +7 -0
- package/es/components/scene-unity-iframe/index.vue2.mjs +37 -0
- package/es/components/scene-unity-webgl/index.d.ts +61 -0
- package/es/components/scene-unity-webgl/index.mjs +7 -0
- package/es/components/scene-unity-webgl/index.vue.d.ts +61 -0
- package/es/components/scene-unity-webgl/index.vue.mjs +7 -0
- package/es/components/scene-unity-webgl/index.vue2.mjs +37 -0
- package/es/components/scene-vr/entity/audio.d.ts +6 -0
- package/es/components/scene-vr/index.d.ts +103 -0
- package/es/components/scene-vr/index.mjs +7 -0
- package/es/components/scene-vr/index.vue.d.ts +103 -0
- package/es/components/scene-vr/index.vue.mjs +7 -0
- package/es/components/scene-vr/index.vue2.mjs +355 -0
- package/es/components/scene-vr/resources/zv-add.svg.mjs +4 -0
- package/es/components/scene-vr/resources/zv-pause.svg.mjs +4 -0
- package/es/components/scene-vr/resources/zv-play.svg.mjs +4 -0
- package/es/components/scene-vr/resources/zv-reduce.svg.mjs +4 -0
- package/es/components/scene-vr/resources/zv-refresh.svg.mjs +4 -0
- package/es/components/scene-vr/resources/zv-return.svg.mjs +4 -0
- package/es/components/scene-vr/resources/zv-vr-select.svg.mjs +4 -0
- package/es/components/text-over-number/index.vue.d.ts +32 -32
- package/es/index.mjs +94 -84
- package/es/style.css +1 -1
- package/es/utils/clickOutSide.d.ts +5 -0
- package/es/utils/clickOutSide.mjs +13 -0
- package/es/utils/json2css.mjs +8 -8
- package/lib/components/commons-product-model/index.vue.js +1 -1
- package/lib/components/commons-product-model/index.vue2.js +1 -1
- package/lib/components/commons-three-loader3/index.vue.js +1 -1
- package/lib/components/commons-three-loader3/index.vue2.js +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/interaction-select/index.vue.js +1 -1
- package/lib/components/interaction-select/index.vue2.js +1 -1
- package/lib/components/scene-amap2d/index.vue.js +1 -1
- package/lib/components/scene-amap2d/index.vue2.js +1 -1
- package/lib/components/scene-amap3d/index.vue.js +1 -1
- package/lib/components/scene-amap3d/index.vue2.js +2 -2
- package/lib/components/scene-map3d/index.vue.js +1 -1
- package/lib/components/scene-map3d/index.vue2.js +1 -1
- package/lib/components/scene-map3d/map3d/module/MapMirror.js +1 -1
- package/lib/components/scene-ue-iframe/index.js +1 -0
- package/lib/components/scene-ue-iframe/index.vue.js +1 -0
- package/lib/components/scene-ue-iframe/index.vue2.js +1 -0
- package/lib/components/scene-ue-shj/index.js +1 -0
- package/lib/components/scene-ue-shj/index.vue.js +1 -0
- package/lib/components/scene-ue-shj/index.vue2.js +1 -0
- package/lib/components/scene-unity-iframe/index.js +1 -0
- package/lib/components/scene-unity-iframe/index.vue.js +1 -0
- package/lib/components/scene-unity-iframe/index.vue2.js +1 -0
- package/lib/components/scene-unity-webgl/index.js +1 -0
- package/lib/components/scene-unity-webgl/index.vue.js +1 -0
- package/lib/components/scene-unity-webgl/index.vue2.js +1 -0
- package/lib/components/scene-vr/index.js +1 -0
- package/lib/components/scene-vr/index.vue.js +1 -0
- package/lib/components/scene-vr/index.vue2.js +11 -0
- package/lib/components/scene-vr/resources/zv-add.svg.js +1 -0
- package/lib/components/scene-vr/resources/zv-pause.svg.js +1 -0
- package/lib/components/scene-vr/resources/zv-play.svg.js +1 -0
- package/lib/components/scene-vr/resources/zv-reduce.svg.js +1 -0
- package/lib/components/scene-vr/resources/zv-refresh.svg.js +1 -0
- package/lib/components/scene-vr/resources/zv-return.svg.js +1 -0
- package/lib/components/scene-vr/resources/zv-vr-select.svg.js +1 -0
- package/lib/index.js +1 -1
- package/lib/style.css +1 -1
- package/lib/utils/clickOutSide.js +1 -0
- package/lib/utils/json2css.js +1 -1
- package/package.json +2 -1
|
@@ -1,19 +1,199 @@
|
|
|
1
1
|
export declare const ZvInteractionSelect: import("../../utils/typescript").SFCWithInstall<import("vue").DefineComponent<{
|
|
2
2
|
basicOption: {
|
|
3
|
-
type:
|
|
3
|
+
type: ObjectConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
sources: {
|
|
7
|
+
type: ArrayConstructor;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
useEvents: {
|
|
11
|
+
type: ArrayConstructor;
|
|
12
|
+
required: true;
|
|
13
|
+
};
|
|
14
|
+
uuid: {
|
|
15
|
+
type: StringConstructor;
|
|
4
16
|
required: true;
|
|
5
17
|
};
|
|
6
18
|
}, {
|
|
7
19
|
props: any;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
20
|
+
useSelect: () => {
|
|
21
|
+
key: import("vue").Ref<string>;
|
|
22
|
+
init: () => void;
|
|
23
|
+
options: import("vue").Ref<{
|
|
24
|
+
value: string | number;
|
|
25
|
+
label: string;
|
|
26
|
+
type: string;
|
|
27
|
+
}[]>;
|
|
28
|
+
selectRef: import("vue").Ref<any>;
|
|
29
|
+
rendererSelectInput: (inputCss: any) => {};
|
|
30
|
+
rendererSelectOption: (optionCss: any) => {
|
|
31
|
+
constructor: Function;
|
|
32
|
+
toString(): string;
|
|
33
|
+
toLocaleString(): string;
|
|
34
|
+
valueOf(): Object;
|
|
35
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
36
|
+
isPrototypeOf(v: Object): boolean;
|
|
37
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
38
|
+
padding: string;
|
|
39
|
+
};
|
|
40
|
+
rendererSelectDropdown: (dropdownCss: any) => {
|
|
41
|
+
top: string;
|
|
42
|
+
marginTop: string;
|
|
43
|
+
boxShadow: string;
|
|
44
|
+
padding: string;
|
|
45
|
+
constructor: Function;
|
|
46
|
+
toString(): string;
|
|
47
|
+
toLocaleString(): string;
|
|
48
|
+
valueOf(): Object;
|
|
49
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
50
|
+
isPrototypeOf(v: Object): boolean;
|
|
51
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
52
|
+
} | {
|
|
53
|
+
bottom: string;
|
|
54
|
+
marginBottom: string;
|
|
55
|
+
boxShadow: string;
|
|
56
|
+
padding: string;
|
|
57
|
+
constructor: Function;
|
|
58
|
+
toString(): string;
|
|
59
|
+
toLocaleString(): string;
|
|
60
|
+
valueOf(): Object;
|
|
61
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
62
|
+
isPrototypeOf(v: Object): boolean;
|
|
63
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
64
|
+
};
|
|
65
|
+
rendererSelectSelected: (selectedCss: any) => {
|
|
66
|
+
constructor: Function;
|
|
67
|
+
toString(): string;
|
|
68
|
+
toLocaleString(): string;
|
|
69
|
+
valueOf(): Object;
|
|
70
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
71
|
+
isPrototypeOf(v: Object): boolean;
|
|
72
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
73
|
+
};
|
|
74
|
+
rendererSelectPlaceholder: (placeholderCss: any) => {
|
|
75
|
+
constructor: Function;
|
|
76
|
+
toString(): string;
|
|
77
|
+
toLocaleString(): string;
|
|
78
|
+
valueOf(): Object;
|
|
79
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
80
|
+
isPrototypeOf(v: Object): boolean;
|
|
81
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
82
|
+
};
|
|
83
|
+
rendererPrefixIcon: (type: string, prefixs: any[]) => any;
|
|
84
|
+
rendererPrefixIconCss: (type: string, prefixs: any[]) => {
|
|
85
|
+
constructor: Function;
|
|
86
|
+
toString(): string;
|
|
87
|
+
toLocaleString(): string;
|
|
88
|
+
valueOf(): Object;
|
|
89
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
90
|
+
isPrototypeOf(v: Object): boolean;
|
|
91
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
modelValue: import("vue").Ref<string | number>;
|
|
95
|
+
emit: (event: "on-change" | "update:modelValue", ...args: any[]) => void;
|
|
96
|
+
isOpen: import("vue").Ref<boolean>;
|
|
97
|
+
selectedLabel: import("vue").ComputedRef<string>;
|
|
98
|
+
toggleDropdown: () => void;
|
|
99
|
+
selectedType: import("vue").Ref<string>;
|
|
100
|
+
selectOption: (option: import("./index.vue").ISelectOption) => void;
|
|
101
|
+
closeDropdown: () => void;
|
|
102
|
+
key: import("vue").Ref<string>;
|
|
103
|
+
init: () => void;
|
|
104
|
+
options: import("vue").Ref<{
|
|
105
|
+
value: string | number;
|
|
11
106
|
label: string;
|
|
12
|
-
|
|
13
|
-
}
|
|
107
|
+
type: string;
|
|
108
|
+
}[]>;
|
|
109
|
+
selectRef: import("vue").Ref<any>;
|
|
110
|
+
rendererSelectInput: (inputCss: any) => {};
|
|
111
|
+
rendererSelectOption: (optionCss: any) => {
|
|
112
|
+
constructor: Function;
|
|
113
|
+
toString(): string;
|
|
114
|
+
toLocaleString(): string;
|
|
115
|
+
valueOf(): Object;
|
|
116
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
117
|
+
isPrototypeOf(v: Object): boolean;
|
|
118
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
119
|
+
padding: string;
|
|
120
|
+
};
|
|
121
|
+
rendererSelectDropdown: (dropdownCss: any) => {
|
|
122
|
+
top: string;
|
|
123
|
+
marginTop: string;
|
|
124
|
+
boxShadow: string;
|
|
125
|
+
padding: string;
|
|
126
|
+
constructor: Function;
|
|
127
|
+
toString(): string;
|
|
128
|
+
toLocaleString(): string;
|
|
129
|
+
valueOf(): Object;
|
|
130
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
131
|
+
isPrototypeOf(v: Object): boolean;
|
|
132
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
133
|
+
} | {
|
|
134
|
+
bottom: string;
|
|
135
|
+
marginBottom: string;
|
|
136
|
+
boxShadow: string;
|
|
137
|
+
padding: string;
|
|
138
|
+
constructor: Function;
|
|
139
|
+
toString(): string;
|
|
140
|
+
toLocaleString(): string;
|
|
141
|
+
valueOf(): Object;
|
|
142
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
143
|
+
isPrototypeOf(v: Object): boolean;
|
|
144
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
145
|
+
};
|
|
146
|
+
rendererSelectSelected: (selectedCss: any) => {
|
|
147
|
+
constructor: Function;
|
|
148
|
+
toString(): string;
|
|
149
|
+
toLocaleString(): string;
|
|
150
|
+
valueOf(): Object;
|
|
151
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
152
|
+
isPrototypeOf(v: Object): boolean;
|
|
153
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
154
|
+
};
|
|
155
|
+
rendererSelectPlaceholder: (placeholderCss: any) => {
|
|
156
|
+
constructor: Function;
|
|
157
|
+
toString(): string;
|
|
158
|
+
toLocaleString(): string;
|
|
159
|
+
valueOf(): Object;
|
|
160
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
161
|
+
isPrototypeOf(v: Object): boolean;
|
|
162
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
163
|
+
};
|
|
164
|
+
rendererPrefixIcon: (type: string, prefixs: any[]) => any;
|
|
165
|
+
rendererPrefixIconCss: (type: string, prefixs: any[]) => {
|
|
166
|
+
constructor: Function;
|
|
167
|
+
toString(): string;
|
|
168
|
+
toLocaleString(): string;
|
|
169
|
+
valueOf(): Object;
|
|
170
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
171
|
+
isPrototypeOf(v: Object): boolean;
|
|
172
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
173
|
+
};
|
|
174
|
+
readonly vClickOutSide: {
|
|
175
|
+
beforeMount(el: any, binding: any): void;
|
|
176
|
+
unmounted(el: any): void;
|
|
177
|
+
};
|
|
178
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "update:modelValue")[], "on-change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
14
179
|
basicOption: {
|
|
15
|
-
type:
|
|
180
|
+
type: ObjectConstructor;
|
|
181
|
+
required: true;
|
|
182
|
+
};
|
|
183
|
+
sources: {
|
|
184
|
+
type: ArrayConstructor;
|
|
185
|
+
required: true;
|
|
186
|
+
};
|
|
187
|
+
useEvents: {
|
|
188
|
+
type: ArrayConstructor;
|
|
189
|
+
required: true;
|
|
190
|
+
};
|
|
191
|
+
uuid: {
|
|
192
|
+
type: StringConstructor;
|
|
16
193
|
required: true;
|
|
17
194
|
};
|
|
18
|
-
}
|
|
195
|
+
}>> & {
|
|
196
|
+
"onOn-change"?: (...args: any[]) => any;
|
|
197
|
+
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
198
|
+
}, {}, {}>> & Record<string, any>;
|
|
19
199
|
export default ZvInteractionSelect;
|
|
@@ -1,19 +1,204 @@
|
|
|
1
|
+
export interface ISelectOption {
|
|
2
|
+
value: string | number;
|
|
3
|
+
label: string;
|
|
4
|
+
type: string;
|
|
5
|
+
}
|
|
1
6
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
2
7
|
basicOption: {
|
|
3
|
-
type:
|
|
8
|
+
type: ObjectConstructor;
|
|
9
|
+
required: true;
|
|
10
|
+
};
|
|
11
|
+
sources: {
|
|
12
|
+
type: ArrayConstructor;
|
|
13
|
+
required: true;
|
|
14
|
+
};
|
|
15
|
+
useEvents: {
|
|
16
|
+
type: ArrayConstructor;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
uuid: {
|
|
20
|
+
type: StringConstructor;
|
|
4
21
|
required: true;
|
|
5
22
|
};
|
|
6
23
|
}, {
|
|
7
24
|
props: any;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
25
|
+
useSelect: () => {
|
|
26
|
+
key: import("vue").Ref<string>;
|
|
27
|
+
init: () => void;
|
|
28
|
+
options: import("vue").Ref<{
|
|
29
|
+
value: string | number;
|
|
30
|
+
label: string;
|
|
31
|
+
type: string;
|
|
32
|
+
}[]>;
|
|
33
|
+
selectRef: import("vue").Ref<any>;
|
|
34
|
+
rendererSelectInput: (inputCss: any) => {};
|
|
35
|
+
rendererSelectOption: (optionCss: any) => {
|
|
36
|
+
constructor: Function;
|
|
37
|
+
toString(): string;
|
|
38
|
+
toLocaleString(): string;
|
|
39
|
+
valueOf(): Object;
|
|
40
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
41
|
+
isPrototypeOf(v: Object): boolean;
|
|
42
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
43
|
+
padding: string;
|
|
44
|
+
};
|
|
45
|
+
rendererSelectDropdown: (dropdownCss: any) => {
|
|
46
|
+
top: string;
|
|
47
|
+
marginTop: string;
|
|
48
|
+
boxShadow: string;
|
|
49
|
+
padding: string;
|
|
50
|
+
constructor: Function;
|
|
51
|
+
toString(): string;
|
|
52
|
+
toLocaleString(): string;
|
|
53
|
+
valueOf(): Object;
|
|
54
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
55
|
+
isPrototypeOf(v: Object): boolean;
|
|
56
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
57
|
+
} | {
|
|
58
|
+
bottom: string;
|
|
59
|
+
marginBottom: string;
|
|
60
|
+
boxShadow: string;
|
|
61
|
+
padding: string;
|
|
62
|
+
constructor: Function;
|
|
63
|
+
toString(): string;
|
|
64
|
+
toLocaleString(): string;
|
|
65
|
+
valueOf(): Object;
|
|
66
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
67
|
+
isPrototypeOf(v: Object): boolean;
|
|
68
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
69
|
+
};
|
|
70
|
+
rendererSelectSelected: (selectedCss: any) => {
|
|
71
|
+
constructor: Function;
|
|
72
|
+
toString(): string;
|
|
73
|
+
toLocaleString(): string;
|
|
74
|
+
valueOf(): Object;
|
|
75
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
76
|
+
isPrototypeOf(v: Object): boolean;
|
|
77
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
78
|
+
};
|
|
79
|
+
rendererSelectPlaceholder: (placeholderCss: any) => {
|
|
80
|
+
constructor: Function;
|
|
81
|
+
toString(): string;
|
|
82
|
+
toLocaleString(): string;
|
|
83
|
+
valueOf(): Object;
|
|
84
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
85
|
+
isPrototypeOf(v: Object): boolean;
|
|
86
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
87
|
+
};
|
|
88
|
+
rendererPrefixIcon: (type: string, prefixs: any[]) => any;
|
|
89
|
+
rendererPrefixIconCss: (type: string, prefixs: any[]) => {
|
|
90
|
+
constructor: Function;
|
|
91
|
+
toString(): string;
|
|
92
|
+
toLocaleString(): string;
|
|
93
|
+
valueOf(): Object;
|
|
94
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
95
|
+
isPrototypeOf(v: Object): boolean;
|
|
96
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
modelValue: import("vue").Ref<string | number>;
|
|
100
|
+
emit: (event: "on-change" | "update:modelValue", ...args: any[]) => void;
|
|
101
|
+
isOpen: import("vue").Ref<boolean>;
|
|
102
|
+
selectedLabel: import("vue").ComputedRef<string>;
|
|
103
|
+
toggleDropdown: () => void;
|
|
104
|
+
selectedType: import("vue").Ref<string>;
|
|
105
|
+
selectOption: (option: ISelectOption) => void;
|
|
106
|
+
closeDropdown: () => void;
|
|
107
|
+
key: import("vue").Ref<string>;
|
|
108
|
+
init: () => void;
|
|
109
|
+
options: import("vue").Ref<{
|
|
110
|
+
value: string | number;
|
|
11
111
|
label: string;
|
|
12
|
-
|
|
13
|
-
}
|
|
112
|
+
type: string;
|
|
113
|
+
}[]>;
|
|
114
|
+
selectRef: import("vue").Ref<any>;
|
|
115
|
+
rendererSelectInput: (inputCss: any) => {};
|
|
116
|
+
rendererSelectOption: (optionCss: any) => {
|
|
117
|
+
constructor: Function;
|
|
118
|
+
toString(): string;
|
|
119
|
+
toLocaleString(): string;
|
|
120
|
+
valueOf(): Object;
|
|
121
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
122
|
+
isPrototypeOf(v: Object): boolean;
|
|
123
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
124
|
+
padding: string;
|
|
125
|
+
};
|
|
126
|
+
rendererSelectDropdown: (dropdownCss: any) => {
|
|
127
|
+
top: string;
|
|
128
|
+
marginTop: string;
|
|
129
|
+
boxShadow: string;
|
|
130
|
+
padding: string;
|
|
131
|
+
constructor: Function;
|
|
132
|
+
toString(): string;
|
|
133
|
+
toLocaleString(): string;
|
|
134
|
+
valueOf(): Object;
|
|
135
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
136
|
+
isPrototypeOf(v: Object): boolean;
|
|
137
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
138
|
+
} | {
|
|
139
|
+
bottom: string;
|
|
140
|
+
marginBottom: string;
|
|
141
|
+
boxShadow: string;
|
|
142
|
+
padding: string;
|
|
143
|
+
constructor: Function;
|
|
144
|
+
toString(): string;
|
|
145
|
+
toLocaleString(): string;
|
|
146
|
+
valueOf(): Object;
|
|
147
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
148
|
+
isPrototypeOf(v: Object): boolean;
|
|
149
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
150
|
+
};
|
|
151
|
+
rendererSelectSelected: (selectedCss: any) => {
|
|
152
|
+
constructor: Function;
|
|
153
|
+
toString(): string;
|
|
154
|
+
toLocaleString(): string;
|
|
155
|
+
valueOf(): Object;
|
|
156
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
157
|
+
isPrototypeOf(v: Object): boolean;
|
|
158
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
159
|
+
};
|
|
160
|
+
rendererSelectPlaceholder: (placeholderCss: any) => {
|
|
161
|
+
constructor: Function;
|
|
162
|
+
toString(): string;
|
|
163
|
+
toLocaleString(): string;
|
|
164
|
+
valueOf(): Object;
|
|
165
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
166
|
+
isPrototypeOf(v: Object): boolean;
|
|
167
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
168
|
+
};
|
|
169
|
+
rendererPrefixIcon: (type: string, prefixs: any[]) => any;
|
|
170
|
+
rendererPrefixIconCss: (type: string, prefixs: any[]) => {
|
|
171
|
+
constructor: Function;
|
|
172
|
+
toString(): string;
|
|
173
|
+
toLocaleString(): string;
|
|
174
|
+
valueOf(): Object;
|
|
175
|
+
hasOwnProperty(v: PropertyKey): boolean;
|
|
176
|
+
isPrototypeOf(v: Object): boolean;
|
|
177
|
+
propertyIsEnumerable(v: PropertyKey): boolean;
|
|
178
|
+
};
|
|
179
|
+
readonly vClickOutSide: {
|
|
180
|
+
beforeMount(el: any, binding: any): void;
|
|
181
|
+
unmounted(el: any): void;
|
|
182
|
+
};
|
|
183
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "update:modelValue")[], "on-change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
14
184
|
basicOption: {
|
|
15
|
-
type:
|
|
185
|
+
type: ObjectConstructor;
|
|
186
|
+
required: true;
|
|
187
|
+
};
|
|
188
|
+
sources: {
|
|
189
|
+
type: ArrayConstructor;
|
|
190
|
+
required: true;
|
|
191
|
+
};
|
|
192
|
+
useEvents: {
|
|
193
|
+
type: ArrayConstructor;
|
|
194
|
+
required: true;
|
|
195
|
+
};
|
|
196
|
+
uuid: {
|
|
197
|
+
type: StringConstructor;
|
|
16
198
|
required: true;
|
|
17
199
|
};
|
|
18
|
-
}
|
|
200
|
+
}>> & {
|
|
201
|
+
"onOn-change"?: (...args: any[]) => any;
|
|
202
|
+
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
203
|
+
}, {}, {}>;
|
|
19
204
|
export default _sfc_main;
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
basicOption: {}
|
|
6
|
-
},
|
|
7
|
-
setup(s) {
|
|
8
|
-
return t(""), (_, a) => (o(), n("div", c));
|
|
9
|
-
}
|
|
10
|
-
});
|
|
1
|
+
import o from "./index.vue2.mjs";
|
|
2
|
+
/* empty css */
|
|
3
|
+
import t from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2936f3eb"]]);
|
|
11
5
|
export {
|
|
12
|
-
|
|
6
|
+
m as default
|
|
13
7
|
};
|
|
@@ -1,4 +1,222 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as E, ref as u, computed as U, onMounted as W, watch as Z, withDirectives as C, openBlock as c, createElementBlock as s, unref as t, normalizeClass as w, createElementVNode as d, normalizeStyle as v, toDisplayString as $, createCommentVNode as m, createVNode as ee, Transition as oe, withCtx as te, Fragment as re, renderList as ne, withModifiers as ae } from "vue";
|
|
2
|
+
import { nanoid as D } from "nanoid";
|
|
3
|
+
import { cloneDeep as le } from "lodash";
|
|
4
|
+
import { autoInstallFont as p, jsonToCssStyle as r } from "../../utils/json2css.mjs";
|
|
5
|
+
import ie from "../../utils/clickOutSide.mjs";
|
|
6
|
+
const ce = { style: { display: "flex", "align-items": "center", gap: "4px" } }, se = {
|
|
7
|
+
key: 1,
|
|
8
|
+
class: "zerov-widget-select__prefix"
|
|
9
|
+
}, de = ["src"], ue = ["src"], pe = ["onClick"], fe = ["src"], ve = { class: "zerov-widget-select__option-label" }, me = E({ name: "zv-interaction-select" }), ye = /* @__PURE__ */ E({
|
|
10
|
+
...me,
|
|
11
|
+
props: {
|
|
12
|
+
basicOption: {},
|
|
13
|
+
sources: {},
|
|
14
|
+
useEvents: {},
|
|
15
|
+
uuid: {}
|
|
16
|
+
},
|
|
17
|
+
emits: ["update:modelValue", "on-change"],
|
|
18
|
+
setup(F, { emit: V }) {
|
|
19
|
+
const f = F, j = () => {
|
|
20
|
+
const o = u(), S = (e) => {
|
|
21
|
+
if (o.value) {
|
|
22
|
+
p(e.fontFamily), p(e.hover.fontFamily), p(e.focus.fontFamily);
|
|
23
|
+
const n = u("");
|
|
24
|
+
return e.boxShadow && (n.value = `${e.boxShadow.isInset ? "inset" : ""} ${e.boxShadow.offsetX}px ${e.boxShadow.offsetY}px ${e.boxShadow.blur}px ${e.boxShadow.diffus}px ${e.boxShadow.color}`), {
|
|
25
|
+
...r(e),
|
|
26
|
+
...r(e.hover, "hover"),
|
|
27
|
+
...r(e.focus, "focus"),
|
|
28
|
+
boxShadow: n.value,
|
|
29
|
+
padding: `${e.padding.map((a) => `${a}px`).join(" ")}`,
|
|
30
|
+
backgroundColor: e.isBgImage ? "" : e.backgroundColor,
|
|
31
|
+
backgroundImage: e.isBgImage ? `url(${e.backgroundImage})` : ""
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
return {};
|
|
35
|
+
}, l = (e) => {
|
|
36
|
+
if (o.value) {
|
|
37
|
+
p(e.fontFamily);
|
|
38
|
+
const n = `${e.boxShadow.isInset ? "inset" : ""} ${e.boxShadow.offsetX}px ${e.boxShadow.offsetY}px ${e.boxShadow.blur}px ${e.boxShadow.diffus}px ${e.boxShadow.color}`;
|
|
39
|
+
return e.placement === "bottom" ? {
|
|
40
|
+
...r(e),
|
|
41
|
+
top: "100%",
|
|
42
|
+
marginTop: "6px",
|
|
43
|
+
boxShadow: n,
|
|
44
|
+
padding: `${e.padding.map((a) => `${a}px`).join(" ")}`
|
|
45
|
+
} : {
|
|
46
|
+
...r(e),
|
|
47
|
+
bottom: "100%",
|
|
48
|
+
marginBottom: "6px",
|
|
49
|
+
boxShadow: n,
|
|
50
|
+
padding: `${e.padding.map((a) => `${a}px`).join(" ")}`
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
}, P = (e) => {
|
|
54
|
+
if (o.value)
|
|
55
|
+
return p(e.fontFamily), {
|
|
56
|
+
padding: `${e.padding.map((n) => `${n}px`).join(" ")}`,
|
|
57
|
+
...r(e),
|
|
58
|
+
...r(e.hover, "hover"),
|
|
59
|
+
...r(e.active, "active")
|
|
60
|
+
};
|
|
61
|
+
}, A = (e) => {
|
|
62
|
+
if (o.value)
|
|
63
|
+
return p(e.fontFamily), {
|
|
64
|
+
...r(e)
|
|
65
|
+
};
|
|
66
|
+
}, G = (e) => {
|
|
67
|
+
if (o.value)
|
|
68
|
+
return p(e.fontFamily), {
|
|
69
|
+
...r(e),
|
|
70
|
+
...r(e, "hover"),
|
|
71
|
+
...r(e, "focus")
|
|
72
|
+
};
|
|
73
|
+
}, K = (e, n) => {
|
|
74
|
+
const a = n.find((k) => k.type === e);
|
|
75
|
+
return a ? a.url : "";
|
|
76
|
+
}, Q = (e, n) => {
|
|
77
|
+
if (o.value) {
|
|
78
|
+
const a = n.find((k) => k.type === e);
|
|
79
|
+
if (a)
|
|
80
|
+
return {
|
|
81
|
+
...r(a)
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
}, _ = u(), b = u([]);
|
|
85
|
+
return {
|
|
86
|
+
key: _,
|
|
87
|
+
init: () => {
|
|
88
|
+
window.SHJDatasourceV2({
|
|
89
|
+
tId: f.uuid,
|
|
90
|
+
sources: f.sources,
|
|
91
|
+
callback: (e) => {
|
|
92
|
+
try {
|
|
93
|
+
window.SHJParseEvent(f.useEvents, "dataListener", b), _.value = D(), b.value = le(e.data[0].data) || [];
|
|
94
|
+
} catch {
|
|
95
|
+
window.SHJParseEvent(f.useEvents, "dataListener", null), _.value = D(), b.value = [];
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
},
|
|
100
|
+
options: b,
|
|
101
|
+
selectRef: o,
|
|
102
|
+
rendererSelectInput: S,
|
|
103
|
+
rendererSelectOption: P,
|
|
104
|
+
rendererSelectDropdown: l,
|
|
105
|
+
rendererSelectSelected: G,
|
|
106
|
+
rendererSelectPlaceholder: A,
|
|
107
|
+
rendererPrefixIcon: K,
|
|
108
|
+
rendererPrefixIconCss: Q
|
|
109
|
+
};
|
|
110
|
+
}, x = u(""), O = V, i = u(!1), g = U(() => {
|
|
111
|
+
const o = z.value.find((S) => S.value === x.value);
|
|
112
|
+
return o ? o.label : "";
|
|
113
|
+
}), B = () => {
|
|
114
|
+
i.value = !i.value;
|
|
115
|
+
}, y = u(""), H = (o) => {
|
|
116
|
+
x.value = o.value, y.value = o.type, O("update:modelValue", o.value), O("on-change", o), window.SHJParseEvent(f.useEvents, "on-change", {
|
|
117
|
+
data: o
|
|
118
|
+
}), i.value = !1;
|
|
119
|
+
}, J = () => {
|
|
120
|
+
i.value = !1;
|
|
121
|
+
}, {
|
|
122
|
+
key: L,
|
|
123
|
+
init: I,
|
|
124
|
+
options: z,
|
|
125
|
+
selectRef: R,
|
|
126
|
+
rendererSelectInput: T,
|
|
127
|
+
rendererSelectOption: N,
|
|
128
|
+
rendererSelectDropdown: M,
|
|
129
|
+
rendererSelectSelected: X,
|
|
130
|
+
rendererSelectPlaceholder: Y,
|
|
131
|
+
rendererPrefixIcon: h,
|
|
132
|
+
rendererPrefixIconCss: q
|
|
133
|
+
} = j();
|
|
134
|
+
return W(() => I()), Z(() => f.sources, () => I(), { deep: !0 }), (o, S) => C((c(), s("div", {
|
|
135
|
+
key: t(L),
|
|
136
|
+
ref_key: "selectRef",
|
|
137
|
+
ref: R,
|
|
138
|
+
class: w(["zerov-widget-select", { "is-open": i.value }]),
|
|
139
|
+
onClick: B
|
|
140
|
+
}, [
|
|
141
|
+
d("div", {
|
|
142
|
+
class: w(["zerov-widget-select__trigger", { "is-active": i.value }]),
|
|
143
|
+
style: v({
|
|
144
|
+
...t(T)(o.basicOption.input)
|
|
145
|
+
})
|
|
146
|
+
}, [
|
|
147
|
+
d("div", ce, [
|
|
148
|
+
g.value ? m("", !0) : (c(), s("span", {
|
|
149
|
+
key: 0,
|
|
150
|
+
class: "zerov-widget-select__placeholder",
|
|
151
|
+
style: v({
|
|
152
|
+
...t(Y)(o.basicOption.input.placeholder)
|
|
153
|
+
})
|
|
154
|
+
}, $(o.basicOption.input.placeholder.value), 5)),
|
|
155
|
+
g.value && t(h)(y.value, o.basicOption.dropdown.option.prefixs) ? (c(), s("span", se, [
|
|
156
|
+
d("img", {
|
|
157
|
+
src: t(h)(y.value, o.basicOption.dropdown.option.prefixs),
|
|
158
|
+
alt: ""
|
|
159
|
+
}, null, 8, de)
|
|
160
|
+
])) : m("", !0),
|
|
161
|
+
g.value ? (c(), s("span", {
|
|
162
|
+
key: 2,
|
|
163
|
+
class: "zerov-widget-select__selected",
|
|
164
|
+
style: v({
|
|
165
|
+
...t(X)(o.basicOption.input.selected)
|
|
166
|
+
})
|
|
167
|
+
}, $(g.value), 5)) : m("", !0)
|
|
168
|
+
]),
|
|
169
|
+
d("span", {
|
|
170
|
+
class: w(["zerov-widget-select__arrow", { "is-open": i.value }])
|
|
171
|
+
}, [
|
|
172
|
+
d("img", {
|
|
173
|
+
src: o.basicOption.input.arrow.url,
|
|
174
|
+
alt: ""
|
|
175
|
+
}, null, 8, ue)
|
|
176
|
+
], 2)
|
|
177
|
+
], 6),
|
|
178
|
+
ee(oe, { name: "fade-in-linear" }, {
|
|
179
|
+
default: te(() => [
|
|
180
|
+
i.value ? (c(), s("div", {
|
|
181
|
+
key: 0,
|
|
182
|
+
class: "zerov-widget-select__dropdown",
|
|
183
|
+
style: v({
|
|
184
|
+
...t(M)(o.basicOption.dropdown)
|
|
185
|
+
})
|
|
186
|
+
}, [
|
|
187
|
+
d("ul", null, [
|
|
188
|
+
(c(!0), s(re, null, ne(t(z), (l) => (c(), s("li", {
|
|
189
|
+
key: l.value,
|
|
190
|
+
class: w([{ "is-selected": l.value === x.value }, "zerov-widget-select__option"]),
|
|
191
|
+
style: v({
|
|
192
|
+
...t(N)(o.basicOption.dropdown.option)
|
|
193
|
+
}),
|
|
194
|
+
onClick: ae((P) => H(l), ["stop"])
|
|
195
|
+
}, [
|
|
196
|
+
t(h)(l.type, o.basicOption.dropdown.option.prefixs) ? (c(), s("span", {
|
|
197
|
+
key: 0,
|
|
198
|
+
class: "zerov-widget-select__option-prefix",
|
|
199
|
+
style: v({
|
|
200
|
+
...t(q)(l.type, o.basicOption.dropdown.option.prefixs)
|
|
201
|
+
})
|
|
202
|
+
}, [
|
|
203
|
+
d("img", {
|
|
204
|
+
src: t(h)(l.type, o.basicOption.dropdown.option.prefixs),
|
|
205
|
+
alt: ""
|
|
206
|
+
}, null, 8, fe)
|
|
207
|
+
], 4)) : m("", !0),
|
|
208
|
+
d("span", ve, $(l.label), 1)
|
|
209
|
+
], 14, pe))), 128))
|
|
210
|
+
])
|
|
211
|
+
], 4)) : m("", !0)
|
|
212
|
+
]),
|
|
213
|
+
_: 1
|
|
214
|
+
})
|
|
215
|
+
], 2)), [
|
|
216
|
+
[t(ie), J]
|
|
217
|
+
]);
|
|
218
|
+
}
|
|
219
|
+
});
|
|
2
220
|
export {
|
|
3
|
-
|
|
221
|
+
ye as default
|
|
4
222
|
};
|
|
@@ -7,7 +7,7 @@ export declare const ZvSceneAmap2d: import("../../utils/typescript").SFCWithInst
|
|
|
7
7
|
type: any;
|
|
8
8
|
required: true;
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
useEvents: {
|
|
11
11
|
type: ArrayConstructor;
|
|
12
12
|
required: true;
|
|
13
13
|
};
|
|
@@ -46,7 +46,7 @@ export declare const ZvSceneAmap2d: import("../../utils/typescript").SFCWithInst
|
|
|
46
46
|
type: any;
|
|
47
47
|
required: true;
|
|
48
48
|
};
|
|
49
|
-
|
|
49
|
+
useEvents: {
|
|
50
50
|
type: ArrayConstructor;
|
|
51
51
|
required: true;
|
|
52
52
|
};
|