@ccs-ui/rc-pro 2.3.6-alpha-32 → 2.3.6-alpha-33

package/es/pro-table/index.less

@@ -1,82 +0,0 @@
-// table buttons
-.buttons {
-  button:not(:last-child)::after {
-    margin: 0 4px 0 6px;
-    color: #e8e8e8;
-    content: '|';
-  }
-}
-
-.dark-table {
-  ::-webkit-scrollbar {
-    width: 12px;
-    height: 12px;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    background: rgb(42, 44, 44);
-    border-radius: 3px;
-  }
-}
-
-.ccs-pl.css-table-full {
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 9999;
-}
-
-.ccs-table-pagination {
-  margin: 0 !important;
-  padding: 12px 16px;
-  text-align: right;
-}
-
-.ccs-pl {
-  display: flex;
-  flex-direction: column;
-
-  &-icon {
-    // color: rgb(0 0 0 / 75%);
-    font-size: 16;
-  }
-
-  &-table-content {
-    position: relative;
-    flex: auto;
-  }
-
-  &-form-collapse {
-    display: flex;
-    justify-content: flex-end;
-    flex-wrap: wrap;
-    column-gap: 10px;
-  }
-
-  &-form-expand {
-    display: flex;
-    justify-content: flex-start;
-    flex-wrap: wrap;
-    column-gap: 10px;
-  }
-
-  &-adaptation-form {
-    flex: 1 1 auto;
-    overflow: hidden;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-
-  &-form-item {
-    margin-bottom: 10px !important;
-    margin-inline-end: 0 !important;
-  }
-
-  &-toolbar {
-    flex: 0 0 auto;
-  }
-}

package/es/pro-table/operation.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { TableProps } from 'antd';
-import { TableRefType } from '../table';
-type PropsType = {
-    /** 显示列 */
-    columns?: any;
-    tableRowSize: TableProps['size'];
-    tableRef: React.MutableRefObject<TableRefType | undefined>;
-    onReset: () => void;
-    onFullScreen: (isFull: boolean) => void;
-    onChangeRowSize: (e: TableProps['size']) => void;
-};
-export default function TableOperation({ columns, tableRef, tableRowSize, onReset, onFullScreen, onChangeRowSize, }: PropsType): import("react/jsx-runtime").JSX.Element;
-export {};

package/es/pro-table/operation.js

@@ -1,194 +0,0 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { ColumnHeightOutlined, RedoOutlined, SettingOutlined } from '@ant-design/icons';
-import { Button, Checkbox, Divider, Dropdown, Popover, Tooltip } from 'antd';
-import { useState } from 'react';
-import { CcsFullScreenButton } from '..';
-import { classPrefix } from "./table";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function TableOperation(_ref) {
-  var columns = _ref.columns,
-    tableRef = _ref.tableRef,
-    tableRowSize = _ref.tableRowSize,
-    onReset = _ref.onReset,
-    onFullScreen = _ref.onFullScreen,
-    onChangeRowSize = _ref.onChangeRowSize;
-  var _useState = useState(columns),
-    _useState2 = _slicedToArray(_useState, 2),
-    filterColumns = _useState2[0],
-    setFilterColumns = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dropdownVisible = _useState4[0],
-    setDropdownVisible = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isCheckAll = _useState6[0],
-    setIsCheckAll = _useState6[1];
-
-  // 获取全选初始状态
-  var getHalfCheckState = function getHalfCheckState() {
-    var cols = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : columns;
-    var col = cols === null || cols === void 0 ? void 0 : cols.filter(function (t) {
-      return t.dataIndex;
-    });
-    return (col === null || col === void 0 ? void 0 : col.every(function (c) {
-      return !c.hidden;
-    })) || (col === null || col === void 0 ? void 0 : col.every(function (c) {
-      return c.hidden;
-    }));
-  };
-  var _useState7 = useState(getHalfCheckState),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isHalfCheck = _useState8[0],
-    setIsHalfCheck = _useState8[1];
-
-  // 全选、取消全选
-  var onCheckAllChange = function onCheckAllChange(e) {
-    var _tableRef$current;
-    // 隐藏的列key
-    var columnHiddenKeys = [];
-    filterColumns.forEach(function (t) {
-      var s = t;
-      if (s.dataIndex) s.hidden = !e.target.checked;
-      if (s.hidden) columnHiddenKeys.push(t.dataIndex);
-    });
-    setFilterColumns(_toConsumableArray(filterColumns));
-    setIsCheckAll(e.target.checked);
-    setIsHalfCheck(true);
-
-    // 列改变
-    (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 || _tableRef$current.onColumnFilter({
-      columnHiddenKeys: columnHiddenKeys
-    });
-  };
-
-  // 列选中事件
-  var onCheckChange = function onCheckChange(checked, index) {
-    var _tableRef$current2;
-    filterColumns[index].hidden = !checked;
-    setFilterColumns(_toConsumableArray(filterColumns));
-    var isHalf = getHalfCheckState(filterColumns);
-    if (isHalf !== isHalfCheck) {
-      setIsHalfCheck(isHalf);
-    }
-    if (isHalf) {
-      setIsCheckAll(checked);
-    }
-
-    // 计算隐藏的列key
-    var columnHiddenKeys = [];
-    filterColumns.forEach(function (t) {
-      if (t.hidden) columnHiddenKeys.push(t.dataIndex);
-    });
-
-    // 发布列改变通知
-    (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 || _tableRef$current2.onColumnFilter({
-      columnHiddenKeys: columnHiddenKeys
-    });
-  };
-
-  // 列过滤
-  var renderCheck = function renderCheck() {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Checkbox, {
-        indeterminate: !isHalfCheck,
-        onChange: onCheckAllChange,
-        checked: isCheckAll,
-        children: "\u5168\u9009"
-      }), /*#__PURE__*/_jsx(Divider, {
-        style: {
-          margin: '4px 0'
-        }
-      }), filterColumns.map(function (c, index) {
-        return c.dataIndex ? /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(Checkbox, {
-            checked: !c.hidden,
-            onChange: function onChange(e) {
-              return onCheckChange(e.target.checked, index);
-            },
-            children: c.title
-          })
-        }, c.dataIndex) : null;
-      })]
-    });
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Tooltip, {
-      title: "\u91CD\u7F6E",
-      children: /*#__PURE__*/_jsx(Button, {
-        onClick: onReset,
-        icon: /*#__PURE__*/_jsx(RedoOutlined, {
-          className: "".concat(classPrefix, "-icon")
-        }),
-        type: "text",
-        style: {
-          width: 24,
-          marginLeft: 4
-        }
-      })
-    }), filterColumns && /*#__PURE__*/_jsx(Popover, {
-      content: renderCheck(),
-      trigger: ['click'],
-      open: dropdownVisible,
-      onOpenChange: function onOpenChange(flag) {
-        return setDropdownVisible(flag);
-      },
-      placement: "bottomLeft",
-      children: /*#__PURE__*/_jsx(Tooltip, {
-        title: "\u5217\u8BBE\u7F6E",
-        children: /*#__PURE__*/_jsx(Button, {
-          icon: /*#__PURE__*/_jsx(SettingOutlined, {
-            className: "".concat(classPrefix, "-icon")
-          }),
-          type: "text",
-          style: {
-            width: 24
-          }
-        })
-      })
-    }), /*#__PURE__*/_jsx(Dropdown, {
-      placement: "bottomRight",
-      menu: {
-        activeKey: tableRowSize,
-        items: [{
-          key: 'large',
-          label: '默认'
-        }, {
-          key: 'middle',
-          label: '中等'
-        }, {
-          key: 'small',
-          label: '紧凑'
-        }],
-        onClick: function onClick(e) {
-          onChangeRowSize(e.key);
-        }
-      },
-      children: /*#__PURE__*/_jsx(Tooltip, {
-        title: "\u5BC6\u5EA6",
-        children: /*#__PURE__*/_jsx(Button, {
-          icon: /*#__PURE__*/_jsx(ColumnHeightOutlined, {
-            className: "".concat(classPrefix, "-icon")
-          }),
-          type: "text",
-          style: {
-            width: 24
-          }
-        })
-      })
-    }), /*#__PURE__*/_jsx(CcsFullScreenButton, {
-      onFullScreen: onFullScreen
-    })]
-  });
-}

