@globalbrain/sefirot 2.33.0 → 2.34.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.
Files changed (56) hide show
  1. package/lib/components/SButton.vue +2 -2
  2. package/lib/components/SDropdown.vue +1 -1
  3. package/lib/components/SDropdownSection.vue +1 -1
  4. package/lib/components/SDropdownSectionActions.vue +1 -1
  5. package/lib/components/SDropdownSectionComponent.vue +1 -1
  6. package/lib/components/SDropdownSectionFilter.vue +2 -2
  7. package/lib/components/SDropdownSectionFilterItem.vue +1 -1
  8. package/lib/components/SDropdownSectionMenu.vue +1 -1
  9. package/lib/components/SIcon.vue +1 -1
  10. package/lib/components/SInputAddon.vue +1 -1
  11. package/lib/components/SInputBase.vue +3 -3
  12. package/lib/components/SInputCheckbox.vue +2 -2
  13. package/lib/components/SInputCheckboxes.vue +2 -2
  14. package/lib/components/SInputDate.vue +2 -2
  15. package/lib/components/SInputDropdown.vue +4 -4
  16. package/lib/components/SInputFile.vue +3 -3
  17. package/lib/components/SInputHMS.vue +3 -3
  18. package/lib/components/SInputNumber.vue +3 -3
  19. package/lib/components/SInputRadio.vue +3 -3
  20. package/lib/components/SInputRadios.vue +3 -3
  21. package/lib/components/SInputSelect.vue +3 -3
  22. package/lib/components/SInputSwitch.vue +3 -3
  23. package/lib/components/SInputSwitches.vue +3 -3
  24. package/lib/components/SInputText.vue +3 -3
  25. package/lib/components/SInputTextarea.vue +2 -2
  26. package/lib/components/SInputYMD.vue +3 -3
  27. package/lib/components/SMarkdown.vue +1 -1
  28. package/lib/components/SSheetFooterAction.vue +1 -1
  29. package/lib/components/SSnackbar.vue +1 -1
  30. package/lib/components/SStep.vue +2 -2
  31. package/lib/components/SSteps.vue +2 -2
  32. package/lib/components/STable.vue +50 -18
  33. package/lib/components/STableCell.vue +1 -1
  34. package/lib/components/STableCellAvatars.vue +1 -1
  35. package/lib/components/STableCellDay.vue +1 -1
  36. package/lib/components/STableCellPills.vue +1 -1
  37. package/lib/components/STableColumn.vue +1 -1
  38. package/lib/composables/Data.ts +1 -1
  39. package/lib/composables/Dropdown.ts +2 -2
  40. package/lib/composables/Flyout.ts +1 -1
  41. package/lib/composables/Grid.ts +1 -1
  42. package/lib/composables/Markdown.ts +2 -2
  43. package/lib/composables/Table.ts +5 -4
  44. package/lib/composables/Utils.ts +2 -2
  45. package/lib/composables/Validation.ts +5 -5
  46. package/lib/mixins/Sheet.ts +1 -1
  47. package/lib/support/Day.ts +1 -1
  48. package/lib/validation/rules/hms.ts +1 -1
  49. package/lib/validation/rules/requiredHms.ts +1 -1
  50. package/lib/validation/rules/requiredYmd.ts +1 -1
  51. package/lib/validation/rules/ymd.ts +1 -1
  52. package/lib/validation/validators/hms.ts +1 -1
  53. package/lib/validation/validators/requiredHms.ts +1 -1
  54. package/lib/validation/validators/requiredYmd.ts +1 -1
  55. package/lib/validation/validators/ymd.ts +1 -1
  56. package/package.json +3 -3
@@ -1,7 +1,7 @@
1
1
  <script setup lang="ts">
2
- import type { MaybeRef } from '@vueuse/core'
2
+ import { type MaybeRef } from '@vueuse/core'
3
3
  import { computed, unref, useSlots } from 'vue'
4
- import type { Position } from '../composables/Tooltip'
4
+ import { type Position } from '../composables/Tooltip'
5
5
  import SFragment from './SFragment.vue'
