wt-antd 4.2.3

package/dist/esm/component/BiuResizeTable/component/VirtualTable.js

@@ -0,0 +1,127 @@
+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); }
+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 { Table } from 'antd';
+import classNames from 'classnames';
+import ResizeObserver from 'rc-resize-observer';
+import React, { useEffect, useRef, useState } from 'react';
+import { VariableSizeGrid as Grid } from 'react-window';
+import { jsx as _jsx } from "react/jsx-runtime";
+var VirtualTable = function VirtualTable(props) {
+  var columns = props.columns,
+    scroll = props.scroll;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    tableWidth = _useState2[0],
+    setTableWidth = _useState2[1];
+  var widthColumnCount = columns.filter(function (_ref) {
+    var width = _ref.width;
+    return !width;
+  }).length;
+  var mergedColumns = columns.map(function (column) {
+    if (column.width) {
+      return column;
+    }
+    return _objectSpread(_objectSpread({}, column), {}, {
+      width: Math.floor(tableWidth / widthColumnCount)
+    });
+  });
+  console.log('mergedColumns', props, mergedColumns);
+  var gridRef = useRef();
+  var _useState3 = useState(function () {
+      var obj = {};
+      Object.defineProperty(obj, 'scrollLeft', {
+        get: function get() {
+          if (gridRef.current) {
+            var _gridRef$current;
+            return (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 || (_gridRef$current = _gridRef$current.state) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.scrollLeft;
+          }
+          return null;
+        },
+        set: function set(scrollLeft) {
+          if (gridRef.current) {
+            gridRef.current.scrollTo({
+              scrollLeft: scrollLeft
+            });
+          }
+        }
+      });
+      return obj;
+    }),
+    _useState4 = _slicedToArray(_useState3, 1),
+    connectObject = _useState4[0];
+  var resetVirtualGrid = function resetVirtualGrid() {
+    var _gridRef$current2;
+    (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 || _gridRef$current2.resetAfterIndices({
+      columnIndex: 0,
+      shouldForceUpdate: true
+    });
+  };
+  useEffect(function () {
+    return resetVirtualGrid;
+  }, [tableWidth]);
+  var renderVirtualList = function renderVirtualList(rawData, _ref2) {
+    var scrollbarSize = _ref2.scrollbarSize,
+      ref = _ref2.ref,
+      _onScroll = _ref2.onScroll;
+    ref.current = connectObject;
+    var totalHeight = rawData.length * 54;
+    return /*#__PURE__*/_jsx(Grid, {
+      ref: gridRef,
+      className: "virtual-grid",
+      columnCount: mergedColumns.length,
+      columnWidth: function columnWidth(index) {
+        var width = mergedColumns[index].width;
+        return totalHeight > scroll.y && index === mergedColumns.length - 1 ? width - scrollbarSize - 1 : width;
+      },
+      height: scroll.y,
+      rowCount: rawData.length,
+      rowHeight: function rowHeight() {
+        return 54;
+      },
+      width: tableWidth,
+      onScroll: function onScroll(_ref3) {
+        var scrollLeft = _ref3.scrollLeft;
+        _onScroll({
+          scrollLeft: scrollLeft
+        });
+      },
+      children: function children(_ref4) {
+        var columnIndex = _ref4.columnIndex,
+          rowIndex = _ref4.rowIndex,
+          style = _ref4.style;
+        return /*#__PURE__*/_jsx("div", {
+          className: classNames('virtual-table-cell', {
+            'virtual-table-cell-last': columnIndex === mergedColumns.length - 1
+          }),
+          style: style,
+          children: rawData[rowIndex][mergedColumns[columnIndex].dataIndex]
+        });
+      }
+    });
+  };
+  return /*#__PURE__*/_jsx(ResizeObserver, {
+    onResize: function onResize(_ref5) {
+      var width = _ref5.width;
+      setTableWidth(width);
+    },
+    children: /*#__PURE__*/_jsx(Table, _objectSpread(_objectSpread({}, props), {}, {
+      className: "virtual-table",
+      columns: mergedColumns,
+      pagination: false,
+      components: {
+        body: renderVirtualList
+      }
+    }))
+  });
+};
+export default VirtualTable;

package/dist/esm/component/BiuResizeTable/component/biuTableCell.d.ts

@@ -0,0 +1 @@
+export declare const TableCell: (props: any) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/component/BiuResizeTable/component/biuTableCell.js

@@ -0,0 +1,78 @@
+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); }
+var _excluded = ["onResize", "width", "style"];
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { useMemo } from 'react';
+import ResizAble from 'react-resizable';
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var TableCell = function TableCell(props) {
+  var onResize = props.onResize,
+    width = props.width,
+    style = props.style,
+    restProps = _objectWithoutProperties(props, _excluded);
+  /**
+   * hack react-resizable 不兼容 react18 的问题
+   */
+  var Resizable = ResizAble.Resizable;
+  var title = useMemo(function () {
+    var _, _props$children;
+    return (_ = ((_props$children = props === null || props === void 0 ? void 0 : props.children) !== null && _props$children !== void 0 ? _props$children : ['', ''])[1]) !== null && _ !== void 0 ? _ : '';
+  }, [props === null || props === void 0 ? void 0 : props.children]);
+  var isSelection = useMemo(function () {
+    var className = props.className;
+    return className.indexOf('ant-table-selection-column') > -1;
+  }, [props === null || props === void 0 ? void 0 : props.className]);
+  if (['行号', '操作'].includes(title)) {
+    return /*#__PURE__*/_createElement("th", _objectSpread(_objectSpread({}, restProps), {}, {
+      key: title,
+      style: _objectSpread(_objectSpread({
+        width: width !== null && width !== void 0 ? width : 180,
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        fontSize: 14
+      }, style), {}, {
+        boxSizing: 'border-box',
+        color: '#666666',
+        backgroundColor: '#fafafa',
+        textAlign: 'center',
+        fontWeight: '600'
+      })
+    }));
+  }
+  return /*#__PURE__*/_jsx(Resizable, {
+    width: width !== null && width !== void 0 ? width : 180,
+    height: 0,
+    handle: /*#__PURE__*/_jsx("span", {
+      className: "react-resizable-handle",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      }
+    }),
+    onResize: onResize,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    children: /*#__PURE__*/_jsx("th", _objectSpread(_objectSpread({}, restProps), {}, {
+      style: _objectSpread(_objectSpread({
+        width: width !== null && width !== void 0 ? width : 180,
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis'
+      }, style), {}, {
+        fontSize: 14,
+        boxSizing: 'border-box',
+        color: '#666666',
+        backgroundColor: '#fafafa',
+        textAlign: "".concat(isSelection ? 'center' : 'left'),
+        fontWeight: '600'
+      })
+    }))
+  }, title);
+};

