@fonixtree/magic-design 2.0.106 → 2.0.109

package/es/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,10 +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;
-  var Option = _antd.Select.Option;
-  var InputGroup = _antd.Input.Group;
+  var onDataChange = props.onDataChange,
+      _fetch = props._fetch;
+  var Option = Select.Option;
+  var InputGroup = Input.Group;
 
   var _a = (0, _react.useState)([]),
       tValue = _a[0],
@@ -335,7 +350,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/offercatgs/list", {}, 'GET')];
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/offercatgs/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -357,7 +372,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/brand/list", {}, 'GET')];
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/brand/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -379,7 +394,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/labels/list", {}, 'GET')];
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/labels/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -401,7 +416,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -451,7 +466,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
             };
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/offers/es", params, 'POST')];
+            , fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/offers/es", params, 'POST')];
 
           case 1:
             res = _a.sent();
@@ -502,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,
@@ -521,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,
@@ -539,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) {
@@ -557,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'),
@@ -570,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);
@@ -592,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);
@@ -604,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({
@@ -634,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) {
@@ -655,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/es/common/LinkModal/FunctionTable/index.js

@@ -9,10 +9,6 @@ exports["default"] = FunctionTable;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _antd = require("antd");
-
-var _commonUtil = require("../../../utils/commonUtil");
-
 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; }
@@ -160,10 +156,21 @@ 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; // import { commonFetch } from '../../../utils/commonUtil';
+
 function FunctionTable(props) {
   var _this = this;
 
-  var _onChange = props.onChange;
+  var _onChange = props.onChange,
+      _fetch = props._fetch;
 
   var _a = (0, _react.useState)([]),
       functions = _a[0],
@@ -197,7 +204,7 @@ function FunctionTable(props) {
             setLoading(true);
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)('/designer/v1/pages/functions', {
+            , _fetch('/designer/v1/pages/functions', {
               partyType: window.magicDesign.partyType
             }, 'GET')];
 
@@ -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/es/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/es/common/LinkModal/MiniAppTable/index.js

@@ -7,12 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = CustomTable;
 
-var _antd = require("antd");
-
 var _react = _interopRequireWildcard(require("react"));
 
-var _commonUtil = require("../../../utils/commonUtil");
-
 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; }
@@ -160,10 +156,22 @@ 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;
 
-  var _onChange = props.onChange;
+  var _onChange = props.onChange,
+      _fetch = props._fetch;
 
   var _a = (0, _react.useState)([]),
       miniAppList = _a[0],
@@ -182,7 +190,7 @@ function CustomTable(props) {
             setLoading(true);
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/mini/app/list", params, 'GET')];
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/mini/app/list", params, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -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/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,10 +180,27 @@ 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;
+  var onChange = props.onChange,
+      _fetch = props._fetch;
 
   var _a = (0, _react.useState)([]),
       productList = _a[0],
@@ -231,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,
@@ -301,7 +318,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
             , 2];
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/offers", __assign(__assign({}, params), {
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/offers", __assign(__assign({}, params), {
               offerCode: productCode,
               isDefaultCover: 'Y',
               onlyQryPublishSku: true,
@@ -324,7 +341,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
           case 2:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/products", __assign(__assign({}, params), {
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/products", __assign(__assign({}, params), {
               state: 'A',
               productCode: productCode
             }), 'GET')];
@@ -358,7 +375,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/brand/list")];
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/designer/resource/brand/list")];
 
           case 1:
             res = _a.sent();
@@ -380,7 +397,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+            , _fetch("/designer/v1/" + window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -437,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) {
@@ -457,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,
@@ -497,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);
@@ -516,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;
@@ -529,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
   }));
 }