@gct-paas/v-ben 0.1.4-dev.10 → 0.1.4-dev.11

package/es/components/v-ben-table/src/props.mjs

@@ -0,0 +1,136 @@
+const basicProps = {
+  clickToRowSelect: { type: Boolean, default: true },
+  isTreeTable: Boolean,
+  tableSetting: {
+    type: Object,
+    default: {}
+  },
+  inset: Boolean,
+  showTableSetting: Boolean,
+  autoCreateKey: { type: Boolean, default: true },
+  striped: { type: Boolean, default: true },
+  showSummary: Boolean,
+  summaryFunc: {
+    type: [Function, Array],
+    default: null
+  },
+  summaryData: {
+    type: Array,
+    default: null
+  },
+  indentSize: {
+    type: Number,
+    default: 24
+  },
+  canColDrag: { type: Boolean, default: true },
+  api: {
+    type: Function,
+    default: null
+  },
+  beforeFetch: {
+    type: Function,
+    default: null
+  },
+  afterFetch: {
+    type: Function,
+    default: null
+  },
+  handleSearchInfoFn: {
+    type: Function,
+    default: null
+  },
+  // 立即请求接口
+  immediate: { type: Boolean, default: true },
+  emptyDataIsShowTable: { type: Boolean, default: true },
+  // 额外的请求参数
+  searchInfo: {
+    type: Object,
+    default: null
+  },
+  // 默认的排序参数
+  defSort: {
+    type: Object,
+    default: null
+  },
+  // 使用搜索表单
+  useSearchForm: Boolean,
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  showIndexColumn: { type: Boolean, default: true },
+  indexColumnProps: {
+    type: Object,
+    default: null
+  },
+  actionColumn: {
+    type: Object,
+    default: null
+  },
+  ellipsis: { type: Boolean, default: true },
+  isCanResizeParent: { type: Boolean, default: false },
+  canResize: { type: Boolean, default: true },
+  clearSelectOnPageChange: Boolean,
+  resizeHeightOffset: {
+    type: Number,
+    default: 0
+  },
+  rowSelection: {
+    type: Object,
+    default: null
+  },
+  title: {
+    type: [String, Function],
+    default: null
+  },
+  titleHelpMessage: {
+    type: [String, Array]
+  },
+  maxHeight: Number,
+  dataSource: {
+    type: Array,
+    default: null
+  },
+  rowKey: {
+    type: [String, Function],
+    default: ""
+  },
+  bordered: Boolean,
+  pagination: {
+    type: [Object, Boolean],
+    default: null
+  },
+  loading: Boolean,
+  rowClassName: {
+    type: Function
+  },
+  scroll: {
+    type: Object,
+    default: null
+  },
+  beforeEditSubmit: {
+    type: Function
+  },
+  /**
+   * 行拖拽
+   */
+  rowDraggable: { type: Boolean, default: false },
+  /**
+   * 仅支持同层级拖拽
+   */
+  supportSameLevel: { type: Boolean, default: false },
+  /**
+   * 拖拽完成自动请求的api
+   */
+  rowDragApi: { type: Function, default: null },
+  /**
+   * tree表格展开行
+   */
+  expandedRowKeys: { type: Array, default: () => [] },
+  /**
+   * 空数据时全屏显示
+   */
+  emptyFull: { type: Boolean, default: false }
+};
+
+export { basicProps };

package/es/components/v-ben-table/src/types/column.d.ts

