yuyeon 0.3.1-rc.6 → 0.3.1

package/lib/components/tab/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/tab/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/tab/types.ts"],"sourcesContent":["export interface YTabPropItem {\r\n  text: string;\r\n  value?: string;\r\n  [Key: string]: any;\r\n}\r\n"],"mappings":""}

package/lib/components/table/YDataTable.js

@@ -0,0 +1,182 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode, resolveDirective as _resolveDirective, Fragment as _Fragment } from "vue";
+import { computed, provide, toRef } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { useResizeObserver } from "../../composables/resize-observer.js";
+import { chooseProps, defineComponent, propsFactory } from "../../util/component/index.js";
+import { toStyleSizeValue } from "../../util/ui.js";
+import { YDataTableBody, pressYDataTableBodyProps } from "./YDataTableBody.js";
+import { YDataTableControl } from "./YDataTableControl.js";
+import { YDataTableHead, pressYDataTableHeadProps } from "./YDataTableHead.js";
+import { YDataTableLayer } from "./YDataTableLayer.js";
+import { YTable, pressYTableProps } from "./YTable.js";
+import { createHeader, pressDataTableHeader } from "./composibles/header.js";
+import { pressDataTableItemsProps, useItems } from "./composibles/items.js";
+import { useOptions } from "./composibles/options.js";
+import { createPagination, pressDataTablePaginationProps, providePagination, usePaginatedItems } from "./composibles/pagination.js";
+import { pressDataTableSelectionProps, provideSelection } from "./composibles/selection.js";
+import { useSortedItems } from "./composibles/sorted-items.js";
+import { createSorting, pressDataTableSortProps, provideSorting } from "./composibles/sorting.js";
+export const pressDataTableProps = propsFactory({
+  ...pressYDataTableBodyProps(),
+  width: [String, Number],
+  search: String,
+  hideDefaultTbody: Boolean,
+  ...pressDataTableHeader(),
+  ...pressDataTableItemsProps(),
+  ...pressDataTableSortProps(),
+  ...pressDataTableSelectionProps(),
+  ...pressYDataTableHeadProps(),
+  ...pressYTableProps()
+}, 'DataTable');
+export const YDataTable = defineComponent({
+  name: 'YDataTable',
+  props: {
+    ...pressDataTablePaginationProps(),
+    ...pressDataTableProps()
+  },
+  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,
+    scroll: e => true
+  },
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const {
+      page,
+      pageSize
+    } = createPagination(props);
+    const {
+      sortBy,
+      multiSort
+    } = createSorting(props);
+    const {
+      columns,
+      headers
+    } = createHeader(props, {
+      enableSelect: toRef(props, 'enableSelect')
+    });
+    const {
+      items
+    } = useItems(props, columns);
+    const {
+      toggleSort
+    } = provideSorting({
+      sortBy,
+      multiSort,
+      page
+    });
+    const total = computed(() => items.value.length);
+    const {
+      startIndex,
+      endIndex,
+      pageLength,
+      setPageSize,
+      setPage
+    } = providePagination({
+      page,
+      pageSize,
+      total
+    });
+    const {
+      sortedItems
+    } = useSortedItems(props, items, sortBy);
+    const {
+      paginatedItems
+    } = usePaginatedItems({
+      items: sortedItems,
+      startIndex,
+      endIndex,
+      pageSize
+    });
+    const {
+      isSelected,
+      select,
+      selectAll,
+      toggleSelect,
+      someSelected,
+      allSelected
+    } = provideSelection(props, {
+      allItems: items,
+      pageItems: items
+    });
+    const {
+      resizeObservedRef: headObserveRef,
+      contentRect: headRect
+    } = useResizeObserver();
+    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: paginatedItems.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, {
+          "slot-props": 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), !props.hideDefaultTbody && _createVNode("tbody", null, [_createVNode(YDataTableBody, _mergeProps(yDataTableBodyProps, {
+          "items": slotProps.value.items
+        }), 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'],
+          append: slots['control.append']
+        })
+      });
+    });
+    return {
+      paginatedItems
+    };
+  }
+});
+//# sourceMappingURL=YDataTable.js.map

