yuyeon 0.3.1-rc.6 → 0.3.1

package/lib/components/table/YDataTableHead.js

@@ -0,0 +1,172 @@
+import { Fragment as _Fragment, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { useRender } from "../../composables/component.js";
+import { wrapInArray } from "../../util/index.js";
+import { defineComponent, propsFactory } from "../../util/component/index.js";
+import { toStyleSizeValue } from "../../util/ui.js";
+import { YButton } from "../button/YButton.js";
+import { YIconCheckbox } from "../icons/YIconCheckbox.js";
+import { YIconSort } from "../icons/YIconSort.js";
+import { YDataTableCell } from "./YDataTableCell.js";
+import { useHeader } from "./composibles/header.js";
+import { useSelection } from "./composibles/selection.js";
+import { useSorting } from "./composibles/sorting.js";
+export const pressYDataTableHeadProps = propsFactory({
+  multiSort: Boolean,
+  sortAscIcon: {
+    type: String,
+    default: '@sortAsc'
+  },
+  sortDescIcon: {
+    type: String,
+    default: '@sortDesc'
+  },
+  dualSortIcon: Boolean,
+  sticky: Boolean
+}, 'YDataTableHead');
+export const YDataTableHead = defineComponent({
+  name: 'YDataTableHead',
+  components: {
+    YDataTableCell
+  },
+  props: {
+    ...pressYDataTableHeadProps()
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const {
+      toggleSort,
+      sortBy,
+      isSorted
+    } = useSorting();
+    const {
+      someSelected,
+      allSelected,
+      selectAll,
+      showSelectAll,
+      selectables
+    } = useSelection();
+    const {
+      columns,
+      headers
+    } = useHeader();
+    const getFixedStyles = (column, y) => {
+      if (!props.sticky && !column.fixed) return undefined;
+      let fixedOffset = {};
+      if (column.fixed === true || column.fixed === 'left') {
+        fixedOffset.left = toStyleSizeValue(column.fixedOffset);
+      }
+      if (column.fixed === 'right') {
+        fixedOffset.right = toStyleSizeValue(column.rightOffset);
+      }
+      return {
+        position: 'sticky',
+        zIndex: column.fixed ? 4 : props.sticky ? 3 : undefined,
+        top: props.sticky ? `calc(var(--v-table-header-height) * ${y})` : undefined,
+        ...fixedOffset
+      };
+    };
+    function onClick(e) {
+      //
+    }
+    function getSortDirection(column) {
+      const found = sortBy.value.find(by => by.key === column.key);
+      if (!found) {
+        return undefined;
+      }
+      if (found.order === 'asc') {
+        return 'asc';
+      }
+      if (found.order === 'desc') {
+        return 'desc';
+      }
+    }
+    const YDataTableTh = _ref2 => {
+      let {
+        column,
+        x,
+        y
+      } = _ref2;
+      return _createVNode(YDataTableCell, _mergeProps({
+        "type": "head",
+        "align": column.align,
+        "fixed": column.fixed ? (column.fixed === 'right' ? 'trail' : 'lead') + (column.lastFixed ? '-last' : '') : undefined,
+        "class": ['y-data-table-header', {
+          'y-data-table-header--sortable': column.sortable,
+          'y-data-table-header--sorted': isSorted(column),
+          'y-data-table-header--select': column.key === 'data-table-select'
+        }, ...wrapInArray(column.headerClasses ?? [])],
+        "style": {
+          width: toStyleSizeValue(column.width),
+          minWidth: toStyleSizeValue(column.width),
+          maxWidth: toStyleSizeValue(column.maxWidth),
+          ...getFixedStyles(column, y)
+        }
+      }, {
+        rowspan: column.rowspan,
+        colspan: column.colspan
+      }, {
+        "onClick": onClick
+      }), {
+        default: () => {
+          const headerSlotName = `header.${column.key}`;
+          const headerSlotProps = {
+            column,
+            selectAll,
+            isSorted,
+            toggleSort,
+            sortBy: sortBy.value,
+            someSelected: someSelected.value,
+            allSelected: allSelected.value,
+            selectables: selectables.value,
+            getSortDirection
+          };
+          if (slots[headerSlotName]) {
+            return slots[headerSlotName]?.(headerSlotProps);
+          }
+          if (column.key === 'data-table-select') {
+            return slots['header.data-table-select']?.(headerSlotProps) ?? (showSelectAll && _createVNode(YButton, {
+              "variation": 'text,small',
+              "disabled": selectables.value.length < 1,
+              "onClick": e => {
+                e.stopPropagation();
+                selectAll(!allSelected.value);
+              }
+            }, {
+              default: () => [_createVNode(YIconCheckbox, {
+                "checked": allSelected.value,
+                "indeterminate": !allSelected.value && someSelected.value,
+                "disabled": selectables.value.length < 1
+              }, null)]
+            }));
+          }
+          return _createVNode("div", {
+            "class": "y-data-table-header__content"
+          }, [_createVNode("span", {
+            "class": "y-data-table-header__text"
+          }, [slots?.[`header-text.${column.key}`]?.(headerSlotProps) ?? column.text]), _createVNode("span", {
+            "class": ['y-data-table-header__sorting-icon', {
+              'y-data-table-header__sorting-icon--disabled': !column.sortable
+            }],
+            "onClick": column.sortable ? e => {
+              e.stopPropagation();
+              toggleSort(column);
+            } : undefined
+          }, [_createVNode(YIconSort, {
+            "disabled": !column.sortable,
+            "direction": getSortDirection(column)
+          }, null)])]);
+        }
+      });
+    };
+    useRender(() => {
+      return _createVNode(_Fragment, null, [slots.head ? slots.head?.(props) : headers.value.map((row, y) => _createVNode("tr", null, [row.map((column, x) => _createVNode(YDataTableTh, {
+        "column": column,
+        "x": x,
+        "y": y
+      }, null))]))]);
+    });
+  }
+});
+//# sourceMappingURL=YDataTableHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableHead.js","names":["useRender","wrapInArray","defineComponent","propsFactory","toStyleSizeValue","YButton","YIconCheckbox","YIconSort","YDataTableCell","useHeader","useSelection","useSorting","pressYDataTableHeadProps","multiSort","Boolean","sortAscIcon","type","String","default","sortDescIcon","dualSortIcon","sticky","YDataTableHead","name","components","props","setup","_ref","slots","toggleSort","sortBy","isSorted","someSelected","allSelected","selectAll","showSelectAll","selectables","columns","headers","getFixedStyles","column","y","fixed","undefined","fixedOffset","left","right","rightOffset","position","zIndex","top","onClick","e","getSortDirection","found","value","find","by","key","order","YDataTableTh","_ref2","x","_createVNode","_mergeProps","align","lastFixed","sortable","headerClasses","width","minWidth","maxWidth","rowspan","colspan","headerSlotName","headerSlotProps","length","stopPropagation","text","_Fragment","head","map","row"],"sources":["../../../src/components/table/YDataTableHead.tsx"],"sourcesContent":["import { type CSSProperties } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { wrapInArray } from '@/util';\r\nimport { defineComponent, propsFactory } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport { YButton } from '../button/YButton';\r\nimport { YIconCheckbox } from '../icons/YIconCheckbox';\r\nimport { YIconSort } from '../icons/YIconSort';\r\nimport { YDataTableCell } from './YDataTableCell';\r\nimport { useHeader } from './composibles/header';\r\nimport { useSelection } from './composibles/selection';\r\nimport { useSorting } from './composibles/sorting';\r\nimport { type FixedPropType, InternalDataTableHeader } from './types';\r\n\r\nexport const pressYDataTableHeadProps = propsFactory(\r\n  {\r\n    multiSort: Boolean,\r\n    sortAscIcon: {\r\n      type: String,\r\n      default: '@sortAsc',\r\n    },\r\n    sortDescIcon: {\r\n      type: String,\r\n      default: '@sortDesc',\r\n    },\r\n    dualSortIcon: Boolean,\r\n    sticky: Boolean,\r\n  },\r\n  'YDataTableHead',\r\n);\r\n\r\nexport const YDataTableHead = defineComponent({\r\n  name: 'YDataTableHead',\r\n  components: {\r\n    YDataTableCell,\r\n  },\r\n  props: {\r\n    ...pressYDataTableHeadProps(),\r\n  },\r\n  setup(props, { slots }) {\r\n    const { toggleSort, sortBy, isSorted } = useSorting();\r\n    const { someSelected, allSelected, selectAll, showSelectAll, selectables } =\r\n      useSelection();\r\n    const { columns, headers } = useHeader();\r\n\r\n    const getFixedStyles = (\r\n      column: InternalDataTableHeader,\r\n      y: number,\r\n    ): CSSProperties | undefined => {\r\n      if (!props.sticky && !column.fixed) return undefined;\r\n      let fixedOffset: any = {};\r\n      if (column.fixed === true || column.fixed === 'left') {\r\n        fixedOffset.left = toStyleSizeValue(column.fixedOffset);\r\n      }\r\n      if (column.fixed === 'right') {\r\n        fixedOffset.right = toStyleSizeValue(column.rightOffset);\r\n      }\r\n\r\n      return {\r\n        position: 'sticky',\r\n        zIndex: column.fixed ? 4 : props.sticky ? 3 : undefined,\r\n        top: props.sticky\r\n          ? `calc(var(--v-table-header-height) * ${y})`\r\n          : undefined,\r\n        ...fixedOffset,\r\n      };\r\n    };\r\n\r\n    function onClick(e: Event) {\r\n      //\r\n    }\r\n\r\n    function getSortDirection(column: InternalDataTableHeader) {\r\n      const found = sortBy.value.find((by) => by.key === column.key);\r\n      if (!found) {\r\n        return undefined;\r\n      }\r\n      if (found.order === 'asc') {\r\n        return 'asc';\r\n      }\r\n      if (found.order === 'desc') {\r\n        return 'desc';\r\n      }\r\n    }\r\n\r\n    const YDataTableTh = ({\r\n      column,\r\n      x,\r\n      y,\r\n    }: {\r\n      column: InternalDataTableHeader;\r\n      x: number;\r\n      y: number;\r\n    }) => {\r\n      return (\r\n        <YDataTableCell\r\n          type=\"head\"\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          class={[\r\n            'y-data-table-header',\r\n            {\r\n              'y-data-table-header--sortable': column.sortable,\r\n              'y-data-table-header--sorted': isSorted(column),\r\n              'y-data-table-header--select': column.key === 'data-table-select',\r\n            },\r\n            ...wrapInArray(column.headerClasses ?? []),\r\n          ]}\r\n          style={{\r\n            width: toStyleSizeValue(column.width),\r\n            minWidth: toStyleSizeValue(column.width),\r\n            maxWidth: toStyleSizeValue(column.maxWidth),\r\n            ...getFixedStyles(column, y),\r\n          }}\r\n          {...{ rowspan: column.rowspan, colspan: column.colspan }}\r\n          onClick={onClick}\r\n        >\r\n          {{\r\n            default: () => {\r\n              const headerSlotName = `header.${column.key}` as const;\r\n              const headerSlotProps = {\r\n                column,\r\n                selectAll,\r\n                isSorted,\r\n                toggleSort,\r\n                sortBy: sortBy.value,\r\n                someSelected: someSelected.value,\r\n                allSelected: allSelected.value,\r\n                selectables: selectables.value,\r\n                getSortDirection,\r\n              };\r\n\r\n              if (slots[headerSlotName]) {\r\n                return slots[headerSlotName]?.(headerSlotProps);\r\n              }\r\n\r\n              if (column.key === 'data-table-select') {\r\n                return (\r\n                  slots['header.data-table-select']?.(headerSlotProps) ??\r\n                  (showSelectAll && (\r\n                    <YButton\r\n                      variation={'text,small'}\r\n                      disabled={selectables.value.length < 1}\r\n                      onClick={(e: MouseEvent) => {\r\n                        e.stopPropagation();\r\n                        selectAll(!allSelected.value);\r\n                      }}\r\n                    >\r\n                      <YIconCheckbox\r\n                        checked={allSelected.value}\r\n                        indeterminate={!allSelected.value && someSelected.value}\r\n                        disabled={selectables.value.length < 1}\r\n                      ></YIconCheckbox>\r\n                    </YButton>\r\n                  ))\r\n                );\r\n              }\r\n\r\n              return (\r\n                <div class=\"y-data-table-header__content\">\r\n                  <span class=\"y-data-table-header__text\">\r\n                    {slots?.[`header-text.${column.key}`]?.(headerSlotProps) ??\r\n                      column.text}\r\n                  </span>\r\n                  <span\r\n                    class={[\r\n                      'y-data-table-header__sorting-icon',\r\n                      {\r\n                        'y-data-table-header__sorting-icon--disabled':\r\n                          !column.sortable,\r\n                      },\r\n                    ]}\r\n                    onClick={\r\n                      column.sortable\r\n                        ? (e) => {\r\n                            e.stopPropagation();\r\n                            toggleSort(column);\r\n                          }\r\n                        : undefined\r\n                    }\r\n                  >\r\n                    <YIconSort\r\n                      disabled={!column.sortable}\r\n                      direction={getSortDirection(column)}\r\n                    ></YIconSort>\r\n                  </span>\r\n                </div>\r\n              );\r\n            },\r\n          }}\r\n        </YDataTableCell>\r\n      );\r\n    };\r\n\r\n    useRender(() => {\r\n      return (\r\n        <>\r\n          {slots.head\r\n            ? slots.head?.(props)\r\n            : headers.value.map((row, y) => (\r\n                <tr>\r\n                  {row.map((column, x) => (\r\n                    <YDataTableTh column={column} x={x} y={y} />\r\n                  ))}\r\n                </tr>\r\n              ))}\r\n        </>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YDataTableHead = InstanceType<typeof YDataTableHead>;\r\n"],"mappings":"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"}

package/lib/components/table/YDataTableLayer.js

@@ -0,0 +1,29 @@
+import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { inject } from 'vue';
+import { useRender } from "../../composables/component.js";
+import { defineComponent } from "../../util/component/index.js";
+export const YDataTableLayer = defineComponent({
+  name: 'YDataTableLayer',
+  props: {
+    slotProps: Object
+  },
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const YTableWire = inject('YTable');
+    useRender(() => {
+      return _createVNode("div", {
+        "class": ['y-data-table-layer']
+      }, [slots.layer ? slots.layer?.(props.slotProps) : _createVNode(_Fragment, null, [_createVNode("div", {
+        "class": ['y-data-table-layer__head']
+      }, [slots['layer-head']?.(props.slotProps)]), _createVNode("div", {
+        "class": ['y-data-table-layer__body']
+      }, [slots['layer-body']?.(props.slotProps)])])]);
+    });
+    return {
+      YTableWire
+    };
+  }
+});
+//# sourceMappingURL=YDataTableLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableLayer.js","names":["inject","useRender","defineComponent","YDataTableLayer","name","props","slotProps","Object","setup","_ref","slots","YTableWire","_createVNode","layer","_Fragment"],"sources":["../../../src/components/table/YDataTableLayer.tsx"],"sourcesContent":["import { type PropType, type Ref, inject } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const YDataTableLayer = defineComponent({\r\n  name: 'YDataTableLayer',\r\n  props: {\r\n    slotProps: Object as PropType<any>,\r\n  },\r\n  setup(props, { slots }) {\r\n    const YTableWire = inject<{ containerRect: Ref<DOMRect> }>('YTable');\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={['y-data-table-layer']}>\r\n          {slots.layer ? (\r\n            slots.layer?.(props.slotProps)\r\n          ) : (\r\n            <>\r\n              <div class={['y-data-table-layer__head']}>\r\n                {slots['layer-head']?.(props.slotProps)}\r\n              </div>\r\n              <div class={['y-data-table-layer__body']}>\r\n                {slots['layer-body']?.(props.slotProps)}\r\n              </div>\r\n            </>\r\n          )}\r\n        </div>\r\n      );\r\n    });\r\n\r\n    return {\r\n      YTableWire,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YDataTableLayer = InstanceType<typeof YDataTableLayer>;\r\n"],"mappings":";AAAA,SAAkCA,MAAM,QAAQ,KAAK;AAAC,SAE7CC,SAAS;AAAA,SACTC,eAAe;AAExB,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;EAC7CE,IAAI,EAAE,iBAAiB;EACvBC,KAAK,EAAE;IACLC,SAAS,EAAEC;EACb,CAAC;EACDC,KAAKA,CAACH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAME,UAAU,GAAGX,MAAM,CAAkC,QAAQ,CAAC;IAEpEC,SAAS,CAAC,MAAM;MACd,OAAAW,YAAA;QAAA,SACc,CAAC,oBAAoB;MAAC,IAC/BF,KAAK,CAACG,KAAK,GACVH,KAAK,CAACG,KAAK,GAAGR,KAAK,CAACC,SAAS,CAAC,GAAAM,YAAA,CAAAE,SAAA,SAAAF,YAAA;QAAA,SAGhB,CAAC,0BAA0B;MAAC,IACrCF,KAAK,CAAC,YAAY,CAAC,GAAGL,KAAK,CAACC,SAAS,CAAC,IAAAM,YAAA;QAAA,SAE7B,CAAC,0BAA0B;MAAC,IACrCF,KAAK,CAAC,YAAY,CAAC,GAAGL,KAAK,CAACC,SAAS,CAAC,IAG5C;IAGP,CAAC,CAAC;IAEF,OAAO;MACLK;IACF,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/table/YDataTableRow.js

