yuyeon 0.3.2-rc.6 → 0.3.2-rc.9

package/lib/components/table/composables/pagination.js

@@ -0,0 +1,99 @@
+import { computed, inject, provide, watch } from 'vue';
+import { useModelDuplex } from "../../../composables/communication.js";
+import { clamp } from "../../../util/common.js";
+import { propsFactory } from "../../../util/component/index.js";
+export const Y_DATA_TABLE_PAGINATION_KEY = Symbol.for('yuyeon.data-table.pagination');
+export const pressDataTablePaginationProps = propsFactory({
+  page: {
+    type: [Number, String],
+    default: 1
+  },
+  pageSize: {
+    type: [Number, String],
+    default: 10
+  }
+}, 'YDataTable--pagination');
+export function createPagination(props) {
+  const page = useModelDuplex(props, 'page', undefined, value => +(value ?? 1));
+  const pageSize = useModelDuplex(props, 'pageSize', undefined, value => +(value ?? 10));
+  return {
+    page,
+    pageSize
+  };
+}
+export function providePagination(options) {
+  const {
+    page,
+    pageSize,
+    total
+  } = options;
+  const startIndex = computed(() => {
+    if (pageSize.value === -1) return 0;
+    return pageSize.value * (page.value - 1);
+  });
+  const endIndex = computed(() => {
+    if (pageSize.value === -1) return total.value;
+    return Math.min(total.value, startIndex.value + pageSize.value);
+  });
+  const pageLength = computed(() => {
+    if (pageSize.value === -1 || total.value === 0) return 1;
+    return Math.ceil(total.value / pageSize.value);
+  });
+  watch([page, pageLength], () => {
+    if (page.value > pageLength.value) {
+      page.value = pageLength.value;
+    }
+  });
+  function setPageSize(value, noReset) {
+    pageSize.value = value;
+    if (!noReset) {
+      page.value = 1;
+    }
+  }
+  function nextPage() {
+    page.value = clamp(page.value + 1, 1, pageLength.value);
+  }
+  function prevPage() {
+    page.value = clamp(page.value - 1, 1, pageLength.value);
+  }
+  function setPage(value) {
+    page.value = clamp(value, 1, pageLength.value);
+  }
+  const data = {
+    page,
+    pageSize,
+    startIndex,
+    endIndex,
+    pageLength,
+    total,
+    nextPage,
+    prevPage,
+    setPage,
+    setPageSize
+  };
+  provide(Y_DATA_TABLE_PAGINATION_KEY, data);
+  return data;
+}
+export function usePagination() {
+  const data = inject(Y_DATA_TABLE_PAGINATION_KEY);
+  if (!data) {
+    throw new Error(`Not provided: ${Y_DATA_TABLE_PAGINATION_KEY.description}`);
+  }
+  return data;
+}
+export function usePaginatedItems(options) {
+  const {
+    items,
+    startIndex,
+    endIndex,
+    pageSize
+  } = options;
+  const paginatedItems = computed(() => {
+    if (pageSize.value <= 0) return items.value;
+    return items.value.slice(startIndex.value, endIndex.value);
+  });
+  return {
+    paginatedItems
+  };
+}
+//# sourceMappingURL=pagination.js.map

package/lib/components/table/composables/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":["computed","inject","provide","watch","useModelDuplex","clamp","propsFactory","Y_DATA_TABLE_PAGINATION_KEY","Symbol","for","pressDataTablePaginationProps","page","type","Number","String","default","pageSize","createPagination","props","undefined","value","providePagination","options","total","startIndex","endIndex","Math","min","pageLength","ceil","setPageSize","noReset","nextPage","prevPage","setPage","data","usePagination","Error","description","usePaginatedItems","items","paginatedItems","slice"],"sources":["../../../../src/components/table/composables/pagination.ts"],"sourcesContent":["import type { InjectionKey, PropType, Ref } from 'vue';\r\nimport { computed, inject, provide, watch } from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { clamp } from '@/util/common';\r\nimport { propsFactory } from '@/util/component';\r\n\r\nimport { DataTableProvidePaginationData } from '../types';\r\n\r\nexport const Y_DATA_TABLE_PAGINATION_KEY: InjectionKey<{\r\n  page: Ref<number>;\r\n  pageSize: Ref<number>;\r\n  startIndex: Ref<number>;\r\n  endIndex: Ref<number>;\r\n  pageLength: Ref<number>;\r\n  total: Ref<number>;\r\n  prevPage: () => void;\r\n  nextPage: () => void;\r\n  setPage: (page: number) => void;\r\n  setPageSize: (size: number) => void;\r\n}> = Symbol.for('yuyeon.data-table.pagination');\r\n\r\nexport const pressDataTablePaginationProps = propsFactory(\r\n  {\r\n    page: {\r\n      type: [Number, String] as PropType<number | string>,\r\n      default: 1,\r\n    },\r\n    pageSize: {\r\n      type: [Number, String] as PropType<number | string>,\r\n      default: 10,\r\n    },\r\n  },\r\n  'YDataTable--pagination',\r\n);\r\n\r\ntype PaginationProps = {\r\n  page: number | string;\r\n  'onUpdate:page': ((v: any) => void) | undefined;\r\n  pageSize: number | string;\r\n  'onUpdate:pageSize': ((v: any) => void) | undefined;\r\n  total?: number | string;\r\n};\r\n\r\nexport function createPagination(props: PaginationProps) {\r\n  const page = useModelDuplex(\r\n    props,\r\n    'page',\r\n    undefined,\r\n    (value) => +(value ?? 1),\r\n  );\r\n  const pageSize = useModelDuplex(\r\n    props,\r\n    'pageSize',\r\n    undefined,\r\n    (value) => +(value ?? 10),\r\n  );\r\n  return { page, pageSize };\r\n}\r\n\r\nexport function providePagination(options: {\r\n  page: Ref<number>;\r\n  pageSize: Ref<number>;\r\n  total: Ref<number>;\r\n}) {\r\n  const { page, pageSize, total } = options;\r\n  const startIndex = computed(() => {\r\n    if (pageSize.value === -1) return 0;\r\n\r\n    return pageSize.value * (page.value - 1);\r\n  });\r\n\r\n  const endIndex = computed(() => {\r\n    if (pageSize.value === -1) return total.value;\r\n\r\n    return Math.min(total.value, startIndex.value + pageSize.value);\r\n  });\r\n\r\n  const pageLength = computed(() => {\r\n    if (pageSize.value === -1 || total.value === 0) return 1;\r\n\r\n    return Math.ceil(total.value / pageSize.value);\r\n  });\r\n\r\n  watch([page, pageLength], () => {\r\n    if (page.value > pageLength.value) {\r\n      page.value = pageLength.value;\r\n    }\r\n  });\r\n\r\n  function setPageSize(value: number, noReset?: boolean) {\r\n    pageSize.value = value;\r\n    if (!noReset) {\r\n      page.value = 1;\r\n    }\r\n  }\r\n\r\n  function nextPage() {\r\n    page.value = clamp(page.value + 1, 1, pageLength.value);\r\n  }\r\n\r\n  function prevPage() {\r\n    page.value = clamp(page.value - 1, 1, pageLength.value);\r\n  }\r\n\r\n  function setPage(value: number) {\r\n    page.value = clamp(value, 1, pageLength.value);\r\n  }\r\n\r\n  const data: DataTableProvidePaginationData = {\r\n    page,\r\n    pageSize,\r\n    startIndex,\r\n    endIndex,\r\n    pageLength,\r\n    total,\r\n    nextPage,\r\n    prevPage,\r\n    setPage,\r\n    setPageSize,\r\n  };\r\n\r\n  provide(Y_DATA_TABLE_PAGINATION_KEY, data);\r\n\r\n  return data;\r\n}\r\n\r\nexport function usePagination() {\r\n  const data = inject(Y_DATA_TABLE_PAGINATION_KEY);\r\n  if (!data) {\r\n    throw new Error(`Not provided: ${Y_DATA_TABLE_PAGINATION_KEY.description}`);\r\n  }\r\n  return data;\r\n}\r\n\r\nexport function usePaginatedItems<T>(options: {\r\n  items: Ref<readonly T[]>;\r\n  startIndex: Ref<number>;\r\n  endIndex: Ref<number>;\r\n  pageSize: Ref<number>;\r\n}) {\r\n  const { items, startIndex, endIndex, pageSize } = options;\r\n  const paginatedItems = computed(() => {\r\n    if (pageSize.value <= 0) return items.value;\r\n\r\n    return items.value.slice(startIndex.value, endIndex.value);\r\n  });\r\n\r\n  return { paginatedItems };\r\n}\r\n"],"mappings":"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"}

