linkmore-design 1.0.78 → 1.0.81

package/es/LmTable/ImgList/body.js

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactVirtualizedAutoSizer = _interopRequireDefault(require("react-virtualized-auto-sizer"));
-
-var _reactWindow = require("react-window");
-
-var _cardCell = _interopRequireDefault(require("./cardCell"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var _empty = _interopRequireDefault(require("./empty"));
-
-var _imgCell = _interopRequireDefault(require("./imgCell"));
-
-var ImgList = function ImgList(props) {
-  var widthCount = props.width,
-      heightCount = props.height;
-
-  var _useContext = (0, _react.useContext)(_context.default),
-      data = _useContext.data,
-      _useContext$heightCel = _useContext.heightCell,
-      heightCell = _useContext$heightCel === void 0 ? 375 : _useContext$heightCel,
-      _useContext$rowKey = _useContext.rowKey,
-      rowKey = _useContext$rowKey === void 0 ? 'id' : _useContext$rowKey,
-      _useContext$cell = _useContext.cell,
-      cell = _useContext$cell === void 0 ? 'img' : _useContext$cell; // 响应式列数量控制
-
-
-  var columnCount = (0, _react.useMemo)(function () {
-    return widthCount > 1800 ? 7 : widthCount > 1400 ? 6 : widthCount > 1000 ? 5 : 4;
-  }, [widthCount]);
-  var widthCell = (0, _react.useMemo)(function () {
-    return (widthCount - 8) / columnCount;
-  }, [widthCount]);
-  var rowCount = (0, _react.useMemo)(function () {
-    var rs = Math.ceil(data.length / columnCount);
-    return rs;
-  }, [data, widthCount]);
-
-  var Cell = _react.default.useCallback(function (_ref) {
-    var columnIndex = _ref.columnIndex,
-        rowIndex = _ref.rowIndex,
-        style = _ref.style;
-    var idx = rowIndex * columnCount + columnIndex;
-    var config = {
-      item: data[idx],
-      index: idx,
-      style: style
-    };
-    var r = rowIndex === 0 ? 'first_row' : rowIndex === rowCount - 1 ? 'last_row' : '';
-    var c = columnIndex === 0 ? 'first_column' : columnIndex + 1 === columnCount ? 'last_column' : '';
-    var classN = "".concat(r, " ").concat(c);
-    return data[idx] ? cell === 'img' ? /*#__PURE__*/_react.default.createElement(_imgCell.default, (0, _extends2.default)({
-      key: rowKey,
-      className: classN
-    }, config)) : /*#__PURE__*/_react.default.createElement(_cardCell.default, (0, _extends2.default)({
-      key: rowKey,
-      className: classN
-    }, config)) : '';
-  }, [data, widthCount]);
-
-  var Gd = _react.default.useCallback(function () {
-    return /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeGrid, {
-      className: "virtual-grid lm_imgList",
-      columnCount: columnCount,
-      columnWidth: function columnWidth() {
-        return widthCell;
-      },
-      height: heightCount,
-      rowCount: rowCount,
-      rowHeight: function rowHeight() {
-        return heightCell;
-      },
-      width: widthCount
-    }, Cell);
-  }, [data, widthCount, heightCount]);
-
-  return data.length > 0 ? /*#__PURE__*/_react.default.createElement(Gd, null) : /*#__PURE__*/_react.default.createElement(_empty.default, null);
-}; // 监听大小
-
-
-var ResizeSize = function ResizeSize(props) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactVirtualizedAutoSizer.default, {
-    style: {
-      width: '100%'
-    }
-  }, function (_ref2) {
-    var height = _ref2.height,
-        width = _ref2.width;
-    return /*#__PURE__*/_react.default.createElement(ImgList, (0, _extends2.default)({}, props, {
-      width: width,
-      height: height
-    }));
-  }));
-};
-
-var _default = ResizeSize;
-exports.default = _default;

package/es/LmTable/ImgList/cardCell.js

