antd-management-fast-framework 2.1.0 → 2.1.2

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

@@ -1,73 +0,0 @@
-import { Dropdown, Button } from 'antd';
-import { ConfigConsumer } from 'antd/lib/config-provider/context';
-import React from 'react';
-import { iconBuilder } from 'antd-management-fast-component/es/customComponents/Icon';
-
-var styles = {"batchAction":"index_batchAction__oUDJ-"};
-
-/**
- * 默认的 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.createElement(ConfigConsumer, null, function () {
-    var items = menus.map(function (item) {
-      return {
-        key: item.key,
-        label: item.name,
-        icon: item.icon,
-        disabled: (item.disabled || null) == null ? false : item.disabled
-      };
-    });
-    return /*#__PURE__*/React.createElement(Dropdown, {
-      menu: {
-        items: items,
-        onClick: function onClick(params) {
-          return onSelect && onSelect(params.key);
-        }
-      },
-      className: styles.batchAction,
-      disabled: disabled
-    }, /*#__PURE__*/React.createElement(Button, {
-      style: style
-    }, children, " ", iconBuilder.down()));
-  });
-};
-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.createElement(ConfigConsumer, null, function () {
-    var items = menus.map(function (item) {
-      return {
-        key: item.key,
-        label: item.name,
-        icon: item.icon,
-        disabled: (item.disabled || null) == null ? false : item.disabled
-      };
-    });
-    return /*#__PURE__*/React.createElement(Dropdown, {
-      menu: {
-        items: items,
-        onClick: function onClick(params) {
-          return onSelect && onSelect(params.key);
-        }
-      },
-      className: styles.batchAction,
-      disabled: disabled
-    }, /*#__PURE__*/React.createElement("a", {
-      style: style
-    }, iconBuilder.ellipsis()));
-  });
-};
-BatchAction.Button = DropdownButton;
-
-export { BatchAction as default };

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

@@ -1,116 +0,0 @@
-import { _ as _slicedToArray } from '../../../slicedToArray.js';
-import React, { useRef } from 'react';
-import { useDrop, useDrag } from 'react-dnd';
-import '../../../unsupportedIterableToArray.js';
-
-// 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 = useRef(null);
-  var _useDrop = 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
-        if (dragIndex === hoverIndex) {
-          return;
-        }
-
-        // Determine rectangle on screen
-        var hoverBoundingRect = ref.current.getBoundingClientRect();
-
-        // Get vertical middle
-        var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
-
-        // Determine mouse position
-        var clientOffset = monitor.getClientOffset();
-
-        // 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
-        if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
-          return;
-        }
-
-        // Dragging upwards
-        if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
-          return;
-        }
-        // 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
-        item.index = hoverIndex;
-      }
-    }),
-    _useDrop2 = _slicedToArray(_useDrop, 2),
-    drop = _useDrop2[1];
-  var _useDrag = 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.createElement("div", {
-    ref: ref,
-    style: {
-      opacity: opacity
-    }
-  }, children);
-};
-
-export { Card as default };

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

