linkmore-design 1.0.30 → 1.0.31

package/es/PopTable/index.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+require("antd/es/space/style");
+
+var _space = _interopRequireDefault(require("antd/es/space"));
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _BseTable = _interopRequireDefault(require("./BseTable"));
+
+var _excluded = ["columns", "data", "total", "rowSelection", "onChange", "getCheckboxRecords"];
+
+var Demo = function Demo(props) {
+  var inputRef = _react.default.useRef();
+
+  var tableRef = _react.default.useRef();
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      checkRow = _useState2[0],
+      setCheckRow = _useState2[1];
+
+  var columns = props.columns,
+      data = props.data,
+      total = props.total,
+      _props$rowSelection = props.rowSelection,
+      rowSelection = _props$rowSelection === void 0 ? true : _props$rowSelection,
+      onChange = props.onChange,
+      getCheckboxRecords = props.getCheckboxRecords,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState3 = (0, _react.useState)('base'),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      activeKey = _useState4[0],
+      setActiveKey = _useState4[1]; // 表格分页、筛选、排序改变事件
+
+
+  var onTableChange = function onTableChange(params) {
+    var search = inputRef.current.input.value;
+    var nValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params), {}, {
+      search: search
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+  }; // 搜索事件
+
+
+  var onSearch = function onSearch(e) {
+    if (e.keyCode === 13) {
+      var search = inputRef.current.input.value;
+      setActiveKey(Date.now());
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        search: search
+      });
+    }
+  }; // 选中的行数据
+
+
+  var onClick = function onClick() {
+    var nValue = tableRef.current.getCheckboxRecords();
+
+    if (!rowSelection) {
+      nValue = checkRow;
+    }
+
+    getCheckboxRecords === null || getCheckboxRecords === void 0 ? void 0 : getCheckboxRecords(nValue);
+  };
+
+  var onTableClick = function onTableClick(row) {
+    if (!rowSelection) {
+      setCheckRow([row]);
+    }
+  };
+
+  var onDoubleClick = function onDoubleClick(row) {
+    getCheckboxRecords === null || getCheckboxRecords === void 0 ? void 0 : getCheckboxRecords([row]);
+  };
+
+  _react.default.useEffect(function () {
+    onChange === null || onChange === void 0 ? void 0 : onChange({});
+  }, []);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_popover_table"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "z_flex",
+    style: {
+      maxWidth: 485
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_operate"
+  }, /*#__PURE__*/_react.default.createElement(_space.default, {
+    className: "operate_left"
+  }, /*#__PURE__*/_react.default.createElement(_input.default, {
+    ref: inputRef,
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22",
+    onKeyDown: onSearch
+  })), /*#__PURE__*/_react.default.createElement(_space.default, {
+    className: "operate_right"
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    type: "primary",
+    icon: /*#__PURE__*/_react.default.createElement(_icons.SaveOutlined, null),
+    size: "small",
+    onClick: onClick
+  }, "\u786E\u8BA4"))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_grid"
+  }, /*#__PURE__*/_react.default.createElement(_BseTable.default, (0, _extends2.default)({
+    key: activeKey,
+    ref: tableRef,
+    columns: columns,
+    total: total,
+    dataSource: data,
+    onClick: onTableClick,
+    onChange: onTableChange,
+    onDoubleClick: onDoubleClick,
+    rowSelection: rowSelection,
+    scroll: {
+      x: '100%',
+      y: 200
+    }
+  }, resetProps)))));
+};
+
+var _default = Demo;
+exports.default = _default;

package/es/PopTable/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./style.css");