package/es/pro-table/selection-alert.d.ts

@@ -1,20 +0,0 @@
-import { TagProps } from 'antd';
-import React, { CSSProperties } from 'react';
-interface PropsType {
-    data: any[];
-    color?: TagProps['color'];
-    fieldNames: {
-        key: string;
-        label: string;
-    };
-    onClear: (key?: React.Key) => void;
-    style?: CSSProperties;
-    className?: string;
-}
-/**
- * 显示table行选中项
- * @param PropsType
- * @returns
- */
-export default function SelectionAlert({ data, color, style, className, fieldNames, onClear, }: PropsType): import("react/jsx-runtime").JSX.Element | undefined;
-export {};

package/es/pro-table/selection-alert.js

@@ -1,64 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { DeleteOutlined } from '@ant-design/icons';
-import { Button, Space, Tag, theme } from 'antd';
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * 显示table行选中项
- * @param PropsType
- * @returns
- */
-export default function SelectionAlert(_ref) {
-  var data = _ref.data,
-    color = _ref.color,
-    style = _ref.style,
-    className = _ref.className,
-    _ref$fieldNames = _ref.fieldNames,
-    fieldNames = _ref$fieldNames === void 0 ? {
-      key: 'key',
-      label: 'label'
-    } : _ref$fieldNames,
-    onClear = _ref.onClear;
-  var _theme$useToken = theme.useToken(),
-    token = _theme$useToken.token;
-  if (!data || data.length === 0) {
-    return undefined;
-  }
-  var px = "".concat(token.paddingSM, "px");
-  return /*#__PURE__*/_jsxs(Space, {
-    size: 4,
-    wrap: true,
-    style: _objectSpread({
-      padding: "0 ".concat(px, " ").concat(px, " ").concat(px)
-    }, style),
-    className: className,
-    children: [data.map(function () {
-      var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      return /*#__PURE__*/_jsx(Tag, {
-        color: color,
-        closable: true,
-        onClose: function onClose(e) {
-          onClear(row[fieldNames.key]);
-          e.preventDefault();
-        },
-        children: row[fieldNames.label || 'name']
-      }, row[fieldNames.key || 'key']);
-    }), data.length > 1 && /*#__PURE__*/_jsx(Button, {
-      size: "small",
-      onClick: function onClick(e) {
-        onClear();
-        e.preventDefault();
-      },
-      icon: /*#__PURE__*/_jsx(DeleteOutlined, {}),
-      danger: true,
-      type: "text",
-      children: "\u6E05\u7A7A"
-    })]
-  });
-}

