pro-design-vue 0.0.1-beta.1

package/es/components/table/src/components/context/TableContext.d.ts

@@ -0,0 +1,81 @@
+import type { ComputedRef, InjectionKey, Ref, ShallowRef } from 'vue';
+import type { CalType } from '../../hooks/useCal';
+import type { UseCellPropsRes } from '../../hooks/useCellProps';
+import type { UseColumnsType } from '../../hooks/useColumns';
+import type { FilterState } from '../../hooks/useFilter';
+import type { FlattenRecordsType } from '../../hooks/useFlattenRecords';
+import type { FlattenAllRecordsType } from '../../hooks/useKVMap';
+import type { SelectionsRes } from '../../hooks/useRowSelection';
+import type { SortState } from '../../hooks/useSorter';
+import type { ColumnsType, DragColumnEventInfo, DragRowEventInfo, ExpandType, GetPopupContainer, GetRowKey, Key, Position, SummaryFixed, ProTableProps, TableLocale, TableRowSelection, TriggerEventHandler } from '../interface';
+type PaginationPos = {
+    bottom?: 'left' | 'right';
+    top?: 'left' | 'right';
+};
+export interface TableContextProps extends CalType, UseColumnsType, FlattenRecordsType, FlattenAllRecordsType, UseCellPropsRes {
+    rawColumns: Ref<ColumnsType>;
+    bodyHeight: Ref<number>;
+    scrollTop: Ref<number>;
+    scrollLeft: Ref<number>;
+    rowPosition: Ref<number[]>;
+    dataRowPosition: Ref<number[]>;
+    startIndex: Ref<number>;
+    data: Ref<any[]>;
+    rawData: ShallowRef<any[]>;
+    pageData: Ref<any[]>;
+    props: ProTableProps;
+    bodyWidth: Ref<number>;
+    bodyScrollWidth: Ref<number>;
+    scrollBarSize: Ref<number>;
+    scrollTo: (pos: number | Position, behavior?: 'auto' | 'smooth', skipAnimate?: boolean) => void;
+    leftWidth: Ref<number>;
+    centerWidth: Ref<number>;
+    rightWidth: Ref<number>;
+    showVerticalScrollbar: ComputedRef<boolean>;
+    showHorizontalScrollbar: Ref<boolean>;
+    getRowKey: ComputedRef<GetRowKey<any>>;
+    selection: SelectionsRes;
+    locale: ComputedRef<TableLocale>;
+    sorterStates: Ref<SortState<any>[]>;
+    changeSorter: (sortState: SortState<any>) => void;
+    changeFilter: (filterState: FilterState<any>) => void;
+    filterStates: Ref<FilterState<any>[]>;
+    updateSelectedRowKeys: (keys: Key[]) => void;
+    baseHeight: Ref<number>;
+    expandedRowKeys: Ref<Set<Key>>;
+    indentSize: Ref<number>;
+    onTriggerExpand: TriggerEventHandler<any>;
+    childrenColumnName: Ref<string>;
+    expandType: Ref<ExpandType>;
+    supportSticky: boolean;
+    mergedRowSelection: Ref<TableRowSelection>;
+    getPopupContainer: Ref<GetPopupContainer>;
+    virtual: Ref<boolean>;
+    xVirtual: Ref<boolean>;
+    onResizeColumn: ProTableProps['onResizeColumn'];
+    onRowDragEnd: (opt: DragRowEventInfo) => void;
+    status: Ref<{
+        code: number;
+    }>;
+    watermarkMsg: Ref<string>;
+    useAnimate: Ref<boolean>;
+    animateRows: ComputedRef<boolean>;
+    dragRowsHandle: Map<Key, Set<HTMLSpanElement>>;
+    draggingRowKey: Ref<Key | null>;
+    insertToRowKey: Ref<Key | null>;
+    dragColumnsHandle: Map<Key, Set<HTMLDivElement>>;
+    draggingColumnKey: Ref<Key>;
+    onColumnDragEnd: (arg: DragColumnEventInfo) => void;
+    onColumnDrag: (arg: DragColumnEventInfo) => void;
+    prefixCls: ComputedRef<string>;
+    columnDrag: ComputedRef<boolean>;
+    summaryFixed: ComputedRef<SummaryFixed>;
+    realHeaderHeight: Ref<number>;
+    bottomPaginationHeight: Ref<number>;
+    pos: ComputedRef<PaginationPos>;
+    rootRef: Ref<HTMLDivElement | undefined>;
+}
+export declare const TableContextKey: InjectionKey<TableContextProps>;
+export declare const useProvideTable: (props: TableContextProps) => void;
+export declare const useInjectTable: () => TableContextProps;
+export {};

