yuyeon 0.3.1-rc.6 → 0.3.1

package/lib/components/table/YDataTableRow.mjs

@@ -1,150 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { computed, getCurrentInstance } from 'vue';
-import { YButton } from "./../index.mjs";
-import { useRender } from "../../composables/component.mjs";
-import { getPropertyFromItem } from "../../util/common.mjs";
-import { defineComponent } from "../../util/component/index.mjs";
-import { propsFactory } from "../../util/component/index.mjs";
-import { YIconCheckbox } from "../icons/index.mjs";
-import { YDataTableCell } from "./YDataTableCell.mjs";
-import { useHeader } from "./composibles/header.mjs";
-import { useSelection } from "./composibles/selection.mjs";
-export const pressYDataTableRowProps = propsFactory({
-  index: Number,
-  onHover: Function,
-  onMousedown: Function,
-  onClick: Function,
-  onDblclick: Function,
-  onContextmenu: Function,
-  onKeydown: Function
-}, 'YDataTableRow');
-export const YDataTableRow = defineComponent({
-  name: 'YDataTableRow',
-  props: {
-    item: Object,
-    cellProps: [Object, Function],
-    ...pressYDataTableRowProps()
-  },
-  emits: ['hover', 'mousedown', 'click', 'dblclick', 'contextmenu'],
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
-    const vm = getCurrentInstance();
-    const {
-      isSelected,
-      toggleSelect
-    } = useSelection();
-    const {
-      columns
-    } = useHeader();
-    const selected = computed(() => props.item && isSelected(props.item));
-    function arrayClasses(classes) {
-      const ret = [];
-      if (typeof classes === 'string') {
-        ret.push(classes);
-      }
-      if (Array.isArray(classes)) {
-        classes.forEach(c => {
-          if (typeof c === 'string') ret.push(c);
-        });
-      }
-      return ret;
-    }
-    function onMousedown(event) {
-      props.onMousedown?.(event, vm?.proxy?.$el);
-    }
-    function onClick(event) {
-      props.onClick?.(event, vm?.proxy?.$el);
-    }
-    function onContextmenu(event) {
-      props.onContextmenu?.(event, vm?.proxy?.$el);
-    }
-    function onDblclick(event) {
-      props.onDblclick?.(event, vm?.proxy?.$el);
-    }
-    function onKeydown(event) {
-      props.onKeydown?.(event, vm?.proxy?.$el);
-    }
-    useRender(() => {
-      return _createVNode("tr", {
-        "class": ['y-data-table__row', {
-          'y-data-table__row--selected': selected.value
-        }],
-        "onClick": props.onClick && onClick,
-        "onContextmenu": props.onContextmenu && onContextmenu,
-        "onDblclick": props.onDblclick && onDblclick,
-        "onMousedown": props.onMousedown && onMousedown,
-        "onKeydown": props.onKeydown && onKeydown
-      }, [props.item && columns.value.map((column, colIndex) => {
-        const item = props.item;
-        const slotProps = {
-          index: props.index,
-          item: props.item.raw,
-          internalItem: props.item,
-          columns: columns.value,
-          value: getPropertyFromItem(item.columns, column.key),
-          selected: selected.value,
-          toggleSelect,
-          el: vm?.proxy?.$el
-        };
-        const classes = computed(() => {
-          const ret = [];
-          if (typeof column.classes === 'function') {
-            const result = column.classes.call(null, slotProps.item, slotProps.index, column);
-            if (result) {
-              ret.push(...arrayClasses(result));
-            }
-          } else if (column.classes) {
-            ret.push(...arrayClasses(column.classes));
-          }
-          return ret;
-        });
-        const cellProps = typeof props.cellProps === 'function' ? props.cellProps({
-          index: slotProps.index,
-          column,
-          internalItem: slotProps.internalItem,
-          item: slotProps.item,
-          value: slotProps.value,
-          selected: slotProps.selected
-        }) : props.cellProps;
-        return _createVNode(YDataTableCell, _mergeProps({
-          "align": column.align,
-          "fixed": column.fixed ? (column.fixed === 'right' ? 'trail' : 'lead') + (column.lastFixed ? '-last' : '') : undefined,
-          "fixedOffset": column.fixedOffset,
-          "rightOffset": column.rightOffset,
-          "width": column.width,
-          "maxWidth": column.maxWidth,
-          "class": ['y-data-table-data', {
-            'y-data-table-data--select': column.key === 'data-table-select'
-          }, ...classes.value]
-        }, cellProps), {
-          default: () => {
-            const slotName = `item.${column.key}`;
-            if (slots[slotName]) {
-              return slots[slotName]?.(slotProps);
-            }
-            if (column.key === 'data-table-select') {
-              return slots['item.data-table-select']?.(slotProps) ?? _createVNode(YButton, {
-                "variation": 'text,small',
-                "disabled": !item.selectable,
-                "onClick": e => {
-                  e.stopPropagation();
-                  if (item.selectable) toggleSelect(item);
-                }
-              }, {
-                default: () => [_createVNode(YIconCheckbox, {
-                  "checked": isSelected(item),
-                  "disabled": !item.selectable
-                }, null)]
-              });
-            }
-            return slotProps.value;
-          }
-        });
-      })]);
-    });
-  }
-});
-//# sourceMappingURL=YDataTableRow.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"YDataTableRow.mjs","names":["computed","getCurrentInstance","YButton","useRender","getPropertyFromItem","defineComponent","propsFactory","YIconCheckbox","YDataTableCell","useHeader","useSelection","pressYDataTableRowProps","index","Number","onHover","Function","onMousedown","onClick","onDblclick","onContextmenu","onKeydown","YDataTableRow","name","props","item","Object","cellProps","emits","setup","_ref","emit","slots","vm","isSelected","toggleSelect","columns","selected","arrayClasses","classes","ret","push","Array","isArray","forEach","c","event","proxy","$el","_createVNode","value","map","column","colIndex","slotProps","raw","internalItem","key","el","result","call","_mergeProps","align","fixed","lastFixed","undefined","fixedOffset","rightOffset","width","maxWidth","default","slotName","selectable","e","stopPropagation"],"sources":["../../../src/components/table/YDataTableRow.tsx"],"sourcesContent":["import { type PropType, computed, getCurrentInstance } from 'vue';\r\n\r\nimport { YButton } from '@/components';\r\nimport { useRender } from '@/composables/component';\r\nimport { getPropertyFromItem } from '@/util/common';\r\nimport { defineComponent } from '@/util/component';\r\nimport { propsFactory } from '@/util/component';\r\n\r\nimport { YIconCheckbox } from '../icons';\r\nimport { YDataTableCell } from './YDataTableCell';\r\nimport { useHeader } from './composibles/header';\r\nimport { useSelection } from './composibles/selection';\r\nimport { CellProps, DataTableItem, type FixedPropType } from './types';\r\n\r\nexport const pressYDataTableRowProps = propsFactory(\r\n  {\r\n    index: Number as PropType<number>,\r\n    onHover: Function as PropType<(...args: any[]) => void>,\r\n    onMousedown: Function as PropType<(...args: any[]) => void>,\r\n    onClick: Function as PropType<(...args: any[]) => void>,\r\n    onDblclick: Function as PropType<(...args: any[]) => void>,\r\n    onContextmenu: Function as PropType<(...args: any[]) => void>,\r\n    onKeydown: Function as PropType<(...args: any[]) => void>,\r\n  },\r\n  'YDataTableRow',\r\n);\r\n\r\nexport const YDataTableRow = defineComponent({\r\n  name: 'YDataTableRow',\r\n  props: {\r\n    item: Object as PropType<DataTableItem>,\r\n    cellProps: [Object, Function] as PropType<CellProps>,\r\n    ...pressYDataTableRowProps(),\r\n  },\r\n  emits: ['hover', 'mousedown', 'click', 'dblclick', 'contextmenu'],\r\n  setup(props, { emit, slots }) {\r\n    const vm = getCurrentInstance();\r\n    const { isSelected, toggleSelect } = useSelection();\r\n    const { columns } = useHeader();\r\n\r\n    const selected = computed(() => props.item && isSelected(props.item));\r\n\r\n    function arrayClasses(classes: string | string[]) {\r\n      const ret: string[] = [];\r\n      if (typeof classes === 'string') {\r\n        ret.push(classes);\r\n      }\r\n      if (Array.isArray(classes)) {\r\n        classes.forEach((c) => {\r\n          if (typeof c === 'string') ret.push(c);\r\n        });\r\n      }\r\n      return ret;\r\n    }\r\n\r\n    function onMousedown(event: MouseEvent) {\r\n      props.onMousedown?.(event, vm?.proxy?.$el);\r\n    }\r\n\r\n    function onClick(event: MouseEvent) {\r\n      props.onClick?.(event, vm?.proxy?.$el);\r\n    }\r\n\r\n    function onContextmenu(event: MouseEvent) {\r\n      props.onContextmenu?.(event, vm?.proxy?.$el);\r\n    }\r\n\r\n    function onDblclick(event: MouseEvent) {\r\n      props.onDblclick?.(event, vm?.proxy?.$el);\r\n    }\r\n\r\n    function onKeydown(event: KeyboardEvent) {\r\n      props.onKeydown?.(event, vm?.proxy?.$el);\r\n    }\r\n\r\n    useRender(() => {\r\n      return (\r\n        <tr\r\n          class={[\r\n            'y-data-table__row',\r\n            { 'y-data-table__row--selected': selected.value },\r\n          ]}\r\n          onClick={props.onClick && onClick}\r\n          onContextmenu={props.onContextmenu && onContextmenu}\r\n          onDblclick={props.onDblclick && onDblclick}\r\n          onMousedown={props.onMousedown && onMousedown}\r\n          onKeydown={props.onKeydown && onKeydown}\r\n        >\r\n          {props.item &&\r\n            columns.value.map((column, colIndex) => {\r\n              const item = props.item!;\r\n              const slotProps = {\r\n                index: props.index!,\r\n                item: props.item!.raw,\r\n                internalItem: props.item!,\r\n                columns: columns.value,\r\n                value: getPropertyFromItem(item.columns, column.key),\r\n                selected: selected.value,\r\n                toggleSelect,\r\n                el: vm?.proxy?.$el,\r\n              };\r\n\r\n              const classes = computed(() => {\r\n                const ret: string[] = [];\r\n                if (typeof column.classes === 'function') {\r\n                  const result = column.classes.call(\r\n                    null,\r\n                    slotProps.item,\r\n                    slotProps.index,\r\n                    column,\r\n                  );\r\n                  if (result) {\r\n                    ret.push(...arrayClasses(result));\r\n                  }\r\n                } else if (column.classes) {\r\n                  ret.push(...arrayClasses(column.classes));\r\n                }\r\n\r\n                return ret;\r\n              });\r\n\r\n              const cellProps =\r\n                typeof props.cellProps === 'function'\r\n                  ? props.cellProps({\r\n                      index: slotProps.index,\r\n                      column,\r\n                      internalItem: slotProps.internalItem,\r\n                      item: slotProps.item,\r\n                      value: slotProps.value,\r\n                      selected: slotProps.selected,\r\n                    })\r\n                  : props.cellProps;\r\n\r\n              return (\r\n                <YDataTableCell\r\n                  align={column.align}\r\n                  fixed={\r\n                    column.fixed\r\n                      ? (((column.fixed === 'right' ? 'trail' : 'lead') +\r\n                          (column.lastFixed ? '-last' : '')) as FixedPropType)\r\n                      : undefined\r\n                  }\r\n                  fixedOffset={column.fixedOffset}\r\n                  rightOffset={column.rightOffset}\r\n                  width={column.width}\r\n                  maxWidth={column.maxWidth}\r\n                  class={[\r\n                    'y-data-table-data',\r\n                    {\r\n                      'y-data-table-data--select':\r\n                        column.key === 'data-table-select',\r\n                    },\r\n                    ...classes.value,\r\n                  ]}\r\n                  {...cellProps}\r\n                >\r\n                  {{\r\n                    default: () => {\r\n                      const slotName = `item.${column.key}`;\r\n\r\n                      if (slots[slotName]) {\r\n                        return slots[slotName]?.(slotProps);\r\n                      }\r\n\r\n                      if (column.key === 'data-table-select') {\r\n                        return (\r\n                          slots['item.data-table-select']?.(slotProps) ?? (\r\n                            <YButton\r\n                              variation={'text,small'}\r\n                              disabled={!item.selectable}\r\n                              onClick={(e: MouseEvent) => {\r\n                                e.stopPropagation();\r\n                                if (item.selectable) toggleSelect(item);\r\n                              }}\r\n                            >\r\n                              <YIconCheckbox\r\n                                checked={isSelected(item)}\r\n                                disabled={!item.selectable}\r\n                              ></YIconCheckbox>\r\n                            </YButton>\r\n                          )\r\n                        );\r\n                      }\r\n\r\n                      return slotProps.value;\r\n                    },\r\n                  }}\r\n                </YDataTableCell>\r\n              );\r\n            })}\r\n        </tr>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableRow = InstanceType<typeof YDataTableRow>;\r\n"],"mappings":"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"}

