@dative-gpi/foundation-shared-components 1.0.136-override-widgets → 1.0.137-editable-components
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/FSCheckbox.vue +1 -0
- package/components/FSRadio.vue +1 -0
- package/components/FSSlider.vue +2 -1
- package/components/FSSwitch.vue +38 -44
- package/components/fields/FSBaseField.vue +1 -0
- package/components/fields/FSEntityFieldUI.vue +7 -4
- package/components/fields/FSRichTextField.vue +2 -1
- package/components/fields/FSTranslateRichTextField.vue +3 -1
- package/components/tiles/FSTile.vue +42 -38
- package/package.json +4 -4
package/components/FSRadio.vue
CHANGED
package/components/FSSlider.vue
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
:elevation="0"
|
|
36
36
|
:tickSize="4"
|
|
37
37
|
:modelValue="$props.modelValue ?? undefined"
|
|
38
|
-
@update:modelValue="
|
|
38
|
+
@update:modelValue="$emit('update:modelValue', $event)"
|
|
39
39
|
v-bind="$attrs"
|
|
40
40
|
>
|
|
41
41
|
<template
|
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
v-if="$props.description"
|
|
56
56
|
class="fs-slider-description"
|
|
57
57
|
font="text-overline"
|
|
58
|
+
:lineClamp="2"
|
|
58
59
|
:style="style"
|
|
59
60
|
>
|
|
60
61
|
{{ $props.description }}
|
package/components/FSSwitch.vue
CHANGED
|
@@ -1,29 +1,25 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
width="hug"
|
|
4
|
-
align="top-left"
|
|
5
|
-
gap="16px"
|
|
2
|
+
<FSCol
|
|
6
3
|
padding="8px 0px"
|
|
7
|
-
:wrap="false"
|
|
8
4
|
>
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
>
|
|
5
|
+
<FSRow
|
|
6
|
+
gap="16px"
|
|
7
|
+
:wrap="false"
|
|
8
|
+
>
|
|
9
|
+
<v-switch
|
|
10
|
+
v-if="variant == 'left'"
|
|
11
|
+
class="fs-switch"
|
|
12
|
+
hide-details
|
|
13
|
+
inset
|
|
14
|
+
:validateOn="validateOn"
|
|
15
|
+
:rules="$props.rules"
|
|
16
|
+
:ripple="false"
|
|
17
|
+
:style="style"
|
|
18
|
+
:modelValue="$props.modelValue"
|
|
19
|
+
@update:modelValue="onToggle"
|
|
20
|
+
v-bind="$attrs"
|
|
21
|
+
/>
|
|
22
|
+
<FSCol>
|
|
27
23
|
<FSSpan
|
|
28
24
|
v-if="$props.label"
|
|
29
25
|
class="fs-switch-label"
|
|
@@ -41,33 +37,31 @@
|
|
|
41
37
|
class="fs-switch-description"
|
|
42
38
|
font="text-overline"
|
|
43
39
|
:style="style"
|
|
40
|
+
:lineClamp="2"
|
|
44
41
|
>
|
|
45
42
|
{{ $props.description }}
|
|
46
43
|
</FSSpan>
|
|
47
44
|
</slot>
|
|
48
|
-
<slot
|
|
49
|
-
name="footer"
|
|
50
|
-
/>
|
|
51
45
|
</FSCol>
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
46
|
+
<FSRow
|
|
47
|
+
v-if="variant == 'right'"
|
|
48
|
+
align="center-right"
|
|
49
|
+
>
|
|
50
|
+
<v-switch
|
|
51
|
+
class="fs-switch"
|
|
52
|
+
hide-details
|
|
53
|
+
inset
|
|
54
|
+
:validateOn="validateOn"
|
|
55
|
+
:rules="$props.rules"
|
|
56
|
+
:ripple="false"
|
|
57
|
+
:style="style"
|
|
58
|
+
:modelValue="$props.modelValue"
|
|
59
|
+
@update:modelValue="onToggle"
|
|
60
|
+
v-bind="$attrs"
|
|
61
|
+
/>
|
|
62
|
+
</FSRow>
|
|
69
63
|
</FSRow>
|
|
70
|
-
</
|
|
64
|
+
</FSCol>
|
|
71
65
|
</template>
|
|
72
66
|
|
|
73
67
|
<script lang="ts">
|
|
@@ -14,18 +14,20 @@
|
|
|
14
14
|
:wrap="false"
|
|
15
15
|
>
|
|
16
16
|
<FSSelectField
|
|
17
|
+
:editable="$props.editable"
|
|
18
|
+
:items="actualEntityTypes"
|
|
17
19
|
:hideHeader="true"
|
|
20
|
+
:clearable="false"
|
|
18
21
|
:modelValue="$props.entityType"
|
|
19
22
|
@update:modelValue="$emit('update:entityType', $event)"
|
|
20
|
-
:items="actualEntityTypes"
|
|
21
|
-
:clearable="false"
|
|
22
23
|
/>
|
|
23
24
|
<template
|
|
24
25
|
v-if="itemsCount > 0"
|
|
25
26
|
>
|
|
26
27
|
<FSButton
|
|
27
|
-
:label="$tr('ui.common.edit', 'Edit')"
|
|
28
28
|
icon="mdi-pencil"
|
|
29
|
+
:label="$tr('ui.common.edit', 'Edit')"
|
|
30
|
+
:editable="$props.editable"
|
|
29
31
|
@click="$emit('click:select')"
|
|
30
32
|
/>
|
|
31
33
|
</template>
|
|
@@ -33,8 +35,9 @@
|
|
|
33
35
|
v-else
|
|
34
36
|
>
|
|
35
37
|
<FSButton
|
|
36
|
-
:label="$tr('ui.common.select', 'Select')"
|
|
37
38
|
icon="mdi-plus-circle-multiple-outline"
|
|
39
|
+
:label="$tr('ui.common.select', 'Select')"
|
|
40
|
+
:editable="$props.editable"
|
|
38
41
|
@click="$emit('click:select')"
|
|
39
42
|
/>
|
|
40
43
|
</template>
|
|
@@ -4,48 +4,52 @@
|
|
|
4
4
|
:height="$props.height"
|
|
5
5
|
:width="$props.width"
|
|
6
6
|
>
|
|
7
|
-
<
|
|
8
|
-
v-if="$props.
|
|
9
|
-
padding="12px"
|
|
10
|
-
:variant="variant"
|
|
11
|
-
:color="color"
|
|
12
|
-
:style="style"
|
|
13
|
-
width="100%"
|
|
14
|
-
height="100%"
|
|
15
|
-
@click="() => $emit('update:modelValue', !$props.modelValue)"
|
|
16
|
-
v-bind="$attrs"
|
|
17
|
-
>
|
|
18
|
-
<slot />
|
|
19
|
-
</FSClickable>
|
|
20
|
-
<FSClickable
|
|
21
|
-
v-else-if="$props.href || $props.to || $attrs.onClick"
|
|
22
|
-
variant="background"
|
|
23
|
-
class="fs-tile"
|
|
24
|
-
padding="12px"
|
|
25
|
-
:color="ColorEnum.Background"
|
|
26
|
-
:href="$props.href"
|
|
27
|
-
width="100%"
|
|
28
|
-
height="100%"
|
|
29
|
-
:to="$props.to"
|
|
30
|
-
:style="style"
|
|
31
|
-
v-bind="$attrs"
|
|
7
|
+
<template
|
|
8
|
+
v-if="$props.editable"
|
|
32
9
|
>
|
|
33
|
-
<
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
10
|
+
<FSClickable
|
|
11
|
+
v-if="$props.singleSelect"
|
|
12
|
+
padding="12px"
|
|
13
|
+
:variant="variant"
|
|
14
|
+
:color="color"
|
|
15
|
+
:style="style"
|
|
16
|
+
width="100%"
|
|
17
|
+
height="100%"
|
|
18
|
+
@click="() => $emit('update:modelValue', !$props.modelValue)"
|
|
19
|
+
v-bind="$attrs"
|
|
20
|
+
>
|
|
21
|
+
<slot />
|
|
22
|
+
</FSClickable>
|
|
23
|
+
<FSClickable
|
|
24
|
+
v-else-if="$props.href || $props.to || $attrs.onClick"
|
|
37
25
|
variant="background"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
:
|
|
26
|
+
class="fs-tile"
|
|
27
|
+
padding="12px"
|
|
28
|
+
:color="ColorEnum.Background"
|
|
29
|
+
:href="$props.href"
|
|
30
|
+
width="100%"
|
|
31
|
+
height="100%"
|
|
32
|
+
:to="$props.to"
|
|
33
|
+
:style="style"
|
|
41
34
|
v-bind="$attrs"
|
|
42
35
|
>
|
|
43
|
-
<
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
36
|
+
<slot />
|
|
37
|
+
<FSCard
|
|
38
|
+
v-if="$props.editable"
|
|
39
|
+
class="fs-tile-checkbox"
|
|
40
|
+
variant="background"
|
|
41
|
+
:height="['40px', '32px']"
|
|
42
|
+
:width="['40px', '32px']"
|
|
43
|
+
:border="false"
|
|
44
|
+
v-bind="$attrs"
|
|
45
|
+
>
|
|
46
|
+
<FSCheckbox
|
|
47
|
+
:modelValue="$props.modelValue"
|
|
48
|
+
@update:modelValue="() => $emit('update:modelValue', !$props.modelValue)"
|
|
49
|
+
/>
|
|
50
|
+
</FSCard>
|
|
51
|
+
</FSClickable>
|
|
52
|
+
</template>
|
|
49
53
|
<FSCard
|
|
50
54
|
v-else
|
|
51
55
|
variant="background"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dative-gpi/foundation-shared-components",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.137-editable-components",
|
|
5
5
|
"description": "",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"author": "",
|
|
11
11
|
"license": "ISC",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@dative-gpi/foundation-shared-domain": "1.0.
|
|
14
|
-
"@dative-gpi/foundation-shared-services": "1.0.
|
|
13
|
+
"@dative-gpi/foundation-shared-domain": "1.0.137-editable-components",
|
|
14
|
+
"@dative-gpi/foundation-shared-services": "1.0.137-editable-components"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"@dative-gpi/bones-ui": "^1.0.0",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"sass": "1.71.1",
|
|
36
36
|
"sass-loader": "13.3.2"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "7aa074aa1903f6d293e4606d198321e9832f030d"
|
|
39
39
|
}
|