@finema/core 3.14.0 → 3.14.1

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.
Files changed (75) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/components/FlexDeck/index.vue +79 -79
  4. package/dist/runtime/components/Form/FieldWrapper.vue +13 -13
  5. package/dist/runtime/components/Form/Fields.vue +13 -13
  6. package/dist/runtime/components/Form/InputCheckbox/index.d.vue.ts +5 -1
  7. package/dist/runtime/components/Form/InputCheckbox/index.vue +18 -18
  8. package/dist/runtime/components/Form/InputCheckbox/index.vue.d.ts +5 -1
  9. package/dist/runtime/components/Form/InputCheckboxGroup/index.d.vue.ts +5 -1
  10. package/dist/runtime/components/Form/InputCheckboxGroup/index.vue +21 -21
  11. package/dist/runtime/components/Form/InputCheckboxGroup/index.vue.d.ts +5 -1
  12. package/dist/runtime/components/Form/InputCurrency/index.d.vue.ts +5 -1
  13. package/dist/runtime/components/Form/InputCurrency/index.vue +49 -49
  14. package/dist/runtime/components/Form/InputCurrency/index.vue.d.ts +5 -1
  15. package/dist/runtime/components/Form/InputDateTime/index.d.vue.ts +5 -1
  16. package/dist/runtime/components/Form/InputDateTime/index.vue +155 -158
  17. package/dist/runtime/components/Form/InputDateTime/index.vue.d.ts +5 -1
  18. package/dist/runtime/components/Form/InputDateTimeRange/index.d.vue.ts +5 -1
  19. package/dist/runtime/components/Form/InputDateTimeRange/index.vue +56 -56
  20. package/dist/runtime/components/Form/InputDateTimeRange/index.vue.d.ts +5 -1
  21. package/dist/runtime/components/Form/InputMonth/index.d.vue.ts +5 -1
  22. package/dist/runtime/components/Form/InputMonth/index.vue.d.ts +5 -1
  23. package/dist/runtime/components/Form/InputNumber/index.d.vue.ts +5 -1
  24. package/dist/runtime/components/Form/InputNumber/index.vue +20 -20
  25. package/dist/runtime/components/Form/InputNumber/index.vue.d.ts +5 -1
  26. package/dist/runtime/components/Form/InputSearch/index.d.vue.ts +9 -1
  27. package/dist/runtime/components/Form/InputSearch/index.vue.d.ts +9 -1
  28. package/dist/runtime/components/Form/InputSelect/index.d.vue.ts +7 -1
  29. package/dist/runtime/components/Form/InputSelect/index.vue +46 -46
  30. package/dist/runtime/components/Form/InputSelect/index.vue.d.ts +7 -1
  31. package/dist/runtime/components/Form/InputSelectMultiple/index.d.vue.ts +7 -1
  32. package/dist/runtime/components/Form/InputSelectMultiple/index.vue +62 -62
  33. package/dist/runtime/components/Form/InputSelectMultiple/index.vue.d.ts +7 -1
  34. package/dist/runtime/components/Form/InputTags/index.d.vue.ts +11 -1
  35. package/dist/runtime/components/Form/InputTags/index.vue +54 -54
  36. package/dist/runtime/components/Form/InputTags/index.vue.d.ts +11 -1
  37. package/dist/runtime/components/Form/InputText/index.d.vue.ts +7 -1
  38. package/dist/runtime/components/Form/InputText/index.vue +85 -85
  39. package/dist/runtime/components/Form/InputText/index.vue.d.ts +7 -1
  40. package/dist/runtime/components/Form/InputTextarea/index.d.vue.ts +5 -1
  41. package/dist/runtime/components/Form/InputTextarea/index.vue +18 -18
  42. package/dist/runtime/components/Form/InputTextarea/index.vue.d.ts +5 -1
  43. package/dist/runtime/components/Form/InputTime/index.d.vue.ts +5 -1
  44. package/dist/runtime/components/Form/InputTime/index.vue +38 -38
  45. package/dist/runtime/components/Form/InputTime/index.vue.d.ts +5 -1
  46. package/dist/runtime/components/Form/InputToggle/index.d.vue.ts +5 -1
  47. package/dist/runtime/components/Form/InputToggle/index.vue +17 -17
  48. package/dist/runtime/components/Form/InputToggle/index.vue.d.ts +5 -1
  49. package/dist/runtime/components/Form/InputUploadDropzone/index.vue +30 -30
  50. package/dist/runtime/components/Form/InputUploadDropzoneAuto/index.vue +50 -50
  51. package/dist/runtime/components/Form/InputUploadDropzoneAutoMultiple/index.vue +50 -50
  52. package/dist/runtime/components/Form/InputUploadImageAuto/index.vue +50 -50
  53. package/dist/runtime/components/Form/InputWYSIWYG/EditorImageUploadNode.vue +18 -18
  54. package/dist/runtime/components/Form/InputWYSIWYG/EditorLinkPopover.vue +65 -65
  55. package/dist/runtime/components/Form/InputWYSIWYG/README.md +96 -96
  56. package/dist/runtime/components/Form/InputWYSIWYG/index.vue +41 -41
  57. package/dist/runtime/components/Form/fileState/EmptyState.vue +21 -21
  58. package/dist/runtime/components/Form/fileState/FailedState.vue +33 -33
  59. package/dist/runtime/components/Form/fileState/LoadingState.vue +24 -24
  60. package/dist/runtime/components/Form/fileState/MultipleFilesState.vue +75 -75
  61. package/dist/runtime/components/Form/fileState/PreviewModal.vue +23 -23
  62. package/dist/runtime/components/Form/index.vue +5 -5
  63. package/dist/runtime/components/Image.vue +28 -28
  64. package/dist/runtime/components/Log/index.vue +17 -17
  65. package/dist/runtime/components/Table/Base.d.vue.ts +8 -2
  66. package/dist/runtime/components/Table/Base.vue.d.ts +8 -2
  67. package/dist/runtime/components/Table/ColumnDate.vue +1 -1
  68. package/dist/runtime/components/Table/ColumnDateTime.vue +1 -1
  69. package/dist/runtime/components/Table/ColumnImage.vue +4 -4
  70. package/dist/runtime/components/Table/ColumnText.vue +10 -10
  71. package/dist/runtime/components/Table/Pagination.vue +56 -56
  72. package/dist/runtime/components/Table/Simple.vue +16 -16
  73. package/dist/runtime/components/Table/index.vue +30 -30
  74. package/dist/runtime/server/tsconfig.json +3 -3
  75. package/package.json +2 -2
