linkmore-design 1.0.3

package/lib/ProTable/ImgList/cardCell.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/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,
+      expand = _useContext.expand;
+
+  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(e) {
+    var bol = e.target.checked;
+    var nValue = bol ? [].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);
+  };
+
+  (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: onChange
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_cell_info"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "label"
+  }, 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/lib/ProTable/ImgList/context.js

@@ -0,0 +1,12 @@
+"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/lib/ProTable/ImgList/empty.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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/lib/ProTable/ImgList/footer.js

@@ -0,0 +1,59 @@
+"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;
+
+require("antd/es/pagination/style");
+
+var _pagination = _interopRequireDefault(require("antd/es/pagination"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = _interopRequireDefault(require("./context"));
+
+var Footer = function Footer() {
+  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(_pagination.default, (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/lib/ProTable/ImgList/imgCell.js

@@ -0,0 +1,181 @@
+"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;
+
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
+require("antd/es/dropdown/style");
+
+var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
+
+require("antd/es/checkbox/style");
+
+var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+require("antd/es/typography/style");
+
+var _typography = _interopRequireDefault(require("antd/es/typography"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _context = _interopRequireDefault(require("./context"));
+
+var _EnlargeImg = _interopRequireDefault(require("../../EnlargeImg"));
+
+var Paragraph = _typography.default.Paragraph;
+
+var stateRender = function stateRender(v) {
+  switch (v) {
+    case 'ok':
+      return /*#__PURE__*/_react.default.createElement(_button.default, null, /*#__PURE__*/_react.default.createElement(_icons.CheckCircleFilled, {
+        style: {
+          color: 'rgb(253,77,78)'
+        }
+      }), "\u5DF2\u5BA1\u6838");
+
+    case 'wait':
+      return /*#__PURE__*/_react.default.createElement(_button.default, null, /*#__PURE__*/_react.default.createElement(_icons.ClockCircleFilled, {
+        style: {
+          color: 'rgb(253,77,78)'
+        }
+      }), "\u5F85\u5BA1\u6838");
+
+    default:
+      return /*#__PURE__*/_react.default.createElement(_button.default, 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;
+
+  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(_button.default, {
+          key: i,
+          icon: v.icon || /*#__PURE__*/_react.default.createElement(_icons.StarFilled, {
+            style: {
+              color: 'rgb(253,77,78)'
+            }
+          })
+        }, v.label);
+      }
+    }, config);
+  }, []); // 多选事件
+
+  var onChange = function onChange(e) {
+    var bol = e.target.checked;
+    var nValue = bol ? [].concat((0, _toConsumableArray2.default)(defaultValue), [item]) : defaultValue.filter(function (v) {
+      return v[rowKey] !== item[rowKey];
+    });
+    dispatch({
+      type: 'changeList',
+      checkList: 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(_checkbox.default, {
+    className: "checkBox",
+    checked: useCheck,
+    onChange: onChange
+  }), 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;

package/lib/ProTable/ImgList/imgTable.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _context = _interopRequireDefault(require("./context"));
+
+var _body = _interopRequireDefault(require("./body"));
+
+var _footer = _interopRequireDefault(require("./footer"));
+
+var _excluded = ["style", "defaultPage"];
+var initialState = {
+  // 选中的数据
+  checkList: [],
+  page: {
+    pageIndex: 1,
+    pageSize: 20
+  }
+};
+
+var reducer = function reducer(state, action) {
+  var checkList = action.checkList,
+      page = action.page,
+      ifScrollTopClear = action.ifScrollTopClear;
+
+  switch (action.type) {
+    // 选中时改变默认
+    case 'changeList':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        checkList: checkList
+      });
+    // 更改totalLen
+
+    case 'changePage':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        page: page
+      });
+
+    case 'reset':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        curScrollTop: ifScrollTopClear ? 0 : state.curScrollTop
+      });
+
+    default:
+      throw new Error();
+  }
+};
+
+var ImgTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var style = props.style,
+      defaultPage = props.defaultPage,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useReducer = (0, _react.useReducer)(reducer, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1]; // 将节点方法给外部使用
+
+
+  _react.default.useImperativeHandle(ref, function () {
+    return {
+      getCheckboxRecords: function getCheckboxRecords() {
+        return state.checkList;
+      },
+      clearSelect: function clearSelect() {
+        return dispatch({
+          type: 'changeList',
+          checkList: []
+        });
+      }
+    };
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      dispatch: dispatch
+    }, resetProps), {}, {
+      defaultValue: state.checkList,
+      defaultPage: defaultPage
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_img_table",
+    style: (0, _objectSpread2.default)({}, style)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_img_body', {
+      hasChecked: state.checkList.length > 0
+    })
+  }, /*#__PURE__*/_react.default.createElement(_body.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_img_footer"
+  }, /*#__PURE__*/_react.default.createElement(_footer.default, null))));
+});
+var _default = ImgTable;
+exports.default = _default;

package/lib/ProTable/ImgList/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _imgTable = _interopRequireDefault(require("./imgTable"));
+
+var _default = _imgTable.default;
+exports.default = _default;