@@ -0,0 +1,150 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { computed, getCurrentInstance } from 'vue';
+import { YButton } from "./../index.js";
+import { useRender } from "../../composables/component.js";
+import { getPropertyFromItem } from "../../util/common.js";
+import { defineComponent } from "../../util/component/index.js";
+import { propsFactory } from "../../util/component/index.js";
+import { YIconCheckbox } from "../icons/index.js";
+import { YDataTableCell } from "./YDataTableCell.js";
+import { useHeader } from "./composibles/header.js";
+import { useSelection } from "./composibles/selection.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableRow.js","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.js

@@ -0,0 +1,173 @@
+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.js";
+import { useResizeObserver } from "../../composables/resize-observer.js";
+import { chooseProps, defineComponent, propsFactory } from "../../util/component/index.js";
+import { debounce } from "../../util/debounce.js";
+import { toStyleSizeValue } from "../../util/ui.js";
+import { pressDataTableProps } from "./YDataTable.js";
+import { YDataTableBody } from "./YDataTableBody.js";
+import { YDataTableControl } from "./YDataTableControl.js";
+import { YDataTableHead } from "./YDataTableHead.js";
+import { YDataTableLayer } from "./YDataTableLayer.js";
+import { YTable } from "./YTable.js";
+import { createHeader } from "./composibles/header.js";
+import { useItems } from "./composibles/items.js";
+import { useOptions } from "./composibles/options.js";
+import { createPagination, pressDataTablePaginationProps, providePagination } from "./composibles/pagination.js";
+import { provideSelection } from "./composibles/selection.js";
+import { createSorting, provideSorting } from "./composibles/sorting.js";
+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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YDataTableServer.js","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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"}