@onereach/ui-components-vue2 21.0.0 → 21.1.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.
|
@@ -22,12 +22,12 @@ import '@onereach/styles/tailwind.config.json';
|
|
|
22
22
|
import '../../constants-2e3ea701.js';
|
|
23
23
|
import '../or-icon-v3/index.js';
|
|
24
24
|
import '../or-tooltip-v3/index.js';
|
|
25
|
+
import '../../style-inject.es-87955792.js';
|
|
25
26
|
import '@floating-ui/dom';
|
|
26
27
|
import '../or-bottom-sheet-v3/index.js';
|
|
27
28
|
import '../or-overlay-v3/index.js';
|
|
28
29
|
import '../or-teleport-v3/index.js';
|
|
29
30
|
import 'portal-vue';
|
|
30
|
-
import '../../style-inject.es-87955792.js';
|
|
31
31
|
import '../or-tag-v3/index.js';
|
|
32
32
|
import '../or-button-v3/index.js';
|
|
33
33
|
import '../../props-bba3dca8.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, toRef } from 'vue-demi';
|
|
2
|
-
import { t as te } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
2
|
+
import { n as ne, t as te } from '../../useValidationAttributes-BpeWsfb0-24439d6f.js';
|
|
3
3
|
import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
|
|
4
|
+
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
4
5
|
import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3/index.js';
|
|
5
6
|
import { OrOverlayV3 as OrOverlay } from '../or-overlay-v3/index.js';
|
|
6
|
-
import '../../dom-qGGG2YCX-4d4cca6e.js';
|
|
7
7
|
import '@vueuse/core';
|
|
8
8
|
import '@onereach/styles/screens.json';
|
|
9
9
|
import '@onereach/styles/tailwind.config.json';
|
|
@@ -145,11 +145,15 @@ var script$1 = defineComponent({
|
|
|
145
145
|
setup() {
|
|
146
146
|
// Refs
|
|
147
147
|
const root = ref();
|
|
148
|
+
const {
|
|
149
|
+
isMobile
|
|
150
|
+
} = ne();
|
|
148
151
|
// Styles
|
|
149
152
|
const rootStyles = computed(() => ['or-modal-header', ...ModalHeader]);
|
|
150
153
|
return {
|
|
151
154
|
root,
|
|
152
|
-
rootStyles
|
|
155
|
+
rootStyles,
|
|
156
|
+
isMobile
|
|
153
157
|
};
|
|
154
158
|
}
|
|
155
159
|
});
|
|
@@ -170,7 +174,7 @@ var __vue_render__$1 = function () {
|
|
|
170
174
|
}, [_vm._t("default")], 2), _vm._v(" "), _c('OrIconButton', {
|
|
171
175
|
attrs: {
|
|
172
176
|
"icon": 'close',
|
|
173
|
-
"size": 'l'
|
|
177
|
+
"size": _vm.isMobile ? 'l' : 'xl'
|
|
174
178
|
},
|
|
175
179
|
on: {
|
|
176
180
|
"click": function ($event) {
|
|
@@ -813,7 +813,7 @@ var script = defineComponent({
|
|
|
813
813
|
}
|
|
814
814
|
},
|
|
815
815
|
emits: ['update:modelValue', 'focus', 'blur', 'search'],
|
|
816
|
-
expose: ['root', 'open', 'close', 'toggle', 'toggleOption', 'popover', 'popoverState'],
|
|
816
|
+
expose: ['root', 'open', 'close', 'toggle', 'toggleOption', 'resetSearch', 'popover', 'popoverState'],
|
|
817
817
|
setup(props, context) {
|
|
818
818
|
var _a;
|
|
819
819
|
const currentInstance = getCurrentInstance();
|
|
@@ -950,7 +950,7 @@ var script = defineComponent({
|
|
|
950
950
|
} else {
|
|
951
951
|
proxyModelValue.value = value;
|
|
952
952
|
}
|
|
953
|
-
|
|
953
|
+
resetSearch();
|
|
954
954
|
}
|
|
955
955
|
function deselectOption(value) {
|
|
956
956
|
if (props.multiple) {
|
|
@@ -970,6 +970,9 @@ var script = defineComponent({
|
|
|
970
970
|
} else {
|
|
971
971
|
proxyModelValue.value = proxyModelValue.value !== value ? value : undefined;
|
|
972
972
|
}
|
|
973
|
+
resetSearch();
|
|
974
|
+
}
|
|
975
|
+
function resetSearch() {
|
|
973
976
|
searchText.value = '';
|
|
974
977
|
}
|
|
975
978
|
// Utils
|
|
@@ -1011,6 +1014,7 @@ var script = defineComponent({
|
|
|
1011
1014
|
selectOption,
|
|
1012
1015
|
deselectOption,
|
|
1013
1016
|
toggleOption,
|
|
1017
|
+
resetSearch,
|
|
1014
1018
|
isDesktop,
|
|
1015
1019
|
isMobile
|
|
1016
1020
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components-vue2",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.1.0",
|
|
4
4
|
"description": "Vue components library for v2",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"exports": {
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"@codemirror/view": "^6",
|
|
40
40
|
"@floating-ui/dom": "1.5.3",
|
|
41
41
|
"@lezer/highlight": "*",
|
|
42
|
-
"@onereach/styles": "^21.
|
|
43
|
-
"@onereach/ui-components-common": "^21.
|
|
42
|
+
"@onereach/styles": "^21.1.0",
|
|
43
|
+
"@onereach/ui-components-common": "^21.1.0",
|
|
44
44
|
"@splidejs/splide": "4.0.6",
|
|
45
45
|
"@tiptap/core": "2.0.3",
|
|
46
46
|
"@tiptap/extension-blockquote": "2.0.3",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"access": "public"
|
|
105
105
|
},
|
|
106
106
|
"npmUnpacked": "4.15.2",
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "c3da3acde29eb2921ca8dd2808f2f8a3b1f6133d"
|
|
108
108
|
}
|