package/es/components/table/src/components/context/TableContext.mjs

@@ -0,0 +1,12 @@
+import { inject, provide } from 'vue';
+
+const TableContextKey = Symbol("TableContextProps");
+const useProvideTable = (props) => {
+  provide(TableContextKey, props);
+};
+const useInjectTable = () => {
+  return inject(TableContextKey, {});
+};
+
+export { TableContextKey, useInjectTable, useProvideTable };
+//# sourceMappingURL=TableContext.mjs.map

package/es/components/table/src/components/context/TableContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.mjs","sources":["../../../../../../../../packages/components/table/src/components/context/TableContext.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2023-11-05 12:12:38\n * @LastEditors: shen\n * @LastEditTime: 2024-01-11 18:05:16\n * @Description:\n */\nimport { inject, provide } from 'vue'\n\nimport type { ComputedRef, InjectionKey, Ref, ShallowRef } from 'vue'\nimport type { CalType } from '../../hooks/useCal'\nimport type { UseCellPropsRes } from '../../hooks/useCellProps'\nimport type { UseColumnsType } from '../../hooks/useColumns'\nimport type { FilterState } from '../../hooks/useFilter'\nimport type { FlattenRecordsType } from '../../hooks/useFlattenRecords'\nimport type { FlattenAllRecordsType } from '../../hooks/useKVMap'\nimport type { SelectionsRes } from '../../hooks/useRowSelection'\nimport type { SortState } from '../../hooks/useSorter'\nimport type {\n  ColumnsType,\n  DragColumnEventInfo,\n  DragRowEventInfo,\n  ExpandType,\n  GetPopupContainer,\n  GetRowKey,\n  Key,\n  Position,\n  SummaryFixed,\n  ProTableProps,\n  TableLocale,\n  TableRowSelection,\n  TriggerEventHandler,\n} from '../interface'\n\ntype PaginationPos = {\n  bottom?: 'left' | 'right'\n  top?: 'left' | 'right'\n}\n\nexport interface TableContextProps\n  extends CalType,\n    UseColumnsType,\n    FlattenRecordsType,\n    FlattenAllRecordsType,\n    UseCellPropsRes {\n  rawColumns: Ref<ColumnsType>\n  bodyHeight: Ref<number>\n  scrollTop: Ref<number>\n  scrollLeft: Ref<number>\n  rowPosition: Ref<number[]>\n  dataRowPosition: Ref<number[]>\n  startIndex: Ref<number>\n  data: Ref<any[]>\n  rawData: ShallowRef<any[]>\n  pageData: Ref<any[]>\n  props: ProTableProps\n  bodyWidth: Ref<number>\n  bodyScrollWidth: Ref<number>\n  scrollBarSize: Ref<number>\n  scrollTo: (pos: number | Position, behavior?: 'auto' | 'smooth', skipAnimate?: boolean) => void\n  leftWidth: Ref<number>\n  centerWidth: Ref<number>\n  rightWidth: Ref<number>\n  showVerticalScrollbar: ComputedRef<boolean>\n  showHorizontalScrollbar: Ref<boolean>\n  getRowKey: ComputedRef<GetRowKey<any>>\n  selection: SelectionsRes\n  locale: ComputedRef<TableLocale>\n  sorterStates: Ref<SortState<any>[]>\n  changeSorter: (sortState: SortState<any>) => void\n  changeFilter: (filterState: FilterState<any>) => void\n  filterStates: Ref<FilterState<any>[]>\n  updateSelectedRowKeys: (keys: Key[]) => void\n  baseHeight: Ref<number>\n  expandedRowKeys: Ref<Set<Key>>\n  indentSize: Ref<number>\n  onTriggerExpand: TriggerEventHandler<any>\n  childrenColumnName: Ref<string>\n  expandType: Ref<ExpandType>\n  supportSticky: boolean\n  mergedRowSelection: Ref<TableRowSelection>\n  getPopupContainer: Ref<GetPopupContainer>\n  virtual: Ref<boolean>\n  xVirtual: Ref<boolean>\n  onResizeColumn: ProTableProps['onResizeColumn']\n  onRowDragEnd: (opt: DragRowEventInfo) => void\n  status: Ref<{\n    code: number\n  }>\n  watermarkMsg: Ref<string>\n  useAnimate: Ref<boolean>\n  animateRows: ComputedRef<boolean>\n  dragRowsHandle: Map<Key, Set<HTMLSpanElement>>\n  draggingRowKey: Ref<Key | null>\n  insertToRowKey: Ref<Key | null>\n  dragColumnsHandle: Map<Key, Set<HTMLDivElement>>\n  draggingColumnKey: Ref<Key>\n  onColumnDragEnd: (arg: DragColumnEventInfo) => void\n  onColumnDrag: (arg: DragColumnEventInfo) => void\n  prefixCls: ComputedRef<string>\n  columnDrag: ComputedRef<boolean>\n  summaryFixed: ComputedRef<SummaryFixed>\n  realHeaderHeight: Ref<number>\n  bottomPaginationHeight: Ref<number>\n  pos: ComputedRef<PaginationPos>\n  rootRef: Ref<HTMLDivElement | undefined>\n}\n\nexport const TableContextKey: InjectionKey<TableContextProps> = Symbol('TableContextProps')\n\nexport const useProvideTable = (props: TableContextProps) => {\n  provide(TableContextKey, props)\n}\n\nexport const useInjectTable = () => {\n  return inject(TableContextKey, {} as TableContextProps)\n}\n"],"names":[],"mappings":";;AA4GO,MAAM,eAAA,GAAmD,OAAO,mBAAmB;AAEnF,MAAM,eAAA,GAAkB,CAAC,KAAA,KAA6B;AAC3D,EAAA,OAAA,CAAQ,iBAAiB,KAAK,CAAA;AAChC;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAA,OAAO,MAAA,CAAO,eAAA,EAAiB,EAAuB,CAAA;AACxD;;;;"}

