@onereach/ui-components 4.3.13 → 4.3.14-beta.2689.0
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/dist/bundled/v2/components/OrConfirm/OrConfirm.js +2 -2
- package/dist/bundled/v2/components/OrExpansionPanelV3/styles.js +3 -1
- package/dist/bundled/v2/components/OrInlineTextEdit/OrInlineTextEdit.js +2 -2
- package/dist/bundled/v2/components/OrSidebarV3/styles.js +1 -1
- package/dist/bundled/v2/components/index.d.ts +3 -0
- package/dist/bundled/v2/components/index.js +8 -0
- package/dist/bundled/v2/index.js +9 -2
- package/dist/bundled/v3/OrCheckboxGroup.vue_vue_type_script_lang-1e71771d.js +60 -0
- package/dist/bundled/v3/OrRadioGroup.vue_vue_type_script_lang-dfffdd80.js +59 -0
- package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-264914d3.js → OrSelect.vue_vue_type_script_lang-2c4c9f9d.js} +2 -2
- package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js +9 -60
- package/dist/bundled/v3/components/OrCheckboxGroupV3/index.js +2 -2
- package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js +2 -2
- package/dist/bundled/v3/components/OrCheckboxTreeV3/index.js +1 -1
- package/dist/bundled/v3/components/OrConfirm/OrConfirm.js +1 -1
- package/dist/bundled/v3/components/OrExpansionPanelV3/OrExpansionPanel.js +2 -2
- package/dist/bundled/v3/components/OrExpansionPanelV3/index.js +1 -1
- package/dist/bundled/v3/components/OrExpansionPanelV3/styles.js +3 -1
- package/dist/bundled/v3/components/OrInlineTextEdit/OrInlineTextEdit.js +1 -1
- package/dist/bundled/v3/components/OrRadioGroupV3/OrRadioGroup.js +9 -60
- package/dist/bundled/v3/components/OrRadioGroupV3/index.js +1 -1
- package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +3 -3
- package/dist/bundled/v3/components/OrSelectV3/index.js +2 -2
- package/dist/bundled/v3/components/OrSidebarV3/OrSidebar.js +2 -2
- package/dist/bundled/v3/components/OrSidebarV3/index.js +1 -1
- package/dist/bundled/v3/components/OrSidebarV3/styles.js +1 -1
- package/dist/bundled/v3/components/index.d.ts +3 -0
- package/dist/bundled/v3/components/index.js +15 -4
- package/dist/bundled/v3/index.js +20 -8
- package/dist/esm/v2/OrCheckboxGroup-f470f938.js +121 -0
- package/dist/esm/v2/{OrCheckboxTree-df80d4ab.js → OrCheckboxTree-1304ae59.js} +6 -2
- package/dist/esm/v2/{OrConfirm-b62d9ce4.js → OrConfirm-d0d9d56c.js} +2 -2
- package/dist/esm/v2/{OrExpansionPanel-7c359bb0.js → OrExpansionPanel-d3a2218d.js} +3 -1
- package/dist/esm/v2/OrInlineTextEdit-601163c3.js +400 -0
- package/dist/esm/v2/OrRadioGroup-0de37d76.js +120 -0
- package/dist/esm/v2/{OrSelect-9d6b3363.js → OrSelect-a4c34099.js} +1 -1
- package/dist/esm/v2/{OrSidebar-b8387abe.js → OrSidebar-de938772.js} +1 -1
- package/dist/esm/v2/components/index.d.ts +3 -0
- package/dist/esm/v2/components/index.js +9 -5
- package/dist/esm/v2/components/or-checkbox-group-v3/index.js +6 -122
- package/dist/esm/v2/components/or-checkbox-tree-v3/index.js +1 -2
- package/dist/esm/v2/components/or-confirm/index.js +1 -1
- package/dist/esm/v2/components/or-expansion-panel-v3/index.js +1 -1
- package/dist/esm/v2/components/or-inline-text-edit/index.js +1 -1
- package/dist/esm/v2/components/or-radio-group-v3/index.js +6 -120
- package/dist/esm/v2/components/or-select-v3/index.js +2 -2
- package/dist/esm/v2/components/or-sidebar-v3/index.js +1 -1
- package/dist/esm/v2/index.js +9 -6
- package/dist/esm/v3/OrCheckboxGroup-c41a99ba.js +88 -0
- package/dist/esm/v3/{OrCheckboxTree-4a85b9b3.js → OrCheckboxTree-fa6288af.js} +6 -2
- package/dist/esm/v3/{OrConfirm-1a94bdea.js → OrConfirm-410da5b4.js} +1 -1
- package/dist/esm/v3/{OrExpansionPanel-99ca7ed7.js → OrExpansionPanel-c016d8fa.js} +3 -1
- package/dist/esm/v3/OrInlineTextEdit-42d59fb9.js +356 -0
- package/dist/esm/v3/OrRadioGroup-5d1fe6fd.js +87 -0
- package/dist/esm/v3/{OrSelect-3dbddc6b.js → OrSelect-046e8e36.js} +1 -1
- package/dist/esm/v3/{OrSidebar-bfd19c4c.js → OrSidebar-3f2502fb.js} +1 -1
- package/dist/esm/v3/components/index.d.ts +3 -0
- package/dist/esm/v3/components/index.js +9 -5
- package/dist/esm/v3/components/or-checkbox-group-v3/index.js +6 -89
- package/dist/esm/v3/components/or-checkbox-tree-v3/index.js +1 -2
- package/dist/esm/v3/components/or-confirm/index.js +1 -1
- package/dist/esm/v3/components/or-expansion-panel-v3/index.js +1 -1
- package/dist/esm/v3/components/or-inline-text-edit/index.js +1 -1
- package/dist/esm/v3/components/or-radio-group-v3/index.js +6 -87
- package/dist/esm/v3/components/or-select-v3/index.js +2 -2
- package/dist/esm/v3/components/or-sidebar-v3/index.js +1 -1
- package/dist/esm/v3/index.js +9 -6
- package/package.json +2 -3
- package/src/components/index.ts +3 -0
- package/src/components/or-confirm/OrConfirm.vue +1 -1
- package/src/components/or-expansion-panel-v3/styles.ts +4 -1
- package/src/components/or-inline-text-edit/OrInlineTextEdit.vue +6 -6
- package/src/components/or-sidebar-v3/styles.ts +1 -1
- package/dist/esm/v2/OrInlineTextEdit-a129aaf1.js +0 -400
- package/dist/esm/v2/flattenDeep-fe0af413.js +0 -6
- package/dist/esm/v3/OrInlineTextEdit-4f4ecba4.js +0 -356
- package/dist/esm/v3/flattenDeep-fe0af413.js +0 -6
- package/dist/bundled/v3/{OrCheckboxTree.vue_vue_type_script_lang-528dd4d5.js → OrCheckboxTree.vue_vue_type_script_lang-46436cf3.js} +1 -1
- /package/dist/bundled/v3/{OrExpansionPanel.vue_vue_type_script_lang-f1b6ff7d.js → OrExpansionPanel.vue_vue_type_script_lang-d4ed6199.js} +0 -0
- /package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-d7f700de.js → OrSidebar.vue_vue_type_script_lang-5723e223.js} +0 -0
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { defineComponent } from 'vue-demi';
|
|
2
|
+
import { useVModel } from '@vueuse/core';
|
|
3
|
+
import { s as script$1 } from './OrFormGroup-9f581536.js';
|
|
4
|
+
import { s as script$2 } from './OrRadio-a6c88f29.js';
|
|
5
|
+
import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
|
|
6
|
+
|
|
7
|
+
var script = defineComponent({
|
|
8
|
+
name: 'OrRadioGroup',
|
|
9
|
+
components: {
|
|
10
|
+
OrFormGroup: script$1,
|
|
11
|
+
OrRadio: script$2
|
|
12
|
+
},
|
|
13
|
+
model: {
|
|
14
|
+
prop: 'modelValue',
|
|
15
|
+
event: 'update:modelValue'
|
|
16
|
+
},
|
|
17
|
+
props: {
|
|
18
|
+
modelValue: {
|
|
19
|
+
type: null,
|
|
20
|
+
default: null
|
|
21
|
+
},
|
|
22
|
+
direction: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: 'vertical'
|
|
25
|
+
},
|
|
26
|
+
label: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: ''
|
|
29
|
+
},
|
|
30
|
+
options: {
|
|
31
|
+
type: Array,
|
|
32
|
+
default: () => []
|
|
33
|
+
},
|
|
34
|
+
error: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: ''
|
|
37
|
+
},
|
|
38
|
+
hint: {
|
|
39
|
+
type: String,
|
|
40
|
+
default: ''
|
|
41
|
+
},
|
|
42
|
+
disabled: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: false
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
setup(props, _ref) {
|
|
48
|
+
let {
|
|
49
|
+
emit
|
|
50
|
+
} = _ref;
|
|
51
|
+
const proxyModelValue = useVModel(props, 'modelValue', emit);
|
|
52
|
+
return {
|
|
53
|
+
proxyModelValue
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
59
|
+
const _component_OrRadio = resolveComponent("OrRadio");
|
|
60
|
+
const _component_OrFormGroup = resolveComponent("OrFormGroup");
|
|
61
|
+
return openBlock(), createBlock(_component_OrFormGroup, {
|
|
62
|
+
direction: _ctx.direction,
|
|
63
|
+
label: _ctx.label,
|
|
64
|
+
error: _ctx.error,
|
|
65
|
+
hint: _ctx.hint,
|
|
66
|
+
disabled: _ctx.disabled
|
|
67
|
+
}, {
|
|
68
|
+
addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
|
|
69
|
+
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
|
|
70
|
+
return openBlock(), createBlock(_component_OrRadio, {
|
|
71
|
+
key: option.value,
|
|
72
|
+
modelValue: _ctx.proxyModelValue,
|
|
73
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
|
|
74
|
+
label: option.label,
|
|
75
|
+
value: option.value,
|
|
76
|
+
disabled: _ctx.disabled || option.disabled
|
|
77
|
+
}, null, 8 /* PROPS */, ["modelValue", "label", "value", "disabled"]);
|
|
78
|
+
}), 128 /* KEYED_FRAGMENT */))]),
|
|
79
|
+
|
|
80
|
+
_: 3 /* FORWARDED */
|
|
81
|
+
}, 8 /* PROPS */, ["direction", "label", "error", "hint", "disabled"]);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
script.render = render;
|
|
85
|
+
script.__file = "src/components/or-radio-group-v3/OrRadioGroup.vue";
|
|
86
|
+
|
|
87
|
+
export { script as s };
|
|
@@ -4,7 +4,7 @@ import { u as useOverflow } from './useOverflow-c856b7b7.js';
|
|
|
4
4
|
import '@vueuse/core';
|
|
5
5
|
import { s as script$1 } from './OrCheckbox-56d7b6eb.js';
|
|
6
6
|
import { s as script$2 } from './OrError-c01d0c29.js';
|
|
7
|
-
import { s as script$3 } from './OrExpansionPanel-
|
|
7
|
+
import { s as script$3 } from './OrExpansionPanel-c016d8fa.js';
|
|
8
8
|
import { s as script$4 } from './OrHint-06ab89d7.js';
|
|
9
9
|
import { s as script$5 } from './OrIcon-62793572.js';
|
|
10
10
|
import { s as script$7, I as InputBoxSize } from './OrInputBox-ba40bbdf.js';
|
|
@@ -11,6 +11,8 @@ export * from './or-card-v3';
|
|
|
11
11
|
export * from './or-carousel';
|
|
12
12
|
export * from './or-checkbox';
|
|
13
13
|
export * from './or-checkbox-v3';
|
|
14
|
+
export * from './or-checkbox-group-v3';
|
|
15
|
+
export * from './or-checkbox-tree-v3';
|
|
14
16
|
export * from './or-chips';
|
|
15
17
|
export * from './or-code';
|
|
16
18
|
export * from './or-collapse';
|
|
@@ -64,6 +66,7 @@ export * from './or-progress';
|
|
|
64
66
|
export * from './or-progress-v3';
|
|
65
67
|
export * from './or-radio';
|
|
66
68
|
export * from './or-radio-group';
|
|
69
|
+
export * from './or-radio-group-v3';
|
|
67
70
|
export * from './or-radio-v3';
|
|
68
71
|
export * from './or-search';
|
|
69
72
|
export * from './or-search-v3';
|
|
@@ -13,12 +13,14 @@ export { s as OrCarousel } from '../OrCarousel-40f069d5.js';
|
|
|
13
13
|
export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
|
|
14
14
|
export { s as OrCheckbox } from '../OrCheckbox-ab457011.js';
|
|
15
15
|
export { s as OrCheckboxV3 } from '../OrCheckbox-56d7b6eb.js';
|
|
16
|
+
export { s as OrCheckboxGroupV3 } from '../OrCheckboxGroup-c41a99ba.js';
|
|
17
|
+
export { s as OrCheckboxTreeV3 } from '../OrCheckboxTree-fa6288af.js';
|
|
16
18
|
export { s as OrChip } from '../OrChip-1b479371.js';
|
|
17
19
|
export { s as OrChips } from '../OrChips-544a35b3.js';
|
|
18
20
|
export { s as OrCode, O as OrCodeLanguages } from '../OrCode-48281fc0.js';
|
|
19
21
|
export { s as OrCollapse } from '../OrCollapse-2b31de04.js';
|
|
20
22
|
export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-ffaaf14f.js';
|
|
21
|
-
export { s as OrConfirm } from '../OrConfirm-
|
|
23
|
+
export { s as OrConfirm } from '../OrConfirm-410da5b4.js';
|
|
22
24
|
export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-017b80b5.js';
|
|
23
25
|
export { s as OrDatePickerV3 } from '../OrDatePicker-09a6c970.js';
|
|
24
26
|
export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from '../OrInputBox-ba40bbdf.js';
|
|
@@ -28,7 +30,7 @@ export { E as EmptyStateSize, s as OrEmptyStateV3 } from '../OrEmptyState-5349a1
|
|
|
28
30
|
export { s as OrError } from '../OrError-f90296db.js';
|
|
29
31
|
export { s as OrErrorTagV3 } from '../OrErrorTag-ade9192b.js';
|
|
30
32
|
export { s as OrErrorV3 } from '../OrError-c01d0c29.js';
|
|
31
|
-
export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-
|
|
33
|
+
export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-c016d8fa.js';
|
|
32
34
|
export { F as FabColor, s as OrFabV3 } from '../OrFab-83cd7ed7.js';
|
|
33
35
|
export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-291c7653.js';
|
|
34
36
|
export { s as OrHint } from '../OrHint-1414c530.js';
|
|
@@ -38,7 +40,7 @@ export { I as IconButtonColor, s as OrIconButtonV3 } from '../OrIconButton-55d51
|
|
|
38
40
|
export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from '../OrIcon-62793572.js';
|
|
39
41
|
export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from '../OrInlineInputBox-01fb2cb2.js';
|
|
40
42
|
export { I as InlineInputType, s as OrInlineInputV3 } from '../OrInlineInput-9ed7d570.js';
|
|
41
|
-
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-
|
|
43
|
+
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../OrInlineTextEdit-42d59fb9.js';
|
|
42
44
|
export { s as OrInlineTextareaV3 } from '../OrInlineTextarea-f30d0580.js';
|
|
43
45
|
export { s as OrInput } from '../OrInput-53a32706.js';
|
|
44
46
|
export { I as InputType, s as OrInputV3 } from '../OrInput-de491b63.js';
|
|
@@ -66,14 +68,15 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from '..
|
|
|
66
68
|
export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrProgress-33cf7445.js';
|
|
67
69
|
export { s as OrRadio } from '../OrRadio-dfd0f0c9.js';
|
|
68
70
|
export { s as OrRadioGroup } from '../OrRadioGroup-00785e41.js';
|
|
71
|
+
export { s as OrRadioGroupV3 } from '../OrRadioGroup-5d1fe6fd.js';
|
|
69
72
|
export { s as OrRadioV3 } from '../OrRadio-a6c88f29.js';
|
|
70
73
|
export { s as OrSearch } from '../OrSearch-f4ad73db.js';
|
|
71
74
|
export { s as OrSearchV3 } from '../OrSearch-e15c7fd2.js';
|
|
72
75
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-359fbf3a.js';
|
|
73
76
|
export { s as OrSelect } from '../OrSelect-6ff34196.js';
|
|
74
|
-
export { s as OrSelectV3 } from '../OrSelect-
|
|
77
|
+
export { s as OrSelectV3 } from '../OrSelect-046e8e36.js';
|
|
75
78
|
export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-375c85a3.js';
|
|
76
|
-
export { s as OrSidebarV3 } from '../OrSidebar-
|
|
79
|
+
export { s as OrSidebarV3 } from '../OrSidebar-3f2502fb.js';
|
|
77
80
|
export { O as OrSidebarPlacement } from '../OrSidebarCollapseButton-63914891.js';
|
|
78
81
|
export { s as OrSkeletonCircle } from '../OrSkeletonCircle-1aa63444.js';
|
|
79
82
|
export { s as OrSkeletonRect } from '../OrSkeletonRect-813bc73a.js';
|
|
@@ -117,6 +120,7 @@ import '@vueuse/core';
|
|
|
117
120
|
import '@splidejs/splide';
|
|
118
121
|
import '@splidejs/splide/dist/css/splide.min.css';
|
|
119
122
|
import '../useIdAttribute-859439f0.js';
|
|
123
|
+
import '../OrFormGroup-9f581536.js';
|
|
120
124
|
import '@codemirror/state';
|
|
121
125
|
import '@codemirror/view';
|
|
122
126
|
import '@codemirror/commands';
|
|
@@ -1,98 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
|
|
1
|
+
export { s as OrCheckboxGroupV3 } from '../../OrCheckboxGroup-c41a99ba.js';
|
|
2
|
+
import 'vue-demi';
|
|
3
|
+
import '@vueuse/core';
|
|
4
|
+
import '../../OrFormGroup-9f581536.js';
|
|
6
5
|
import '../../OrLabel-4da56db0.js';
|
|
6
|
+
import 'vue';
|
|
7
7
|
import '../../OrError-c01d0c29.js';
|
|
8
8
|
import '../../OrHint-06ab89d7.js';
|
|
9
|
+
import '../../OrCheckboxTree-fa6288af.js';
|
|
9
10
|
import '../../OrCheckbox-56d7b6eb.js';
|
|
10
11
|
import '../../useIdAttribute-859439f0.js';
|
|
11
12
|
import '../../style-inject.es-4c6f2515.js';
|
|
12
13
|
import '../../OrIcon-62793572.js';
|
|
13
14
|
import '../../OrButton-c2b6aa9e.js';
|
|
14
15
|
import '../../OrLoader-b79022da.js';
|
|
15
|
-
import '../../flattenDeep-fe0af413.js';
|
|
16
|
-
|
|
17
|
-
var script = defineComponent({
|
|
18
|
-
name: 'OrCheckboxGroup',
|
|
19
|
-
components: {
|
|
20
|
-
OrCheckboxTree: script$1,
|
|
21
|
-
OrFormGroup: script$2
|
|
22
|
-
},
|
|
23
|
-
model: {
|
|
24
|
-
prop: 'modelValue',
|
|
25
|
-
event: 'update:modelValue'
|
|
26
|
-
},
|
|
27
|
-
props: {
|
|
28
|
-
modelValue: {
|
|
29
|
-
type: Array,
|
|
30
|
-
default: () => []
|
|
31
|
-
},
|
|
32
|
-
label: {
|
|
33
|
-
type: String,
|
|
34
|
-
default: ''
|
|
35
|
-
},
|
|
36
|
-
error: {
|
|
37
|
-
type: String,
|
|
38
|
-
default: ''
|
|
39
|
-
},
|
|
40
|
-
hint: {
|
|
41
|
-
type: String,
|
|
42
|
-
default: ''
|
|
43
|
-
},
|
|
44
|
-
direction: {
|
|
45
|
-
type: String,
|
|
46
|
-
default: FormGroupDirection.Vertical
|
|
47
|
-
},
|
|
48
|
-
options: {
|
|
49
|
-
type: Array,
|
|
50
|
-
default: () => []
|
|
51
|
-
},
|
|
52
|
-
disabled: {
|
|
53
|
-
type: Boolean,
|
|
54
|
-
default: false
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
setup(props, _ref) {
|
|
58
|
-
let {
|
|
59
|
-
emit
|
|
60
|
-
} = _ref;
|
|
61
|
-
const proxyModelValue = useVModel(props, 'modelValue', emit);
|
|
62
|
-
return {
|
|
63
|
-
proxyModelValue
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
|
|
68
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
69
|
-
const _component_OrCheckboxTree = resolveComponent("OrCheckboxTree");
|
|
70
|
-
const _component_OrFormGroup = resolveComponent("OrFormGroup");
|
|
71
|
-
return openBlock(), createBlock(_component_OrFormGroup, {
|
|
72
|
-
label: _ctx.label,
|
|
73
|
-
error: _ctx.error,
|
|
74
|
-
hint: _ctx.hint,
|
|
75
|
-
disabled: _ctx.disabled,
|
|
76
|
-
direction: _ctx.direction
|
|
77
|
-
}, {
|
|
78
|
-
addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
|
|
79
|
-
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
|
|
80
|
-
return openBlock(), createBlock(_component_OrCheckboxTree, {
|
|
81
|
-
key: option.value,
|
|
82
|
-
modelValue: _ctx.proxyModelValue,
|
|
83
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
|
|
84
|
-
item: option,
|
|
85
|
-
disabled: _ctx.disabled || option.disabled,
|
|
86
|
-
collapsible: option.collapsible,
|
|
87
|
-
expanded: option.expanded
|
|
88
|
-
}, null, 8 /* PROPS */, ["modelValue", "item", "disabled", "collapsible", "expanded"]);
|
|
89
|
-
}), 128 /* KEYED_FRAGMENT */))]),
|
|
90
|
-
|
|
91
|
-
_: 3 /* FORWARDED */
|
|
92
|
-
}, 8 /* PROPS */, ["label", "error", "hint", "disabled", "direction"]);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
script.render = render;
|
|
96
|
-
script.__file = "src/components/or-checkbox-group-v3/OrCheckboxGroup.vue";
|
|
97
|
-
|
|
98
|
-
export { script as OrCheckboxGroupV3 };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-
|
|
1
|
+
export { s as OrCheckboxTreeV3 } from '../../OrCheckboxTree-fa6288af.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '@vueuse/core';
|
|
4
4
|
import '../../OrCheckbox-56d7b6eb.js';
|
|
@@ -9,4 +9,3 @@ import '../../style-inject.es-4c6f2515.js';
|
|
|
9
9
|
import '../../OrIcon-62793572.js';
|
|
10
10
|
import '../../OrButton-c2b6aa9e.js';
|
|
11
11
|
import '../../OrLoader-b79022da.js';
|
|
12
|
-
import '../../flattenDeep-fe0af413.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel-
|
|
1
|
+
export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../../OrExpansionPanel-c016d8fa.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../OrIcon-62793572.js';
|
|
4
4
|
import 'vue';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../../OrInlineTextEdit-
|
|
1
|
+
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from '../../OrInlineTextEdit-42d59fb9.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../OrCollapse-2b31de04.js';
|
|
4
4
|
import '../../px-to-rem-0b26b83e.js';
|
|
@@ -1,92 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
|
|
1
|
+
export { s as OrRadioGroupV3 } from '../../OrRadioGroup-5d1fe6fd.js';
|
|
2
|
+
import 'vue-demi';
|
|
3
|
+
import '@vueuse/core';
|
|
4
|
+
import '../../OrFormGroup-9f581536.js';
|
|
6
5
|
import '../../OrLabel-4da56db0.js';
|
|
6
|
+
import 'vue';
|
|
7
7
|
import '../../OrError-c01d0c29.js';
|
|
8
8
|
import '../../OrHint-06ab89d7.js';
|
|
9
|
+
import '../../OrRadio-a6c88f29.js';
|
|
9
10
|
import '../../useIdAttribute-859439f0.js';
|
|
10
11
|
import '../../style-inject.es-4c6f2515.js';
|
|
11
|
-
|
|
12
|
-
var script = defineComponent({
|
|
13
|
-
name: 'OrRadioGroup',
|
|
14
|
-
components: {
|
|
15
|
-
OrFormGroup: script$1,
|
|
16
|
-
OrRadio: script$2
|
|
17
|
-
},
|
|
18
|
-
model: {
|
|
19
|
-
prop: 'modelValue',
|
|
20
|
-
event: 'update:modelValue'
|
|
21
|
-
},
|
|
22
|
-
props: {
|
|
23
|
-
modelValue: {
|
|
24
|
-
type: null,
|
|
25
|
-
default: null
|
|
26
|
-
},
|
|
27
|
-
direction: {
|
|
28
|
-
type: String,
|
|
29
|
-
default: 'vertical'
|
|
30
|
-
},
|
|
31
|
-
label: {
|
|
32
|
-
type: String,
|
|
33
|
-
default: ''
|
|
34
|
-
},
|
|
35
|
-
options: {
|
|
36
|
-
type: Array,
|
|
37
|
-
default: () => []
|
|
38
|
-
},
|
|
39
|
-
error: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: ''
|
|
42
|
-
},
|
|
43
|
-
hint: {
|
|
44
|
-
type: String,
|
|
45
|
-
default: ''
|
|
46
|
-
},
|
|
47
|
-
disabled: {
|
|
48
|
-
type: Boolean,
|
|
49
|
-
default: false
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
setup(props, _ref) {
|
|
53
|
-
let {
|
|
54
|
-
emit
|
|
55
|
-
} = _ref;
|
|
56
|
-
const proxyModelValue = useVModel(props, 'modelValue', emit);
|
|
57
|
-
return {
|
|
58
|
-
proxyModelValue
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
|
|
63
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
64
|
-
const _component_OrRadio = resolveComponent("OrRadio");
|
|
65
|
-
const _component_OrFormGroup = resolveComponent("OrFormGroup");
|
|
66
|
-
return openBlock(), createBlock(_component_OrFormGroup, {
|
|
67
|
-
direction: _ctx.direction,
|
|
68
|
-
label: _ctx.label,
|
|
69
|
-
error: _ctx.error,
|
|
70
|
-
hint: _ctx.hint,
|
|
71
|
-
disabled: _ctx.disabled
|
|
72
|
-
}, {
|
|
73
|
-
addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
|
|
74
|
-
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
|
|
75
|
-
return openBlock(), createBlock(_component_OrRadio, {
|
|
76
|
-
key: option.value,
|
|
77
|
-
modelValue: _ctx.proxyModelValue,
|
|
78
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.proxyModelValue = $event),
|
|
79
|
-
label: option.label,
|
|
80
|
-
value: option.value,
|
|
81
|
-
disabled: _ctx.disabled || option.disabled
|
|
82
|
-
}, null, 8 /* PROPS */, ["modelValue", "label", "value", "disabled"]);
|
|
83
|
-
}), 128 /* KEYED_FRAGMENT */))]),
|
|
84
|
-
|
|
85
|
-
_: 3 /* FORWARDED */
|
|
86
|
-
}, 8 /* PROPS */, ["direction", "label", "error", "hint", "disabled"]);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
script.render = render;
|
|
90
|
-
script.__file = "src/components/or-radio-group-v3/OrRadioGroup.vue";
|
|
91
|
-
|
|
92
|
-
export { script as OrRadioGroupV3 };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { s as OrSelectV3 } from '../../OrSelect-
|
|
1
|
+
export { s as OrSelectV3 } from '../../OrSelect-046e8e36.js';
|
|
2
2
|
export { I as SelectSize } from '../../OrInputBox-ba40bbdf.js';
|
|
3
3
|
import 'vue-demi';
|
|
4
4
|
import '../../dropdown-open-e1f90e0a.js';
|
|
@@ -10,7 +10,7 @@ import '../../OrLabel-4da56db0.js';
|
|
|
10
10
|
import 'vue';
|
|
11
11
|
import '../../style-inject.es-4c6f2515.js';
|
|
12
12
|
import '../../OrError-c01d0c29.js';
|
|
13
|
-
import '../../OrExpansionPanel-
|
|
13
|
+
import '../../OrExpansionPanel-c016d8fa.js';
|
|
14
14
|
import '../../OrIcon-62793572.js';
|
|
15
15
|
import '../../OrHint-06ab89d7.js';
|
|
16
16
|
import '../../OrInput-de491b63.js';
|
package/dist/esm/v3/index.js
CHANGED
|
@@ -13,12 +13,14 @@ export { s as OrCarousel } from './OrCarousel-40f069d5.js';
|
|
|
13
13
|
export { s as OrCarouselItem } from './OrCarouselItem-8c7ccd0f.js';
|
|
14
14
|
export { s as OrCheckbox } from './OrCheckbox-ab457011.js';
|
|
15
15
|
export { s as OrCheckboxV3 } from './OrCheckbox-56d7b6eb.js';
|
|
16
|
+
export { s as OrCheckboxGroupV3 } from './OrCheckboxGroup-c41a99ba.js';
|
|
17
|
+
export { s as OrCheckboxTreeV3, f as flattenDeep } from './OrCheckboxTree-fa6288af.js';
|
|
16
18
|
export { s as OrChip } from './OrChip-1b479371.js';
|
|
17
19
|
export { s as OrChips } from './OrChips-544a35b3.js';
|
|
18
20
|
export { s as OrCode, O as OrCodeLanguages } from './OrCode-48281fc0.js';
|
|
19
21
|
export { s as OrCollapse } from './OrCollapse-2b31de04.js';
|
|
20
22
|
export { s as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-ffaaf14f.js';
|
|
21
|
-
export { s as OrConfirm } from './OrConfirm-
|
|
23
|
+
export { s as OrConfirm } from './OrConfirm-410da5b4.js';
|
|
22
24
|
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-017b80b5.js';
|
|
23
25
|
export { s as OrDatePickerV3 } from './OrDatePicker-09a6c970.js';
|
|
24
26
|
export { I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, s as OrInputBoxV3, I as SearchSize, I as SelectSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox-ba40bbdf.js';
|
|
@@ -28,7 +30,7 @@ export { E as EmptyStateSize, s as OrEmptyStateV3 } from './OrEmptyState-5349a1f
|
|
|
28
30
|
export { s as OrError } from './OrError-f90296db.js';
|
|
29
31
|
export { s as OrErrorTagV3 } from './OrErrorTag-ade9192b.js';
|
|
30
32
|
export { s as OrErrorV3 } from './OrError-c01d0c29.js';
|
|
31
|
-
export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-
|
|
33
|
+
export { a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-c016d8fa.js';
|
|
32
34
|
export { F as FabColor, s as OrFabV3 } from './OrFab-83cd7ed7.js';
|
|
33
35
|
export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-291c7653.js';
|
|
34
36
|
export { s as OrHint } from './OrHint-1414c530.js';
|
|
@@ -38,7 +40,7 @@ export { I as IconButtonColor, s as OrIconButtonV3 } from './OrIconButton-55d51a
|
|
|
38
40
|
export { I as IconButtonSize, I as IconSize, a as IconVariant, s as OrIconV3 } from './OrIcon-62793572.js';
|
|
39
41
|
export { I as InlineInputBoxSize, I as InlineInputSize, s as OrInlineInputBoxV3 } from './OrInlineInputBox-01fb2cb2.js';
|
|
40
42
|
export { I as InlineInputType, s as OrInlineInputV3 } from './OrInlineInput-9ed7d570.js';
|
|
41
|
-
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-
|
|
43
|
+
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, s as OrInlineTextEdit } from './OrInlineTextEdit-42d59fb9.js';
|
|
42
44
|
export { s as OrInlineTextareaV3 } from './OrInlineTextarea-f30d0580.js';
|
|
43
45
|
export { s as OrInput } from './OrInput-53a32706.js';
|
|
44
46
|
export { I as InputType, s as OrInputV3 } from './OrInput-de491b63.js';
|
|
@@ -66,14 +68,15 @@ export { s as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './
|
|
|
66
68
|
export { s as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-33cf7445.js';
|
|
67
69
|
export { s as OrRadio } from './OrRadio-dfd0f0c9.js';
|
|
68
70
|
export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
|
|
71
|
+
export { s as OrRadioGroupV3 } from './OrRadioGroup-5d1fe6fd.js';
|
|
69
72
|
export { s as OrRadioV3 } from './OrRadio-a6c88f29.js';
|
|
70
73
|
export { s as OrSearch } from './OrSearch-f4ad73db.js';
|
|
71
74
|
export { s as OrSearchV3 } from './OrSearch-e15c7fd2.js';
|
|
72
75
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-359fbf3a.js';
|
|
73
76
|
export { s as OrSelect } from './OrSelect-6ff34196.js';
|
|
74
|
-
export { s as OrSelectV3 } from './OrSelect-
|
|
77
|
+
export { s as OrSelectV3 } from './OrSelect-046e8e36.js';
|
|
75
78
|
export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
|
|
76
|
-
export { s as OrSidebarV3 } from './OrSidebar-
|
|
79
|
+
export { s as OrSidebarV3 } from './OrSidebar-3f2502fb.js';
|
|
77
80
|
export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-63914891.js';
|
|
78
81
|
export { s as OrSkeletonCircle } from './OrSkeletonCircle-1aa63444.js';
|
|
79
82
|
export { s as OrSkeletonRect } from './OrSkeletonRect-813bc73a.js';
|
|
@@ -116,7 +119,6 @@ export { u as useResponsive } from './useResponsive-a02e95b7.js';
|
|
|
116
119
|
export { u as useToggle } from './useToggle-c04fc920.js';
|
|
117
120
|
export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
|
|
118
121
|
import { R as RX_ABBREVIATION_FROM_STRING } from './color-40b7fe6b.js';
|
|
119
|
-
export { f as flattenDeep } from './flattenDeep-fe0af413.js';
|
|
120
122
|
import 'vue-demi';
|
|
121
123
|
import 'lodash';
|
|
122
124
|
import 'vue';
|
|
@@ -124,6 +126,7 @@ import './style-inject.es-4c6f2515.js';
|
|
|
124
126
|
import '@vueuse/core';
|
|
125
127
|
import '@splidejs/splide';
|
|
126
128
|
import '@splidejs/splide/dist/css/splide.min.css';
|
|
129
|
+
import './OrFormGroup-9f581536.js';
|
|
127
130
|
import '@codemirror/state';
|
|
128
131
|
import '@codemirror/view';
|
|
129
132
|
import '@codemirror/commands';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "4.3.
|
|
3
|
+
"version": "4.3.14-beta.2689.0",
|
|
4
4
|
"description": "Vue components library for v2/3",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./dist/auto/index.js",
|
|
@@ -153,6 +153,5 @@
|
|
|
153
153
|
"default": "./dist/bundled/v3/components/*/index.js"
|
|
154
154
|
},
|
|
155
155
|
"./package.json": "./package.json"
|
|
156
|
-
}
|
|
157
|
-
"gitHead": "cb8796d591ee4844ee72e3a36f035c0986d29ba5"
|
|
156
|
+
}
|
|
158
157
|
}
|
package/src/components/index.ts
CHANGED
|
@@ -11,6 +11,8 @@ export * from './or-card-v3';
|
|
|
11
11
|
export * from './or-carousel';
|
|
12
12
|
export * from './or-checkbox';
|
|
13
13
|
export * from './or-checkbox-v3';
|
|
14
|
+
export * from './or-checkbox-group-v3';
|
|
15
|
+
export * from './or-checkbox-tree-v3';
|
|
14
16
|
export * from './or-chips';
|
|
15
17
|
export * from './or-code';
|
|
16
18
|
export * from './or-collapse';
|
|
@@ -64,6 +66,7 @@ export * from './or-progress';
|
|
|
64
66
|
export * from './or-progress-v3';
|
|
65
67
|
export * from './or-radio';
|
|
66
68
|
export * from './or-radio-group';
|
|
69
|
+
export * from './or-radio-group-v3';
|
|
67
70
|
export * from './or-radio-v3';
|
|
68
71
|
export * from './or-search';
|
|
69
72
|
export * from './or-search-v3';
|
|
@@ -335,17 +335,17 @@ export default defineComponent({
|
|
|
335
335
|
&-text {
|
|
336
336
|
display: inline-flex;
|
|
337
337
|
flex-direction: row;
|
|
338
|
-
justify-content: start;
|
|
338
|
+
justify-content: flex-start;
|
|
339
339
|
|
|
340
340
|
&-start {
|
|
341
|
+
min-width: 0;
|
|
341
342
|
overflow-x: hidden;
|
|
342
343
|
text-overflow: ellipsis;
|
|
343
|
-
min-width: 0;
|
|
344
344
|
}
|
|
345
345
|
|
|
346
346
|
&:not(&-textarea) {
|
|
347
|
-
white-space: nowrap;
|
|
348
347
|
overflow-x: hidden;
|
|
348
|
+
white-space: nowrap;
|
|
349
349
|
}
|
|
350
350
|
|
|
351
351
|
&-textarea {
|
|
@@ -360,16 +360,16 @@ export default defineComponent({
|
|
|
360
360
|
|
|
361
361
|
&-input,
|
|
362
362
|
&-text {
|
|
363
|
+
flex: 1 1 auto;
|
|
363
364
|
min-width: 114px;
|
|
364
|
-
line-height: $lh-1;
|
|
365
365
|
padding: $s-2 $s-3;
|
|
366
366
|
font-family: inherit;
|
|
367
367
|
font-size: $fs-1;
|
|
368
|
+
line-height: $lh-1;
|
|
368
369
|
background-color: $c-neutral-0;
|
|
369
370
|
border: none;
|
|
370
371
|
border-radius: 4px;
|
|
371
372
|
outline: none;
|
|
372
|
-
flex: 1 1 auto;
|
|
373
373
|
|
|
374
374
|
@include transition(border-color, background-color, -webkit-box-shadow);
|
|
375
375
|
|
|
@@ -407,9 +407,9 @@ export default defineComponent({
|
|
|
407
407
|
.or-icon-button-root {
|
|
408
408
|
z-index: 1;
|
|
409
409
|
::v-deep .or-icon {
|
|
410
|
+
padding: $s-2 0;
|
|
410
411
|
font-size: $s-4;
|
|
411
412
|
line-height: $lh-1;
|
|
412
|
-
padding: $s-2 0;
|
|
413
413
|
}
|
|
414
414
|
}
|
|
415
415
|
}
|