@hi-ui/hiui 2.15.11 → 2.15.12

package/es/table/Footer.js

@@ -0,0 +1,171 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _prefix = _interopRequireDefault(require("./prefix"));
+
+var _decimal = require("decimal.js");
+
+var Footer =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Footer, _Component);
+
+  function Footer() {
+    (0, _classCallCheck2["default"])(this, Footer);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Footer).apply(this, arguments));
+  }
+
+  (0, _createClass2["default"])(Footer, [{
+    key: "getSum",
+    value: function getSum(item) {
+      var _this$props = this.props,
+          _this$props$dataSourc = _this$props.dataSource,
+          dataSource = _this$props$dataSourc === void 0 ? [] : _this$props$dataSourc,
+          _this$props$advance = _this$props.advance,
+          _this$props$advance$s = _this$props$advance.suffix,
+          suffix = _this$props$advance$s === void 0 ? [] : _this$props$advance$s,
+          _this$props$advance$p = _this$props$advance.prefix,
+          prefix = _this$props$advance$p === void 0 ? [] : _this$props$advance$p;
+      var res = [].concat((0, _toConsumableArray2["default"])(prefix), (0, _toConsumableArray2["default"])(dataSource), (0, _toConsumableArray2["default"])(suffix)).map(function (data) {
+        return data[item.dataIndex];
+      });
+      var total = new _decimal.Decimal(0);
+      res.forEach(function (item, index) {
+        total = total.plus(new _decimal.Decimal(item));
+      });
+      return total.valueOf();
+    }
+  }, {
+    key: "getSumNodes",
+    value: function getSumNodes() {
+      var _this = this;
+
+      var columns = this.props.columns;
+      var tds = columns.map(function (item, index) {
+        var key = 'sum-' + index;
+
+        if (item.type === 'number') {
+          return _react["default"].createElement("td", {
+            className: (0, _prefix["default"])('table-col'),
+            key: key
+          }, _this.getSum(item));
+        }
+
+        if (index === 0) {
+          return _react["default"].createElement("td", {
+            key: "sum-name"
+          }, "\u5408\u8BA1");
+        }
+
+        return _react["default"].createElement("td", {
+          className: (0, _prefix["default"])('table-col'),
+          key: key
+        });
+      });
+      return _react["default"].createElement("tr", {
+        className: (0, _prefix["default"])('table-row'),
+        key: "sum-nodes"
+      }, tds);
+    }
+  }, {
+    key: "getAveNum",
+    value: function getAveNum(item) {
+      var _this$props2 = this.props,
+          _this$props2$dataSour = _this$props2.dataSource,
+          dataSource = _this$props2$dataSour === void 0 ? [] : _this$props2$dataSour,
+          _this$props2$advance = _this$props2.advance,
+          _this$props2$advance$ = _this$props2$advance.suffix,
+          suffix = _this$props2$advance$ === void 0 ? [] : _this$props2$advance$,
+          _this$props2$advance$2 = _this$props2$advance.prefix,
+          prefix = _this$props2$advance$2 === void 0 ? [] : _this$props2$advance$2;
+      var data = [].concat((0, _toConsumableArray2["default"])(prefix), (0, _toConsumableArray2["default"])(dataSource), (0, _toConsumableArray2["default"])(suffix));
+      return new _decimal.Decimal(this.getSum(item)).dividedBy(data.length).toFixed(2).valueOf() * 1;
+    }
+  }, {
+    key: "getAveNodes",
+    value: function getAveNodes() {
+      var _this2 = this;
+
+      var localeDatas = this.props.localeDatas;
+      var columns = this.props.columns;
+      var tds = columns.map(function (item, index) {
+        var key = 'ave-' + index;
+
+        if (item.type === 'number') {
+          return _react["default"].createElement("td", {
+            key: key
+          }, _this2.getAveNum(item));
+        }
+
+        if (index === 0) {
+          return _react["default"].createElement("td", {
+            className: (0, _prefix["default"])('table-col'),
+            key: key
+          }, localeDatas.table.meanValue);
+        }
+
+        return _react["default"].createElement("td", {
+          className: (0, _prefix["default"])('table-col'),
+          key: key
+        });
+      });
+      return _react["default"].createElement("tr", {
+        className: (0, _prefix["default"])('table-row'),
+        key: "ave-nodes"
+      }, tds);
+    }
+  }, {
+    key: "getSuffixNodes",
+    value: function getSuffixNodes() {
+      var _this$props3 = this.props,
+          columns = _this$props3.columns,
+          advance = _this$props3.advance;
+      return advance.suffix.map(function (suf, index) {
+        var key = 'suf-' + index;
+        return _react["default"].createElement("tr", {
+          className: (0, _prefix["default"])('table-row'),
+          key: key
+        }, columns.map(function (item, j) {
+          return _react["default"].createElement("td", {
+            className: (0, _prefix["default"])('table-col'),
+            key: "".concat(key, "-").concat(item.dataIndex, "-").concat(index, "-").concat(j)
+          }, suf[item.dataIndex]);
+        }));
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+          advance = _this$props4.advance,
+          dataSource = _this$props4.dataSource;
+      return _react["default"].createElement(_react["default"].Fragment, null, advance && advance.suffix && this.getSuffixNodes(), dataSource.length > 0 && advance && advance.sum && this.getSumNodes(), dataSource.length > 0 && advance && advance.avg && this.getAveNodes());
+    }
+  }]);
+  return Footer;
+}(_react.Component);
+
+var _default = Footer;
+exports["default"] = _default;

package/es/table/Header.js

@@ -0,0 +1,320 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf4 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _prefix = _interopRequireDefault(require("./prefix"));
+
+var _icon = _interopRequireDefault(require("../icon"));
+
+var _menu = _interopRequireDefault(require("./menu"));
+
+var Sorter =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(Sorter, _Component);
+
+  function Sorter() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Sorter);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf4["default"])(Sorter)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "reversed", false);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sortAsec", function () {
+      var _this$props = _this.props,
+          index = _this$props.index,
+          columns = _this$props.columns,
+          kname = _this$props.kname,
+          name = _this$props.name;
+      var sorter = columns[index].sorter;
+      var _this$props2 = _this.props,
+          resetData = _this$props2.cbs.resetData,
+          dataSource = _this$props2.dataSource;
+      dataSource.sort(sorter);
+      resetData(dataSource);
+      _this.reversed = false;
+      window.localStorage.setItem(name + '-sorter', [kname, 0]);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "sortDsec", function () {
+      var _this$props3 = _this.props,
+          index = _this$props3.index,
+          columns = _this$props3.columns,
+          name = _this$props3.name,
+          kname = _this$props3.kname;
+      var sorter = columns[index].sorter;
+      var _this$props4 = _this.props,
+          resetData = _this$props4.cbs.resetData,
+          dataSource = _this$props4.dataSource;
+      dataSource.sort(sorter);
+      dataSource.reverse();
+      resetData(dataSource);
+      _this.reversed = true;
+      window.localStorage.setItem(name + '-sorter', [kname, 1]);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Sorter, [{
+    key: "render",
+    value: function render() {
+      return _react["default"].createElement("div", null, _react["default"].createElement("span", {
+        style: {
+          display: 'block',
+          height: '12px',
+          lineHeight: '12px'
+        }
+      }, _react["default"].createElement(_icon["default"], {
+        name: 'up',
+        onClick: this.sortAsec,
+        style: {
+          fontSize: '12px'
+        }
+      })), _react["default"].createElement("span", {
+        style: {
+          display: 'block',
+          height: '12px',
+          lineHeight: '12px'
+        }
+      }, _react["default"].createElement(_icon["default"], {
+        name: 'down',
+        onClick: this.sortDsec,
+        style: {
+          fontSize: '12px'
+        }
+      })));
+    }
+  }]);
+  return Sorter;
+}(_react.Component);
+
+var ServerSorter =
+/*#__PURE__*/
+function (_Component2) {
+  (0, _inherits2["default"])(ServerSorter, _Component2);
+
+  function ServerSorter() {
+    (0, _classCallCheck2["default"])(this, ServerSorter);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf4["default"])(ServerSorter).apply(this, arguments));
+  }
+
+  (0, _createClass2["default"])(ServerSorter, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return _react["default"].createElement("div", null, _react["default"].createElement("span", {
+        style: {
+          display: 'block',
+          height: '12px',
+          lineHeight: '12px'
+        }
+      }, _react["default"].createElement(_icon["default"], {
+        name: 'up',
+        onClick: function onClick(e) {
+          var _this2$props = _this2.props,
+              serverSort = _this2$props.item.serverSort,
+              fetch = _this2$props.fetch;
+          fetch(serverSort[0]);
+        },
+        style: {
+          fontSize: '12px'
+        }
+      })), _react["default"].createElement("span", {
+        style: {
+          display: 'block',
+          height: '12px',
+          lineHeight: '12px'
+        }
+      }, _react["default"].createElement(_icon["default"], {
+        name: 'down',
+        onClick: function onClick(e) {
+          var _this2$props2 = _this2.props,
+              serverSort = _this2$props2.item.serverSort,
+              fetch = _this2$props2.fetch;
+          fetch(serverSort[1]);
+        },
+        style: {
+          fontSize: '12px'
+        }
+      })));
+    }
+  }]);
+  return ServerSorter;
+}(_react.Component);
+
+var HeaderCell = function HeaderCell(props) {
+  var item = props.item,
+      index = props.index,
+      contextMenu = props.contextMenu;
+  return _react["default"].createElement("th", {
+    colSpan: item.colSpan || 1,
+    key: 'head-' + item.key || item.dataIndex || item.title,
+    onContextMenu: function onContextMenu(e) {
+      return contextMenu(e, item.key);
+    }
+  }, _react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, _react["default"].createElement("div", null, typeof item.title === 'function' ? item.title() : item.title), "\xA0", item.sorter && _react["default"].createElement(Sorter, (0, _extends2["default"])({}, props, {
+    key: item.key,
+    index: index,
+    kname: item.key
+  })), item.serverSort && _react["default"].createElement(ServerSorter, (0, _extends2["default"])({}, props, {
+    key: item.key,
+    index: index,
+    kname: item.key
+  }))));
+};
+
+var GroupCell = function GroupCell(props) {
+  var item = props.item,
+      index = props.index,
+      contextMenu = props.contextMenu;
+  return _react["default"].createElement("th", {
+    colSpan: item.headColSpan,
+    rowSpan: item.headRowSpan,
+    key: 'head-' + item.key || item.dataIndex || item.title,
+    onContextMenu: function onContextMenu(e) {
+      return contextMenu(e, item.key);
+    }
+  }, _react["default"].createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, "\xA0", _react["default"].createElement("div", null, typeof item.title === 'function' ? item.title() : item.title), item.sorter && _react["default"].createElement(Sorter, (0, _extends2["default"])({}, props, {
+    col: item,
+    index: index,
+    kname: item.key
+  })), item.serverSort && 'sirt'));
+}; // 普通的表头
+
+
+var Header =
+/*#__PURE__*/
+function (_Component3) {
+  (0, _inherits2["default"])(Header, _Component3);
+
+  function Header() {
+    var _getPrototypeOf3;
+
+    var _this3;
+
+    (0, _classCallCheck2["default"])(this, Header);
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    _this3 = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf3 = (0, _getPrototypeOf4["default"])(Header)).call.apply(_getPrototypeOf3, [this].concat(args)));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "contextMenu", function (e, key) {
+      e.preventDefault();
+      var _this3$props = _this3.props,
+          cbs = _this3$props.cbs,
+          scrollWidth = _this3$props.scrollWidth,
+          _this3$props$scrollX = _this3$props.scrollX,
+          scrollX = _this3$props$scrollX === void 0 ? false : _this3$props$scrollX,
+          _this3$props$scroll = _this3$props.scroll,
+          scroll = _this3$props$scroll === void 0 ? false : _this3$props$scroll,
+          size = _this3$props.size,
+          origin = _this3$props.origin,
+          localeDatas = _this3$props.localeDatas;
+      var sc = scrollWidth || scrollX || scroll && scroll.x;
+
+      if (origin && origin.url) {
+        sc = false;
+      }
+
+      _menu["default"].show(e, cbs, key, !!sc, size, _this3.props.headerColumns.length === 1, localeDatas);
+    });
+    return _this3;
+  }
+
+  (0, _createClass2["default"])(Header, [{
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+
+      var _this$props5 = this.props,
+          columns = _this$props5.columns,
+          headerColumns = _this$props5.headerColumns; // 表头可以传组件，如果是文本就渲染文本
+
+      var nodes = []; // 固定表头分组，这里好难。。
+
+      if (headerColumns && headerColumns.length > 1) {
+        nodes = headerColumns.map(function (columns, k) {
+          var tr = [];
+          columns = columns.filter(function (item) {
+            return !item.hide;
+          });
+
+          for (var i = 0; i < columns.length; i++) {
+            tr.push(_react["default"].createElement(GroupCell, (0, _extends2["default"])({}, _this4.props, {
+              item: columns[i],
+              index: i,
+              contextMenu: _this4.contextMenu,
+              key: columns[i].key
+            })));
+          }
+
+          return _react["default"].createElement("tr", {
+            key: k
+          }, tr);
+        });
+      } else {
+        for (var i = 0; i < columns.length;) {
+          var colSpan = columns[i].colSpan || 1;
+          nodes.push(_react["default"].createElement(HeaderCell, (0, _extends2["default"])({}, this.props, {
+            item: columns[i],
+            index: i,
+            contextMenu: this.contextMenu,
+            key: columns[i].key
+          })));
+          i = i + colSpan;
+        }
+
+        nodes = _react["default"].createElement("tr", null, nodes);
+      }
+
+      return _react["default"].createElement("thead", {
+        className: (0, _prefix["default"])('table-thead')
+      }, nodes);
+    }
+  }]);
+  return Header;
+}(_react.Component);
+
+exports["default"] = Header;