@@ -0,0 +1,164 @@
+import { VNodeChild } from 'vue';
+export interface ColumnFilterItem {
+    text?: string;
+    value?: string;
+    children?: IObject[];
+}
+export declare type SortOrder = 'ascend' | 'descend';
+export interface RecordProps<T> {
+    text: string;
+    record: T;
+    index: number;
+}
+export interface FilterDropdownProps {
+    prefixCls?: string;
+    setSelectedKeys?: (selectedKeys: string[]) => void;
+    selectedKeys?: string[];
+    confirm?: () => void;
+    clearFilters?: () => void;
+    filters?: ColumnFilterItem[];
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    visible?: boolean;
+}
+export declare type CustomRenderFunction<T> = (record: RecordProps<T>) => VNodeChild | JSX.Element;
+export interface ColumnProps<T> {
+    /**
+     * specify how content is aligned
+     * @default 'left'
+     * @type string
+     */
+    align?: 'left' | 'right' | 'center';
+    /**
+     * ellipsize cell content, not working with sorter and filters for now.
+     * tableLayout would be fixed when ellipsis is true.
+     * @default false
+     * @type boolean
+     */
+    ellipsis?: boolean;
+    /**
+     * Span of this column's title
+     * @type number
+     */
+    colSpan?: number;
+    /**
+     * Display field of the data record, could be set like a.b.c
+     * @type string
+     */
+    dataIndex?: string;
+    /**
+     * Default filtered values
+     * @type string[]
+     */
+    defaultFilteredValue?: string[];
+    /**
+     * Default order of sorted values: 'ascend' 'descend' null
+     * @type string
+     */
+    defaultSortOrder?: SortOrder;
+    /**
+     * Customized filter overlay
+     * @type any (slot)
+     */
+    filterDropdown?: VNodeChild | JSX.Element | ((props: FilterDropdownProps) => VNodeChild | JSX.Element);
+    /**
+     * Whether filterDropdown is visible
+     * @type boolean
+     */
+    filterDropdownVisible?: boolean;
+    /**
+     * Whether the dataSource is filtered
+     * @default false
+     * @type boolean
+     */
+    filtered?: boolean;
+    /**
+     * Controlled filtered value, filter icon will highlight
+     * @type string[]
+     */
+    filteredValue?: string[];
+    /**
+     * Customized filter icon
+     * @default false
+     * @type any
+     */
+    filterIcon?: boolean | VNodeChild | JSX.Element;
+    /**
+     * Whether multiple filters can be selected
+     * @default true
+     * @type boolean
+     */
+    filterMultiple?: boolean;
+    /**
+     * Filter menu config
+     * @type object[]
+     */
+    filters?: ColumnFilterItem[];
+    /**
+     * Set column to be fixed: true(same as left) 'left' 'right'
+     * @default false
+     * @type boolean | string
+     */
+    fixed?: boolean | 'left' | 'right';
+    /**
+     * Unique key of this column, you can ignore this prop if you've set a unique dataIndex
+     * @type string
+     */
+    key?: string;
+    /**
+     * Renderer of the table cell. The return value should be a VNode, or an object for colSpan/rowSpan config
+     * @type Function | ScopedSlot
+     */
+    customRender?: CustomRenderFunction<T> | VNodeChild | JSX.Element;
+    /**
+     * Sort function for local sort, see Array.sort's compareFunction. If you need sort buttons only, set to true
+     * @type boolean | Function
+     */
+    sorter?: boolean | Fn;
+    /**
+     * Order of sorted values: 'ascend' 'descend' false
+     * @type boolean | string
+     */
+    sortOrder?: boolean | SortOrder;
+    /**
+     * supported sort way, could be 'ascend', 'descend'
+     * @default ['ascend', 'descend']
+     * @type string[]
+     */
+    sortDirections?: SortOrder[];
+    /**
+     * Title of this column
+     * @type any (string | slot)
+     */
+    title?: VNodeChild | JSX.Element;
+    /**
+     * Width of this column
+     * @type string | number
+     */
+    width?: string | number;
+    /**
+     * Set props on per cell
+     * @type Function
+     */
+    customCell?: (record: T, rowIndex: number) => object;
+    /**
+     * Set props on per header cell
+     * @type object
+     */
+    customHeaderCell?: (column: ColumnProps<T>) => object;
+    /**
+     * Callback executed when the confirm filter button is clicked, Use as a filter event when using template or jsx
+     * @type Function
+     */
+    onFilter?: (value: unknown, record: T) => boolean;
+    /**
+     * Callback executed when filterDropdownVisible is changed, Use as a filterDropdownVisible event when using template or jsx
+     * @type Function
+     */
+    onFilterDropdownVisibleChange?: (visible: boolean) => void;
+    /**
+     * When using columns, you can setting this property to configure the properties that support the slot,
+     * such as slots: { filterIcon: 'XXX'}
+     * @type object
+     */
+    slots?: IObject;
+}

package/es/components/v-ben-table/src/types/componentType.d.ts

@@ -0,0 +1 @@
+export type ComponentType = 'Input' | 'InputNumber' | 'Select' | 'ApiSelect' | 'AutoComplete' | 'ApiTreeSelect' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker' | 'RadioGroup' | 'RadioButtonGroup' | 'ApiRadioGroup';

package/es/components/v-ben-table/src/types/pagination.d.ts

@@ -0,0 +1,93 @@
+import { default as Pagination } from 'ant-design-vue/lib/pagination';
+import { VNodeChild, VNode } from 'vue';
+export interface PaginationRenderProps {
+    page: number;
+    type: 'page' | 'prev' | 'next';
+    originalElement: VNode;
+}
+type PaginationPositon = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+export declare class PaginationConfig extends Pagination {
+    position?: PaginationPositon[];
+}
+export interface PaginationProps {
+    /**
+     * total number of data items
+     * @default 0
+     * @type number
+     */
+    total?: number;
+    /**
+     * default initial page number
+     * @default 1
+     * @type number
+     */
+    defaultCurrent?: number;
+    /**
+     * current page number
+     * @type number
+     */
+    current?: number;
+    /**
+     * default number of data items per page
+     * @default 10
+     * @type number
+     */
+    defaultPageSize?: number;
+    /**
+     * number of data items per page
+     * @type number
+     */
+    pageSize?: number;
+    /**
+     * Whether to hide pager on single page
+     * @default false
+     * @type boolean
+     */
+    hideOnSinglePage?: boolean;
+    /**
+     * determine whether pageSize can be changed
+     * @default false
+     * @type boolean
+     */
+    showSizeChanger?: boolean;
+    /**
+     * specify the sizeChanger options
+     * @default ['10', '20', '30', '40']
+     * @type string[]
+     */
+    pageSizeOptions?: string[];
+    /**
+     * determine whether you can jump to pages directly
+     * @default false
+     * @type boolean
+     */
+    showQuickJumper?: boolean | object;
+    /**
+     * to display the total number and range
+     * @type Function
+     */
+    showTotal?: (total: number, range: [number, number]) => IObject;
+    /**
+     * specify the size of Pagination, can be set to small
+     * @default ''
+     * @type string
+     */
+    size?: string;
+    /**
+     * whether to setting simple mode
+     * @type boolean
+     */
+    simple?: boolean;
+    /**
+     * to customize item innerHTML
+     * @type Function
+     */
+    itemRender?: (props: PaginationRenderProps) => VNodeChild | JSX.Element;
+    /**
+     * specify the position of Pagination
+     * @default ['bottomRight']
+     * @type string[]
+     */
+    position?: PaginationPositon[];
+}
+export {};