@@ -1,192 +0,0 @@
-"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;
-
-require("antd/es/message/style");
-
-var _message2 = _interopRequireDefault(require("antd/es/message"));
-
-require("antd/es/checkbox/style");
-
-var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
-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"));
-
-require("antd/es/typography/style");
-
-var _typography = _interopRequireDefault(require("antd/es/typography"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var _state = _interopRequireDefault(require("../../TableRender/state"));
-
-var _excluded = ["desc"];
-var Paragraph = _typography.default.Paragraph;
-
-var Access = function Access(props) {
-  var _defaultConfig$desc, _defaultConfig$bigVie;
-
-  var item = props.item,
-      style = props.style,
-      className = props.className;
-
-  var _useContext = (0, _react.useContext)(_context.default),
-      dispatch = _useContext.dispatch,
-      defaultValue = _useContext.defaultValue,
-      _useContext$rowKey = _useContext.rowKey,
-      rowKey = _useContext$rowKey === void 0 ? 'id' : _useContext$rowKey,
-      config = _useContext.config,
-      footer = _useContext.footer,
-      onClick = _useContext.onClick,
-      _onDoubleClick = _useContext.onDoubleClick,
-      onTitleClick = _useContext.onTitleClick,
-      expand = _useContext.expand,
-      checkboxConfig = _useContext.checkboxConfig;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      useCheck = _useState2[0],
-      setCheck = _useState2[1];
-
-  var defaultConfig = (0, _react.useMemo)(function () {
-    var desc = config.desc,
-        resetConfig = (0, _objectWithoutProperties2.default)(config, _excluded);
-    return (0, _objectSpread2.default)({
-      title: 'title',
-      code: 'code',
-      bigView: [{
-        label: '计划数量',
-        value: 'cfg'
-      }, {
-        label: '已录入',
-        value: 'cfg1'
-      }, {
-        label: '已准入',
-        value: 'cfg2'
-      }],
-      state: 'state',
-      stateRender: _state.default,
-      checkbox: true,
-      desc: typeof desc === 'function' ? desc(item) : desc
-    }, resetConfig);
-  }, [config]); // 多选事件
-
-  var _onChange = function onChange(val) {
-    var nValue = val ? [].concat((0, _toConsumableArray2.default)(defaultValue), [item]) : defaultValue.filter(function (v) {
-      return v[rowKey] !== item[rowKey];
-    });
-    dispatch({
-      type: 'changeList',
-      checkList: nValue
-    });
-  };
-
-  var handleClick = function handleClick(e) {
-    e.stopPropagation();
-    onClick === null || onClick === void 0 ? void 0 : onClick(item);
-
-    if (checkboxConfig.trigger === 'row') {
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(!useCheck);
-    }
-  };
-
-  var handleOnTitleClick = function handleOnTitleClick(e) {
-    e.stopPropagation();
-    onTitleClick === null || onTitleClick === void 0 ? void 0 : onTitleClick(item);
-  };
-
-  (0, _react.useEffect)(function () {
-    setCheck(defaultValue.some(function (v) {
-      return v[rowKey] === item[rowKey];
-    }));
-  }, [defaultValue]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(className, " img_cell_wrap"),
-    key: item[rowKey],
-    style: style
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('card_cell_content', {
-      checked: useCheck
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "card_cell_body",
-    onClick: handleClick,
-    onDoubleClick: function onDoubleClick() {
-      return _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(item);
-    }
-  }, defaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
-    className: "card_cell_checkbox",
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
-    checked: useCheck,
-    onChange: function onChange(e) {
-      return _onChange(e.target.checked);
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "card_cell_info"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "label",
-    onClick: handleOnTitleClick
-  }, item[defaultConfig.title]), /*#__PURE__*/_react.default.createElement("div", {
-    className: "icon"
-  }, /*#__PURE__*/_react.default.createElement(defaultConfig.stateRender, {
-    dom: item[defaultConfig.state]
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "code",
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, /*#__PURE__*/_react.default.createElement(Paragraph, {
-    copyable: {
-      tooltips: false,
-      onCopy: function onCopy() {
-        return _message2.default.success('复制成功！', 1.5);
-      }
-    }
-  }, item[defaultConfig.code])), /*#__PURE__*/_react.default.createElement("div", {
-    className: "expand"
-  }, (_defaultConfig$desc = defaultConfig.desc) === null || _defaultConfig$desc === void 0 ? void 0 : _defaultConfig$desc.map(function (v) {
-    return /*#__PURE__*/_react.default.createElement("div", null, v.label, "\uFF1A", v.value);
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "card_cell_center"
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    className: "list"
-  }, (_defaultConfig$bigVie = defaultConfig.bigView) === null || _defaultConfig$bigVie === void 0 ? void 0 : _defaultConfig$bigVie.map(function (v) {
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: v.value,
-      className: "item"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "num"
-    }, item[v.value] || 0), /*#__PURE__*/_react.default.createElement("div", {
-      className: "text"
-    }, v.label));
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "card_cell_footer"
-  }, footer && footer(item), expand && /*#__PURE__*/_react.default.createElement("div", {
-    className: "footer_expand"
-  }, expand(item))))));
-};
-
-var _default = Access;
-exports.default = _default;

package/es/LmTable/ImgList/context.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _default = /*#__PURE__*/(0, _react.createContext)();
-
-exports.default = _default;

package/es/LmTable/ImgList/empty.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/empty/style");
-
-var _empty = _interopRequireDefault(require("antd/es/empty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-// import IconFont from '@/components/IconFont';
-var EmptyCom = function EmptyCom() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_empty.default, {
-    image: _empty.default.PRESENTED_IMAGE_SIMPLE
-  })));
-};
-
-var _default = EmptyCom;
-exports.default = _default;