6
6
  import SIcon from './SIcon.vue'
7
7
  import SLink from './SLink.vue'
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import type { DropdownSection } from '../composables/Dropdown'
2
+ import { type DropdownSection } from '../composables/Dropdown'
3
3
  import SDropdownSection from './SDropdownSection.vue'
4
4
 
5
5
  defineProps<{
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import type { DropdownSection } from '../composables/Dropdown'
2
+ import { type DropdownSection } from '../composables/Dropdown'
3
3
  import SDropdownSectionActions from './SDropdownSectionActions.vue'
4
4
  import SDropdownSectionComponent from './SDropdownSectionComponent.vue'
5
5
  import SDropdownSectionFilter from './SDropdownSectionFilter.vue'
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import type { DropdownSectionActionsOption } from '../composables/Dropdown'
2
+ import { type DropdownSectionActionsOption } from '../composables/Dropdown'
3
3
 
4
4
  defineProps<{
5
5
  options: DropdownSectionActionsOption[]
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import type { DefineComponent } from 'vue'
2
+ import { type DefineComponent } from 'vue'
3
3
 
4
4
  defineProps<{
5
5
  comp: DefineComponent
@@ -1,9 +1,9 @@
1
1
  <script setup lang="ts">
2
2
  import IconCheck from '@iconify-icons/ph/check'
3
- import type { MaybeRef } from '@vueuse/core'
3
+ import { type MaybeRef } from '@vueuse/core'
4
4
  import Fuse from 'fuse.js'
5
5
  import { computed, onMounted, ref, unref } from 'vue'
6
- import type { DropdownSectionFilterOption, DropdownSectionFilterSelectedValue } from '../composables/Dropdown'
6
+ import { type DropdownSectionFilterOption, type DropdownSectionFilterSelectedValue } from '../composables/Dropdown'
7
7
  import { isArray } from '../support/Utils'
8
8
  import SDropdownSectionFilterItem from './SDropdownSectionFilterItem.vue'
9
9
  import SIcon from './SIcon.vue'
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import type { DropdownSectionFilterOption } from '../composables/Dropdown'
2
+ import { type DropdownSectionFilterOption } from '../composables/Dropdown'
3
3
  import SDropdownSectionFilterItemAvatar from './SDropdownSectionFilterItemAvatar.vue'
4
4
  import SDropdownSectionFilterItemText from './SDropdownSectionFilterItemText.vue'
5
5
 
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import type { DropdownSectionMenuOption } from '../composables/Dropdown'
2
+ import { type DropdownSectionMenuOption } from '../composables/Dropdown'
3
3
 
4
4
  defineProps<{
5
5
  options: DropdownSectionMenuOption[]
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import { Icon, IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
3
+ import { type DefineComponent } from 'vue'
4
4
 
5
5
  defineProps<{
6
6
  icon: IconifyIcon | DefineComponent
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import IconCaretDown from '@iconify-icons/ph/caret-down-bold'
3
- import type { DropdownSection } from 'sefirot/composables/Dropdown'
3
+ import { type DropdownSection } from 'sefirot/composables/Dropdown'
4
4
  import {
5
5
  getSelectedOption,
6
6
  useManualDropdownPosition
@@ -1,9 +1,9 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
3
  import IconQuestion from '@iconify-icons/ph/question'
4
- import type { DefineComponent } from 'vue'
4
+ import { type DefineComponent } from 'vue'
5
5
  import { computed, unref, useSlots } from 'vue'
6
- import type { Validatable } from '../composables/Validation'
6
+ import { type Validatable } from '../composables/Validation'
7
7
  import SIcon from './SIcon.vue'
8
8
  import STooltip from './STooltip.vue'
9
9
 
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
3
  import IconCheck from '@iconify-icons/ph/check-bold'
4
4
  import { computed } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import SIcon from './SIcon.vue'
7
7
  import SInputBase from './SInputBase.vue'
8
8
 
@@ -1,7 +1,7 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
3
  import { computed } from 'vue'
4
- import type { Validatable } from '../composables/Validation'
4
+ import { type Validatable } from '../composables/Validation'
5
5
  import SInputBase from './SInputBase.vue'
6
6
  import SInputCheckbox from './SInputCheckbox.vue'
7
7
 
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
3
  import { DatePicker } from 'v-calendar'
4
4
  import { computed } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import { type Day, day } from '../support/Day'
7
7
  import SInputBase from './SInputBase.vue'
8
8
 
@@ -1,14 +1,14 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
3
  import IconCaretDown from '@iconify-icons/ph/caret-down-bold'
4
4
  import IconCaretUp from '@iconify-icons/ph/caret-up-bold'
5
5
  import xor from 'lodash-es/xor'
6
- import type { DefineComponent } from 'vue'
6
+ import { type DefineComponent } from 'vue'
7
7
  import { computed, ref } from 'vue'
8
- import type { DropdownSectionFilter } from '../composables/Dropdown'
8
+ import { type DropdownSectionFilter } from '../composables/Dropdown'
9
9
  import { useManualDropdownPosition } from '../composables/Dropdown'
10
10
  import { useFlyout } from '../composables/Flyout'
11
- import type { Validatable } from '../composables/Validation'
11
+ import { type Validatable } from '../composables/Validation'
12
12
  import { isArray } from '../support/Utils'
13
13
  import SDropdown from './SDropdown.vue'
14
14
  import SIcon from './SIcon.vue'
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
4
  import { computed, ref } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import SInputBase from './SInputBase.vue'
7
7
 
8
8
  export type Size = 'mini' | 'small' | 'medium'
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
4
  import { computed, ref } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import SInputBase from './SInputBase.vue'
7
7
 
8
8
  export type Size = 'mini' | 'small' | 'medium'
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
4
  import { computed } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import { isNullish, isString } from '../support/Utils'
7
7
  import SInputText from './SInputText.vue'
8
8
 
@@ -1,7 +1,7 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
4
- import type { Validatable } from '../composables/Validation'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
+ import { type Validatable } from '../composables/Validation'
5
5
  import SInputBase from './SInputBase.vue'
6
6
 
7
7
  export type Size = 'mini' | 'small' | 'medium'
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
4
  import { computed } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import SInputBase from './SInputBase.vue'
7
7
  import SInputRadio from './SInputRadio.vue'
8
8
 
@@ -1,10 +1,10 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
3
  import IconCaretDown from '@iconify-icons/ph/caret-down-bold'
4
4
  import IconCaretUp from '@iconify-icons/ph/caret-up-bold'
5
- import type { DefineComponent } from 'vue'
5
+ import { type DefineComponent } from 'vue'
6
6
  import { computed, ref } from 'vue'
7
- import type { Validatable } from '../composables/Validation'
7
+ import { type Validatable } from '../composables/Validation'
8
8
  import SIcon from './SIcon.vue'
9
9
  import SInputBase from './SInputBase.vue'
10
10
 
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
4
  import { computed } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import SInputBase from './SInputBase.vue'
7
7
 
8
8
  export type Size = 'mini' | 'small' | 'medium'
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
4
  import { computed } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import SInputBase from './SInputBase.vue'
7
7
  import SInputSwitch from './SInputSwitch.vue'
8
8
 
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
4
  import { computed, ref } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import { isString } from '../support/Utils'
7
7
  import SIcon from './SIcon.vue'
8
8
  import SInputBase from './SInputBase.vue'
@@ -1,7 +1,7 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
3
  import { computed } from 'vue'
4
- import type { Validatable } from '../composables/Validation'
4
+ import { type Validatable } from '../composables/Validation'
5
5
  import SInputBase from './SInputBase.vue'
6
6
 
7
7
  export type Size = 'mini' | 'small' | 'medium'
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
- import type { IconifyIcon } from '@iconify/vue/dist/offline'
3
- import type { DefineComponent } from 'vue'
2
+ import { type IconifyIcon } from '@iconify/vue/dist/offline'
3
+ import { type DefineComponent } from 'vue'
4
4
  import { computed, ref } from 'vue'
5
- import type { Validatable } from '../composables/Validation'
5
+ import { type Validatable } from '../composables/Validation'
6
6
  import SInputBase from './SInputBase.vue'
7
7
 
8
8
  export type Size = 'mini' | 'small' | 'medium'
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import { computed, nextTick, shallowRef, watch } from 'vue'
3
- import type { LinkCallback, LinkSubscriberPayload } from '../composables/Markdown'
3
+ import { type LinkCallback, type LinkSubscriberPayload } from '../composables/Markdown'
4
4
  import { useLink, useMarkdown } from '../composables/Markdown'
5
5
 
6
6
  const props = defineProps<{
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import type { Mode, Type } from './SButton.vue'
2
+ import { type Mode, type Type } from './SButton.vue'
3
3
  import SButton from './SButton.vue'
4
4
 
5
5
  defineProps<{
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import IconX from '@iconify-icons/ph/x'
3
- import type { SnackbarAction } from '../stores/Snackbars'
3
+ import { type SnackbarAction } from '../stores/Snackbars'
4
4
  import { useSnackbars } from '../stores/Snackbars'
5
5
  import SButton from './SButton.vue'
6
6
  import SIcon from './SIcon.vue'
@@ -1,8 +1,8 @@
1
1
  <script setup lang="ts">
2
2
  import IconCheck from '@iconify-icons/ph/check'
3
3
  import IconX from '@iconify-icons/ph/x'
4
- import type { PropType } from 'vue'
5
- import type { BarMode, StepStatus } from '../composables/Step'
4
+ import { type PropType } from 'vue'
5
+ import { type BarMode, type StepStatus } from '../composables/Step'
6
6
  import SIcon from './SIcon.vue'
7
7
 
8
8
  defineProps({
@@ -1,7 +1,7 @@
1
1
  <script setup lang="ts">
2
- import type { PropType } from 'vue'
2
+ import { type PropType } from 'vue'
3
3
  import { computed } from 'vue'
4
- import type { BarMode, Step } from '../composables/Step'
4
+ import { type BarMode, type Step } from '../composables/Step'
5
5
  import SStep from './SStep.vue'
6
6
 
7
7
  const props = defineProps({
@@ -10,7 +10,7 @@ import {
10
10
  watch
11
11
  } from 'vue'
12
12
  import { DynamicScroller, DynamicScrollerItem } from 'vue-virtual-scroller'
13
- import type { Table } from '../composables/Table'
13
+ import { type Table } from '../composables/Table'
14
14
  import SSpinner from './SSpinner.vue'
15
15
  import STableCell from './STableCell.vue'
16
16
  import STableColumn from './STableColumn.vue'
@@ -259,19 +259,52 @@ function getCell(key: string, index: number) {
259
259
  @mouseleave="lockBody(false)"
260
260
  @scroll="syncBodyScroll"
261
261
  >
262
- <DynamicScroller
263
- :items="recordsWithSummary"
264
- :min-item-size="40"
265
- key-field="__index"
266
- class="block"
267
- :style="blockWidth ? { width: `${blockWidth}px` } : undefined"
268
- :prerender="Math.min(10, recordsWithSummary.length)"
269
- >
270
- <template #default="{ item: record, index: rIndex, active }">
271
- <DynamicScrollerItem
272
- :item="record"
273
- :active="active"
274
- :data-index="rIndex"
262
+ <template v-if="unref(options.virtualScroll)">
263
+ <DynamicScroller
264
+ :items="recordsWithSummary"
265
+ :min-item-size="40"
266
+ key-field="__index"
267
+ class="block"
268
+ :style="blockWidth ? { width: `${blockWidth}px` } : undefined"
269
+ :prerender="Math.min(10, recordsWithSummary.length)"
270
+ >
271
+ <template #default="{ item: record, index: rIndex, active }">
272
+ <DynamicScrollerItem
273
+ :item="record"
274
+ :active="active"
275
+ :data-index="rIndex"
276
+ >
277
+ <div class="row" :class="isSummaryOrLastClass(rIndex)">
278
+ <STableItem
279
+ v-for="key in unref(options.orders)"
280
+ :key="key"
281
+ :name="key"
282
+ :class-name="unref(options.columns)[key].className"
283
+ :width="colWidths[key]"
284
+ >
285
+ <STableCell
286
+ :name="key"
287
+ :class="isSummary(rIndex) && 'summary'"
288
+ :class-name="unref(options.columns)[key].className"
289
+ :cell="getCell(key, rIndex)"
290
+ :value="record[key]"
291
+ :record="record"
292
+ :records="unref(options.records)!"
293
+ />
294
+ </STableItem>
295
+ </div>
296
+ </DynamicScrollerItem>
297
+ </template>
298
+ </DynamicScroller>
299
+ </template>
300
+ <template v-else>
301
+ <div
302
+ class="block"
303
+ :style="blockWidth ? { width: `${blockWidth}px` } : undefined"
304
+ >
305
+ <div
306
+ v-for="(record, rIndex) in recordsWithSummary"
307
+ :key="record.__index"
275
308
  >
276
309
  <div class="row" :class="isSummaryOrLastClass(rIndex)">
277
310
  <STableItem
@@ -292,9 +325,9 @@ function getCell(key: string, index: number) {
292
325
  />
293
326
  </STableItem>
294
327
  </div>
295
- </DynamicScrollerItem>
296
- </template>
297
- </DynamicScroller>
328
+ </div>
329
+ </div>
330
+ </template>
298
331
  </div>
299
332
  </div>
300
333
 
@@ -378,7 +411,6 @@ function getCell(key: string, index: number) {
378
411
 
379
412
  .block {
380
413
  max-height: var(--table-max-height, 100%);
381
- overflow-y: auto;
382
414
  }
383
415
  }
384
416
 
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import { computed } from 'vue'
3
- import type { TableCell } from '../composables/Table'
3
+ import { type TableCell } from '../composables/Table'
4
4
  import STableCellAvatar from './STableCellAvatar.vue'
5
5
  import STableCellAvatars from './STableCellAvatars.vue'
6
6
  import STableCellDay from './STableCellDay.vue'
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import { computed } from 'vue'
3
- import type { TableCellAvatarsOption } from '../composables/Table'
3
+ import { type TableCellAvatarsOption } from '../composables/Table'
4
4
  import SAvatar from './SAvatar.vue'
5
5
 
6
6
  const props = defineProps<{
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import { computed } from 'vue'
3
- import type { Day } from '../support/Day'
3
+ import { type Day } from '../support/Day'
4
4
 
5
5
  const props = defineProps<{
6
6
  value?: Day | null
@@ -1,6 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import { computed } from 'vue'
3
- import type { TableCellPillColor } from '../composables/Table'
3
+ import { type TableCellPillColor } from '../composables/Table'
4
4
  import STableCellPill from './STableCellPill.vue'
5
5
 
6
6
  export interface Pill {
@@ -1,7 +1,7 @@
1
1
  <script setup lang="ts">
2
2
  import IconDotsThree from '@iconify-icons/ph/dots-three'
3
3
  import { computed, nextTick, ref, unref, watch } from 'vue'
4
- import type { DropdownSection } from '../composables/Dropdown'
4
+ import { type DropdownSection } from '../composables/Dropdown'
5
5
  import { useFlyout } from '../composables/Flyout'
6
6
  import { isArray } from '../support/Utils'
7
7
  import SDropdown from './SDropdown.vue'
@@ -1,6 +1,6 @@
1
1
  import { watchOnce } from '@vueuse/core'
2
2
  import cloneDeep from 'lodash-es/cloneDeep'
3
- import type { WatchSource } from 'vue'
3
+ import { type WatchSource } from 'vue'
4
4
  import { reactive } from 'vue'
5
5
  import { isNullish, isObject } from '../support/Utils'
6
6
 
@@ -1,6 +1,6 @@
1
- import type { MaybeRef } from '@vueuse/core'
1
+ import { type MaybeRef } from '@vueuse/core'
2
2
  import { useElementBounding, useWindowSize } from '@vueuse/core'
3
- import type { Ref } from 'vue'
3
+ import { type Ref } from 'vue'
4
4
  import { ref, unref } from 'vue'
5
5
 
6
6
  export type DropdownSection =
@@ -1,4 +1,4 @@
1
- import type { Ref } from 'vue'
1
+ import { type Ref } from 'vue'
2
2
  import { ref, watch } from 'vue'
3
3
 
4
4
  export function useFlyout(container?: Ref<any>) {
@@ -1,4 +1,4 @@
1
- import type { Ref } from 'vue'
1
+ import { type Ref } from 'vue'
2
2
  import { onMounted, onUnmounted, ref, watchEffect } from 'vue'
3
3
 
4
4
  export interface Grid {
@@ -1,8 +1,8 @@
1
1
  import MarkdownIt from 'markdown-it'
2
- import type { Ref } from 'vue'
2
+ import { type Ref } from 'vue'
3
3
  import { onUnmounted } from 'vue'
4
4
  import { useRouter } from 'vue-router'
5
- import type { LinkAttrs } from './markdown/LinkPlugin'
5
+ import { type LinkAttrs } from './markdown/LinkPlugin'
6
6
  import { isCallbackUrl, isExternalUrl, linkPlugin } from './markdown/LinkPlugin'
7
7
 
8
8
  export type UseMarkdown = (source: string, inline: boolean) => string
@@ -1,7 +1,7 @@
1
- import type { MaybeRef } from '@vueuse/core'
2
- import type { Component } from 'vue'
3
- import type { Day } from '../support/Day'
4
- import type { DropdownSection } from './Dropdown'
1
+ import { type MaybeRef } from '@vueuse/core'
2
+ import { type Component } from 'vue'
3
+ import { type Day } from '../support/Day'
4
+ import { type DropdownSection } from './Dropdown'
5
5
 
6
6
  export interface Table<
7
7
  O extends string = any,
@@ -20,6 +20,7 @@ export interface Table<
20
20
  reset?: MaybeRef<boolean | undefined>
21
21
  borderless?: MaybeRef<boolean>
22
22
  loading?: MaybeRef<boolean | undefined>
23
+ virtualScroll?: MaybeRef<boolean | undefined>
23
24
  onPrev?(): void
24
25
  onNext?(): void
25
26
  onReset?(): void
@@ -1,6 +1,6 @@
1
- import type { MaybeComputedRef } from '@vueuse/core'
1
+ import { type MaybeComputedRef } from '@vueuse/core'
2
2
  import { resolveUnref } from '@vueuse/core'
3
- import type { ComputedRef } from 'vue'
3
+ import { type ComputedRef } from 'vue'
4
4
  import { computed } from 'vue'
5
5
 
6
6
  export type WhenCondition<T> = MaybeComputedRef<T>
@@ -1,12 +1,12 @@
1
- import type {
2
- GlobalConfig,
3
- Validation,
4
- ValidationArgs
1
+ import {
2
+ type GlobalConfig,
3
+ type Validation,
4
+ type ValidationArgs
5
5
  } from '@vuelidate/core'
6
6
  import {
7
7
  useVuelidate
8
8
  } from '@vuelidate/core'
9
- import type { Ref, ToRefs } from 'vue'
9
+ import { type Ref, type ToRefs } from 'vue'
10
10
 
11
11
  export type { Validation, ValidationArgs, GlobalConfig }
12
12
 
@@ -1,4 +1,4 @@
1
- import type { App } from 'vue'
1
+ import { type App } from 'vue'
2
2
  import SSheet from '../components/SSheet.vue'
3
3
  import SSheetFooter from '../components/SSheetFooter.vue'
4
4
  import SSheetFooterAction from '../components/SSheetFooterAction.vue'
@@ -1,4 +1,4 @@
1
- import type { ConfigType, Dayjs } from 'dayjs'
1
+ import { type ConfigType, type Dayjs } from 'dayjs'
2
2
  import dayjs from 'dayjs'
3
3
  import PluginRelativeTime from 'dayjs/plugin/relativeTime'
4
4
  import PluginTimezone from 'dayjs/plugin/timezone'
@@ -1,5 +1,5 @@
1
1
  import { helpers } from '@vuelidate/validators'
2
- import type { Hms } from '../../support/Day'
2
+ import { type Hms } from '../../support/Day'
3
3
  import { hms as baseHms } from '../validators/hms'
4
4
 
5
5
  type HmsType = 'h' | 'm' | 's'
@@ -1,5 +1,5 @@
1
1
  import { helpers } from '@vuelidate/validators'
2
- import type { Hms } from '../../support/Day'
2
+ import { type Hms } from '../../support/Day'
3
3
  import { requiredHms as baseRequiredHms } from '../validators/requiredHms'
4
4
 
5
5
  type HmsType = 'h' | 'm' | 's'
@@ -1,5 +1,5 @@
1
1
  import { helpers } from '@vuelidate/validators'
2
- import type { Ymd } from '../../support/Day'
2
+ import { type Ymd } from '../../support/Day'
3
3
  import { requiredYmd as baseRequiredYmd } from '../validators/requiredYmd'
4
4
 
5
5
  type YmdType = 'y' | 'm' | 'd'
@@ -1,5 +1,5 @@
1
1
  import { helpers } from '@vuelidate/validators'
2
- import type { Ymd } from '../../support/Day'
2
+ import { type Ymd } from '../../support/Day'
3
3
  import { ymd as baseYmd } from '../validators/ymd'
4
4
 
5
5
  type YmdType = 'y' | 'm' | 'd'
@@ -1,4 +1,4 @@
1
- import type { Hms } from '../../support/Day'
1
+ import { type Hms } from '../../support/Day'
2
2
 
3
3
  type HmsType = 'h' | 'm' | 's'
4
4
 
@@ -1,4 +1,4 @@
1
- import type { Hms } from '../../support/Day'
1
+ import { type Hms } from '../../support/Day'
2
2
 
3
3
  type HmsType = 'h' | 'm' | 's'
4
4
 
@@ -1,4 +1,4 @@
1
- import type { Ymd } from '../../support/Day'
1
+ import { type Ymd } from '../../support/Day'
2
2
 
3
3
  type YmdType = 'y' | 'm' | 'd'
4
4
 
@@ -1,5 +1,5 @@
1
1
  import day from 'dayjs'
2
- import type { Ymd } from '../../support/Day'
2
+ import { type Ymd } from '../../support/Day'
3
3
 
4
4
  type YmdType = 'y' | 'm' | 'd'
5
5
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@globalbrain/sefirot",
3
- "version": "2.33.0",
3
+ "version": "2.34.0",
4
4
  "packageManager": "pnpm@8.3.1",
5
5
  "description": "Vue Components for Global Brain Design System.",
6
6
  "author": "Kia Ishii <ka.ishii@globalbrains.com>",
@@ -47,7 +47,7 @@
47
47
  "dayjs": "^1.11.7"
48
48
  },
49
49
  "devDependencies": {
50
- "@globalbrain/eslint-config": "^1.3.0",
50
+ "@globalbrain/eslint-config": "^1.5.0",
51
51
  "@histoire/plugin-vue": "^0.15.8",
52
52
  "@iconify-icons/ph": "^1.2.3",
53
53
  "@iconify/vue": "^4.0.2",
@@ -65,7 +65,7 @@
65
65
  "chalk": "^4.1.2",
66
66
  "conventional-changelog-cli": "^2.2.2",
67
67
  "enquirer": "^2.3.6",
68
- "eslint": "^8.35.0",
68
+ "eslint": "^8.40.0",
69
69
  "execa": "^5.1.1",
70
70
  "fuse.js": "^6.6.2",
71
71
  "happy-dom": "^9.9.2",