@@ -1,56 +1,56 @@
1
1
  <template>
2
- <FieldWrapper v-bind="wrapperProps">
3
- <SelectMenu
4
- :model-value="value"
5
- :items="options"
6
- :placeholder="wrapperProps.placeholder"
7
- :disabled="wrapperProps.disabled"
8
- :loading="loading"
9
- :search-input="searchInput ?? void 0"
10
- :selected-icon="selectedIcon"
11
- value-key="value"
12
- label-key="label"
13
- :icon="icon"
14
- :ui="ui"
15
- :leading-icon="options.find((item) => item.value === value)?.icon"
16
- :avatar="options.find((item) => item.value === value)?.avatar"
17
- @update:modelValue="onChange"
18
- @update:searchTerm="onSearch"
19
- >
20
- <template #default="{ modelValue, ui: selectMenuUi }">
21
- <Chip
22
- v-if="options.find((item) => item.value === modelValue)?.chip"
23
- v-bind="options.find((item) => item.value === modelValue)?.chip"
24
- inset
25
- standalone
26
- :size="selectMenuUi.itemLeadingChipSize()"
27
- :class="selectMenuUi.itemLeadingChip()"
28
- />
29
- <div
30
- v-if="value"
2
+ <FieldWrapper v-bind="wrapperProps">
3
+ <SelectMenu
4
+ :model-value="value"
5
+ :items="options"
6
+ :placeholder="wrapperProps.placeholder"
7
+ :disabled="wrapperProps.disabled"
8
+ :loading="loading"
9
+ :search-input="searchInput ?? void 0"
10
+ :selected-icon="selectedIcon"
11
+ value-key="value"
12
+ label-key="label"
13
+ :icon="icon"
14
+ :ui="ui"
15
+ :leading-icon="options.find((item) => item.value === value)?.icon"
16
+ :avatar="options.find((item) => item.value === value)?.avatar"
17
+ @update:modelValue="onChange"
18
+ @update:searchTerm="onSearch"
19
+ >
20
+ <template #default="{ modelValue, ui: selectMenuUi }">
21
+ <Chip
22
+ v-if="options.find((item) => item.value === modelValue)?.chip"
23
+ v-bind="options.find((item) => item.value === modelValue)?.chip"
24
+ inset
25
+ standalone
26
+ :size="selectMenuUi.itemLeadingChipSize()"
27
+ :class="selectMenuUi.itemLeadingChip()"
28
+ />
29
+ <div
30
+ v-if="value"
31
31
  :class="theme.selectedWrapper({
