@fle-ui/plus-choose-mall-goods 1.0.9 → 1.0.11

package/es/index.js

@@ -13,21 +13,21 @@ import "antd/es/button/style";
 import _Button from "antd/es/button";
 import "antd/es/radio/style";
 import _Radio from "antd/es/radio";
-import "antd/es/cascader/style";
-import _Cascader from "antd/es/cascader";
 import "antd/es/input-number/style";
 import _InputNumber from "antd/es/input-number";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
 import "antd/es/tree-select/style";
 import _TreeSelect from "antd/es/tree-select";
+import "antd/es/col/style";
+import _Col from "antd/es/col";
+import "antd/es/cascader/style";
+import _Cascader from "antd/es/cascader";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
 import "antd/es/input/style";
 import _Input from "antd/es/input";
 import "antd/es/tabs/style";
 import _Tabs from "antd/es/tabs";
-var _excluded = ["env", "token", "loginErrFn", "onClose", "siteId", "app", "multiple", "defaultSelectedGoodsIds", "onSelectOk", "isChangePrice", "onChangePriceOk", "mode", "templateId", "tabsConfig"];
+var _excluded = ["env", "token", "loginErrFn", "onClose", "siteId", "app", "multiple", "defaultSelectedGoodsIds", "onSelectOk", "isChangePrice", "onChangePriceOk", "mode", "templateId", "tabsConfig", "hiddenColumns", "hiddenSearchProps"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -89,6 +89,10 @@ var ChooseMallGoods = function ChooseMallGoods(props) {
     templateId = _props$templateId === void 0 ? undefined : _props$templateId,
     _props$tabsConfig = props.tabsConfig,
     tabsConfig = _props$tabsConfig === void 0 ? ['jd', 'jx', 'zy', 'xhdg', 'mc'] : _props$tabsConfig,
+    _props$hiddenColumns = props.hiddenColumns,
+    hiddenColumns = _props$hiddenColumns === void 0 ? [] : _props$hiddenColumns,
+    _props$hiddenSearchPr = props.hiddenSearchProps,
+    hiddenSearchProps = _props$hiddenSearchPr === void 0 ? [] : _props$hiddenSearchPr,
     otherProps = _objectWithoutProperties(props, _excluded);
   var showTabs = useRef(tabs.filter(function (tab) {
     return tabsConfig.includes(tab.key);
@@ -556,280 +560,326 @@ var ChooseMallGoods = function ChooseMallGoods(props) {
   // dgss 城市列表 end
   // search-2 begin
   var renderSearch2 = function renderSearch2() {
+    var cols = [{
+      name: 'flagScene',
+      show: !(hiddenSearchProps === null || hiddenSearchProps === void 0 ? void 0 : hiddenSearchProps.includes('flagScene')) && searchParams.tab === 'zy',
+      span: 16,
+      node: /*#__PURE__*/React.createElement(_Col, {
+        span: 16
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-flex"
+      }, /*#__PURE__*/React.createElement(_Select, {
+        style: {
+          width: 170,
+          marginRight: 8
+        },
+        value: searchParams.flagScene,
+        onChange: function onChange(v) {
+          handleChangeParams({
+            flagScene: v
+          });
+        },
+        options: flagSceneOptions,
+        fieldNames: {
+          label: 'flag',
+          value: 'id'
+        },
+        placeholder: "\u9009\u62E9\u573A\u666F\u6807\u7B7E",
+        allowClear: true
+      }), /*#__PURE__*/React.createElement(_Select, {
+        style: {
+          width: 170,
+          marginRight: 8
+        },
+        value: searchParams.flagTags,
+        onChange: function onChange(v) {
+          handleChangeParams({
+            flagTags: v
+          });
+        },
+        options: flagTagsOptions,
+        fieldNames: {
+          label: 'flag',
+          value: 'id'
+        },
+        placeholder: "\u9009\u62E9\u5546\u54C1\u6807\u7B7E",
+        allowClear: true
+      }), /*#__PURE__*/React.createElement(_Select, {
+        style: {
+          width: 170,
+          marginRight: 8
+        },
+        value: searchParams.flagIndustry,
+        onChange: function onChange(v) {
+          handleChangeParams({
+            flagIndustry: v
+          });
+        },
+        options: flagIndustryOptions,
+        fieldNames: {
+          label: 'flag',
+          value: 'id'
+        },
+        placeholder: "\u9009\u62E9\u884C\u4E1A\u6807\u7B7E",
+        allowClear: true
+      }), /*#__PURE__*/React.createElement(_Cascader, {
+        placeholder: "\u9009\u62E9\u5546\u54C1\u54C1\u7C7B",
+        fieldNames: {
+          label: 'name',
+          value: 'id'
+        },
+        options: flagCategoryOptions,
+        value: searchParams.flagCategory,
+        style: {
+          width: 250
+        },
+        onChange: function onChange(v) {
+          handleChangeParams({
+            flagCategory: v
+          });
+        },
+        allowClear: true,
+        expandTrigger: "hover",
+        changeOnSelect: true
+      })))
+    }, {
+      name: 'categoryTree',
+      show: !(hiddenSearchProps === null || hiddenSearchProps === void 0 ? void 0 : hiddenSearchProps.includes('categoryTree')),
+      span: 8,
+      node: /*#__PURE__*/React.createElement(_Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-flex"
+      }, "\u5546\u54C1\u7C7B\u76EE\uFF1A", /*#__PURE__*/React.createElement(_TreeSelect, {
+        style: {
+          flex: 1
+        },
+        value: searchParams.categoryTree,
+        dropdownStyle: {
+          maxHeight: 400,
+          overflow: 'auto'
+        },
+        placeholder: "\u9009\u62E9\u5546\u54C1\u7C7B\u76EE",
+        allowClear: true,
+        onChange: function onChange(e) {
+          handleChangeParams({
+            categoryTree: e
+          });
+        },
+        treeData: categoryOptions,
+        fieldNames: {
+          label: 'categoryName',
+          value: 'categoryTree',
+          children: 'childNodes'
+        }
+      })))
+    }, {
+      name: 'priceType',
+      show: !(hiddenSearchProps === null || hiddenSearchProps === void 0 ? void 0 : hiddenSearchProps.includes('priceType')),
+      span: 8,
+      node: /*#__PURE__*/React.createElement(_Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-flex"
+      }, /*#__PURE__*/React.createElement(_Select, {
+        style: {
+          width: 120,
+          marginRight: 6
+        },
+        value: searchParams.priceType,
+        onChange: function onChange(e) {
+          handleChangeParams({
+            priceType: e
+          });
+        },
+        options: app === 1 ? priceRangeForPurchase : priceRangeForOnce
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-range-input"
+      }, /*#__PURE__*/React.createElement(_InputNumber, {
+        min: 0,
+        max: 100000,
+        precision: 2,
+        value: searchParams.priceRangeMin,
+        onChange: function onChange(v) {
+          handleChangeParams({
+            priceRangeMin: v
+          });
+        },
+        placeholder: "\u6700\u4F4E\u4EF7",
+        style: {
+          flex: 1
+        }
+      }), /*#__PURE__*/React.createElement("div", {
+        style: {
+          margin: '0 8px'
+        }
+      }, "-"), /*#__PURE__*/React.createElement(_InputNumber, {
+        min: 0,
+        max: 100000,
+        precision: 2,
+        value: searchParams.priceRangeMax,
+        onChange: function onChange(v) {
+          handleChangeParams({
+            priceRangeMax: v
+          });
+        },
+        placeholder: "\u6700\u9AD8\u4EF7",
+        style: {
+          flex: 1
+        }
+      }))))
+    }, {
+      name: 'profitType',
+      show: !(hiddenSearchProps === null || hiddenSearchProps === void 0 ? void 0 : hiddenSearchProps.includes('profitType')),
+      span: 8,
+      node: /*#__PURE__*/React.createElement(_Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-flex"
+      }, /*#__PURE__*/React.createElement(_Select, {
+        style: {
+          width: 120,
+          marginRight: 6
+        },
+        value: searchParams.profitType,
+        onChange: function onChange(e) {
+          handleChangeParams({
+            profitType: e
+          });
+        },
+        options: app === 1 ? profitRangeForPurchase : profitRangeForOnce
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-range-input"
+      }, /*#__PURE__*/React.createElement(_InputNumber, {
+        min: 0,
+        max: 100000,
+        precision: 2,
+        value: searchParams.profitRangeMin,
+        onChange: function onChange(v) {
+          handleChangeParams({
+            profitRangeMin: v
+          });
+        },
+        placeholder: "\u6700\u4F4E\u5229\u6DA6\u7387",
+        style: {
+          flex: 1
+        }
+      }), /*#__PURE__*/React.createElement("div", {
+        style: {
+          margin: '0 8px'
+        }
+      }, "-"), /*#__PURE__*/React.createElement(_InputNumber, {
+        min: 0,
+        max: 100000,
+        precision: 2,
+        value: searchParams.profitRangeMax,
+        onChange: function onChange(v) {
+          handleChangeParams({
+            profitRangeMax: v
+          });
+        },
+        placeholder: "\u6700\u9AD8\u5229\u6DA6\u7387",
+        style: {
+          flex: 1
+        }
+      }))))
+    }, {
+      name: 'saleableCity',
+      show: !(hiddenSearchProps === null || hiddenSearchProps === void 0 ? void 0 : hiddenSearchProps.includes('saleableCity')) && searchParams.tab === 'xhdg',
+      span: 8,
+      node: /*#__PURE__*/React.createElement(_Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-flex"
+      }, "\u53EF\u552E\u5356\u57CE\u5E02\uFF1A", /*#__PURE__*/React.createElement(_Select, {
+        showSearch: true,
+        mode: "multiple",
+        allowClear: true,
+        placeholder: "\u5168\u90E8",
+        onChange: function onChange(v) {
+          handleChangeParams({
+            saleableCity: v
+          });
+        },
+        value: searchParams.saleableCity,
+        filterOption: function filterOption(input, option) {
+          return option.children.toLowerCase().includes(input.toLowerCase());
+        },
+        style: {
+          flex: 1
+        }
+      }, dgssCitys.map(function (item) {
+        return /*#__PURE__*/React.createElement(_Select.Option, {
+          key: item.dgssCityId,
+          value: item.dgssCityId
+        }, item.name);
+      }))))
+    }, {
+      name: 'addressCodes',
+      show: !(hiddenSearchProps === null || hiddenSearchProps === void 0 ? void 0 : hiddenSearchProps.includes('addressCodes')),
+      span: 8,
+      node: /*#__PURE__*/React.createElement(_Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-flex"
+      }, "\u53D1\u8D27\u5730\uFF1A", /*#__PURE__*/React.createElement(AddressSelection, {
+        value: searchParams.addressCodes,
+        onChange: function onChange(v) {
+          handleChangeParams({
+            addressCodes: v
+          });
+        },
+        placeholder: "\u8BF7\u9009\u62E9\u5730\u5740",
+        level: 2,
+        style: {
+          flex: 1
+        }
+      })))
+    }, {
+      name: 'orderName',
+      show: !(hiddenSearchProps === null || hiddenSearchProps === void 0 ? void 0 : hiddenSearchProps.includes('orderName')),
+      span: 8,
+      node: /*#__PURE__*/React.createElement(_Col, {
+        span: 8
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "ww-search-flex"
+      }, "\u6392\u5E8F\uFF1A", /*#__PURE__*/React.createElement(_Radio.Group, {
+        onChange: handleSortChange,
+        value: searchParams.orderName,
+        optionType: "button",
+        buttonStyle: "solid"
+      }, sortOptions.map(function (item) {
+        // 自有商品字段不一样做兼容处理
+        var value = searchParams.tab === 'zy' && item.label === '上架时间' ? item.valueForZy : item.value;
+        return /*#__PURE__*/React.createElement(_Radio.Button, {
+          key: value,
+          value: value
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "sort-item"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "sort-item-label"
+        }, item.label), /*#__PURE__*/React.createElement(Icon, {
+          type: "icon-paixu",
+          className: "sort-item-icon"
+        })));
+      }))))
+    }];
+    var showCols = cols.filter(function (item) {
+      return item.show;
+    });
+    var spanReset = showCols.reduce(function (sum, item) {
+      return sum + item.span;
+    }, 0) / 8 % 3;
+    var offset = (2 - spanReset) * 8;
     return /*#__PURE__*/React.createElement("div", {
       className: "ww-search search-2"
     }, /*#__PURE__*/React.createElement(_Row, {
       gutter: [24, 24]
-    }, /*#__PURE__*/React.createElement(_Col, {
-      span: 8
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-flex"
-    }, "\u5546\u54C1\u7C7B\u76EE\uFF1A", /*#__PURE__*/React.createElement(_TreeSelect, {
-      style: {
-        flex: 1
-      },
-      value: searchParams.categoryTree,
-      dropdownStyle: {
-        maxHeight: 400,
-        overflow: 'auto'
-      },
-      placeholder: "\u9009\u62E9\u5546\u54C1\u7C7B\u76EE",
-      allowClear: true,
-      onChange: function onChange(e) {
-        handleChangeParams({
-          categoryTree: e
-        });
-      },
-      treeData: categoryOptions,
-      fieldNames: {
-        label: 'categoryName',
-        value: 'categoryTree',
-        children: 'childNodes'
-      }
-    }))), /*#__PURE__*/React.createElement(_Col, {
-      span: 8
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-flex"
-    }, /*#__PURE__*/React.createElement(_Select, {
-      style: {
-        width: 120,
-        marginRight: 6
-      },
-      value: searchParams.priceType,
-      onChange: function onChange(e) {
-        handleChangeParams({
-          priceType: e
-        });
-      },
-      options: app === 1 ? priceRangeForPurchase : priceRangeForOnce
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-range-input"
-    }, /*#__PURE__*/React.createElement(_InputNumber, {
-      min: 0,
-      max: 100000,
-      precision: 2,
-      value: searchParams.priceRangeMin,
-      onChange: function onChange(v) {
-        handleChangeParams({
-          priceRangeMin: v
-        });
-      },
-      placeholder: "\u6700\u4F4E\u4EF7",
-      style: {
-        flex: 1
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '0 8px'
-      }
-    }, "-"), /*#__PURE__*/React.createElement(_InputNumber, {
-      min: 0,
-      max: 100000,
-      precision: 2,
-      value: searchParams.priceRangeMax,
-      onChange: function onChange(v) {
-        handleChangeParams({
-          priceRangeMax: v
-        });
-      },
-      placeholder: "\u6700\u9AD8\u4EF7",
-      style: {
-        flex: 1
-      }
-    })))), /*#__PURE__*/React.createElement(_Col, {
-      span: 8
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-flex"
-    }, /*#__PURE__*/React.createElement(_Select, {
-      style: {
-        width: 120,
-        marginRight: 6
-      },
-      value: searchParams.profitType,
-      onChange: function onChange(e) {
-        handleChangeParams({
-          profitType: e
-        });
-      },
-      options: app === 1 ? profitRangeForPurchase : profitRangeForOnce
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-range-input"
-    }, /*#__PURE__*/React.createElement(_InputNumber, {
-      min: 0,
-      max: 100000,
-      precision: 2,
-      value: searchParams.profitRangeMin,
-      onChange: function onChange(v) {
-        handleChangeParams({
-          profitRangeMin: v
-        });
-      },
-      placeholder: "\u6700\u4F4E\u5229\u6DA6\u7387",
-      style: {
-        flex: 1
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '0 8px'
-      }
-    }, "-"), /*#__PURE__*/React.createElement(_InputNumber, {
-      min: 0,
-      max: 100000,
-      precision: 2,
-      value: searchParams.profitRangeMax,
-      onChange: function onChange(v) {
-        handleChangeParams({
-          profitRangeMax: v
-        });
-      },
-      placeholder: "\u6700\u9AD8\u5229\u6DA6\u7387",
-      style: {
-        flex: 1
-      }
-    })))), searchParams.tab === 'zy' && /*#__PURE__*/React.createElement(_Col, {
-      span: 16
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-flex"
-    }, /*#__PURE__*/React.createElement(_Select, {
-      style: {
-        width: 170,
-        marginRight: 8
-      },
-      value: searchParams.flagScene,
-      onChange: function onChange(v) {
-        handleChangeParams({
-          flagScene: v
-        });
-      },
-      options: flagSceneOptions,
-      fieldNames: {
-        label: 'flag',
-        value: 'id'
-      },
-      placeholder: "\u9009\u62E9\u573A\u666F\u6807\u7B7E",
-      allowClear: true
-    }), /*#__PURE__*/React.createElement(_Select, {
-      style: {
-        width: 170,
-        marginRight: 8
-      },
-      value: searchParams.flagTags,
-      onChange: function onChange(v) {
-        handleChangeParams({
-          flagTags: v
-        });
-      },
-      options: flagTagsOptions,
-      fieldNames: {
-        label: 'flag',
-        value: 'id'
-      },
-      placeholder: "\u9009\u62E9\u5546\u54C1\u6807\u7B7E",
-      allowClear: true
-    }), /*#__PURE__*/React.createElement(_Select, {
-      style: {
-        width: 170,
-        marginRight: 8
-      },
-      value: searchParams.flagIndustry,
-      onChange: function onChange(v) {
-        handleChangeParams({
-          flagIndustry: v
-        });
-      },
-      options: flagIndustryOptions,
-      fieldNames: {
-        label: 'flag',
-        value: 'id'
-      },
-      placeholder: "\u9009\u62E9\u884C\u4E1A\u6807\u7B7E",
-      allowClear: true
-    }), /*#__PURE__*/React.createElement(_Cascader, {
-      placeholder: "\u9009\u62E9\u5546\u54C1\u54C1\u7C7B",
-      fieldNames: {
-        label: 'name',
-        value: 'id'
-      },
-      options: flagCategoryOptions,
-      value: searchParams.flagCategory,
-      style: {
-        width: 250
-      },
-      onChange: function onChange(v) {
-        handleChangeParams({
-          flagCategory: v
-        });
-      },
-      allowClear: true,
-      expandTrigger: "hover",
-      changeOnSelect: true
-    }))), searchParams.tab === 'xhdg' && /*#__PURE__*/React.createElement(_Col, {
-      span: 8
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-flex"
-    }, "\u53EF\u552E\u5356\u57CE\u5E02\uFF1A", /*#__PURE__*/React.createElement(_Select, {
-      showSearch: true,
-      mode: "multiple",
-      allowClear: true,
-      placeholder: "\u5168\u90E8",
-      onChange: function onChange(v) {
-        handleChangeParams({
-          saleableCity: v
-        });
-      },
-      value: searchParams.saleableCity,
-      filterOption: function filterOption(input, option) {
-        return option.children.toLowerCase().includes(input.toLowerCase());
-      },
-      style: {
-        flex: 1
-      }
-    }, dgssCitys.map(function (item) {
-      return /*#__PURE__*/React.createElement(_Select.Option, {
-        key: item.dgssCityId,
-        value: item.dgssCityId
-      }, item.name);
-    })))), /*#__PURE__*/React.createElement(_Col, {
-      span: 8
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-flex"
-    }, "\u53D1\u8D27\u5730\uFF1A", /*#__PURE__*/React.createElement(AddressSelection, {
-      value: searchParams.addressCodes,
-      onChange: function onChange(v) {
-        handleChangeParams({
-          addressCodes: v
-        });
-      },
-      placeholder: "\u8BF7\u9009\u62E9\u5730\u5740",
-      level: 2,
-      style: {
-        flex: 1
-      }
-    }))), /*#__PURE__*/React.createElement(_Col, {
-      span: 8
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ww-search-flex"
-    }, "\u6392\u5E8F\uFF1A", /*#__PURE__*/React.createElement(_Radio.Group, {
-      onChange: handleSortChange,
-      value: searchParams.orderName,
-      optionType: "button",
-      buttonStyle: "solid"
-    }, sortOptions.map(function (item) {
-      // 自有商品字段不一样做兼容处理
-      var value = searchParams.tab === 'zy' && item.label === '上架时间' ? item.valueForZy : item.value;
-      return /*#__PURE__*/React.createElement(_Radio.Button, {
-        key: value,
-        value: value
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "sort-item"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "sort-item-label"
-      }, item.label), /*#__PURE__*/React.createElement(Icon, {
-        type: "icon-paixu",
-        className: "sort-item-icon"
-      })));
-    })))), /*#__PURE__*/React.createElement(_Col, {
-      span: 8
+    }, showCols.map(function (item) {
+      return item.node;
+    }), /*#__PURE__*/React.createElement(_Col, {
+      span: 8,
+      offset: offset
     }, /*#__PURE__*/React.createElement("div", {
       className: "ww-search-flex"
     }, /*#__PURE__*/React.createElement(_Button, {
@@ -1141,7 +1191,7 @@ var ChooseMallGoods = function ChooseMallGoods(props) {
   var columns = function columns() {
     var list = app === 1 ? columns1 : columns2;
     var list2 = searchParams.tab === 'xhdg' && mode === 1 ? dgssColumns : [];
-    return [{
+    var _columns = [{
       title: '商品',
       dataIndex: 'goodsId',
       key: 'goodsId',
@@ -1220,6 +1270,11 @@ var ChooseMallGoods = function ChooseMallGoods(props) {
         }, "\u6311\u9009");
       }
     }]);
+    return _columns.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        hidden: hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(item.dataIndex)
+      });
+    });
   };
   // 改价逻辑 begin ----------
   var _useState33 = useState(false),