antd-management-fast-framework 1.1.64 → 1.1.65

package/es/framework/DataListView/BatchAction/index.d.ts

@@ -0,0 +1,21 @@
+export default BatchAction;
+declare function BatchAction({ style, onSelect, menus, disabled }: {
+    style: any;
+    onSelect: any;
+    menus?: any[] | undefined;
+    disabled: any;
+}): JSX.Element;
+declare namespace BatchAction {
+    export { DropdownButton as Button };
+}
+/**
+ * 默认的 index 列容器，提供一个好看的 index
+ * @param param0
+ */
+declare function DropdownButton({ children, menus, onSelect, style, disabled, }: {
+    children: any;
+    menus?: any[] | undefined;
+    onSelect: any;
+    style: any;
+    disabled: any;
+}): JSX.Element;

package/es/framework/DataListView/BatchAction/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("antd/es/dropdown/style");
+
+var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+require("antd/es/menu/style");
+
+var _menu = _interopRequireDefault(require("antd/es/menu"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _context = require("antd/lib/config-provider/context");
+
+var _IconInfo = _interopRequireDefault(require("../../../customComponents/IconInfo"));
+
+var _index = _interopRequireDefault(require("./index.less"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * 默认的 index 列容器，提供一个好看的 index
+ * @param param0
+ */
+var DropdownButton = function DropdownButton(_ref) {
+  var children = _ref.children,
+      _ref$menus = _ref.menus,
+      menus = _ref$menus === void 0 ? [] : _ref$menus,
+      onSelect = _ref.onSelect,
+      style = _ref.style,
+      disabled = _ref.disabled;
+  return /*#__PURE__*/_react["default"].createElement(_context.ConfigConsumer, null, function () {
+    var menu = /*#__PURE__*/_react["default"].createElement(_menu["default"], {
+      onClick: function onClick(params) {
+        return onSelect && onSelect(params.key);
+      }
+    }, menus.map(function (item) {
+      return /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, {
+        key: item.key,
+        disabled: (item.disabled || null) == null ? false : item.disabled
+      }, /*#__PURE__*/_react["default"].createElement(_IconInfo["default"], {
+        icon: item.icon,
+        text: item.name
+      }));
+    }));
+
+    return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
+      overlay: menu,
+      className: _index["default"].batchAction,
+      disabled: disabled
+    }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+      style: style
+    }, children, " ", /*#__PURE__*/_react["default"].createElement(_icons.DownOutlined, null)));
+  });
+};
+
+var BatchAction = function BatchAction(_ref2) {
+  var style = _ref2.style,
+      onSelect = _ref2.onSelect,
+      _ref2$menus = _ref2.menus,
+      menus = _ref2$menus === void 0 ? [] : _ref2$menus,
+      disabled = _ref2.disabled;
+  return /*#__PURE__*/_react["default"].createElement(_context.ConfigConsumer, null, function () {
+    var menu = /*#__PURE__*/_react["default"].createElement(_menu["default"], {
+      onClick: function onClick(params) {
+        return onSelect && onSelect(params.key);
+      }
+    }, menus.map(function (item) {
+      return /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, {
+        key: item.key
+      }, item.name);
+    }));
+
+    return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
+      overlay: menu,
+      className: _index["default"].batchAction,
+      disabled: disabled
+    }, /*#__PURE__*/_react["default"].createElement("a", {
+      style: style
+    }, /*#__PURE__*/_react["default"].createElement(_icons.EllipsisOutlined, null)));
+  });
+};
+
+BatchAction.Button = DropdownButton;
+var _default = BatchAction;
+exports["default"] = _default;

package/es/framework/DataListView/ColumnSetting/DndItem.d.ts

@@ -0,0 +1,8 @@
+export default Card;
+declare function Card({ id, end, move, children, index }: {
+    id: any;
+    end: any;
+    move: any;
+    children: any;
+    index: any;
+}): JSX.Element;