package/es/pro-table/size.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-type Size = {
-    width: number;
-    height: number;
-};
-export default function ResizeDom({ targetRef, onResize, }: {
-    targetRef: React.RefObject<HTMLDivElement>;
-    onResize: (size: Size) => void;
-}): null;
-export {};

package/es/pro-table/size.js

@@ -1,17 +0,0 @@
-import { useSize } from 'ahooks';
-import { useEffect, useRef } from 'react';
-export default function ResizeDom(_ref) {
-  var targetRef = _ref.targetRef,
-    onResize = _ref.onResize;
-  var sizeRef = useRef();
-  var size = useSize(targetRef);
-  useEffect(function () {
-    if (size) {
-      if (sizeRef.current) {
-        onResize(size);
-      }
-      sizeRef.current = size;
-    }
-  }, [size === null || size === void 0 ? void 0 : size.height, size === null || size === void 0 ? void 0 : size.width]);
-  return null;
-}

package/es/pro-table/summary.d.ts

@@ -1,8 +0,0 @@
-import CCS from '..';
-interface PropsType {
-    data: Record<string, any>;
-    columns: CCS.TableColumns;
-    hasRowSelection: boolean;
-}
-export default function TableSummary({ data, columns, hasRowSelection, }: PropsType): import("react/jsx-runtime").JSX.Element;
-export {};

package/es/pro-table/summary.js

@@ -1,32 +0,0 @@
-import { Table } from 'antd';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var SummaryIndex = -1;
-export default function TableSummary(_ref) {
-  var _ref$data = _ref.data,
-    data = _ref$data === void 0 ? {} : _ref$data,
-    columns = _ref.columns,
-    hasRowSelection = _ref.hasRowSelection;
-  SummaryIndex = -1;
-  var renderCell = function renderCell(cs) {
-    return cs.map(function (d) {
-      if (d.children && d.children.length > 0) {
-        return renderCell(d.children);
-      }
-      SummaryIndex += 1;
-      return /*#__PURE__*/_jsx(Table.Summary.Cell, {
-        index: 0,
-        children: data[d.dataIndex]
-      }, SummaryIndex);
-    });
-  };
-  if (hasRowSelection) SummaryIndex += 1;
-  return /*#__PURE__*/_jsx(Table.Summary, {
-    fixed: true,
-    children: /*#__PURE__*/_jsxs(Table.Summary.Row, {
-      children: [hasRowSelection && /*#__PURE__*/_jsx(Table.Summary.Cell, {
-        index: SummaryIndex
-      }), renderCell(columns)]
-    })
-  });
-}