package/lib/components/table/YDataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTable.js","names":["computed","provide","toRef","useRender","useResizeObserver","chooseProps","defineComponent","propsFactory","toStyleSizeValue","YDataTableBody","pressYDataTableBodyProps","YDataTableControl","YDataTableHead","pressYDataTableHeadProps","YDataTableLayer","YTable","pressYTableProps","createHeader","pressDataTableHeader","pressDataTableItemsProps","useItems","useOptions","createPagination","pressDataTablePaginationProps","providePagination","usePaginatedItems","pressDataTableSelectionProps","provideSelection","useSortedItems","createSorting","pressDataTableSortProps","provideSorting","pressDataTableProps","width","String","Number","search","hideDefaultTbody","Boolean","YDataTable","name","props","emits","value","page","pageSize","sortBy","options","click:row","e","scroll","setup","_ref","slots","emit","multiSort","columns","headers","enableSelect","items","toggleSort","total","length","startIndex","endIndex","pageLength","setPageSize","setPage","sortedItems","paginatedItems","isSelected","select","selectAll","toggleSelect","someSelected","allSelected","allItems","pageItems","resizeObservedRef","headObserveRef","contentRect","headRect","slotProps","yDataTableHeadProps","yDataTableBodyProps","yTableProps","_createVNode","_mergeProps","loading","hideNoData","height","top","leading","_Fragment","default","thead","tbody","tfoot","trailing","bottom","prepend","append"],"sources":["../../../src/components/table/YDataTable.tsx"],"sourcesContent":["import { type PropType, computed, provide, toRef } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useResizeObserver } from '@/composables/resize-observer';\nimport { chooseProps, defineComponent, propsFactory } from '@/util/component';\nimport { toStyleSizeValue } from '@/util/ui';\n\nimport { YDataTableBody, pressYDataTableBodyProps } from './YDataTableBody';\nimport { YDataTableControl } from './YDataTableControl';\nimport { YDataTableHead, pressYDataTableHeadProps } from './YDataTableHead';\nimport { YDataTableLayer } from './YDataTableLayer';\nimport { YTable, pressYTableProps } from './YTable';\nimport { createHeader, pressDataTableHeader } from './composibles/header';\nimport { pressDataTableItemsProps, useItems } from './composibles/items';\nimport { useOptions } from './composibles/options';\nimport {\n  createPagination,\n  pressDataTablePaginationProps,\n  providePagination,\n  usePaginatedItems,\n} from './composibles/pagination';\nimport {\n  pressDataTableSelectionProps,\n  provideSelection,\n} from './composibles/selection';\nimport { useSortedItems } from './composibles/sorted-items';\nimport {\n  createSorting,\n  pressDataTableSortProps,\n  provideSorting,\n} from './composibles/sorting';\nimport { YDataTableSlotProps } from './types';\n\nexport const pressDataTableProps = propsFactory(\n  {\n    ...pressYDataTableBodyProps(),\n    width: [String, Number] as PropType<string | number>,\n    search: String as PropType<string>,\n    hideDefaultTbody: Boolean,\n    ...pressDataTableHeader(),\n    ...pressDataTableItemsProps(),\n    ...pressDataTableSortProps(),\n    ...pressDataTableSelectionProps(),\n    ...pressYDataTableHeadProps(),\n    ...pressYTableProps(),\n  },\n  'DataTable',\n);\n\nexport const YDataTable = defineComponent({\n  name: 'YDataTable',\n  props: {\n    ...pressDataTablePaginationProps(),\n    ...pressDataTableProps(),\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    scroll: (e: Event) => true,\n  },\n  setup(props, { slots, emit }) {\n    const { page, pageSize } = createPagination(props);\n    const { sortBy, multiSort } = createSorting(props);\n    const { columns, headers } = createHeader(props, {\n      enableSelect: toRef(props, 'enableSelect'),\n    });\n    const { items } = useItems(props, columns);\n    const { toggleSort } = provideSorting({ sortBy, multiSort, page });\n    const total = computed(() => items.value.length);\n    const { startIndex, endIndex, pageLength, setPageSize, setPage } =\n      providePagination({\n        page,\n        pageSize,\n        total,\n      });\n    const { sortedItems } = useSortedItems(props, items, sortBy);\n    const { paginatedItems } = usePaginatedItems({\n      items: sortedItems,\n      startIndex,\n      endIndex,\n      pageSize,\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 { resizeObservedRef: headObserveRef, contentRect: headRect } =\n      useResizeObserver();\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: paginatedItems.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                    slot-props={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                  {!props.hideDefaultTbody && (\n                    <tbody>\n                      <YDataTableBody\n                        v-slots={slots}\n                        {...yDataTableBodyProps}\n                        items={slotProps.value.items}\n                      ></YDataTableBody>\n                    </tbody>\n                  )}\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                    append: slots['control.append'],\n                  }}\n                ></YDataTableControl>\n              ),\n          }}\n        </YTable>\n      );\n    });\n    return { paginatedItems };\n  },\n});\n\nexport type YDataTable = InstanceType<typeof YDataTable>;\n"],"mappings":"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"}