package/es/framework/DataListView/ColumnSetting/DndItem.js

@@ -0,0 +1,155 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDnd = require("react-dnd");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+// export interface CardProps {
+//   id: any;
+//   index: number;
+//   move?: (dragIndex: number, hoverIndex: number) => void;
+//   end: (id: string, dragIndex: number) => void;
+// }
+// interface DragItem {
+//   index: number;
+//   id: string;
+//   type: string;
+// }
+var ItemTypes = {
+  CARD: 'card'
+};
+
+var Card = function Card(_ref) {
+  var id = _ref.id,
+      _end = _ref.end,
+      move = _ref.move,
+      children = _ref.children,
+      index = _ref.index;
+  var ref = (0, _react.useRef)(null);
+
+  var _useDrop = (0, _reactDnd.useDrop)({
+    accept: ItemTypes.CARD,
+    hover: function hover(item, monitor) {
+      if (!ref.current) {
+        return;
+      }
+
+      var dragIndex = item.index;
+      var hoverIndex = index; // Don't replace items with themselves
+
+      // Don't replace items with themselves
+      if (dragIndex === hoverIndex) {
+        return;
+      } // Determine rectangle on screen
+
+
+      // Determine rectangle on screen
+      var hoverBoundingRect = ref.current.getBoundingClientRect(); // Get vertical middle
+
+      // Get vertical middle
+      var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2; // Determine mouse position
+
+      // Determine mouse position
+      var clientOffset = monitor.getClientOffset(); // Get pixels to the top
+
+      // Get pixels to the top
+      var hoverClientY = clientOffset.y - hoverBoundingRect.top; // Only perform the move when the mouse has crossed half of the items height
+      // When dragging downwards, only move when the cursor is below 50%
+      // When dragging upwards, only move when the cursor is above 50%
+      // Dragging downwards
+
+      // Only perform the move when the mouse has crossed half of the items height
+      // When dragging downwards, only move when the cursor is below 50%
+      // When dragging upwards, only move when the cursor is above 50%
+      // Dragging downwards
+      if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
+        return;
+      } // Dragging upwards
+
+
+      // Dragging upwards
+      if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
+        return;
+      } // Time to actually perform the action
+
+
+      // Time to actually perform the action
+      if (move) {
+        move(dragIndex, hoverIndex);
+      } // Note: we're mutating the monitor item here!
+      // Generally it's better to avoid mutations,
+      // but it's good here for the sake of performance
+      // to avoid expensive index searches.
+      // eslint-disable-next-line no-param-reassign
+
+
+      // Note: we're mutating the monitor item here!
+      // Generally it's better to avoid mutations,
+      // but it's good here for the sake of performance
+      // to avoid expensive index searches.
+      // eslint-disable-next-line no-param-reassign
+      item.index = hoverIndex;
+    }
+  }),
+      _useDrop2 = _slicedToArray(_useDrop, 2),
+      drop = _useDrop2[1];
+
+  var _useDrag = (0, _reactDnd.useDrag)({
+    type: ItemTypes.CARD,
+    item: {
+      type: ItemTypes.CARD,
+      id: id,
+      index: index
+    },
+    collect: function collect(monitor) {
+      return {
+        isDragging: monitor.isDragging()
+      };
+    },
+    end: function end(item) {
+      if (!item) {
+        return;
+      }
+
+      _end(item.id, item.index);
+    }
+  }),
+      _useDrag2 = _slicedToArray(_useDrag, 2),
+      isDragging = _useDrag2[0].isDragging,
+      drag = _useDrag2[1];
+
+  var opacity = isDragging ? 0 : 1;
+  drag(drop(ref));
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: ref,
+    style: {
+      opacity: opacity
+    }
+  }, children);
+};
+
+var _default = Card;
+exports["default"] = _default;

package/es/framework/DataListView/ColumnSetting/index.d.ts

