@vc-shell/framework 1.1.86 → 1.1.88
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/CHANGELOG.md +18 -0
- package/core/composables/useDynamicProperties/index.ts +31 -3
- package/dist/core/composables/useDynamicProperties/index.d.ts +3 -1
- package/dist/core/composables/useDynamicProperties/index.d.ts.map +1 -1
- package/dist/framework.js +5952 -5796
- package/dist/index.css +1 -1
- package/dist/locales/de.json +9 -0
- package/dist/locales/en.json +9 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui/components/atoms/vc-tooltip/vc-tooltip.vue.d.ts +2 -3
- package/dist/ui/components/atoms/vc-tooltip/vc-tooltip.vue.d.ts.map +1 -1
- package/dist/ui/components/molecules/vc-input/vc-input.vue.d.ts +1 -1
- package/dist/ui/components/molecules/vc-input/vc-input.vue.d.ts.map +1 -1
- package/dist/ui/components/molecules/vc-select/vc-select.vue.d.ts +1 -2
- package/dist/ui/components/molecules/vc-select/vc-select.vue.d.ts.map +1 -1
- package/dist/ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.d.ts +2 -0
- package/dist/ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue.d.ts.map +1 -1
- package/package.json +4 -4
- package/ui/components/atoms/vc-tooltip/vc-tooltip.vue +1 -1
- package/ui/components/molecules/vc-input/vc-input.vue +35 -2
- package/ui/components/molecules/vc-select/vc-select.vue +21 -4
- package/ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue +134 -6
- package/core/api/virtocommerce.platform.ts +0 -10457
- package/dist/core/api/virtocommerce.platform.d.ts +0 -2442
- package/dist/core/api/virtocommerce.platform.d.ts.map +0 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { Placement } from "@floating-ui/vue";
|
|
2
1
|
export interface Props {
|
|
3
|
-
placement?:
|
|
2
|
+
placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
|
4
3
|
offset?: {
|
|
5
4
|
crossAxis?: number;
|
|
6
5
|
mainAxis?: number;
|
|
@@ -12,7 +11,7 @@ type __VLS_Slots = {
|
|
|
12
11
|
tooltip?: (props: any) => any;
|
|
13
12
|
};
|
|
14
13
|
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
15
|
-
placement:
|
|
14
|
+
placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
|
16
15
|
offset: {
|
|
17
16
|
crossAxis?: number;
|
|
18
17
|
mainAxis?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-tooltip/vc-tooltip.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/atoms/vc-tooltip/vc-tooltip.vue"],"names":[],"mappings":"AA+GA,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;IACpK,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAYD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;CAC/B,CAAC;AA0HF,QAAA,MAAM,eAAe;eA/IP,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU;YAC1J;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB;WACO,MAAM;6EAiJd,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -96,7 +96,7 @@ interface VcInputStringProps extends VcInputBaseProps {
|
|
|
96
96
|
* Input type
|
|
97
97
|
* Default value: text
|
|
98
98
|
*/
|
|
99
|
-
type?: "text" | "password" | "email" | "tel" | "url" | "time";
|
|
99
|
+
type?: "text" | "password" | "email" | "tel" | "url" | "time" | "color";
|
|
100
100
|
datePickerOptions?: never;
|
|
101
101
|
}
|
|
102
102
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-input.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-input/vc-input.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-input.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-input/vc-input.vue"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Placement } from "@floating-ui/vue";
|
|
2
1
|
export type OptionProp<T> = ((option: T) => string) | string | undefined;
|
|
3
2
|
declare const _default: <T, P extends {
|
|
4
3
|
results?: T[];
|
|
@@ -123,7 +122,7 @@ declare const _default: <T, P extends {
|
|
|
123
122
|
currentLanguage?: string;
|
|
124
123
|
size?: "default" | "small";
|
|
125
124
|
outline?: boolean;
|
|
126
|
-
placement?:
|
|
125
|
+
placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
|
127
126
|
} & Partial<{}>> & import("vue").PublicProps;
|
|
128
127
|
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
|
|
129
128
|
attrs: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-select.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-select/vc-select.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-select.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-select/vc-select.vue"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ declare const _default: <T extends {
|
|
|
8
8
|
readonly dictionary?: any[];
|
|
9
9
|
readonly locale?: string;
|
|
10
10
|
readonly unitOfMeasureId?: string;
|
|
11
|
+
readonly colorCode?: string;
|
|
11
12
|
}) => any) | undefined;
|
|
12
13
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value"> & {
|
|
13
14
|
property: T;
|
|
@@ -43,6 +44,7 @@ declare const _default: <T extends {
|
|
|
43
44
|
readonly dictionary?: any[];
|
|
44
45
|
readonly locale?: string;
|
|
45
46
|
readonly unitOfMeasureId?: string;
|
|
47
|
+
readonly colorCode?: string;
|
|
46
48
|
}) => void;
|
|
47
49
|
}>) => import("vue").VNode & {
|
|
48
50
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vc-dynamic-property.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"vc-dynamic-property.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue"],"names":[],"mappings":"yBAwkBiB,CAAC,SAAS;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,EAC3D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAk9BO,mBAAmB,CAAC;;4BAh6BN,GAAG;kCACG,GAAG,EAAE;8BACT,MAAM;uCACG,MAAM;iCACZ,MAAM;;;kBA7CnB,CAAC;oBACC,GAAG;uBACA,CACb,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,KACZ,OAAO,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,GAAG,GAAG,EAAE,GAAG,SAAS;6BAC9B,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,GAAG,GAAG,EAAE,GAAG,SAAS;kBACjG,OAAO;qBACJ,OAAO;wBACJ,OAAO;0BACL,MAAM;mBACb,MAAM;qBACJ,OAAO;cACd,MAAM;uBACG,MAAM;uBACN,MAAM;uBACN;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,YAAY,CAAC,EAAE,MAAM,CAAC;SACvB,EAAE;gBACK;YACN,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,GAAG,CAAC,EAAE,MAAM,CAAC;YACb,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB;mBACU,OAAO;sBACJ,MAAM;QA86ByC,OAAO,IAAsB,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;wBAl6BW,GAAG;8BACG,GAAG,EAAE;0BACT,MAAM;mCACG,MAAM;6BACZ,MAAM;;EAk6B7B,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA79BzE,wBA69B4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vc-shell/framework",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.88",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/framework.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -90,9 +90,9 @@
|
|
|
90
90
|
"@fullhuman/postcss-purgecss": "^7.0.2",
|
|
91
91
|
"@laynezh/vite-plugin-lib-assets": "v1.1.0",
|
|
92
92
|
"@types/dompurify": "^3.0.5",
|
|
93
|
-
"@vc-shell/api-client-generator": "^1.1.
|
|
94
|
-
"@vc-shell/config-generator": "^1.1.
|
|
95
|
-
"@vc-shell/ts-config": "^1.1.
|
|
93
|
+
"@vc-shell/api-client-generator": "^1.1.88",
|
|
94
|
+
"@vc-shell/config-generator": "^1.1.88",
|
|
95
|
+
"@vc-shell/ts-config": "^1.1.88",
|
|
96
96
|
"@vitejs/plugin-vue": "^5.2.3",
|
|
97
97
|
"@vue/test-utils": "^2.4.5",
|
|
98
98
|
"cypress-signalr-mock": "^1.5.0",
|
|
@@ -30,7 +30,7 @@ import { useFloating, shift, Placement, offset as floatingOffset } from "@floati
|
|
|
30
30
|
import { getCurrentInstance, ref, computed } from "vue";
|
|
31
31
|
|
|
32
32
|
export interface Props {
|
|
33
|
-
placement?:
|
|
33
|
+
placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
|
34
34
|
offset?: {
|
|
35
35
|
crossAxis?: number;
|
|
36
36
|
mainAxis?: number;
|
|
@@ -179,13 +179,25 @@
|
|
|
179
179
|
</div>
|
|
180
180
|
|
|
181
181
|
<div
|
|
182
|
-
v-if="$slots['append-inner']"
|
|
182
|
+
v-if="$slots['append-inner'] || type === 'color'"
|
|
183
183
|
class="vc-input__append-inner"
|
|
184
184
|
>
|
|
185
185
|
<slot
|
|
186
186
|
name="append-inner"
|
|
187
187
|
:focus="focus"
|
|
188
188
|
></slot>
|
|
189
|
+
|
|
190
|
+
<div
|
|
191
|
+
v-if="type === 'color'"
|
|
192
|
+
class="vc-input__color-picker-container"
|
|
193
|
+
>
|
|
194
|
+
<input
|
|
195
|
+
v-model="handleValue"
|
|
196
|
+
type="color"
|
|
197
|
+
class="vc-input__color-picker"
|
|
198
|
+
tabindex="-1"
|
|
199
|
+
/>
|
|
200
|
+
</div>
|
|
189
201
|
</div>
|
|
190
202
|
|
|
191
203
|
<div
|
|
@@ -341,7 +353,7 @@ interface VcInputStringProps extends VcInputBaseProps {
|
|
|
341
353
|
* Input type
|
|
342
354
|
* Default value: text
|
|
343
355
|
*/
|
|
344
|
-
type?: "text" | "password" | "email" | "tel" | "url" | "time";
|
|
356
|
+
type?: "text" | "password" | "email" | "tel" | "url" | "time" | "color";
|
|
345
357
|
datePickerOptions?: never;
|
|
346
358
|
}
|
|
347
359
|
|
|
@@ -474,6 +486,11 @@ const internalTypeComputed = computed({
|
|
|
474
486
|
if (internalType.value === "integer") {
|
|
475
487
|
return "number";
|
|
476
488
|
}
|
|
489
|
+
|
|
490
|
+
if (internalType.value === "color") {
|
|
491
|
+
return "text";
|
|
492
|
+
}
|
|
493
|
+
|
|
477
494
|
return internalType.value;
|
|
478
495
|
},
|
|
479
496
|
set(value) {
|
|
@@ -725,6 +742,22 @@ function handleFocus() {
|
|
|
725
742
|
@apply tw-animate-spin tw-text-[color:var(--input-clear-color)];
|
|
726
743
|
}
|
|
727
744
|
|
|
745
|
+
&__color-picker-container {
|
|
746
|
+
@apply tw-flex tw-items-center;
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
&__color-picker {
|
|
750
|
+
@apply tw-w-5 tw-h-5 tw-p-0 tw-border-none tw-rounded tw-bg-transparent;
|
|
751
|
+
|
|
752
|
+
&::-webkit-color-swatch-wrapper {
|
|
753
|
+
@apply tw-p-0;
|
|
754
|
+
}
|
|
755
|
+
|
|
756
|
+
&::-webkit-color-swatch {
|
|
757
|
+
@apply tw-border tw-border-solid tw-border-gray-300 tw-rounded;
|
|
758
|
+
}
|
|
759
|
+
}
|
|
760
|
+
|
|
728
761
|
&__input {
|
|
729
762
|
background: transparent;
|
|
730
763
|
&:-webkit-autofill,
|
|
@@ -236,7 +236,10 @@
|
|
|
236
236
|
</slot>
|
|
237
237
|
</div>
|
|
238
238
|
|
|
239
|
-
<teleport
|
|
239
|
+
<teleport
|
|
240
|
+
to=".vc-app"
|
|
241
|
+
defer
|
|
242
|
+
>
|
|
240
243
|
<div
|
|
241
244
|
v-if="isOpened"
|
|
242
245
|
ref="dropdownRef"
|
|
@@ -549,7 +552,19 @@ const props = withDefaults(
|
|
|
549
552
|
currentLanguage?: string;
|
|
550
553
|
size?: "default" | "small";
|
|
551
554
|
outline?: boolean;
|
|
552
|
-
placement?:
|
|
555
|
+
placement?:
|
|
556
|
+
| "top"
|
|
557
|
+
| "right"
|
|
558
|
+
| "bottom"
|
|
559
|
+
| "left"
|
|
560
|
+
| "top-start"
|
|
561
|
+
| "top-end"
|
|
562
|
+
| "bottom-start"
|
|
563
|
+
| "bottom-end"
|
|
564
|
+
| "right-start"
|
|
565
|
+
| "right-end"
|
|
566
|
+
| "left-start"
|
|
567
|
+
| "left-end";
|
|
553
568
|
}>(),
|
|
554
569
|
{
|
|
555
570
|
optionValue: "id",
|
|
@@ -638,7 +653,8 @@ onMounted(() => {
|
|
|
638
653
|
setTimeout(() => {
|
|
639
654
|
if (selectRootRef.value && !isSelectVisible.value) {
|
|
640
655
|
const rect = selectRootRef.value.getBoundingClientRect();
|
|
641
|
-
const isVisible =
|
|
656
|
+
const isVisible =
|
|
657
|
+
rect.top < window.innerHeight && rect.bottom > 0 && rect.left < window.innerWidth && rect.right > 0;
|
|
642
658
|
if (isVisible) {
|
|
643
659
|
isSelectVisible.value = true;
|
|
644
660
|
}
|
|
@@ -1039,7 +1055,8 @@ function toggleDropdown() {
|
|
|
1039
1055
|
// Ensure isSelectVisible is true when opening dropdown (fallback for iframe)
|
|
1040
1056
|
if (!isOpened.value && !isSelectVisible.value && selectRootRef.value) {
|
|
1041
1057
|
const rect = selectRootRef.value.getBoundingClientRect();
|
|
1042
|
-
const isVisible =
|
|
1058
|
+
const isVisible =
|
|
1059
|
+
rect.top < window.innerHeight && rect.bottom > 0 && rect.left < window.innerWidth && rect.right > 0;
|
|
1043
1060
|
if (isVisible) {
|
|
1044
1061
|
isSelectVisible.value = true;
|
|
1045
1062
|
}
|
|
@@ -7,7 +7,9 @@
|
|
|
7
7
|
:model-value="value"
|
|
8
8
|
:rules="computedProperty.rules"
|
|
9
9
|
>
|
|
10
|
-
<template
|
|
10
|
+
<template
|
|
11
|
+
v-if="computedProperty.valueType !== 'Color' && computedProperty.dictionary && !computedProperty.multivalue"
|
|
12
|
+
>
|
|
11
13
|
<VcSelect
|
|
12
14
|
v-bind="$attrs"
|
|
13
15
|
v-model="value"
|
|
@@ -41,7 +43,7 @@
|
|
|
41
43
|
:error-message="errorMessage"
|
|
42
44
|
:label="computedProperty.displayName"
|
|
43
45
|
:required="computedProperty.required"
|
|
44
|
-
placeholder="
|
|
46
|
+
:placeholder="$t('COMPONENTS.ORGANISMS.VC_DYNAMIC_PROPERTY.ADD')"
|
|
45
47
|
:disabled="disabled"
|
|
46
48
|
:multilanguage="multilanguage"
|
|
47
49
|
:current-language="currentLanguage"
|
|
@@ -59,7 +61,7 @@
|
|
|
59
61
|
:error-message="errorMessage"
|
|
60
62
|
:label="computedProperty.displayName"
|
|
61
63
|
:required="computedProperty.required"
|
|
62
|
-
placeholder="
|
|
64
|
+
:placeholder="$t('COMPONENTS.ORGANISMS.VC_DYNAMIC_PROPERTY.ADD')"
|
|
63
65
|
:disabled="disabled"
|
|
64
66
|
:multilanguage="multilanguage"
|
|
65
67
|
:current-language="currentLanguage"
|
|
@@ -81,7 +83,7 @@
|
|
|
81
83
|
:label="computedProperty.displayName"
|
|
82
84
|
clearable
|
|
83
85
|
:required="computedProperty.required"
|
|
84
|
-
:placeholder="computedProperty.displayName || '
|
|
86
|
+
:placeholder="computedProperty.displayName || $t('COMPONENTS.ORGANISMS.VC_DYNAMIC_PROPERTY.ADD')"
|
|
85
87
|
:disabled="disabled"
|
|
86
88
|
:current-language="currentLanguage"
|
|
87
89
|
:loading="loading"
|
|
@@ -93,7 +95,7 @@
|
|
|
93
95
|
v-model="value"
|
|
94
96
|
:label="computedProperty.displayName"
|
|
95
97
|
:required="computedProperty.required"
|
|
96
|
-
placeholder="
|
|
98
|
+
:placeholder="$t('COMPONENTS.ORGANISMS.VC_DYNAMIC_PROPERTY.ADD')"
|
|
97
99
|
:disabled="disabled"
|
|
98
100
|
type="number"
|
|
99
101
|
:error="!!errors.length"
|
|
@@ -109,7 +111,7 @@
|
|
|
109
111
|
v-model="value"
|
|
110
112
|
:label="computedProperty.displayName"
|
|
111
113
|
:required="computedProperty.required"
|
|
112
|
-
placeholder="
|
|
114
|
+
:placeholder="$t('COMPONENTS.ORGANISMS.VC_DYNAMIC_PROPERTY.ADD')"
|
|
113
115
|
:disabled="disabled"
|
|
114
116
|
type="integer"
|
|
115
117
|
:error="!!errors.length"
|
|
@@ -220,6 +222,114 @@
|
|
|
220
222
|
</template>
|
|
221
223
|
</VcInputDropdown>
|
|
222
224
|
</template>
|
|
225
|
+
<template
|
|
226
|
+
v-else-if="computedProperty.valueType === 'Color' && computedProperty.multivalue && computedProperty.dictionary"
|
|
227
|
+
>
|
|
228
|
+
<VcMultivalue
|
|
229
|
+
v-bind="$attrs"
|
|
230
|
+
v-model="value"
|
|
231
|
+
:error="!!errors.length"
|
|
232
|
+
:error-message="errorMessage"
|
|
233
|
+
:label="computedProperty.displayName"
|
|
234
|
+
:required="computedProperty.required"
|
|
235
|
+
:placeholder="$t('COMPONENTS.ORGANISMS.VC_DYNAMIC_PROPERTY.ADD')"
|
|
236
|
+
:disabled="disabled"
|
|
237
|
+
:multilanguage="multilanguage"
|
|
238
|
+
:current-language="currentLanguage"
|
|
239
|
+
:options="items"
|
|
240
|
+
:option-label="multilanguage ? 'value' : 'alias'"
|
|
241
|
+
:option-value="multilanguage ? 'value' : 'alias'"
|
|
242
|
+
:multivalue="computedProperty.multivalue"
|
|
243
|
+
:loading="loading"
|
|
244
|
+
@search="onSearch"
|
|
245
|
+
@close="onClose"
|
|
246
|
+
>
|
|
247
|
+
<template #selected-item="scope">
|
|
248
|
+
<div class="tw-flex tw-items-center tw-gap-2">
|
|
249
|
+
<div
|
|
250
|
+
class="tw-w-5 tw-h-5 tw-rounded"
|
|
251
|
+
:style="{ backgroundColor: scope.item.colorCode }"
|
|
252
|
+
></div>
|
|
253
|
+
<span>{{ scope.item.value }}</span>
|
|
254
|
+
</div>
|
|
255
|
+
</template>
|
|
256
|
+
<template #option="scope">
|
|
257
|
+
<div class="tw-flex tw-items-center tw-gap-2">
|
|
258
|
+
<div
|
|
259
|
+
class="tw-w-5 tw-h-5 tw-rounded"
|
|
260
|
+
:style="{ backgroundColor: scope.item.colorCode }"
|
|
261
|
+
></div>
|
|
262
|
+
<span>{{ scope.item.value }}</span>
|
|
263
|
+
</div>
|
|
264
|
+
</template>
|
|
265
|
+
</VcMultivalue>
|
|
266
|
+
</template>
|
|
267
|
+
<template
|
|
268
|
+
v-else-if="computedProperty.valueType === 'Color' && !computedProperty.multivalue && !computedProperty.dictionary"
|
|
269
|
+
>
|
|
270
|
+
<VcRow class="tw-flex tw-items-end tw-gap-4">
|
|
271
|
+
<VcCol :size="2"
|
|
272
|
+
><VcInput
|
|
273
|
+
v-bind="$attrs"
|
|
274
|
+
v-model="value"
|
|
275
|
+
:label="computedProperty.displayName"
|
|
276
|
+
:error="!!errors.length"
|
|
277
|
+
:error-message="errorMessage"
|
|
278
|
+
:placeholder="$t('COMPONENTS.ORGANISMS.VC_DYNAMIC_PROPERTY.VALUE_TYPE.COLOR.NAME')"
|
|
279
|
+
></VcInput
|
|
280
|
+
></VcCol>
|
|
281
|
+
<VcCol :size="1"
|
|
282
|
+
><VcInput
|
|
283
|
+
v-bind="$attrs"
|
|
284
|
+
v-model="singleColorCode"
|
|
285
|
+
type="color"
|
|
286
|
+
:placeholder="$t('COMPONENTS.ORGANISMS.VC_DYNAMIC_PROPERTY.VALUE_TYPE.COLOR.PLACEHOLDER')"
|
|
287
|
+
></VcInput
|
|
288
|
+
></VcCol>
|
|
289
|
+
</VcRow>
|
|
290
|
+
</template>
|
|
291
|
+
<template
|
|
292
|
+
v-if="computedProperty.valueType === 'Color' && computedProperty.dictionary && !computedProperty.multivalue"
|
|
293
|
+
>
|
|
294
|
+
<VcSelect
|
|
295
|
+
v-bind="$attrs"
|
|
296
|
+
v-model="value"
|
|
297
|
+
:error="!!errors.length"
|
|
298
|
+
:error-message="errorMessage"
|
|
299
|
+
:label="computedProperty.displayName"
|
|
300
|
+
:required="computedProperty.required"
|
|
301
|
+
:placeholder="computedProperty.placeholder"
|
|
302
|
+
:options="items"
|
|
303
|
+
:option-value="computedProperty.optionValue"
|
|
304
|
+
:option-label="computedProperty.optionLabel"
|
|
305
|
+
:disabled="disabled"
|
|
306
|
+
searchable
|
|
307
|
+
:multilanguage="multilanguage"
|
|
308
|
+
:current-language="currentLanguage"
|
|
309
|
+
:loading="loading"
|
|
310
|
+
@search="onSearch"
|
|
311
|
+
@close="onClose"
|
|
312
|
+
>
|
|
313
|
+
<template #selected-item="scope">
|
|
314
|
+
<div class="tw-flex tw-items-center tw-gap-2">
|
|
315
|
+
<div
|
|
316
|
+
class="tw-w-5 tw-h-5 tw-rounded"
|
|
317
|
+
:style="{ backgroundColor: scope.opt.colorCode }"
|
|
318
|
+
></div>
|
|
319
|
+
<span>{{ scope.opt.value }}</span>
|
|
320
|
+
</div>
|
|
321
|
+
</template>
|
|
322
|
+
<template #option="scope">
|
|
323
|
+
<div class="tw-flex tw-items-center tw-gap-2">
|
|
324
|
+
<div
|
|
325
|
+
class="tw-w-5 tw-h-5 tw-rounded"
|
|
326
|
+
:style="{ backgroundColor: scope.opt.colorCode }"
|
|
327
|
+
></div>
|
|
328
|
+
<span>{{ scope.opt.value }}</span>
|
|
329
|
+
</div>
|
|
330
|
+
</template>
|
|
331
|
+
</VcSelect>
|
|
332
|
+
</template>
|
|
223
333
|
</Field>
|
|
224
334
|
</template>
|
|
225
335
|
|
|
@@ -283,6 +393,7 @@ const emit = defineEmits<{
|
|
|
283
393
|
readonly dictionary?: any[];
|
|
284
394
|
readonly locale?: string;
|
|
285
395
|
readonly unitOfMeasureId?: string;
|
|
396
|
+
readonly colorCode?: string;
|
|
286
397
|
},
|
|
287
398
|
];
|
|
288
399
|
}>();
|
|
@@ -372,6 +483,7 @@ const value = computed({
|
|
|
372
483
|
return internalModel.value;
|
|
373
484
|
},
|
|
374
485
|
set(newValue) {
|
|
486
|
+
console.log(newValue);
|
|
375
487
|
emit("update:model-value", {
|
|
376
488
|
value: newValue,
|
|
377
489
|
dictionary: items.value,
|
|
@@ -380,6 +492,22 @@ const value = computed({
|
|
|
380
492
|
},
|
|
381
493
|
});
|
|
382
494
|
|
|
495
|
+
// Removed colorCode computed property as it interferes with multivalue color selection
|
|
496
|
+
|
|
497
|
+
const singleColorCode = computed({
|
|
498
|
+
get() {
|
|
499
|
+
return internalProperty.value.values?.[0]?.colorCode;
|
|
500
|
+
},
|
|
501
|
+
set(newValue) {
|
|
502
|
+
emit("update:model-value", {
|
|
503
|
+
value: value.value,
|
|
504
|
+
colorCode: newValue,
|
|
505
|
+
dictionary: items.value,
|
|
506
|
+
locale: props.currentLanguage,
|
|
507
|
+
});
|
|
508
|
+
},
|
|
509
|
+
});
|
|
510
|
+
|
|
383
511
|
onMounted(async () => {
|
|
384
512
|
await getOptions();
|
|
385
513
|
await getMeasurements();
|