package/lib/components/table/composables/provides.js

@@ -0,0 +1,3 @@
+export const YTableInjectionKey = Symbol.for('y-table');
+export const YDataTableInjectionKey = Symbol.for('y-data-table');
+//# sourceMappingURL=provides.js.map

package/lib/components/table/composables/provides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provides.js","names":["YTableInjectionKey","Symbol","for","YDataTableInjectionKey"],"sources":["../../../../src/components/table/composables/provides.ts"],"sourcesContent":["import { type InjectionKey, Ref, ShallowRef } from 'vue';\nimport type { InternalDataTableHeader } from '@/components/table/types';\nimport { createSorting } from '@/components/table/composables/sorting';\n\nexport const YTableInjectionKey: InjectionKey<{\n  tableRef: Ref<HTMLTableElement | undefined>\n  containerRect: ShallowRef<DOMRectReadOnly | undefined>\n  wrapperRef: Ref<HTMLElement | undefined>\n  wrapperRect: ShallowRef<DOMRectReadOnly | undefined>\n}> = Symbol.for('y-table');\n\nexport const YDataTableInjectionKey: InjectionKey<{\n  toggleSort: (column: InternalDataTableHeader) => void;\n  sortBy: ReturnType<typeof createSorting>['sortBy']\n  headRect: Ref<DOMRectReadOnly | undefined>\n}> =\n  Symbol.for('y-data-table');\n"],"mappings":"AAIA,OAAO,MAAMA,kBAKX,GAAGC,MAAM,CAACC,GAAG,CAAC,SAAS,CAAC;AAE1B,OAAO,MAAMC,sBAIX,GACAF,MAAM,CAACC,GAAG,CAAC,cAAc,CAAC"}

package/lib/components/table/composables/selection.js