@@ -0,0 +1,3 @@
+export function genColumnKey(key: any, dataIndex: any): any;
+export default ColumnSetting;
+declare function ColumnSetting(props: any): JSX.Element;

package/es/framework/DataListView/ColumnSetting/index.js

@@ -0,0 +1,366 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.genColumnKey = void 0;
+
+require("antd/es/popover/style");
+
+var _popover = _interopRequireDefault(require("antd/es/popover"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+require("antd/es/checkbox/style");
+
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+
+require("antd/es/tooltip/style");
+
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _reactDnd = require("react-dnd");
+
+var _reactDndHtml5Backend = require("react-dnd-html5-backend");
+
+var _DndItem = _interopRequireDefault(require("./DndItem"));
+
+var _index = _interopRequireDefault(require("./index.less"));
+
+var _excluded = ["key", "dataIndex", "title", "fixed"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Backend = _reactDndHtml5Backend.HTML5Backend;
+/**
+ *  根据 key 和 dataIndex 生成唯一 id
+ * @param key
+ * @param dataIndex
+ */
+
+var genColumnKey = function genColumnKey(key, dataIndex) {
+  if (key) {
+    return key;
+  }
+
+  if (!key && dataIndex) {
+    if (Array.isArray(dataIndex)) {
+      return dataIndex.join('-');
+    }
+
+    return dataIndex;
+  }
+
+  return undefined;
+};
+
+exports.genColumnKey = genColumnKey;
+
+var ToolTipIcon = function ToolTipIcon(_ref) {
+  var title = _ref.title,
+      show = _ref.show,
+      children = _ref.children,
+      columnKey = _ref.columnKey,
+      fixed = _ref.fixed,
+      columnsMap = _ref.columnsMap,
+      setColumnsMap = _ref.setColumnsMap;
+
+  if (show) {
+    return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+      title: title
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      onClick: function onClick() {
+        var config = columnsMap[columnKey || ''] || {};
+
+        var columnKeyMap = _objectSpread(_objectSpread({}, columnsMap), {}, _defineProperty({}, columnKey, _objectSpread(_objectSpread({}, config), {}, {
+          fixed: fixed
+        })));
+
+        setColumnsMap(columnKeyMap);
+      }
+    }, children));
+  }
+
+  return null;
+};
+
+var CheckboxListItem = function CheckboxListItem(_ref2) {
+  var columnKey = _ref2.columnKey,
+      columnsMap = _ref2.columnsMap,
+      title = _ref2.title,
+      setColumnsMap = _ref2.setColumnsMap,
+      fixed = _ref2.fixed;
+  var columnsCollection = columnsMap || [];
+  var config = columnsCollection[columnKey || 'null'] || {
+    show: true
+  };
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: _index["default"].item,
+    key: columnKey
+  }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+    className: _index["default"].checkbox,
+    onChange: function onChange(e) {
+      if (columnKey) {
+        var tempConfig = columnsCollection[columnKey || ''] || {};
+
+        var newSetting = _objectSpread({}, tempConfig);
+
+        if (e.target.checked) {
+          delete newSetting.show;
+        } else {
+          newSetting.show = false;
+        }
+
+        var columnKeyMap = _objectSpread(_objectSpread({}, columnsCollection), {}, _defineProperty({}, columnKey, newSetting));
+
+        if (setColumnsMap) {
+          setColumnsMap(columnKeyMap);
+        }
+      }
+    },
+    checked: config.show !== false
+  }, title), /*#__PURE__*/_react["default"].createElement("span", {
+    className: _index["default"].option
+  }, /*#__PURE__*/_react["default"].createElement(ToolTipIcon, {
+    columnKey: columnKey,
+    fixed: "left",
+    title: "\u56FA\u5B9A\u5230\u5DE6\u8FB9",
+    show: fixed !== 'left'
+  }, /*#__PURE__*/_react["default"].createElement(_icons.PushpinOutlined, {
+    style: {
+      transform: 'rotate(-90deg)'
+    }
+  })), /*#__PURE__*/_react["default"].createElement(ToolTipIcon, {
+    columnKey: columnKey,
+    fixed: undefined,
+    title: "\u53D6\u6D88\u56FA\u5B9A",
+    show: !!fixed
+  }, /*#__PURE__*/_react["default"].createElement(_icons.VerticalAlignMiddleOutlined, null)), /*#__PURE__*/_react["default"].createElement(ToolTipIcon, {
+    columnKey: columnKey,
+    fixed: "right",
+    title: "\u56FA\u5B9A\u5230\u53F3\u8FB9",
+    show: fixed !== 'right'
+  }, /*#__PURE__*/_react["default"].createElement(_icons.PushpinOutlined, null))));
+};
+
+var CheckboxList = function CheckboxList(_ref3) {
+  var list = _ref3.list,
+      columnsMap = _ref3.columnsMap,
+      setColumnsMap = _ref3.setColumnsMap,
+      sortKeyColumns = _ref3.sortKeyColumns,
+      setSortKeyColumns = _ref3.setSortKeyColumns,
+      _ref3$showTitle = _ref3.showTitle,
+      showTitle = _ref3$showTitle === void 0 ? true : _ref3$showTitle,
+      listTitle = _ref3.title;
+  var show = list && list.length > 0;
+
+  if (!show) {
+    return null;
+  }
+
+  var move = function move(id, targetIndex) {
+    var newColumns = _toConsumableArray(sortKeyColumns);
+
+    var findIndex = newColumns.findIndex(function (columnKey) {
+      return columnKey === id;
+    });
+    var key = newColumns[findIndex];
+    newColumns.splice(findIndex, 1);
+
+    if (targetIndex === 0) {
+      newColumns.unshift(key);
+    } else {
+      newColumns.splice(targetIndex, 0, key);
+    }
+
+    setSortKeyColumns(newColumns);
+  };
+
+  var listDom = list.map(function (_ref4, index) {
+    var key = _ref4.key,
+        dataIndex = _ref4.dataIndex,
+        title = _ref4.title,
+        fixed = _ref4.fixed,
+        rest = _objectWithoutProperties(_ref4, _excluded);
+
+    var columnKey = genColumnKey(key, dataIndex || rest.index);
+    return /*#__PURE__*/_react["default"].createElement(_DndItem["default"], {
+      index: index,
+      id: "".concat(columnKey, "_").concat(rest.index),
+      key: "".concat(columnKey || 'no', "_").concat(title),
+      end: function end(id, targetIndex) {
+        move(id, targetIndex);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(CheckboxListItem, {
+      setColumnsMap: setColumnsMap,
+      columnKey: columnKey || "".concat(index),
+      columnsMap: columnsMap,
+      title: title,
+      fixed: fixed
+    }));
+  });
+  return /*#__PURE__*/_react["default"].createElement(_reactDnd.DndProvider, {
+    backend: Backend
+  }, showTitle && /*#__PURE__*/_react["default"].createElement("span", {
+    className: _index["default"].title
+  }, listTitle), listDom);
+};
+
+var GroupCheckboxList = function GroupCheckboxList(_ref5) {
+  var localColumns = _ref5.localColumns,
+      columnsMap = _ref5.columnsMap,
+      setColumnsMap = _ref5.setColumnsMap,
+      setSortKeyColumns = _ref5.setSortKeyColumns;
+  var rightList = [];
+  var leftList = [];
+  var list = [];
+  localColumns.forEach(function (item) {
+    var fixed = item.fixed;
+
+    if (fixed === 'left') {
+      leftList.push(item);
+      return;
+    }
+
+    if (fixed === 'right') {
+      rightList.push(item);
+      return;
+    }
+
+    list.push(item);
+  });
+  var showRight = rightList && rightList.length > 0;
+  var showLeft = leftList && leftList.length > 0;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _index["default"].list
+  }, /*#__PURE__*/_react["default"].createElement(CheckboxList, {
+    key: "list-leftList",
+    title: "\u56FA\u5B9A\u5728\u5DE6\u4FA7",
+    list: leftList,
+    columnsMap: columnsMap,
+    setColumnsMap: setColumnsMap
+  }), /*#__PURE__*/_react["default"].createElement(CheckboxList, {
+    key: "list-list",
+    list: list,
+    title: "\u4E0D\u56FA\u5B9A",
+    columnsMap: columnsMap,
+    showTitle: showLeft || showRight,
+    setColumnsMap: setColumnsMap
+  }), /*#__PURE__*/_react["default"].createElement(CheckboxList, {
+    key: "list-rightList",
+    title: "\u56FA\u5B9A\u5728\u53F3\u4FA7",
+    list: rightList,
+    columnsMap: columnsMap,
+    setColumnsMap: setColumnsMap,
+    setSortKeyColumns: setSortKeyColumns
+  }));
+};
+
+var ColumnSetting = function ColumnSetting(props) {
+  var localColumns = props.columns || [];
+  var columnsMap = props.columnsMap,
+      setColumnsMap = props.setColumnsMap,
+      setSortKeyColumns = props.setSortKeyColumns;
+  /**
+   * 设置全部选中，或全部未选中
+   * @param show
+   */
+
+  var setAllSelectAction = function setAllSelectAction() {
+    var show = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    var columnKeyMap = {};
+    localColumns.forEach(function (_ref6) {
+      var key = _ref6.key,
+          fixed = _ref6.fixed,
+          dataIndex = _ref6.dataIndex;
+      var columnKey = genColumnKey(key, dataIndex);
+
+      if (columnKey) {
+        columnKeyMap[columnKey] = {
+          show: show,
+          fixed: fixed
+        };
+      }
+    });
+
+    if (setColumnsMap) {
+      setColumnsMap(columnKeyMap);
+    }
+  };
+
+  var selectKeys = Object.values(columnsMap || []).filter(function (value) {
+    return !value || value.show === false;
+  });
+  var indeterminate = selectKeys.length > 0 && selectKeys.length !== localColumns.length;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: _index["default"].columnSetting
+  }, /*#__PURE__*/_react["default"].createElement(_popover["default"], {
+    arrowPointAtCenter: true,
+    title: /*#__PURE__*/_react["default"].createElement("div", {
+      className: _index["default"].topTitle
+    }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      indeterminate: indeterminate,
+      checked: selectKeys.length === 0 && selectKeys.length !== localColumns.length,
+      onChange: function onChange(e) {
+        if (e.target.checked) {
+          setAllSelectAction();
+        } else {
+          setAllSelectAction(false);
+        }
+      }
+    }, "\u5217\u5C55\u793A"), /*#__PURE__*/_react["default"].createElement("a", {
+      onClick: function onClick() {
+        setColumnsMap({});
+        setSortKeyColumns([]);
+      }
+    }, "\u91CD\u7F6E")),
+    trigger: "click",
+    placement: "bottomRight",
+    content: /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(GroupCheckboxList, {
+      localColumns: localColumns,
+      columnsMap: columnsMap,
+      setColumnsMap: setColumnsMap,
+      setSortKeyColumns: setSortKeyColumns
+    }))
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    title: "\u5217\u8BBE\u7F6E"
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    shape: "circle",
+    style: {
+      border: 0,
+      color: '#000000'
+    },
+    icon: /*#__PURE__*/_react["default"].createElement(_icons.SettingOutlined, null)
+  }))));
+};
+
+var _default = ColumnSetting;
+exports["default"] = _default;

package/es/framework/DataListView/DensityAction/index.d.ts

@@ -0,0 +1,6 @@
+export default DensityAction;
+declare class DensityAction extends React.PureComponent<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+}
+import React from "react";