@onereach/ui-components-vue2 19.1.0 → 19.1.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/dist/bundled/components/OrDataGridV3/index.js +8 -4
- package/dist/bundled/components/OrRichTextEditorV3/OrRichTextEditor.js +3 -6
- package/dist/bundled/components/OrRichTextEditorV3/styles.js +3 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/or-data-grid-v3/index.js +1 -1
- package/dist/esm/components/or-data-grid-v3/partials/index.js +6 -6
- package/dist/esm/components/or-rich-text-editor-v3/index.js +6 -7
- package/dist/esm/{index-4e09dbe7.js → index-5cb18aae.js} +10 -9
- package/dist/esm/index.js +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, computed,
|
|
1
|
+
import { defineComponent, ref, computed, watch } from 'vue-demi';
|
|
2
2
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
3
3
|
import __vue_component__$t from '../OrCheckboxV3/OrCheckbox.js';
|
|
4
4
|
import __vue_component__$u from '../OrDatePickerV3/OrDatePicker.js';
|
|
@@ -9,7 +9,6 @@ import __vue_component__$y from '../OrSelectV3/OrSelect.js';
|
|
|
9
9
|
import __vue_component__$z from '../OrSwitchV3/OrSwitch.js';
|
|
10
10
|
import __vue_component__$A from '../OrTagInputV3/OrTagInput.js';
|
|
11
11
|
import __vue_component__$B from '../OrTimePickerV3/OrTimePicker.js';
|
|
12
|
-
import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
|
|
13
12
|
import { p as useElementSize } from '../../index-fe4d407a.js';
|
|
14
13
|
import __vue_component__$C from '../OrIconV3/OrIcon.js';
|
|
15
14
|
import { DataGrid } from './styles.js';
|
|
@@ -202,7 +201,7 @@ var script$c = defineComponent({
|
|
|
202
201
|
default: false
|
|
203
202
|
}
|
|
204
203
|
},
|
|
205
|
-
emits: ['update:
|
|
204
|
+
emits: ['update:model-value'],
|
|
206
205
|
expose: ['root'],
|
|
207
206
|
setup(props, context) {
|
|
208
207
|
// Refs & Styles
|
|
@@ -240,7 +239,12 @@ var script$c = defineComponent({
|
|
|
240
239
|
};
|
|
241
240
|
});
|
|
242
241
|
// State
|
|
243
|
-
const model =
|
|
242
|
+
const model = computed({
|
|
243
|
+
get: () => props.modelValue,
|
|
244
|
+
set: value => {
|
|
245
|
+
context.emit('update:model-value', value);
|
|
246
|
+
}
|
|
247
|
+
});
|
|
244
248
|
const control = computed(() => {
|
|
245
249
|
var _a;
|
|
246
250
|
return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
|
|
@@ -258,10 +258,6 @@ var script = defineComponent({
|
|
|
258
258
|
type: String,
|
|
259
259
|
default: () => Formats.Markup
|
|
260
260
|
},
|
|
261
|
-
fullHeight: {
|
|
262
|
-
type: Boolean,
|
|
263
|
-
default: false
|
|
264
|
-
},
|
|
265
261
|
label: {
|
|
266
262
|
type: String,
|
|
267
263
|
default: undefined
|
|
@@ -424,7 +420,7 @@ var script = defineComponent({
|
|
|
424
420
|
})],
|
|
425
421
|
editorProps: {
|
|
426
422
|
attributes: {
|
|
427
|
-
class: 'flex flex-col focus:outline-none gap-xs'
|
|
423
|
+
class: 'flex flex-col focus:outline-none gap-xs h-full'
|
|
428
424
|
}
|
|
429
425
|
},
|
|
430
426
|
parseOptions: {
|
|
@@ -707,6 +703,7 @@ var __vue_render__ = function () {
|
|
|
707
703
|
return [_vm._v("\n " + _vm._s(_vm.label) + "\n ")];
|
|
708
704
|
})], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
|
|
709
705
|
ref: 'containerRef',
|
|
706
|
+
staticClass: "grow",
|
|
710
707
|
attrs: {
|
|
711
708
|
"direction": 'column',
|
|
712
709
|
"invalid": !!_vm.error,
|
|
@@ -794,7 +791,7 @@ var __vue_render__ = function () {
|
|
|
794
791
|
}
|
|
795
792
|
}
|
|
796
793
|
}) : _vm._e()], 2), _vm._v(" "), _c('div', {
|
|
797
|
-
class: ['p-sm', 'overflow-auto', 'min-h-[88px]']
|
|
794
|
+
class: ['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']
|
|
798
795
|
}, [_c('textarea', {
|
|
799
796
|
directives: [{
|
|
800
797
|
name: "show",
|
|
@@ -21,6 +21,8 @@ const RichTextEditorToolbarGroup = [
|
|
|
21
21
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
|
|
22
22
|
const RichTextEditorControl = [
|
|
23
23
|
// Typography
|
|
24
|
-
'typography-body-2-regular'
|
|
24
|
+
'typography-body-2-regular',
|
|
25
|
+
// Size
|
|
26
|
+
'h-full'];
|
|
25
27
|
|
|
26
28
|
export { RichTextEditor, RichTextEditorControl, RichTextEditorToolbar, RichTextEditorToolbarGroup };
|
|
@@ -35,7 +35,7 @@ export { OrConfirm } from './or-confirm/index.js';
|
|
|
35
35
|
export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
|
|
36
36
|
export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
|
|
37
37
|
export { OrDataGridV3 } from './or-data-grid-v3/index.js';
|
|
38
|
-
export { D as DataGridVariant } from '../index-
|
|
38
|
+
export { D as DataGridVariant } from '../index-5cb18aae.js';
|
|
39
39
|
export { OrDateFormatV3 } from './or-date-format-v3/index.js';
|
|
40
40
|
export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
|
|
41
41
|
export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
|
|
@@ -5,7 +5,7 @@ import { OrSearchV3 as __vue_component__$h } from '../or-search-v3/index.js';
|
|
|
5
5
|
import '../../OrSkeletonCircle.vue_rollup-plugin-vue_script-373399b7.js';
|
|
6
6
|
import '../../OrSkeletonRect.vue_rollup-plugin-vue_script-99ae0828.js';
|
|
7
7
|
import { OrSkeletonTextV3 as __vue_component__$i } from '../or-skeleton-v3/or-skeleton-text-v3/index.js';
|
|
8
|
-
import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from '../../index-
|
|
8
|
+
import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from '../../index-5cb18aae.js';
|
|
9
9
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
10
10
|
import '../../useIdAttribute-524b67c6.js';
|
|
11
11
|
import '../../types/index.js';
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-
|
|
1
|
+
export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-5cb18aae.js';
|
|
2
2
|
import 'vue-demi';
|
|
3
3
|
import '../../../normalize-component-cf2db48b.js';
|
|
4
|
+
import '../../or-checkbox-v3/index.js';
|
|
5
|
+
import '../../../useIdAttribute-524b67c6.js';
|
|
4
6
|
import '../../../types/index.js';
|
|
7
|
+
import '../../../include-a6208502.js';
|
|
5
8
|
import '../../../dom-11141778.js';
|
|
6
9
|
import 'lodash/get';
|
|
7
10
|
import 'lodash/isElement';
|
|
11
|
+
import '../../../isArray-135d4ff2.js';
|
|
12
|
+
import '../../../isUndefined-f78f2fdc.js';
|
|
8
13
|
import '@vueuse/core';
|
|
9
14
|
import '../../../useProxyModelValue-42e265dd.js';
|
|
10
15
|
import '@onereach/styles/screens.json';
|
|
11
16
|
import '@onereach/styles/tailwind.config.json';
|
|
12
|
-
import '../../or-checkbox-v3/index.js';
|
|
13
|
-
import '../../../useIdAttribute-524b67c6.js';
|
|
14
|
-
import '../../../include-a6208502.js';
|
|
15
|
-
import '../../../isArray-135d4ff2.js';
|
|
16
|
-
import '../../../isUndefined-f78f2fdc.js';
|
|
17
17
|
import '../../or-label-v3/index.js';
|
|
18
18
|
import '../../or-date-picker-v3/index.js';
|
|
19
19
|
import '../../../directives/index.js';
|
|
@@ -136,7 +136,9 @@ const RichTextEditorToolbarGroup = [
|
|
|
136
136
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
|
|
137
137
|
const RichTextEditorControl = [
|
|
138
138
|
// Typography
|
|
139
|
-
'typography-body-2-regular'
|
|
139
|
+
'typography-body-2-regular',
|
|
140
|
+
// Size
|
|
141
|
+
'h-full'];
|
|
140
142
|
|
|
141
143
|
var codemirrorNode = Node.create({
|
|
142
144
|
name: 'codeBlock',
|
|
@@ -286,10 +288,6 @@ var script = defineComponent({
|
|
|
286
288
|
type: String,
|
|
287
289
|
default: () => Formats.Markup
|
|
288
290
|
},
|
|
289
|
-
fullHeight: {
|
|
290
|
-
type: Boolean,
|
|
291
|
-
default: false
|
|
292
|
-
},
|
|
293
291
|
label: {
|
|
294
292
|
type: String,
|
|
295
293
|
default: undefined
|
|
@@ -452,7 +450,7 @@ var script = defineComponent({
|
|
|
452
450
|
})],
|
|
453
451
|
editorProps: {
|
|
454
452
|
attributes: {
|
|
455
|
-
class: 'flex flex-col focus:outline-none gap-xs'
|
|
453
|
+
class: 'flex flex-col focus:outline-none gap-xs h-full'
|
|
456
454
|
}
|
|
457
455
|
},
|
|
458
456
|
parseOptions: {
|
|
@@ -735,6 +733,7 @@ var __vue_render__ = function () {
|
|
|
735
733
|
return [_vm._v("\n " + _vm._s(_vm.label) + "\n ")];
|
|
736
734
|
})], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
|
|
737
735
|
ref: 'containerRef',
|
|
736
|
+
staticClass: "grow",
|
|
738
737
|
attrs: {
|
|
739
738
|
"direction": 'column',
|
|
740
739
|
"invalid": !!_vm.error,
|
|
@@ -822,7 +821,7 @@ var __vue_render__ = function () {
|
|
|
822
821
|
}
|
|
823
822
|
}
|
|
824
823
|
}) : _vm._e()], 2), _vm._v(" "), _c('div', {
|
|
825
|
-
class: ['p-sm', 'overflow-auto', 'min-h-[88px]']
|
|
824
|
+
class: ['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']
|
|
826
825
|
}, [_c('textarea', {
|
|
827
826
|
directives: [{
|
|
828
827
|
name: "show",
|
|
@@ -1,21 +1,17 @@
|
|
|
1
|
-
import { defineComponent, ref, computed,
|
|
1
|
+
import { defineComponent, ref, computed, watch } from 'vue-demi';
|
|
2
2
|
import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
|
|
3
|
-
import './types/index.js';
|
|
4
|
-
import './dom-11141778.js';
|
|
5
|
-
import { useElementSize } from '@vueuse/core';
|
|
6
|
-
import { u as useProxyModelValue } from './useProxyModelValue-42e265dd.js';
|
|
7
|
-
import '@onereach/styles/screens.json';
|
|
8
|
-
import '@onereach/styles/tailwind.config.json';
|
|
9
3
|
import { OrCheckboxV3 as __vue_component__$e } from './components/or-checkbox-v3/index.js';
|
|
10
4
|
import { OrDatePickerV3 as __vue_component__$f } from './components/or-date-picker-v3/index.js';
|
|
11
5
|
import { _ as __vue_component__$g } from './OrDateTimePicker-a35cc5b7.js';
|
|
12
6
|
import './components/or-date-time-picker-v3/partials/index.js';
|
|
7
|
+
import './types/index.js';
|
|
13
8
|
import { OrInputV3 as __vue_component__$h } from './components/or-input-v3/index.js';
|
|
14
9
|
import { OrRatingV3 as __vue_component__$i } from './components/or-rating-v3/index.js';
|
|
15
10
|
import { OrSelectV3 as __vue_component__$j } from './components/or-select-v3/index.js';
|
|
16
11
|
import { OrSwitchV3 as __vue_component__$k } from './components/or-switch-v3/index.js';
|
|
17
12
|
import { OrTagInputV3 as __vue_component__$l } from './components/or-tag-input-v3/index.js';
|
|
18
13
|
import { OrTimePickerV3 as __vue_component__$m } from './components/or-time-picker-v3/index.js';
|
|
14
|
+
import { useElementSize } from '@vueuse/core';
|
|
19
15
|
import { OrIconV3 as __vue_component__$n } from './components/or-icon-v3/index.js';
|
|
20
16
|
|
|
21
17
|
const DataGridFooter = [
|
|
@@ -201,7 +197,7 @@ var script$b = defineComponent({
|
|
|
201
197
|
default: false
|
|
202
198
|
}
|
|
203
199
|
},
|
|
204
|
-
emits: ['update:
|
|
200
|
+
emits: ['update:model-value'],
|
|
205
201
|
expose: ['root'],
|
|
206
202
|
setup(props, context) {
|
|
207
203
|
// Refs & Styles
|
|
@@ -239,7 +235,12 @@ var script$b = defineComponent({
|
|
|
239
235
|
};
|
|
240
236
|
});
|
|
241
237
|
// State
|
|
242
|
-
const model =
|
|
238
|
+
const model = computed({
|
|
239
|
+
get: () => props.modelValue,
|
|
240
|
+
set: value => {
|
|
241
|
+
context.emit('update:model-value', value);
|
|
242
|
+
}
|
|
243
|
+
});
|
|
243
244
|
const control = computed(() => {
|
|
244
245
|
var _a;
|
|
245
246
|
return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
|
package/dist/esm/index.js
CHANGED
|
@@ -35,7 +35,7 @@ export { OrConfirm } from './components/or-confirm/index.js';
|
|
|
35
35
|
export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
|
|
36
36
|
export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
|
|
37
37
|
export { OrDataGridV3 } from './components/or-data-grid-v3/index.js';
|
|
38
|
-
export { D as DataGridVariant } from './index-
|
|
38
|
+
export { D as DataGridVariant } from './index-5cb18aae.js';
|
|
39
39
|
export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
|
|
40
40
|
export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
|
|
41
41
|
export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components-vue2",
|
|
3
|
-
"version": "19.1.
|
|
3
|
+
"version": "19.1.2",
|
|
4
4
|
"npmUnpacked": "4.15.2",
|
|
5
5
|
"description": "Vue components library for v2",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"@codemirror/view": "^6",
|
|
36
36
|
"@floating-ui/dom": "1.5.3",
|
|
37
37
|
"@lezer/highlight": "*",
|
|
38
|
-
"@onereach/styles": "^19.1.
|
|
38
|
+
"@onereach/styles": "^19.1.2",
|
|
39
39
|
"@splidejs/splide": "4.0.6",
|
|
40
40
|
"@tiptap/core": "2.0.3",
|
|
41
41
|
"@tiptap/extension-blockquote": "2.0.3",
|
|
@@ -134,5 +134,5 @@
|
|
|
134
134
|
"default": "./dist/bundled/components/*/index.js"
|
|
135
135
|
}
|
|
136
136
|
},
|
|
137
|
-
"gitHead": "
|
|
137
|
+
"gitHead": "8b437ff1c8d7de5c81d26e493a2735fff0128961"
|
|
138
138
|
}
|