linkmore-design 1.0.91 → 1.0.93

package/es/LeftTable/index.js

@@ -0,0 +1,184 @@
+"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"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+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 _IconFont = _interopRequireDefault(require("../IconFont"));
+
+function TitleWithDelete(_ref) {
+  var title = _ref.title,
+      _ref$onRemove = _ref.onRemove,
+      onRemove = _ref$onRemove === void 0 ? function () {} : _ref$onRemove;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title-box"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "title-name"
+  }, title), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    onClick: onRemove,
+    className: "icon",
+    type: "lmweb-delete"
+  })));
+}
+
+function traverse(children) {
+  if (!Array.isArray(children)) {
+    return null;
+  }
+
+  return children.map(function (value, index) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+      title: /*#__PURE__*/_react.default.createElement(TitleWithDelete, {
+        title: value.title,
+        onRemove: function onRemove() {
+          value.onRemove && value.onRemove(value, index);
+        }
+      }),
+      children: value.children ? traverse(value.children) : null
+    });
+  });
+}
+
+function BottomNode(_ref2) {
+  var onAdd = _ref2.onAdd;
+  return /*#__PURE__*/_react.default.createElement(_button.default, {
+    type: "dashed"
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    onClick: onAdd,
+    className: "icon",
+    type: "lmweb-plus"
+  }), "\u65B0\u589E");
+}
+
+var LeftSide = function LeftSide(_ref3) {
+  var useToggle = _ref3.useToggle,
+      toggleTree = _ref3.toggleTree,
+      treeData = _ref3.treeData,
+      treeType = _ref3.treeType,
+      _ref3$modeType = _ref3.modeType,
+      modeType = _ref3$modeType === void 0 ? 'readonly' : _ref3$modeType,
+      _ref3$showType = _ref3.showType,
+      showType = _ref3$showType === void 0 ? 'primary' : _ref3$showType,
+      _ref3$onAdd = _ref3.onAdd,
+      onAdd = _ref3$onAdd === void 0 ? function () {} : _ref3$onAdd,
+      _ref3$bottomNode = _ref3.bottomNode,
+      bottomNode = _ref3$bottomNode === void 0 ? null : _ref3$bottomNode;
+
+  // 带有删除的树
+  if (modeType === 'edit' && treeData.category) {
+    treeData.category = traverse(treeData.category);
+  }
+
+  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: '这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注'
+    };
+  });
+  var modeTypeCls = showType === 'ghost' ? 'lm_ghost' : '';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: useToggle ? "lm_grid_tree ".concat(modeTypeCls) : "lm_grid_tree grid_toggle ".concat(modeTypeCls)
+  }, /*#__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)), treeType && /*#__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"
+  }), modeType !== 'readonly' && /*#__PURE__*/_react.default.createElement("div", {
+    className: "bottom_node"
+  }, bottomNode || /*#__PURE__*/_react.default.createElement(BottomNode, {
+    onAdd: onAdd
+  })), /*#__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("./index.css");

package/es/LeftTable/style/variables.js

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

package/es/LmFilter/Controls/CheckboxTags.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+// 复选标签组件，选中字段，多选
+var CheckboxTags = function CheckboxTags(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      options = _ref.options;
+
+  var handleClick = function handleClick(item) {
+    var oriValue = value || []; // 源数据
+
+    var has = oriValue === null || oriValue === void 0 ? void 0 : oriValue.includes(item.value); // 是否已被选中
+
+    var nValue = has ? oriValue.filter(function (v) {
+      return v !== item.value;
+    }) : [].concat((0, _toConsumableArray2.default)(oriValue), [item.value]);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue); // 返回选中的数据
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
+    size: 8,
+    wrap: true,
+    className: "auto_height"
+  }, options === null || options === void 0 ? void 0 : options.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.value,
+      className: (0, _classnames.default)('checkbox_tag', {
+        active: value === null || value === void 0 ? void 0 : value.includes(v.value)
+      }),
+      onClick: function onClick() {
+        return handleClick(v);
+      }
+    }, v.label);
+  })));
+};
+
+var _default = CheckboxTags;
+exports.default = _default;

package/es/LmFilter/Controls/index.js

@@ -0,0 +1,78 @@
+"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/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CheckboxTags = _interopRequireDefault(require("./CheckboxTags"));
+
+var _CascaderFilter = _interopRequireDefault(require("../components/CascaderFilter"));
+
+var _DateFilter = _interopRequireDefault(require("../components/DateFilter"));
+
+var _excluded = ["item", "options"];
+
+// import Nested from './Nested';
+var Controls = function Controls(props) {
+  var _props$item = props.item,
+      item = _props$item === void 0 ? {} : _props$item,
+      options = props.options,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var type = item.type;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var instance = {
+    filterValue: resetProps.value,
+    setFilterValue: resetProps.onChange,
+    visible: visible,
+    setVisible: setVisible,
+    children: null
+  };
+  var obj = {
+    select: /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    checkbox: /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    cascader: /*#__PURE__*/_react.default.createElement(_CascaderFilter.default, {
+      instance: instance,
+      item: item,
+      options: options
+    }),
+    date: /*#__PURE__*/_react.default.createElement(_DateFilter.default, {
+      instance: instance,
+      item: item,
+      options: options
+    }),
+    input: /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
+      placeholder: "\u8BF7\u8F93\u5165"
+    }, resetProps)) // 'nested': <Nested options={options} {...resetProps} />,
+
+  };
+  return obj[type] || null;
+};
+
+var _default = Controls;
+exports.default = _default;