@@ -0,0 +1,196 @@
+import { computed, inject, provide } from 'vue';
+import { useModelDuplex } from "../../../composables/communication.js";
+import { wrapInArray } from "../../../util/array.js";
+import { deepEqual, getPropertyFromItem } from "../../../util/common.js";
+import { propsFactory } from "../../../util/component/index.js";
+export const pressDataTableSelectionProps = propsFactory({
+  enableSelect: Boolean,
+  selectStrategy: {
+    type: [String, Object],
+    default: 'page'
+  },
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  itemComparator: {
+    type: [Function, String],
+    default: () => deepEqual
+  }
+}, 'YDataTable--selection');
+const singleSelectStrategy = {
+  showSelectAll: false,
+  allSelected: () => [],
+  select: _ref => {
+    let {
+      items,
+      value
+    } = _ref;
+    return new Set(value ? [items[0]?.value] : []);
+  },
+  selectAll: _ref2 => {
+    let {
+      selected
+    } = _ref2;
+    return selected;
+  }
+};
+const pageSelectStrategy = {
+  showSelectAll: true,
+  allSelected: _ref3 => {
+    let {
+      pageItems
+    } = _ref3;
+    return pageItems;
+  },
+  select: _ref4 => {
+    let {
+      items,
+      value,
+      selected
+    } = _ref4;
+    for (const item of items) {
+      if (value) selected.add(item.value);else selected.delete(item.value);
+    }
+    return selected;
+  },
+  selectAll: _ref5 => {
+    let {
+      value,
+      pageItems,
+      selected
+    } = _ref5;
+    return pageSelectStrategy.select({
+      items: pageItems,
+      value,
+      selected
+    });
+  }
+};
+const allSelectStrategy = {
+  showSelectAll: true,
+  allSelected: _ref6 => {
+    let {
+      allItems
+    } = _ref6;
+    return allItems;
+  },
+  select: _ref7 => {
+    let {
+      items,
+      value,
+      selected
+    } = _ref7;
+    for (const item of items) {
+      if (value) selected.add(item.value);else selected.delete(item.value);
+    }
+    return selected;
+  },
+  selectAll: _ref8 => {
+    let {
+      value,
+      allItems,
+      selected
+    } = _ref8;
+    return allSelectStrategy.select({
+      items: allItems,
+      value,
+      selected
+    });
+  }
+};
+export const Y_DATA_TABLE_SELECTION_KEY = Symbol.for('yuyeon.data-table.selection');
+export function provideSelection(props, _ref9) {
+  let {
+    allItems,
+    pageItems
+  } = _ref9;
+  const selected = useModelDuplex(props, 'modelValue', props.modelValue, v => {
+    return new Set(wrapInArray(v).map(v => {
+      return allItems.value.find(item => {
+        const {
+          itemComparator
+        } = props;
+        if (typeof itemComparator === 'function') {
+          itemComparator(v, item.value);
+        }
+        return getPropertyFromItem(v, props.itemKey) === item.key;
+      })?.value ?? v;
+    }));
+  }, v => {
+    return [...v.values()];
+  });
+  const allSelectables = computed(() => allItems.value.filter(item => item.selectable));
+  const pageSelectables = computed(() => pageItems.value.filter(item => item.selectable));
+  const selectStrategy = computed(() => {
+    if (typeof props.selectStrategy === 'object') {
+      return props.selectStrategy;
+    }
+    switch (props.selectStrategy) {
+      case 'single':
+        return singleSelectStrategy;
+      case 'all':
+        return allSelectStrategy;
+      case 'page':
+      default:
+        return pageSelectStrategy;
+    }
+  });
+  function isSelected(items) {
+    return wrapInArray(items).every(item => selected.value.has(item.value));
+  }
+  function isSomeSelected(items) {
+    return wrapInArray(items).some(item => selected.value.has(item.value));
+  }
+  function select(items, value) {
+    selected.value = selectStrategy.value.select({
+      items,
+      value,
+      selected: new Set(selected.value)
+    });
+  }
+  function toggleSelect(item) {
+    select([item], !isSelected([item]));
+  }
+  function selectAll(value) {
+    selected.value = selectStrategy.value.selectAll({
+      value,
+      allItems: allSelectables.value,
+      pageItems: pageSelectables.value,
+      selected: new Set(selected.value)
+    });
+  }
+  const selectables = computed(() => {
+    return selectStrategy.value.allSelected({
+      allItems: allSelectables.value,
+      pageItems: pageSelectables.value
+    });
+  });
+  const someSelected = computed(() => {
+    return isSomeSelected(pageSelectables.value);
+  });
+  const allSelected = computed(() => {
+    return isSelected(selectables.value);
+  });
+  const data = {
+    toggleSelect,
+    select,
+    selectAll,
+    isSelected,
+    isSomeSelected,
+    someSelected,
+    allSelected,
+    showSelectAll: selectStrategy.value.showSelectAll,
+    selectables
+  };
+  provide(Y_DATA_TABLE_SELECTION_KEY, data);
+  return data;
+}
+export function useSelection() {
+  const data = inject(Y_DATA_TABLE_SELECTION_KEY);
+  if (!data) {
+    throw new Error(`Not provided: ${Y_DATA_TABLE_SELECTION_KEY.description}`);
+  }
+  return data;
+}
+//# sourceMappingURL=selection.js.map