package/es/components/table/src/components/context/TableSlotsContext.d.ts

@@ -0,0 +1,42 @@
+import type { InjectionKey, PropType } from 'vue';
+import type { CellEditorArgs, CellRenderArgs, ColumnDragGhostArg, ColumnType, ContextmenuPopupArg, DefaultRecordType, ExpandedRowRender, MenuPopupArg, RowDragGhostArg } from '../interface';
+export type ContextSlots = {
+    emptyText?: () => any;
+    expandIcon?: (...args: any[]) => any;
+    title?: () => any;
+    footer?: () => any;
+    summary?: (...args: any[]) => any;
+    bodyCell?: (args: CellRenderArgs) => any;
+    headerCell?: (opt: {
+        title: any;
+        column: ColumnType;
+    }) => any;
+    headerCellPopover?: (opt: {
+        title: any;
+        column: ColumnType;
+    }) => any;
+    customFilterIcon?: (...args: any[]) => any;
+    customFilterDropdown?: (...args: any[]) => any;
+    tooltipTitle?: (args: CellRenderArgs) => any;
+    rowDragGhost?: (arg: RowDragGhostArg<DefaultRecordType, ColumnType>) => any;
+    columnDragGhost?: (arg: ColumnDragGhostArg<ColumnType>) => any;
+    contextmenuPopup?: (arg: ContextmenuPopupArg<DefaultRecordType, ColumnType>) => any;
+    menuPopup?: (arg: MenuPopupArg<ColumnType>) => any;
+    menuIcon?: (arg: {
+        column: ColumnType;
+        filtered: boolean;
+    }) => any;
+    cellEditor?: (arg: CellEditorArgs) => any;
+    expandedRowRender?: ExpandedRowRender<DefaultRecordType>;
+    [key: string]: ((...args: any[]) => any) | undefined;
+};
+export declare const ContextKey: InjectionKey<ContextSlots>;
+export declare const useInjectSlots: () => ContextSlots;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: PropType<ContextSlots>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: PropType<ContextSlots>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/table/src/components/context/TableSlotsContext.mjs

@@ -0,0 +1,33 @@
+import { defineComponent, reactive, watch, provide, inject } from 'vue';
+import { objectToEmpty } from '../../utils/util.mjs';
+
+const ContextKey = Symbol("TableSlotsContext");
+const useInjectSlots = () => {
+  return inject(ContextKey, {});
+};
+var TableSlotsContextProvider = defineComponent({
+  name: "TableSlotsContextProvider",
+  inheritAttrs: false,
+  props: {
+    value: Object
+  },
+  setup(props, { slots }) {
+    const currentValue = reactive({});
+    watch(
+      () => props.value,
+      () => {
+        objectToEmpty(currentValue);
+        Object.assign(currentValue, props.value);
+      },
+      { immediate: true }
+    );
+    provide(ContextKey, currentValue);
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  }
+});
+
+export { ContextKey, TableSlotsContextProvider as default, useInjectSlots };
+//# sourceMappingURL=TableSlotsContext.mjs.map