package/es/table/TableContent.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Body = _interopRequireDefault(require("./Body"));
+
+var _Header = _interopRequireDefault(require("./Header"));
+
+var TableContent =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(TableContent, _Component);
+
+  function TableContent(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, TableContent);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TableContent).call(this, props));
+    _this.dom = _react["default"].createRef();
+    return _this;
+  }
+
+  (0, _createClass2["default"])(TableContent, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          columns = _this$props.columns,
+          className = _this$props.className,
+          style = _this$props.style,
+          _this$props$head = _this$props.head,
+          head = _this$props$head === void 0 ? true : _this$props$head,
+          _this$props$body = _this$props.body,
+          body = _this$props$body === void 0 ? true : _this$props$body,
+          parent = _this$props.parent,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, ["columns", "className", "style", "head", "body", "parent"]);
+      rest.columns = columns;
+      var showColumns = rest.columns.filter(function (item) {
+        return !item.hide;
+      });
+      var showHeaderColumns = rest.headerColumns.filter(function (item) {
+        return !item.hide;
+      });
+
+      if (rest.headerColumns.length > 1 && parent.setting && parent.setting.current) {
+        parent.setting.current.style.display = 'none';
+      }
+
+      return _react["default"].createElement("table", {
+        className: className,
+        style: style,
+        ref: this.dom
+      }, _react["default"].createElement("colgroup", null, showColumns.map(function (item, index) {
+        var sty = {};
+
+        if (item.width) {
+          sty.minWidth = parseInt(item.width) + 'px';
+          sty.width = parseInt(item.width) + 'px';
+        }
+
+        return _react["default"].createElement("col", {
+          style: sty,
+          key: 'col-' + index
+        });
+      })), head ? _react["default"].createElement(_Header["default"], (0, _extends2["default"])({}, rest, {
+        columns: showColumns,
+        showHeaderColumns: showHeaderColumns,
+        parent: parent
+      })) : null, body ? _react["default"].createElement(_Body["default"], (0, _extends2["default"])({}, rest, {
+        columns: showColumns,
+        showHeaderColumns: showHeaderColumns,
+        parent: parent
+      })) : null);
+    }
+  }]);
+  return TableContent;
+}(_react.Component);
+
+exports["default"] = TableContent;