package/lib/components/table/YDataTableServer.mjs

@@ -1,173 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, resolveDirective as _resolveDirective, Fragment as _Fragment } from "vue";
-import { computed, provide, ref, toRef } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { useResizeObserver } from "../../composables/resize-observer.mjs";
-import { chooseProps, defineComponent, propsFactory } from "../../util/component/index.mjs";
-import { debounce } from "../../util/debounce.mjs";
-import { toStyleSizeValue } from "../../util/ui.mjs";
-import { pressDataTableProps } from "./YDataTable.mjs";
-import { YDataTableBody } from "./YDataTableBody.mjs";
-import { YDataTableControl } from "./YDataTableControl.mjs";
-import { YDataTableHead } from "./YDataTableHead.mjs";
-import { YDataTableLayer } from "./YDataTableLayer.mjs";
-import { YTable } from "./YTable.mjs";
-import { createHeader } from "./composibles/header.mjs";
-import { useItems } from "./composibles/items.mjs";
-import { useOptions } from "./composibles/options.mjs";
-import { createPagination, pressDataTablePaginationProps, providePagination } from "./composibles/pagination.mjs";
-import { provideSelection } from "./composibles/selection.mjs";
-import { createSorting, provideSorting } from "./composibles/sorting.mjs";
-export const pressDataTableServerProps = propsFactory({
-  total: {
-    type: [Number, String],
-    required: true
-  },
-  ...pressDataTablePaginationProps(),
-  ...pressDataTableProps()
-}, 'YDataTableServer');
-export const YDataTableServer = defineComponent({
-  name: 'YDataTableServer',
-  components: {
-    YTable,
-    YDataTableLayer,
-    YDataTableHead,
-    YDataTableBody,
-    YDataTableControl
-  },
-  props: {
-    ...pressDataTableServerProps()
-  },
-  emits: {
-    'update:modelValue': value => true,
-    'update:page': page => true,
-    'update:pageSize': pageSize => true,
-    'update:sortBy': sortBy => true,
-    'update:options': options => true,
-    'click:row': (e, value) => true
-  },
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
-    const {
-      page,
-      pageSize
-    } = createPagination(props);
-    const {
-      sortBy,
-      multiSort
-    } = createSorting(props);
-    const total = computed(() => parseInt(props.total));
-    const {
-      columns,
-      headers
-    } = createHeader(props, {
-      enableSelect: toRef(props, 'enableSelect')
-    });
-    const {
-      items
-    } = useItems(props, columns);
-    const {
-      toggleSort
-    } = provideSorting({
-      sortBy,
-      multiSort,
-      page
-    });
-    const {
-      pageLength,
-      setPageSize,
-      setPage
-    } = providePagination({
-      page,
-      pageSize,
-      total
-    });
-    const {
-      isSelected,
-      select,
-      selectAll,
-      toggleSelect,
-      someSelected,
-      allSelected
-    } = provideSelection(props, {
-      allItems: items,
-      pageItems: items
-    });
-    const headRect = ref();
-    const debounceMeasureHead = debounce(measureHead, 100);
-    const {
-      resizeObservedRef: headObserveRef
-    } = useResizeObserver(entries => {
-      debounceMeasureHead(entries);
-    });
-    function measureHead(entries) {
-      headRect.value = entries?.[0].contentRect;
-    }
-    useOptions({
-      page,
-      pageSize,
-      search: toRef(props, 'search'),
-      sortBy
-    }, emit);
-    provide('y-data-table', {
-      toggleSort,
-      sortBy,
-      headRect
-    });
-    const slotProps = computed(() => {
-      return {
-        // pagination
-        page: page.value,
-        pageSize: pageSize.value,
-        pageLength: pageLength.value,
-        setPageSize,
-        setPage,
-        // sorting
-        sortBy: sortBy.value,
-        toggleSort,
-        // selection
-        someSelected: someSelected.value,
-        allSelected: allSelected.value,
-        isSelected,
-        select,
-        selectAll,
-        toggleSelect,
-        //
-        items: items.value,
-        columns: columns.value,
-        headers: headers.value
-      };
-    });
-    useRender(() => {
-      const yDataTableHeadProps = chooseProps(props, YDataTableHead.props);
-      const yDataTableBodyProps = chooseProps(props, YDataTableBody.props);
-      const yTableProps = chooseProps(props, YTable.props);
-      return _createVNode(YTable, _mergeProps({
-        "class": ['y-data-table', {
-          'y-data-table--no-data': !props.loading && props.items.length < 1 && !props.hideNoData
-        }]
-      }, yTableProps, {
-        "style": {
-          '--y-table-head-height': toStyleSizeValue(headRect.value?.height)
-        }
-      }), {
-        top: () => slots.top?.(slotProps.value),
-        leading: () => slots.leading ? slots.leading(slotProps.value) : _createVNode(_Fragment, null, [_createVNode(YDataTableLayer, {
-          "slotProps": slotProps.value
-        }, slots)]),
-        default: () => slots.default ? slots.default(slotProps.value) : _createVNode(_Fragment, null, [_createVNode("thead", {
-          "ref": headObserveRef
-        }, [_createVNode(YDataTableHead, yDataTableHeadProps, slots)]), slots.thead?.(slotProps.value), _createVNode("tbody", null, [_createVNode(YDataTableBody, _mergeProps(yDataTableBodyProps, {
-          "items": items.value
-        }), slots)]), slots.tbody?.(slotProps.value), slots.tfoot?.(slotProps.value)]),
-        trailing: () => slots.trailing?.(slotProps.value),
-        bottom: () => slots.bottom ? slots.bottom(slotProps.value) : _createVNode(YDataTableControl, null, {
-          prepend: slots['control.prepend']
-        })
-      });
-    });
-  }
-});
-//# sourceMappingURL=YDataTableServer.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"YDataTableServer.mjs","names":["computed","provide","ref","toRef","useRender","useResizeObserver","chooseProps","defineComponent","propsFactory","debounce","toStyleSizeValue","pressDataTableProps","YDataTableBody","YDataTableControl","YDataTableHead","YDataTableLayer","YTable","createHeader","useItems","useOptions","createPagination","pressDataTablePaginationProps","providePagination","provideSelection","createSorting","provideSorting","pressDataTableServerProps","total","type","Number","String","required","YDataTableServer","name","components","props","emits","value","page","pageSize","sortBy","options","click:row","e","setup","_ref","slots","emit","multiSort","parseInt","columns","headers","enableSelect","items","toggleSort","pageLength","setPageSize","setPage","isSelected","select","selectAll","toggleSelect","someSelected","allSelected","allItems","pageItems","headRect","debounceMeasureHead","measureHead","resizeObservedRef","headObserveRef","entries","contentRect","search","slotProps","yDataTableHeadProps","yDataTableBodyProps","yTableProps","_createVNode","_mergeProps","loading","length","hideNoData","height","top","leading","_Fragment","default","thead","tbody","tfoot","trailing","bottom","prepend"],"sources":["../../../src/components/table/YDataTableServer.tsx"],"sourcesContent":["import { type PropType, computed, provide, ref, toRef } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useResizeObserver } from '@/composables/resize-observer';\nimport { chooseProps, defineComponent, propsFactory } from '@/util/component';\nimport { debounce } from '@/util/debounce';\nimport { toStyleSizeValue } from '@/util/ui';\n\nimport { pressDataTableProps } from './YDataTable';\nimport { YDataTableBody } from './YDataTableBody';\nimport { YDataTableControl } from './YDataTableControl';\nimport { YDataTableHead } from './YDataTableHead';\nimport { YDataTableLayer } from './YDataTableLayer';\nimport { YTable } from './YTable';\nimport { createHeader } from './composibles/header';\nimport { useItems } from './composibles/items';\nimport { useOptions } from './composibles/options';\nimport {\n  createPagination,\n  pressDataTablePaginationProps,\n  providePagination,\n} from './composibles/pagination';\nimport { provideSelection } from './composibles/selection';\nimport { createSorting, provideSorting } from './composibles/sorting';\nimport { YDataTableSlotProps } from './types';\n\nexport const pressDataTableServerProps = propsFactory(\n  {\n    total: {\n      type: [Number, String] as PropType<number | string>,\n      required: true,\n    },\n    ...pressDataTablePaginationProps(),\n    ...pressDataTableProps(),\n  },\n  'YDataTableServer',\n);\n\nexport const YDataTableServer = defineComponent({\n  name: 'YDataTableServer',\n  components: {\n    YTable,\n    YDataTableLayer,\n    YDataTableHead,\n    YDataTableBody,\n    YDataTableControl,\n  },\n  props: {\n    ...pressDataTableServerProps(),\n  },\n  emits: {\n    'update:modelValue': (value: any[]) => true,\n    'update:page': (page: number) => true,\n    'update:pageSize': (pageSize: number) => true,\n    'update:sortBy': (sortBy: any) => true,\n    'update:options': (options: any) => true,\n    'click:row': (e: Event, value: { row: any }) => true,\n  },\n  setup(props, { slots, emit }) {\n    const { page, pageSize } = createPagination(props);\n    const { sortBy, multiSort } = createSorting(props);\n    const total = computed(() => parseInt(props.total as string));\n    const { columns, headers } = createHeader(props, {\n      enableSelect: toRef(props, 'enableSelect'),\n    });\n    const { items } = useItems(props, columns);\n\n    const { toggleSort } = provideSorting({ sortBy, multiSort, page });\n    const { pageLength, setPageSize, setPage } = providePagination({\n      page,\n      pageSize,\n      total,\n    });\n    const {\n      isSelected,\n      select,\n      selectAll,\n      toggleSelect,\n      someSelected,\n      allSelected,\n    } = provideSelection(props, { allItems: items, pageItems: items });\n\n    const headRect = ref<DOMRectReadOnly>();\n    const debounceMeasureHead = debounce(measureHead, 100);\n    const { resizeObservedRef: headObserveRef } = useResizeObserver(\n      (entries) => {\n        debounceMeasureHead(entries);\n      },\n    );\n\n    function measureHead(entries: ResizeObserverEntry[]) {\n      headRect.value = entries?.[0].contentRect;\n    }\n\n    useOptions(\n      {\n        page,\n        pageSize,\n        search: toRef(props, 'search'),\n        sortBy,\n      },\n      emit,\n    );\n\n    provide('y-data-table', {\n      toggleSort,\n      sortBy,\n      headRect,\n    });\n\n    const slotProps = computed<YDataTableSlotProps>(() => {\n      return {\n        // pagination\n        page: page.value,\n        pageSize: pageSize.value,\n        pageLength: pageLength.value,\n        setPageSize,\n        setPage,\n        // sorting\n        sortBy: sortBy.value,\n        toggleSort,\n        // selection\n        someSelected: someSelected.value,\n        allSelected: allSelected.value,\n        isSelected,\n        select,\n        selectAll,\n        toggleSelect,\n        //\n        items: items.value,\n        columns: columns.value,\n        headers: headers.value,\n      };\n    });\n\n    useRender(() => {\n      const yDataTableHeadProps = chooseProps(props, YDataTableHead.props);\n      const yDataTableBodyProps = chooseProps(props, YDataTableBody.props);\n      const yTableProps = chooseProps(props, YTable.props);\n      return (\n        <YTable\n          class={[\n            'y-data-table',\n            {\n              'y-data-table--no-data':\n                !props.loading && props.items.length < 1 && !props.hideNoData,\n            },\n          ]}\n          {...yTableProps}\n          style={{\n            '--y-table-head-height': toStyleSizeValue(headRect.value?.height),\n          }}\n        >\n          {{\n            top: () => slots.top?.(slotProps.value),\n            leading: () =>\n              slots.leading ? (\n                slots.leading(slotProps.value)\n              ) : (\n                <>\n                  <YDataTableLayer\n                    v-slots={slots}\n                    slotProps={slotProps.value}\n                  ></YDataTableLayer>\n                </>\n              ),\n            default: () =>\n              slots.default ? (\n                slots.default(slotProps.value)\n              ) : (\n                <>\n                  <thead ref={headObserveRef}>\n                    <YDataTableHead\n                      v-slots={slots}\n                      {...yDataTableHeadProps}\n                    ></YDataTableHead>\n                  </thead>\n                  {slots.thead?.(slotProps.value)}\n                  <tbody>\n                    <YDataTableBody\n                      v-slots={slots}\n                      {...yDataTableBodyProps}\n                      items={items.value}\n                    ></YDataTableBody>\n                  </tbody>\n                  {slots.tbody?.(slotProps.value)}\n                  {slots.tfoot?.(slotProps.value)}\n                </>\n              ),\n            trailing: () => slots.trailing?.(slotProps.value),\n            bottom: () =>\n              slots.bottom ? (\n                slots.bottom(slotProps.value)\n              ) : (\n                <YDataTableControl\n                  v-slots={{\n                    prepend: slots['control.prepend'],\n                  }}\n                ></YDataTableControl>\n              ),\n          }}\n        </YTable>\n      );\n    });\n  },\n});\n\nexport type YDataTableServer = InstanceType<typeof YDataTableServer>;\n"],"mappings":"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"}