@@ -1,319 +0,0 @@
-import { _ as _toConsumableArray } from '../../../toConsumableArray.js';
-import { _ as _objectSpread2, a as _defineProperty } from '../../../objectSpread2.js';
-import { Popover, Checkbox, Tooltip, Button } from 'antd';
-import { DndProvider } from 'react-dnd';
-import { HTML5Backend } from 'react-dnd-html5-backend';
-import { PushpinOutlined } from '@ant-design/icons';
-import { iconBuilder } from 'antd-management-fast-component/es/customComponents/Icon';
-import Card from './DndItem.js';
-import '../../../unsupportedIterableToArray.js';
-import '../../../toPropertyKey.js';
-import '../../../typeof.js';
-import '../../../slicedToArray.js';
-import 'react';
-
-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 _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;
-}
-
-var styles = {"columnSetting":"index_columnSetting__3pXyD","topTitle":"index_topTitle__DukWj","list":"index_list__Sawo5","title":"index_title__6PP8V","item":"index_item__26IUr","option":"index_option__fh9qw","anticon":"index_anticon__rcn9B","columnSettingList-item-option":"index_columnSettingList-item-option__WVIeN","checkbox":"index_checkbox__NKL4Z"};
-
-var _excluded = ["key", "dataIndex", "title", "fixed"];
-var Backend = 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;
-};
-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.createElement(Tooltip, {
-      title: title
-    }, /*#__PURE__*/React.createElement("span", {
-      onClick: function onClick() {
-        var config = columnsMap[columnKey || ''] || {};
-        var columnKeyMap = _objectSpread2(_objectSpread2({}, columnsMap), {}, _defineProperty({}, columnKey, _objectSpread2(_objectSpread2({}, 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.createElement("span", {
-    className: styles.item,
-    key: columnKey
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    className: styles.checkbox,
-    onChange: function onChange(e) {
-      if (columnKey) {
-        var tempConfig = columnsCollection[columnKey || ''] || {};
-        var newSetting = _objectSpread2({}, tempConfig);
-        if (e.target.checked) {
-          delete newSetting.show;
-        } else {
-          newSetting.show = false;
-        }
-        var columnKeyMap = _objectSpread2(_objectSpread2({}, columnsCollection), {}, _defineProperty({}, columnKey, newSetting));
-        if (setColumnsMap) {
-          setColumnsMap(columnKeyMap);
-        }
-      }
-    },
-    checked: config.show !== false
-  }, title), /*#__PURE__*/React.createElement("span", {
-    className: styles.option
-  }, /*#__PURE__*/React.createElement(ToolTipIcon, {
-    columnKey: columnKey,
-    fixed: "left",
-    title: "\u56FA\u5B9A\u5230\u5DE6\u8FB9",
-    show: fixed !== 'left'
-  }, /*#__PURE__*/React.createElement(PushpinOutlined, {
-    style: {
-      transform: 'rotate(-90deg)'
-    }
-  })), /*#__PURE__*/React.createElement(ToolTipIcon, {
-    columnKey: columnKey,
-    fixed: undefined,
-    title: "\u53D6\u6D88\u56FA\u5B9A",
-    show: !!fixed
-  }, iconBuilder.verticalAlignMiddle()), /*#__PURE__*/React.createElement(ToolTipIcon, {
-    columnKey: columnKey,
-    fixed: "right",
-    title: "\u56FA\u5B9A\u5230\u53F3\u8FB9",
-    show: fixed !== 'right'
-  }, /*#__PURE__*/React.createElement(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.createElement(Card, {
-      index: index,
-      id: "".concat(columnKey, "_").concat(rest.index),
-      key: "".concat(columnKey || 'no', "_").concat(title),
-      end: function end(id, targetIndex) {
-        move(id, targetIndex);
-      }
-    }, /*#__PURE__*/React.createElement(CheckboxListItem, {
-      setColumnsMap: setColumnsMap,
-      columnKey: columnKey || "".concat(index),
-      columnsMap: columnsMap,
-      title: title,
-      fixed: fixed
-    }));
-  });
-  return /*#__PURE__*/React.createElement(DndProvider, {
-    backend: Backend
-  }, showTitle && /*#__PURE__*/React.createElement("span", {
-    className: styles.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.createElement("div", {
-    className: styles.list
-  }, /*#__PURE__*/React.createElement(CheckboxList, {
-    key: "list-leftList",
-    title: "\u56FA\u5B9A\u5728\u5DE6\u4FA7",
-    list: leftList,
-    columnsMap: columnsMap,
-    setColumnsMap: setColumnsMap
-  }), /*#__PURE__*/React.createElement(CheckboxList, {
-    key: "list-list",
-    list: list,
-    title: "\u4E0D\u56FA\u5B9A",
-    columnsMap: columnsMap,
-    showTitle: showLeft || showRight,
-    setColumnsMap: setColumnsMap
-  }), /*#__PURE__*/React.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.createElement("span", {
-    className: styles.columnSetting
-  }, /*#__PURE__*/React.createElement(Popover, {
-    arrowPointAtCenter: true,
-    title: /*#__PURE__*/React.createElement("div", {
-      className: styles.topTitle
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      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.createElement("a", {
-      onClick: function onClick() {
-        setColumnsMap({});
-        setSortKeyColumns([]);
-      }
-    }, "\u91CD\u7F6E")),
-    trigger: "click",
-    placement: "bottomRight",
-    content: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(GroupCheckboxList, {
-      localColumns: localColumns,
-      columnsMap: columnsMap,
-      setColumnsMap: setColumnsMap,
-      setSortKeyColumns: setSortKeyColumns
-    }))
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: "\u5217\u8BBE\u7F6E"
-  }, /*#__PURE__*/React.createElement(Button, {
-    shape: "circle",
-    style: {
-      border: 0,
-      color: '#000000'
-    },
-    icon: iconBuilder.setting()
-  }))));
-};
-
-export { ColumnSetting as default, genColumnKey };

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

@@ -1,63 +0,0 @@
-import { _ as _inherits, a as _classCallCheck, b as _createClass, c as _getPrototypeOf, d as _possibleConstructorReturn } from '../../../getPrototypeOf.js';
-import { Dropdown, Tooltip, Button } from 'antd';
-import React, { PureComponent } from 'react';
-import { listViewConfig } from 'antd-management-fast-common/es/utils/constants';
-import { iconBuilder } from 'antd-management-fast-component/es/customComponents/Icon';
-import '../../../toPropertyKey.js';
-import '../../../typeof.js';
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var DensityAction = /*#__PURE__*/function (_PureComponent) {
-  _inherits(DensityAction, _PureComponent);
-  var _super = _createSuper(DensityAction);
-  function DensityAction() {
-    _classCallCheck(this, DensityAction);
-    return _super.apply(this, arguments);
-  }
-  _createClass(DensityAction, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        tableSize = _this$props.tableSize,
-        setTableSize = _this$props.setTableSize;
-      var items = [{
-        key: listViewConfig.tableSize.small,
-        label: '紧凑'
-      }, {
-        key: listViewConfig.tableSize.middle,
-        label: '中等'
-      }, {
-        key: listViewConfig.tableSize.large,
-        label: '宽松'
-      }];
-      return /*#__PURE__*/React.createElement(Dropdown, {
-        menu: {
-          items: items,
-          selectedKeys: [tableSize],
-          onClick: function onClick(_ref2) {
-            var key = _ref2.key;
-            if (setTableSize) {
-              setTableSize(key);
-            }
-          },
-          style: {
-            width: 80
-          }
-        }
-      }, /*#__PURE__*/React.createElement(Tooltip, {
-        title: "\u8868\u683C\u5BC6\u5EA6"
-      }, /*#__PURE__*/React.createElement(Button, {
-        shape: "circle",
-        style: {
-          border: 0,
-          color: '#000000'
-        },
-        icon: iconBuilder.columnHeight()
-      })));
-    }
-  }]);
-  return DensityAction;
-}(PureComponent);
-
-export { DensityAction as default };