yuyeon 0.2.0 → 0.2.1-rc.10

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

@@ -1 +1 @@
-{"version":3,"file":"header.mjs","names":["inject","provide","ref","watchEffect","getRangeArr","propsFactory","pressDataTableHeader","headers","type","Array","default","Y_DATA_TABLE_HEADER_KEY","Symbol","for","createHeader","props","options","columns","rows","length","flat","flatMap","row","index","map","column","rowIndex","rowCount","defaultHeader","text","sortable","defaultActionHeader","width","enableSelect","value","foundIndex","findIndex","_ref","key","unshift","rowspan","splice","fixedRows","fixedOffsets","fill","forEach","_ref2","i","push","fixedOffset","Number","fixed","lastFixed","seen","Set","filtered","has","add","at","data","useHeader","Error","description"],"sources":["../../../../src/components/table/composibles/header.ts"],"sourcesContent":["import {\n  type DeepReadonly,\n  type InjectionKey,\n  type PropType,\n  type Ref,\n  inject,\n  provide,\n  ref,\n  watchEffect,\n} from 'vue';\n\nimport { getRangeArr } from '@/util/common';\nimport { propsFactory } from '@/util/component';\n\nimport { type DataTableHeader, type InternalDataTableHeader } from '../types';\n\nexport const pressDataTableHeader = propsFactory(\n  {\n    headers: {\n      type: Array as PropType<DeepReadonly<DataTableHeader[]>>,\n      default: () => [],\n    },\n  },\n  'YDataTable--header',\n);\n\nexport const Y_DATA_TABLE_HEADER_KEY: InjectionKey<{\n  headers: Ref<InternalDataTableHeader[][]>;\n  columns: Ref<InternalDataTableHeader[]>;\n}> = Symbol.for('yuyeon.data-table.header');\n\ntype HeaderProps = {\n  headers: DeepReadonly<DataTableHeader[]> | undefined;\n};\n\nexport function createHeader(\n  props: HeaderProps,\n  options?: {\n    enableSelect?: Ref<boolean>;\n  },\n) {\n  const headers = ref<InternalDataTableHeader[][]>([]);\n  const columns = ref<InternalDataTableHeader[]>([]);\n\n  watchEffect(() => {\n    const rows = props.headers?.length\n      ? [props.headers as DataTableHeader[]]\n      : [];\n    const flat = rows.flatMap((row, index) =>\n      row.map((column) => ({ column, rowIndex: index })),\n    );\n    const rowCount = rows.length;\n    const defaultHeader = { text: '', sortable: false };\n    const defaultActionHeader = { ...defaultHeader, width: 48 };\n\n    if (options?.enableSelect?.value) {\n      const foundIndex = flat.findIndex(\n        ({ column }) => column.key === 'data-table-select',\n      );\n      if (foundIndex < 0) {\n        flat.unshift({\n          column: {\n            ...defaultActionHeader,\n            key: 'data-table-select',\n            rowspan: rowCount,\n          },\n          rowIndex: 0,\n        });\n      } else {\n        flat.splice(foundIndex, 1, {\n          column: {\n            ...defaultActionHeader,\n            ...flat[foundIndex].column,\n          },\n          rowIndex: flat[foundIndex].rowIndex,\n        });\n      }\n    }\n\n    const fixedRows: InternalDataTableHeader[][] = getRangeArr(rowCount).map(\n      () => [],\n    );\n    const fixedOffsets = getRangeArr(rowCount).fill(0);\n\n    flat.forEach(({ column, rowIndex }) => {\n      const { key } = column;\n      for (\n        let i = rowIndex;\n        i <= rowIndex + (column.rowspan ?? 1) - 1;\n        i += 1\n      ) {\n        fixedRows[i].push({\n          ...column,\n          key,\n          fixedOffset: fixedOffsets[i],\n          sortable: column.sortable ?? !!key,\n        });\n        fixedOffsets[i] += Number(column.width ?? 0);\n      }\n    });\n\n    fixedRows.forEach((row) => {\n      for (let i = row.length; (i -= 1); i >= 0) {\n        if (row[i].fixed) {\n          row[i].lastFixed = true;\n          return;\n        }\n      }\n    });\n\n    const seen = new Set();\n    headers.value = fixedRows.map((row) => {\n      const filtered = [];\n      for (const column of row) {\n        if (!seen.has(column.key)) {\n          seen.add(column.key);\n          filtered.push(column);\n        }\n      }\n      return filtered;\n    });\n\n    columns.value = fixedRows.at(-1) ?? [];\n  });\n\n  const data = { headers, columns };\n\n  provide(Y_DATA_TABLE_HEADER_KEY, data);\n\n  return data;\n}\n\nexport function useHeader() {\n  const data = inject(Y_DATA_TABLE_HEADER_KEY);\n  if (!data) {\n    throw new Error(`Not provided: ${Y_DATA_TABLE_HEADER_KEY.description}`);\n  }\n  return data;\n}\n"],"mappings":"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"}
+{"version":3,"file":"header.mjs","names":["inject","provide","ref","watchEffect","getRangeArr","propsFactory","pressDataTableHeader","headers","type","Array","default","Y_DATA_TABLE_HEADER_KEY","Symbol","for","createHeader","props","options","columns","rows","length","flat","flatMap","row","index","map","column","rowIndex","rowCount","defaultHeader","text","sortable","defaultActionHeader","width","enableSelect","value","foundIndex","findIndex","_ref","key","fixed","some","_ref2","unshift","rowspan","splice","fixedRows","fixedOffsets","fill","forEach","_ref3","i","push","fixedOffset","Number","lastFixed","seen","Set","filtered","has","add","at","data","useHeader","Error","description"],"sources":["../../../../src/components/table/composibles/header.ts"],"sourcesContent":["import { type DeepReadonly, type InjectionKey, type PropType, type Ref, inject, provide, ref, watchEffect } from 'vue';\n\n\n\nimport { getRangeArr } from '@/util/common';\nimport { propsFactory } from '@/util/component';\n\n\n\nimport { type DataTableHeader, type InternalDataTableHeader } from '../types';\n\n\nexport const pressDataTableHeader = propsFactory(\n  {\n    headers: {\n      type: Array as PropType<DeepReadonly<DataTableHeader[]>>,\n      default: () => [],\n    },\n  },\n  'YDataTable--header',\n);\n\nexport const Y_DATA_TABLE_HEADER_KEY: InjectionKey<{\n  headers: Ref<InternalDataTableHeader[][]>;\n  columns: Ref<InternalDataTableHeader[]>;\n}> = Symbol.for('yuyeon.data-table.header');\n\ntype HeaderProps = {\n  headers: DeepReadonly<DataTableHeader[]> | undefined;\n};\n\nexport function createHeader(\n  props: HeaderProps,\n  options?: {\n    enableSelect?: Ref<boolean>;\n  },\n) {\n  const headers = ref<InternalDataTableHeader[][]>([]);\n  const columns = ref<InternalDataTableHeader[]>([]);\n\n  watchEffect(() => {\n    const rows = props.headers?.length\n      ? [props.headers as DataTableHeader[]]\n      : [];\n    const flat = rows.flatMap((row, index) =>\n      row.map((column) => ({ column, rowIndex: index })),\n    );\n    const rowCount = rows.length;\n    const defaultHeader = { text: '', sortable: false };\n    const defaultActionHeader = { ...defaultHeader, width: 48 };\n\n    if (options?.enableSelect?.value) {\n      const foundIndex = flat.findIndex(\n        ({ column }) => column.key === 'data-table-select',\n      );\n      if (foundIndex < 0) {\n        const fixed = flat.some(({ column }) => !!column?.fixed);\n        flat.unshift({\n          column: {\n            ...defaultActionHeader,\n            key: 'data-table-select',\n            rowspan: rowCount,\n            fixed,\n          },\n          rowIndex: 0,\n        });\n      } else {\n        flat.splice(foundIndex, 1, {\n          column: {\n            ...defaultActionHeader,\n            ...flat[foundIndex].column,\n          },\n          rowIndex: flat[foundIndex].rowIndex,\n        });\n      }\n    }\n\n    const fixedRows: InternalDataTableHeader[][] = getRangeArr(rowCount).map(\n      () => [],\n    );\n    const fixedOffsets = getRangeArr(rowCount).fill(0);\n\n    flat.forEach(({ column, rowIndex }) => {\n      const { key } = column;\n      for (\n        let i = rowIndex;\n        i <= rowIndex + (column.rowspan ?? 1) - 1;\n        i += 1\n      ) {\n        fixedRows[i].push({\n          ...column,\n          key,\n          fixedOffset: fixedOffsets[i],\n          sortable: column.sortable ?? !!key,\n        });\n        fixedOffsets[i] += Number(column.width ?? 0);\n      }\n    });\n\n    fixedRows.forEach((row) => {\n      for (let i = row.length; (i -= 1); i >= 0) {\n        if (row[i].fixed) {\n          row[i].lastFixed = true;\n          return;\n        }\n      }\n    });\n\n    const seen = new Set();\n    headers.value = fixedRows.map((row) => {\n      const filtered = [];\n      for (const column of row) {\n        if (!seen.has(column.key)) {\n          seen.add(column.key);\n          filtered.push(column);\n        }\n      }\n      return filtered;\n    });\n\n    columns.value = fixedRows.at(-1) ?? [];\n  });\n\n  const data = { headers, columns };\n\n  provide(Y_DATA_TABLE_HEADER_KEY, data);\n\n  return data;\n}\n\nexport function useHeader() {\n  const data = inject(Y_DATA_TABLE_HEADER_KEY);\n  if (!data) {\n    throw new Error(`Not provided: ${Y_DATA_TABLE_HEADER_KEY.description}`);\n  }\n  return data;\n}\n"],"mappings":"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"}