package/es/pro-table/table.d.ts

@@ -1,104 +0,0 @@
-import { TableProps } from 'antd';
-import { ColumnGroupType, ColumnType } from 'antd/es/table';
-import { TableSticky } from 'rc-table/lib/interface';
-import React, { CSSProperties, ReactNode } from 'react';
-import CCS from '..';
-import { PropsWithCss, PropsWithNodeChildren, TableColumns } from '../ccs';
-import { CcsFieldNamesType } from '../context';
-import { EllipsisProps } from '../ellipsis';
-import './index.less';
-type ParamType = Record<string, any>;
-export type ShowDependType = {
-    name: string;
-    value: any;
-};
-export declare enum TableEvent {
-    Search = "search",// 查询
-    Reset = "reset",// 重置
-    Reload = "reload",// 刷新
-    ChangePage = "changePage",// 分页
-    InitSearch = "initSearch",// 初始化查询
-    FullScreen = "fullScreen",// 全屏
-    ColumnFilter = "columnFilter",// 列过滤
-    SelectedRows = "SelectedRows",// 选中行
-    Expand = "Expand",// 异步树展开
-    PartialReload = "PartialReload"
-}
-export type TableColumn<RecordType = any> = (Omit<ColumnGroupType<RecordType>, 'ellipsis'> | Omit<ColumnType<RecordType>, 'ellipsis'>) & {
-    dataIndex?: keyof RecordType;
-    /** 隐藏列 */
-    hidden?: boolean;
-    /** 省略显示行数,最大支持10行 */
-    ellipsis?: Omit<EllipsisProps, 'content'> | boolean | number;
-};
-export type CcsTableProps<T> = Omit<TableProps<T>, 'columns' | 'summary'> & {
-    data?: CCS.TableData<T>;
-    /** 为空时,默认一条数据 */
-    emptyDefaultOne?: boolean;
-    /** request 方法 */
-    request?: (params: any) => Promise<any>;
-    /** request 额外参数  */
-    requestParam?: ParamType;
-    /** 接口字段指定,默认： */
-    fieldNames?: CcsFieldNamesType;
-    /** class name */
-    className?: string;
-    /** style */
-    style?: CSSProperties;
-    /** 隐藏操作工具栏：刷新，列设置，密度设置，全屏 */
-    hideOperation?: boolean;
-    /** 列配置 */
-    columns?: TableColumns<T>;
-    /** table summary */
-    summary?: (data: readonly T[], columns: TableColumn<T>[]) => React.ReactNode;
-};
-export type TableEventHandle = (eventName: TableEvent, options?: any) => void;
-export type CcsProTableProps<RecordType = any> = Pick<PropsWithCss, 'className'> & PropsWithNodeChildren & {
-    /** api权限标识 */
-    auth?: string | 'ignore';
-    /** 是否初始查询，默认true */
-    init?: boolean;
-    /** 标题 */
-    title?: string;
-    /** 查询条件集合 */
-    formItems?: CCS.TableFormItems;
-    /** form item label 宽度 */
-    formItemLabelWidth?: number | string;
-    /** 查询form 初始值 */
-    formInitValues?: ParamType;
-    /** 按钮 操作部分 */
-    toolbar?: ReactNode;
-    /** 边框 */
-    bordered?: boolean;
-    /** 展开查询条件，默认false */
-    expandForm?: boolean;
-    /** table 数据区域 */
-    table?: CcsTableProps<RecordType>;
-    /** 语义化styles */
-    styles?: {
-        root?: CSSProperties;
-        table?: CSSProperties;
-    };
-    /** 异步树父级值字段 */
-    parentFieldName?: string;
-    /** 异步树叶子节点标识字段或函数判断 */
-    leafNode?: string | ((record: RecordType) => boolean);
-    /** ref 回调方法 */
-    proRef?: CCS.TableInstanceRef<RecordType>;
-    /** 显示序号 */
-    showNumber?: boolean;
-    /** table 事件 */
-    onEvent?: TableEventHandle;
-};
-export type TableStickyProps = boolean | (TableSticky & {
-    isInDialog?: boolean;
-});
-export declare const classPrefix = "ccs-pl";
-/**
- * 布局组件 包括form、查询、toolbar、table 自动初始化数据
- * @param CcsProTableType
- * @param ref
- * @returns
- */
-declare const InternalProTable: <RecordType_1 extends object = any>(props: CcsProTableProps<RecordType_1>) => import("react/jsx-runtime").JSX.Element;
-export default InternalProTable;