@fonixtree/magic-design 2.0.108 → 2.0.109

package/es/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,

package/es/common/LinkModal/SelectVideoModal/index.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _antd = require("antd");
-
 var _Field = _interopRequireDefault(require("../../Field"));
 
 var _Iconfont = _interopRequireDefault(require("../../Iconfont"));
@@ -51,6 +49,17 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Select = antdLibrary.Select,
+    Switch = antdLibrary.Switch;
+
 var SelectVideoModal =
 /** @class */
 function (_super) {
@@ -92,16 +101,16 @@ function (_super) {
       className: "video-upload-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_Field["default"], {
       title: "Select Video"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+    }, /*#__PURE__*/_react["default"].createElement(Select, {
       onChange: function onChange(v) {
         _this.onFieldChange({
           sourceType: v
         });
       },
       value: this.videoSetting.sourceType
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+    }, /*#__PURE__*/_react["default"].createElement(Select.Option, {
       value: "Upload"
-    }, "Upload"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+    }, "Upload"), /*#__PURE__*/_react["default"].createElement(Select.Option, {
       value: "URL"
     }, "URL"))), this.videoSetting.sourceType === 'URL' && /*#__PURE__*/_react["default"].createElement(_Field["default"], {
       title: "URL"
@@ -144,7 +153,7 @@ function (_super) {
       layout: "horizontal",
       split: true,
       title: "Progress bar"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+    }, /*#__PURE__*/_react["default"].createElement(Switch, {
       checked: this.videoSetting.progressBar,
       onChange: function onChange(v) {
         _this.onFieldChange({
@@ -155,7 +164,7 @@ function (_super) {
       layout: "horizontal",
       split: true,
       title: "Play in loop"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+    }, /*#__PURE__*/_react["default"].createElement(Switch, {
       checked: this.videoSetting.loop,
       onChange: function onChange(v) {
         _this.onFieldChange({
@@ -166,7 +175,7 @@ function (_super) {
       layout: "horizontal",
       split: true,
       title: "Autoplays"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+    }, /*#__PURE__*/_react["default"].createElement(Switch, {
       checked: this.videoSetting.autoplay,
       onChange: function onChange(v) {
         _this.onFieldChange({
@@ -177,7 +186,7 @@ function (_super) {
       layout: "horizontal",
       split: true,
       title: "Video Sound"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+    }, /*#__PURE__*/_react["default"].createElement(Switch, {
       checked: this.videoSetting.videoSound,
       onChange: function onChange(v) {
         _this.onFieldChange({

package/es/common/LinkModal/ShareUrl/index.js

@@ -9,10 +9,18 @@ var _react = _interopRequireDefault(require("react"));
 
 require("./index.less");
 
-var _antd = require("antd");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Input = antdLibrary.Input;
+
 function ShareUrl(_a) {
   var onChange = _a.onChange;
 
@@ -27,7 +35,7 @@ function ShareUrl(_a) {
     className: "shareWrap"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "label"
-  }, "Share Url"), /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, "Share Url"), /*#__PURE__*/_react["default"].createElement(Input, {
     onChange: onChangeUrl
   }));
 }

package/es/common/LinkModal/StoreCatgTable/index.js

@@ -9,8 +9,6 @@ exports["default"] = StoreCatgTable;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
 var _commonUtil = require("../../../utils/commonUtil");
 
 var _businessUtil = require("../../../utils/businessUtil");
@@ -162,6 +160,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 StoreCatgTable(props) {
   var _this = this;
 
@@ -226,7 +234,7 @@ function StoreCatgTable(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  }, /*#__PURE__*/_react["default"].createElement(Table, {
     bordered: false,
     columns: columns,
     dataSource: catgList,

package/es/common/LinkModal/StoreTable/index.js

@@ -9,8 +9,6 @@ exports["default"] = StoreTable;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
 var _locale = require("../../../locale");
 
 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); }
@@ -176,6 +174,20 @@ 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,
+    Form = antdLibrary.Form,
+    Row = antdLibrary.Row,
+    Col = antdLibrary.Col,
+    Button = antdLibrary.Button,
+    Input = antdLibrary.Input;
 var paginationParams = {
   pageSize: 20,
   pageIndex: 1
@@ -266,26 +278,26 @@ function StoreTable(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+  }, /*#__PURE__*/_react["default"].createElement(Form, {
     labelCol: {
       span: 4
     },
     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, {
     span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Store"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, /*#__PURE__*/_react["default"].createElement(Input, {
     onChange: function onChange(e) {
       return setStoreName(e.target.value);
     },
     size: "small",
     value: 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.pageIndex = 1;
@@ -298,12 +310,12 @@ function StoreTable(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: storeList,

package/es/common/LinkModal/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _antd = require("antd");
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _CouponTable = _interopRequireDefault(require("./CouponTable"));
@@ -212,7 +210,20 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
       done: true
     };
   }
-};
+}; // import { Button, Modal, Tabs } from 'antd';
+
+
+var antdLibrary;
+
+try {
+  antdLibrary = require('antd4');
+} catch (error) {
+  antdLibrary = require('antd');
+}
+
+var Button = antdLibrary.Button,
+    Modal = antdLibrary.Modal,
+    Tabs = antdLibrary.Tabs;
 
 var LinkModal = function LinkModal(props) {
   var onConfirm = props.onConfirm,
@@ -302,7 +313,7 @@ var LinkModal = function LinkModal(props) {
     setSelected(type);
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_antd.Modal, _extends({
+  return /*#__PURE__*/_react["default"].createElement(Modal, _extends({
     cancelText: (0, _locale.i18n)('CANCEL'),
     draggable: false,
     footer: null,
@@ -313,11 +324,11 @@ var LinkModal = function LinkModal(props) {
     visible: visible,
     width: "1000px",
     wrapClassName: "magicLinkModal"
-  }, modalConfig), /*#__PURE__*/_react["default"].createElement(_antd.Tabs, {
+  }, modalConfig), /*#__PURE__*/_react["default"].createElement(Tabs, {
     activeKey: selected,
     onChange: onTabsChange
   }, linkTypes.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_antd.Tabs.TabPane, {
+    return /*#__PURE__*/_react["default"].createElement(Tabs.TabPane, {
       key: item.linkTypeCode,
       tab: item.linkTypeName
     }, item.linkTypeCode === 'StoreCategory' && /*#__PURE__*/_react["default"].createElement(_StoreCatgTable["default"], {
@@ -400,12 +411,12 @@ var LinkModal = function LinkModal(props) {
     className: "footer"
   }, selected === 'FilteredProduct' ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "total"
-  }, total, " Products In Total") : /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, total, " Products In Total") : /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Button, {
     className: "btn-cancel",
     onClick: function onClick() {
       return onClose && onClose();
     }
-  }, (0, _locale.i18n)('CANCEL')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+  }, (0, _locale.i18n)('CANCEL')), /*#__PURE__*/_react["default"].createElement(Button, {
     className: "btn-confirm",
     onClick: onModalSave,
     type: "primary"

package/es/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ConfigProvider", {
+  enumerable: true,
+  get: function get() {
+    return _antd.ConfigProvider;
+  }
+});
 Object.defineProperty(exports, "Designer", {
   enumerable: true,
   get: function get() {
@@ -30,6 +36,8 @@ Object.defineProperty(exports, "clickUrl", {
 
 require("./assets/fonts/magic-box-iconfont.css");
 
+var _antd = require("antd4");
+
 var _coreUtil = require("./utils/coreUtil");
 
 require("./assets/less/index.less");

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

@@ -9,8 +9,6 @@ exports["default"] = AffiliateProductTable;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
 var _locale = require("../../../locale");
 
 var _currencyUtil = require("../../../utils/currencyUtil");
@@ -178,6 +176,20 @@ 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,
+    Form = antdLibrary.Form,
+    Row = antdLibrary.Row,
+    Col = antdLibrary.Col,
+    Button = antdLibrary.Button,
+    Input = antdLibrary.Input;
 var paginationParams = {
   pageSize: 80,
   pageIndex: 1
@@ -201,7 +213,7 @@ function AffiliateProductTable(props) {
       formInfo = _c[0],
       setFormInfo = _c[1];
 
-  var form = _antd.Form.useForm()[0];
+  var form = Form.useForm()[0];
 
   var queryProduct = function queryProduct(params) {
     return __awaiter(_this, void 0, void 0, function () {
@@ -288,44 +300,44 @@ function AffiliateProductTable(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+  }, /*#__PURE__*/_react["default"].createElement(Form, {
     form: form,
     initialValues: formInfo,
     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, {
     span: 9
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Product Name",
     name: "productName"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, /*#__PURE__*/_react["default"].createElement(Input, {
     size: "small"
-  }))), /*#__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: "Sku Code",
     name: "affiliateProductCode"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, /*#__PURE__*/_react["default"].createElement(Input, {
     size: "small"
-  }))), /*#__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: onQueryClick,
     size: "small",
     style: {
       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,

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

@@ -9,8 +9,6 @@ exports["default"] = AffiliateStore;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
 var _locale = require("../../../locale");
 
 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); }
@@ -176,6 +174,20 @@ 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,
+    Form = antdLibrary.Form,
+    Row = antdLibrary.Row,
+    Col = antdLibrary.Col,
+    Button = antdLibrary.Button,
+    Input = antdLibrary.Input;
 var paginationParams = {
   pageSize: 20,
   pageIndex: 1
@@ -270,26 +282,26 @@ function AffiliateStore(props) {
     style: {
       height: 550
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form, {
+  }, /*#__PURE__*/_react["default"].createElement(Form, {
     labelCol: {
       span: 6
     },
     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, {
     span: 12
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }, /*#__PURE__*/_react["default"].createElement(Form.Item, {
     label: "Store Name"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+  }, /*#__PURE__*/_react["default"].createElement(Input, {
     onChange: function onChange(e) {
       return setStoreName(e.target.value);
     },
     size: "small",
     value: 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.pageIndex = 1;
@@ -302,12 +314,12 @@ function AffiliateStore(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: storeList,