yuyeon 0.1.2-rc.2 → 0.2.1-rc.2

package/lib/components/table/composibles/sorting.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sorting.mjs","names":["toRef","inject","provide","useModelDuplex","propsFactory","Y_DATA_TABLE_SORTING_KEY","Symbol","for","pressDataTableSortProps","sortBy","type","Array","default","multiSort","Boolean","createSorting","props","provideSorting","options","page","toggleSort","column","neo","value","map","v","target","find","key","sortOption","order","mustSort","filter","isSorted","option","data","useSorting","Error","description"],"sources":["../../../../src/components/table/composibles/sorting.ts"],"sourcesContent":["import { toRef } from '@vue/runtime-core';\nimport {\n  DeepReadonly,\n  InjectionKey,\n  PropType,\n  Ref,\n  inject,\n  provide,\n} from 'vue';\n\nimport { useModelDuplex } from '../../../composables/communication';\nimport { propsFactory } from '../../../util/vue-component';\nimport type {\n  DataTableProvideSortingData,\n  InternalDataTableHeader,\n  SortOption,\n} from '../types';\n\nconst Y_DATA_TABLE_SORTING_KEY: InjectionKey<{\n  sortBy: Ref<readonly SortOption[]>;\n  toggleSort: (col: InternalDataTableHeader) => void;\n  isSorted: (col: InternalDataTableHeader) => boolean;\n}> = Symbol.for('yuyeon.data-table.sorting');\n\nexport const pressDataTableSortProps = propsFactory(\n  {\n    sortBy: {\n      type: Array as PropType<DeepReadonly<SortOption[]>>,\n      default: () => [],\n    },\n    multiSort: Boolean,\n  },\n  'YDataTable--sorting',\n);\n\ntype SortProps = {\n  sortBy: readonly SortOption[];\n  'onUpdate:sortBy': ((value: any) => void) | undefined;\n  multiSort: boolean;\n};\n\nexport function createSorting(props: SortProps) {\n  const sortBy = useModelDuplex(props, 'sortBy');\n  const multiSort = toRef(props, 'multiSort');\n\n  return { sortBy, multiSort };\n}\n\nexport function provideSorting(options: {\n  sortBy: Ref<readonly SortOption[]>;\n  page?: Ref<number>;\n  multiSort?: Ref<boolean>;\n}) {\n  const { sortBy, multiSort, page } = options;\n\n  const toggleSort = (column: InternalDataTableHeader) => {\n    let neo = sortBy.value?.map((v) => ({ ...v })) ?? [];\n    const target = neo.find((v) => v.key === column.key);\n    const sortOption: SortOption = { key: column.key, order: 'asc' };\n\n    if (!target) {\n      if (multiSort?.value) {\n        neo = [...neo, sortOption];\n      } else {\n        neo = [sortOption];\n      }\n    } else if (target.order === 'desc') {\n      if (column.mustSort) {\n        target.order = 'asc';\n      } else {\n        neo = neo.filter((v) => v.key !== column.key);\n      }\n    } else {\n      target.order = 'desc';\n    }\n    sortBy.value = neo;\n    if (page) {\n      page.value = 1;\n    }\n  };\n\n  function isSorted(column: InternalDataTableHeader) {\n    return !!sortBy.value.find((option) => option.key === column.key);\n  }\n\n  const data: DataTableProvideSortingData = { sortBy, toggleSort, isSorted };\n\n  provide(Y_DATA_TABLE_SORTING_KEY, data);\n\n  return data;\n}\n\nexport function useSorting() {\n  const data = inject(Y_DATA_TABLE_SORTING_KEY);\n  if (!data) {\n    throw new Error(`Not provided: ${Y_DATA_TABLE_SORTING_KEY.description}`);\n  }\n  return data;\n}\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,mBAAmB;AACzC,SAKEC,MAAM,EACNC,OAAO,QACF,KAAK;AAAC,SAEJC,cAAc;AAAA,SACdC,YAAY;AAOrB,MAAMC,wBAIJ,GAAGC,MAAM,CAACC,GAAG,CAAC,2BAA2B,CAAC;AAE5C,OAAO,MAAMC,uBAAuB,GAAGJ,YAAY,CACjD;EACEK,MAAM,EAAE;IACNC,IAAI,EAAEC,KAA6C;IACnDC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,SAAS,EAAEC;AACb,CAAC,EACD,qBACF,CAAC;AAQD,OAAO,SAASC,aAAaA,CAACC,KAAgB,EAAE;EAC9C,MAAMP,MAAM,GAAGN,cAAc,CAACa,KAAK,EAAE,QAAQ,CAAC;EAC9C,MAAMH,SAAS,GAAGb,KAAK,CAACgB,KAAK,EAAE,WAAW,CAAC;EAE3C,OAAO;IAAEP,MAAM;IAAEI;EAAU,CAAC;AAC9B;AAEA,OAAO,SAASI,cAAcA,CAACC,OAI9B,EAAE;EACD,MAAM;IAAET,MAAM;IAAEI,SAAS;IAAEM;EAAK,CAAC,GAAGD,OAAO;EAE3C,MAAME,UAAU,GAAIC,MAA+B,IAAK;IACtD,IAAIC,GAAG,GAAGb,MAAM,CAACc,KAAK,EAAEC,GAAG,CAAEC,CAAC,KAAM;MAAE,GAAGA;IAAE,CAAC,CAAC,CAAC,IAAI,EAAE;IACpD,MAAMC,MAAM,GAAGJ,GAAG,CAACK,IAAI,CAAEF,CAAC,IAAKA,CAAC,CAACG,GAAG,KAAKP,MAAM,CAACO,GAAG,CAAC;IACpD,MAAMC,UAAsB,GAAG;MAAED,GAAG,EAAEP,MAAM,CAACO,GAAG;MAAEE,KAAK,EAAE;IAAM,CAAC;IAEhE,IAAI,CAACJ,MAAM,EAAE;MACX,IAAIb,SAAS,EAAEU,KAAK,EAAE;QACpBD,GAAG,GAAG,CAAC,GAAGA,GAAG,EAAEO,UAAU,CAAC;MAC5B,CAAC,MAAM;QACLP,GAAG,GAAG,CAACO,UAAU,CAAC;MACpB;IACF,CAAC,MAAM,IAAIH,MAAM,CAACI,KAAK,KAAK,MAAM,EAAE;MAClC,IAAIT,MAAM,CAACU,QAAQ,EAAE;QACnBL,MAAM,CAACI,KAAK,GAAG,KAAK;MACtB,CAAC,MAAM;QACLR,GAAG,GAAGA,GAAG,CAACU,MAAM,CAAEP,CAAC,IAAKA,CAAC,CAACG,GAAG,KAAKP,MAAM,CAACO,GAAG,CAAC;MAC/C;IACF,CAAC,MAAM;MACLF,MAAM,CAACI,KAAK,GAAG,MAAM;IACvB;IACArB,MAAM,CAACc,KAAK,GAAGD,GAAG;IAClB,IAAIH,IAAI,EAAE;MACRA,IAAI,CAACI,KAAK,GAAG,CAAC;IAChB;EACF,CAAC;EAED,SAASU,QAAQA,CAACZ,MAA+B,EAAE;IACjD,OAAO,CAAC,CAACZ,MAAM,CAACc,KAAK,CAACI,IAAI,CAAEO,MAAM,IAAKA,MAAM,CAACN,GAAG,KAAKP,MAAM,CAACO,GAAG,CAAC;EACnE;EAEA,MAAMO,IAAiC,GAAG;IAAE1B,MAAM;IAAEW,UAAU;IAAEa;EAAS,CAAC;EAE1E/B,OAAO,CAACG,wBAAwB,EAAE8B,IAAI,CAAC;EAEvC,OAAOA,IAAI;AACb;AAEA,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,MAAMD,IAAI,GAAGlC,MAAM,CAACI,wBAAwB,CAAC;EAC7C,IAAI,CAAC8B,IAAI,EAAE;IACT,MAAM,IAAIE,KAAK,CAAE,iBAAgBhC,wBAAwB,CAACiC,WAAY,EAAC,CAAC;EAC1E;EACA,OAAOH,IAAI;AACb"}
+{"version":3,"file":"sorting.mjs","names":["inject","provide","toRef","useModelDuplex","propsFactory","Y_DATA_TABLE_SORTING_KEY","Symbol","for","pressDataTableSortProps","sortBy","type","Array","default","multiSort","Boolean","createSorting","props","provideSorting","options","page","toggleSort","column","neo","value","map","v","target","find","key","sortOption","order","mustSort","filter","isSorted","option","data","useSorting","Error","description"],"sources":["../../../../src/components/table/composibles/sorting.ts"],"sourcesContent":["import {\n  type DeepReadonly,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n  inject,\n  provide,\n  toRef,\n} from 'vue';\n\nimport { useModelDuplex } from '@/composables/communication';\nimport { propsFactory } from '@/util/component';\n\nimport type {\n  DataTableProvideSortingData,\n  InternalDataTableHeader,\n  SortOption,\n} from '../types';\n\nconst Y_DATA_TABLE_SORTING_KEY: InjectionKey<{\n  sortBy: Ref<readonly SortOption[]>;\n  toggleSort: (col: InternalDataTableHeader) => void;\n  isSorted: (col: InternalDataTableHeader) => boolean;\n}> = Symbol.for('yuyeon.data-table.sorting');\n\nexport const pressDataTableSortProps = propsFactory(\n  {\n    sortBy: {\n      type: Array as PropType<DeepReadonly<SortOption[]>>,\n      default: () => [],\n    },\n    multiSort: Boolean,\n  },\n  'YDataTable--sorting',\n);\n\ntype SortProps = {\n  sortBy: readonly SortOption[];\n  'onUpdate:sortBy': ((value: any) => void) | undefined;\n  multiSort: boolean;\n};\n\nexport function createSorting(props: SortProps) {\n  const sortBy = useModelDuplex(props, 'sortBy');\n  const multiSort = toRef(props, 'multiSort');\n\n  return { sortBy, multiSort };\n}\n\nexport function provideSorting(options: {\n  sortBy: Ref<readonly SortOption[]>;\n  page?: Ref<number>;\n  multiSort?: Ref<boolean>;\n}) {\n  const { sortBy, multiSort, page } = options;\n\n  const toggleSort = (column: InternalDataTableHeader) => {\n    let neo = sortBy.value?.map((v) => ({ ...v })) ?? [];\n    const target = neo.find((v) => v.key === column.key);\n    const sortOption: SortOption = { key: column.key, order: 'asc' };\n\n    if (!target) {\n      if (multiSort?.value) {\n        neo = [...neo, sortOption];\n      } else {\n        neo = [sortOption];\n      }\n    } else if (target.order === 'desc') {\n      if (column.mustSort) {\n        target.order = 'asc';\n      } else {\n        neo = neo.filter((v) => v.key !== column.key);\n      }\n    } else {\n      target.order = 'desc';\n    }\n    sortBy.value = neo;\n    if (page) {\n      page.value = 1;\n    }\n  };\n\n  function isSorted(column: InternalDataTableHeader) {\n    return !!sortBy.value.find((option) => option.key === column.key);\n  }\n\n  const data: DataTableProvideSortingData = { sortBy, toggleSort, isSorted };\n\n  provide(Y_DATA_TABLE_SORTING_KEY, data);\n\n  return data;\n}\n\nexport function useSorting() {\n  const data = inject(Y_DATA_TABLE_SORTING_KEY);\n  if (!data) {\n    throw new Error(`Not provided: ${Y_DATA_TABLE_SORTING_KEY.description}`);\n  }\n  return data;\n}\n"],"mappings":"AAAA,SAKEA,MAAM,EACNC,OAAO,EACPC,KAAK,QACA,KAAK;AAAC,SAEJC,cAAc;AAAA,SACdC,YAAY;AAQrB,MAAMC,wBAIJ,GAAGC,MAAM,CAACC,GAAG,CAAC,2BAA2B,CAAC;AAE5C,OAAO,MAAMC,uBAAuB,GAAGJ,YAAY,CACjD;EACEK,MAAM,EAAE;IACNC,IAAI,EAAEC,KAA6C;IACnDC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,SAAS,EAAEC;AACb,CAAC,EACD,qBACF,CAAC;AAQD,OAAO,SAASC,aAAaA,CAACC,KAAgB,EAAE;EAC9C,MAAMP,MAAM,GAAGN,cAAc,CAACa,KAAK,EAAE,QAAQ,CAAC;EAC9C,MAAMH,SAAS,GAAGX,KAAK,CAACc,KAAK,EAAE,WAAW,CAAC;EAE3C,OAAO;IAAEP,MAAM;IAAEI;EAAU,CAAC;AAC9B;AAEA,OAAO,SAASI,cAAcA,CAACC,OAI9B,EAAE;EACD,MAAM;IAAET,MAAM;IAAEI,SAAS;IAAEM;EAAK,CAAC,GAAGD,OAAO;EAE3C,MAAME,UAAU,GAAIC,MAA+B,IAAK;IACtD,IAAIC,GAAG,GAAGb,MAAM,CAACc,KAAK,EAAEC,GAAG,CAAEC,CAAC,KAAM;MAAE,GAAGA;IAAE,CAAC,CAAC,CAAC,IAAI,EAAE;IACpD,MAAMC,MAAM,GAAGJ,GAAG,CAACK,IAAI,CAAEF,CAAC,IAAKA,CAAC,CAACG,GAAG,KAAKP,MAAM,CAACO,GAAG,CAAC;IACpD,MAAMC,UAAsB,GAAG;MAAED,GAAG,EAAEP,MAAM,CAACO,GAAG;MAAEE,KAAK,EAAE;IAAM,CAAC;IAEhE,IAAI,CAACJ,MAAM,EAAE;MACX,IAAIb,SAAS,EAAEU,KAAK,EAAE;QACpBD,GAAG,GAAG,CAAC,GAAGA,GAAG,EAAEO,UAAU,CAAC;MAC5B,CAAC,MAAM;QACLP,GAAG,GAAG,CAACO,UAAU,CAAC;MACpB;IACF,CAAC,MAAM,IAAIH,MAAM,CAACI,KAAK,KAAK,MAAM,EAAE;MAClC,IAAIT,MAAM,CAACU,QAAQ,EAAE;QACnBL,MAAM,CAACI,KAAK,GAAG,KAAK;MACtB,CAAC,MAAM;QACLR,GAAG,GAAGA,GAAG,CAACU,MAAM,CAAEP,CAAC,IAAKA,CAAC,CAACG,GAAG,KAAKP,MAAM,CAACO,GAAG,CAAC;MAC/C;IACF,CAAC,MAAM;MACLF,MAAM,CAACI,KAAK,GAAG,MAAM;IACvB;IACArB,MAAM,CAACc,KAAK,GAAGD,GAAG;IAClB,IAAIH,IAAI,EAAE;MACRA,IAAI,CAACI,KAAK,GAAG,CAAC;IAChB;EACF,CAAC;EAED,SAASU,QAAQA,CAACZ,MAA+B,EAAE;IACjD,OAAO,CAAC,CAACZ,MAAM,CAACc,KAAK,CAACI,IAAI,CAAEO,MAAM,IAAKA,MAAM,CAACN,GAAG,KAAKP,MAAM,CAACO,GAAG,CAAC;EACnE;EAEA,MAAMO,IAAiC,GAAG;IAAE1B,MAAM;IAAEW,UAAU;IAAEa;EAAS,CAAC;EAE1EhC,OAAO,CAACI,wBAAwB,EAAE8B,IAAI,CAAC;EAEvC,OAAOA,IAAI;AACb;AAEA,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,MAAMD,IAAI,GAAGnC,MAAM,CAACK,wBAAwB,CAAC;EAC7C,IAAI,CAAC8B,IAAI,EAAE;IACT,MAAM,IAAIE,KAAK,CAAE,iBAAgBhC,wBAAwB,CAACiC,WAAY,EAAC,CAAC;EAC1E;EACA,OAAOH,IAAI;AACb"}

