@onereach/ui-components 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/OrDataGrid.js +1 -1
- package/dist/bundled/components/OrDataGridV3/index.js +1 -1
- package/dist/bundled/components/OrDataGridV3/styles.js +1 -1
- package/dist/bundled/components/{OrDataGridV3-0e1b9ec4.js → OrDataGridV3-470e9dd9.js} +8 -4
- package/dist/bundled/components/OrRichTextEditorV3/OrRichTextEditor.js +1 -1
- package/dist/bundled/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +0 -9
- package/dist/bundled/components/OrRichTextEditorV3/index.js +1 -1
- package/dist/bundled/components/OrRichTextEditorV3/props.js +1 -1
- package/dist/bundled/components/OrRichTextEditorV3/styles.js +1 -1
- package/dist/bundled/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js +1 -1
- package/dist/bundled/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js +1 -1
- package/dist/bundled/components/OrRichTextEditorV3/utils/codemirror/index.js +1 -1
- package/dist/bundled/components/OrRichTextEditorV3/utils/codemirror/theme.js +1 -1
- package/dist/bundled/components/OrRichTextEditorV3/utils/markdown.js +1 -1
- package/dist/bundled/components/{OrRichTextEditorV3-d8f48d58.js → OrRichTextEditorV3-4664ec6d.js} +6 -7
- package/dist/bundled/components/index.js +2 -2
- package/dist/bundled/index.js +2 -2
- 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-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue.d.ts +3 -3
- package/dist/esm/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -9
- package/dist/esm/components/or-rich-text-editor-v3/index.js +6 -7
- package/dist/esm/{index-f8564453.js → index-d3978799.js} +10 -9
- package/dist/esm/index.js +1 -1
- package/package.json +3 -3
- package/src/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue +9 -4
- package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +3 -7
- package/src/components/or-rich-text-editor-v3/styles.ts +3 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as default } from '../OrDataGridV3-
|
|
1
|
+
export { s as default } from '../OrDataGridV3-470e9dd9.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-
|
|
1
|
+
export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-470e9dd9.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { a as DataGrid } from '../OrDataGridV3-
|
|
1
|
+
export { a as DataGrid } from '../OrDataGridV3-470e9dd9.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode,
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createSlots, withCtx, createVNode, renderList, createTextVNode, toDisplayString } from 'vue';
|
|
2
2
|
import { s as script$f } from './OrCheckboxV3-775b2227.js';
|
|
3
3
|
import { s as script$g } from './OrDatePickerV3-88930e34.js';
|
|
4
4
|
import { s as script$h } from './OrDateTimePickerV3-cc9fbb4f.js';
|
|
@@ -8,7 +8,6 @@ import { s as script$k } from './OrSelectV3-54d1c522.js';
|
|
|
8
8
|
import { s as script$l } from './OrSwitchV3-89b34d58.js';
|
|
9
9
|
import { s as script$m } from './OrTagInputV3-cb94103b.js';
|
|
10
10
|
import { s as script$n } from './OrTimePickerV3-ca7f3fca.js';
|
|
11
|
-
import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
|
|
12
11
|
import { e as useElementSize } from './OrAutocompleteV3-693d8511.js';
|
|
13
12
|
import { s as script$o } from './OrIconV3-9807ee48.js';
|
|
14
13
|
import { s as script$p } from './OrPaginationV3-df07fe99.js';
|
|
@@ -156,7 +155,7 @@ var script$c = defineComponent({
|
|
|
156
155
|
default: false
|
|
157
156
|
}
|
|
158
157
|
},
|
|
159
|
-
emits: ['update:
|
|
158
|
+
emits: ['update:model-value'],
|
|
160
159
|
expose: ['root'],
|
|
161
160
|
setup(props, context) {
|
|
162
161
|
// Refs & Styles
|
|
@@ -194,7 +193,12 @@ var script$c = defineComponent({
|
|
|
194
193
|
};
|
|
195
194
|
});
|
|
196
195
|
// State
|
|
197
|
-
const model =
|
|
196
|
+
const model = computed({
|
|
197
|
+
get: () => props.modelValue,
|
|
198
|
+
set: value => {
|
|
199
|
+
context.emit('update:model-value', value);
|
|
200
|
+
}
|
|
201
|
+
});
|
|
198
202
|
const control = computed(() => {
|
|
199
203
|
var _a;
|
|
200
204
|
return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { s as default } from '../OrRichTextEditorV3-
|
|
1
|
+
export { s as default } from '../OrRichTextEditorV3-4664ec6d.js';
|
|
@@ -19,10 +19,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
type: PropType<"markdown" | "markup">;
|
|
20
20
|
default: () => Formats;
|
|
21
21
|
};
|
|
22
|
-
fullHeight: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
default: boolean;
|
|
25
|
-
};
|
|
26
22
|
label: {
|
|
27
23
|
type: StringConstructor;
|
|
28
24
|
default: undefined;
|
|
@@ -103,10 +99,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
103
99
|
type: PropType<"markdown" | "markup">;
|
|
104
100
|
default: () => Formats;
|
|
105
101
|
};
|
|
106
|
-
fullHeight: {
|
|
107
|
-
type: BooleanConstructor;
|
|
108
|
-
default: boolean;
|
|
109
|
-
};
|
|
110
102
|
label: {
|
|
111
103
|
type: StringConstructor;
|
|
112
104
|
default: undefined;
|
|
@@ -140,7 +132,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
140
132
|
toolbar: Tools;
|
|
141
133
|
autofocus: boolean;
|
|
142
134
|
format: "markdown" | "markup";
|
|
143
|
-
fullHeight: boolean;
|
|
144
135
|
label: string;
|
|
145
136
|
placeholder: string;
|
|
146
137
|
hint: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-
|
|
1
|
+
export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-4664ec6d.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { F as Formats, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-
|
|
1
|
+
export { F as Formats, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-4664ec6d.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { b as RichTextEditor, e as RichTextEditorControl, c as RichTextEditorToolbar, d as RichTextEditorToolbarGroup } from '../OrRichTextEditorV3-
|
|
1
|
+
export { b as RichTextEditor, e as RichTextEditorControl, c as RichTextEditorToolbar, d as RichTextEditorToolbarGroup } from '../OrRichTextEditorV3-4664ec6d.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { h as default } from '../../../OrRichTextEditorV3-
|
|
1
|
+
export { h as default } from '../../../OrRichTextEditorV3-4664ec6d.js';
|
|
2
2
|
import '../../../OrCode-091c4960.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as default } from '../../../OrRichTextEditorV3-
|
|
1
|
+
export { C as default } from '../../../OrRichTextEditorV3-4664ec6d.js';
|
|
2
2
|
import '../../../OrCode-091c4960.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-
|
|
1
|
+
export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-4664ec6d.js';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../../../OrCode-091c4960.js';
|
|
2
2
|
import '../../../../hooks/useTheme.js';
|
|
3
|
-
export { f as color, t as default, g as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-
|
|
3
|
+
export { f as color, t as default, g as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-4664ec6d.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { j as deserialize, i as serialize } from '../../OrRichTextEditorV3-
|
|
1
|
+
export { j as deserialize, i as serialize } from '../../OrRichTextEditorV3-4664ec6d.js';
|
package/dist/bundled/components/{OrRichTextEditorV3-d8f48d58.js → OrRichTextEditorV3-4664ec6d.js}
RENAMED
|
@@ -21152,7 +21152,9 @@ const RichTextEditorToolbarGroup = [
|
|
|
21152
21152
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
|
|
21153
21153
|
const RichTextEditorControl = [
|
|
21154
21154
|
// Typography
|
|
21155
|
-
'typography-body-2-regular'
|
|
21155
|
+
'typography-body-2-regular',
|
|
21156
|
+
// Size
|
|
21157
|
+
'h-full'];
|
|
21156
21158
|
|
|
21157
21159
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
21158
21160
|
const themes = useTheme();
|
|
@@ -29018,10 +29020,6 @@ var script = defineComponent({
|
|
|
29018
29020
|
type: String,
|
|
29019
29021
|
default: () => Formats.Markup
|
|
29020
29022
|
},
|
|
29021
|
-
fullHeight: {
|
|
29022
|
-
type: Boolean,
|
|
29023
|
-
default: false
|
|
29024
|
-
},
|
|
29025
29023
|
label: {
|
|
29026
29024
|
type: String,
|
|
29027
29025
|
default: undefined
|
|
@@ -29184,7 +29182,7 @@ var script = defineComponent({
|
|
|
29184
29182
|
})],
|
|
29185
29183
|
editorProps: {
|
|
29186
29184
|
attributes: {
|
|
29187
|
-
class: 'flex flex-col focus:outline-none gap-xs'
|
|
29185
|
+
class: 'flex flex-col focus:outline-none gap-xs h-full'
|
|
29188
29186
|
}
|
|
29189
29187
|
},
|
|
29190
29188
|
parseOptions: {
|
|
@@ -29440,7 +29438,7 @@ var script = defineComponent({
|
|
|
29440
29438
|
const _hoisted_1 = ["disabled"];
|
|
29441
29439
|
const _hoisted_2 = ["disabled"];
|
|
29442
29440
|
const _hoisted_3 = {
|
|
29443
|
-
class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]'])
|
|
29441
|
+
class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full'])
|
|
29444
29442
|
};
|
|
29445
29443
|
const _hoisted_4 = ["activated"];
|
|
29446
29444
|
const _hoisted_5 = {
|
|
@@ -29478,6 +29476,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
29478
29476
|
_: 3 /* FORWARDED */
|
|
29479
29477
|
}, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
|
|
29480
29478
|
ref: 'containerRef',
|
|
29479
|
+
class: "grow",
|
|
29481
29480
|
direction: 'column',
|
|
29482
29481
|
invalid: !!_ctx.error,
|
|
29483
29482
|
disabled: _ctx.disabled,
|
|
@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-0a50eec6.js';
|
|
|
24
24
|
export { s as OrConfirm } from './OrConfirm-ca91ff42.js';
|
|
25
25
|
export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-0d637165.js';
|
|
26
26
|
export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
|
|
27
|
-
export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-
|
|
27
|
+
export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-470e9dd9.js';
|
|
28
28
|
export { s as OrDateFormatV3 } from './OrDateFormatV3-c7e34acd.js';
|
|
29
29
|
export { s as OrDatePickerV3 } from './OrDatePickerV3-88930e34.js';
|
|
30
30
|
export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-edd29986.js';
|
|
@@ -87,7 +87,7 @@ export { s as OrRadioV3 } from './OrRadioV3-24091b7e.js';
|
|
|
87
87
|
export { s as OrRangeSliderV3 } from './OrRangeSliderV3-0954d4ec.js';
|
|
88
88
|
export { s as OrRatingV3, R as RatingVariant } from './OrRatingV3-2a906a67.js';
|
|
89
89
|
export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanelV3-8098fbf3.js';
|
|
90
|
-
export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './OrRichTextEditorV3-
|
|
90
|
+
export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './OrRichTextEditorV3-4664ec6d.js';
|
|
91
91
|
export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './OrRichTooltipV3-1c3321db.js';
|
|
92
92
|
export { default as OrSearch } from './OrSearch/OrSearch.js';
|
|
93
93
|
export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
|
package/dist/bundled/index.js
CHANGED
|
@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-0a50eec6.
|
|
|
16
16
|
export { s as OrConfirm } from './components/OrConfirm-ca91ff42.js';
|
|
17
17
|
export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-0d637165.js';
|
|
18
18
|
export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
|
|
19
|
-
export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-
|
|
19
|
+
export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-470e9dd9.js';
|
|
20
20
|
export { s as OrDateFormatV3 } from './components/OrDateFormatV3-c7e34acd.js';
|
|
21
21
|
export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-edd29986.js';
|
|
22
22
|
export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-53a0f41c.js';
|
|
@@ -44,7 +44,7 @@ export { s as OrRadio } from './components/OrRadio-30e01fc0.js';
|
|
|
44
44
|
export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.js';
|
|
45
45
|
export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
|
|
46
46
|
export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-0954d4ec.js';
|
|
47
|
-
export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './components/OrRichTextEditorV3-
|
|
47
|
+
export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './components/OrRichTextEditorV3-4664ec6d.js';
|
|
48
48
|
export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './components/OrRichTooltipV3-1c3321db.js';
|
|
49
49
|
export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-5db203ab.js';
|
|
50
50
|
export { s as OrSelect } from './components/OrSelect-2966f641.js';
|
|
@@ -33,7 +33,7 @@ export { OrConfirm } from './or-confirm/index.js';
|
|
|
33
33
|
export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
|
|
34
34
|
export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
|
|
35
35
|
export { OrDataGridV3 } from './or-data-grid-v3/index.js';
|
|
36
|
-
export { D as DataGridVariant } from '../index-
|
|
36
|
+
export { D as DataGridVariant } from '../index-d3978799.js';
|
|
37
37
|
export { OrDateFormatV3 } from './or-date-format-v3/index.js';
|
|
38
38
|
export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
|
|
39
39
|
export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
|
|
@@ -5,7 +5,7 @@ import { OrSearchV3 as script$h } from '../or-search-v3/index.js';
|
|
|
5
5
|
import '../or-skeleton-v3/or-skeleton-circle-v3/index.js';
|
|
6
6
|
import '../or-skeleton-v3/or-skeleton-rect-v3/index.js';
|
|
7
7
|
import { OrSkeletonTextV3 as script$i } from '../or-skeleton-v3/or-skeleton-text-v3/index.js';
|
|
8
|
-
import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from '../../index-
|
|
8
|
+
import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from '../../index-d3978799.js';
|
|
9
9
|
import '../../useIdAttribute-1a4eafac.js';
|
|
10
10
|
import '../../types/index.js';
|
|
11
11
|
import '../../include-a6208502.js';
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export { s 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 { s 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-d3978799.js';
|
|
2
2
|
import 'vue';
|
|
3
|
+
import '../../or-checkbox-v3/index.js';
|
|
4
|
+
import '../../../useIdAttribute-1a4eafac.js';
|
|
3
5
|
import '../../../types/index.js';
|
|
6
|
+
import '../../../include-a6208502.js';
|
|
4
7
|
import '../../../dom-11141778.js';
|
|
5
8
|
import 'lodash/get';
|
|
6
9
|
import 'lodash/isElement';
|
|
10
|
+
import '../../../isArray-135d4ff2.js';
|
|
11
|
+
import '../../../isUndefined-f78f2fdc.js';
|
|
7
12
|
import '@vueuse/core';
|
|
8
13
|
import '../../../useProxyModelValue-55ed539b.js';
|
|
9
14
|
import '@onereach/styles/screens.json';
|
|
10
15
|
import '@onereach/styles/tailwind.config.json';
|
|
11
|
-
import '../../or-checkbox-v3/index.js';
|
|
12
|
-
import '../../../useIdAttribute-1a4eafac.js';
|
|
13
|
-
import '../../../include-a6208502.js';
|
|
14
|
-
import '../../../isArray-135d4ff2.js';
|
|
15
|
-
import '../../../isUndefined-f78f2fdc.js';
|
|
16
16
|
import '../../or-label-v3/index.js';
|
|
17
17
|
import '../../or-date-picker-v3/index.js';
|
|
18
18
|
import '../../../directives/index.js';
|
|
@@ -21,12 +21,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
21
|
root: import("vue").Ref<HTMLElement | undefined>;
|
|
22
22
|
rootStyles: import("vue").ComputedRef<string[]>;
|
|
23
23
|
rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
|
|
24
|
-
model: import("
|
|
24
|
+
model: import("vue").WritableComputedRef<any>;
|
|
25
25
|
control: import("vue").ComputedRef<{
|
|
26
26
|
type: "number" | "text" | "rating" | "select" | "checkbox" | "switch" | "date" | "time" | "datetime" | "tags";
|
|
27
27
|
options?: import("../../../or-select-v3").SelectItem[] | undefined;
|
|
28
28
|
} | undefined>;
|
|
29
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:
|
|
29
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
30
30
|
modelValue: {
|
|
31
31
|
type: PropType<any>;
|
|
32
32
|
default: undefined;
|
|
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
44
44
|
default: boolean;
|
|
45
45
|
};
|
|
46
46
|
}>> & {
|
|
47
|
-
"onUpdate:
|
|
47
|
+
"onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
|
|
48
48
|
}, {
|
|
49
49
|
modelValue: any;
|
|
50
50
|
column: DataGridColumn;
|
|
@@ -19,10 +19,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
19
|
type: PropType<"markdown" | "markup">;
|
|
20
20
|
default: () => Formats;
|
|
21
21
|
};
|
|
22
|
-
fullHeight: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
default: boolean;
|
|
25
|
-
};
|
|
26
22
|
label: {
|
|
27
23
|
type: StringConstructor;
|
|
28
24
|
default: undefined;
|
|
@@ -103,10 +99,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
103
99
|
type: PropType<"markdown" | "markup">;
|
|
104
100
|
default: () => Formats;
|
|
105
101
|
};
|
|
106
|
-
fullHeight: {
|
|
107
|
-
type: BooleanConstructor;
|
|
108
|
-
default: boolean;
|
|
109
|
-
};
|
|
110
102
|
label: {
|
|
111
103
|
type: StringConstructor;
|
|
112
104
|
default: undefined;
|
|
@@ -140,7 +132,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
140
132
|
toolbar: Tools;
|
|
141
133
|
autofocus: boolean;
|
|
142
134
|
format: "markdown" | "markup";
|
|
143
|
-
fullHeight: boolean;
|
|
144
135
|
label: string;
|
|
145
136
|
placeholder: string;
|
|
146
137
|
hint: string;
|
|
@@ -132,7 +132,9 @@ const RichTextEditorToolbarGroup = [
|
|
|
132
132
|
'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
|
|
133
133
|
const RichTextEditorControl = [
|
|
134
134
|
// Typography
|
|
135
|
-
'typography-body-2-regular'
|
|
135
|
+
'typography-body-2-regular',
|
|
136
|
+
// Size
|
|
137
|
+
'h-full'];
|
|
136
138
|
|
|
137
139
|
var codemirrorNode = Node.create({
|
|
138
140
|
name: 'codeBlock',
|
|
@@ -282,10 +284,6 @@ var script = defineComponent({
|
|
|
282
284
|
type: String,
|
|
283
285
|
default: () => Formats.Markup
|
|
284
286
|
},
|
|
285
|
-
fullHeight: {
|
|
286
|
-
type: Boolean,
|
|
287
|
-
default: false
|
|
288
|
-
},
|
|
289
287
|
label: {
|
|
290
288
|
type: String,
|
|
291
289
|
default: undefined
|
|
@@ -448,7 +446,7 @@ var script = defineComponent({
|
|
|
448
446
|
})],
|
|
449
447
|
editorProps: {
|
|
450
448
|
attributes: {
|
|
451
|
-
class: 'flex flex-col focus:outline-none gap-xs'
|
|
449
|
+
class: 'flex flex-col focus:outline-none gap-xs h-full'
|
|
452
450
|
}
|
|
453
451
|
},
|
|
454
452
|
parseOptions: {
|
|
@@ -704,7 +702,7 @@ var script = defineComponent({
|
|
|
704
702
|
const _hoisted_1 = ["disabled"];
|
|
705
703
|
const _hoisted_2 = ["disabled"];
|
|
706
704
|
const _hoisted_3 = {
|
|
707
|
-
class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]'])
|
|
705
|
+
class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full'])
|
|
708
706
|
};
|
|
709
707
|
const _hoisted_4 = ["activated"];
|
|
710
708
|
const _hoisted_5 = {
|
|
@@ -742,6 +740,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
742
740
|
_: 3 /* FORWARDED */
|
|
743
741
|
}, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
|
|
744
742
|
ref: 'containerRef',
|
|
743
|
+
class: "grow",
|
|
745
744
|
direction: 'column',
|
|
746
745
|
invalid: !!_ctx.error,
|
|
747
746
|
disabled: _ctx.disabled,
|
|
@@ -1,20 +1,16 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode,
|
|
2
|
-
import './types/index.js';
|
|
3
|
-
import './dom-11141778.js';
|
|
4
|
-
import { useElementSize } from '@vueuse/core';
|
|
5
|
-
import { u as useProxyModelValue } from './useProxyModelValue-55ed539b.js';
|
|
6
|
-
import '@onereach/styles/screens.json';
|
|
7
|
-
import '@onereach/styles/tailwind.config.json';
|
|
1
|
+
import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode } from 'vue';
|
|
8
2
|
import { OrCheckboxV3 as script$e } from './components/or-checkbox-v3/index.js';
|
|
9
3
|
import { OrDatePickerV3 as script$f } from './components/or-date-picker-v3/index.js';
|
|
10
4
|
import { s as script$g } from './OrDateTimePicker-2bdd4140.js';
|
|
11
5
|
import './components/or-date-time-picker-v3/partials/index.js';
|
|
6
|
+
import './types/index.js';
|
|
12
7
|
import { OrInputV3 as script$h } from './components/or-input-v3/index.js';
|
|
13
8
|
import { OrRatingV3 as script$i } from './components/or-rating-v3/index.js';
|
|
14
9
|
import { OrSelectV3 as script$j } from './components/or-select-v3/index.js';
|
|
15
10
|
import { OrSwitchV3 as script$k } from './components/or-switch-v3/index.js';
|
|
16
11
|
import { OrTagInputV3 as script$l } from './components/or-tag-input-v3/index.js';
|
|
17
12
|
import { OrTimePickerV3 as script$m } from './components/or-time-picker-v3/index.js';
|
|
13
|
+
import { useElementSize } from '@vueuse/core';
|
|
18
14
|
import { OrIconV3 as script$n } from './components/or-icon-v3/index.js';
|
|
19
15
|
|
|
20
16
|
const DataGridFooter = [
|
|
@@ -158,7 +154,7 @@ var script$b = defineComponent({
|
|
|
158
154
|
default: false
|
|
159
155
|
}
|
|
160
156
|
},
|
|
161
|
-
emits: ['update:
|
|
157
|
+
emits: ['update:model-value'],
|
|
162
158
|
expose: ['root'],
|
|
163
159
|
setup(props, context) {
|
|
164
160
|
// Refs & Styles
|
|
@@ -196,7 +192,12 @@ var script$b = defineComponent({
|
|
|
196
192
|
};
|
|
197
193
|
});
|
|
198
194
|
// State
|
|
199
|
-
const model =
|
|
195
|
+
const model = computed({
|
|
196
|
+
get: () => props.modelValue,
|
|
197
|
+
set: value => {
|
|
198
|
+
context.emit('update:model-value', value);
|
|
199
|
+
}
|
|
200
|
+
});
|
|
200
201
|
const control = computed(() => {
|
|
201
202
|
var _a;
|
|
202
203
|
return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
|
package/dist/esm/index.js
CHANGED
|
@@ -33,7 +33,7 @@ export { OrConfirm } from './components/or-confirm/index.js';
|
|
|
33
33
|
export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
|
|
34
34
|
export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
|
|
35
35
|
export { OrDataGridV3 } from './components/or-data-grid-v3/index.js';
|
|
36
|
-
export { D as DataGridVariant } from './index-
|
|
36
|
+
export { D as DataGridVariant } from './index-d3978799.js';
|
|
37
37
|
export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
|
|
38
38
|
export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
|
|
39
39
|
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",
|
|
3
|
-
"version": "19.1.
|
|
3
|
+
"version": "19.1.2",
|
|
4
4
|
"npmUnpacked": "4.15.2",
|
|
5
5
|
"description": "Vue components library for v3",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@codemirror/view": "^6",
|
|
34
34
|
"@floating-ui/dom": "1.5.3",
|
|
35
35
|
"@lezer/highlight": "*",
|
|
36
|
-
"@onereach/styles": "^19.1.
|
|
36
|
+
"@onereach/styles": "^19.1.2",
|
|
37
37
|
"@splidejs/splide": "4.0.6",
|
|
38
38
|
"@tiptap/core": "2.0.3",
|
|
39
39
|
"@tiptap/extension-blockquote": "2.0.3",
|
|
@@ -141,5 +141,5 @@
|
|
|
141
141
|
},
|
|
142
142
|
"./package.json": "./package.json"
|
|
143
143
|
},
|
|
144
|
-
"gitHead": "
|
|
144
|
+
"gitHead": "8b437ff1c8d7de5c81d26e493a2735fff0128961"
|
|
145
145
|
}
|
|
@@ -93,8 +93,7 @@
|
|
|
93
93
|
</template>
|
|
94
94
|
|
|
95
95
|
<script lang="ts">
|
|
96
|
-
import { PropType, computed, defineComponent, ref
|
|
97
|
-
import { useProxyModelValue } from '../../../../hooks';
|
|
96
|
+
import { PropType, computed, defineComponent, ref } from 'vue';
|
|
98
97
|
import { OrCheckboxV3 as OrCheckbox } from '../../../or-checkbox-v3';
|
|
99
98
|
import { OrDatePickerV3 as OrDatePicker } from '../../../or-date-picker-v3';
|
|
100
99
|
import { OrDateTimePickerV3 as OrDateTimePicker } from '../../../or-date-time-picker-v3';
|
|
@@ -150,7 +149,7 @@ export default defineComponent({
|
|
|
150
149
|
},
|
|
151
150
|
|
|
152
151
|
emits: [
|
|
153
|
-
'update:
|
|
152
|
+
'update:model-value',
|
|
154
153
|
],
|
|
155
154
|
|
|
156
155
|
expose: [
|
|
@@ -200,7 +199,13 @@ export default defineComponent({
|
|
|
200
199
|
});
|
|
201
200
|
|
|
202
201
|
// State
|
|
203
|
-
const model =
|
|
202
|
+
const model = computed({
|
|
203
|
+
get: () => props.modelValue,
|
|
204
|
+
|
|
205
|
+
set: (value) => {
|
|
206
|
+
context.emit('update:model-value', value);
|
|
207
|
+
},
|
|
208
|
+
});
|
|
204
209
|
|
|
205
210
|
const control = computed(() => {
|
|
206
211
|
return props.column?.control;
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
|
|
22
22
|
<OrInputBox
|
|
23
23
|
:ref="'containerRef'"
|
|
24
|
+
class="grow"
|
|
24
25
|
:direction="'column'"
|
|
25
26
|
:invalid="!!error"
|
|
26
27
|
:disabled="disabled"
|
|
@@ -73,7 +74,7 @@
|
|
|
73
74
|
/>
|
|
74
75
|
</div>
|
|
75
76
|
|
|
76
|
-
<div :class="['p-sm', 'overflow-auto', 'min-h-[88px]']">
|
|
77
|
+
<div :class="['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']">
|
|
77
78
|
<textarea
|
|
78
79
|
v-show="disableMarkdown"
|
|
79
80
|
:ref="'textareaRef'"
|
|
@@ -270,11 +271,6 @@ export default defineComponent({
|
|
|
270
271
|
default: () => Formats.Markup,
|
|
271
272
|
},
|
|
272
273
|
|
|
273
|
-
fullHeight: {
|
|
274
|
-
type: Boolean,
|
|
275
|
-
default: false,
|
|
276
|
-
},
|
|
277
|
-
|
|
278
274
|
label: {
|
|
279
275
|
type: String,
|
|
280
276
|
default: undefined,
|
|
@@ -467,7 +463,7 @@ export default defineComponent({
|
|
|
467
463
|
],
|
|
468
464
|
editorProps: {
|
|
469
465
|
attributes: {
|
|
470
|
-
class: 'flex flex-col focus:outline-none gap-xs',
|
|
466
|
+
class: 'flex flex-col focus:outline-none gap-xs h-full',
|
|
471
467
|
},
|
|
472
468
|
},
|
|
473
469
|
parseOptions: {
|