linkmore-design 1.0.30 → 1.0.31

package/es/LeftTable/index.js

@@ -0,0 +1,118 @@
+"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/tree/style");
+
+var _tree = _interopRequireDefault(require("antd/es/tree"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _icons = require("@ant-design/icons");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Popover = _interopRequireDefault(require("../Filter/Popover"));
+
+var _imgTest = _interopRequireDefault(require("./assets/imgTest.jpg"));
+
+var LeftSide = function LeftSide(_ref) {
+  var useToggle = _ref.useToggle,
+      toggleTree = _ref.toggleTree,
+      treeData = _ref.treeData,
+      treeType = _ref.treeType;
+
+  var _useState = (0, _react.useState)({
+    title: '分类',
+    treeData: treeData.category
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      useTree = _useState2[0],
+      setTree = _useState2[1]; // 左侧树分类变化事件
+
+
+  var getTreeTypeChange = function getTreeTypeChange(value) {
+    var title = treeType.data.find(function (v) {
+      return v.value === value.value;
+    }).label;
+    var nValue = {
+      title: title,
+      treeData: treeData[value.value]
+    };
+    setTree(nValue);
+  };
+
+  var data = new Array(50).fill().map(function (item, index) {
+    return {
+      id: index,
+      title: '物料的名称',
+      code: "MLY001Y002009".concat(index, "Y"),
+      signer: index % 4 ? ['战略备料', '预售期货', '大货齐备', '外发加工'] : ['战略备料', '样衣打版'],
+      // 标签
+      tags: [{
+        icon: /*#__PURE__*/_react.default.createElement(_icons.ExportOutlined, null),
+        label: '战略备料'
+      }, {
+        label: '战略备料'
+      }],
+      checked: false,
+      material: '物料名称',
+      materialCode: "MLY001Y002009".concat(index, "Y"),
+      img: index % 2 ? 'http://www.wuliwu.top/logo.png' : _imgTest.default,
+      imgUrl: _imgTest.default,
+      state: index % 3 ? 'ok' : index % 2 ? 'disable' : 'wait',
+      supplier: '供应商名称',
+      number: 'MLY001',
+      contactUser: '联系人',
+      phone: '13131313131',
+      category: index % 2 ? '牛仔' : '非牛仔',
+      type: index % 2 ? '面料' : '辅料',
+      money: Math.floor(Math.random() * 2000) * index,
+      remark: '这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注'
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: useToggle ? 'lm_grid_tree' : "lm_grid_tree grid_toggle"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "grid_tree_title"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "grid_tree_title_left"
+  }, /*#__PURE__*/_react.default.createElement("span", null, useTree.title)), /*#__PURE__*/_react.default.createElement(_Popover.default, {
+    item: treeType,
+    config: {
+      arrow: false,
+      placement: 'bottomRight',
+      overlayStyle: {
+        width: 168,
+        paddingTop: 0
+      }
+    },
+    getChange: function getChange(e, mode) {
+      return getTreeTypeChange(e, mode, data.field);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "grid_tree_title_right"
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    type: "text"
+  }, /*#__PURE__*/_react.default.createElement(_icons.EllipsisOutlined, null))))), /*#__PURE__*/_react.default.createElement(_tree.default, {
+    treeData: useTree.treeData,
+    rootClassName: "lm_tree_warp"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "toggle_btn",
+    onClick: toggleTree
+  }, /*#__PURE__*/_react.default.createElement(_icons.LeftOutlined, null)));
+};
+
+var _default = LeftSide;
+exports.default = _default;

package/es/LeftTable/style/index.js

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