package/es/LmFilter/LmFilter.js

@@ -0,0 +1,69 @@
+"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"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
+
+var _localization = require("./localization");
+
+var _excluded = ["searchConfig", "localization"];
+
+var LmFilter = function LmFilter(_ref, ref) {
+  var _ref$searchConfig = _ref.searchConfig,
+      searchConfig = _ref$searchConfig === void 0 ? {} : _ref$searchConfig,
+      _ref$localization = _ref.localization,
+      localization = _ref$localization === void 0 ? {} : _ref$localization,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var defaultRef = (0, _react.useRef)(null);
+  var defaultProps = {
+    dataSource: [],
+    // 数据源
+    enableSearch: true,
+    // 是否启用模糊查询
+    enableBaisc: true,
+    // 是否启用基础筛选
+    enableComplex: false,
+    // 是否启用高级筛选
+    enableCustom: false,
+    // 是否启用自定义筛选
+    enableClear: true,
+    // 是否展示一件清空
+    size: 'middle',
+    // 尺寸
+    searchKey: 'search',
+    // 搜索的key值
+    searchConfig: (0, _objectSpread2.default)({
+      relation: 'or',
+      fieldType: 'string',
+      operator: 'contains'
+    }, searchConfig || {}),
+    // 模糊搜索配置
+    placeholder: '请输入',
+    // 搜索占位符
+    customRender: null,
+    // 自定义一级筛选Dom
+    localization: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _localization.DefaultLocalization), localization || {})
+  };
+  return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
+    ref: ref || defaultRef
+  }, defaultProps, resetProps));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilter);
+
+exports.default = _default;

package/es/LmFilter/baseFilter/fuzzySearch.js

@@ -0,0 +1,69 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _InputSearchClose = _interopRequireDefault(require("../components/InputSearchClose"));
+
+var FuzzySearch = function FuzzySearch(_ref) {
+  var instance = _ref.instance;
+  var inputRef = (0, _react.useRef)(null);
+  var state = instance.state,
+      setFilterValue = instance.setFilterValue,
+      setSearchFilter = instance.setSearchFilter,
+      size = instance.size,
+      placeholder = instance.placeholder,
+      searchKey = instance.searchKey,
+      searchConfig = instance.searchConfig; // 默认值, 不同searchKey类型时获取的方式不同
+
+  var defaultValue = (0, _react.useMemo)(function () {
+    var _state$searchFilter, _state$basicFilter;
+
+    var nValue = Array.isArray(searchKey) ? (_state$searchFilter = state.searchFilter) === null || _state$searchFilter === void 0 ? void 0 : _state$searchFilter[searchKey[0]] : (_state$basicFilter = state.basicFilter) === null || _state$basicFilter === void 0 ? void 0 : _state$basicFilter[searchKey];
+    return nValue || '';
+  }, [state.basicFilter, state.searchFilter, searchKey]);
+
+  var onSearch = function onSearch(val) {
+    var isFuzzy = Array.isArray(searchKey);
+    var item = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, searchConfig), {}, {
+      field: searchKey
+    });
+
+    if (isFuzzy) {
+      setSearchFilter(val);
+    } else {
+      setFilterValue(val, item);
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (!defaultValue) {
+      inputRef.current.setValue('');
+    } else {
+      inputRef.current.setValue(defaultValue);
+    }
+  }, [state.basicFilter, state.searchFilter]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_search"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    allowClear: true,
+    defaultValue: defaultValue,
+    size: size,
+    placeholder: placeholder,
+    onSearch: onSearch
+  }));
+};
+
+var _default = FuzzySearch;
+exports.default = _default;

package/es/LmFilter/baseFilter/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _fuzzySearch = _interopRequireDefault(require("./fuzzySearch"));
+
+var _components = _interopRequireDefault(require("../components"));
+
+// 二级过滤 => 基础过滤组件
+var LmFilterBase = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var dataSource = instance.dataSource;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
+    instance: instance
+  }), dataSource.map(function (v, index) {
+    var isHidden = !v.show && typeof v.show === 'boolean';
+    return isHidden ? null : /*#__PURE__*/_react.default.createElement(_components.default, {
+      key: (v === null || v === void 0 ? void 0 : v.field) || index,
+      instance: instance,
+      item: v
+    });
+  }));
+});
+
+var _default = LmFilterBase;
+exports.default = _default;

package/es/LmFilter/clearFilter/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var onClearChange = instance.onClearChange;
+
+  var handleClear = function handleClear() {
+    onClearChange();
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_clear"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u4E00\u952E\u6E05\u7A7A"));
+});
+
+var _default = LmFilterClear;
+exports.default = _default;