32
32
  class: [ui?.selectedWrapper]
33
- })"
34
- >
35
- <span
33
+ })"
34
+ >
35
+ <span
36
36
  :class="theme.selectedLabel({
37
37
  class: [ui?.selectedLabel]
38
- })"
39
- >
40
- {{ options.find((item) => item.value === modelValue)?.label || modelValue }}
41
- </span>
42
- <Icon
43
- v-if="clearable"
44
- :name="clearIcon"
38
+ })"
39
+ >
40
+ {{ options.find((item) => item.value === modelValue)?.label || modelValue }}
41
+ </span>
42
+ <Icon
43
+ v-if="clearable"
44
+ :name="clearIcon"
45
45
  :class="theme.clearIcon({
46
46
  class: [ui?.clearIcon]
47
- })"
48
- @click.stop="onChange(void 0)"
49
- />
50
- </div>
51
- </template>
52
- </SelectMenu>
53
- </FieldWrapper>
47
+ })"
48
+ @click.stop="onChange(void 0)"
49
+ />
50
+ </div>
51
+ </template>
52
+ </SelectMenu>
53
+ </FieldWrapper>
54
54
  </template>
55
55
 
56
56
  <script setup>
@@ -1,5 +1,11 @@
1
1
  import type { ISelectFieldProps } from '#core/components/Form/InputSelect/types';