package/lib/components/table/YDataTableBody.js

@@ -0,0 +1,131 @@
+import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, Fragment as _Fragment, createVNode as _createVNode } from "vue";
+import { mergeProps } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { defineComponent, propsFactory } from "../../util/component/index.js";
+import { YDataTableRow } from "./YDataTableRow.js";
+import { useHeader } from "./composibles/header.js";
+import { useSelection } from "./composibles/selection.js";
+export const pressYDataTableBodyProps = propsFactory({
+  items: {
+    type: Array,
+    default: () => []
+  },
+  loading: [Boolean, String],
+  loadingText: String,
+  hideNoData: Boolean,
+  noDataText: {
+    type: String,
+    default: ''
+  },
+  rowProps: [Function, Object],
+  rowHeight: Number,
+  'onClick:row': Function,
+  'onDblclick:row': Function,
+  'onContextmenu:row': Function,
+  'onMousedown:row': Function,
+  'onKeydown:row': Function
+}, 'YDataTableBody');
+export const YDataTableBody = defineComponent({
+  name: 'YDataTableBody',
+  props: {
+    ...pressYDataTableBodyProps()
+  },
+  emits: ['click:row', 'dblclick:row', 'contextmenu:row', 'mousedown:row'],
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const {
+      columns
+    } = useHeader();
+    const {
+      isSelected,
+      toggleSelect
+    } = useSelection();
+    useRender(() => {
+      if (props.loading) {
+        return _createVNode("tr", null, [_createVNode("td", {
+          "colspan": columns.value.length,
+          "class": 'y-data-table__loading'
+        }, [slots.loading ? slots.loading() : _createVNode("div", null, [props.loadingText])])]);
+      }
+      if (!props.loading && props.items.length < 1 && !props.hideNoData) {
+        return _createVNode("tr", {
+          "key": "no-data",
+          "class": "y-data-table__no-data"
+        }, [_createVNode("td", {
+          "colspan": columns.value.length
+        }, [slots['no-data']?.() ?? props.noDataText])]);
+      }
+      return _createVNode(_Fragment, null, [slots.body ? slots.body?.(props) : props.items.map((item, index) => {
+        const stateProps = {
+          index,
+          item: item.raw,
+          internalItem: item,
+          columns: columns.value,
+          isSelected,
+          toggleSelect
+        };
+        function onClick(event, el) {
+          props['onClick:row']?.(event, {
+            ...stateProps,
+            el
+          });
+        }
+        function onDblclick(event, el) {
+          props['onDblclick:row']?.(event, {
+            ...stateProps,
+            el
+          });
+        }
+        function onContextmenu(event, el) {
+          props['onContextmenu:row']?.(event, {
+            ...stateProps,
+            el
+          });
+        }
+        function onMousedown(event, el) {
+          props['onMousedown:row']?.(event, {
+            ...stateProps,
+            el
+          });
+        }
+        function onKeydown(event, el) {
+          props['onKeydown:row']?.(event, {
+            ...stateProps,
+            el
+          });
+        }
+        const slotProps = {
+          ...stateProps,
+          props: mergeProps({
+            key: `item__${item.key ?? item.index}`,
+            item,
+            index
+          }, typeof props.rowProps === 'function' ? props.rowProps({
+            item: stateProps.item,
+            index: stateProps.index,
+            internalItem: stateProps.internalItem
+          }) : props.rowProps),
+          onClick,
+          onContextmenu,
+          onDblclick,
+          onMousedown,
+          onKeydown
+        };
+        return _createVNode(_Fragment, null, [slots.item ? slots.item(slotProps) : _createVNode(YDataTableRow, _mergeProps(slotProps.props, {
+          "onClick": props['onClick:row'] && onClick,
+          "onContextmenu": props['onContextmenu:row'] && onContextmenu,
+          "onDblclick": props['onDblclick:row'] && onDblclick,
+          "onMousedown": props['onMousedown:row'] && onMousedown,
+          "onKeydown": props['onKeydown:row'] && onKeydown
+        }), slots)]);
+      })]);
+    });
+
+    // end
+    return {};
+  }
+});
+//# sourceMappingURL=YDataTableBody.js.map