package/lib/components/table/YTable.mjs

@@ -1,77 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { provide } from 'vue';
-import { useRectMeasure } from "./composibles/measure.mjs";
-import { useRender } from "../../composables/component.mjs";
-import { defineComponent, propsFactory } from "../../util/component/index.mjs";
-import { toStyleSizeValue } from "../../util/ui.mjs";
-import "./YTable.scss";
-export const pressYTableProps = propsFactory({
-  tag: {
-    type: String,
-    default: 'div'
-  },
-  fixedHead: {
-    type: Boolean
-  },
-  height: {
-    type: [Number, String]
-  },
-  flexHeight: {
-    type: Boolean
-  },
-  onScroll: Function
-}, 'YTable');
-export const YTable = defineComponent({
-  name: 'YTable',
-  props: {
-    ...pressYTableProps()
-  },
-  emits: ['scroll'],
-  setup(props, _ref) {
-    let {
-      slots,
-      emit
-    } = _ref;
-    const {
-      containerRef,
-      tableRef,
-      containerRect,
-      wrapperRect
-    } = useRectMeasure();
-    provide('YTable', {
-      containerRect
-    });
-    function onScroll(e) {
-      emit('scroll', e);
-    }
-    useRender(() => {
-      const ElTag = props.tag ?? 'div';
-      const containerHeight = props.flexHeight ? containerRect.value?.height ?? props.height : props.height;
-      return _createVNode(ElTag, {
-        "class": ['y-table', {
-          'y-table--fixed-head': props.fixedHead,
-          'y-table--fixed-height': props.flexHeight || props.height,
-          'y-table--flex-height': props.flexHeight
-        }],
-        "style": {
-          '--y-table-container-width': toStyleSizeValue(containerRect.value?.width),
-          '--y-table-wrapper-width': toStyleSizeValue(wrapperRect.value?.width)
-        }
-      }, {
-        default: () => [slots.top?.(), slots.default ? _createVNode("div", {
-          "ref": containerRef,
-          "class": ['y-table__container']
-        }, [slots.leading?.(), _createVNode("div", {
-          "class": ['y-table__wrapper'],
-          "style": {
-            height: toStyleSizeValue(containerHeight)
-          },
-          "onScroll": onScroll
-        }, [_createVNode("table", {
-          "ref": tableRef
-        }, [slots.default()])]), slots.trailing?.()]) : slots.container?.(containerRef, containerRect), slots.bottom?.()]
-      });
-    });
-  }
-});
-//# sourceMappingURL=YTable.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"YTable.mjs","names":["provide","useRectMeasure","useRender","defineComponent","propsFactory","toStyleSizeValue","pressYTableProps","tag","type","String","default","fixedHead","Boolean","height","Number","flexHeight","onScroll","Function","YTable","name","props","emits","setup","_ref","slots","emit","containerRef","tableRef","containerRect","wrapperRect","e","ElTag","containerHeight","value","_createVNode","width","top","leading","trailing","container","bottom"],"sources":["../../../src/components/table/YTable.tsx"],"sourcesContent":["import { type PropType, provide } from 'vue';\r\n\r\nimport { useRectMeasure } from '@/components/table/composibles/measure';\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent, propsFactory } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport './YTable.scss';\r\n\r\nexport const pressYTableProps = propsFactory(\r\n  {\r\n    tag: {\r\n      type: String as PropType<string>,\r\n      default: 'div',\r\n    },\r\n    fixedHead: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    height: {\r\n      type: [Number, String] as PropType<number | string>,\r\n    },\r\n    flexHeight: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    onScroll: Function as PropType<(e: Event) => void>,\r\n  },\r\n  'YTable',\r\n);\r\n\r\nexport const YTable = defineComponent({\r\n  name: 'YTable',\r\n  props: {\r\n    ...pressYTableProps(),\r\n  },\r\n  emits: ['scroll'],\r\n  setup(props, { slots, emit }) {\r\n    const { containerRef,  tableRef, containerRect, wrapperRect } =\r\n      useRectMeasure();\r\n\r\n    provide('YTable', { containerRect });\r\n\r\n    function onScroll(e: Event) {\r\n      emit('scroll', e);\r\n    }\r\n\r\n    useRender(() => {\r\n      const ElTag = (props.tag as keyof HTMLElementTagNameMap) ?? 'div';\r\n      const containerHeight = props.flexHeight\r\n        ? containerRect.value?.height ?? props.height\r\n        : props.height;\r\n      return (\r\n        <ElTag\r\n          class={[\r\n            'y-table',\r\n            {\r\n              'y-table--fixed-head': props.fixedHead,\r\n              'y-table--fixed-height': props.flexHeight || props.height,\r\n              'y-table--flex-height': props.flexHeight,\r\n            },\r\n          ]}\r\n          style={{\r\n            '--y-table-container-width': toStyleSizeValue(\r\n              containerRect.value?.width,\r\n            ),\r\n            '--y-table-wrapper-width': toStyleSizeValue(\r\n              wrapperRect.value?.width,\r\n            ),\r\n          }}\r\n        >\r\n          {slots.top?.()}\r\n          {slots.default ? (\r\n            <div ref={containerRef} class={['y-table__container']}>\r\n              {slots.leading?.()}\r\n              <div\r\n                class={['y-table__wrapper']}\r\n                style={{\r\n                  height: toStyleSizeValue(containerHeight),\r\n                }}\r\n                onScroll={onScroll}\r\n              >\r\n                <table ref={tableRef}>{slots.default()}</table>\r\n              </div>\r\n              {slots.trailing?.()}\r\n            </div>\r\n          ) : (\r\n            slots.container?.(containerRef, containerRect)\r\n          )}\r\n          {slots.bottom?.()}\r\n        </ElTag>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YTable = InstanceType<typeof YTable>;\r\n"],"mappings":";AAAA,SAAwBA,OAAO,QAAQ,KAAK;AAAC,SAEpCC,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,eAAe,EAAEC,YAAY;AAAA,SAC7BC,gBAAgB;AAEzB;AAEA,OAAO,MAAMC,gBAAgB,GAAGF,YAAY,CAC1C;EACEG,GAAG,EAAE;IACHC,IAAI,EAAEC,MAA0B;IAChCC,OAAO,EAAE;EACX,CAAC;EACDC,SAAS,EAAE;IACTH,IAAI,EAAEI;EACR,CAAC;EACDC,MAAM,EAAE;IACNL,IAAI,EAAE,CAACM,MAAM,EAAEL,MAAM;EACvB,CAAC;EACDM,UAAU,EAAE;IACVP,IAAI,EAAEI;EACR,CAAC;EACDI,QAAQ,EAAEC;AACZ,CAAC,EACD,QACF,CAAC;AAED,OAAO,MAAMC,MAAM,GAAGf,eAAe,CAAC;EACpCgB,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACL,GAAGd,gBAAgB,CAAC;EACtB,CAAC;EACDe,KAAK,EAAE,CAAC,QAAQ,CAAC;EACjBC,KAAKA,CAACF,KAAK,EAAAG,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAM;MAAEG,YAAY;MAAGC,QAAQ;MAAEC,aAAa;MAAEC;IAAY,CAAC,GAC3D5B,cAAc,CAAC,CAAC;IAElBD,OAAO,CAAC,QAAQ,EAAE;MAAE4B;IAAc,CAAC,CAAC;IAEpC,SAASZ,QAAQA,CAACc,CAAQ,EAAE;MAC1BL,IAAI,CAAC,QAAQ,EAAEK,CAAC,CAAC;IACnB;IAEA5B,SAAS,CAAC,MAAM;MACd,MAAM6B,KAAK,GAAIX,KAAK,CAACb,GAAG,IAAoC,KAAK;MACjE,MAAMyB,eAAe,GAAGZ,KAAK,CAACL,UAAU,GACpCa,aAAa,CAACK,KAAK,EAAEpB,MAAM,IAAIO,KAAK,CAACP,MAAM,GAC3CO,KAAK,CAACP,MAAM;MAChB,OAAAqB,YAAA,CAAAH,KAAA;QAAA,SAEW,CACL,SAAS,EACT;UACE,qBAAqB,EAAEX,KAAK,CAACT,SAAS;UACtC,uBAAuB,EAAES,KAAK,CAACL,UAAU,IAAIK,KAAK,CAACP,MAAM;UACzD,sBAAsB,EAAEO,KAAK,CAACL;QAChC,CAAC,CACF;QAAA,SACM;UACL,2BAA2B,EAAEV,gBAAgB,CAC3CuB,aAAa,CAACK,KAAK,EAAEE,KACvB,CAAC;UACD,yBAAyB,EAAE9B,gBAAgB,CACzCwB,WAAW,CAACI,KAAK,EAAEE,KACrB;QACF;MAAC;QAAAzB,OAAA,EAAAA,CAAA,MAEAc,KAAK,CAACY,GAAG,GAAG,CAAC,EACbZ,KAAK,CAACd,OAAO,GAAAwB,YAAA;UAAA,OACFR,YAAY;UAAA,SAAS,CAAC,oBAAoB;QAAC,IAClDF,KAAK,CAACa,OAAO,GAAG,CAAC,EAAAH,YAAA;UAAA,SAET,CAAC,kBAAkB,CAAC;UAAA,SACpB;YACLrB,MAAM,EAAER,gBAAgB,CAAC2B,eAAe;UAC1C,CAAC;UAAA,YACShB;QAAQ,IAAAkB,YAAA;UAAA,OAENP;QAAQ,IAAGH,KAAK,CAACd,OAAO,CAAC,CAAC,MAEvCc,KAAK,CAACc,QAAQ,GAAG,CAAC,KAGrBd,KAAK,CAACe,SAAS,GAAGb,YAAY,EAAEE,aAAa,CAC9C,EACAJ,KAAK,CAACgB,MAAM,GAAG,CAAC;MAAA;IAGvB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

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