2
- declare const __VLS_export: import("vue").DefineComponent<ISelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
2
+ declare const __VLS_export: import("vue").DefineComponent<ISelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ search: (...args: any[]) => void;
4
+ change: (...args: any[]) => void;
5
+ }, string, import("vue").PublicProps, Readonly<ISelectFieldProps> & Readonly<{
6
+ onSearch?: ((...args: any[]) => any) | undefined;
7
+ onChange?: ((...args: any[]) => any) | undefined;
8
+ }>, {
3
9
  clearIcon: string;
4
10
  searchInput: {
5
11
  placeholder?: string;
@@ -1,5 +1,11 @@
1
1
  import type { ISelectFieldProps } from '#core/components/Form/InputSelect/types';
2
- declare const __VLS_export: import("vue").DefineComponent<ISelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
2
+ declare const __VLS_export: import("vue").DefineComponent<ISelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ search: (...args: any[]) => void;
4
+ change: (...args: any[]) => void;
5
+ }, string, import("vue").PublicProps, Readonly<ISelectFieldProps> & Readonly<{
6
+ onSearch?: ((...args: any[]) => any) | undefined;
7
+ onChange?: ((...args: any[]) => any) | undefined;
8
+ }>, {
3
9
  clearIcon: string;
4
10
  searchInput: {
5
11
  placeholder?: string;
@@ -1,76 +1,76 @@
1
1
  <template>
2
- <FieldWrapper v-bind="wrapperProps">
3
- <SelectMenu
4
- :model-value="value"
5
- :items="options"
6
- multiple
7
- :placeholder="wrapperProps.placeholder"
8
- :disabled="wrapperProps.disabled"
9
- :loading="loading"
10
- :search-input="searchInput"
11
- :selected-icon="selectedIcon"
12
- value-key="value"
13
- label-key="label"
14
- :icon="icon"
15
- :ui="ui"
16
- :ignore-filter="!!$attrs.onSearch"
17
- @update:model-value="onChange"
18
- @update:searchTerm="onSearch"
19
- >
20
- <template #default="{ modelValue, ui: selectMenuUi }">
21
- <div
22
- v-if="!ArrayHelper.isEmpty(value)"
2
+ <FieldWrapper v-bind="wrapperProps">
3
+ <SelectMenu
4
+ :model-value="value"
5
+ :items="options"
6
+ multiple
7
+ :placeholder="wrapperProps.placeholder"
8
+ :disabled="wrapperProps.disabled"
9
+ :loading="loading"
10
+ :search-input="searchInput"
11
+ :selected-icon="selectedIcon"
12
+ value-key="value"
13
+ label-key="label"
14
+ :icon="icon"
15
+ :ui="ui"
16
+ :ignore-filter="!!$attrs.onSearch"
17
+ @update:model-value="onChange"
18
+ @update:searchTerm="onSearch"
19
+ >
20
+ <template #default="{ modelValue, ui: selectMenuUi }">
21
+ <div
22
+ v-if="!ArrayHelper.isEmpty(value)"
23
23
  :class="theme.tagsWrapper({
24
24
  class: [ui?.tagsWrapper]
25
- })"
26
- >
27
- <div
28
- v-for="_value in ArrayHelper.toArray(modelValue)"
29
- :key="_value"
25
+ })"
26
+ >
27
+ <div
28
+ v-for="_value in ArrayHelper.toArray(modelValue)"
29
+ :key="_value"
30
30
  :class="theme.tagsItem({
31
31
  class: [ui?.tagsItem]
32
- })"
33
- >
34
- <Chip
35
- v-if="options.find((item) => item.value === _value)?.chip"
36
- v-bind="options.find((item) => item.value === _value)?.chip"
37
- inset
38
- standalone
39
- :size="selectMenuUi.itemLeadingChipSize()"
40
- class="p-1"
41
- />
42
- <Icon
43
- v-if="options.find((item) => item.value === _value)?.icon"
44
- :name="options.find((item) => item.value === _value)?.icon"
45
- class="size-4"
46
- />
47
- <Avatar
48
- v-if="options.find((item) => item.value === _value)?.avatar"
49
- v-bind="options.find((item) => item.value === _value)?.avatar"
50
- :class="selectMenuUi.itemLeadingAvatar()"
51
- size="2xs"
52
- />
53
- <div
32
+ })"
33
+ >
34
+ <Chip
35
+ v-if="options.find((item) => item.value === _value)?.chip"
36
+ v-bind="options.find((item) => item.value === _value)?.chip"
37
+ inset
38
+ standalone
39
+ :size="selectMenuUi.itemLeadingChipSize()"
40
+ class="p-1"
41
+ />
42
+ <Icon
43
+ v-if="options.find((item) => item.value === _value)?.icon"
44
+ :name="options.find((item) => item.value === _value)?.icon"
45
+ class="size-4"
46
+ />
47
+ <Avatar
48
+ v-if="options.find((item) => item.value === _value)?.avatar"
49
+ v-bind="options.find((item) => item.value === _value)?.avatar"
50
+ :class="selectMenuUi.itemLeadingAvatar()"
51
+ size="2xs"
52
+ />
53
+ <div
54
54
  :class="theme.tagsItemText({
55
55
  class: [ui?.tagsItemText]
56
- })"
57
- >
58
- {{ options.find((item) => item.value === _value)?.label || _value }}
59
- <Icon
56
+ })"
57
+ >
58
+ {{ options.find((item) => item.value === _value)?.label || _value }}
59
+ <Icon
60
60
  :name="theme.tagsItemDeleteIcon({