package/lib/components/table/YDataTableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableBody.js","names":["mergeProps","useRender","defineComponent","propsFactory","YDataTableRow","useHeader","useSelection","pressYDataTableBodyProps","items","type","Array","default","loading","Boolean","String","loadingText","hideNoData","noDataText","rowProps","Function","Object","rowHeight","Number","YDataTableBody","name","props","emits","setup","_ref","slots","emit","columns","isSelected","toggleSelect","_createVNode","value","length","_Fragment","body","map","item","index","stateProps","raw","internalItem","onClick","event","el","onDblclick","onContextmenu","onMousedown","onKeydown","slotProps","key","_mergeProps"],"sources":["../../../src/components/table/YDataTableBody.tsx"],"sourcesContent":["import { type PropType, mergeProps } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent, propsFactory } from '@/util/component';\r\n\r\nimport { YDataTableRow } from './YDataTableRow';\r\nimport { useHeader } from './composibles/header';\r\nimport { useSelection } from './composibles/selection';\r\nimport { DataTableItem, RowProps } from './types';\r\n\r\nexport const pressYDataTableBodyProps = propsFactory(\r\n  {\r\n    items: {\r\n      type: Array as PropType<readonly DataTableItem[]>,\r\n      default: () => [],\r\n    },\r\n    loading: [Boolean, String],\r\n    loadingText: String,\r\n    hideNoData: Boolean,\r\n    noDataText: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    rowProps: [Function, Object] as PropType<RowProps<any>>,\r\n    rowHeight: Number,\r\n    'onClick:row': Function as PropType<(e: Event, value: any) => void>,\r\n    'onDblclick:row': Function as PropType<(e: Event, value: any) => void>,\r\n    'onContextmenu:row': Function as PropType<(e: Event, value: any) => void>,\r\n    'onMousedown:row': Function as PropType<(e: Event, value: any) => void>,\r\n    'onKeydown:row': Function as PropType<(e: Event, value: any) => void>,\r\n  },\r\n  'YDataTableBody',\r\n);\r\n\r\nexport const YDataTableBody = defineComponent({\r\n  name: 'YDataTableBody',\r\n  props: {\r\n    ...pressYDataTableBodyProps(),\r\n  },\r\n  emits: ['click:row', 'dblclick:row', 'contextmenu:row', 'mousedown:row'],\r\n  setup(props, { slots, emit }) {\r\n    const { columns } = useHeader();\r\n    const { isSelected, toggleSelect } = useSelection();\r\n\r\n    useRender(() => {\r\n      if (props.loading) {\r\n        return (\r\n          <tr>\r\n            <td colspan={columns.value.length} class={'y-data-table__loading'}>\r\n              {slots.loading ? slots.loading() : <div>{props.loadingText}</div>}\r\n            </td>\r\n          </tr>\r\n        );\r\n      }\r\n      if (!props.loading && props.items.length < 1 && !props.hideNoData) {\r\n        return (\r\n          <tr key=\"no-data\" class=\"y-data-table__no-data\">\r\n            <td colspan={columns.value.length}>\r\n              {slots['no-data']?.() ?? props.noDataText}\r\n            </td>\r\n          </tr>\r\n        );\r\n      }\r\n      return (\r\n        <>\r\n          {slots.body\r\n            ? slots.body?.(props)\r\n            : props.items.map((item, index) => {\r\n                const stateProps = {\r\n                  index,\r\n                  item: item.raw,\r\n                  internalItem: item,\r\n                  columns: columns.value,\r\n                  isSelected,\r\n                  toggleSelect,\r\n                };\r\n\r\n                function onClick(event: Event, el: null | Element) {\r\n                  props['onClick:row']?.(event, { ...stateProps, el });\r\n                }\r\n\r\n                function onDblclick(event: Event, el: null | Element) {\r\n                  props['onDblclick:row']?.(event, { ...stateProps, el });\r\n                }\r\n\r\n                function onContextmenu(event: Event, el: null | Element) {\r\n                  props['onContextmenu:row']?.(event, {\r\n                    ...stateProps,\r\n                    el,\r\n                  });\r\n                }\r\n\r\n                function onMousedown(event: Event, el: null | Element) {\r\n                  props['onMousedown:row']?.(event, { ...stateProps, el });\r\n                }\r\n\r\n              function onKeydown(event: Event, el: null | Element) {\r\n                props['onKeydown:row']?.(event, { ...stateProps, el });\r\n              }\r\n\r\n                const slotProps = {\r\n                  ...stateProps,\r\n                  props: mergeProps(\r\n                    {\r\n                      key: `item__${item.key ?? item.index}`,\r\n                      item,\r\n                      index,\r\n                    },\r\n                    typeof props.rowProps === 'function'\r\n                      ? props.rowProps({\r\n                          item: stateProps.item,\r\n                          index: stateProps.index,\r\n                          internalItem: stateProps.internalItem,\r\n                        })\r\n                      : props.rowProps,\r\n                  ),\r\n                  onClick,\r\n                  onContextmenu,\r\n                  onDblclick,\r\n                  onMousedown,\r\n                  onKeydown,\r\n                };\r\n\r\n                return (\r\n                  <>\r\n                    {slots.item ? (\r\n                      slots.item(slotProps)\r\n                    ) : (\r\n                      <YDataTableRow\r\n                        v-slots={slots}\r\n                        {...slotProps.props}\r\n                        onClick={props['onClick:row'] && onClick}\r\n                        onContextmenu={\r\n                          props['onContextmenu:row'] && onContextmenu\r\n                        }\r\n                        onDblclick={props['onDblclick:row'] && onDblclick}\r\n                        onMousedown={props['onMousedown:row'] && onMousedown}\r\n                        onKeydown={props['onKeydown:row'] && onKeydown}\r\n                      ></YDataTableRow>\r\n                    )}\r\n                  </>\r\n                );\r\n              })}\r\n        </>\r\n      );\r\n    });\r\n\r\n    // end\r\n    return {};\r\n  },\r\n});\r\n\r\nexport type YDataTableBody = InstanceType<typeof YDataTableBody>;\r\n"],"mappings":"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"}

package/lib/components/table/YDataTableCell.js

@@ -0,0 +1,78 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { computed } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { defineComponent } from "../../util/component/index.js";
+import { toStyleSizeValue } from "../../util/ui.js";
+export const YDataTableCell = defineComponent({
+  name: 'YDataTableCell',
+  functional: true,
+  props: {
+    type: {
+      type: String,
+      default: 'data'
+    },
+    fixed: {
+      type: String
+    },
+    fixedOffset: {
+      type: Number
+    },
+    rightOffset: {
+      type: Number
+    },
+    width: {
+      type: [Number, String]
+    },
+    maxWidth: {
+      type: [Number, String]
+    },
+    height: {
+      type: [Number, String]
+    },
+    align: {
+      type: String,
+      default: 'start'
+    }
+  },
+  emits: ['click'],
+  setup(props, _ref) {
+    let {
+      slots,
+      emit,
+      attrs
+    } = _ref;
+    const offsetStyle = computed(() => {
+      const ret = {};
+      if (props.fixed && props.fixedOffset !== undefined) {
+        if (props.fixed.startsWith('lead')) {
+          ret['left'] = toStyleSizeValue(props.fixedOffset);
+        } else if (props.fixed.startsWith('trail')) {
+          ret['right'] = toStyleSizeValue(props.rightOffset);
+        }
+      }
+      return ret;
+    });
+    useRender(() => {
+      const ElTag = props.type === 'head' ? 'th' : 'td';
+      return _createVNode(ElTag, _mergeProps({
+        "class": [`y-data-table__${ElTag}`, 'y-data-table-cell', {
+          'y-data-table-cell--fixed': props.fixed,
+          'y-data-table-cell--fixed-last': props.fixed?.endsWith('last'),
+          [`y-data-table-cell--fixed-${props.fixed?.replace('-last', '')}`]: props.fixed,
+          [`y-data-table-cell--align-${props.align}`]: props.align
+        }],
+        "style": {
+          width: toStyleSizeValue(props.width),
+          height: toStyleSizeValue(props.height),
+          maxWidth: toStyleSizeValue(props.maxWidth),
+          ...offsetStyle.value
+        }
+      }, attrs, {
+        "onClick": e => emit('click', e)
+      }), {
+        default: () => [slots.default?.()]
+      });
+    });
+  }
+});
+//# sourceMappingURL=YDataTableCell.js.map

package/lib/components/table/YDataTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableCell.js","names":["computed","useRender","defineComponent","toStyleSizeValue","YDataTableCell","name","functional","props","type","String","default","fixed","fixedOffset","Number","rightOffset","width","maxWidth","height","align","emits","setup","_ref","slots","emit","attrs","offsetStyle","ret","undefined","startsWith","ElTag","_createVNode","_mergeProps","endsWith","replace","value","e"],"sources":["../../../src/components/table/YDataTableCell.tsx"],"sourcesContent":["import { type CSSProperties, type PropType, computed } from 'vue';\r\n\r\nimport type { FixedPropType } from '@/components/table/types';\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nexport const YDataTableCell = defineComponent({\r\n  name: 'YDataTableCell',\r\n  functional: true,\r\n  props: {\r\n    type: {\r\n      type: String as PropType<'head' | 'data'>,\r\n      default: 'data',\r\n    },\r\n    fixed: {\r\n      type: String as PropType<FixedPropType>,\r\n    },\r\n    fixedOffset: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    rightOffset: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    width: {\r\n      type: [Number, String] as PropType<string | number>,\r\n    },\r\n    maxWidth: {\r\n      type: [Number, String] as PropType<string | number>,\r\n    },\r\n    height: {\r\n      type: [Number, String] as PropType<string | number>,\r\n    },\r\n    align: {\r\n      type: String as PropType<'start' | 'center' | 'end'>,\r\n      default: 'start',\r\n    },\r\n  },\r\n  emits: ['click'],\r\n  setup(props, { slots, emit, attrs }) {\r\n    const offsetStyle = computed(() => {\r\n      const ret: CSSProperties = {};\r\n      if (props.fixed && props.fixedOffset !== undefined) {\r\n        if (props.fixed.startsWith('lead')) {\r\n          ret['left'] = toStyleSizeValue(props.fixedOffset);\r\n        } else if (props.fixed.startsWith('trail')) {\r\n          ret['right'] = toStyleSizeValue(props.rightOffset);\r\n        }\r\n      }\r\n      return ret;\r\n    });\r\n\r\n    useRender(() => {\r\n      const ElTag = props.type === 'head' ? 'th' : 'td';\r\n      return (\r\n        <ElTag\r\n          class={[\r\n            `y-data-table__${ElTag}`,\r\n            'y-data-table-cell',\r\n            {\r\n              'y-data-table-cell--fixed': props.fixed,\r\n              'y-data-table-cell--fixed-last': props.fixed?.endsWith('last'),\r\n              [`y-data-table-cell--fixed-${props.fixed?.replace('-last', '')}`]:\r\n                props.fixed,\r\n              [`y-data-table-cell--align-${props.align}`]: props.align,\r\n            },\r\n          ]}\r\n          style={{\r\n            width: toStyleSizeValue(props.width),\r\n            height: toStyleSizeValue(props.height),\r\n            maxWidth: toStyleSizeValue(props.maxWidth),\r\n            ...offsetStyle.value,\r\n          }}\r\n          {...attrs}\r\n          onClick={(e) => emit('click', e)}\r\n        >\r\n          {slots.default?.()}\r\n        </ElTag>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableCell = InstanceType<typeof YDataTableCell>;\r\n"],"mappings":"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"}

package/lib/components/table/YDataTableControl.js

@@ -0,0 +1,46 @@
+import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { useRender } from "../../composables/component.js";
+import { propsFactory } from "../../util/index.js";
+import { defineComponent } from "../../util/component/index.js";
+import { YButton } from "../button/index.js";
+import { YFieldInput } from "../field-input/index.js";
+import { YIconExpand, YIconPageControl } from "../icons/index.js";
+import { YPagination } from "../pagination/index.js";
+import { pressDataTablePaginationProps } from "./composibles/pagination.js";
+import "./YDataTableControl.scss";
+export const pressYDataTableControlPropsOptions = propsFactory({
+  pageLength: Number,
+  setPageSize: Function,
+  setPage: Function,
+  ...pressDataTablePaginationProps()
+}, 'YDataTableControl');
+export const YDataTableControl = defineComponent({
+  name: 'YDataTableControl',
+  components: {
+    YButton,
+    YIconExpand,
+    YFieldInput,
+    YIconPageControl
+  },
+  props: pressYDataTableControlPropsOptions(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    useRender(() => {
+      return _createVNode("footer", {
+        "class": ['y-data-table-control']
+      }, [slots.prepend?.(props), slots.default ? slots.default() : _createVNode(_Fragment, null, [_createVNode("div", {
+        "class": "y-data-table-control__start"
+      }, null), _createVNode("div", {
+        "class": "y-data-table-control__end"
+      }, [_createVNode(YPagination, {
+        "model-value": props.page,
+        "onUpdate:modelValue": props.setPage,
+        "length": props.pageLength,
+        "totalVisible": 0
+      }, null)])]), slots.append?.(props)]);
+    });
+  }
+});
+//# sourceMappingURL=YDataTableControl.js.map

package/lib/components/table/YDataTableControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableControl.js","names":["useRender","propsFactory","defineComponent","YButton","YFieldInput","YIconExpand","YIconPageControl","YPagination","pressDataTablePaginationProps","pressYDataTableControlPropsOptions","pageLength","Number","setPageSize","Function","setPage","YDataTableControl","name","components","props","setup","_ref","slots","_createVNode","prepend","default","_Fragment","page","append"],"sources":["../../../src/components/table/YDataTableControl.tsx"],"sourcesContent":["import { type PropType } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { propsFactory } from '@/util';\nimport { defineComponent } from '@/util/component';\n\nimport { YButton } from '../button';\nimport { YFieldInput } from '../field-input';\nimport { YIconExpand, YIconPageControl } from '../icons';\nimport { YPagination } from '../pagination';\nimport { pressDataTablePaginationProps } from './composibles/pagination';\n\nimport './YDataTableControl.scss';\n\nexport const pressYDataTableControlPropsOptions = propsFactory(\n  {\n    pageLength: Number as PropType<number>,\n    setPageSize: Function as PropType<(pageSize: number) => void>,\n    setPage: Function as PropType<(page: number) => void>,\n    ...pressDataTablePaginationProps(),\n  },\n  'YDataTableControl',\n);\n\nexport const YDataTableControl = defineComponent({\n  name: 'YDataTableControl',\n  components: {\n    YButton,\n    YIconExpand,\n    YFieldInput,\n    YIconPageControl,\n  },\n  props: pressYDataTableControlPropsOptions(),\n  setup(props, { slots }) {\n    useRender(() => {\n      return (\n        <footer class={['y-data-table-control']}>\n          {slots.prepend?.(props)}\n          {slots.default ? (\n            slots.default()\n          ) : (\n            <>\n              <div class=\"y-data-table-control__start\"></div>\n              <div class=\"y-data-table-control__end\">\n                <YPagination\n                  model-value={props.page}\n                  onUpdate:modelValue={props.setPage}\n                  length={props.pageLength}\n                  totalVisible={0}\n                ></YPagination>\n              </div>\n            </>\n          )}\n          {slots.append?.(props)}\n        </footer>\n      );\n    });\n  },\n});\n\nexport type YDataTableControl = InstanceType<typeof YDataTableControl>;\n"],"mappings":";SAESA,SAAS;AAAA,SACTC,YAAY;AAAA,SACZC,eAAe;AAAA,SAEfC,OAAO;AAAA,SACPC,WAAW;AAAA,SACXC,WAAW,EAAEC,gBAAgB;AAAA,SAC7BC,WAAW;AAAA,SACXC,6BAA6B;AAEtC;AAEA,OAAO,MAAMC,kCAAkC,GAAGR,YAAY,CAC5D;EACES,UAAU,EAAEC,MAA0B;EACtCC,WAAW,EAAEC,QAAgD;EAC7DC,OAAO,EAAED,QAA4C;EACrD,GAAGL,6BAA6B,CAAC;AACnC,CAAC,EACD,mBACF,CAAC;AAED,OAAO,MAAMO,iBAAiB,GAAGb,eAAe,CAAC;EAC/Cc,IAAI,EAAE,mBAAmB;EACzBC,UAAU,EAAE;IACVd,OAAO;IACPE,WAAW;IACXD,WAAW;IACXE;EACF,CAAC;EACDY,KAAK,EAAET,kCAAkC,CAAC,CAAC;EAC3CU,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpBpB,SAAS,CAAC,MAAM;MACd,OAAAsB,YAAA;QAAA,SACiB,CAAC,sBAAsB;MAAC,IACpCD,KAAK,CAACE,OAAO,GAAGL,KAAK,CAAC,EACtBG,KAAK,CAACG,OAAO,GACZH,KAAK,CAACG,OAAO,CAAC,CAAC,GAAAF,YAAA,CAAAG,SAAA,SAAAH,YAAA;QAAA;MAAA,UAAAA,YAAA;QAAA;MAAA,IAAAA,YAAA,CAAAf,WAAA;QAAA,eAMIW,KAAK,CAACQ,IAAI;QAAA,uBACFR,KAAK,CAACJ,OAAO;QAAA,UAC1BI,KAAK,CAACR,UAAU;QAAA,gBACV;MAAC,YAItB,EACAW,KAAK,CAACM,MAAM,GAAGT,KAAK,CAAC;IAG5B,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}