package/lib/components/table/composibles/measure.mjs

@@ -0,0 +1,37 @@
+import { ref } from 'vue';
+import { useResizeObserver } from "../../../composables/index.mjs";
+export function useRectMeasure() {
+  const containerRect = ref();
+  const wrapperRect = ref();
+  const tableRect = ref();
+  const {
+    resizeObservedRef: containerRef
+  } = useResizeObserver(entries => {
+    requestAnimationFrame(() => {
+      containerRect.value = entries?.[0]?.contentRect;
+    });
+  });
+  const {
+    resizeObservedRef: wrapperRef
+  } = useResizeObserver(entries => {
+    requestAnimationFrame(() => {
+      wrapperRect.value = entries?.[0]?.contentRect;
+    });
+  });
+  const {
+    resizeObservedRef: tableRef
+  } = useResizeObserver(entries => {
+    requestAnimationFrame(() => {
+      tableRect.value = entries?.[0]?.contentRect;
+    });
+  });
+  return {
+    containerRef,
+    wrapperRef,
+    tableRef,
+    containerRect,
+    wrapperRect,
+    tableRect
+  };
+}
+//# sourceMappingURL=measure.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"measure.mjs","names":["ref","useResizeObserver","useRectMeasure","containerRect","wrapperRect","tableRect","resizeObservedRef","containerRef","entries","requestAnimationFrame","value","contentRect","wrapperRef","tableRef"],"sources":["../../../../src/components/table/composibles/measure.ts"],"sourcesContent":["import { ref } from 'vue';\r\nimport { useResizeObserver } from '@/composables';\r\n\r\nexport function useRectMeasure() {\r\n  const containerRect = ref<DOMRectReadOnly>();\r\n  const wrapperRect = ref<DOMRectReadOnly>();\r\n  const tableRect = ref<DOMRectReadOnly>();\r\n\r\n  const { resizeObservedRef: containerRef } = useResizeObserver((entries) => {\r\n    requestAnimationFrame(() => {\r\n      containerRect.value = entries?.[0]?.contentRect;\r\n    })\r\n  });\r\n\r\n  const { resizeObservedRef: wrapperRef } = useResizeObserver((entries) => {\r\n    requestAnimationFrame(() => {\r\n      wrapperRect.value = entries?.[0]?.contentRect;\r\n    })\r\n  });\r\n\r\n  const { resizeObservedRef: tableRef } = useResizeObserver((entries) => {\r\n    requestAnimationFrame(() => {\r\n      tableRect.value = entries?.[0]?.contentRect;\r\n    })\r\n  });\r\n\r\n  return {\r\n    containerRef,\r\n    wrapperRef,\r\n    tableRef,\r\n    containerRect,\r\n    wrapperRect,\r\n    tableRect,\r\n  }\r\n}\r\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,KAAK;AAAC,SACjBC,iBAAiB;AAE1B,OAAO,SAASC,cAAcA,CAAA,EAAG;EAC/B,MAAMC,aAAa,GAAGH,GAAG,CAAkB,CAAC;EAC5C,MAAMI,WAAW,GAAGJ,GAAG,CAAkB,CAAC;EAC1C,MAAMK,SAAS,GAAGL,GAAG,CAAkB,CAAC;EAExC,MAAM;IAAEM,iBAAiB,EAAEC;EAAa,CAAC,GAAGN,iBAAiB,CAAEO,OAAO,IAAK;IACzEC,qBAAqB,CAAC,MAAM;MAC1BN,aAAa,CAACO,KAAK,GAAGF,OAAO,GAAG,CAAC,CAAC,EAAEG,WAAW;IACjD,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,MAAM;IAAEL,iBAAiB,EAAEM;EAAW,CAAC,GAAGX,iBAAiB,CAAEO,OAAO,IAAK;IACvEC,qBAAqB,CAAC,MAAM;MAC1BL,WAAW,CAACM,KAAK,GAAGF,OAAO,GAAG,CAAC,CAAC,EAAEG,WAAW;IAC/C,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,MAAM;IAAEL,iBAAiB,EAAEO;EAAS,CAAC,GAAGZ,iBAAiB,CAAEO,OAAO,IAAK;IACrEC,qBAAqB,CAAC,MAAM;MAC1BJ,SAAS,CAACK,KAAK,GAAGF,OAAO,GAAG,CAAC,CAAC,EAAEG,WAAW;IAC7C,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAO;IACLJ,YAAY;IACZK,UAAU;IACVC,QAAQ;IACRV,aAAa;IACbC,WAAW;IACXC;EACF,CAAC;AACH"}