package/lib/components/table/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/table/index.ts"],"sourcesContent":["export * from './YTable';\r\nexport * from './YDataTable';\r\nexport * from './YDataTableServer';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/table/index.ts"],"sourcesContent":["export * from './YTable';\nexport * from './YDataTable';\nexport * from './YDataTableServer';\n"],"mappings":""}

package/lib/components/table/types/common.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"common.mjs","names":[],"sources":["../../../../src/components/table/types/common.ts"],"sourcesContent":["export type DataTableCompareFn<T = any> = (a: T, b: T) => number;\r\nexport type DataTableCellClassesFn = (\r\n  item: any,\r\n  index: number,\r\n  header: any,\r\n) => string | string[] | undefined;\r\n"],"mappings":""}
+{"version":3,"file":"common.mjs","names":[],"sources":["../../../../src/components/table/types/common.ts"],"sourcesContent":["export type DataTableCompareFn<T = any> = (a: T, b: T) => number;\nexport type DataTableCellClassesFn = (\n  item: any,\n  index: number,\n  header: any,\n) => string | string[] | undefined;\n"],"mappings":""}

package/lib/components/table/types/header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/table/types/header.ts"],"sourcesContent":["import { type DataTableCellClassesFn, type DataTableCompareFn } from './common';\r\n\r\nexport type DataTableHeader = {\r\n  key: string;\r\n  text: string;\r\n  value?: any;\r\n\r\n  colspan?: number;\r\n  rowspan?: number;\r\n  fixed?: boolean;\r\n\r\n  classes?: string | string[] | DataTableCellClassesFn;\r\n  align?: 'start' | 'end' | 'center';\r\n  width?: number | string;\r\n  minWidth?: string;\r\n  maxWidth?: string;\r\n  sortable?: boolean;\r\n  sort?: DataTableCompareFn;\r\n  mustSort?: boolean;\r\n};\r\n\r\nexport type InternalDataTableHeader = DataTableHeader & {\r\n  sortable: boolean;\r\n  fixedOffset?: number;\r\n  lastFixed?: boolean;\r\n};\r\n"],"mappings":""}
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/table/types/header.ts"],"sourcesContent":["import { type DataTableCellClassesFn, type DataTableCompareFn } from './common';\n\nexport type DataTableHeader = {\n  key: string;\n  text: string;\n  value?: any;\n\n  colspan?: number;\n  rowspan?: number;\n  fixed?: boolean;\n\n  classes?: string | string[] | DataTableCellClassesFn;\n  align?: 'start' | 'end' | 'center';\n  width?: number | string;\n  minWidth?: string;\n  maxWidth?: string;\n  sortable?: boolean;\n  sort?: DataTableCompareFn;\n  mustSort?: boolean;\n};\n\nexport type InternalDataTableHeader = DataTableHeader & {\n  sortable: boolean;\n  fixedOffset?: number;\n  lastFixed?: boolean;\n};\n"],"mappings":""}

package/lib/components/table/types/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/table/types/index.ts"],"sourcesContent":["import { ComputedRef, Ref, UnwrapRef } from 'vue';\n\nimport { SelectableItem } from '../composibles/selection';\nimport type { DataTableCompareFn } from './common';\nimport type { DataTableHeader, InternalDataTableHeader } from './header';\nimport type { DataTableItem, ItemKeySlot } from './item';\nimport type { RowProps, CellProps } from './row';\n\nexport type {\n  ItemKeySlot,\n  RowProps,\n  CellProps,\n  DataTableHeader,\n  InternalDataTableHeader,\n  DataTableItem,\n  DataTableCompareFn,\n};\n\nexport type SortOption = { key: string; order?: boolean | 'asc' | 'desc' };\n\nexport type DataTableProvideSortingData = {\n  sortBy: Ref<readonly SortOption[]>;\n  toggleSort: (column: InternalDataTableHeader) => void;\n  isSorted: (column: InternalDataTableHeader) => boolean;\n};\n\nexport interface DataTableProvidePaginationData {\n  page: Ref<number>;\n  pageSize: Ref<number>;\n  startIndex: ComputedRef<number>;\n  endIndex: ComputedRef<number>;\n  pageLength: ComputedRef<number>;\n  total: Ref<number>;\n  nextPage: () => void;\n  prevPage: () => void;\n  setPage: (value: number) => void;\n  setPageSize: (value: number) => void;\n}\n\nexport interface DataTableProvideSelectionData {\n  toggleSelect: (item: SelectableItem) => void;\n  select: (items: SelectableItem[], value: boolean) => void;\n  selectAll: (value: boolean) => void;\n  isSelected: (items: SelectableItem | SelectableItem[]) => any;\n  isSomeSelected: (items: SelectableItem | SelectableItem[]) => any;\n  someSelected: ComputedRef<boolean>;\n  allSelected: ComputedRef<any>;\n  showSelectAll: boolean;\n  selectables: ComputedRef<SelectableItem[]>;\n}\n\nexport type YDataTableSlotProps = {\n  // pagination\n  page: number;\n  pageSize: number;\n  pageLength: number;\n  setPageSize: DataTableProvidePaginationData['setPageSize'];\n  // sorting\n  sortBy: UnwrapRef<DataTableProvideSortingData['sortBy']>;\n  toggleSort: DataTableProvideSortingData['toggleSort'];\n  // selection\n  someSelected: boolean;\n  allSelected: boolean;\n  isSelected: DataTableProvideSelectionData['isSelected'];\n  select: DataTableProvideSelectionData['select'];\n  selectAll: DataTableProvideSelectionData['selectAll'];\n  toggleSelect: DataTableProvideSelectionData['toggleSelect'];\n  //\n  items: readonly DataTableItem[];\n  columns: InternalDataTableHeader[];\n  headers: InternalDataTableHeader[][];\n};\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/table/types/index.ts"],"sourcesContent":["import { ComputedRef, Ref, UnwrapRef } from 'vue';\n\nimport { SelectableItem } from '../composibles/selection';\nimport type { DataTableCompareFn } from './common';\nimport type { DataTableHeader, InternalDataTableHeader } from './header';\nimport type { DataTableItem, ItemKeySlot } from './item';\nimport type { CellProps, RowProps } from './row';\n\nexport type {\n  ItemKeySlot,\n  RowProps,\n  CellProps,\n  DataTableHeader,\n  InternalDataTableHeader,\n  DataTableItem,\n  DataTableCompareFn,\n};\n\nexport type SortOption = { key: string; order?: boolean | 'asc' | 'desc' };\n\nexport type DataTableProvideSortingData = {\n  sortBy: Ref<readonly SortOption[]>;\n  toggleSort: (column: InternalDataTableHeader) => void;\n  isSorted: (column: InternalDataTableHeader) => boolean;\n};\n\nexport interface DataTableProvidePaginationData {\n  page: Ref<number>;\n  pageSize: Ref<number>;\n  startIndex: ComputedRef<number>;\n  endIndex: ComputedRef<number>;\n  pageLength: ComputedRef<number>;\n  total: Ref<number>;\n  nextPage: () => void;\n  prevPage: () => void;\n  setPage: (value: number) => void;\n  setPageSize: (value: number) => void;\n}\n\nexport interface DataTableProvideSelectionData {\n  toggleSelect: (item: SelectableItem) => void;\n  select: (items: SelectableItem[], value: boolean) => void;\n  selectAll: (value: boolean) => void;\n  isSelected: (items: SelectableItem | SelectableItem[]) => any;\n  isSomeSelected: (items: SelectableItem | SelectableItem[]) => any;\n  someSelected: ComputedRef<boolean>;\n  allSelected: ComputedRef<any>;\n  showSelectAll: boolean;\n  selectables: ComputedRef<SelectableItem[]>;\n}\n\nexport type YDataTableSlotProps = {\n  // pagination\n  page: number;\n  pageSize: number;\n  pageLength: number;\n  setPageSize: DataTableProvidePaginationData['setPageSize'];\n  // sorting\n  sortBy: UnwrapRef<DataTableProvideSortingData['sortBy']>;\n  toggleSort: DataTableProvideSortingData['toggleSort'];\n  // selection\n  someSelected: boolean;\n  allSelected: boolean;\n  isSelected: DataTableProvideSelectionData['isSelected'];\n  select: DataTableProvideSelectionData['select'];\n  selectAll: DataTableProvideSelectionData['selectAll'];\n  toggleSelect: DataTableProvideSelectionData['toggleSelect'];\n  //\n  items: readonly DataTableItem[];\n  columns: InternalDataTableHeader[];\n  headers: InternalDataTableHeader[][];\n};\n"],"mappings":""}

package/lib/components/table/types/row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"row.mjs","names":[],"sources":["../../../../src/components/table/types/row.ts"],"sourcesContent":["import { ItemKeySlot } from './item';\r\n\r\nexport type RowProps<T> =\r\n| Record<string, any>\r\n| ((data: Pick<ItemKeySlot<T>, 'index' | 'item' | 'internalItem'>) => Record<string, any>)\r\n\r\nexport type CellProps<T = any> =\r\n  | Record<string, any>\r\n  | ((\r\n  data: Pick<\r\n    ItemKeySlot<T>,\r\n    'index' | 'item' | 'internalItem' | 'value' | 'column' | 'selected'\r\n  >,\r\n) => Record<string, any>);\r\n"],"mappings":""}
+{"version":3,"file":"row.mjs","names":[],"sources":["../../../../src/components/table/types/row.ts"],"sourcesContent":["import { ItemKeySlot } from './item';\n\nexport type RowProps<T> =\n  | Record<string, any>\n  | ((\n      data: Pick<ItemKeySlot<T>, 'index' | 'item' | 'internalItem'>,\n    ) => Record<string, any>);\n\nexport type CellProps<T = any> =\n  | Record<string, any>\n  | ((\n      data: Pick<\n        ItemKeySlot<T>,\n        'index' | 'item' | 'internalItem' | 'value' | 'column' | 'selected'\n      >,\n    ) => Record<string, any>);\n"],"mappings":""}

package/lib/components/text-ellipsis/YTextEllipsis.mjs