package/dist/esm/component/BiuResizeTable/component/index.d.ts

@@ -0,0 +1 @@
+export * from './biuTableCell';

package/dist/esm/component/BiuResizeTable/component/index.js

@@ -0,0 +1 @@
+export * from "./biuTableCell";

package/dist/esm/component/BiuResizeTable/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const BiuResizeTable: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>>;

package/dist/esm/component/BiuResizeTable/index.js

@@ -0,0 +1,71 @@
+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); }
+var _excluded = ["columns", "isCellEdit"];
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { useDynamicList } from 'ahooks';
+import { Table } from 'antd';
+import React, { forwardRef, useCallback, useEffect } from 'react';
+import { styled } from 'styled-components';
+import { TableCell } from "./component";
+import { jsx as _jsx } from "react/jsx-runtime";
+var StyledTable = styled(Table).withConfig({
+  displayName: "StyledTable",
+  componentId: "wt-antd__sc-vzc5cf-0"
+})([".ant-table-cell{border-right:none !important;}.ant-table-tbody > .ant-table-row > td{padding:6px !important;min-height:45px !important;height:45px !important;line-height:14px !important;color:#333333;}.ant-table-tbody > .ant-table-row:hover > td{background:#f5f5f5;}.ant-table-tbody > .ant-table-row.row-error:hover > td{background:#eb7375;}.ant-table-tbody > .ant-table-row.row-warning:hover > td{background:#fc6;}.ant-table-tbody > .ant-table-row.row-success:hover > td{background:#6c9;}.ant-table-tbody > .ant-table-row-selected > td{background:#f0f7ff !important;}.ant-table-wrapper{height:100% !important;}.ant-table-tbody > tr > td{border-bottom:1px solid #ebebeb;}.ant-spin-nested-loading{height:100% !important;}.ant-spin-container{height:100% !important;}.ant-table{height:100% !important;border-bottom:1px solid #ebebeb !important;}.ant-table-container{height:100% !important;display:flex;flex-direction:column;}.ant-table-body{flex:1;}.ant-table-row{font-size:14px;font-weight:normal;}.react-resizable{position:relative;background-clip:padding-box;}.react-resizable-handle{position:absolute;width:1px;height:40%;cursor:col-resize;z-index:1;right:0;background:#d6d6d6;top:50%;transform:translateY(-50%);&:before{content:'';position:absolute;top:-20px;right:-20px;bottom:-20px;left:-10px;}}"]);
+export var BiuResizeTable = /*#__PURE__*/React.memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var columns = _ref.columns,
+    _ref$isCellEdit = _ref.isCellEdit,
+    isCellEdit = _ref$isCellEdit === void 0 ? false : _ref$isCellEdit,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useDynamicList = useDynamicList([]),
+    list = _useDynamicList.list,
+    replace = _useDynamicList.replace,
+    resetList = _useDynamicList.resetList;
+
+  /**
+   * 此处依赖判断不能进行转换，转换时会丢掉函数
+   * 自定义 render 不能执行
+   */
+
+  useEffect(function () {
+    resetList(columns || []);
+  }, [columns, resetList]);
+  var hanldeResize = useCallback(function (col, index) {
+    return _objectSpread(_objectSpread({}, col), {}, {
+      shouldCellUpdate: function shouldCellUpdate(record, preRecord) {
+        if (!isCellEdit) return !(record === preRecord);
+        return true;
+      },
+      onHeaderCell: function onHeaderCell() {
+        return {
+          width: col.width,
+          onResize: function onResize(event, _ref2) {
+            var size = _ref2.size;
+            replace(index, _objectSpread(_objectSpread({}, col), {}, {
+              width: size.width
+            }));
+          }
+        };
+      }
+    });
+  }, [replace, isCellEdit]);
+
+  // 绑定列事件以及宽度
+  var showColumns = list.map(hanldeResize);
+  return /*#__PURE__*/_jsx(StyledTable, _objectSpread({
+    ref: ref,
+    tableLayout: "fixed",
+    bordered: true,
+    components: {
+      header: {
+        cell: TableCell
+      }
+    },
+    columns: showColumns
+  }, restProps));
+}));