61
61
  class: [ui?.tagsItemDeleteIcon]
62
- })"
62
+ })"
63
63
  :class="theme.tagsItemDelete({
64
64
  class: [ui?.tagsItemDelete]
65
- })"
66
- @click.stop="handleDelete(_value)"
67
- />
68
- </div>
69
- </div>
70
- </div>
71
- </template>
72
- </SelectMenu>
73
- </FieldWrapper>
65
+ })"
66
+ @click.stop="handleDelete(_value)"
67
+ />
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </template>
72
+ </SelectMenu>
73
+ </FieldWrapper>
74
74
  </template>
75
75
 
76
76
  <script setup>
@@ -1,5 +1,11 @@
1
1
  import type { ISelectFieldProps } from '#core/components/Form/InputSelect/types';
2
- declare const __VLS_export: import("vue").DefineComponent<ISelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
2
+ declare const __VLS_export: import("vue").DefineComponent<ISelectFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ search: (...args: any[]) => void;
4
+ change: (...args: any[]) => void;
5
+ }, string, import("vue").PublicProps, Readonly<ISelectFieldProps> & Readonly<{
6
+ onSearch?: ((...args: any[]) => any) | undefined;
7
+ onChange?: ((...args: any[]) => any) | undefined;
8
+ }>, {
3
9
  clearIcon: string;
4
10
  searchInput: {
5
11
  placeholder?: string;
@@ -1,4 +1,14 @@
1
1
  import type { ITagsFieldProps } from '#core/components/Form/InputTags/types';
2
- declare const __VLS_export: import("vue").DefineComponent<ITagsFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
2
+ declare const __VLS_export: import("vue").DefineComponent<ITagsFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ add: (...args: any[]) => void;
4
+ change: (...args: any[]) => void;
5
+ selected: (...args: any[]) => void;
6
+ remove: (...args: any[]) => void;
7
+ }, string, import("vue").PublicProps, Readonly<ITagsFieldProps> & Readonly<{
8
+ onAdd?: ((...args: any[]) => any) | undefined;
9
+ onChange?: ((...args: any[]) => any) | undefined;
10
+ onSelected?: ((...args: any[]) => any) | undefined;
11
+ onRemove?: ((...args: any[]) => any) | undefined;
12
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
13
  declare const _default: typeof __VLS_export;
4
14
  export default _default;
@@ -1,63 +1,63 @@
1
1
  <template>
2
- <FieldWrapper v-bind="wrapperProps">
3
- <Popover
4
- v-model:open="showSuggestions"
5
- :dismissible="false"
6
- :ui="{ content: 'w-(--reka-popper-anchor-width)' }"
7
- >
8
- <template #anchor>
9
- <InputTags
10
- :model-value="value"
11
- :disabled="wrapperProps.disabled"
12
- :leading-icon="leadingIcon"
13
- :max-length="maxLength"
14
- :variant="variant"
15
- :delete-icon="deleteIcon"
16
- :size="size"
17
- :trailing-icon="trailingIcon"
18
- :loading="loading"
19
- :loading-icon="loadingIcon"
20
- :name="name"
21
- :placeholder="wrapperProps.placeholder"
22
- :autofocus="!!autoFocus"
23
- :icon="icon"
24
- :readonly="readonly"
25
- :ui="ui"
26
- @update:model-value="onChange"
27
- @addTag="onAdd"
28
- @removeTag="onRemove"
29
- @focus="onFocus"
30
- @blur="onBlur"
31
- @keydown="onKeydown"
32
- @input="onInput"
33
- />
34
- </template>
35
-
36
- <template #content>
37
- <div
38
- v-if="showSuggestions && filteredSuggestions.length > 0"
39
- ref="suggestionsContainerRef"
40
- :class="theme.suggestionsContainer()"
41
- >
42
- <div
43
- v-for="(suggestion, index) in filteredSuggestions"
44
- :key="suggestion"
45
- :ref="(el) => setSuggestionItemRef(el, index)"
2
+ <FieldWrapper v-bind="wrapperProps">
3
+ <Popover
4
+ v-model:open="showSuggestions"
5
+ :dismissible="false"
6
+ :ui="{ content: 'w-(--reka-popper-anchor-width)' }"
7
+ >
8
+ <template #anchor>
9
+ <InputTags
10
+ :model-value="value"
11
+ :disabled="wrapperProps.disabled"
12
+ :leading-icon="leadingIcon"
13
+ :max-length="maxLength"
14
+ :variant="variant"
15
+ :delete-icon="deleteIcon"
16
+ :size="size"
17
+ :trailing-icon="trailingIcon"
18
+ :loading="loading"
19
+ :loading-icon="loadingIcon"
20
+ :name="name"
21
+ :placeholder="wrapperProps.placeholder"
22
+ :autofocus="!!autoFocus"
23
+ :icon="icon"
24
+ :readonly="readonly"
25
+ :ui="ui"
26
+ @update:model-value="onChange"
27
+ @addTag="onAdd"
28
+ @removeTag="onRemove"
29
+ @focus="onFocus"
30
+ @blur="onBlur"
31
+ @keydown="onKeydown"
32
+ @input="onInput"
33
+ />
34
+ </template>
35
+
36
+ <template #content>
37
+ <div
38
+ v-if="showSuggestions && filteredSuggestions.length > 0"
39
+ ref="suggestionsContainerRef"
40
+ :class="theme.suggestionsContainer()"
41
+ >
42
+ <div
43
+ v-for="(suggestion, index) in filteredSuggestions"
44
+ :key="suggestion"
45
+ :ref="(el) => setSuggestionItemRef(el, index)"
46
46
  :class="[
47
47
  theme.suggestionItem(),
48
48
  {
49
49
  [theme.suggestionItemActive()]: index === selectedSuggestionIndex
50
50
  }
51
- ]"
52
- @mousedown.prevent="selectSuggestion(suggestion, index)"
53
- @mouseenter="selectedSuggestionIndex = index"
54
- >
55
- {{ suggestion }}
56
- </div>
57
- </div>
58
- </template>
59
- </Popover>
60
- </FieldWrapper>
51
+ ]"
52
+ @mousedown.prevent="selectSuggestion(suggestion, index)"
53
+ @mouseenter="selectedSuggestionIndex = index"
54
+ >
55
+ {{ suggestion }}
56
+ </div>
57
+ </div>
58
+ </template>
59
+ </Popover>
60
+ </FieldWrapper>
61
61
  </template>
