ds-web-all 1.0.0

package/lib/components/compose-manage/index.js

@@ -0,0 +1,647 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ColumnItemProps", {
+  enumerable: true,
+  get: function get() {
+    return _interface.ColumnItemProps;
+  }
+});
+Object.defineProperty(exports, "PropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _interface.PropTypes;
+  }
+});
+exports.default = void 0;
+require("antd/es/config-provider/style");
+var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
+var _react = _interopRequireWildcard(require("react"));
+var _proForm = require("@ant-design/pro-form");
+var _saber = require("@irim/saber");
+var _button = _interopRequireDefault(require("../button"));
+var _useRequest3 = _interopRequireDefault(require("../../common/use-request"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _table = _interopRequireDefault(require("../table"));
+var _filterItem = _interopRequireDefault(require("./filter-item"));
+var _noticeSection = _interopRequireDefault(require("./notice-section"));
+var _interface = require("./interface");
+var _sort = _interopRequireDefault(require("./sort"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+require("./index.less");
+var _empty_ = _interopRequireDefault(require("./empty_02.svg"));
+var _composeTree = require("../compose-tree");
+var _excluded = ["uiType", "request", "isBatch", "buttonProps", "onSuccess", "qrBeforeClick", "confirmBeforeClick"],
+  _excluded2 = ["renderClassName", "renderContent", "className", "content"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; } // compose manage component
+// @author Pluto <huarse@gmail.com>
+// @create 2020/06/21 20:58
+// import { QuestionCircleFilled } from '@ant-design/icons';
+// @ts-ignore
+var ComposeManage = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _window$history$state, _window$history$state2, _dataRequest$params, _window$history$state3, _window$history$state4, _window$history$state7, _window$history$state8;
+  var alertProps = _ref.alertProps,
+    dataRequest = _ref.dataRequest,
+    dataFormatter = _ref.dataFormatter,
+    searchDataFormatter = _ref.searchDataFormatter,
+    _ref$filterProps = _ref.filterProps,
+    filterProps = _ref$filterProps === void 0 ? [] : _ref$filterProps,
+    _ref$filterComsMap = _ref.filterComsMap,
+    filterComsMap = _ref$filterComsMap === void 0 ? {} : _ref$filterComsMap,
+    _ref$filterLabelWidth = _ref.filterLabelWidth,
+    filterLabelWidth = _ref$filterLabelWidth === void 0 ? 80 : _ref$filterLabelWidth,
+    _ref$synchValues = _ref.synchValues,
+    synchValues = _ref$synchValues === void 0 ? null : _ref$synchValues,
+    tableProps = _ref.tableProps,
+    sortProps = _ref.sortProps,
+    _ref$removeResetButto = _ref.removeResetButton,
+    removeResetButton = _ref$removeResetButto === void 0 ? false : _ref$removeResetButto,
+    _ref$filterClassName = _ref.filterClassName,
+    filterClassName = _ref$filterClassName === void 0 ? 'ss-query-filter' : _ref$filterClassName,
+    tooltip = _ref.tooltip,
+    _ref$buttonList = _ref.buttonList,
+    buttonList = _ref$buttonList === void 0 ? [] : _ref$buttonList,
+    onSearchChange = _ref.onSearchChange,
+    onRequestSuccess = _ref.onRequestSuccess,
+    onEmit = _ref.onEmit,
+    _ref$initialFilterVal = _ref.initialFilterValues,
+    initialFilterValues = _ref$initialFilterVal === void 0 ? {} : _ref$initialFilterVal,
+    _ref$isCacheListFilte = _ref.isCacheListFilter,
+    isCacheListFilter = _ref$isCacheListFilte === void 0 ? true : _ref$isCacheListFilte,
+    _ref$emptyText = _ref.emptyText,
+    emptyText = _ref$emptyText === void 0 ? '暂无数据' : _ref$emptyText,
+    _ref$staticDataSource = _ref.staticDataSource,
+    staticDataSource = _ref$staticDataSource === void 0 ? [] : _ref$staticDataSource,
+    _ref$staticFilter = _ref.staticFilter,
+    staticFilter = _ref$staticFilter === void 0 ? function () {
+      return true;
+    } : _ref$staticFilter,
+    _ref$staticSearch = _ref.staticSearch,
+    staticSearch = _ref$staticSearch === void 0 ? function () {} : _ref$staticSearch,
+    _ref$outerLoading = _ref.outerLoading,
+    outerLoading = _ref$outerLoading === void 0 ? false : _ref$outerLoading,
+    captionRight = _ref.captionRight,
+    _ref$defaultCollapsed = _ref.defaultCollapsed,
+    defaultCollapsed = _ref$defaultCollapsed === void 0 ? true : _ref$defaultCollapsed;
+  var _useState = (0, _react.useState)(defaultCollapsed),
+    _useState2 = _slicedToArray(_useState, 2),
+    collapsed = _useState2[0],
+    setCollapsed = _useState2[1];
+  // 定义data数据
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    pageData = _useState4[0],
+    setPageData = _useState4[1];
+  // 定义Table的数据源
+  var _useState5 = (0, _react.useState)(staticDataSource),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tableSource = _useState6[0],
+    setTableSource = _useState6[1];
+  var staticDataSourceCache = (0, _react.useRef)(staticDataSource);
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    sortTable = _useState8[0],
+    setSortTable = _useState8[1];
+  // 定义pageSize
+  var _useState9 = (0, _react.useState)(isCacheListFilter && ((_window$history$state = window.history.state) === null || _window$history$state === void 0 ? void 0 : _window$history$state.cacheListPageSize) ? (_window$history$state2 = window.history.state) === null || _window$history$state2 === void 0 ? void 0 : _window$history$state2.cacheListPageSize : (0, _get.default)(tableProps, 'pagination.pageSize', (dataRequest === null || dataRequest === void 0 ? void 0 : (_dataRequest$params = dataRequest.params) === null || _dataRequest$params === void 0 ? void 0 : _dataRequest$params.pageSize) || 20)),
+    _useState10 = _slicedToArray(_useState9, 2),
+    pageSize = _useState10[0],
+    setPageSize = _useState10[1];
+  // 当前页码
+  var _useState11 = (0, _react.useState)(isCacheListFilter ? (_window$history$state3 = (_window$history$state4 = window.history.state) === null || _window$history$state4 === void 0 ? void 0 : _window$history$state4.cacheListPageNo) !== null && _window$history$state3 !== void 0 ? _window$history$state3 : 1 : 1),
+    _useState12 = _slicedToArray(_useState11, 2),
+    pageNo = _useState12[0],
+    setPageNo = _useState12[1];
+  (0, _react.useEffect)(function () {
+    if (isCacheListFilter) {
+      var _window$history$state5;
+      window.history.replaceState(_objectSpread(_objectSpread({}, (_window$history$state5 = window.history.state) !== null && _window$history$state5 !== void 0 ? _window$history$state5 : {}), {}, {
+        cacheListPageNo: pageNo
+      }), '');
+    }
+  }, [pageNo]);
+  (0, _react.useEffect)(function () {
+    if (isCacheListFilter) {
+      var _window$history$state6;
+      window.history.replaceState(_objectSpread(_objectSpread({}, (_window$history$state6 = window.history.state) !== null && _window$history$state6 !== void 0 ? _window$history$state6 : {}), {}, {
+        cacheListPageSize: pageSize
+      }), '');
+    }
+  }, [pageSize]);
+  // 总数据条数
+  var _useState13 = (0, _react.useState)(staticDataSource.length),
+    _useState14 = _slicedToArray(_useState13, 2),
+    total = _useState14[0],
+    setTotal = _useState14[1];
+  // 查询条件
+  var _useState15 = (0, _react.useState)(_objectSpread(_objectSpread({}, initialFilterValues), isCacheListFilter ? (_window$history$state7 = (_window$history$state8 = window.history.state) === null || _window$history$state8 === void 0 ? void 0 : _window$history$state8.cacheListFilter) !== null && _window$history$state7 !== void 0 ? _window$history$state7 : {} : {})),
+    _useState16 = _slicedToArray(_useState15, 2),
+    search = _useState16[0],
+    setSearch = _useState16[1];
+  // Table组件的checkbox的选择值集合
+  var _useState17 = (0, _react.useState)([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    selectedRowKeys = _useState18[0],
+    setSelectedRowKeys = _useState18[1];
+  var selectedRowKeysRef = (0, _react.useRef)([]);
+  var selectedRowsRef = (0, _react.useRef)([]);
+  var _useState19 = (0, _react.useState)(Date.now()),
+    _useState20 = _slicedToArray(_useState19, 2),
+    t = _useState20[0],
+    setT = _useState20[1];
+  // 使用lodash.get从dataRequest读取method属性，如果读不到，默认使用'GET'
+  var method = (0, _get.default)(dataRequest, ['method'], 'GET');
+  var isUnfold = (0, _get.default)(dataRequest, ['isUnfold'], false);
+  var searchKey = (0, _get.default)(dataRequest, ['searchKey'], 'search');
+  var pageNoKey = (0, _get.default)(dataRequest, ['pageNoKey'], 'pageNo');
+  var pageSizeKey = (0, _get.default)(dataRequest, ['pageSizeKey'], 'pageSize');
+  var dataSourceKey = (0, _get.default)(dataRequest, ['dataSourceKey'], 'dataSource');
+  var formRef = (0, _react.useRef)(); // 搜索框表单实力
+  var manageRef = (0, _react.useRef)(null);
+
+  // 请求
+  var getSearch = function getSearch() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var search = _objectSpread({}, val);
+    search = method.toUpperCase() === 'GET' || isUnfold ? search : _defineProperty({}, searchKey, search);
+    if (searchDataFormatter) {
+      search = searchDataFormatter(search);
+    }
+    return search;
+  };
+  var _useRequest = (0, _useRequest3.default)(dataRequest, {
+      data: _objectSpread(_objectSpread({}, getSearch(search)), {}, _defineProperty(_defineProperty({}, pageNoKey, pageNo), pageSizeKey, pageSize)),
+      showError: true,
+      _t: t
+    }, dataFormatter, function (data) {
+      var _data$pagination;
+      // 从 data 中得到 dataSource 数据
+      var nextDataSource = (0, _get.default)(data, dataSourceKey, []);
+      setPageData(data);
+      setTableSource(nextDataSource);
+
+      // setSelectedRowKeys([]);
+      setTotal((tableProps === null || tableProps === void 0 ? void 0 : tableProps.total) || (data === null || data === void 0 ? void 0 : (_data$pagination = data.pagination) === null || _data$pagination === void 0 ? void 0 : _data$pagination.total) || (nextDataSource === null || nextDataSource === void 0 ? void 0 : nextDataSource.length) || 0);
+      onRequestSuccess && onRequestSuccess(data);
+      // 兼容边界条件：如果删除了某一页的唯一一行，则将分页切回上一页 (第一页)
+      if (pageNo > 1 && (nextDataSource === null || nextDataSource === void 0 ? void 0 : nextDataSource.length) === 0) {
+        setPageNo(1);
+        setT(Date.now());
+      }
+    }, false),
+    _useRequest2 = _slicedToArray(_useRequest, 2),
+    loading = _useRequest2[1];
+  if (sortProps && (sortProps === null || sortProps === void 0 ? void 0 : sortProps.sortRequest)) {
+    (0, _useRequest3.default)(sortProps === null || sortProps === void 0 ? void 0 : sortProps.sortRequest, {
+      data: _objectSpread(_objectSpread({}, method.toUpperCase() === 'GET' ? search || {} : _defineProperty({}, searchKey, search)), {}, _defineProperty(_defineProperty({}, pageNoKey, pageNo), pageSizeKey, pageSize)),
+      showError: true,
+      _t: t
+    }, dataFormatter, function (data) {
+      // 从 data 中得到 dataSource 数据
+      var nextDataSource = (0, _get.default)(data, dataSourceKey, []);
+      setSortTable(nextDataSource);
+    });
+  }
+  (0, _react.useEffect)(function () {
+    onSearchChange && onSearchChange(search);
+  }, [onSearchChange, search]);
+
+  // 执行分页的逻辑;
+  var handlePageChange = function handlePageChange(nextPage, pageSize) {
+    setPageNo(nextPage);
+    setPageSize(pageSize);
+  };
+
+  // 执行查询的逻辑;
+  var handleSearch = function handleSearch() {
+    var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    filterProps === null || filterProps === void 0 ? void 0 : filterProps.map(function (item) {
+      if (item.type === 'datepicker') {
+        values[item.name] = values[item.name] ? (0, _dayjs.default)(values[item.name]).format(item.props._format) : '';
+      }
+      if (item.type === 'dateRangePicker') {
+        var _values$item$name, _item$props, _item$props2;
+        values[item.name] = ((_values$item$name = values[item.name]) === null || _values$item$name === void 0 ? void 0 : _values$item$name.length) ? [values[item.name][0] ? (0, _dayjs.default)(values[item.name][0]).format(((_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.format) || 'YYYY-MM-DD') : null, values[item.name][1] ? (0, _dayjs.default)(values[item.name][1]).format(((_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : _item$props2.format) || 'YYYY-MM-DD') : null] : [];
+      }
+      if (item.type === 'dateTimeRangePicker') {
+        if (values[item.name]) {
+          var _item$props3, _item$props4;
+          values[item.name] = [(0, _dayjs.default)(values[item.name][0]).format((_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.format), (0, _dayjs.default)(values[item.name][1]).format((_item$props4 = item.props) === null || _item$props4 === void 0 ? void 0 : _item$props4.format)];
+        }
+      }
+    });
+    var newSearch = values;
+
+    // 判断是需要同步
+    if (synchValues) {
+      newSearch = _objectSpread(_objectSpread({}, values), search);
+    }
+    if (JSON.stringify(search) === JSON.stringify(newSearch) && pageNo === 1) {
+      setT(Date.now());
+    }
+    setPageNo(1);
+    setSearch(newSearch);
+    if (isCacheListFilter) {
+      var _window$history$state9;
+      window.history.replaceState(_objectSpread(_objectSpread({}, (_window$history$state9 = window.history.state) !== null && _window$history$state9 !== void 0 ? _window$history$state9 : {}), {}, {
+        cacheListFilter: _objectSpread({}, newSearch)
+      }), '');
+    }
+    if (!dataRequest && typeof staticFilter === 'function') {
+      var newData = staticDataSourceCache.current.filter(function (el, i) {
+        return staticFilter(newSearch, el, i);
+      });
+      setTableSource(_toConsumableArray(newData));
+      setTotal(newData.length);
+    }
+    if (!dataRequest && typeof staticSearch === 'function') {
+      staticSearch(newSearch);
+    }
+    return Promise.resolve();
+  };
+  var handleReset = function handleReset() {
+    if (JSON.stringify(search) === JSON.stringify(initialFilterValues) && pageNo === 1) {
+      setT(Date.now());
+    }
+    setPageNo(1);
+    setSearch(initialFilterValues);
+    if (isCacheListFilter) {
+      var _window$history$state10;
+      window.history.replaceState(_objectSpread(_objectSpread({}, (_window$history$state10 = window.history.state) !== null && _window$history$state10 !== void 0 ? _window$history$state10 : {}), {}, {
+        cacheListFilter: _objectSpread({}, initialFilterValues)
+      }), '');
+    }
+    formRef.current.resetFields(); // 重置搜索框中表单
+    formRef.current.setFieldsValue(initialFilterValues);
+    if (!dataRequest && typeof staticSearch === 'function') {
+      staticSearch(initialFilterValues);
+    }
+    // return Promise.resolve();
+  };
+
+  // 批量操作;
+  var handleRequestButtonSuccess = (0, _react.useCallback)(function () {
+    setT(Date.now()); // 触发列表更新
+  }, []);
+
+  // 表格事件
+  var handleTableEmit = (0, _react.useCallback)(function (eventType, record, response) {
+    _saber.logger.debug("handleTableEmit: ".concat(eventType), record, response);
+    onEmit && onEmit(eventType, record, response);
+    if (eventType === 'refreshTableData') {
+      setT(Date.now());
+    }
+  }, []);
+  // Table组件checkbox的props;
+  var rowSelectionProps = {};
+  var primaryKey = (tableProps === null || tableProps === void 0 ? void 0 : tableProps.primaryKey) || 'id';
+  var onSelectChange = tableProps.onSelectChange;
+  var onSelect = function onSelect(record, selected) {
+    var _tableProps$rowSelect, _tableProps$rowSelect2, _tableProps$rowSelect3;
+    if ((tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$rowSelect = tableProps.rowSelection) === null || _tableProps$rowSelect === void 0 ? void 0 : _tableProps$rowSelect.type) === 'radio') {
+      selectedRowKeysRef.current = [getKey(record)];
+      selectedRowsRef.current = [record];
+      setSelectedRowKeys(_toConsumableArray(selectedRowKeysRef.current));
+    } else if (selected) {
+      selectedRowKeysRef.current = [].concat(_toConsumableArray(selectedRowKeysRef.current), [getKey(record)]);
+      selectedRowsRef.current = [].concat(_toConsumableArray(selectedRowsRef.current), [record]);
+      setSelectedRowKeys(_toConsumableArray(selectedRowKeysRef.current));
+    } else {
+      selectedRowKeysRef.current = selectedRowKeysRef.current.filter(function (el) {
+        return el !== getKey(record);
+      });
+      selectedRowsRef.current = selectedRowsRef.current.filter(function (el) {
+        return getKey(el) !== getKey(record);
+      });
+      setSelectedRowKeys(_toConsumableArray(selectedRowKeysRef.current));
+    }
+    onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(selectedRowKeysRef.current, selectedRowsRef.current);
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+    tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$rowSelect2 = tableProps.rowSelection) === null || _tableProps$rowSelect2 === void 0 ? void 0 : (_tableProps$rowSelect3 = _tableProps$rowSelect2.onSelect) === null || _tableProps$rowSelect3 === void 0 ? void 0 : _tableProps$rowSelect3.call.apply(_tableProps$rowSelect3, [_tableProps$rowSelect2, record, selected].concat(args));
+  };
+  var getKey = function getKey(record) {
+    return typeof primaryKey === 'function' ? primaryKey(record) : record[primaryKey];
+  };
+  var onSelectAll = function onSelectAll(selected, selectedRows, changeRows) {
+    var _tableProps$rowSelect4, _tableProps$rowSelect5;
+    var keys = changeRows.map(function (el) {
+      return getKey(el);
+    });
+    if (selected) {
+      selectedRowKeysRef.current = [].concat(_toConsumableArray(selectedRowKeysRef.current), _toConsumableArray(keys));
+      selectedRowsRef.current = [].concat(_toConsumableArray(selectedRowsRef.current), _toConsumableArray(changeRows));
+      setSelectedRowKeys(_toConsumableArray(selectedRowKeysRef.current));
+    } else {
+      selectedRowKeysRef.current = selectedRowKeysRef.current.filter(function (el) {
+        return !keys.includes(el);
+      });
+      selectedRowsRef.current = selectedRowsRef.current.filter(function (el) {
+        return !keys.includes(getKey(el));
+      });
+      setSelectedRowKeys(_toConsumableArray(selectedRowKeysRef.current));
+    }
+    onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(selectedRowKeysRef.current, selectedRowsRef.current);
+    tableProps === null || tableProps === void 0 ? void 0 : (_tableProps$rowSelect4 = tableProps.rowSelection) === null || _tableProps$rowSelect4 === void 0 ? void 0 : (_tableProps$rowSelect5 = _tableProps$rowSelect4.onSelectAll) === null || _tableProps$rowSelect5 === void 0 ? void 0 : _tableProps$rowSelect5.call(_tableProps$rowSelect4, selected, selectedRows, changeRows);
+  };
+  if ((tableProps === null || tableProps === void 0 ? void 0 : tableProps.checkable) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.rowSelection)) {
+    rowSelectionProps = {
+      checkable: true,
+      rowSelection: tableProps.rowSelection || {},
+      selectedRowKeys: selectedRowKeys,
+      primaryKey: primaryKey,
+      // onSelectChange: (keys: any[], rows: any[]) => {
+      //   setSelectedRowKeys(keys);
+      //   onSelectChange && onSelectChange(keys, rows);
+      // },
+      onSelect: onSelect,
+      onSelectAll: onSelectAll
+    };
+  }
+  // Table组件pagination的props;
+  var tablePagination = (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) === false ? false : _objectSpread(_objectSpread({
+    className: 'cf-compose-manage-pagination',
+    total: total,
+    size: 'default',
+    current: pageNo,
+    pageSize: pageSize,
+    pageSizeOptions: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pageSizeOptions) || ['20', '50', '100', '200'],
+    showSizeChanger: total - 20 >= 0,
+    showQuickJumper: true
+  }, tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination), {}, {
+    showTotal: function showTotal() {
+      return "".concat(tooltip ? '' : "\u5171 ".concat(total, " \u6761\u6570\u636E"), " \u7B2C ").concat(pageNo, "/").concat(Math.ceil(total / pageSize), " \u9875");
+    }
+  });
+  var formProps = (0, _react.useMemo)(function () {
+    return {
+      colon: true,
+      // layout: 'vertical',
+      dateFormatter: false,
+      className: "ss-compose-manage-query-filter ".concat(filterClassName || ''),
+      onFinish: handleSearch,
+      onCollapse: function onCollapse(val) {
+        setCollapsed(val);
+      },
+      onReset: handleReset,
+      labelWidth: filterLabelWidth,
+      submitter: {
+        resetButtonProps: {
+          style: {
+            // 隐藏重置按钮
+            display: removeResetButton ? 'none' : 'block'
+          }
+        }
+      },
+      initialValues: search,
+      defaultCollapsed: defaultCollapsed
+    };
+  }, [search]);
+  var renderEmpty = function renderEmpty() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "table-empty-style"
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      src: _empty_.default,
+      alt: ""
+    }), /*#__PURE__*/_react.default.createElement("span", null, emptyText));
+  };
+  var transformValue = function transformValue() {
+    var originText = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    return originText.toString().replace(/\$\{([\w.]+)\}/g, function (matched, $1) {
+      switch ($1) {
+        default:
+          return (0, _get.default)(pageData, $1, matched);
+      }
+    });
+  };
+  var tableTitle = function tableTitle() {
+    if ((typeof (tooltip === null || tooltip === void 0 ? void 0 : tooltip.title) === 'string' || /*#__PURE__*/_react.default.isValidElement(tooltip === null || tooltip === void 0 ? void 0 : tooltip.title)) && (tooltip === null || tooltip === void 0 ? void 0 : tooltip.title)) {
+      var title = tooltip.title;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "manage-tooltip-left"
+      }, title);
+    }
+    if (_typeof(tooltip === null || tooltip === void 0 ? void 0 : tooltip.title) === 'object') {
+      var _ref4 = tooltip === null || tooltip === void 0 ? void 0 : tooltip.title,
+        left = _ref4.left,
+        center = _ref4.center,
+        right = _ref4.right;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "manage-tooltip-left"
+      }, left, /*#__PURE__*/_react.default.createElement("span", {
+        className: "center"
+      }, transformValue(center)), right);
+    }
+    return null;
+  };
+  var _ref5 = (0, _react.useContext)(_composeTree.ComposeTreeContext) || {},
+    isInTree = _ref5.isInTree;
+  var _useState21 = (0, _react.useState)(8),
+    _useState22 = _slicedToArray(_useState21, 2),
+    filterSpan = _useState22[0],
+    setFilterSpan = _useState22[1];
+  (0, _react.useLayoutEffect)(function () {
+    var onResize = function onResize() {
+      var _manageRef$current;
+      var width = ((_manageRef$current = manageRef.current) === null || _manageRef$current === void 0 ? void 0 : _manageRef$current.offsetWidth) || window.innerWidth;
+      if (width > 1344) {
+        setFilterSpan(6);
+      } else if (width > 1000) {
+        setFilterSpan(8);
+      } else if (width > 520) {
+        setFilterSpan(12);
+      } else {
+        setFilterSpan(24);
+      }
+    };
+    onResize();
+    window.addEventListener('resize', onResize);
+    return function () {
+      window.removeEventListener('resize', onResize);
+    };
+  }, []);
+  var defaultColsNumber = (0, _react.useMemo)(function () {
+    return 24 / filterSpan * 2;
+  }, [filterSpan]);
+  var filterLabelWidthStr = (0, _react.useMemo)(function () {
+    return filterLabelWidth === 'auto' ? '' : "0 0 ".concat(filterLabelWidth, "px");
+  }, [filterLabelWidth]);
+  var updateDataSorce = function updateDataSorce() {
+    var dataSorce = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    setTableSource(dataSorce);
+    setTotal(dataSorce.length);
+    staticDataSourceCache.current = dataSorce;
+  };
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      handleReset: handleReset,
+      updateDataSorce: updateDataSorce,
+      handleSearch: handleSearch
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "ss-compose-manage-container",
+    ref: manageRef
+  }, /*#__PURE__*/_react.default.createElement(_noticeSection.default, {
+    alertProps: alertProps,
+    onRefresh: function onRefresh() {
+      setT(Date.now());
+    }
+  }), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.length) > 0 &&
+  /*#__PURE__*/
+  // <div ref={}>
+  _react.default.createElement(_proForm.QueryFilter, _extends({
+    formRef: formRef
+  }, formProps, {
+    span: filterSpan,
+    defaultColsNumber: defaultColsNumber
+  }), filterProps === null || filterProps === void 0 ? void 0 : filterProps.map(function (f, index) {
+    return /*#__PURE__*/_react.default.createElement(_filterItem.default, _extends({
+      key: f.name
+    }, f, {
+      labelWidth: filterLabelWidthStr,
+      externalComsMap: filterComsMap,
+      collapsed: collapsed,
+      index: index,
+      defaultColsNumber: defaultColsNumber
+    }));
+  }))
+  // </div>
+  , /*#__PURE__*/_react.default.createElement("section", {
+    className: "section-caption"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "caption-left-side"
+  }, buttonList.map(function (btnProps, index) {
+    var uiType = btnProps.uiType,
+      request = btnProps.request,
+      isBatch = btnProps.isBatch,
+      _btnProps$buttonProps = btnProps.buttonProps,
+      buttonProps = _btnProps$buttonProps === void 0 ? {} : _btnProps$buttonProps,
+      _onSuccess = btnProps.onSuccess,
+      _btnProps$qrBeforeCli = btnProps.qrBeforeClick,
+      qrBeforeClick = _btnProps$qrBeforeCli === void 0 ? false : _btnProps$qrBeforeCli,
+      confirmBeforeClick = btnProps.confirmBeforeClick,
+      others = _objectWithoutProperties(btnProps, _excluded);
+    if (index === 0 && (!btnProps.type || buttonProps.type === 'default')) {
+      buttonProps.type = 'primary';
+    } else if (index > 0 && buttonProps.type === 'primary') {
+      delete buttonProps.type;
+    }
+    if (request) {
+      var _buttonProps, _request, _request2, _request3, _request4;
+      buttonProps = _objectSpread(_objectSpread({}, buttonProps || {}), {}, {
+        disabled: isBatch ? !selectedRowKeys.length : (_buttonProps = buttonProps) === null || _buttonProps === void 0 ? void 0 : _buttonProps.disabled
+      });
+      request = _objectSpread(_objectSpread({}, request || {}), {}, {
+        params: ['download', 'downloadFe'].includes(uiType) ? _objectSpread(_objectSpread(_objectSpread({}, ((_request = request) === null || _request === void 0 ? void 0 : _request.params) || {}), ((_request2 = request) === null || _request2 === void 0 ? void 0 : _request2.method.toUpperCase()) === 'GET' || ((_request3 = request) === null || _request3 === void 0 ? void 0 : _request3.isUnfold) ? search || {} : {
+          search: search
+        }), {}, {
+          idList: selectedRowKeys
+        }) : _objectSpread(_objectSpread({}, ((_request4 = request) === null || _request4 === void 0 ? void 0 : _request4.params) || {}), {}, {
+          idList: selectedRowKeys
+          // rowList: selectedRowList || [],
+        })
+      });
+
+      // confirm 的占位
+      var nextConfirmBeforeClick = confirmBeforeClick;
+      if (confirmBeforeClick) {
+        var _request5, _request6;
+        var renderClassName = confirmBeforeClick.renderClassName,
+          renderContent = confirmBeforeClick.renderContent,
+          className = confirmBeforeClick.className,
+          content = confirmBeforeClick.content,
+          otherConfirmClick = _objectWithoutProperties(confirmBeforeClick, _excluded2);
+        nextConfirmBeforeClick = _objectSpread({
+          className: typeof renderContent === 'function' ? renderClassName((_request5 = request) === null || _request5 === void 0 ? void 0 : _request5.params) : className,
+          content: typeof renderContent === 'function' ? renderContent((_request6 = request) === null || _request6 === void 0 ? void 0 : _request6.params) : content
+        }, otherConfirmClick);
+      }
+      return /*#__PURE__*/_react.default.createElement(_button.default, _extends({
+        uiType: uiType,
+        key: index,
+        request: request,
+        onSuccess: function onSuccess() {
+          if (isBatch) {
+            selectedRowKeysRef.current = [];
+            selectedRowsRef.current = [];
+            setSelectedRowKeys([]);
+          }
+          _onSuccess && _onSuccess.apply(void 0, arguments);
+          handleRequestButtonSuccess();
+        },
+        qrBeforeClick: qrBeforeClick,
+        isBatch: isBatch,
+        buttonProps: buttonProps,
+        selectedRowKeys: selectedRowKeys,
+        confirmBeforeClick: nextConfirmBeforeClick
+      }, others));
+    }
+    return /*#__PURE__*/_react.default.createElement(_button.default, _extends({
+      key: index
+    }, btnProps, {
+      qrBeforeClick: qrBeforeClick,
+      isBatch: isBatch,
+      selectedRowKeys: selectedRowKeys,
+      onSuccess: function onSuccess() {
+        if (isBatch) {
+          selectedRowKeysRef.current = [];
+          selectedRowsRef.current = [];
+          setSelectedRowKeys([]);
+        }
+        _onSuccess && _onSuccess.apply(void 0, arguments);
+        handleRequestButtonSuccess();
+      }
+    }));
+  }), sortProps ? /*#__PURE__*/_react.default.createElement(_sort.default, _extends({}, sortProps, {
+    primaryKey: primaryKey,
+    dataSource: sortTable || tableSource,
+    tableProps: tableProps,
+    onRefresh: handleRequestButtonSuccess
+  })) : null), captionRight && /*#__PURE__*/_react.default.createElement("div", {
+    className: "caption-right-side"
+  }, captionRight)), tooltip ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "manage-tooltip"
+  }, tableTitle(), /*#__PURE__*/_react.default.createElement("span", {
+    className: "manage-tooltip-right"
+  }, "\u5171 ", total, " \u6761\u6570\u636E")) : null, /*#__PURE__*/_react.default.createElement(_configProvider.default, {
+    renderEmpty: renderEmpty
+  }, /*#__PURE__*/_react.default.createElement(_table.default, _extends({}, tableProps, {
+    loading: dataRequest ? loading : outerLoading,
+    pagination: tablePagination,
+    onPageChange: handlePageChange,
+    onShowSizeChange: handlePageChange
+  }, rowSelectionProps, {
+    onEmit: handleTableEmit,
+    comsMap: tableProps === null || tableProps === void 0 ? void 0 : tableProps.comsMap,
+    primaryKey: tableProps === null || tableProps === void 0 ? void 0 : tableProps.primaryKey,
+    hasBorder: tableProps === null || tableProps === void 0 ? void 0 : tableProps.hasBorder,
+    columns: tableProps === null || tableProps === void 0 ? void 0 : tableProps.columns,
+    dataSource: tableSource || []
+  }))));
+});
+var _default = exports.default = ComposeManage;