package/lib/components/table/composibles/selection.mjs

@@ -1,7 +1,7 @@
 import { computed, inject, provide } from 'vue';
 import { useModelDuplex } from "../../../composables/communication.mjs";
 import { wrapInArray } from "../../../util/array.mjs";
-import { deepEqual } from "../../../util/common.mjs";
+import { deepEqual, getPropertyFromItem } from "../../../util/common.mjs";
 import { propsFactory } from "../../../util/component/index.mjs";
 export const pressDataTableSelectionProps = propsFactory({
   enableSelect: Boolean,
@@ -13,9 +13,9 @@ export const pressDataTableSelectionProps = propsFactory({
     type: Array,
     default: () => []
   },
-  valueEqual: {
-    type: Function,
-    default: deepEqual
+  itemComparator: {
+    type: [Function, String],
+    default: () => deepEqual
   }
 }, 'YDataTable--selection');
 const singleSelectStrategy = {
@@ -107,7 +107,15 @@ export function provideSelection(props, _ref9) {
   } = _ref9;
   const selected = useModelDuplex(props, 'modelValue', props.modelValue, v => {
     return new Set(wrapInArray(v).map(v => {
-      return allItems.value.find(item => props.valueEqual(v, item.value))?.value ?? 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()];

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

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

package/lib/index.mjs

@@ -33,7 +33,7 @@ export function init() {
       date: dateModule,
       defaults: defaultsModule
     });
-    Object.keys(components).forEach(componentName => {
+    Object.keys(options?.components ?? components).forEach(componentName => {
       const comp = components[componentName];
       if (typeof comp === 'object' && 'name' in comp) app.component(componentName, comp);
     });

package/lib/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["getCurrentInstance","nextTick","reactive","components","YUYEON_DATE_KEY","YUYEON_DATE_OPTIONS_KEY","createDateModule","createDefaultsModule","YUYEON_DEFAULTS_KEY","createI18nModule","YUYEON_I18N_KEY","YUYEON_ICON_KEY","createIconModule","YUYEON_THEME_KEY","createThemeModule","useTheme","PlateWave","YUYEON_LOGO","defaultOptions","credit","init","options","arguments","length","undefined","defaultsModule","defaults","themeModule","theme","i18nModule","i18n","dateModule","date","localeModule","iconModule","icon","install","app","yuyeon","root","instance","rtlModule","Object","keys","forEach","componentName","comp","component","directive","provide","config","globalProperties","$yuyeon","_container","_instance","classList","add","setAttribute","console","log","unmount","mount","vm","scope","stop","useYuyeon","Error","appContext"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Component, ComponentInternalInstance } from 'vue';\nimport { getCurrentInstance, nextTick, reactive } from 'vue';\n\nimport * as components from '@/components';\nimport {\n  YUYEON_DATE_KEY,\n  YUYEON_DATE_OPTIONS_KEY,\n  createDateModule,\n} from '@/composables/date';\nimport { createDefaultsModule } from '@/composables/defaults';\nimport { YUYEON_DEFAULTS_KEY } from '@/composables/defaults/share';\nimport { createI18nModule } from '@/composables/i18n';\nimport { YUYEON_I18N_KEY } from '@/composables/i18n/share';\nimport { YUYEON_ICON_KEY, createIconModule } from '@/composables/icon';\nimport {\n  YUYEON_THEME_KEY,\n  createThemeModule,\n  useTheme,\n} from '@/composables/theme';\nimport PlateWave from '@/directives/plate-wave';\nimport { YUYEON_LOGO } from '@/etc';\n\nimport './styles/base.scss';\n\nconst defaultOptions = {\n  credit: true,\n};\n\ndeclare module 'vue' {\n  interface ComponentCustomProperties {\n    $yuyeon: any;\n  }\n}\n\nexport function init(options: any = defaultOptions) {\n  const defaultsModule = createDefaultsModule(options?.defaults);\n  const themeModule = createThemeModule(options?.theme);\n  const i18nModule = createI18nModule(options?.i18n);\n  const dateModule = createDateModule(options?.date, i18nModule.localeModule);\n  const iconModule = createIconModule(options?.icon);\n  const install = (app: App): any => {\n    themeModule.install(app);\n\n    const yuyeon = reactive({\n      app: null as ComponentInternalInstance | null,\n      root: null as HTMLElement | null,\n      theme: themeModule.instance,\n      i18n: {\n        ...i18nModule.localeModule,\n        ...i18nModule.rtlModule,\n      },\n      date: dateModule,\n      defaults: defaultsModule,\n    });\n\n    Object.keys(components).forEach((componentName) => {\n      const comp = components[componentName as keyof typeof components];\n      if (typeof comp === 'object' && 'name' in comp)\n        app.component(componentName, comp as Component);\n    });\n\n    app.directive('plate-wave', PlateWave);\n\n    app.provide(YUYEON_DEFAULTS_KEY, defaultsModule);\n    app.provide(YUYEON_THEME_KEY, themeModule.instance);\n    app.provide(YUYEON_ICON_KEY, iconModule);\n    app.provide(YUYEON_I18N_KEY, {\n      ...i18nModule.localeModule,\n      ...i18nModule.rtlModule,\n    });\n    app.provide(YUYEON_DATE_OPTIONS_KEY, dateModule.options);\n    app.provide(YUYEON_DATE_KEY, dateModule.instance);\n\n    app.config.globalProperties.$yuyeon = yuyeon;\n\n    nextTick(() => {\n      yuyeon.root = app._container;\n      yuyeon.app = app._instance as any;\n      if (yuyeon.root) {\n        yuyeon.root.classList.add('y-root');\n        yuyeon.root.setAttribute('data-y-root', '');\n        themeModule.init(yuyeon);\n      }\n    });\n\n    if (options?.credit) {\n      console.log(YUYEON_LOGO);\n    }\n    const { unmount, mount } = app;\n    app.mount = (...args) => {\n      const vm = mount(...args);\n      if (!yuyeon.app) {\n        yuyeon.app = app._instance as any;\n      }\n      if (!yuyeon.root) {\n        nextTick(() => {\n          yuyeon.root = app._container;\n          if (yuyeon.root) {\n            yuyeon.root.classList.add('y-root');\n            yuyeon.root.setAttribute('data-y-root', '');\n            themeModule.init(yuyeon);\n          }\n        });\n      }\n      app.mount = mount;\n      return vm;\n    };\n    app.unmount = () => {\n      unmount();\n      themeModule.scope.stop();\n      app.unmount = unmount;\n    };\n  };\n\n  return {\n    install,\n  };\n}\n\nexport function useYuyeon() {\n  const vm = getCurrentInstance();\n  if (!vm) throw new Error('[yuyeon] Called outside of setup context');\n\n  return vm.appContext.config.globalProperties.$yuyeon;\n}\n\nexport { useTheme };\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["getCurrentInstance","nextTick","reactive","components","YUYEON_DATE_KEY","YUYEON_DATE_OPTIONS_KEY","createDateModule","createDefaultsModule","YUYEON_DEFAULTS_KEY","createI18nModule","YUYEON_I18N_KEY","YUYEON_ICON_KEY","createIconModule","YUYEON_THEME_KEY","createThemeModule","useTheme","PlateWave","YUYEON_LOGO","defaultOptions","credit","init","options","arguments","length","undefined","defaultsModule","defaults","themeModule","theme","i18nModule","i18n","dateModule","date","localeModule","iconModule","icon","install","app","yuyeon","root","instance","rtlModule","Object","keys","forEach","componentName","comp","component","directive","provide","config","globalProperties","$yuyeon","_container","_instance","classList","add","setAttribute","console","log","unmount","mount","vm","scope","stop","useYuyeon","Error","appContext"],"sources":["../src/index.ts"],"sourcesContent":["import type { App, Component, ComponentInternalInstance } from 'vue';\nimport { getCurrentInstance, nextTick, reactive } from 'vue';\n\nimport * as components from '@/components';\nimport {\n  YUYEON_DATE_KEY,\n  YUYEON_DATE_OPTIONS_KEY,\n  createDateModule,\n} from '@/composables/date';\nimport { createDefaultsModule } from '@/composables/defaults';\nimport { YUYEON_DEFAULTS_KEY } from '@/composables/defaults/share';\nimport { createI18nModule } from '@/composables/i18n';\nimport { YUYEON_I18N_KEY } from '@/composables/i18n/share';\nimport { YUYEON_ICON_KEY, createIconModule } from '@/composables/icon';\nimport {\n  YUYEON_THEME_KEY,\n  createThemeModule,\n  useTheme,\n} from '@/composables/theme';\nimport PlateWave from '@/directives/plate-wave';\nimport { YUYEON_LOGO } from '@/etc';\n\nimport './styles/base.scss';\n\nconst defaultOptions = {\n  credit: true,\n};\n\ndeclare module 'vue' {\n  interface ComponentCustomProperties {\n    $yuyeon: any;\n  }\n}\n\nexport function init(options: any = defaultOptions) {\n  const defaultsModule = createDefaultsModule(options?.defaults);\n  const themeModule = createThemeModule(options?.theme);\n  const i18nModule = createI18nModule(options?.i18n);\n  const dateModule = createDateModule(options?.date, i18nModule.localeModule);\n  const iconModule = createIconModule(options?.icon);\n  const install = (app: App) => {\n    themeModule.install(app);\n\n    const yuyeon = reactive({\n      app: null as ComponentInternalInstance | null,\n      root: null as HTMLElement | null,\n      theme: themeModule.instance,\n      i18n: {\n        ...i18nModule.localeModule,\n        ...i18nModule.rtlModule,\n      },\n      date: dateModule,\n      defaults: defaultsModule,\n    });\n\n    Object.keys(options?.components ?? components).forEach((componentName) => {\n      const comp = components[componentName as keyof typeof components];\n      if (typeof comp === 'object' && 'name' in comp)\n        app.component(componentName, comp as Component);\n    });\n\n    app.directive('plate-wave', PlateWave);\n\n    app.provide(YUYEON_DEFAULTS_KEY, defaultsModule);\n    app.provide(YUYEON_THEME_KEY, themeModule.instance);\n    app.provide(YUYEON_ICON_KEY, iconModule);\n    app.provide(YUYEON_I18N_KEY, {\n      ...i18nModule.localeModule,\n      ...i18nModule.rtlModule,\n    });\n    app.provide(YUYEON_DATE_OPTIONS_KEY, dateModule.options);\n    app.provide(YUYEON_DATE_KEY, dateModule.instance);\n\n    app.config.globalProperties.$yuyeon = yuyeon;\n\n    nextTick(() => {\n      yuyeon.root = app._container;\n      yuyeon.app = app._instance as any;\n      if (yuyeon.root) {\n        yuyeon.root.classList.add('y-root');\n        yuyeon.root.setAttribute('data-y-root', '');\n        themeModule.init(yuyeon);\n      }\n    });\n\n    if (options?.credit) {\n      console.log(YUYEON_LOGO);\n    }\n    const { unmount, mount } = app;\n    app.mount = (...args) => {\n      const vm = mount(...args);\n      if (!yuyeon.app) {\n        yuyeon.app = app._instance as any;\n      }\n      if (!yuyeon.root) {\n        nextTick(() => {\n          yuyeon.root = app._container;\n          if (yuyeon.root) {\n            yuyeon.root.classList.add('y-root');\n            yuyeon.root.setAttribute('data-y-root', '');\n            themeModule.init(yuyeon);\n          }\n        });\n      }\n      app.mount = mount;\n      return vm;\n    };\n    app.unmount = () => {\n      unmount();\n      themeModule.scope.stop();\n      app.unmount = unmount;\n    };\n  };\n\n  return {\n    install,\n  };\n}\n\nexport function useYuyeon() {\n  const vm = getCurrentInstance();\n  if (!vm) throw new Error('[yuyeon] Called outside of setup context');\n\n  return vm.appContext.config.globalProperties.$yuyeon;\n}\n\nexport { useTheme };\n"],"mappings":"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"}

package/lib/util/color/const.mjs

@@ -1,5 +1,5 @@
 export const RGBA_REGEX = /rgb(a?)\((?<v>.*)\)/;
-export const HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,6,8})/;
+export const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;
 export const SRGB_TO_XYZ = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478]];
 export const XYZ_TO_SRGB = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]];
 export const WHITE_POINT_D65 = [95.047, 100.0, 108.883];

package/lib/util/color/const.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"const.mjs","names":["RGBA_REGEX","HEX_COLOR_REGEX","SRGB_TO_XYZ","XYZ_TO_SRGB","WHITE_POINT_D65"],"sources":["../../../src/util/color/const.ts"],"sourcesContent":["export const RGBA_REGEX = /rgb(a?)\\((?<v>.*)\\)/;\r\nexport const HEX_COLOR_REGEX = /#([0-9a-fA-F]{3,6,8})/;\r\n\r\nexport const SRGB_TO_XYZ = [\r\n  [0.41233895, 0.35762064, 0.18051042],\r\n  [0.2126, 0.7152, 0.0722],\r\n  [0.01932141, 0.11916382, 0.95034478],\r\n];\r\n\r\nexport const XYZ_TO_SRGB = [\r\n  [\r\n    3.2413774792388685,\r\n    -1.5376652402851851,\r\n    -0.49885366846268053,\r\n  ],\r\n  [\r\n    -0.9691452513005321,\r\n    1.8758853451067872,\r\n    0.04156585616912061,\r\n  ],\r\n  [\r\n    0.05562093689691305,\r\n    -0.20395524564742123,\r\n    1.0571799111220335,\r\n  ],\r\n];\r\n\r\nexport const WHITE_POINT_D65 = [95.047, 100.0, 108.883];\r\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAG,qBAAqB;AAC/C,OAAO,MAAMC,eAAe,GAAG,uBAAuB;AAEtD,OAAO,MAAMC,WAAW,GAAG,CACzB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EACpC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CACrC;AAED,OAAO,MAAMC,WAAW,GAAG,CACzB,CACE,kBAAkB,EAClB,CAAC,kBAAkB,EACnB,CAAC,mBAAmB,CACrB,EACD,CACE,CAAC,kBAAkB,EACnB,kBAAkB,EAClB,mBAAmB,CACpB,EACD,CACE,mBAAmB,EACnB,CAAC,mBAAmB,EACpB,kBAAkB,CACnB,CACF;AAED,OAAO,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC"}
+{"version":3,"file":"const.mjs","names":["RGBA_REGEX","HEX_COLOR_REGEX","SRGB_TO_XYZ","XYZ_TO_SRGB","WHITE_POINT_D65"],"sources":["../../../src/util/color/const.ts"],"sourcesContent":["export const RGBA_REGEX = /rgb(a?)\\((?<v>.*)\\)/;\r\nexport const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;\r\n\r\nexport const SRGB_TO_XYZ = [\r\n  [0.41233895, 0.35762064, 0.18051042],\r\n  [0.2126, 0.7152, 0.0722],\r\n  [0.01932141, 0.11916382, 0.95034478],\r\n];\r\n\r\nexport const XYZ_TO_SRGB = [\r\n  [\r\n    3.2413774792388685,\r\n    -1.5376652402851851,\r\n    -0.49885366846268053,\r\n  ],\r\n  [\r\n    -0.9691452513005321,\r\n    1.8758853451067872,\r\n    0.04156585616912061,\r\n  ],\r\n  [\r\n    0.05562093689691305,\r\n    -0.20395524564742123,\r\n    1.0571799111220335,\r\n  ],\r\n];\r\n\r\nexport const WHITE_POINT_D65 = [95.047, 100.0, 108.883];\r\n"],"mappings":"AAAA,OAAO,MAAMA,UAAU,GAAG,qBAAqB;AAC/C,OAAO,MAAMC,eAAe,GAAG,mDAAmD;AAElF,OAAO,MAAMC,WAAW,GAAG,CACzB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,EACpC,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EACxB,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CACrC;AAED,OAAO,MAAMC,WAAW,GAAG,CACzB,CACE,kBAAkB,EAClB,CAAC,kBAAkB,EACnB,CAAC,mBAAmB,CACrB,EACD,CACE,CAAC,kBAAkB,EACnB,kBAAkB,EAClB,mBAAmB,CACpB,EACD,CACE,mBAAmB,EACnB,CAAC,mBAAmB,EACpB,kBAAkB,CACnB,CACF;AAED,OAAO,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.2.0",
+  "version": "0.2.1-rc.10",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/chip/YChip.d.ts

@@ -1,25 +1,40 @@
 
+export declare const pressYChipPropsOptions: <Defaults extends {
+    color?: unknown;
+    background?: unknown;
+    backgroundOpacity?: unknown;
+    small?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    color: unknown extends Defaults["color"] ? StringConstructor : {
+        type: import('vue').PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    background: unknown extends Defaults["background"] ? StringConstructor : {
+        type: import('vue').PropType<unknown extends Defaults["background"] ? string : string | Defaults["background"]>;
+        default: unknown extends Defaults["background"] ? string : string | Defaults["background"];
+    };
+    backgroundOpacity: unknown extends Defaults["backgroundOpacity"] ? {
+        type: NumberConstructor;
+        default: number;
+    } : Omit<{
+        type: NumberConstructor;
+        default: number;
+    }, "type" | "default"> & {
+        type: import('vue').PropType<unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"]>;
+        default: unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"];
+    };
+    small: unknown extends Defaults["small"] ? BooleanConstructor : {
+        type: import('vue').PropType<unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"]>;
+        default: unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"];
+    };
+};
 export declare const YChip: import('vue').DefineComponent<{
     color: StringConstructor;
     background: StringConstructor;
-    small: BooleanConstructor;
-    bgOpacity: {
+    backgroundOpacity: {
         type: NumberConstructor;
         default: number;
     };
-}, unknown, {}, {
-    clickable(): boolean;
-    classes(): {
-        'y-chip': boolean;
-        'y-chip--small': boolean;
-        'y-chip--clickable': boolean;
-    };
-    backgroundColor(): string;
-    styles(): {
-        color: string | undefined;
-        background: string;
-    };
-}, {
-    colorRgb(color: string): string;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+    small: BooleanConstructor;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
 export type YChip = InstanceType<typeof YChip>;

package/types/components/select/YSelect.d.ts

@@ -3,8 +3,7 @@ import { ListItem } from '../../composables/list-items';
 import { deepEqual } from '../../util/common';
 import { YIconIconProp } from '../icon';
 
-export type SelectEquals = (optionsItem: any, valueItem: any, valueKey?: string) => boolean;
-export declare function returnItemEquals(optionsItem: any, valueItem: any, valueKey?: string): boolean;
+export type ItemComparator = (optionsItem: any, valueItem: any, valueKey?: string) => boolean;
 export declare const pressSelectPropsOptions: <Defaults extends {
     returnItem?: unknown;
     items?: unknown;
@@ -13,8 +12,7 @@ export declare const pressSelectPropsOptions: <Defaults extends {
     itemChildren?: unknown;
     opened?: unknown;
     multiple?: unknown;
-    weakEquals?: unknown;
-    valueEquals?: unknown;
+    itemComparator?: unknown;
     defaultSelect?: unknown;
     menuProps?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
@@ -82,19 +80,15 @@ export declare const pressSelectPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["multiple"] ? boolean : boolean | Defaults["multiple"]>;
         default: unknown extends Defaults["multiple"] ? boolean : boolean | Defaults["multiple"];
     };
-    weakEquals: unknown extends Defaults["weakEquals"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults["weakEquals"] ? boolean : boolean | Defaults["weakEquals"]>;
-        default: unknown extends Defaults["weakEquals"] ? boolean : boolean | Defaults["weakEquals"];
-    };
-    valueEquals: unknown extends Defaults["valueEquals"] ? {
-        type: PropType<SelectEquals>;
+    itemComparator: unknown extends Defaults["itemComparator"] ? {
+        type: PropType<ItemComparator>;
         default: typeof deepEqual;
     } : Omit<{
-        type: PropType<SelectEquals>;
+        type: PropType<ItemComparator>;
         default: typeof deepEqual;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["valueEquals"] ? SelectEquals : SelectEquals | Defaults["valueEquals"]>;
-        default: unknown extends Defaults["valueEquals"] ? SelectEquals : SelectEquals | Defaults["valueEquals"];
+        type: PropType<unknown extends Defaults["itemComparator"] ? ItemComparator : ItemComparator | Defaults["itemComparator"]>;
+        default: unknown extends Defaults["itemComparator"] ? ItemComparator : ItemComparator | Defaults["itemComparator"];
     };
     defaultSelect: unknown extends Defaults["defaultSelect"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["defaultSelect"] ? boolean : boolean | Defaults["defaultSelect"]>;
@@ -1277,8 +1271,7 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     itemChildren?: unknown;
     opened?: unknown;
     multiple?: unknown;
-    weakEquals?: unknown;
-    valueEquals?: unknown;
+    itemComparator?: unknown;
     defaultSelect?: unknown;
     menuProps?: unknown;
     maxHeight?: unknown;
@@ -1602,19 +1595,15 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["multiple"] ? boolean : boolean | Defaults["multiple"]>;
         default: unknown extends Defaults["multiple"] ? boolean : boolean | Defaults["multiple"];
     };
-    weakEquals: unknown extends Defaults["weakEquals"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults["weakEquals"] ? boolean : boolean | Defaults["weakEquals"]>;
-        default: unknown extends Defaults["weakEquals"] ? boolean : boolean | Defaults["weakEquals"];
-    };
-    valueEquals: unknown extends Defaults["valueEquals"] ? {
-        type: PropType<SelectEquals>;
+    itemComparator: unknown extends Defaults["itemComparator"] ? {
+        type: PropType<ItemComparator>;
         default: typeof deepEqual;
     } : Omit<{
-        type: PropType<SelectEquals>;
+        type: PropType<ItemComparator>;
         default: typeof deepEqual;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["valueEquals"] ? SelectEquals : SelectEquals | Defaults["valueEquals"]>;
-        default: unknown extends Defaults["valueEquals"] ? SelectEquals : SelectEquals | Defaults["valueEquals"];
+        type: PropType<unknown extends Defaults["itemComparator"] ? ItemComparator : ItemComparator | Defaults["itemComparator"]>;
+        default: unknown extends Defaults["itemComparator"] ? ItemComparator : ItemComparator | Defaults["itemComparator"];
     };
     defaultSelect: unknown extends Defaults["defaultSelect"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["defaultSelect"] ? boolean : boolean | Defaults["defaultSelect"]>;
@@ -2905,9 +2894,8 @@ export declare const YSelect: import('vue').DefineComponent<{
     };
     opened: PropType<boolean>;
     multiple: BooleanConstructor;
-    weakEquals: BooleanConstructor;
-    valueEquals: {
-        type: PropType<SelectEquals>;
+    itemComparator: {
+        type: PropType<ItemComparator>;
         default: typeof deepEqual;
     };
     defaultSelect: BooleanConstructor;

package/types/components/slider/YSlider.d.ts

@@ -0,0 +1,16 @@
+import { PropType } from 'vue';
+
+export declare const pressYSliderPropsOptions: <Defaults extends {
+    modelValue?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    modelValue: unknown extends Defaults["modelValue"] ? PropType<number> : {
+        type: PropType<unknown extends Defaults["modelValue"] ? number : number | Defaults["modelValue"]>;
+        default: unknown extends Defaults["modelValue"] ? number : number | Defaults["modelValue"];
+    };
+};
+export declare const YSlider: import('vue').DefineComponent<{
+    modelValue: PropType<number>;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': () => boolean;
+}, string>;
+export type YSlider = InstanceType<typeof YSlider>;

package/types/components/table/YDataTable.d.ts

@@ -14,7 +14,7 @@ export declare const pressDataTableProps: <Defaults extends {
     enableSelect?: unknown;
     selectStrategy?: unknown;
     modelValue?: unknown;
-    valueEqual?: unknown;
+    itemComparator?: unknown;
     sortBy?: unknown;
     items?: unknown;
     itemKey?: unknown;
@@ -127,15 +127,15 @@ export declare const pressDataTableProps: <Defaults extends {
         type: PropType<unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"]>;
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
-    valueEqual: unknown extends Defaults["valueEqual"] ? {
-        type: PropType<typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+    itemComparator: unknown extends Defaults["itemComparator"] ? {
+        type: PropType<string | typeof import('../../util').deepEqual>;
+        default: () => typeof import('../../util').deepEqual;
     } : Omit<{
-        type: PropType<typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+        type: PropType<string | typeof import('../../util').deepEqual>;
+        default: () => typeof import('../../util').deepEqual;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["valueEqual"] ? typeof import('../../util').deepEqual : typeof import('../../util').deepEqual | Defaults["valueEqual"]>;
-        default: unknown extends Defaults["valueEqual"] ? typeof import('../../util').deepEqual : typeof import('../../util').deepEqual | Defaults["valueEqual"];
+        type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"]>;
+        default: unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"];
     };
     sortBy: unknown extends Defaults["sortBy"] ? {
         type: PropType<readonly {
@@ -385,9 +385,9 @@ export declare const YDataTable: import('vue').DefineComponent<{
         type: PropType<readonly any[]>;
         default: () => never[];
     };
-    valueEqual: {
-        type: PropType<typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+    itemComparator: {
+        type: PropType<string | typeof import('../../util').deepEqual>;
+        default: () => typeof import('../../util').deepEqual;
     };
     sortBy: {
         type: PropType<readonly {

package/types/components/table/YDataTableServer.d.ts

@@ -14,7 +14,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
     enableSelect?: unknown;
     selectStrategy?: unknown;
     modelValue?: unknown;
-    valueEqual?: unknown;
+    itemComparator?: unknown;
     sortBy?: unknown;
     items?: unknown;
     itemKey?: unknown;
@@ -130,15 +130,15 @@ export declare const pressDataTableServerProps: <Defaults extends {
         type: PropType<unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"]>;
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
-    valueEqual: unknown extends Defaults["valueEqual"] ? {
-        type: PropType<typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+    itemComparator: unknown extends Defaults["itemComparator"] ? {
+        type: PropType<string | typeof import('../../util').deepEqual>;
+        default: () => typeof import('../../util').deepEqual;
     } : Omit<{
-        type: PropType<typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+        type: PropType<string | typeof import('../../util').deepEqual>;
+        default: () => typeof import('../../util').deepEqual;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["valueEqual"] ? typeof import('../../util').deepEqual : typeof import('../../util').deepEqual | Defaults["valueEqual"]>;
-        default: unknown extends Defaults["valueEqual"] ? typeof import('../../util').deepEqual : typeof import('../../util').deepEqual | Defaults["valueEqual"];
+        type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"]>;
+        default: unknown extends Defaults["itemComparator"] ? string | typeof import('../../util').deepEqual : NonNullable<string | typeof import('../../util').deepEqual> | Defaults["itemComparator"];
     };
     sortBy: unknown extends Defaults["sortBy"] ? {
         type: PropType<readonly {
@@ -418,9 +418,9 @@ export declare const YDataTableServer: import('vue').DefineComponent<{
         type: PropType<readonly any[]>;
         default: () => never[];
     };
-    valueEqual: {
-        type: PropType<typeof import('../../util').deepEqual>;
-        default: typeof import('../../util').deepEqual;
+    itemComparator: {
+        type: PropType<string | typeof import('../../util').deepEqual>;
+        default: () => typeof import('../../util').deepEqual;
     };
     sortBy: {
         type: PropType<readonly {

package/types/components/table/composibles/measure.d.ts

@@ -0,0 +1,8 @@
+export declare function useRectMeasure(): {
+    containerRef: import('vue').Ref<HTMLElement | undefined>;
+    wrapperRef: import('vue').Ref<HTMLElement | undefined>;
+    tableRef: import('vue').Ref<HTMLElement | undefined>;
+    containerRect: import('vue').Ref<DOMRectReadOnly | undefined>;
+    wrapperRect: import('vue').Ref<DOMRectReadOnly | undefined>;
+    tableRect: import('vue').Ref<DOMRectReadOnly | undefined>;
+};

package/types/components/table/composibles/selection.d.ts

@@ -30,7 +30,7 @@ export declare const pressDataTableSelectionProps: <Defaults extends {
     enableSelect?: unknown;
     selectStrategy?: unknown;
     modelValue?: unknown;
-    valueEqual?: unknown;
+    itemComparator?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     enableSelect: unknown extends Defaults["enableSelect"] ? BooleanConstructor : {
         type: PropType<unknown extends Defaults["enableSelect"] ? boolean : boolean | Defaults["enableSelect"]>;
@@ -56,22 +56,22 @@ export declare const pressDataTableSelectionProps: <Defaults extends {
         type: PropType<unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"]>;
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
-    valueEqual: unknown extends Defaults["valueEqual"] ? {
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
+    itemComparator: unknown extends Defaults["itemComparator"] ? {
+        type: PropType<string | typeof deepEqual>;
+        default: () => typeof deepEqual;
     } : Omit<{
-        type: PropType<typeof deepEqual>;
-        default: typeof deepEqual;
+        type: PropType<string | typeof deepEqual>;
+        default: () => typeof deepEqual;
     }, "type" | "default"> & {
-        type: PropType<unknown extends Defaults["valueEqual"] ? typeof deepEqual : typeof deepEqual | Defaults["valueEqual"]>;
-        default: unknown extends Defaults["valueEqual"] ? typeof deepEqual : typeof deepEqual | Defaults["valueEqual"];
+        type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof deepEqual : Defaults["itemComparator"] | NonNullable<string | typeof deepEqual>>;
+        default: unknown extends Defaults["itemComparator"] ? string | typeof deepEqual : Defaults["itemComparator"] | NonNullable<string | typeof deepEqual>;
     };
 };
 type DataTableSelectionProps = Pick<DataTableItemsProps, 'itemKey'> & {
     modelValue: readonly any[];
     selectStrategy: 'single' | 'page' | 'all';
     'onUpdate:modelValue': ((value: any[]) => void) | undefined;
-    valueEqual: (a: any, b: any) => boolean;
+    itemComparator: ((a: any, b: any) => boolean) | string;
 };
 export declare const Y_DATA_TABLE_SELECTION_KEY: InjectionKey<ReturnType<typeof provideSelection>>;
 export declare function provideSelection(props: DataTableSelectionProps, { allItems, pageItems, }: {

package/types/index.d.ts

@@ -7,7 +7,7 @@ declare module 'vue' {
     }
 }
 export declare function init(options?: any): {
-    install: (app: App) => any;
+    install: (app: App) => void;
 };
 export declare function useYuyeon(): any;
 export { useTheme };