62
62
 
63
63
  <script setup>
@@ -1,4 +1,14 @@
1
1
  import type { ITagsFieldProps } from '#core/components/Form/InputTags/types';
2
- declare const __VLS_export: import("vue").DefineComponent<ITagsFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
2
+ declare const __VLS_export: import("vue").DefineComponent<ITagsFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ add: (...args: any[]) => void;
4
+ change: (...args: any[]) => void;
5
+ selected: (...args: any[]) => void;
6
+ remove: (...args: any[]) => void;
7
+ }, string, import("vue").PublicProps, Readonly<ITagsFieldProps> & Readonly<{
8
+ onAdd?: ((...args: any[]) => any) | undefined;
9
+ onChange?: ((...args: any[]) => any) | undefined;
10
+ onSelected?: ((...args: any[]) => any) | undefined;
11
+ onRemove?: ((...args: any[]) => any) | undefined;
12
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
13
  declare const _default: typeof __VLS_export;
4
14
  export default _default;
@@ -1,5 +1,11 @@
1
1
  import type { ITextFieldProps } from '#core/components/Form/InputText/types';
2
- declare const __VLS_export: import("vue").DefineComponent<ITextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
2
+ declare const __VLS_export: import("vue").DefineComponent<ITextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ change: (...args: any[]) => void;
4
+ selected: (...args: any[]) => void;
5
+ }, string, import("vue").PublicProps, Readonly<ITextFieldProps> & Readonly<{
6
+ onChange?: ((...args: any[]) => any) | undefined;
7
+ onSelected?: ((...args: any[]) => any) | undefined;
8
+ }>, {
3
9
  type: "text" | "password" | "email";
4
10
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
5
11
  declare const _default: typeof __VLS_export;
@@ -1,92 +1,92 @@
1
1
  <template>
2
- <FieldWrapper v-bind="wrapperProps">
3
- <div class="relative">
4
- <Input
5
- v-if="type === 'password'"
6
- ref="inputRef"
7
- v-maska="activeMaskOptions"
8
- :model-value="value"
9
- :disabled="wrapperProps.disabled"
10
- :leading-icon="leadingIcon"
11
- :trailing-icon="trailingIcon"
12
- :loading="loading"
13
- :loading-icon="loadingIcon"
14
- :name="name"
15
- :placeholder="wrapperProps.placeholder"
16
- :type="isShowPassword ? 'text' : 'password'"
17
- :autofocus="!!autoFocus"
18
- :icon="icon"
19
- :readonly="readonly"
20
- :ui="defu(ui, { icon: { trailing: { pointer: '' } } })"
21
- @update:model-value="onChange"
22
- @focus="onFocus"
23
- @blur="onBlur"
24
- @keydown="onKeydown"
25
- >
26
- <template #trailing>
27
- <Button
28
- color="neutral"
29
- variant="link"
30
- :icon="isShowPassword ? 'i-heroicons-eye-slash' : 'i-heroicons-eye'"
31
- :padded="false"
32
- @click="isShowPassword = !isShowPassword"
33
- />
34
- </template>
35
- </Input>
36
- <Popover
37
- v-else
38
- v-model:open="showSuggestions"
39
- :dismissible="false"
40
- :ui="{ content: 'w-(--reka-popper-anchor-width)' }"
41
- >
42
- <template #anchor>
43
- <Input
44
- ref="inputRef"
45
- v-maska="activeMaskOptions"
46
- :model-value="value"
47
- :disabled="wrapperProps.disabled"
48
- :leading-icon="leadingIcon"
49
- :trailing-icon="trailingIcon"
50
- :loading="loading"
51
- :loading-icon="loadingIcon"
52
- :name="name"
53
- :placeholder="wrapperProps.placeholder"
54
- :type="type"
55
- :autofocus="!!autoFocus"
56
- :icon="icon"
57
- :readonly="readonly"
58
- :ui="ui"
59
- @update:model-value="onChange"
60
- @focus="onFocus"
61
- @blur="onBlur"
62
- @keydown="onKeydown"
63
- />
64
- </template>
65
-
66
- <template #content>
67
- <div
68
- v-if="showSuggestions && filteredSuggestions.length > 0"
69
- ref="suggestionsContainerRef"
70
- :class="theme.suggestionsContainer()"
71
- >
72
- <div
73
- v-for="(suggestion, index) in filteredSuggestions"
74
- :key="suggestion"
75
- :ref="(el) => setSuggestionItemRef(el, index)"
2
+ <FieldWrapper v-bind="wrapperProps">
3
+ <div class="relative">
4
+ <Input
5
+ v-if="type === 'password'"
6
+ ref="inputRef"
7
+ v-maska="activeMaskOptions"
8
+ :model-value="value"
9
+ :disabled="wrapperProps.disabled"
10
+ :leading-icon="leadingIcon"
11
+ :trailing-icon="trailingIcon"
12
+ :loading="loading"
13
+ :loading-icon="loadingIcon"
14
+ :name="name"
15
+ :placeholder="wrapperProps.placeholder"
16
+ :type="isShowPassword ? 'text' : 'password'"
17
+ :autofocus="!!autoFocus"
18
+ :icon="icon"
19
+ :readonly="readonly"
20
+ :ui="defu(ui, { icon: { trailing: { pointer: '' } } })"
21
+ @update:model-value="onChange"
22
+ @focus="onFocus"
23
+ @blur="onBlur"
24
+ @keydown="onKeydown"
25
+ >
26
+ <template #trailing>
27
+ <Button
28
+ color="neutral"
29
+ variant="link"
30
+ :icon="isShowPassword ? 'i-heroicons-eye-slash' : 'i-heroicons-eye'"
31
+ :padded="false"
32
+ @click="isShowPassword = !isShowPassword"
33
+ />
34
+ </template>
35
+ </Input>
36
+ <Popover
37
+ v-else
38
+ v-model:open="showSuggestions"
39
+ :dismissible="false"
40
+ :ui="{ content: 'w-(--reka-popper-anchor-width)' }"
41
+ >
42
+ <template #anchor>
43
+ <Input
44
+ ref="inputRef"
45
+ v-maska="activeMaskOptions"
46
+ :model-value="value"
47
+ :disabled="wrapperProps.disabled"
48
+ :leading-icon="leadingIcon"
49
+ :trailing-icon="trailingIcon"
50
+ :loading="loading"
51
+ :loading-icon="loadingIcon"
52
+ :name="name"
53
+ :placeholder="wrapperProps.placeholder"
54
+ :type="type"
55
+ :autofocus="!!autoFocus"
56
+ :icon="icon"
57
+ :readonly="readonly"
58
+ :ui="ui"
59
+ @update:model-value="onChange"
60
+ @focus="onFocus"
61
+ @blur="onBlur"
62
+ @keydown="onKeydown"
63
+ />
64
+ </template>
65
+
66
+ <template #content>
67
+ <div
68
+ v-if="showSuggestions && filteredSuggestions.length > 0"
69
+ ref="suggestionsContainerRef"
70
+ :class="theme.suggestionsContainer()"
71
+ >
72
+ <div
73
+ v-for="(suggestion, index) in filteredSuggestions"
74
+ :key="suggestion"
75
+ :ref="(el) => setSuggestionItemRef(el, index)"
76
76
  :class="[
77
77
  theme.suggestionItem(),
78
78
  { [theme.suggestionItemActive()]: index === selectedSuggestionIndex }
79
- ]"
80
- @mousedown.prevent="selectSuggestion(suggestion, index)"
81
- @mouseenter="selectedSuggestionIndex = index"
82
- >
83
- {{ suggestion }}
84
- </div>
85
- </div>
86
- </template>
87
- </Popover>
88
- </div>
89
- </FieldWrapper>
79
+ ]"
80
+ @mousedown.prevent="selectSuggestion(suggestion, index)"
81
+ @mouseenter="selectedSuggestionIndex = index"
82
+ >
83
+ {{ suggestion }}
84
+ </div>
85
+ </div>
86
+ </template>
87
+ </Popover>
88
+ </div>
89
+ </FieldWrapper>
90
90
  </template>