@@ -1,127 +0,0 @@
-import { inject, provide, ref, watchEffect } from 'vue';
-import { getRangeArr } from "../../../util/common.mjs";
-import { propsFactory } from "../../../util/component/index.mjs";
-export const pressDataTableHeader = propsFactory({
-  headers: {
-    type: Array,
-    default: () => []
-  }
-}, 'YDataTable--header');
-export const Y_DATA_TABLE_HEADER_KEY = Symbol.for('yuyeon.data-table.header');
-export function createHeader(props, options) {
-  const headers = ref([]);
-  const columns = ref([]);
-  watchEffect(() => {
-    const rows = props.headers?.length ? [props.headers] : [];
-    const flat = rows.flatMap((row, index) => row.map(column => ({
-      column,
-      rowIndex: index
-    })));
-    const rowCount = rows.length;
-    const defaultHeader = {
-      text: '',
-      sortable: false
-    };
-    const defaultActionHeader = {
-      ...defaultHeader,
-      width: 48
-    };
-    if (options?.enableSelect?.value) {
-      const foundIndex = flat.findIndex(_ref => {
-        let {
-          column
-        } = _ref;
-        return column.key === 'data-table-select';
-      });
-      if (foundIndex < 0) {
-        const fixed = flat.some(_ref2 => {
-          let {
-            column
-          } = _ref2;
-          return column?.fixed === true || column?.fixed === 'left';
-        });
-        flat.unshift({
-          column: {
-            ...defaultActionHeader,
-            key: 'data-table-select',
-            rowspan: rowCount,
-            fixed
-          },
-          rowIndex: 0
-        });
-      } else {
-        flat.splice(foundIndex, 1, {
-          column: {
-            ...defaultActionHeader,
-            ...flat[foundIndex].column
-          },
-          rowIndex: flat[foundIndex].rowIndex
-        });
-      }
-    }
-    const fixedRows = getRangeArr(rowCount).map(() => []);
-    const fixedOffsets = getRangeArr(rowCount).fill(0);
-    flat.forEach(_ref3 => {
-      let {
-        column,
-        rowIndex
-      } = _ref3;
-      const {
-        key
-      } = column;
-      for (let i = rowIndex; i <= rowIndex + (column.rowspan ?? 1) - 1; i += 1) {
-        fixedRows[i].push({
-          ...column,
-          key,
-          fixedOffset: fixedOffsets[i],
-          sortable: column.sortable ?? !!key
-        });
-        fixedOffsets[i] += Number(column.width ?? 0);
-      }
-    });
-    fixedRows.forEach(row => {
-      for (let i = row.length - 1; i >= 0; i--) {
-        if (row[i].fixed === true || row[i].fixed === 'left') {
-          row[i].lastFixed = true;
-          break;
-        }
-      }
-      // fixed right
-      const rightFixed = row.filter(col => col.fixed === 'right');
-      let rightOffsets = 0;
-      for (let i = rightFixed.length - 1; i >= 0; i--) {
-        rightFixed[i].rightOffset = rightOffsets;
-        rightOffsets += Number(rightFixed[i].width ?? 0);
-        if (i === 0) {
-          rightFixed[i].lastFixed = true;
-        }
-      }
-    });
-    const seen = new Set();
-    headers.value = fixedRows.map(row => {
-      const filtered = [];
-      for (const column of row) {
-        if (!seen.has(column.key)) {
-          seen.add(column.key);
-          filtered.push(column);
-        }
-      }
-      return filtered;
-    });
-    columns.value = fixedRows.at(-1) ?? [];
-  });
-  const data = {
-    headers,
-    columns
-  };
-  provide(Y_DATA_TABLE_HEADER_KEY, data);
-  return data;
-}
-export function useHeader() {
-  const data = inject(Y_DATA_TABLE_HEADER_KEY);
-  if (!data) {
-    throw new Error(`Not provided: ${Y_DATA_TABLE_HEADER_KEY.description}`);
-  }
-  return data;
-}
-//# sourceMappingURL=header.mjs.map

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

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