@fonixtree/magic-design 2.0.108 → 2.0.109

package/lib/common/LinkModal/BundleCampaign/index.js

@@ -9,8 +9,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
 var _businessUtil = require("../../../utils/businessUtil");
 
 var _dateUtil = require("../../../utils/dateUtil");
@@ -164,7 +162,21 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
-var Option = _antd.Select.Option;
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Button = antdLibrary.Button,
+    Col = antdLibrary.Col,
+    Input = antdLibrary.Input,
+    Row = antdLibrary.Row,
+    Select = antdLibrary.Select,
+    Table = antdLibrary.Table;
+var Option = Select.Option;
 
 var BundleCampaign = function BundleCampaign(props) {
   var setUrl = props.setUrl,
@@ -313,33 +325,33 @@ var BundleCampaign = function BundleCampaign(props) {
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "bundleCampaign"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+  }, /*#__PURE__*/_react["default"].createElement(Row, {
     className: "mb12",
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }, /*#__PURE__*/_react["default"].createElement(Col, {
     span: 12,
     style: {
       display: 'flex'
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Campaign Name"), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, "Campaign Name"), /*#__PURE__*/_react["default"].createElement(Input, {
     className: "inputStyle",
     onChange: function onChange(e) {
       setCampaignName(e.target.value);
     },
     size: "small",
     value: campaignName
-  })), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  })), /*#__PURE__*/_react["default"].createElement(Col, {
     span: 12,
     style: {
       display: 'flex'
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(Select, {
     className: "inputStyle",
     defaultValue: "A,B",
     onChange: changeCamState,
@@ -350,19 +362,19 @@ var BundleCampaign = function BundleCampaign(props) {
       key: v.key,
       value: v.key
     }, v.value);
-  })))), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+  })))), /*#__PURE__*/_react["default"].createElement(Row, {
     className: "mb12",
     style: {
       width: '100%'
     }
-  }, (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }, (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(Col, {
     span: 12,
     style: {
       display: 'flex'
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Store"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, "Store"), /*#__PURE__*/_react["default"].createElement(Select, {
     className: "inputStyle",
     onChange: function onChange(value) {
       return setStoreId(value);
@@ -377,24 +389,24 @@ var BundleCampaign = function BundleCampaign(props) {
       key: v.storeId,
       value: v.storeId
     }, v.storeName);
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }))), /*#__PURE__*/_react["default"].createElement(Col, {
     span: 12,
     style: {
       paddingLeft: '120px'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(Button, {
     onClick: queryFunc,
     size: "small",
     style: {
       marginRight: 10
     },
     type: "primary"
-  }, "Query"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, "Query"), /*#__PURE__*/_react["default"].createElement(Button, {
     onClick: function onClick() {
       reset();
     },
     size: "small"
-  }, "Cancel"))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, "Cancel"))), /*#__PURE__*/_react["default"].createElement(Table, {
     bordered: false,
     columns: columns,
     dataSource: bundleList,

package/lib/common/LinkModal/CatgTable/index.js

@@ -9,8 +9,6 @@ exports["default"] = CatgTable;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
 var _businessUtil = require("../../../utils/businessUtil");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -160,6 +158,16 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Table = antdLibrary.Table;
+
 function CatgTable(props) {
   var _this = this;
 
@@ -225,7 +233,7 @@ function CatgTable(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(Table, {
     bordered: false,
     columns: columns,
     dataSource: catgList,

package/lib/common/LinkModal/CouponTable/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = CouponTable;
 
-var _antd = require("antd");
-
 var _moment = _interopRequireDefault(require("moment"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -193,6 +191,16 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   return t;
 };
 
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Table = antdLibrary.Table;
+
 function CouponTable(props) {
   var _this = this;
 
@@ -296,7 +304,7 @@ function CouponTable(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(Table, {
     columns: columns,
     dataSource: data,
     loading: loading,

package/lib/common/LinkModal/CustomTable/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = CustomTable;
 
-var _antd = require("antd");
-
 var _react = _interopRequireWildcard(require("react"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -159,6 +157,16 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
 };
 
 // import { commonFetch } from '../../../utils/commonUtil';
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Table = antdLibrary.Table;
+
 function CustomTable(props) {
   var _this = this;
 
@@ -223,7 +231,7 @@ function CustomTable(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(Table, {
     bordered: false,
     columns: columns,
     dataSource: cusPageList,

package/lib/common/LinkModal/FilteredProductModal/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _antd = require("antd");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _commonUtil = require("../../../utils/commonUtil");
@@ -184,11 +182,27 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Button = antdLibrary.Button,
+    Form = antdLibrary.Form,
+    Input = antdLibrary.Input,
+    InputNumber = antdLibrary.InputNumber,
+    Select = antdLibrary.Select,
+    TreeSelect = antdLibrary.TreeSelect,
+    Table = antdLibrary.Table;
+
 var FilteredProductModal = function FilteredProductModal(props) {
   var onDataChange = props.onDataChange,
       _fetch = props._fetch;
-  var Option = _antd.Select.Option;
-  var InputGroup = _antd.Input.Group;
+  var Option = Select.Option;
+  var InputGroup = Input.Group;
 
   var _a = (0, _react.useState)([]),
       tValue = _a[0],
@@ -503,11 +517,11 @@ var FilteredProductModal = function FilteredProductModal(props) {
     className: "mFilteredProductModalContent"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "leftCot"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+  }, /*#__PURE__*/_react["default"].createElement(Form, {
     layout: "vertical"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Category"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect // allowClear
+  }, /*#__PURE__*/_react["default"].createElement(TreeSelect // allowClear
   , {
     dropdownStyle: {
       maxHeight: 400,
@@ -522,9 +536,9 @@ var FilteredProductModal = function FilteredProductModal(props) {
     treeData: treeData,
     treeDefaultExpandAll: true,
     value: tValue
-  })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  })), /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Brand"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(Select, {
     defaultValue: [],
     maxTagCount: 2,
     maxTagTextLength: 5,
@@ -540,9 +554,9 @@ var FilteredProductModal = function FilteredProductModal(props) {
       key: v.brandId,
       value: v.brandName
     }, v.brandName);
-  }))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Store"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(Select, {
     className: "inputStyle",
     defaultValue: [],
     onChange: function onChange(value) {
@@ -558,9 +572,9 @@ var FilteredProductModal = function FilteredProductModal(props) {
       key: v.storeId,
       value: v.storeId
     }, v.storeName);
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }))), /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Label"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(Select, {
     defaultValue: [],
     onChange: handleLabelChange,
     placeholder: (0, _locale.i18n)('PLEASE_SELECT'),
@@ -571,11 +585,11 @@ var FilteredProductModal = function FilteredProductModal(props) {
       key: v.labelId,
       value: v.labelName
     }, v.labelName);
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }))), /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Price"
   }, /*#__PURE__*/_react["default"].createElement(InputGroup, {
     compact: true
-  }, /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, {
+  }, /*#__PURE__*/_react["default"].createElement(InputNumber, {
     min: 0,
     onChange: function onChange(value) {
       setMinimum(value);
@@ -593,7 +607,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
       lineHeight: '30px',
       textAlign: 'center'
     }
-  }, "~"), /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, {
+  }, "~"), /*#__PURE__*/_react["default"].createElement(InputNumber, {
     min: 0,
     onChange: function onChange(value) {
       setMaximum(value);
@@ -605,18 +619,18 @@ var FilteredProductModal = function FilteredProductModal(props) {
       textAlign: 'center'
     },
     value: maximum
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }))), /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Product Name"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, /*#__PURE__*/_react["default"].createElement(Input, {
     onChange: function onChange(e) {
       setProductName(e.currentTarget.value);
     },
     placeholder: (0, _locale.i18n)('PLEASE_INPUT'),
     size: "small",
     value: productName
-  })), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  })), /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Promotions"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(Select, {
     defaultValue: [],
     onChange: function onChange(value, node) {
       setPromotions({
@@ -635,7 +649,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
     value: "Group By"
   }, (0, _locale.i18n)('GROUP_BY')))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "buttonStyle"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(Button, {
     onClick: function onClick() {
       paginationParams.current = 1;
       loadGoods().then(function (res) {
@@ -656,14 +670,14 @@ var FilteredProductModal = function FilteredProductModal(props) {
       marginRight: 8
     },
     type: "primary"
-  }, (0, _locale.i18n)('SEARCH')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('SEARCH')), /*#__PURE__*/_react["default"].createElement(Button, {
     onClick: function onClick() {
       reset();
     },
     size: "small"
   }, (0, _locale.i18n)('CANCEL'))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "rightCot"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(Table, {
     columns: columns,
     dataSource: dataSource,
     loading: loading,

package/lib/common/LinkModal/FunctionTable/index.js

@@ -9,8 +9,6 @@ exports["default"] = FunctionTable;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -158,7 +156,16 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
-// import { commonFetch } from '../../../utils/commonUtil';
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Table = antdLibrary.Table; // import { commonFetch } from '../../../utils/commonUtil';
+
 function FunctionTable(props) {
   var _this = this;
 
@@ -220,7 +227,7 @@ function FunctionTable(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(Table, {
     columns: columns,
     dataSource: functions,
     loading: loading,

package/lib/common/LinkModal/MiniAppApi/index.js

@@ -7,13 +7,21 @@ exports["default"] = MiniAppApi;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _antd = require("antd");
-
 var _const = require("./const");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var Search = _antd.Input.Search;
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Table = antdLibrary.Table,
+    Input = antdLibrary.Input;
+var Search = Input.Search;
 
 function MiniAppApi(_a) {
   var _onChange = _a.onChange;
@@ -46,7 +54,7 @@ function MiniAppApi(_a) {
     enterButton: true,
     onSearch: function onSearch() {},
     placeholder: "Api Name"
-  })), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  })), /*#__PURE__*/_react["default"].createElement(Table, {
     bordered: false,
     columns: columns,
     dataSource: _const.source,

package/lib/common/LinkModal/MiniAppTable/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = CustomTable;
 
-var _antd = require("antd");
-
 var _react = _interopRequireWildcard(require("react"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -159,6 +157,16 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
 };
 
 // import { commonFetch } from '../../../utils/commonUtil';
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Table = antdLibrary.Table;
+
 function CustomTable(props) {
   var _this = this;
 
@@ -235,7 +243,7 @@ function CustomTable(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(Table, {
     bordered: false,
     columns: columns,
     dataSource: miniAppList,

package/lib/common/LinkModal/ProductDetailPage/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _antd = require("antd");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _locale = require("../../../locale");
@@ -182,7 +180,23 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
-var Option = _antd.Select.Option;
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Select = antdLibrary.Select,
+    Button = antdLibrary.Button,
+    Col = antdLibrary.Col,
+    Input = antdLibrary.Input,
+    Row = antdLibrary.Row,
+    Table = antdLibrary.Table,
+    Form = antdLibrary.Form,
+    Radio = antdLibrary.Radio;
+var Option = Select.Option;
 
 var ProductDetailPage = function ProductDetailPage(props) {
   var onChange = props.onChange,
@@ -232,6 +246,8 @@ var ProductDetailPage = function ProductDetailPage(props) {
       selectedPro = _l[0],
       setSelectedPro = _l[1];
 
+  var ref = (0, _react.useRef)();
+
   var _m = (0, _react.useState)({
     pageSize: 20,
     current: 1,
@@ -438,18 +454,20 @@ var ProductDetailPage = function ProductDetailPage(props) {
     value: 'spu'
   }];
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "productDetailPage"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+    ref: ref,
+    className: "productDetailPage",
+    id: "customContainer"
+  }, /*#__PURE__*/_react["default"].createElement(Form, {
     labelCol: {
       span: 8
     },
     layout: "horizontal"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+  }, /*#__PURE__*/_react["default"].createElement(Row, {
     gutter: 24
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }, /*#__PURE__*/_react["default"].createElement(Col, {
     offset: 20,
     span: 4
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
+  }, /*#__PURE__*/_react["default"].createElement(Radio.Group, {
     buttonStyle: "solid",
     className: "btn-select-type",
     onChange: function onChange(e) {
@@ -458,33 +476,33 @@ var ProductDetailPage = function ProductDetailPage(props) {
     options: proTypeOption,
     optionType: "button",
     value: proType
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
+  }))), /*#__PURE__*/_react["default"].createElement(Row, {
     gutter: 24
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }, /*#__PURE__*/_react["default"].createElement(Col, {
     span: 9
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Product Name"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, /*#__PURE__*/_react["default"].createElement(Input, {
     onChange: function onChange(e) {
       return setProductName(e.target.value);
     },
     size: "small",
     value: productName
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }))), /*#__PURE__*/_react["default"].createElement(Col, {
     span: 9
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: proType === 'spu' ? 'SPU Code' : 'SKU Code'
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, /*#__PURE__*/_react["default"].createElement(Input, {
     onChange: function onChange(e) {
       return setProductCode(e.target.value);
     },
     size: "small",
     value: productCode
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }))), /*#__PURE__*/_react["default"].createElement(Col, {
     span: 9
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Brand"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(Select, {
     defaultValue: [],
     mode: "multiple",
     onChange: handleBrandChange,
@@ -498,11 +516,11 @@ var ProductDetailPage = function ProductDetailPage(props) {
       key: v.brandId,
       value: v.brandName
     }, v.brandName);
-  })))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  })))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(Col, {
     span: 9
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Store"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, /*#__PURE__*/_react["default"].createElement(Select, {
     defaultValue: [],
     onChange: function onChange(value) {
       return setStoreId(value);
@@ -517,9 +535,9 @@ var ProductDetailPage = function ProductDetailPage(props) {
       key: v.storeId,
       value: v.storeId
     }, v.storeName);
-  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  })))), /*#__PURE__*/_react["default"].createElement(Col, {
     span: 6
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, /*#__PURE__*/_react["default"].createElement(Button, {
     onClick: function onClick() {
       setLoading(true);
       paginationParams.current = 1;
@@ -530,12 +548,12 @@ var ProductDetailPage = function ProductDetailPage(props) {
       marginRight: 10
     },
     type: "primary"
-  }, (0, _locale.i18n)('QUERY')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('QUERY')), /*#__PURE__*/_react["default"].createElement(Button, {
     onClick: function onClick() {
       reset();
     },
     size: "small"
-  }, (0, _locale.i18n)('CANCEL'))))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, (0, _locale.i18n)('CANCEL'))))), /*#__PURE__*/_react["default"].createElement(Table, {
     bordered: false,
     columns: columns,
     dataSource: productList,