package/es/LmTable/ImgList/footer.js

@@ -1,61 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var Footer = function Footer(_ref) {
-  var customCheck = _ref.customCheck;
-
-  var _useContext = (0, _react.useContext)(_context.default),
-      dispatch = _useContext.dispatch,
-      data = _useContext.data,
-      onChange = _useContext.onChange,
-      defaultPage = _useContext.defaultPage;
-
-  var onPageChange = function onPageChange(pageIndex, pageSize) {
-    dispatch({
-      type: 'changePage',
-      page: {
-        pageIndex: pageIndex,
-        pageSize: pageSize
-      }
-    });
-    onChange === null || onChange === void 0 ? void 0 : onChange(pageIndex, pageSize);
-  };
-
-  var config = (0, _react.useMemo)(function () {
-    return {
-      total: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.total) || data.length,
-      current: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.pageIndex) || 1,
-      pageSize: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.pageSize) || 20
-    };
-  }, [defaultPage]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_customCheck"
-  }, customCheck), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Pagination, (0, _extends2.default)({
-    showSizeChanger: true,
-    showQuickJumper: true,
-    showTotal: function showTotal(total) {
-      return "\u5171 ".concat(total, " \u6761");
-    },
-    size: "small",
-    onChange: onPageChange
-  }, config)));
-};
-
-var _default = Footer;
-exports.default = _default;

package/es/LmTable/ImgList/imgCell.js