package/dist/esm/component/BiuResizeTable/index.less

@@ -0,0 +1,19 @@
+.resizeTable {
+  :global {
+    .react-resizable {
+      position: relative;
+      background-clip: padding-box;
+    }
+
+    .react-resizable-handle {
+      position: absolute;
+      width: 10px;
+      height: 100%;
+      bottom: 0;
+      right: -5px;
+      cursor: col-resize;
+      background-image: none;
+      z-index: 1;
+    }
+  }
+}

package/dist/esm/component/BiuSplit/index.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+/**
+ * BiuSplit 分割上下或者左右两个面板
+ */
+type BiuSplitPropsType = {
+    /**
+     * 第一个面板内容，建议使用 BiuSplitPanel，在上面或者左边的面板
+     */
+    panel1: React.ReactNode;
+    /**
+     * 第二个面板内容，建议使用 BiuSplitPanel，在下面或者右边的面板
+     */
+    panel2: React.ReactNode;
+    /**
+     * 分割方向，默认为水平分割
+     */
+    direction?: 'row' | 'column';
+    /**
+     * 左边或上面的面板的大小，可以是百分比或者像素值，默认为 50%
+     */
+    size?: string;
+    /**
+     * 面板1是否不需要 padding，默认为 false
+     */
+    noPanel1Padding?: boolean;
+    /**
+     * 面板2是否不需要 padding，默认为 false
+     */
+    noPanel2Padding?: boolean;
+};
+export declare const BiuSplit: React.MemoExoticComponent<(props: BiuSplitPropsType) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/esm/component/BiuSplit/index.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { styled } from 'styled-components';
+
+/**
+ * BiuSplit 分割上下或者左右两个面板
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var StyledSplit = styled.div.withConfig({
+  displayName: "StyledSplit",
+  componentId: "wt-antd__sc-i8tnyr-0"
+})(["margin:0;width:100%;height:100%;display:flex;"]);
+var StyledSplitPanel = styled.div.withConfig({
+  displayName: "StyledSplitPanel",
+  componentId: "wt-antd__sc-i8tnyr-1"
+})(["box-sizing:border-box;overflow:auto;"]);
+var RowDivider = styled.div.withConfig({
+  displayName: "RowDivider",
+  componentId: "wt-antd__sc-i8tnyr-2"
+})(["border-left:1px solid #f0f0f0;width:1px;box-sizing:border-box;height:100%;"]);
+var ColumnDivider = styled.div.withConfig({
+  displayName: "ColumnDivider",
+  componentId: "wt-antd__sc-i8tnyr-3"
+})(["boder-top:1px solid #f0f0f0;height:1px;box-sizing:border-box;width:100%;"]);
+export var BiuSplit = /*#__PURE__*/React.memo(function (props) {
+  var _props$panel = props.panel1,
+    panel1 = _props$panel === void 0 ? /*#__PURE__*/_jsx("div", {}) : _props$panel,
+    _props$panel2 = props.panel2,
+    panel2 = _props$panel2 === void 0 ? /*#__PURE__*/_jsx("div", {}) : _props$panel2,
+    _props$size = props.size,
+    size = _props$size === void 0 ? '50%' : _props$size,
+    _props$noPanel1Paddin = props.noPanel1Padding,
+    noPanel1Padding = _props$noPanel1Paddin === void 0 ? false : _props$noPanel1Paddin,
+    _props$noPanel2Paddin = props.noPanel2Padding,
+    noPanel2Padding = _props$noPanel2Paddin === void 0 ? false : _props$noPanel2Paddin,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'row' : _props$direction;
+  return /*#__PURE__*/_jsxs(StyledSplit, {
+    style: {
+      flexDirection: direction
+    },
+    children: [/*#__PURE__*/_jsx(StyledSplitPanel, {
+      style: {
+        width: direction === 'row' ? size : '100%',
+        height: direction === 'row' ? '100%' : size,
+        padding: noPanel1Padding ? 0 : '4px'
+      },
+      children: panel1
+    }), direction === 'row' ? /*#__PURE__*/_jsx(RowDivider, {}) : /*#__PURE__*/_jsx(ColumnDivider, {}), /*#__PURE__*/_jsx(StyledSplitPanel, {
+      style: {
+        padding: noPanel2Padding ? 0 : '4px',
+        flex: 1
+      },
+      children: panel2
+    })]
+  });
+});