91
91
 
92
92
  <script setup>
@@ -1,5 +1,11 @@
1
1
  import type { ITextFieldProps } from '#core/components/Form/InputText/types';
2
- declare const __VLS_export: import("vue").DefineComponent<ITextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
2
+ declare const __VLS_export: import("vue").DefineComponent<ITextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ change: (...args: any[]) => void;
4
+ selected: (...args: any[]) => void;
5
+ }, string, import("vue").PublicProps, Readonly<ITextFieldProps> & Readonly<{
6
+ onChange?: ((...args: any[]) => any) | undefined;
7
+ onSelected?: ((...args: any[]) => any) | undefined;
8
+ }>, {
3
9
  type: "text" | "password" | "email";
4
10
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
5
11
  declare const _default: typeof __VLS_export;
@@ -1,4 +1,8 @@
1
1
  import type { ITextareaFieldProps } from '#core/components/Form/InputTextarea/types';
2
- declare const __VLS_export: import("vue").DefineComponent<ITextareaFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
2
+ declare const __VLS_export: import("vue").DefineComponent<ITextareaFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
3
+ change: (...args: any[]) => void;
4
+ }, string, import("vue").PublicProps, Readonly<ITextareaFieldProps> & Readonly<{
5
+ onChange?: ((...args: any[]) => any) | undefined;
6
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
7
  declare const _default: typeof __VLS_export;
4
8
  export default _default;