@@ -1,187 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/message/style");
-
-var _message2 = _interopRequireDefault(require("antd/es/message"));
-
-require("antd/es/dropdown/style");
-
-var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-require("antd/es/typography/style");
-
-var _typography = _interopRequireDefault(require("antd/es/typography"));
-
-var _icons = require("@ant-design/icons");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _EnlargeImg = _interopRequireDefault(require("../../EnlargeImg"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var Paragraph = _typography.default.Paragraph;
-
-var stateRender = function stateRender(v) {
-  switch (v) {
-    case 'ok':
-      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, null, /*#__PURE__*/_react.default.createElement(_icons.CheckCircleFilled, {
-        style: {
-          color: 'rgb(253,77,78)'
-        }
-      }), "\u5DF2\u5BA1\u6838");
-
-    case 'wait':
-      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, null, /*#__PURE__*/_react.default.createElement(_icons.ClockCircleFilled, {
-        style: {
-          color: 'rgb(253,77,78)'
-        }
-      }), "\u5F85\u5BA1\u6838");
-
-    default:
-      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, null, /*#__PURE__*/_react.default.createElement(_icons.StopOutlined, {
-        style: {
-          color: 'rgb(253,77,78)'
-        }
-      }), "\u51BB\u7ED3");
-  }
-};
-
-var Cell = function Cell(props) {
-  var _item$defaultConfig$t;
-
-  var item = props.item,
-      style = props.style,
-      className = props.className;
-
-  var _useContext = (0, _react.useContext)(_context.default),
-      dispatch = _useContext.dispatch,
-      defaultValue = _useContext.defaultValue,
-      _useContext$rowKey = _useContext.rowKey,
-      rowKey = _useContext$rowKey === void 0 ? 'id' : _useContext$rowKey,
-      config = _useContext.config,
-      desc = _useContext.desc,
-      footer = _useContext.footer,
-      _onDoubleClick = _useContext.onDoubleClick,
-      expand = _useContext.expand,
-      rowSelectChange = _useContext.rowSelectChange;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      useCheck = _useState2[0],
-      setCheck = _useState2[1];
-
-  var defaultConfig = (0, _react.useMemo)(function () {
-    return (0, _objectSpread2.default)({
-      title: 'title',
-      code: 'code',
-      state: 'state',
-      tags: 'tags',
-
-      /** 是否支持选择 */
-      checkbox: false,
-      singleRender: stateRender,
-      mapRender: function mapRender(v, i) {
-        return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-          key: i,
-          size: 'small',
-          icon: v.icon || /*#__PURE__*/_react.default.createElement(_icons.StarFilled, {
-            style: {
-              color: 'rgb(253,77,78)'
-            }
-          })
-        }, v.label);
-      }
-    }, config);
-  }, []); // 多选事件
-
-  var _onChange = function onChange(e) {
-    var selectKey = e[rowKey];
-
-    if (![undefined, null].includes(selectKey)) {
-      var nValue = defaultValue.find(function (item) {
-        return item[rowKey] === selectKey;
-      }) ? defaultValue.filter(function (v) {
-        return v[rowKey] !== item[rowKey];
-      }) : [].concat((0, _toConsumableArray2.default)(defaultValue), [item]);
-      dispatch({
-        type: 'changeList',
-        checkList: nValue
-      });
-      rowSelectChange === null || rowSelectChange === void 0 ? void 0 : rowSelectChange(nValue);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    setCheck(defaultValue.some(function (v) {
-      return v[rowKey] === item[rowKey];
-    }));
-  }, [defaultValue]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(className, " img_cell_wrap"),
-    key: item[rowKey],
-    style: style
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('img_cell_body', {
-      checked: useCheck
-    }),
-    onDoubleClick: function onDoubleClick() {
-      return _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(item);
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "img_cell_thum"
-  }, defaultConfig.checkbox && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
-    className: "checkBox",
-    checked: useCheck,
-    onChange: function onChange(e) {
-      return _onChange(item);
-    }
-  }), expand && /*#__PURE__*/_react.default.createElement("div", {
-    className: "more"
-  }, /*#__PURE__*/_react.default.createElement(_dropdown.default, {
-    placement: "bottomRight",
-    trigger: "click",
-    overlay: expand
-  }, /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, {
-    className: "more_btn"
-  }))), /*#__PURE__*/_react.default.createElement(_EnlargeImg.default, {
-    src: item.imgUrl
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "img_cell_title"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title"
-  }, item[defaultConfig.title]), /*#__PURE__*/_react.default.createElement("div", {
-    className: "code"
-  }, desc ? desc(item) : /*#__PURE__*/_react.default.createElement(Paragraph, {
-    copyable: {
-      tooltips: false,
-      onCopy: function onCopy() {
-        return _message2.default.success('复制成功！', 1.5);
-      }
-    }
-  }, item[defaultConfig.code]))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "img_cell_tags"
-  }, footer ? footer(item) : (item[defaultConfig.state] && defaultConfig.singleRender(item[defaultConfig.state]), (_item$defaultConfig$t = item[defaultConfig.tags]) === null || _item$defaultConfig$t === void 0 ? void 0 : _item$defaultConfig$t.map(defaultConfig.mapRender)))));
-};
-
-var _default = Cell;
-exports.default = _default;