package/dist/esm/component/BiuTable/component/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tableActionBarRender';
+export * from './tableCellRender';
+export * from './tableSettingRender';

package/dist/esm/component/BiuTable/component/index.js

@@ -0,0 +1,3 @@
+export * from "./tableActionBarRender";
+export * from "./tableCellRender";
+export * from "./tableSettingRender";

package/dist/esm/component/BiuTable/component/tableActionBarRender.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+import React from 'react';
+import type { BiuTableTopOperaType, BiuFormRefProps } from "../..";
+export interface TopActionBarPropsType {
+    operationOptions?: BiuTableTopOperaType[];
+    formRef: RefObject<BiuFormRefProps> | null;
+    dataSource?: Record<string, any>[];
+}
+export declare const TableActionBarRender: React.MemoExoticComponent<(props: TopActionBarPropsType) => import("react/jsx-runtime").JSX.Element>;

package/dist/esm/component/BiuTable/component/tableActionBarRender.js

@@ -0,0 +1,206 @@
+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); }
+var _excluded = ["btnProps", "callback", "title", "popconfirm", "render", "dropName", "dropItems", "auth"];
+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 _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 _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 _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 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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { RightOutlined } from '@ant-design/icons';
+import { Dropdown, Popconfirm, Space } from 'antd';
+import React from 'react';
+import { BiuAButton } from "../..";
+import { useAuth } from "../../../hooks";
+import { useUmeng } from "../../../hooks/useUmeng";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var TableActionBarRender = /*#__PURE__*/React.memo(function (props) {
+  var _props$operationOptio = props.operationOptions,
+    operationOptions = _props$operationOptio === void 0 ? [] : _props$operationOptio,
+    formRef = props.formRef,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource;
+  var _useAuth = useAuth(),
+    hasAuth = _useAuth.hasAuth;
+  var _useUmeng = useUmeng(),
+    trackEvent = _useUmeng.trackEvent;
+  var dropMap = new Map();
+  var dropLenMap = new Map();
+  operationOptions.map(function (item) {
+    if (item.dropName && hasAuth(item.auth)) {
+      if (dropLenMap.has(item.dropName)) {
+        var len = dropLenMap.get(item.dropName);
+        dropLenMap.set(item.dropName, len + 1);
+      } else {
+        dropLenMap.set(item.dropName, 1);
+      }
+    }
+  });
+  return /*#__PURE__*/_jsx(Space, {
+    wrap: true,
+    size: [8, 8],
+    children: operationOptions.map(function (_ref) {
+      var _ref$btnProps = _ref.btnProps,
+        btnProps = _ref$btnProps === void 0 ? {} : _ref$btnProps,
+        callback = _ref.callback,
+        title = _ref.title,
+        popconfirm = _ref.popconfirm,
+        render = _ref.render,
+        dropName = _ref.dropName,
+        dropItems = _ref.dropItems,
+        auth = _ref.auth,
+        restProps = _objectWithoutProperties(_ref, _excluded);
+      if (!hasAuth(auth)) return null;
+      if (render) {
+        return /*#__PURE__*/_jsx(Space, {
+          children: render()
+        }, "".concat(title || ''));
+      }
+      if (dropName) {
+        var dropLable = /*#__PURE__*/_jsx(BiuAButton
+        // icon={<SlidersOutlined />}
+        , _objectSpread(_objectSpread(_objectSpread({}, btnProps), restProps), {}, {
+          style: {
+            width: '100%'
+          },
+          onClick: function onClick(event) {
+            var _formRef$current;
+            event.preventDefault();
+            trackEvent({
+              action: "".concat(dropName, "-").concat(title),
+              value: 1,
+              el: event === null || event === void 0 ? void 0 : event.target
+            });
+            if (callback) callback(formRef === null || formRef === void 0 || (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldsValue(), dataSource);
+          },
+          children: title
+        }), "".concat(title || ''));
+        if (dropMap.has(dropName)) {
+          var oldItems = dropMap.get(dropName);
+          dropMap.set(dropName, [].concat(_toConsumableArray(oldItems), [{
+            key: "".concat(oldItems.length + 1),
+            label: dropLable
+          }]));
+        } else {
+          dropMap.set(dropName, [{
+            key: '1',
+            label: dropLable
+          }]);
+        }
+        var items = dropMap.get(dropName);
+        if (items.length === dropLenMap.get(dropName)) {
+          return /*#__PURE__*/_jsx(Dropdown, {
+            menu: {
+              items: items
+            },
+            placement: "bottomLeft",
+            children: /*#__PURE__*/_jsx(BiuAButton, {
+              type: "primary",
+              children: /*#__PURE__*/_jsxs(Space, {
+                children: [dropName, /*#__PURE__*/_jsx(RightOutlined, {
+                  style: {
+                    fontSize: 12,
+                    position: 'relative',
+                    top: -1
+                  }
+                })]
+              }, dropName)
+            })
+          }, dropName);
+        } else {
+          return '';
+        }
+      }
+      if (dropItems) {
+        return /*#__PURE__*/_jsx(Dropdown, {
+          menu: {
+            items: dropItems,
+            onClick: function onClick(item) {
+              var _item$domEvent, _formRef$current2;
+              trackEvent({
+                action: title,
+                value: 1,
+                el: item === null || item === void 0 || (_item$domEvent = item.domEvent) === null || _item$domEvent === void 0 ? void 0 : _item$domEvent.target
+              });
+              if (callback) callback(formRef === null || formRef === void 0 || (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 ? void 0 : _formRef$current2.getFieldsValue(), dataSource, item);
+            }
+          },
+          placement: "bottomLeft",
+          children: /*#__PURE__*/_jsx(BiuAButton, {
+            type: "primary",
+            children: /*#__PURE__*/_jsxs(Space, {
+              children: [title, /*#__PURE__*/_jsx(RightOutlined, {
+                style: {
+                  fontSize: 12,
+                  position: 'relative',
+                  top: -1
+                }
+              })]
+            }, title)
+          })
+        }, title);
+      }
+      if (popconfirm) {
+        return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({}, popconfirm), {}, {
+          okText: popconfirm.okText || '确认',
+          cancelText: popconfirm.cancelText || '取消',
+          icon: /*#__PURE__*/_jsx("svg", {
+            viewBox: "0 0 48 48",
+            fill: "none",
+            style: {
+              color: 'rgb(22, 93, 255)',
+              fontSize: '20px',
+              width: '20px',
+              height: '20px'
+            },
+            stroke: "currentColor",
+            strokeWidth: "4",
+            strokeLinecap: "butt",
+            strokeLinejoin: "miter",
+            children: /*#__PURE__*/_jsx("path", {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",
+              fill: "currentColor",
+              stroke: "none"
+            })
+          }),
+          onConfirm: function onConfirm(event) {
+            var _formRef$current3;
+            trackEvent({
+              action: title,
+              value: 1,
+              el: event === null || event === void 0 ? void 0 : event.target
+            });
+            if (callback) callback(formRef === null || formRef === void 0 || (_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 ? void 0 : _formRef$current3.getFieldsValue(), dataSource);
+          },
+          children: /*#__PURE__*/_jsx(BiuAButton, _objectSpread(_objectSpread(_objectSpread({}, btnProps), restProps), {}, {
+            children: title
+          }))
+        }), "".concat(title || ''));
+      }
+      return /*#__PURE__*/_jsx(BiuAButton
+      // icon={<SlidersOutlined />}
+      , _objectSpread(_objectSpread(_objectSpread({}, btnProps), restProps), {}, {
+        onClick: function onClick(event) {
+          var _formRef$current4;
+          event.preventDefault();
+          trackEvent({
+            action: title,
+            value: 1,
+            el: event === null || event === void 0 ? void 0 : event.target
+          });
+          if (callback) callback(formRef === null || formRef === void 0 || (_formRef$current4 = formRef.current) === null || _formRef$current4 === void 0 ? void 0 : _formRef$current4.getFieldsValue(), dataSource);
+        },
+        children: title
+      }), "".concat(title || ''));
+    })
+  });
+});

package/dist/esm/component/BiuTable/component/tableCellRender.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { BiuTableColumnOpearType } from "../..";
+export type ColumnActionItemPropsType = BiuTableColumnOpearType & {
+    value: any;
+    record: any;
+    index: number;
+};
+export type ColumnActionPropsType = {
+    actionList: BiuTableColumnOpearType[];
+    value: any;
+    record: any;
+    index: number;
+};
+export declare const TableCellRender: React.MemoExoticComponent<({ actionList, value, record, index }: ColumnActionPropsType) => import("react/jsx-runtime").JSX.Element>;