package/es/components/table/src/components/context/TableSlotsContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSlotsContext.mjs","sources":["../../../../../../../../packages/components/table/src/components/context/TableSlotsContext.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2022-04-08 16:18:07\n * @LastEditors: shen\n * @LastEditTime: 2024-03-13 11:18:22\n * @Description:\n */\n\nimport { provide, reactive, watch, defineComponent, inject } from 'vue'\nimport { objectToEmpty } from '../../utils/util'\n\nimport type { InjectionKey, PropType } from 'vue'\nimport type {\n  CellEditorArgs,\n  CellRenderArgs,\n  ColumnDragGhostArg,\n  ColumnType,\n  ContextmenuPopupArg,\n  DefaultRecordType,\n  ExpandedRowRender,\n  MenuPopupArg,\n  RowDragGhostArg,\n} from '../interface'\n\nexport type ContextSlots = {\n  emptyText?: () => any\n  expandIcon?: (...args: any[]) => any\n  title?: () => any\n  footer?: () => any\n  summary?: (...args: any[]) => any\n  bodyCell?: (args: CellRenderArgs) => any\n  headerCell?: (opt: { title: any; column: ColumnType }) => any\n  headerCellPopover?: (opt: { title: any; column: ColumnType }) => any\n  customFilterIcon?: (...args: any[]) => any\n  customFilterDropdown?: (...args: any[]) => any\n  tooltipTitle?: (args: CellRenderArgs) => any\n  rowDragGhost?: (arg: RowDragGhostArg<DefaultRecordType, ColumnType>) => any\n  columnDragGhost?: (arg: ColumnDragGhostArg<ColumnType>) => any\n  contextmenuPopup?: (arg: ContextmenuPopupArg<DefaultRecordType, ColumnType>) => any\n  menuPopup?: (arg: MenuPopupArg<ColumnType>) => any\n  menuIcon?: (arg: { column: ColumnType; filtered: boolean }) => any\n  cellEditor?: (arg: CellEditorArgs) => any\n  expandedRowRender?: ExpandedRowRender<DefaultRecordType>\n  [key: string]: ((...args: any[]) => any) | undefined\n}\n\nexport const ContextKey: InjectionKey<ContextSlots> = Symbol('TableSlotsContext')\n\nexport const useInjectSlots = () => {\n  return inject(ContextKey, {} as ContextSlots)\n}\n\nexport default defineComponent({\n  name: 'TableSlotsContextProvider',\n  inheritAttrs: false,\n  props: {\n    value: Object as PropType<ContextSlots>,\n  },\n  setup(props, { slots }) {\n    const currentValue = reactive<ContextSlots>({})\n\n    watch(\n      () => props.value,\n      () => {\n        objectToEmpty(currentValue)\n        Object.assign(currentValue, props.value)\n      },\n      { immediate: true },\n    )\n\n    provide(ContextKey, currentValue)\n\n    return () => slots.default?.()\n  },\n})\n"],"names":[],"mappings":";;;AA8CO,MAAM,UAAA,GAAyC,OAAO,mBAAmB;AAEzE,MAAM,iBAAiB,MAAM;AAClC,EAAA,OAAO,MAAA,CAAO,UAAA,EAAY,EAAkB,CAAA;AAC9C;AAEA,gCAAe,eAAA,CAAgB;AAAA,EAC7B,IAAA,EAAM,2BAAA;AAAA,EACN,YAAA,EAAc,KAAA;AAAA,EACd,KAAA,EAAO;AAAA,IACL,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,CAAM,KAAA,EAAO,EAAE,KAAA,EAAM,EAAG;AACtB,IAAA,MAAM,YAAA,GAAe,QAAA,CAAuB,EAAE,CAAA;AAE9C,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,KAAA;AAAA,MACZ,MAAM;AACJ,QAAA,aAAA,CAAc,YAAY,CAAA;AAC1B,QAAA,MAAA,CAAO,MAAA,CAAO,YAAA,EAAc,KAAA,CAAM,KAAK,CAAA;AAAA,MACzC,CAAA;AAAA,MACA,EAAE,WAAW,IAAA;AAAK,KACpB;AAEA,IAAA,OAAA,CAAQ,YAAY,YAAY,CAAA;AAEhC,IAAA,OAAO,MAAG;AAxEd,MAAA,IAAA,EAAA;AAwEiB,MAAA,OAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA;AAAA,EACf;AACF,CAAC,CAAA;;;;"}