@@ -1,6 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent, ref, watch } from 'vue';
-import { useRender, useResizeObserver } from "../../composables/index.mjs";
+import { computed, ref, watch } from 'vue';
+import { useRender } from "../../composables/component.mjs";
+import { useResizeObserver } from "../../composables/resize-observer.mjs";
+import { defineComponent } from "../../util/component/index.mjs";
 import "./YTextEllipsis.scss";
 export const YTextEllipsis = defineComponent({
   name: 'YTextEllipsis',

package/lib/components/text-ellipsis/YTextEllipsis.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTextEllipsis.mjs","names":["computed","defineComponent","ref","watch","useRender","useResizeObserver","YTextEllipsis","name","props","text","type","String","default","setup","resizeObservedRef","contentRect","isOverflow","containerWidth","value","width","title","startText","length","Math","round","substring","endText","neo","scrollWidth","offsetWidth","_createVNode","overflowed"],"sources":["../../../src/components/text-ellipsis/YTextEllipsis.tsx"],"sourcesContent":["import { computed, defineComponent, ref, watch } from 'vue';\n\nimport { useRender, useResizeObserver } from '../../composables';\n\nimport './YTextEllipsis.scss';\n\nexport const YTextEllipsis = defineComponent({\n  name: 'YTextEllipsis',\n  props: {\n    text: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { resizeObservedRef, contentRect } = useResizeObserver();\n\n    const isOverflow = ref(false);\n\n    const containerWidth = computed(() => {\n      return contentRect.value?.width;\n    });\n\n    const title = computed(() => {\n      return props.text;\n    });\n\n    const startText = computed(() => {\n      if (isOverflow.value) {\n        const length = Math.round(props.text.length * 0.5);\n        return props.text.substring(0, length);\n      }\n      return props.text;\n    });\n\n    const endText = computed(() => {\n      if (isOverflow.value) {\n        const length = Math.round(props.text.length * 0.5);\n        return props.text.substring(length, props.text.length);\n      }\n      return props.text;\n    });\n\n    watch(containerWidth, (neo) => {\n      if (resizeObservedRef.value && neo != null) {\n        isOverflow.value =\n          resizeObservedRef.value.scrollWidth >\n          resizeObservedRef.value.offsetWidth;\n      }\n    });\n\n    useRender(() => {\n      return (\n        <span\n          title={title.value}\n          class={['y-text-ellipsis', { overflowed: isOverflow.value }]}\n        >\n          <span ref={resizeObservedRef} class=\"y-text-ellipsis__origin\">\n            {props.text}\n          </span>\n          {isOverflow.value && (\n            <span class=\"y-text-ellipsis__start\">{startText.value}</span>\n          )}\n\n          {isOverflow.value && (\n            <span class=\"y-text-ellipsis__end\">{endText.value}</span>\n          )}\n        </span>\n      );\n    });\n  },\n});\n\nexport type YTextEllipsis = InstanceType<typeof YTextEllipsis>;\n"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,eAAe,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAEnDC,SAAS,EAAEC,iBAAiB;AAErC;AAEA,OAAO,MAAMC,aAAa,GAAGL,eAAe,CAAC;EAC3CM,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,KAAKA,CAACL,KAAK,EAAE;IACX,MAAM;MAAEM,iBAAiB;MAAEC;IAAY,CAAC,GAAGV,iBAAiB,CAAC,CAAC;IAE9D,MAAMW,UAAU,GAAGd,GAAG,CAAC,KAAK,CAAC;IAE7B,MAAMe,cAAc,GAAGjB,QAAQ,CAAC,MAAM;MACpC,OAAOe,WAAW,CAACG,KAAK,EAAEC,KAAK;IACjC,CAAC,CAAC;IAEF,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,MAAM;MAC3B,OAAOQ,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEF,MAAMY,SAAS,GAAGrB,QAAQ,CAAC,MAAM;MAC/B,IAAIgB,UAAU,CAACE,KAAK,EAAE;QACpB,MAAMI,MAAM,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,CAACC,IAAI,CAACa,MAAM,GAAG,GAAG,CAAC;QAClD,OAAOd,KAAK,CAACC,IAAI,CAACgB,SAAS,CAAC,CAAC,EAAEH,MAAM,CAAC;MACxC;MACA,OAAOd,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEF,MAAMiB,OAAO,GAAG1B,QAAQ,CAAC,MAAM;MAC7B,IAAIgB,UAAU,CAACE,KAAK,EAAE;QACpB,MAAMI,MAAM,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,CAACC,IAAI,CAACa,MAAM,GAAG,GAAG,CAAC;QAClD,OAAOd,KAAK,CAACC,IAAI,CAACgB,SAAS,CAACH,MAAM,EAAEd,KAAK,CAACC,IAAI,CAACa,MAAM,CAAC;MACxD;MACA,OAAOd,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEFN,KAAK,CAACc,cAAc,EAAGU,GAAG,IAAK;MAC7B,IAAIb,iBAAiB,CAACI,KAAK,IAAIS,GAAG,IAAI,IAAI,EAAE;QAC1CX,UAAU,CAACE,KAAK,GACdJ,iBAAiB,CAACI,KAAK,CAACU,WAAW,GACnCd,iBAAiB,CAACI,KAAK,CAACW,WAAW;MACvC;IACF,CAAC,CAAC;IAEFzB,SAAS,CAAC,MAAM;MACd,OAAA0B,YAAA;QAAA,SAEWV,KAAK,CAACF,KAAK;QAAA,SACX,CAAC,iBAAiB,EAAE;UAAEa,UAAU,EAAEf,UAAU,CAACE;QAAM,CAAC;MAAC,IAAAY,YAAA;QAAA,OAEjDhB,iBAAiB;QAAA;MAAA,IACzBN,KAAK,CAACC,IAAI,IAEZO,UAAU,CAACE,KAAK,IAAAY,YAAA;QAAA;MAAA,IACuBT,SAAS,CAACH,KAAK,EACtD,EAEAF,UAAU,CAACE,KAAK,IAAAY,YAAA;QAAA;MAAA,IACqBJ,OAAO,CAACR,KAAK,EAClD;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YTextEllipsis.mjs","names":["computed","ref","watch","useRender","useResizeObserver","defineComponent","YTextEllipsis","name","props","text","type","String","default","setup","resizeObservedRef","contentRect","isOverflow","containerWidth","value","width","title","startText","length","Math","round","substring","endText","neo","scrollWidth","offsetWidth","_createVNode","overflowed"],"sources":["../../../src/components/text-ellipsis/YTextEllipsis.tsx"],"sourcesContent":["import { computed, ref, watch } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useResizeObserver } from '@/composables/resize-observer';\nimport { defineComponent } from '@/util/component';\n\nimport './YTextEllipsis.scss';\n\nexport const YTextEllipsis = defineComponent({\n  name: 'YTextEllipsis',\n  props: {\n    text: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props) {\n    const { resizeObservedRef, contentRect } = useResizeObserver();\n\n    const isOverflow = ref(false);\n\n    const containerWidth = computed(() => {\n      return contentRect.value?.width;\n    });\n\n    const title = computed(() => {\n      return props.text;\n    });\n\n    const startText = computed(() => {\n      if (isOverflow.value) {\n        const length = Math.round(props.text.length * 0.5);\n        return props.text.substring(0, length);\n      }\n      return props.text;\n    });\n\n    const endText = computed(() => {\n      if (isOverflow.value) {\n        const length = Math.round(props.text.length * 0.5);\n        return props.text.substring(length, props.text.length);\n      }\n      return props.text;\n    });\n\n    watch(containerWidth, (neo) => {\n      if (resizeObservedRef.value && neo != null) {\n        isOverflow.value =\n          resizeObservedRef.value.scrollWidth >\n          resizeObservedRef.value.offsetWidth;\n      }\n    });\n\n    useRender(() => {\n      return (\n        <span\n          title={title.value}\n          class={['y-text-ellipsis', { overflowed: isOverflow.value }]}\n        >\n          <span ref={resizeObservedRef} class=\"y-text-ellipsis__origin\">\n            {props.text}\n          </span>\n          {isOverflow.value && (\n            <span class=\"y-text-ellipsis__start\">{startText.value}</span>\n          )}\n\n          {isOverflow.value && (\n            <span class=\"y-text-ellipsis__end\">{endText.value}</span>\n          )}\n        </span>\n      );\n    });\n  },\n});\n\nexport type YTextEllipsis = InstanceType<typeof YTextEllipsis>;\n"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAElCC,SAAS;AAAA,SACTC,iBAAiB;AAAA,SACjBC,eAAe;AAExB;AAEA,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJC,IAAI,EAAEC,MAAM;MACZC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,KAAKA,CAACL,KAAK,EAAE;IACX,MAAM;MAAEM,iBAAiB;MAAEC;IAAY,CAAC,GAAGX,iBAAiB,CAAC,CAAC;IAE9D,MAAMY,UAAU,GAAGf,GAAG,CAAC,KAAK,CAAC;IAE7B,MAAMgB,cAAc,GAAGjB,QAAQ,CAAC,MAAM;MACpC,OAAOe,WAAW,CAACG,KAAK,EAAEC,KAAK;IACjC,CAAC,CAAC;IAEF,MAAMC,KAAK,GAAGpB,QAAQ,CAAC,MAAM;MAC3B,OAAOQ,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEF,MAAMY,SAAS,GAAGrB,QAAQ,CAAC,MAAM;MAC/B,IAAIgB,UAAU,CAACE,KAAK,EAAE;QACpB,MAAMI,MAAM,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,CAACC,IAAI,CAACa,MAAM,GAAG,GAAG,CAAC;QAClD,OAAOd,KAAK,CAACC,IAAI,CAACgB,SAAS,CAAC,CAAC,EAAEH,MAAM,CAAC;MACxC;MACA,OAAOd,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEF,MAAMiB,OAAO,GAAG1B,QAAQ,CAAC,MAAM;MAC7B,IAAIgB,UAAU,CAACE,KAAK,EAAE;QACpB,MAAMI,MAAM,GAAGC,IAAI,CAACC,KAAK,CAAChB,KAAK,CAACC,IAAI,CAACa,MAAM,GAAG,GAAG,CAAC;QAClD,OAAOd,KAAK,CAACC,IAAI,CAACgB,SAAS,CAACH,MAAM,EAAEd,KAAK,CAACC,IAAI,CAACa,MAAM,CAAC;MACxD;MACA,OAAOd,KAAK,CAACC,IAAI;IACnB,CAAC,CAAC;IAEFP,KAAK,CAACe,cAAc,EAAGU,GAAG,IAAK;MAC7B,IAAIb,iBAAiB,CAACI,KAAK,IAAIS,GAAG,IAAI,IAAI,EAAE;QAC1CX,UAAU,CAACE,KAAK,GACdJ,iBAAiB,CAACI,KAAK,CAACU,WAAW,GACnCd,iBAAiB,CAACI,KAAK,CAACW,WAAW;MACvC;IACF,CAAC,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACd,OAAA2B,YAAA;QAAA,SAEWV,KAAK,CAACF,KAAK;QAAA,SACX,CAAC,iBAAiB,EAAE;UAAEa,UAAU,EAAEf,UAAU,CAACE;QAAM,CAAC;MAAC,IAAAY,YAAA;QAAA,OAEjDhB,iBAAiB;QAAA;MAAA,IACzBN,KAAK,CAACC,IAAI,IAEZO,UAAU,CAACE,KAAK,IAAAY,YAAA;QAAA;MAAA,IACuBT,SAAS,CAACH,KAAK,EACtD,EAEAF,UAAU,CAACE,KAAK,IAAAY,YAAA;QAAA;MAAA,IACqBJ,OAAO,CAACR,KAAK,EAClD;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/text-ellipsis/YTextEllipsis.scss

@@ -1,43 +1,43 @@
-.y-text-ellipsis {
-  display: inline-flex;
-  max-width: 100%;
-  position: relative;
-
-  &__origin {
-    white-space: nowrap;
-    overflow: hidden;
-    flex: 0 1 auto;
-  }
-
-  &__start {
-    position: absolute;
-    left: 0;
-    overflow: hidden;
-    width: calc(52%);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &__end {
-    position: absolute;
-    right: 0;
-    overflow: hidden;
-    width: calc(45% + 1rem);
-    white-space: nowrap;
-    display: inline-flex;
-    justify-content: flex-end;
-    mask-image: linear-gradient(
-                    to right,
-                    transparent 0%,
-                    rgb(0, 0, 0) 1rem,
-                    rgb(0, 0, 0) 100%
-    );
-  }
-
-  &.overflowed & {
-    &__origin {
-      color: transparent;
-      user-select: none;
-    }
-  }
-}
+.y-text-ellipsis {
+  display: inline-flex;
+  max-width: 100%;
+  position: relative;
+
+  &__origin {
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 0 1 auto;
+  }
+
+  &__start {
+    position: absolute;
+    left: 0;
+    overflow: hidden;
+    width: calc(52%);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &__end {
+    position: absolute;
+    right: 0;
+    overflow: hidden;
+    width: calc(45% + 1rem);
+    white-space: nowrap;
+    display: inline-flex;
+    justify-content: flex-end;
+    mask-image: linear-gradient(
+      to right,
+      transparent 0%,
+      rgb(0, 0, 0) 1rem,
+      rgb(0, 0, 0) 100%
+    );
+  }
+
+  &.overflowed & {
+    &__origin {
+      color: transparent;
+      user-select: none;
+    }
+  }
+}

package/lib/components/text-ellipsis/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/text-ellipsis/index.ts"],"sourcesContent":["export * from './YTextEllipsis';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/text-ellipsis/index.ts"],"sourcesContent":["export * from './YTextEllipsis';\n"],"mappings":""}

package/lib/components/text-highlighter/YTextHighlighter.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, h } from 'vue';
+import { h } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 import "./YTextHighlighter.scss";
 export const YTextHighlighter = defineComponent({
   name: 'YTextHighlighter',

package/lib/components/text-highlighter/YTextHighlighter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTextHighlighter.mjs","names":["defineComponent","h","YTextHighlighter","name","props","text","type","String","keyword","color","sensitive","Boolean","computed","splitText","split","stack","keyExp","RegExp","length","index","search","push","isKeyword","substring","methods","createItem","staticClass","createHighlightKeywordItem","class","style","backgroundColor","createSplitTexts","map","splitItem","render","children"],"sources":["../../../src/components/text-highlighter/YTextHighlighter.ts"],"sourcesContent":["import { VNode, defineComponent, h } from 'vue';\n\nimport './YTextHighlighter.scss';\n\nexport const YTextHighlighter = defineComponent({\n  name: 'YTextHighlighter',\n  props: {\n    text: {\n      type: String,\n    },\n    keyword: {\n      type: String,\n    },\n    color: {\n      type: String,\n    },\n    sensitive: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    splitText(): { text: string; isKeyword: boolean }[] {\n      const { keyword, text } = this;\n      if (keyword && text) {\n        const split: { text: string; isKeyword: boolean }[] = [];\n        let stack = text;\n        const keyExp = new RegExp(keyword, this.sensitive ? '' : 'i');\n        while (stack.length > 0) {\n          const index = stack.search(keyExp);\n          if (index < 0) {\n            split.push({ text: stack, isKeyword: false });\n            stack = '';\n          } else if (index < 1) {\n            split.push({\n              text: stack.substring(0, keyword.length),\n              isKeyword: true,\n            });\n            stack = stack.substring(keyword.length, stack.length);\n          } else {\n            split.push({ text: stack.substring(0, index), isKeyword: false });\n            split.push({\n              text: stack.substring(index, index + keyword.length),\n              isKeyword: true,\n            });\n            stack = stack.substring(index + keyword.length, stack.length);\n          }\n        }\n        return split;\n      }\n      return [{ text: this.text || '', isKeyword: false }];\n    },\n  },\n  methods: {\n    createItem(text: string): VNode {\n      return h(\n        'span',\n        {\n          staticClass: 'y-text-highlighter__item',\n        },\n        [text],\n      );\n    },\n    createHighlightKeywordItem(text: string): VNode {\n      return h(\n        'span',\n        {\n          staticClass: 'y-text-highlighter__item',\n          class: 'y-text-highlighter__item--highlight',\n          style: {\n            backgroundColor: this.color,\n          },\n        },\n        [text],\n      );\n    },\n    createSplitTexts(): VNode[] {\n      return this.splitText.map((splitItem) => {\n        if (splitItem.isKeyword) {\n          return this.createHighlightKeywordItem(splitItem.text);\n        }\n        return this.createItem(splitItem.text);\n      });\n    },\n  },\n  render(): VNode {\n    const children = this.createSplitTexts();\n    return h('span', { staticClass: 'y-text-highlighter' }, children);\n  },\n});\n\nexport type YTextHighlighter = InstanceType<typeof YTextHighlighter>;\n"],"mappings":"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"}
+{"version":3,"file":"YTextHighlighter.mjs","names":["h","defineComponent","YTextHighlighter","name","props","text","type","String","keyword","color","sensitive","Boolean","computed","splitText","split","stack","keyExp","RegExp","length","index","search","push","isKeyword","substring","methods","createItem","staticClass","createHighlightKeywordItem","class","style","backgroundColor","createSplitTexts","map","splitItem","render","children"],"sources":["../../../src/components/text-highlighter/YTextHighlighter.ts"],"sourcesContent":["import { type VNode, h } from 'vue';\n\nimport { defineComponent } from '@/util/component';\n\nimport './YTextHighlighter.scss';\n\nexport const YTextHighlighter = defineComponent({\n  name: 'YTextHighlighter',\n  props: {\n    text: {\n      type: String,\n    },\n    keyword: {\n      type: String,\n    },\n    color: {\n      type: String,\n    },\n    sensitive: {\n      type: Boolean,\n    },\n  },\n  computed: {\n    splitText(): { text: string; isKeyword: boolean }[] {\n      const { keyword, text } = this;\n      if (keyword && text) {\n        const split: { text: string; isKeyword: boolean }[] = [];\n        let stack = text;\n        const keyExp = new RegExp(keyword, this.sensitive ? '' : 'i');\n        while (stack.length > 0) {\n          const index = stack.search(keyExp);\n          if (index < 0) {\n            split.push({ text: stack, isKeyword: false });\n            stack = '';\n          } else if (index < 1) {\n            split.push({\n              text: stack.substring(0, keyword.length),\n              isKeyword: true,\n            });\n            stack = stack.substring(keyword.length, stack.length);\n          } else {\n            split.push({ text: stack.substring(0, index), isKeyword: false });\n            split.push({\n              text: stack.substring(index, index + keyword.length),\n              isKeyword: true,\n            });\n            stack = stack.substring(index + keyword.length, stack.length);\n          }\n        }\n        return split;\n      }\n      return [{ text: this.text || '', isKeyword: false }];\n    },\n  },\n  methods: {\n    createItem(text: string): VNode {\n      return h(\n        'span',\n        {\n          staticClass: 'y-text-highlighter__item',\n        },\n        [text],\n      );\n    },\n    createHighlightKeywordItem(text: string): VNode {\n      return h(\n        'span',\n        {\n          staticClass: 'y-text-highlighter__item',\n          class: 'y-text-highlighter__item--highlight',\n          style: {\n            backgroundColor: this.color,\n          },\n        },\n        [text],\n      );\n    },\n    createSplitTexts(): VNode[] {\n      return this.splitText.map((splitItem) => {\n        if (splitItem.isKeyword) {\n          return this.createHighlightKeywordItem(splitItem.text);\n        }\n        return this.createItem(splitItem.text);\n      });\n    },\n  },\n  render(): VNode {\n    const children = this.createSplitTexts();\n    return h('span', { staticClass: 'y-text-highlighter' }, children);\n  },\n});\n\nexport type YTextHighlighter = InstanceType<typeof YTextHighlighter>;\n"],"mappings":"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"}

package/lib/components/text-interpolation/YTi.mjs

@@ -1,7 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from 'vue';
+import { computed } from 'vue';
 import { useRender } from "../../composables/component.mjs";
 import { getObjectValueByPath } from "../../util/common.mjs";
+import { defineComponent } from "../../util/component/index.mjs";
 import { simpleBraceParse } from "../../util/string.mjs";
 export const YTi = defineComponent({
   name: 'YTi',

package/lib/components/text-interpolation/YTi.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTi.mjs","names":["computed","defineComponent","useRender","getObjectValueByPath","simpleBraceParse","YTi","name","props","text","String","item","Object","tag","type","default","setup","_ref","slots","parsed","getValue","key","ElTag","_createVNode","nodes","value","map","frag","content"],"sources":["../../../src/components/text-interpolation/YTi.tsx"],"sourcesContent":["import { PropType, computed, defineComponent } from 'vue';\n\nimport { useRender } from '../../composables/component';\nimport { getObjectValueByPath } from '../../util/common';\nimport { simpleBraceParse } from '../../util/string';\n\nexport const YTi = defineComponent({\n  name: 'YTi',\n  props: {\n    text: String,\n    item: Object,\n    tag: {\n      type: String as PropType<keyof HTMLElementTagNameMap>,\n      default: 'span',\n    },\n  },\n  setup(props, { slots }) {\n    const parsed = computed(() => {\n      return simpleBraceParse(props.text ?? '');\n    });\n\n    function getValue(key: string) {\n      return getObjectValueByPath(props.item, key);\n    }\n\n    useRender(() => {\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\n      return (\n        <ElTag>\n          {slots.default\n            ? slots.default?.({ nodes: parsed.value })\n            : parsed.value.map((frag) => {\n                if (frag.type === 'text') {\n                  return frag.content;\n                }\n                if (frag.type === 'variable') {\n                  return slots?.[frag.content]\n                    ? slots[frag.content]?.({\n                        key: frag.content,\n                        value: getValue(frag.content),\n                      })\n                    : getValue(frag.content);\n                }\n              })}\n        </ElTag>\n      );\n    });\n  },\n});\n\nexport type YTi = InstanceType<typeof YTi>;\n"],"mappings":";AAAA,SAAmBA,QAAQ,EAAEC,eAAe,QAAQ,KAAK;AAAC,SAEjDC,SAAS;AAAA,SACTC,oBAAoB;AAAA,SACpBC,gBAAgB;AAEzB,OAAO,MAAMC,GAAG,GAAGJ,eAAe,CAAC;EACjCK,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAM;IACZC,IAAI,EAAEC,MAAM;IACZC,GAAG,EAAE;MACHC,IAAI,EAAEJ,MAA+C;MACrDK,OAAO,EAAE;IACX;EACF,CAAC;EACDC,KAAKA,CAACR,KAAK,EAAAS,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAME,MAAM,GAAGlB,QAAQ,CAAC,MAAM;MAC5B,OAAOI,gBAAgB,CAACG,KAAK,CAACC,IAAI,IAAI,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,SAASW,QAAQA,CAACC,GAAW,EAAE;MAC7B,OAAOjB,oBAAoB,CAACI,KAAK,CAACG,IAAI,EAAEU,GAAG,CAAC;IAC9C;IAEAlB,SAAS,CAAC,MAAM;MACd,MAAMmB,KAAK,GAAGd,KAAK,CAACK,GAAkC;MACtD,OAAAU,YAAA,CAAAD,KAAA;QAAAP,OAAA,EAAAA,CAAA,MAEKG,KAAK,CAACH,OAAO,GACVG,KAAK,CAACH,OAAO,GAAG;UAAES,KAAK,EAAEL,MAAM,CAACM;QAAM,CAAC,CAAC,GACxCN,MAAM,CAACM,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;UACzB,IAAIA,IAAI,CAACb,IAAI,KAAK,MAAM,EAAE;YACxB,OAAOa,IAAI,CAACC,OAAO;UACrB;UACA,IAAID,IAAI,CAACb,IAAI,KAAK,UAAU,EAAE;YAC5B,OAAOI,KAAK,GAAGS,IAAI,CAACC,OAAO,CAAC,GACxBV,KAAK,CAACS,IAAI,CAACC,OAAO,CAAC,GAAG;cACpBP,GAAG,EAAEM,IAAI,CAACC,OAAO;cACjBH,KAAK,EAAEL,QAAQ,CAACO,IAAI,CAACC,OAAO;YAC9B,CAAC,CAAC,GACFR,QAAQ,CAACO,IAAI,CAACC,OAAO,CAAC;UAC5B;QACF,CAAC,CAAC;MAAA;IAGZ,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YTi.mjs","names":["computed","useRender","getObjectValueByPath","defineComponent","simpleBraceParse","YTi","name","props","text","String","item","Object","tag","type","default","setup","_ref","slots","parsed","getValue","key","ElTag","_createVNode","nodes","value","map","frag","content"],"sources":["../../../src/components/text-interpolation/YTi.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { getObjectValueByPath } from '@/util/common';\nimport { defineComponent } from '@/util/component';\nimport { simpleBraceParse } from '@/util/string';\n\nexport const YTi = defineComponent({\n  name: 'YTi',\n  props: {\n    text: String,\n    item: Object,\n    tag: {\n      type: String as PropType<keyof HTMLElementTagNameMap>,\n      default: 'span',\n    },\n  },\n  setup(props, { slots }) {\n    const parsed = computed(() => {\n      return simpleBraceParse(props.text ?? '');\n    });\n\n    function getValue(key: string) {\n      return getObjectValueByPath(props.item, key);\n    }\n\n    useRender(() => {\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\n      return (\n        <ElTag>\n          {slots.default\n            ? slots.default?.({ nodes: parsed.value })\n            : parsed.value.map((frag) => {\n                if (frag.type === 'text') {\n                  return frag.content;\n                }\n                if (frag.type === 'variable') {\n                  return slots?.[frag.content]\n                    ? slots[frag.content]?.({\n                        key: frag.content,\n                        value: getValue(frag.content),\n                      })\n                    : getValue(frag.content);\n                }\n              })}\n        </ElTag>\n      );\n    });\n  },\n});\n\nexport type YTi = InstanceType<typeof YTi>;\n"],"mappings":";AAAA,SAAwBA,QAAQ,QAAQ,KAAK;AAAC,SAErCC,SAAS;AAAA,SACTC,oBAAoB;AAAA,SACpBC,eAAe;AAAA,SACfC,gBAAgB;AAEzB,OAAO,MAAMC,GAAG,GAAGF,eAAe,CAAC;EACjCG,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE;IACLC,IAAI,EAAEC,MAAM;IACZC,IAAI,EAAEC,MAAM;IACZC,GAAG,EAAE;MACHC,IAAI,EAAEJ,MAA+C;MACrDK,OAAO,EAAE;IACX;EACF,CAAC;EACDC,KAAKA,CAACR,KAAK,EAAAS,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAME,MAAM,GAAGlB,QAAQ,CAAC,MAAM;MAC5B,OAAOI,gBAAgB,CAACG,KAAK,CAACC,IAAI,IAAI,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,SAASW,QAAQA,CAACC,GAAW,EAAE;MAC7B,OAAOlB,oBAAoB,CAACK,KAAK,CAACG,IAAI,EAAEU,GAAG,CAAC;IAC9C;IAEAnB,SAAS,CAAC,MAAM;MACd,MAAMoB,KAAK,GAAGd,KAAK,CAACK,GAAkC;MACtD,OAAAU,YAAA,CAAAD,KAAA;QAAAP,OAAA,EAAAA,CAAA,MAEKG,KAAK,CAACH,OAAO,GACVG,KAAK,CAACH,OAAO,GAAG;UAAES,KAAK,EAAEL,MAAM,CAACM;QAAM,CAAC,CAAC,GACxCN,MAAM,CAACM,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;UACzB,IAAIA,IAAI,CAACb,IAAI,KAAK,MAAM,EAAE;YACxB,OAAOa,IAAI,CAACC,OAAO;UACrB;UACA,IAAID,IAAI,CAACb,IAAI,KAAK,UAAU,EAAE;YAC5B,OAAOI,KAAK,GAAGS,IAAI,CAACC,OAAO,CAAC,GACxBV,KAAK,CAACS,IAAI,CAACC,OAAO,CAAC,GAAG;cACpBP,GAAG,EAAEM,IAAI,CAACC,OAAO;cACjBH,KAAK,EAAEL,QAAQ,CAACO,IAAI,CAACC,OAAO;YAC9B,CAAC,CAAC,GACFR,QAAQ,CAACO,IAAI,CAACC,OAAO,CAAC;UAC5B;QACF,CAAC,CAAC;MAAA;IAGZ,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/text-interpolation/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/text-interpolation/index.ts"],"sourcesContent":["export * from './YTi';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/text-interpolation/index.ts"],"sourcesContent":["export * from './YTi';\n"],"mappings":""}

package/lib/components/textarea/YTextarea.mjs

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { defineComponent, getCurrentInstance, nextTick, ref, watch } from 'vue';
+import { getCurrentInstance, nextTick, ref, watch } from 'vue';
 import { useRender } from "../../composables/component.mjs";
 import { useFocus } from "../../composables/focus.mjs";
-import { chooseProps, getUid, propsFactory } from "../../util/index.mjs";
+import { chooseProps, defineComponent, getUid, propsFactory } from "../../util/component/index.mjs";
 import { YInput, pressYInputPropsOptions } from "../input/index.mjs";
 import "./YTextarea.scss";
 export const pressYTextareaPropsOptions = propsFactory({

package/lib/components/textarea/YTextarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTextarea.mjs","names":["defineComponent","getCurrentInstance","nextTick","ref","watch","useRender","useFocus","chooseProps","getUid","propsFactory","YInput","pressYInputPropsOptions","pressYTextareaPropsOptions","displayText","String","Function","whenInputValid","Boolean","Number","variation","CLASS_NAME","YTextarea","name","props","emits","v","e","input","change","focus","blur","click","keydown","keyup","slots","Object","setup","_ref","attrs","emit","expose","UID","el$","input$","inValue","displayValue","focused","whenFocus","whenBlur","onUpdateModel","value","changeDisplay","vm","undefined","text","call","onInput","event","target","onChange","onFocus","onBlur","onKeydown","onKeyup","onClick","modelValue","neo","immediate","validate","invokeValidators","yInputProps","_createVNode","_mergeProps","$event","default","defaultProps","attrId","floating","createLabel","disabled","placeholder","readonly","required","label"],"sources":["../../../src/components/textarea/YTextarea.tsx"],"sourcesContent":["import {\r\n  SlotsType,\r\n  defineComponent,\r\n  getCurrentInstance,\r\n  nextTick,\r\n  ref,\r\n  watch,\r\n} from 'vue';\r\nimport type { PropType } from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport { useFocus } from '../../composables/focus';\r\nimport { chooseProps, getUid, propsFactory } from '../../util';\r\nimport { YInput, pressYInputPropsOptions } from '../input';\r\n\r\nimport './YTextarea.scss';\r\n\r\nexport const pressYTextareaPropsOptions = propsFactory(\r\n  {\r\n    displayText: [String, Function] as PropType<\r\n      string | ((value: any) => string)\r\n    >,\r\n    whenInputValid: [Boolean, Number] as PropType<boolean | number>,\r\n    ...pressYInputPropsOptions({\r\n      variation: 'filled',\r\n    }),\r\n  },\r\n  'YTextarea',\r\n);\r\n\r\nconst CLASS_NAME = 'y-textarea';\r\n\r\nexport const YTextarea = defineComponent({\r\n  name: 'YTextarea',\r\n  props: pressYTextareaPropsOptions(),\r\n  emits: {\r\n    'update:modelValue': (v: any) => true,\r\n    'update:focused': (v: boolean) => true,\r\n    'mousedown:display': (e: MouseEvent) => true,\r\n    input: (v: any) => true,\r\n    change: (v: any, e: Event) => true,\r\n    focus: (e: FocusEvent) => true,\r\n    blur: (e: FocusEvent) => true,\r\n    click: (e: MouseEvent) => true,\r\n    keydown: (e: KeyboardEvent) => true,\r\n    keyup: (e: KeyboardEvent) => true,\r\n  },\r\n  slots: Object as SlotsType<{\r\n    default: any;\r\n    label: any;\r\n    'helper-text': any;\r\n  }>,\r\n  setup(props, { attrs, emit, slots, expose }) {\r\n    const UID = getUid();\r\n    const el$ = ref<YInput>();\r\n    const input$ = ref();\r\n    const inValue = ref<any>('');\r\n    const displayValue = ref('');\r\n    const { focused, whenFocus, whenBlur } = useFocus(props, 'y-field-input');\r\n\r\n    function onUpdateModel(value: any) {\r\n      emit('update:modelValue', value);\r\n    }\r\n\r\n    function changeDisplay() {\r\n      const vm = getCurrentInstance();\r\n      const { displayText } = props;\r\n      if (displayText !== undefined) {\r\n        let text = inValue.value;\r\n        if (typeof displayText === 'string') {\r\n          text = displayText;\r\n        }\r\n        if (displayText && typeof displayText === 'function') {\r\n          text = (displayText as any).call(vm, text);\r\n        }\r\n        nextTick(() => {\r\n          displayValue.value = text as string;\r\n        });\r\n      }\r\n    }\r\n\r\n    function onInput(event: Event) {\r\n      emit('input', event);\r\n      const target = event.target as HTMLInputElement | null;\r\n      inValue.value = target?.value;\r\n      displayValue.value = target?.value as string;\r\n    }\r\n\r\n    function onChange(event: Event) {\r\n      emit('change', inValue.value, event);\r\n    }\r\n\r\n    function onFocus(event: FocusEvent) {\r\n      whenFocus();\r\n      displayValue.value = inValue.value as string;\r\n      emit('focus', event);\r\n    }\r\n\r\n    function onBlur(event: FocusEvent) {\r\n      whenBlur();\r\n      emit('blur', event);\r\n      changeDisplay();\r\n    }\r\n\r\n    function onKeydown(event: KeyboardEvent) {\r\n      emit('keydown', event);\r\n    }\r\n\r\n    function onKeyup(event: KeyboardEvent) {\r\n      emit('keyup', event);\r\n    }\r\n\r\n    function onClick(event: MouseEvent) {\r\n      emit('click', event);\r\n    }\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo: any) => {\r\n        inValue.value = neo;\r\n        displayValue.value = neo;\r\n      },\r\n      {\r\n        immediate: true,\r\n      },\r\n    );\r\n\r\n    watch(inValue, (neo: string) => {\r\n      if (!focused.value) {\r\n        changeDisplay();\r\n      } else {\r\n        displayValue.value = neo;\r\n      }\r\n    });\r\n\r\n    expose({\r\n      el$,\r\n      input$,\r\n      validate: () => el$.value?.invokeValidators(),\r\n    });\r\n\r\n    useRender(() => {\r\n      const yInputProps = chooseProps(props, YInput.props);\r\n      return (\r\n        <YInput\r\n          class={[CLASS_NAME]}\r\n          {...yInputProps}\r\n          modelValue={inValue.value}\r\n          onUpdate:modelValue={onUpdateModel}\r\n          focused={focused.value}\r\n          onClick={onClick}\r\n          onMousedown:display={($event) => emit('mousedown:display', $event)}\r\n        >\r\n          {{\r\n            default: (defaultProps: any) => (\r\n              <div\r\n                class={[`${CLASS_NAME}__field`]}\r\n                data-id={defaultProps.attrId}\r\n                ref={'field'}\r\n              >\r\n                {props.floating\r\n                  ? el$.value?.createLabel?.()\r\n                  : undefined}\r\n                {slots.default ? () => slots.default(defaultProps) : undefined}\r\n                {\r\n                  <textarea\r\n                    ref={input$}\r\n                    value={displayValue.value}\r\n                    id={`y-input--${UID}`}\r\n                    disabled={props.disabled}\r\n                    placeholder={props.placeholder}\r\n                    readonly={props.readonly}\r\n                    required={props.required}\r\n                    {...attrs}\r\n                    onInput={onInput}\r\n                    onFocus={onFocus}\r\n                    onBlur={onBlur}\r\n                    onChange={onChange}\r\n                    onKeydown={onKeydown}\r\n                    onKeyup={onKeyup}\r\n                  ></textarea>\r\n                }\r\n              </div>\r\n            ),\r\n            label: slots.label ? () => slots.label?.() : undefined,\r\n            'helper-text': slots['helper-text']\r\n                ? () => slots['helper-text']?.()\r\n                : undefined,\r\n          }}\r\n        </YInput>\r\n      );\r\n    });\r\n\r\n    return {\r\n      el$,\r\n      input$,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YTextarea = InstanceType<typeof YTextarea>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YTextarea.mjs","names":["getCurrentInstance","nextTick","ref","watch","useRender","useFocus","chooseProps","defineComponent","getUid","propsFactory","YInput","pressYInputPropsOptions","pressYTextareaPropsOptions","displayText","String","Function","whenInputValid","Boolean","Number","variation","CLASS_NAME","YTextarea","name","props","emits","v","e","input","change","focus","blur","click","keydown","keyup","slots","Object","setup","_ref","attrs","emit","expose","UID","el$","input$","inValue","displayValue","focused","whenFocus","whenBlur","onUpdateModel","value","changeDisplay","vm","undefined","text","call","onInput","event","target","onChange","onFocus","onBlur","onKeydown","onKeyup","onClick","modelValue","neo","immediate","validate","invokeValidators","yInputProps","_createVNode","_mergeProps","$event","default","defaultProps","attrId","floating","createLabel","disabled","placeholder","readonly","required","label"],"sources":["../../../src/components/textarea/YTextarea.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  getCurrentInstance,\n  nextTick,\n  ref,\n  watch,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useFocus } from '@/composables/focus';\nimport {\n  chooseProps,\n  defineComponent,\n  getUid,\n  propsFactory,\n} from '@/util/component';\n\nimport { YInput, pressYInputPropsOptions } from '../input';\n\nimport './YTextarea.scss';\n\nexport const pressYTextareaPropsOptions = propsFactory(\n  {\n    displayText: [String, Function] as PropType<\n      string | ((value: any) => string)\n    >,\n    whenInputValid: [Boolean, Number] as PropType<boolean | number>,\n    ...pressYInputPropsOptions({\n      variation: 'filled',\n    }),\n  },\n  'YTextarea',\n);\n\nconst CLASS_NAME = 'y-textarea';\n\nexport const YTextarea = defineComponent({\n  name: 'YTextarea',\n  props: pressYTextareaPropsOptions(),\n  emits: {\n    'update:modelValue': (v: any) => true,\n    'update:focused': (v: boolean) => true,\n    'mousedown:display': (e: MouseEvent) => true,\n    input: (v: any) => true,\n    change: (v: any, e: Event) => true,\n    focus: (e: FocusEvent) => true,\n    blur: (e: FocusEvent) => true,\n    click: (e: MouseEvent) => true,\n    keydown: (e: KeyboardEvent) => true,\n    keyup: (e: KeyboardEvent) => true,\n  },\n  slots: Object as SlotsType<{\n    default: any;\n    label: any;\n    'helper-text': any;\n  }>,\n  setup(props, { attrs, emit, slots, expose }) {\n    const UID = getUid();\n    const el$ = ref<YInput>();\n    const input$ = ref();\n    const inValue = ref<any>('');\n    const displayValue = ref('');\n    const { focused, whenFocus, whenBlur } = useFocus(props, 'y-field-input');\n\n    function onUpdateModel(value: any) {\n      emit('update:modelValue', value);\n    }\n\n    function changeDisplay() {\n      const vm = getCurrentInstance();\n      const { displayText } = props;\n      if (displayText !== undefined) {\n        let text = inValue.value;\n        if (typeof displayText === 'string') {\n          text = displayText;\n        }\n        if (displayText && typeof displayText === 'function') {\n          text = (displayText as any).call(vm, text);\n        }\n        nextTick(() => {\n          displayValue.value = text as string;\n        });\n      }\n    }\n\n    function onInput(event: Event) {\n      emit('input', event);\n      const target = event.target as HTMLInputElement | null;\n      inValue.value = target?.value;\n      displayValue.value = target?.value as string;\n    }\n\n    function onChange(event: Event) {\n      emit('change', inValue.value, event);\n    }\n\n    function onFocus(event: FocusEvent) {\n      whenFocus();\n      displayValue.value = inValue.value as string;\n      emit('focus', event);\n    }\n\n    function onBlur(event: FocusEvent) {\n      whenBlur();\n      emit('blur', event);\n      changeDisplay();\n    }\n\n    function onKeydown(event: KeyboardEvent) {\n      emit('keydown', event);\n    }\n\n    function onKeyup(event: KeyboardEvent) {\n      emit('keyup', event);\n    }\n\n    function onClick(event: MouseEvent) {\n      emit('click', event);\n    }\n\n    watch(\n      () => props.modelValue,\n      (neo: any) => {\n        inValue.value = neo;\n        displayValue.value = neo;\n      },\n      {\n        immediate: true,\n      },\n    );\n\n    watch(inValue, (neo: string) => {\n      if (!focused.value) {\n        changeDisplay();\n      } else {\n        displayValue.value = neo;\n      }\n    });\n\n    expose({\n      el$,\n      input$,\n      validate: () => el$.value?.invokeValidators(),\n    });\n\n    useRender(() => {\n      const yInputProps = chooseProps(props, YInput.props);\n      return (\n        <YInput\n          class={[CLASS_NAME]}\n          {...yInputProps}\n          modelValue={inValue.value}\n          onUpdate:modelValue={onUpdateModel}\n          focused={focused.value}\n          onClick={onClick}\n          onMousedown:display={($event) => emit('mousedown:display', $event)}\n        >\n          {{\n            default: (defaultProps: any) => (\n              <div\n                class={[`${CLASS_NAME}__field`]}\n                data-id={defaultProps.attrId}\n                ref={'field'}\n              >\n                {props.floating ? el$.value?.createLabel?.() : undefined}\n                {slots.default ? () => slots.default(defaultProps) : undefined}\n                {\n                  <textarea\n                    ref={input$}\n                    value={displayValue.value}\n                    id={`y-input--${UID}`}\n                    disabled={props.disabled}\n                    placeholder={props.placeholder}\n                    readonly={props.readonly}\n                    required={props.required}\n                    {...attrs}\n                    onInput={onInput}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onChange={onChange}\n                    onKeydown={onKeydown}\n                    onKeyup={onKeyup}\n                  ></textarea>\n                }\n              </div>\n            ),\n            label: slots.label ? () => slots.label?.() : undefined,\n            'helper-text': slots['helper-text']\n              ? () => slots['helper-text']?.()\n              : undefined,\n          }}\n        </YInput>\n      );\n    });\n\n    return {\n      el$,\n      input$,\n    };\n  },\n});\n\nexport type YTextarea = InstanceType<typeof YTextarea>;\n"],"mappings":"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"}

package/lib/components/textarea/YTextarea.scss

@@ -1,25 +1,25 @@
-.y-textarea {
-  --y-textarea-horizon-padding: 10px;
-
-  &__field {
-    position: relative;
-    flex: 1 1 auto;
-    min-height: 36px;
-    min-width: 0.000000001px;
-    padding: 1px 0;
-    border-radius: inherit;
-
-    > textarea {
-      position: relative;
-      outline: none;
-      padding: 8px var(--y-textarea-horizon-padding, 10px);
-      width: 100%;
-      height: 100%;
-      line-height: 1.2;
-      font-size: 0.875rem;
-      color: inherit;
-      border-radius: inherit;
-      margin: 1px;
-    }
-  }
-}
+.y-textarea {
+  --y-textarea-horizon-padding: 10px;
+
+  &__field {
+    position: relative;
+    flex: 1 1 auto;
+    min-height: 36px;
+    min-width: 0.000000001px;
+    padding: 1px 0;
+    border-radius: inherit;
+
+    > textarea {
+      position: relative;
+      outline: none;
+      padding: 8px var(--y-textarea-horizon-padding, 10px);
+      width: 100%;
+      height: 100%;
+      line-height: 1.2;
+      font-size: 0.875rem;
+      color: inherit;
+      border-radius: inherit;
+      margin: 1px;
+    }
+  }
+}

package/lib/components/textarea/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/textarea/index.ts"],"sourcesContent":["export * from './YTextarea';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/textarea/index.ts"],"sourcesContent":["export * from './YTextarea';\n"],"mappings":""}

package/lib/components/toggle-button/YToggleButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YToggleButton.mjs","names":["Y_TOGGLE_BUTTON_KEY","Symbol","for"],"sources":["../../../src/components/toggle-button/YToggleButton.tsx"],"sourcesContent":["import { InjectionKey } from 'vue';\n\nimport { ChoiceProvide } from '../../composables/choice';\n\nexport const Y_TOGGLE_BUTTON_KEY: InjectionKey<ChoiceProvide> = Symbol.for(\n  'yuyeon.y-toggle-button',\n);\n"],"mappings":"AAIA,OAAO,MAAMA,mBAAgD,GAAGC,MAAM,CAACC,GAAG,CACxE,wBACF,CAAC"}
+{"version":3,"file":"YToggleButton.mjs","names":["Y_TOGGLE_BUTTON_KEY","Symbol","for"],"sources":["../../../src/components/toggle-button/YToggleButton.tsx"],"sourcesContent":["import { type InjectionKey } from 'vue';\n\nimport { type ChoiceProvide } from '@/composables/choice';\n\nexport const Y_TOGGLE_BUTTON_KEY: InjectionKey<ChoiceProvide> = Symbol.for(\n  'yuyeon.y-toggle-button',\n);\n"],"mappings":"AAIA,OAAO,MAAMA,mBAAgD,GAAGC,MAAM,CAACC,GAAG,CACxE,wBACF,CAAC"}

package/lib/components/toggle-button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/toggle-button/index.ts"],"sourcesContent":["export * from './YToggleButton';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/toggle-button/index.ts"],"sourcesContent":["export * from './YToggleButton';\n"],"mappings":""}

package/lib/components/tooltip/YTooltip.mjs

@@ -3,8 +3,8 @@ import { computed, defineComponent, nextTick, ref, watch } from 'vue';
 import { useModelDuplex } from "../../composables/communication.mjs";
 import { useRender } from "../../composables/component.mjs";
 import { pressPolyTransitionPropsOptions } from "../../composables/transition.mjs";
-import { omit } from "../../util/index.mjs";
-import { bindClasses, chooseProps } from "../../util/vue-component.mjs";
+import { omit } from "../../util/common.mjs";
+import { bindClasses, chooseProps } from "../../util/component/index.mjs";
 import { YLayer, pressYLayerProps } from "../layer/index.mjs";
 import { useDelay } from "../layer/active-delay.mjs";
 import { YPlate } from "../plate/index.mjs";
@@ -20,8 +20,8 @@ const YTooltipPropOptions = {
   }
 };
 
-/**
- * #  Component
+/**
+ * #  Component
  */
 export const YTooltip = defineComponent({
   name: NAME,

package/lib/components/tooltip/YTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","useModelDuplex","useRender","pressPolyTransitionPropsOptions","omit","bindClasses","chooseProps","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","YTooltip","name","props","coordinateStrategy","scrollStrategy","openOnHover","align","offset","transition","emits","setup","_ref","slots","emit","expose","layer$","contentEl","baseEl","value","classes","boundClasses","model","active","get","set","v","disabled","hovered","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","el","addEventListener","unbindHover","removeEventListener","old","_createVNode","_Fragment","_mergeProps","$event","_len","arguments","length","args","_key","base","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import type { PropType } from 'vue';\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  nextTick,\r\n  ref,\r\n  watch,\r\n  watchEffect,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '../../composables/communication';\r\nimport { useRender } from '../../composables/component';\r\nimport { pressPolyTransitionPropsOptions } from '../../composables/transition';\r\nimport { omit } from '../../util';\r\nimport { bindClasses, chooseProps } from '../../util/vue-component';\r\nimport { YLayer, pressYLayerProps } from '../layer';\r\nimport { useDelay } from '../layer/active-delay';\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YTooltip.scss';\r\n\r\nconst NAME = 'YTooltip';\r\n\r\nconst YTooltipPropOptions = {\r\n  tooltipClasses: {\r\n    type: [Array, String, Object] as PropType<\r\n      string[] | string | Record<string, any>\r\n    >,\r\n  },\r\n  preventClip: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: true,\r\n  },\r\n};\r\n\r\n/**\r\n * #  Component\r\n */\r\nexport const YTooltip = defineComponent({\r\n  name: NAME,\r\n  props: {\r\n    ...YTooltipPropOptions,\r\n    ...pressYLayerProps({\r\n      coordinateStrategy: 'levitation' as const,\r\n      scrollStrategy: 'reposition' as const,\r\n      openOnHover: true,\r\n      align: 'center',\r\n      offset: 8,\r\n    }),\r\n    ...pressPolyTransitionPropsOptions({\r\n      transition: 'fade'\r\n    }),\r\n  },\r\n  emits: ['update:modelValue'],\r\n  setup(props, { slots, emit, expose }) {\r\n    const layer$ = ref<typeof YLayer>();\r\n    const contentEl = ref<HTMLElement>();\r\n    const baseEl = computed(() => {\r\n      return layer$.value?.baseEl;\r\n    });\r\n\r\n    const classes = computed(() => {\r\n      const boundClasses = bindClasses(props.tooltipClasses);\r\n      return {\r\n        ...boundClasses,\r\n        'y-tooltip': true,\r\n      };\r\n    });\r\n\r\n    const model = useModelDuplex(props);\r\n\r\n    const active = computed({\r\n      get: (): boolean => {\r\n        return !!model.value;\r\n      },\r\n      set: (v: boolean) => {\r\n        if (!(v && props.disabled)) model.value = v;\r\n      },\r\n    });\r\n\r\n    const hovered = computed(() => !!layer$.value?.hovered);\r\n\r\n    watch(active, (neo) => {\r\n      if (neo) {\r\n        nextTick(() => {\r\n          const $content = layer$.value?.content$;\r\n          contentEl.value = $content;\r\n        });\r\n      }\r\n    });\r\n\r\n    const { startOpenDelay, startCloseDelay } = useDelay(\r\n      props,\r\n      (changeActive) => {\r\n        if (!changeActive && props.openOnHover && !hovered.value) {\r\n          active.value = false;\r\n        } else if (changeActive) {\r\n          active.value = true;\r\n        }\r\n      },\r\n    );\r\n\r\n    function onMouseenter(e: MouseEvent) {\r\n      if (props.openOnHover) {\r\n        startOpenDelay();\r\n      }\r\n    }\r\n\r\n    function onMouseleave(e: MouseEvent) {\r\n      if (props.openOnHover) {\r\n        startCloseDelay();\r\n      }\r\n    }\r\n\r\n    watch(hovered, (value) => {\r\n      if (!value) {\r\n        startCloseDelay();\r\n      }\r\n    });\r\n\r\n    function bindHover(el: HTMLElement) {\r\n      el.addEventListener?.('mouseenter', onMouseenter);\r\n      el.addEventListener?.('mouseleave', onMouseleave);\r\n    }\r\n\r\n    function unbindHover(el: HTMLElement) {\r\n      el.removeEventListener?.('mouseenter', onMouseenter);\r\n      el.removeEventListener?.('mouseleave', onMouseleave);\r\n    }\r\n\r\n    watch(\r\n      () => layer$.value?.baseEl,\r\n      (neo, old) => {\r\n        if (neo) {\r\n          bindHover(neo);\r\n        } else if (old) {\r\n          unbindHover(old);\r\n        }\r\n      },\r\n    );\r\n\r\n\r\n    expose({\r\n      layer$,\r\n      baseEl,\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <>\r\n          <YLayer\r\n            ref={layer$}\r\n            {...omit(chooseProps(props, YLayer.props), ['scrim'])}\r\n            classes={classes.value}\r\n            scrim={false}\r\n            transition={props.transition}\r\n            v-model={active.value}\r\n          >\r\n            {{\r\n              default: (...args: any) => {\r\n                return (\r\n                  <>\r\n                    <YPlate></YPlate>\r\n                    <div class=\"y-tooltip__content\">\r\n                      {slots.default?.(...args) ?? ''}\r\n                    </div>\r\n                  </>\r\n                );\r\n              },\r\n              base: (...args: any[]) => slots.base?.(...args),\r\n            }}\r\n          </YLayer>\r\n        </>\r\n      );\r\n    });\r\n\r\n    return {\r\n      layer$,\r\n      el$: layer$,\r\n      baseEl,\r\n      active,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YTooltip = InstanceType<typeof YTooltip>;\r\n"],"mappings":";AACA,SACEA,QAAQ,EACRC,eAAe,EACfC,QAAQ,EACRC,GAAG,EACHC,KAAK,QAEA,KAAK;AAAC,SAEJC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,+BAA+B;AAAA,SAC/BC,IAAI;AAAA,SACJC,WAAW,EAAEC,WAAW;AAAA,SACxBC,MAAM,EAAEC,gBAAgB;AAAA,SACxBC,QAAQ;AAAA,SACRC,MAAM;AAEf;AAEA,MAAMC,IAAI,GAAG,UAAU;AAEvB,MAAMC,mBAAmB,GAAG;EAC1BC,cAAc,EAAE;IACdC,IAAI,EAAE,CAACC,KAAK,EAAEC,MAAM,EAAEC,MAAM;EAG9B,CAAC;EACDC,WAAW,EAAE;IACXJ,IAAI,EAAEK,OAA4B;IAClCC,OAAO,EAAE;EACX;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAGxB,eAAe,CAAC;EACtCyB,IAAI,EAAEX,IAAI;EACVY,KAAK,EAAE;IACL,GAAGX,mBAAmB;IACtB,GAAGJ,gBAAgB,CAAC;MAClBgB,kBAAkB,EAAE,YAAqB;MACzCC,cAAc,EAAE,YAAqB;MACrCC,WAAW,EAAE,IAAI;MACjBC,KAAK,EAAE,QAAQ;MACfC,MAAM,EAAE;IACV,CAAC,CAAC;IACF,GAAGzB,+BAA+B,CAAC;MACjC0B,UAAU,EAAE;IACd,CAAC;EACH,CAAC;EACDC,KAAK,EAAE,CAAC,mBAAmB,CAAC;EAC5BC,KAAKA,CAACR,KAAK,EAAAS,IAAA,EAA2B;IAAA,IAAzB;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAO,CAAC,GAAAH,IAAA;IAClC,MAAMI,MAAM,GAAGrC,GAAG,CAAgB,CAAC;IACnC,MAAMsC,SAAS,GAAGtC,GAAG,CAAc,CAAC;IACpC,MAAMuC,MAAM,GAAG1C,QAAQ,CAAC,MAAM;MAC5B,OAAOwC,MAAM,CAACG,KAAK,EAAED,MAAM;IAC7B,CAAC,CAAC;IAEF,MAAME,OAAO,GAAG5C,QAAQ,CAAC,MAAM;MAC7B,MAAM6C,YAAY,GAAGpC,WAAW,CAACkB,KAAK,CAACV,cAAc,CAAC;MACtD,OAAO;QACL,GAAG4B,YAAY;QACf,WAAW,EAAE;MACf,CAAC;IACH,CAAC,CAAC;IAEF,MAAMC,KAAK,GAAGzC,cAAc,CAACsB,KAAK,CAAC;IAEnC,MAAMoB,MAAM,GAAG/C,QAAQ,CAAC;MACtBgD,GAAG,EAAEA,CAAA,KAAe;QAClB,OAAO,CAAC,CAACF,KAAK,CAACH,KAAK;MACtB,CAAC;MACDM,GAAG,EAAGC,CAAU,IAAK;QACnB,IAAI,EAAEA,CAAC,IAAIvB,KAAK,CAACwB,QAAQ,CAAC,EAAEL,KAAK,CAACH,KAAK,GAAGO,CAAC;MAC7C;IACF,CAAC,CAAC;IAEF,MAAME,OAAO,GAAGpD,QAAQ,CAAC,MAAM,CAAC,CAACwC,MAAM,CAACG,KAAK,EAAES,OAAO,CAAC;IAEvDhD,KAAK,CAAC2C,MAAM,EAAGM,GAAG,IAAK;MACrB,IAAIA,GAAG,EAAE;QACPnD,QAAQ,CAAC,MAAM;UACb,MAAMoD,QAAQ,GAAGd,MAAM,CAACG,KAAK,EAAEY,QAAQ;UACvCd,SAAS,CAACE,KAAK,GAAGW,QAAQ;QAC5B,CAAC,CAAC;MACJ;IACF,CAAC,CAAC;IAEF,MAAM;MAAEE,cAAc;MAAEC;IAAgB,CAAC,GAAG5C,QAAQ,CAClDc,KAAK,EACJ+B,YAAY,IAAK;MAChB,IAAI,CAACA,YAAY,IAAI/B,KAAK,CAACG,WAAW,IAAI,CAACsB,OAAO,CAACT,KAAK,EAAE;QACxDI,MAAM,CAACJ,KAAK,GAAG,KAAK;MACtB,CAAC,MAAM,IAAIe,YAAY,EAAE;QACvBX,MAAM,CAACJ,KAAK,GAAG,IAAI;MACrB;IACF,CACF,CAAC;IAED,SAASgB,YAAYA,CAACC,CAAa,EAAE;MACnC,IAAIjC,KAAK,CAACG,WAAW,EAAE;QACrB0B,cAAc,CAAC,CAAC;MAClB;IACF;IAEA,SAASK,YAAYA,CAACD,CAAa,EAAE;MACnC,IAAIjC,KAAK,CAACG,WAAW,EAAE;QACrB2B,eAAe,CAAC,CAAC;MACnB;IACF;IAEArD,KAAK,CAACgD,OAAO,EAAGT,KAAK,IAAK;MACxB,IAAI,CAACA,KAAK,EAAE;QACVc,eAAe,CAAC,CAAC;MACnB;IACF,CAAC,CAAC;IAEF,SAASK,SAASA,CAACC,EAAe,EAAE;MAClCA,EAAE,CAACC,gBAAgB,GAAG,YAAY,EAAEL,YAAY,CAAC;MACjDI,EAAE,CAACC,gBAAgB,GAAG,YAAY,EAAEH,YAAY,CAAC;IACnD;IAEA,SAASI,WAAWA,CAACF,EAAe,EAAE;MACpCA,EAAE,CAACG,mBAAmB,GAAG,YAAY,EAAEP,YAAY,CAAC;MACpDI,EAAE,CAACG,mBAAmB,GAAG,YAAY,EAAEL,YAAY,CAAC;IACtD;IAEAzD,KAAK,CACH,MAAMoC,MAAM,CAACG,KAAK,EAAED,MAAM,EAC1B,CAACW,GAAG,EAAEc,GAAG,KAAK;MACZ,IAAId,GAAG,EAAE;QACPS,SAAS,CAACT,GAAG,CAAC;MAChB,CAAC,MAAM,IAAIc,GAAG,EAAE;QACdF,WAAW,CAACE,GAAG,CAAC;MAClB;IACF,CACF,CAAC;IAGD5B,MAAM,CAAC;MACLC,MAAM;MACNE;IACF,CAAC,CAAC;IAEFpC,SAAS,CAAC,MAAM;MACd,OAAA8D,YAAA,CAAAC,SAAA,SAAAD,YAAA,CAAAzD,MAAA,EAAA2D,WAAA;QAAA,OAGW9B;MAAM,GACPhC,IAAI,CAACE,WAAW,CAACiB,KAAK,EAAEhB,MAAM,CAACgB,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAAA,WAC5CiB,OAAO,CAACD,KAAK;QAAA,SACf,KAAK;QAAA,cACAhB,KAAK,CAACM,UAAU;QAAA,cACnBc,MAAM,CAACJ,KAAK;QAAA,uBAAA4B,MAAA,IAAZxB,MAAM,CAACJ,KAAK,GAAA4B;MAAA;QAGnB/C,OAAO,EAAE,SAAAA,CAAA,EAAkB;UAAA,SAAAgD,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAdC,IAAI,OAAAxD,KAAA,CAAAqD,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;YAAJD,IAAI,CAAAC,IAAA,IAAAH,SAAA,CAAAG,IAAA;UAAA;UACf,OAAAR,YAAA,CAAAC,SAAA,SAAAD,YAAA,CAAAtD,MAAA,eAAAsD,YAAA;YAAA;UAAA,IAIO/B,KAAK,CAACb,OAAO,GAAG,GAAGmD,IAAI,CAAC,IAAI,EAAE;QAIvC,CAAC;QACDE,IAAI,EAAE,SAAAA,CAAA;UAAA,SAAAC,KAAA,GAAAL,SAAA,CAAAC,MAAA,EAAIC,IAAI,OAAAxD,KAAA,CAAA2D,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;YAAJJ,IAAI,CAAAI,KAAA,IAAAN,SAAA,CAAAM,KAAA;UAAA;UAAA,OAAY1C,KAAK,CAACwC,IAAI,GAAG,GAAGF,IAAI,CAAC;QAAA;MAAA;IAKzD,CAAC,CAAC;IAEF,OAAO;MACLnC,MAAM;MACNwC,GAAG,EAAExC,MAAM;MACXE,MAAM;MACNK;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"YTooltip.mjs","names":["computed","defineComponent","nextTick","ref","watch","useModelDuplex","useRender","pressPolyTransitionPropsOptions","omit","bindClasses","chooseProps","YLayer","pressYLayerProps","useDelay","YPlate","NAME","YTooltipPropOptions","tooltipClasses","type","Array","String","Object","preventClip","Boolean","default","YTooltip","name","props","coordinateStrategy","scrollStrategy","openOnHover","align","offset","transition","emits","setup","_ref","slots","emit","expose","layer$","contentEl","baseEl","value","classes","boundClasses","model","active","get","set","v","disabled","hovered","neo","$content","content$","startOpenDelay","startCloseDelay","changeActive","onMouseenter","e","onMouseleave","bindHover","el","addEventListener","unbindHover","removeEventListener","old","_createVNode","_Fragment","_mergeProps","$event","_len","arguments","length","args","_key","base","_len2","_key2","el$"],"sources":["../../../src/components/tooltip/YTooltip.tsx"],"sourcesContent":["import {\n  type PropType,\n  computed,\n  defineComponent,\n  nextTick,\n  ref,\n  watch,\n} from 'vue';\n\nimport { useModelDuplex } from '@/composables/communication';\nimport { useRender } from '@/composables/component';\nimport { pressPolyTransitionPropsOptions } from '@/composables/transition';\nimport { omit } from '@/util/common';\nimport { bindClasses, chooseProps } from '@/util/component';\n\nimport { YLayer, pressYLayerProps } from '../layer';\nimport { useDelay } from '../layer/active-delay';\nimport { YPlate } from '../plate';\n\nimport './YTooltip.scss';\n\nconst NAME = 'YTooltip';\n\nconst YTooltipPropOptions = {\n  tooltipClasses: {\n    type: [Array, String, Object] as PropType<\n      string[] | string | Record<string, any>\n    >,\n  },\n  preventClip: {\n    type: Boolean as PropType<boolean>,\n    default: true,\n  },\n};\n\n/**\n * #  Component\n */\nexport const YTooltip = defineComponent({\n  name: NAME,\n  props: {\n    ...YTooltipPropOptions,\n    ...pressYLayerProps({\n      coordinateStrategy: 'levitation' as const,\n      scrollStrategy: 'reposition' as const,\n      openOnHover: true,\n      align: 'center',\n      offset: 8,\n    }),\n    ...pressPolyTransitionPropsOptions({\n      transition: 'fade',\n    }),\n  },\n  emits: ['update:modelValue'],\n  setup(props, { slots, emit, expose }) {\n    const layer$ = ref<typeof YLayer>();\n    const contentEl = ref<HTMLElement>();\n    const baseEl = computed(() => {\n      return layer$.value?.baseEl;\n    });\n\n    const classes = computed(() => {\n      const boundClasses = bindClasses(props.tooltipClasses);\n      return {\n        ...boundClasses,\n        'y-tooltip': true,\n      };\n    });\n\n    const model = useModelDuplex(props);\n\n    const active = computed({\n      get: (): boolean => {\n        return !!model.value;\n      },\n      set: (v: boolean) => {\n        if (!(v && props.disabled)) model.value = v;\n      },\n    });\n\n    const hovered = computed(() => !!layer$.value?.hovered);\n\n    watch(active, (neo) => {\n      if (neo) {\n        nextTick(() => {\n          const $content = layer$.value?.content$;\n          contentEl.value = $content;\n        });\n      }\n    });\n\n    const { startOpenDelay, startCloseDelay } = useDelay(\n      props,\n      (changeActive) => {\n        if (!changeActive && props.openOnHover && !hovered.value) {\n          active.value = false;\n        } else if (changeActive) {\n          active.value = true;\n        }\n      },\n    );\n\n    function onMouseenter(e: MouseEvent) {\n      if (props.openOnHover) {\n        startOpenDelay();\n      }\n    }\n\n    function onMouseleave(e: MouseEvent) {\n      if (props.openOnHover) {\n        startCloseDelay();\n      }\n    }\n\n    watch(hovered, (value) => {\n      if (!value) {\n        startCloseDelay();\n      }\n    });\n\n    function bindHover(el: HTMLElement) {\n      el.addEventListener?.('mouseenter', onMouseenter);\n      el.addEventListener?.('mouseleave', onMouseleave);\n    }\n\n    function unbindHover(el: HTMLElement) {\n      el.removeEventListener?.('mouseenter', onMouseenter);\n      el.removeEventListener?.('mouseleave', onMouseleave);\n    }\n\n    watch(\n      () => layer$.value?.baseEl,\n      (neo, old) => {\n        if (neo) {\n          bindHover(neo);\n        } else if (old) {\n          unbindHover(old);\n        }\n      },\n    );\n\n    expose({\n      layer$,\n      baseEl,\n    });\n\n    useRender(() => {\n      return (\n        <>\n          <YLayer\n            ref={layer$}\n            {...omit(chooseProps(props, YLayer.props), ['scrim'])}\n            classes={classes.value}\n            scrim={false}\n            transition={props.transition}\n            v-model={active.value}\n          >\n            {{\n              default: (...args: any) => {\n                return (\n                  <>\n                    <YPlate></YPlate>\n                    <div class=\"y-tooltip__content\">\n                      {slots.default?.(...args) ?? ''}\n                    </div>\n                  </>\n                );\n              },\n              base: (...args: any[]) => slots.base?.(...args),\n            }}\n          </YLayer>\n        </>\n      );\n    });\n\n    return {\n      layer$,\n      el$: layer$,\n      baseEl,\n      active,\n    };\n  },\n});\n\nexport type YTooltip = InstanceType<typeof YTooltip>;\n"],"mappings":"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"}

package/lib/components/tooltip/YTooltip.scss

@@ -1,19 +1,19 @@
-.y-tooltip {
-  font-size: 0.875rem;
-
-  .y-layer__content {
-    padding: 4px 8px;
-
-    .y-plate {
-      border-radius: 6px;
-      background: rgba(0, 0, 0, 0.8);
-      position: absolute;
-      inset: 0;
-    }
-  }
-
-  &__content {
-    position: relative;
-    color: #fff;
-  }
-}
+.y-tooltip {
+  font-size: 0.875rem;
+
+  .y-layer__content {
+    padding: 4px 8px;
+
+    .y-plate {
+      border-radius: 6px;
+      background: rgba(0, 0, 0, 0.8);
+      position: absolute;
+      inset: 0;
+    }
+  }
+
+  &__content {
+    position: relative;
+    color: #fff;
+  }
+}

package/lib/components/tooltip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["export * from './YTooltip';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["export * from './YTooltip';\n"],"mappings":""}

package/lib/components/transitions/expand-transition.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"expand-transition.mjs","names":["Transition","defineComponent","h","kebabToCamel","createExpandTransition","isHorizon","arguments","length","undefined","direction","name","sizeProperty","offsetProperty","getExpandTransitionHooks","resetStyle","el","_originStyle","style","overflow","size","onBeforeEnter","_parent","parentNode","transition","onEnter","originStyle","setProperty","offsetSize","getBoundingClientRect","requestAnimationFrame","onAfterEnter","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","props","disabled","type","Boolean","default","setup","_ref","slots","css"],"sources":["../../../src/components/transitions/expand-transition.ts"],"sourcesContent":["import { PropType, Transition, defineComponent, h } from 'vue';\n\nimport { kebabToCamel } from '../../util/string';\n\ntype HTMLParentElement = (Node & ParentNode & HTMLElement) | null;\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: HTMLParentElement;\n  _originStyle?: {\n    transition: string;\n    overflow: string;\n    height?: string | null;\n    width?: string | null;\n  };\n}\n\nexport function createExpandTransition(isHorizon = false) {\n  const direction = isHorizon ? 'h' : 'v';\n  const name = `expand-${direction}-transition`;\n  const sizeProperty = isHorizon ? 'width' : 'height';\n  const offsetProperty = kebabToCamel(`offset-${sizeProperty}`) as\n    | 'offsetWidth'\n    | 'offsetHeight';\n\n  function getExpandTransitionHooks(): Record<string, any> {\n    function resetStyle(el: HTMLExpandElement) {\n      if (el._originStyle) {\n        el.style.overflow = el._originStyle.overflow;\n        const size = el._originStyle[sizeProperty];\n        if (size != null) {\n          el.style[sizeProperty] = size;\n        }\n      }\n      delete el._originStyle;\n    }\n\n    return {\n      onBeforeEnter(el: HTMLExpandElement) {\n        el._parent = el.parentNode as HTMLParentElement;\n        el._originStyle = {\n          transition: el.style.transition,\n          overflow: el.style.overflow,\n          [sizeProperty]: el.style[sizeProperty],\n        };\n      },\n      onEnter(el: HTMLExpandElement) {\n        const originStyle = el._originStyle;\n        el.style.setProperty('transition', 'none', 'important');\n        el.style.overflow = 'hidden';\n        const offsetSize = `${el[offsetProperty]}px`;\n        el.style[sizeProperty] = '0';\n        el.getBoundingClientRect();\n        el.style.transition = originStyle?.transition ?? '';\n\n        requestAnimationFrame(() => {\n          el.style[sizeProperty] = offsetSize;\n        });\n      },\n      onAfterEnter(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onEnterCancelled(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onLeave(el: HTMLExpandElement) {\n        el._originStyle = {\n          transition: '',\n          overflow: el.style.overflow,\n          [sizeProperty]: el.style[sizeProperty],\n        };\n        el.style.overflow = 'hidden';\n        el.style[sizeProperty] = `${el[offsetProperty]}px`;\n        el.getBoundingClientRect();\n\n        requestAnimationFrame(() => {\n          el.style[sizeProperty] = '0';\n        })\n      },\n      onAfterLeave(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onLeaveCancelled(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n    };\n  }\n\n  return defineComponent({\n    name,\n    props: {\n      disabled: {\n        type: Boolean as PropType<boolean>,\n        default: false,\n      },\n    },\n    setup(props, { slots }) {\n      return () =>\n        h(\n          Transition,\n          { name: props.disabled ? '' : name, css: !props.disabled, ...(props.disabled ? {} : getExpandTransitionHooks()) },\n          slots.default,\n        );\n    },\n  });\n}\n"],"mappings":"AAAA,SAAmBA,UAAU,EAAEC,eAAe,EAAEC,CAAC,QAAQ,KAAK;AAAC,SAEtDC,YAAY;AAarB,OAAO,SAASC,sBAAsBA,CAAA,EAAoB;EAAA,IAAnBC,SAAS,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EACtD,MAAMG,SAAS,GAAGJ,SAAS,GAAG,GAAG,GAAG,GAAG;EACvC,MAAMK,IAAI,GAAI,UAASD,SAAU,aAAY;EAC7C,MAAME,YAAY,GAAGN,SAAS,GAAG,OAAO,GAAG,QAAQ;EACnD,MAAMO,cAAc,GAAGT,YAAY,CAAE,UAASQ,YAAa,EAAC,CAE1C;EAElB,SAASE,wBAAwBA,CAAA,EAAwB;IACvD,SAASC,UAAUA,CAACC,EAAqB,EAAE;MACzC,IAAIA,EAAE,CAACC,YAAY,EAAE;QACnBD,EAAE,CAACE,KAAK,CAACC,QAAQ,GAAGH,EAAE,CAACC,YAAY,CAACE,QAAQ;QAC5C,MAAMC,IAAI,GAAGJ,EAAE,CAACC,YAAY,CAACL,YAAY,CAAC;QAC1C,IAAIQ,IAAI,IAAI,IAAI,EAAE;UAChBJ,EAAE,CAACE,KAAK,CAACN,YAAY,CAAC,GAAGQ,IAAI;QAC/B;MACF;MACA,OAAOJ,EAAE,CAACC,YAAY;IACxB;IAEA,OAAO;MACLI,aAAaA,CAACL,EAAqB,EAAE;QACnCA,EAAE,CAACM,OAAO,GAAGN,EAAE,CAACO,UAA+B;QAC/CP,EAAE,CAACC,YAAY,GAAG;UAChBO,UAAU,EAAER,EAAE,CAACE,KAAK,CAACM,UAAU;UAC/BL,QAAQ,EAAEH,EAAE,CAACE,KAAK,CAACC,QAAQ;UAC3B,CAACP,YAAY,GAAGI,EAAE,CAACE,KAAK,CAACN,YAAY;QACvC,CAAC;MACH,CAAC;MACDa,OAAOA,CAACT,EAAqB,EAAE;QAC7B,MAAMU,WAAW,GAAGV,EAAE,CAACC,YAAY;QACnCD,EAAE,CAACE,KAAK,CAACS,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC;QACvDX,EAAE,CAACE,KAAK,CAACC,QAAQ,GAAG,QAAQ;QAC5B,MAAMS,UAAU,GAAI,GAAEZ,EAAE,CAACH,cAAc,CAAE,IAAG;QAC5CG,EAAE,CAACE,KAAK,CAACN,YAAY,CAAC,GAAG,GAAG;QAC5BI,EAAE,CAACa,qBAAqB,CAAC,CAAC;QAC1Bb,EAAE,CAACE,KAAK,CAACM,UAAU,GAAGE,WAAW,EAAEF,UAAU,IAAI,EAAE;QAEnDM,qBAAqB,CAAC,MAAM;UAC1Bd,EAAE,CAACE,KAAK,CAACN,YAAY,CAAC,GAAGgB,UAAU;QACrC,CAAC,CAAC;MACJ,CAAC;MACDG,YAAYA,CAACf,EAAqB,EAAE;QAClCD,UAAU,CAACC,EAAE,CAAC;MAChB,CAAC;MACDgB,gBAAgBA,CAAChB,EAAqB,EAAE;QACtCD,UAAU,CAACC,EAAE,CAAC;MAChB,CAAC;MACDiB,OAAOA,CAACjB,EAAqB,EAAE;QAC7BA,EAAE,CAACC,YAAY,GAAG;UAChBO,UAAU,EAAE,EAAE;UACdL,QAAQ,EAAEH,EAAE,CAACE,KAAK,CAACC,QAAQ;UAC3B,CAACP,YAAY,GAAGI,EAAE,CAACE,KAAK,CAACN,YAAY;QACvC,CAAC;QACDI,EAAE,CAACE,KAAK,CAACC,QAAQ,GAAG,QAAQ;QAC5BH,EAAE,CAACE,KAAK,CAACN,YAAY,CAAC,GAAI,GAAEI,EAAE,CAACH,cAAc,CAAE,IAAG;QAClDG,EAAE,CAACa,qBAAqB,CAAC,CAAC;QAE1BC,qBAAqB,CAAC,MAAM;UAC1Bd,EAAE,CAACE,KAAK,CAACN,YAAY,CAAC,GAAG,GAAG;QAC9B,CAAC,CAAC;MACJ,CAAC;MACDsB,YAAYA,CAAClB,EAAqB,EAAE;QAClCD,UAAU,CAACC,EAAE,CAAC;MAChB,CAAC;MACDmB,gBAAgBA,CAACnB,EAAqB,EAAE;QACtCD,UAAU,CAACC,EAAE,CAAC;MAChB;IACF,CAAC;EACH;EAEA,OAAOd,eAAe,CAAC;IACrBS,IAAI;IACJyB,KAAK,EAAE;MACLC,QAAQ,EAAE;QACRC,IAAI,EAAEC,OAA4B;QAClCC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,KAAKA,CAACL,KAAK,EAAAM,IAAA,EAAa;MAAA,IAAX;QAAEC;MAAM,CAAC,GAAAD,IAAA;MACpB,OAAO,MACLvC,CAAC,CACCF,UAAU,EACV;QAAEU,IAAI,EAAEyB,KAAK,CAACC,QAAQ,GAAG,EAAE,GAAG1B,IAAI;QAAEiC,GAAG,EAAE,CAACR,KAAK,CAACC,QAAQ;QAAE,IAAID,KAAK,CAACC,QAAQ,GAAG,CAAC,CAAC,GAAGvB,wBAAwB,CAAC,CAAC;MAAE,CAAC,EACjH6B,KAAK,CAACH,OACR,CAAC;IACL;EACF,CAAC,CAAC;AACJ"}
+{"version":3,"file":"expand-transition.mjs","names":["Transition","defineComponent","h","kebabToCamel","createExpandTransition","isHorizon","arguments","length","undefined","direction","name","sizeProperty","offsetProperty","getExpandTransitionHooks","resetStyle","el","_originStyle","style","overflow","size","onBeforeEnter","_parent","parentNode","transition","onEnter","originStyle","setProperty","offsetSize","getBoundingClientRect","requestAnimationFrame","onAfterEnter","onEnterCancelled","onLeave","onAfterLeave","onLeaveCancelled","props","disabled","type","Boolean","default","setup","_ref","slots","css"],"sources":["../../../src/components/transitions/expand-transition.ts"],"sourcesContent":["import { type PropType, Transition, defineComponent, h } from 'vue';\n\nimport { kebabToCamel } from '@/util/string';\n\ntype HTMLParentElement = (Node & ParentNode & HTMLElement) | null;\ninterface HTMLExpandElement extends HTMLElement {\n  _parent?: HTMLParentElement;\n  _originStyle?: {\n    transition: string;\n    overflow: string;\n    height?: string | null;\n    width?: string | null;\n  };\n}\n\nexport function createExpandTransition(isHorizon = false) {\n  const direction = isHorizon ? 'h' : 'v';\n  const name = `expand-${direction}-transition`;\n  const sizeProperty = isHorizon ? 'width' : 'height';\n  const offsetProperty = kebabToCamel(`offset-${sizeProperty}`) as\n    | 'offsetWidth'\n    | 'offsetHeight';\n\n  function getExpandTransitionHooks(): Record<string, any> {\n    function resetStyle(el: HTMLExpandElement) {\n      if (el._originStyle) {\n        el.style.overflow = el._originStyle.overflow;\n        const size = el._originStyle[sizeProperty];\n        if (size != null) {\n          el.style[sizeProperty] = size;\n        }\n      }\n      delete el._originStyle;\n    }\n\n    return {\n      onBeforeEnter(el: HTMLExpandElement) {\n        el._parent = el.parentNode as HTMLParentElement;\n        el._originStyle = {\n          transition: el.style.transition,\n          overflow: el.style.overflow,\n          [sizeProperty]: el.style[sizeProperty],\n        };\n      },\n      onEnter(el: HTMLExpandElement) {\n        const originStyle = el._originStyle;\n        el.style.setProperty('transition', 'none', 'important');\n        el.style.overflow = 'hidden';\n        const offsetSize = `${el[offsetProperty]}px`;\n        el.style[sizeProperty] = '0';\n        el.getBoundingClientRect();\n        el.style.transition = originStyle?.transition ?? '';\n\n        requestAnimationFrame(() => {\n          el.style[sizeProperty] = offsetSize;\n        });\n      },\n      onAfterEnter(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onEnterCancelled(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onLeave(el: HTMLExpandElement) {\n        el._originStyle = {\n          transition: '',\n          overflow: el.style.overflow,\n          [sizeProperty]: el.style[sizeProperty],\n        };\n        el.style.overflow = 'hidden';\n        el.style[sizeProperty] = `${el[offsetProperty]}px`;\n        el.getBoundingClientRect();\n\n        requestAnimationFrame(() => {\n          el.style[sizeProperty] = '0';\n        });\n      },\n      onAfterLeave(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n      onLeaveCancelled(el: HTMLExpandElement) {\n        resetStyle(el);\n      },\n    };\n  }\n\n  return defineComponent({\n    name,\n    props: {\n      disabled: {\n        type: Boolean as PropType<boolean>,\n        default: false,\n      },\n    },\n    setup(props, { slots }) {\n      return () =>\n        h(\n          Transition,\n          {\n            name: props.disabled ? '' : name,\n            css: !props.disabled,\n            ...(props.disabled ? {} : getExpandTransitionHooks()),\n          },\n          slots.default,\n        );\n    },\n  });\n}\n"],"mappings":"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"}

package/lib/components/tree-view/YTreeView.mjs

@@ -5,8 +5,8 @@ import { useRender } from "../../composables/component.mjs";
 import { differenceBetween } from "../../util/array.mjs";
 import { isColorValue } from "../../util/color/index.mjs";
 import { deepEqual, getObjectValueByPath, hasOwnProperty } from "../../util/common.mjs";
+import { chooseProps } from "../../util/component/index.mjs";
 import { debounce } from "../../util/debounce.mjs";
-import { chooseProps } from "../../util/vue-component.mjs";
 import { YProgressBar } from "../progress-bar/index.mjs";
 import { YTreeViewNode, pressYTreeViewNodeProps } from "./YTreeViewNode.mjs";
 import { filterTreeItem, filterTreeItems, getKeys } from "./util.mjs";