package/lib/components/table/composables/selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","names":["computed","inject","provide","useModelDuplex","wrapInArray","deepEqual","getPropertyFromItem","propsFactory","pressDataTableSelectionProps","enableSelect","Boolean","selectStrategy","type","String","Object","default","modelValue","Array","itemComparator","Function","singleSelectStrategy","showSelectAll","allSelected","select","_ref","items","value","Set","selectAll","_ref2","selected","pageSelectStrategy","_ref3","pageItems","_ref4","item","add","delete","_ref5","allSelectStrategy","_ref6","allItems","_ref7","_ref8","Y_DATA_TABLE_SELECTION_KEY","Symbol","for","provideSelection","props","_ref9","v","map","find","itemKey","key","values","allSelectables","filter","selectable","pageSelectables","isSelected","every","has","isSomeSelected","some","toggleSelect","selectables","someSelected","data","useSelection","Error","description"],"sources":["../../../../src/components/table/composables/selection.ts"],"sourcesContent":["import {\r\n  type InjectionKey,\r\n  type PropType,\r\n  type Ref,\r\n  computed,\r\n  inject,\r\n  provide,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { wrapInArray } from '@/util/array';\r\nimport { deepEqual, getPropertyFromItem } from '@/util/common';\r\nimport { propsFactory } from '@/util/component';\r\n\r\nimport { DataTableProvideSelectionData } from '../types';\r\nimport { DataTableItemsProps } from './items';\r\n\r\nexport interface SelectableItem {\r\n  key: string;\r\n  value: any;\r\n  selectable: boolean;\r\n}\r\n\r\nexport interface DataTableSelectStrategy {\r\n  showSelectAll: boolean;\r\n  allSelected: (data: {\r\n    allItems: SelectableItem[];\r\n    pageItems: SelectableItem[];\r\n  }) => SelectableItem[];\r\n  select: (data: {\r\n    items: SelectableItem[];\r\n    value: boolean;\r\n    selected: Set<unknown>;\r\n  }) => Set<unknown>;\r\n  selectAll: (data: {\r\n    value: boolean;\r\n    allItems: SelectableItem[];\r\n    pageItems: SelectableItem[];\r\n    selected: Set<unknown>;\r\n  }) => Set<unknown>;\r\n}\r\n\r\nexport const pressDataTableSelectionProps = propsFactory(\r\n  {\r\n    enableSelect: Boolean,\r\n    selectStrategy: {\r\n      type: [String, Object] as PropType<'single' | 'page' | 'all'>,\r\n      default: 'page',\r\n    },\r\n    modelValue: {\r\n      type: Array as PropType<readonly any[]>,\r\n      default: () => [],\r\n    },\r\n    itemComparator: {\r\n      type: [Function, String] as PropType<typeof deepEqual | string>,\r\n      default: () => deepEqual,\r\n    },\r\n  },\r\n  'YDataTable--selection',\r\n);\r\n\r\ntype DataTableSelectionProps = Pick<DataTableItemsProps, 'itemKey'> & {\r\n  modelValue: readonly any[];\r\n  selectStrategy: 'single' | 'page' | 'all';\r\n  'onUpdate:modelValue': ((value: any[]) => void) | undefined;\r\n  itemComparator: ((a: any, b: any) => boolean) | string;\r\n};\r\n\r\nconst singleSelectStrategy: DataTableSelectStrategy = {\r\n  showSelectAll: false,\r\n  allSelected: () => [],\r\n  select: ({ items, value }) => {\r\n    return new Set(value ? [items[0]?.value] : []);\r\n  },\r\n  selectAll: ({ selected }) => selected,\r\n};\r\n\r\nconst pageSelectStrategy: DataTableSelectStrategy = {\r\n  showSelectAll: true,\r\n  allSelected: ({ pageItems }) => pageItems,\r\n  select: ({ items, value, selected }) => {\r\n    for (const item of items) {\r\n      if (value) selected.add(item.value);\r\n      else selected.delete(item.value);\r\n    }\r\n\r\n    return selected;\r\n  },\r\n  selectAll: ({ value, pageItems, selected }) =>\r\n    pageSelectStrategy.select({ items: pageItems, value, selected }),\r\n};\r\n\r\nconst allSelectStrategy: DataTableSelectStrategy = {\r\n  showSelectAll: true,\r\n  allSelected: ({ allItems }) => allItems,\r\n  select: ({ items, value, selected }) => {\r\n    for (const item of items) {\r\n      if (value) selected.add(item.value);\r\n      else selected.delete(item.value);\r\n    }\r\n\r\n    return selected;\r\n  },\r\n  selectAll: ({ value, allItems, selected }) =>\r\n    allSelectStrategy.select({ items: allItems, value, selected }),\r\n};\r\n\r\nexport const Y_DATA_TABLE_SELECTION_KEY: InjectionKey<\r\n  ReturnType<typeof provideSelection>\r\n> = Symbol.for('yuyeon.data-table.selection');\r\n\r\nexport function provideSelection(\r\n  props: DataTableSelectionProps,\r\n  {\r\n    allItems,\r\n    pageItems,\r\n  }: { allItems: Ref<SelectableItem[]>; pageItems: Ref<SelectableItem[]> },\r\n) {\r\n  const selected = useModelDuplex(\r\n    props,\r\n    'modelValue',\r\n    props.modelValue,\r\n    (v) => {\r\n      return new Set(\r\n        wrapInArray(v).map((v) => {\r\n          return (\r\n            allItems.value.find((item) => {\r\n              const { itemComparator } = props;\r\n              if (typeof itemComparator === 'function') {\r\n                itemComparator(v, item.value);\r\n              }\r\n              return getPropertyFromItem(v, props.itemKey) === item.key;\r\n            })?.value ?? v\r\n          );\r\n        }),\r\n      );\r\n    },\r\n    (v) => {\r\n      return [...v.values()];\r\n    },\r\n  );\r\n\r\n  const allSelectables = computed(() =>\r\n    allItems.value.filter((item) => item.selectable),\r\n  );\r\n\r\n  const pageSelectables = computed(() =>\r\n    pageItems.value.filter((item) => item.selectable),\r\n  );\r\n\r\n  const selectStrategy = computed(() => {\r\n    if (typeof props.selectStrategy === 'object') {\r\n      return props.selectStrategy;\r\n    }\r\n    switch (props.selectStrategy) {\r\n      case 'single':\r\n        return singleSelectStrategy;\r\n      case 'all':\r\n        return allSelectStrategy;\r\n      case 'page':\r\n      default:\r\n        return pageSelectStrategy;\r\n    }\r\n  });\r\n\r\n  function isSelected(items: SelectableItem | SelectableItem[]) {\r\n    return wrapInArray(items).every((item) => selected.value.has(item.value));\r\n  }\r\n\r\n  function isSomeSelected(items: SelectableItem | SelectableItem[]) {\r\n    return wrapInArray(items).some((item) => selected.value.has(item.value));\r\n  }\r\n\r\n  function select(items: SelectableItem[], value: boolean) {\r\n    selected.value = selectStrategy.value.select({\r\n      items,\r\n      value,\r\n      selected: new Set(selected.value),\r\n    });\r\n  }\r\n\r\n  function toggleSelect(item: SelectableItem) {\r\n    select([item], !isSelected([item]));\r\n  }\r\n\r\n  function selectAll(value: boolean) {\r\n    selected.value = selectStrategy.value.selectAll({\r\n      value,\r\n      allItems: allSelectables.value,\r\n      pageItems: pageSelectables.value,\r\n      selected: new Set(selected.value),\r\n    });\r\n  }\r\n\r\n  const selectables = computed(() => {\r\n    return selectStrategy.value.allSelected({\r\n      allItems: allSelectables.value,\r\n      pageItems: pageSelectables.value,\r\n    });\r\n  });\r\n\r\n  const someSelected = computed(() => {\r\n    return isSomeSelected(pageSelectables.value);\r\n  });\r\n\r\n  const allSelected = computed(() => {\r\n    return isSelected(selectables.value);\r\n  });\r\n\r\n  const data: DataTableProvideSelectionData = {\r\n    toggleSelect,\r\n    select,\r\n    selectAll,\r\n    isSelected,\r\n    isSomeSelected,\r\n    someSelected,\r\n    allSelected,\r\n    showSelectAll: selectStrategy.value.showSelectAll,\r\n    selectables,\r\n  };\r\n\r\n  provide(Y_DATA_TABLE_SELECTION_KEY, data);\r\n\r\n  return data;\r\n}\r\n\r\nexport function useSelection() {\r\n  const data = inject(Y_DATA_TABLE_SELECTION_KEY);\r\n  if (!data) {\r\n    throw new Error(`Not provided: ${Y_DATA_TABLE_SELECTION_KEY.description}`);\r\n  }\r\n\r\n  return data;\r\n}\r\n"],"mappings":"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"}

package/lib/components/table/composables/sorted-items.js

@@ -0,0 +1,50 @@
+import { computed, unref } from 'vue';
+import { useI18n } from "../../../composables/i18n/index.js";
+import { getObjectValueByPath, isEmpty } from "../../../util/common.js";
+export function useSortedItems(props, items, sortBy, options) {
+  const {
+    locale
+  } = useI18n();
+  const sortedItems = computed(() => {
+    if (sortBy.value.length === 0) return items.value;
+    return sortItems(items.value, sortBy.value, locale.value);
+  });
+  return {
+    sortedItems
+  };
+}
+export function sortItems(items, sortOptions, locale) {
+  const stringCollator = new Intl.Collator(locale, {
+    sensitivity: 'accent',
+    usage: 'sort'
+  });
+  const refined = items.map(item => item);
+  return refined.sort((a, b) => {
+    for (let i = 0; i < sortOptions.length; i++) {
+      const sortKey = sortOptions[i].key;
+      const sortOrder = sortOptions[i].order ?? 'asc';
+      if (sortOrder === false) continue;
+      let sortA = getObjectValueByPath(unref(a.columns), sortKey);
+      let sortB = getObjectValueByPath(unref(b.columns), sortKey);
+      let sortARaw = unref(a.raw);
+      let sortBRaw = unref(b.raw);
+      if (sortOrder === 'desc') {
+        [sortA, sortB] = [sortB, sortA];
+        [sortARaw, sortBRaw] = [sortBRaw, sortARaw];
+      }
+      if (sortA instanceof Date && sortB instanceof Date) {
+        return sortA.getTime() - sortB.getTime();
+      }
+      [sortA, sortB] = [sortA, sortB].map(s => s != null ? s.toString().toLocaleLowerCase() : s);
+      if (sortA !== sortB) {
+        if (isEmpty(sortA) && isEmpty(sortB)) return 0;
+        if (isEmpty(sortA)) return -1;
+        if (isEmpty(sortB)) return 1;
+        if (!isNaN(sortA) && !isNaN(sortB)) return Number(sortA) - Number(sortB);
+        return stringCollator.compare(sortA, sortB);
+      }
+    }
+    return 0;
+  }).map(item => item);
+}
+//# sourceMappingURL=sorted-items.js.map

package/lib/components/table/composables/sorted-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sorted-items.js","names":["computed","unref","useI18n","getObjectValueByPath","isEmpty","useSortedItems","props","items","sortBy","options","locale","sortedItems","value","length","sortItems","sortOptions","stringCollator","Intl","Collator","sensitivity","usage","refined","map","item","sort","a","b","i","sortKey","key","sortOrder","order","sortA","columns","sortB","sortARaw","raw","sortBRaw","Date","getTime","s","toString","toLocaleLowerCase","isNaN","Number","compare"],"sources":["../../../../src/components/table/composables/sorted-items.ts"],"sourcesContent":["import { type Ref, computed, unref } from 'vue';\r\n\r\nimport { useI18n } from '@/composables/i18n';\r\nimport { getObjectValueByPath, isEmpty } from '@/util/common';\r\n\r\nimport type { SortOption } from '../types';\r\n\r\nexport function useSortedItems(\r\n  props: any,\r\n  items: Ref<any[]>,\r\n  sortBy: Ref<readonly SortOption[]>,\r\n  options?: {},\r\n) {\r\n  const { locale } = useI18n();\r\n  const sortedItems = computed(() => {\r\n    if (sortBy.value.length === 0) return items.value;\r\n    return sortItems(items.value, sortBy.value, locale.value);\r\n  });\r\n\r\n  return {\r\n    sortedItems,\r\n  };\r\n}\r\n\r\nexport function sortItems(\r\n  items: any[],\r\n  sortOptions: readonly SortOption[],\r\n  locale: string,\r\n) {\r\n  const stringCollator = new Intl.Collator(locale, {\r\n    sensitivity: 'accent',\r\n    usage: 'sort',\r\n  });\r\n  const refined = items.map((item) => item);\r\n\r\n  return refined\r\n    .sort((a, b) => {\r\n      for (let i = 0; i < sortOptions.length; i++) {\r\n        const sortKey = sortOptions[i].key;\r\n        const sortOrder = sortOptions[i].order ?? 'asc';\r\n\r\n        if (sortOrder === false) continue;\r\n\r\n        let sortA = getObjectValueByPath(unref(a.columns), sortKey);\r\n        let sortB = getObjectValueByPath(unref(b.columns), sortKey);\r\n        let sortARaw = unref(a.raw);\r\n        let sortBRaw = unref(b.raw);\r\n\r\n        if (sortOrder === 'desc') {\r\n          [sortA, sortB] = [sortB, sortA];\r\n          [sortARaw, sortBRaw] = [sortBRaw, sortARaw];\r\n        }\r\n\r\n        if (sortA instanceof Date && sortB instanceof Date) {\r\n          return sortA.getTime() - sortB.getTime();\r\n        }\r\n\r\n        [sortA, sortB] = [sortA, sortB].map((s) =>\r\n          s != null ? s.toString().toLocaleLowerCase() : s,\r\n        );\r\n\r\n        if (sortA !== sortB) {\r\n          if (isEmpty(sortA) && isEmpty(sortB)) return 0;\r\n          if (isEmpty(sortA)) return -1;\r\n          if (isEmpty(sortB)) return 1;\r\n          if (!isNaN(sortA) && !isNaN(sortB))\r\n            return Number(sortA) - Number(sortB);\r\n          return stringCollator.compare(sortA, sortB);\r\n        }\r\n      }\r\n\r\n      return 0;\r\n    })\r\n    .map((item) => item);\r\n}\r\n"],"mappings":"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"}

package/lib/components/table/composables/sorting.js

@@ -0,0 +1,73 @@
+import { inject, provide, toRef } from 'vue';
+import { useModelDuplex } from "../../../composables/communication.js";
+import { propsFactory } from "../../../util/component/index.js";
+const Y_DATA_TABLE_SORTING_KEY = Symbol.for('yuyeon.data-table.sorting');
+export const pressDataTableSortProps = propsFactory({
+  sortBy: {
+    type: Array,
+    default: () => []
+  },
+  multiSort: Boolean
+}, 'YDataTable--sorting');
+export function createSorting(props) {
+  const sortBy = useModelDuplex(props, 'sortBy');
+  const multiSort = toRef(props, 'multiSort');
+  return {
+    sortBy,
+    multiSort
+  };
+}
+export function provideSorting(options) {
+  const {
+    sortBy,
+    multiSort,
+    page
+  } = options;
+  const toggleSort = column => {
+    let neo = sortBy.value?.map(v => ({
+      ...v
+    })) ?? [];
+    const target = neo.find(v => v.key === column.key);
+    const sortOption = {
+      key: column.key,
+      order: 'asc'
+    };
+    if (!target) {
+      if (multiSort?.value) {
+        neo = [...neo, sortOption];
+      } else {
+        neo = [sortOption];
+      }
+    } else if (target.order === 'desc') {
+      if (column.mustSort) {
+        target.order = 'asc';
+      } else {
+        neo = neo.filter(v => v.key !== column.key);
+      }
+    } else {
+      target.order = 'desc';
+    }
+    sortBy.value = neo;
+    if (page) {
+      page.value = 1;
+    }
+  };
+  function isSorted(column) {
+    return !!sortBy.value.find(option => option.key === column.key);
+  }
+  const data = {
+    sortBy,
+    toggleSort,
+    isSorted
+  };
+  provide(Y_DATA_TABLE_SORTING_KEY, data);
+  return data;
+}
+export function useSorting() {
+  const data = inject(Y_DATA_TABLE_SORTING_KEY);
+  if (!data) {
+    throw new Error(`Not provided: ${Y_DATA_TABLE_SORTING_KEY.description}`);
+  }
+  return data;
+}
+//# sourceMappingURL=sorting.js.map

package/lib/components/table/composables/sorting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sorting.js","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/composables/sorting.ts"],"sourcesContent":["import {\r\n  type DeepReadonly,\r\n  type InjectionKey,\r\n  type PropType,\r\n  type Ref,\r\n  inject,\r\n  provide,\r\n  toRef,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { propsFactory } from '@/util/component';\r\n\r\nimport type {\r\n  DataTableProvideSortingData,\r\n  InternalDataTableHeader,\r\n  SortOption,\r\n} from '../types';\r\n\r\nconst Y_DATA_TABLE_SORTING_KEY: InjectionKey<{\r\n  sortBy: Ref<readonly SortOption[]>;\r\n  toggleSort: (col: InternalDataTableHeader) => void;\r\n  isSorted: (col: InternalDataTableHeader) => boolean;\r\n}> = Symbol.for('yuyeon.data-table.sorting');\r\n\r\nexport const pressDataTableSortProps = propsFactory(\r\n  {\r\n    sortBy: {\r\n      type: Array as PropType<DeepReadonly<SortOption[]>>,\r\n      default: () => [],\r\n    },\r\n    multiSort: Boolean,\r\n  },\r\n  'YDataTable--sorting',\r\n);\r\n\r\ntype SortProps = {\r\n  sortBy: readonly SortOption[];\r\n  'onUpdate:sortBy': ((value: any) => void) | undefined;\r\n  multiSort: boolean;\r\n};\r\n\r\nexport function createSorting(props: SortProps) {\r\n  const sortBy = useModelDuplex(props, 'sortBy');\r\n  const multiSort = toRef(props, 'multiSort');\r\n\r\n  return { sortBy, multiSort };\r\n}\r\n\r\nexport function provideSorting(options: {\r\n  sortBy: Ref<readonly SortOption[]>;\r\n  page?: Ref<number>;\r\n  multiSort?: Ref<boolean>;\r\n}) {\r\n  const { sortBy, multiSort, page } = options;\r\n\r\n  const toggleSort = (column: InternalDataTableHeader) => {\r\n    let neo = sortBy.value?.map((v) => ({ ...v })) ?? [];\r\n    const target = neo.find((v) => v.key === column.key);\r\n    const sortOption: SortOption = { key: column.key, order: 'asc' };\r\n\r\n    if (!target) {\r\n      if (multiSort?.value) {\r\n        neo = [...neo, sortOption];\r\n      } else {\r\n        neo = [sortOption];\r\n      }\r\n    } else if (target.order === 'desc') {\r\n      if (column.mustSort) {\r\n        target.order = 'asc';\r\n      } else {\r\n        neo = neo.filter((v) => v.key !== column.key);\r\n      }\r\n    } else {\r\n      target.order = 'desc';\r\n    }\r\n    sortBy.value = neo;\r\n    if (page) {\r\n      page.value = 1;\r\n    }\r\n  };\r\n\r\n  function isSorted(column: InternalDataTableHeader) {\r\n    return !!sortBy.value.find((option) => option.key === column.key);\r\n  }\r\n\r\n  const data: DataTableProvideSortingData = { sortBy, toggleSort, isSorted };\r\n\r\n  provide(Y_DATA_TABLE_SORTING_KEY, data);\r\n\r\n  return data;\r\n}\r\n\r\nexport function useSorting() {\r\n  const data = inject(Y_DATA_TABLE_SORTING_KEY);\r\n  if (!data) {\r\n    throw new Error(`Not provided: ${Y_DATA_TABLE_SORTING_KEY.description}`);\r\n  }\r\n  return data;\r\n}\r\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/composibles/measure.js

@@ -1,4 +1,4 @@
-import { ref, shallowRef } from 'vue';
+import { ref, shallowRef, watch } from 'vue';
 import { useResizeObserver } from "../../../composables/resize-observer.js";
 import { debounce } from "../../../util/debounce.js";
 export function useRectMeasure() {
@@ -15,10 +15,20 @@ export function useRectMeasure() {
   });
   function measure(entries) {
     containerRect.value = entries?.[0]?.contentRect;
-    const el = containerRef.value;
-    const wrapperEl = el.querySelector('.y-table__wrapper');
-    if (wrapperEl) {
-      wrapperRect.value = wrapperEl.getBoundingClientRect();
+    if (wrapperRef.value) {
+      const rect = wrapperRef.value.getBoundingClientRect();
+      if (rect) {
+        const obj = {};
+        for (const key in rect) {
+          if (typeof rect[key] !== "function") {
+            obj[key] = rect[key];
+          }
+        }
+        wrapperRect.value = {
+          ...obj,
+          clientWidth: wrapperRef.value?.clientWidth ?? 0
+        };
+      }
     }
     if (tableRef.value) {
       const rect = tableRef.value?.getBoundingClientRect();
@@ -27,6 +37,12 @@ export function useRectMeasure() {
       }
     }
   }
+  watch(tableRef, neo => {
+    if (neo) {
+      const el = containerRef.value;
+      wrapperRef.value = el.querySelector('.y-table__wrapper');
+    }
+  });
   return {
     containerRef,
     wrapperRef,

package/lib/components/table/composibles/measure.js.map

@@ -1 +1 @@
-{"version":3,"file":"measure.js","names":["ref","shallowRef","useResizeObserver","debounce","useRectMeasure","tableRef","wrapperRef","containerRect","wrapperRect","tableRect","debounceMeasure","measure","resizeObservedRef","containerRef","entries","value","contentRect","el","wrapperEl","querySelector","getBoundingClientRect","rect"],"sources":["../../../../src/components/table/composibles/measure.ts"],"sourcesContent":["import { ref, shallowRef } from 'vue';\n\nimport { useResizeObserver } from '@/composables/resize-observer';\nimport { debounce } from '@/util/debounce';\n\nexport function useRectMeasure() {\n  const tableRef = ref();\n  const wrapperRef = ref();\n\n  const containerRect = shallowRef<DOMRectReadOnly>();\n  const wrapperRect = shallowRef<DOMRectReadOnly>();\n  const tableRect = shallowRef<DOMRectReadOnly>();\n\n  const debounceMeasure = debounce(measure, 100);\n\n  const { resizeObservedRef: containerRef } = useResizeObserver((entries) => {\n    debounceMeasure(entries);\n  });\n\n  function measure(entries: any) {\n    containerRect.value = entries?.[0]?.contentRect;\n    const el = containerRef.value!;\n    const wrapperEl = el.querySelector('.y-table__wrapper');\n    if (wrapperEl) {\n      wrapperRect.value = wrapperEl.getBoundingClientRect();\n    }\n    if (tableRef.value) {\n      const rect = tableRef.value?.getBoundingClientRect();\n      if (rect) {\n        tableRect.value = rect;\n      }\n    }\n  }\n\n  return {\n    containerRef,\n    wrapperRef,\n    tableRef,\n    containerRect,\n    wrapperRect,\n    tableRect,\n  };\n}\n"],"mappings":"AAAA,SAASA,GAAG,EAAEC,UAAU,QAAQ,KAAK;AAAC,SAE7BC,iBAAiB;AAAA,SACjBC,QAAQ;AAEjB,OAAO,SAASC,cAAcA,CAAA,EAAG;EAC/B,MAAMC,QAAQ,GAAGL,GAAG,CAAC,CAAC;EACtB,MAAMM,UAAU,GAAGN,GAAG,CAAC,CAAC;EAExB,MAAMO,aAAa,GAAGN,UAAU,CAAkB,CAAC;EACnD,MAAMO,WAAW,GAAGP,UAAU,CAAkB,CAAC;EACjD,MAAMQ,SAAS,GAAGR,UAAU,CAAkB,CAAC;EAE/C,MAAMS,eAAe,GAAGP,QAAQ,CAACQ,OAAO,EAAE,GAAG,CAAC;EAE9C,MAAM;IAAEC,iBAAiB,EAAEC;EAAa,CAAC,GAAGX,iBAAiB,CAAEY,OAAO,IAAK;IACzEJ,eAAe,CAACI,OAAO,CAAC;EAC1B,CAAC,CAAC;EAEF,SAASH,OAAOA,CAACG,OAAY,EAAE;IAC7BP,aAAa,CAACQ,KAAK,GAAGD,OAAO,GAAG,CAAC,CAAC,EAAEE,WAAW;IAC/C,MAAMC,EAAE,GAAGJ,YAAY,CAACE,KAAM;IAC9B,MAAMG,SAAS,GAAGD,EAAE,CAACE,aAAa,CAAC,mBAAmB,CAAC;IACvD,IAAID,SAAS,EAAE;MACbV,WAAW,CAACO,KAAK,GAAGG,SAAS,CAACE,qBAAqB,CAAC,CAAC;IACvD;IACA,IAAIf,QAAQ,CAACU,KAAK,EAAE;MAClB,MAAMM,IAAI,GAAGhB,QAAQ,CAACU,KAAK,EAAEK,qBAAqB,CAAC,CAAC;MACpD,IAAIC,IAAI,EAAE;QACRZ,SAAS,CAACM,KAAK,GAAGM,IAAI;MACxB;IACF;EACF;EAEA,OAAO;IACLR,YAAY;IACZP,UAAU;IACVD,QAAQ;IACRE,aAAa;IACbC,WAAW;IACXC;EACF,CAAC;AACH"}
+{"version":3,"file":"measure.js","names":["ref","shallowRef","watch","useResizeObserver","debounce","useRectMeasure","tableRef","wrapperRef","containerRect","wrapperRect","tableRect","debounceMeasure","measure","resizeObservedRef","containerRef","entries","value","contentRect","rect","getBoundingClientRect","obj","key","clientWidth","neo","el","querySelector"],"sources":["../../../../src/components/table/composibles/measure.ts"],"sourcesContent":["import { ref, shallowRef, watch } from 'vue';\n\nimport { useResizeObserver } from '@/composables/resize-observer';\nimport { debounce } from '@/util/debounce';\n\nexport function useRectMeasure() {\n  const tableRef = ref();\n  const wrapperRef = ref();\n\n  const containerRect = shallowRef<DOMRectReadOnly>();\n  const wrapperRect = shallowRef<DOMRectReadOnly>();\n  const tableRect = shallowRef<DOMRectReadOnly>();\n\n  const debounceMeasure = debounce(measure, 100);\n\n  const { resizeObservedRef: containerRef } = useResizeObserver((entries) => {\n    debounceMeasure(entries);\n  });\n\n  function measure(entries: any) {\n    containerRect.value = entries?.[0]?.contentRect;\n\n    if (wrapperRef.value) {\n      const rect = wrapperRef.value.getBoundingClientRect();\n\n      if (rect) {\n        const obj: any = {};\n        for (const key in rect) {\n          if (typeof rect[key] !== \"function\") {\n            obj[key] = rect[key];\n          }\n        }\n        wrapperRect.value = {\n          ...obj,\n          clientWidth: wrapperRef.value?.clientWidth ?? 0,\n        };\n      }\n\n    }\n\n    if (tableRef.value) {\n      const rect = tableRef.value?.getBoundingClientRect();\n      if (rect) {\n        tableRect.value = rect;\n      }\n    }\n  }\n\n  watch(tableRef, (neo) => {\n    if (neo) {\n      const el = containerRef.value!;\n      wrapperRef.value = el.querySelector('.y-table__wrapper');\n    }\n  })\n\n  return {\n    containerRef,\n    wrapperRef,\n    tableRef,\n    containerRect,\n    wrapperRect,\n    tableRect,\n  };\n}\n"],"mappings":"AAAA,SAASA,GAAG,EAAEC,UAAU,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAEpCC,iBAAiB;AAAA,SACjBC,QAAQ;AAEjB,OAAO,SAASC,cAAcA,CAAA,EAAG;EAC/B,MAAMC,QAAQ,GAAGN,GAAG,CAAC,CAAC;EACtB,MAAMO,UAAU,GAAGP,GAAG,CAAC,CAAC;EAExB,MAAMQ,aAAa,GAAGP,UAAU,CAAkB,CAAC;EACnD,MAAMQ,WAAW,GAAGR,UAAU,CAAkB,CAAC;EACjD,MAAMS,SAAS,GAAGT,UAAU,CAAkB,CAAC;EAE/C,MAAMU,eAAe,GAAGP,QAAQ,CAACQ,OAAO,EAAE,GAAG,CAAC;EAE9C,MAAM;IAAEC,iBAAiB,EAAEC;EAAa,CAAC,GAAGX,iBAAiB,CAAEY,OAAO,IAAK;IACzEJ,eAAe,CAACI,OAAO,CAAC;EAC1B,CAAC,CAAC;EAEF,SAASH,OAAOA,CAACG,OAAY,EAAE;IAC7BP,aAAa,CAACQ,KAAK,GAAGD,OAAO,GAAG,CAAC,CAAC,EAAEE,WAAW;IAE/C,IAAIV,UAAU,CAACS,KAAK,EAAE;MACpB,MAAME,IAAI,GAAGX,UAAU,CAACS,KAAK,CAACG,qBAAqB,CAAC,CAAC;MAErD,IAAID,IAAI,EAAE;QACR,MAAME,GAAQ,GAAG,CAAC,CAAC;QACnB,KAAK,MAAMC,GAAG,IAAIH,IAAI,EAAE;UACtB,IAAI,OAAOA,IAAI,CAACG,GAAG,CAAC,KAAK,UAAU,EAAE;YACnCD,GAAG,CAACC,GAAG,CAAC,GAAGH,IAAI,CAACG,GAAG,CAAC;UACtB;QACF;QACAZ,WAAW,CAACO,KAAK,GAAG;UAClB,GAAGI,GAAG;UACNE,WAAW,EAAEf,UAAU,CAACS,KAAK,EAAEM,WAAW,IAAI;QAChD,CAAC;MACH;IAEF;IAEA,IAAIhB,QAAQ,CAACU,KAAK,EAAE;MAClB,MAAME,IAAI,GAAGZ,QAAQ,CAACU,KAAK,EAAEG,qBAAqB,CAAC,CAAC;MACpD,IAAID,IAAI,EAAE;QACRR,SAAS,CAACM,KAAK,GAAGE,IAAI;MACxB;IACF;EACF;EAEAhB,KAAK,CAACI,QAAQ,EAAGiB,GAAG,IAAK;IACvB,IAAIA,GAAG,EAAE;MACP,MAAMC,EAAE,GAAGV,YAAY,CAACE,KAAM;MAC9BT,UAAU,CAACS,KAAK,GAAGQ,EAAE,CAACC,aAAa,CAAC,mBAAmB,CAAC;IAC1D;EACF,CAAC,CAAC;EAEF,OAAO;IACLX,YAAY;IACZP,UAAU;IACVD,QAAQ;IACRE,aAAa;IACbC,WAAW;IACXC;EACF,CAAC;AACH"}

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

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

package/lib/components/table/types/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":[],"sources":["../../../../src/components/table/types/item.ts"],"sourcesContent":["import { SelectableItem, provideSelection } from '../composibles/selection';\nimport { InternalDataTableHeader } from './header';\n\ntype ItemSlotBase<T> = {\n  index: number;\n  item: T;\n  internalItem: DataTableItem<T>;\n  selected: boolean;\n  isSelected: ReturnType<typeof provideSelection>['isSelected'];\n  toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];\n};\n\nexport type ItemKeySlot<T> = ItemSlotBase<T> & {\n  value: any;\n  column: InternalDataTableHeader;\n};\n\nexport interface DataTableItem<T = any> extends SelectableItem {\n  index: number;\n  columns: Record<string, any>;\n  raw: T;\n}\n"],"mappings":""}
+{"version":3,"file":"item.js","names":[],"sources":["../../../../src/components/table/types/item.ts"],"sourcesContent":["import { SelectableItem, provideSelection } from '@/components/table/composables/selection';\nimport { InternalDataTableHeader } from './header';\n\ntype ItemSlotBase<T> = {\n  index: number;\n  item: T;\n  internalItem: DataTableItem<T>;\n  selected: boolean;\n  isSelected: ReturnType<typeof provideSelection>['isSelected'];\n  toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];\n};\n\nexport type ItemKeySlot<T> = ItemSlotBase<T> & {\n  value: any;\n  column: InternalDataTableHeader;\n};\n\nexport interface DataTableItem<T = any> extends SelectableItem {\n  index: number;\n  columns: Record<string, any>;\n  raw: T;\n  rowRef?: any\n}\n"],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.3.2-rc.6",
+  "version": "0.3.2-rc.9",
   "keywords": [
     "UI Library",
     "Vue"

package/types/abstract/items.d.ts

@@ -12,7 +12,7 @@ export declare const pressItemsPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<any[]>;
         default: () => never[];
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
         default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
     };
@@ -22,7 +22,7 @@ export declare const pressItemsPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"]>;
         default: unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"];
     };
@@ -32,7 +32,7 @@ export declare const pressItemsPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"]>;
         default: unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"];
     };
@@ -42,7 +42,7 @@ export declare const pressItemsPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string | boolean>;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<unknown extends Defaults["itemChildren"] ? string | boolean : NonNullable<string | boolean> | Defaults["itemChildren"]>;
         default: unknown extends Defaults["itemChildren"] ? string | boolean : NonNullable<string | boolean> | Defaults["itemChildren"];
     };