@fonixtree/magic-design 0.1.52 → 0.1.53

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

@@ -13,6 +13,8 @@ var _antd = require("antd");
 
 var _commonUtil = require("../../../utils/commonUtil");
 
+var _businessUtil = require("../../../utils/businessUtil");
+
 var _dateUtil = require("../../../utils/dateUtil");
 
 require("./index.less");
@@ -298,7 +300,10 @@ var BundleCampaign = function BundleCampaign(props) {
   };
 
   (0, _react.useEffect)(function () {
-    queryStore();
+    if ((0, _businessUtil.isPlatform)()) {
+      queryStore();
+    }
+
     var params = {
       campaignName: campaignName,
       storeId: storeId,
@@ -335,44 +340,44 @@ var BundleCampaign = function BundleCampaign(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Store"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",
-    onChange: function onChange(value) {
-      return setStoreId(value);
-    },
-    optionFilterProp: "children",
-    placeholder: "Please select",
-    showSearch: true,
+    defaultValue: "A,B",
+    onChange: changeCamState,
     size: "small",
-    value: storeId
-  }, storeList && storeList.length > 0 && storeList.map(function (v) {
+    value: cmpState
+  }, stateMap && stateMap.length > 0 && stateMap.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement(Option, {
-      key: v.storeId,
-      value: v.storeId
-    }, v.storeName);
+      key: v.key,
+      value: v.key
+    }, v.value);
   })))), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
     className: "mb12",
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }, (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 12,
     style: {
       display: 'flex'
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, "Store"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",
-    defaultValue: "A,B",
-    onChange: changeCamState,
+    onChange: function onChange(value) {
+      return setStoreId(value);
+    },
+    optionFilterProp: "children",
+    placeholder: "Please select",
+    showSearch: true,
     size: "small",
-    value: cmpState
-  }, stateMap && stateMap.length > 0 && stateMap.map(function (v) {
+    value: storeId
+  }, storeList && storeList.length > 0 && storeList.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement(Option, {
-      key: v.key,
-      value: v.key
-    }, v.value);
+      key: v.storeId,
+      value: v.storeId
+    }, v.storeName);
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 12,
     style: {

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

@@ -514,7 +514,10 @@ var FilteredProductModal = function FilteredProductModal(props) {
     queryCategory();
     queryBrand();
     queryLabel();
-    queryStore();
+
+    if ((0, _businessUtil.isPlatform)()) {
+      queryStore();
+    }
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "mFilteredProductModal"
@@ -559,7 +562,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
       key: v.brandId,
       value: v.brandName
     }, v.brandName);
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Store"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",

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

@@ -15,6 +15,8 @@ var _locale = require("../../../locale");
 
 var _commonUtil = require("../../../utils/commonUtil");
 
+var _businessUtil = require("../../../utils/businessUtil");
+
 require("./index.less");
 
 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); }
@@ -366,7 +368,10 @@ var ProductDetailPage = function ProductDetailPage(props) {
 
     queryGoods(params);
     queryBrand();
-    queryStore();
+
+    if ((0, _businessUtil.isPlatform)()) {
+      queryStore();
+    }
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "productDetailPage"
@@ -398,35 +403,6 @@ var ProductDetailPage = function ProductDetailPage(props) {
     size: "small",
     value: productCode
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    span: 6
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
-    onClick: function onClick() {
-      setLoading(true);
-      paginationParams.pageIndex = 1;
-
-      var total = paginationParams.total,
-          params = __rest(paginationParams, ["total"]);
-
-      queryGoods(__assign({
-        productName: productName,
-        productCode: productCode,
-        brandIds: brandId.map(function (v) {
-          return v.key;
-        }).join(',') || '',
-        storeId: storeId
-      }, params));
-    },
-    size: "small",
-    style: {
-      marginRight: 10
-    },
-    type: "primary"
-  }, (0, _locale.i18n)('QUERY')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
-    onClick: function onClick() {
-      reset();
-    },
-    size: "small"
-  }, (0, _locale.i18n)('CANCEL'))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Brand"
@@ -444,7 +420,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
       key: v.brandId,
       value: v.brandName
     }, v.brandName);
-  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  })))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Store"
@@ -463,7 +439,36 @@ var ProductDetailPage = function ProductDetailPage(props) {
       key: v.storeId,
       value: v.storeId
     }, v.storeName);
-  })))))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 6
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    onClick: function onClick() {
+      setLoading(true);
+      paginationParams.pageIndex = 1;
+
+      var total = paginationParams.total,
+          params = __rest(paginationParams, ["total"]);
+
+      queryGoods(__assign({
+        productName: productName,
+        productCode: productCode,
+        brandIds: brandId.map(function (v) {
+          return v.key;
+        }).join(',') || '',
+        storeId: storeId
+      }, params));
+    },
+    size: "small",
+    style: {
+      marginRight: 10
+    },
+    type: "primary"
+  }, (0, _locale.i18n)('QUERY')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    onClick: function onClick() {
+      reset();
+    },
+    size: "small"
+  }, (0, _locale.i18n)('CANCEL'))))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
     bordered: false,
     columns: columns,
     dataSource: productList,

package/es/common/ProductModal/index.js

@@ -13,6 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _commonUtil = require("../../utils/commonUtil");
 
+var _businessUtil = require("../../utils/businessUtil");
+
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
 var _currencyUtil = require("../../utils/currencyUtil");
@@ -468,7 +470,10 @@ var ProductModal = function ProductModal(props) {
     queryOfferCatgs();
     queryBrands();
     queryLabel();
-    queryStore();
+
+    if ((0, _businessUtil.isPlatform)()) {
+      queryStore();
+    }
   }, []);
   (0, _react.useEffect)(function () {
     setSelectedList(defaultList);
@@ -593,7 +598,7 @@ var ProductModal = function ProductModal(props) {
       key: item.catgId,
       value: item.brandId
     }, item.brandName);
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Store"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",

package/es/utils/businessUtil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderPreview = exports.parseUrl = exports.newParseUrl = exports.listToTree = exports.getPromotionList = exports.computeStyle = exports.canNumber = void 0;
+exports.renderPreview = exports.parseUrl = exports.newParseUrl = exports.listToTree = exports.isPlatform = exports.getPromotionList = exports.computeStyle = exports.canNumber = void 0;
 
 var _qs = _interopRequireDefault(require("qs"));
 
@@ -16,6 +16,12 @@ var _constants = require("../constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /* eslint-disable import/no-cycle */
+var isPlatform = function isPlatform() {
+  return window.magicDesign.partyType === 'P';
+};
+
+exports.isPlatform = isPlatform;
+
 var newParseUrl = function newParseUrl(urlObj) {
   var link = urlObj.value;
   var params;

package/es/utils/commonUtil.js

@@ -717,9 +717,9 @@ var asyncNextTick = function asyncNextTick(asyncFunc, interval, count) {
 exports.asyncNextTick = asyncNextTick;
 
 var convertToRem = function convertToRem(value) {
-  if (window.magicDesign.device === 'pc' || window.magicDesign.mode === 'designer') {
-    return value;
-  }
+  return value;
+
+  if (window.magicDesign.device === 'pc' || window.magicDesign.mode === 'designer') {}
 
   var pxValue = parseFloat(value);
   var remValue = pxValue / 50; // 假设1rem = 50px
@@ -733,6 +733,32 @@ exports.convertToRem = convertToRem;
 
 var pxToRem = function pxToRem(styleObj) {
   return styleObj;
+
+  if (window.magicDesign.device === 'pc' || window.magicDesign.mode === 'designer') {}
+
+  var remObj = {};
+
+  for (var key in styleObj) {
+    if (styleObj.hasOwnProperty(key)) {
+      var value = styleObj[key];
+
+      if (typeof value === 'string' && value.endsWith('px')) {
+        remObj[key] = key === 'opacity' || key === 'lineHeight' ? value : convertToRem(value);
+      } else if (typeof value === 'number') {
+        remObj[key] = convertToRem(value);
+      } else if ((key === 'padding' || key === 'margin') && typeof value === 'string') {
+        var paddingValues = value.split(' ');
+        var remPaddingValues = paddingValues.map(function (paddingValue) {
+          return paddingValue.endsWith('px') ? convertToRem(paddingValue) : paddingValue;
+        });
+        remObj[key] = remPaddingValues.join(' ');
+      } else {
+        remObj[key] = value;
+      }
+    }
+  }
+
+  return remObj;
 };
 
 exports.pxToRem = pxToRem;

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

@@ -13,6 +13,8 @@ var _antd = require("antd");
 
 var _commonUtil = require("../../../utils/commonUtil");
 
+var _businessUtil = require("../../../utils/businessUtil");
+
 var _dateUtil = require("../../../utils/dateUtil");
 
 require("./index.less");
@@ -298,7 +300,10 @@ var BundleCampaign = function BundleCampaign(props) {
   };
 
   (0, _react.useEffect)(function () {
-    queryStore();
+    if ((0, _businessUtil.isPlatform)()) {
+      queryStore();
+    }
+
     var params = {
       campaignName: campaignName,
       storeId: storeId,
@@ -335,44 +340,44 @@ var BundleCampaign = function BundleCampaign(props) {
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Store"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",
-    onChange: function onChange(value) {
-      return setStoreId(value);
-    },
-    optionFilterProp: "children",
-    placeholder: "Please select",
-    showSearch: true,
+    defaultValue: "A,B",
+    onChange: changeCamState,
     size: "small",
-    value: storeId
-  }, storeList && storeList.length > 0 && storeList.map(function (v) {
+    value: cmpState
+  }, stateMap && stateMap.length > 0 && stateMap.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement(Option, {
-      key: v.storeId,
-      value: v.storeId
-    }, v.storeName);
+      key: v.key,
+      value: v.key
+    }, v.value);
   })))), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
     className: "mb12",
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  }, (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 12,
     style: {
       display: 'flex'
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "labelStyle"
-  }, "Campaign State"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+  }, "Store"), /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",
-    defaultValue: "A,B",
-    onChange: changeCamState,
+    onChange: function onChange(value) {
+      return setStoreId(value);
+    },
+    optionFilterProp: "children",
+    placeholder: "Please select",
+    showSearch: true,
     size: "small",
-    value: cmpState
-  }, stateMap && stateMap.length > 0 && stateMap.map(function (v) {
+    value: storeId
+  }, storeList && storeList.length > 0 && storeList.map(function (v) {
     return /*#__PURE__*/_react["default"].createElement(Option, {
-      key: v.key,
-      value: v.key
-    }, v.value);
+      key: v.storeId,
+      value: v.storeId
+    }, v.storeName);
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 12,
     style: {

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

@@ -514,7 +514,10 @@ var FilteredProductModal = function FilteredProductModal(props) {
     queryCategory();
     queryBrand();
     queryLabel();
-    queryStore();
+
+    if ((0, _businessUtil.isPlatform)()) {
+      queryStore();
+    }
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "mFilteredProductModal"
@@ -559,7 +562,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
       key: v.brandId,
       value: v.brandName
     }, v.brandName);
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Store"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",

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

@@ -15,6 +15,8 @@ var _locale = require("../../../locale");
 
 var _commonUtil = require("../../../utils/commonUtil");
 
+var _businessUtil = require("../../../utils/businessUtil");
+
 require("./index.less");
 
 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); }
@@ -366,7 +368,10 @@ var ProductDetailPage = function ProductDetailPage(props) {
 
     queryGoods(params);
     queryBrand();
-    queryStore();
+
+    if ((0, _businessUtil.isPlatform)()) {
+      queryStore();
+    }
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "productDetailPage"
@@ -398,35 +403,6 @@ var ProductDetailPage = function ProductDetailPage(props) {
     size: "small",
     value: productCode
   }))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    span: 6
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
-    onClick: function onClick() {
-      setLoading(true);
-      paginationParams.pageIndex = 1;
-
-      var total = paginationParams.total,
-          params = __rest(paginationParams, ["total"]);
-
-      queryGoods(__assign({
-        productName: productName,
-        productCode: productCode,
-        brandIds: brandId.map(function (v) {
-          return v.key;
-        }).join(',') || '',
-        storeId: storeId
-      }, params));
-    },
-    size: "small",
-    style: {
-      marginRight: 10
-    },
-    type: "primary"
-  }, (0, _locale.i18n)('QUERY')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
-    onClick: function onClick() {
-      reset();
-    },
-    size: "small"
-  }, (0, _locale.i18n)('CANCEL'))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Brand"
@@ -444,7 +420,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
       key: v.brandId,
       value: v.brandName
     }, v.brandName);
-  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+  })))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Col, {
     span: 9
   }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Store"
@@ -463,7 +439,36 @@ var ProductDetailPage = function ProductDetailPage(props) {
       key: v.storeId,
       value: v.storeId
     }, v.storeName);
-  })))))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+  })))), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
+    span: 6
+  }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    onClick: function onClick() {
+      setLoading(true);
+      paginationParams.pageIndex = 1;
+
+      var total = paginationParams.total,
+          params = __rest(paginationParams, ["total"]);
+
+      queryGoods(__assign({
+        productName: productName,
+        productCode: productCode,
+        brandIds: brandId.map(function (v) {
+          return v.key;
+        }).join(',') || '',
+        storeId: storeId
+      }, params));
+    },
+    size: "small",
+    style: {
+      marginRight: 10
+    },
+    type: "primary"
+  }, (0, _locale.i18n)('QUERY')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    onClick: function onClick() {
+      reset();
+    },
+    size: "small"
+  }, (0, _locale.i18n)('CANCEL'))))), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
     bordered: false,
     columns: columns,
     dataSource: productList,

package/lib/common/ProductModal/index.js

@@ -13,6 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _commonUtil = require("../../utils/commonUtil");
 
+var _businessUtil = require("../../utils/businessUtil");
+
 var _Iconfont = _interopRequireDefault(require("../Iconfont"));
 
 var _currencyUtil = require("../../utils/currencyUtil");
@@ -468,7 +470,10 @@ var ProductModal = function ProductModal(props) {
     queryOfferCatgs();
     queryBrands();
     queryLabel();
-    queryStore();
+
+    if ((0, _businessUtil.isPlatform)()) {
+      queryStore();
+    }
   }, []);
   (0, _react.useEffect)(function () {
     setSelectedList(defaultList);
@@ -593,7 +598,7 @@ var ProductModal = function ProductModal(props) {
       key: item.catgId,
       value: item.brandId
     }, item.brandName);
-  }))), /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
+  }))), (0, _businessUtil.isPlatform)() && /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
     label: "Store"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
     className: "inputStyle",

package/lib/utils/businessUtil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.renderPreview = exports.parseUrl = exports.newParseUrl = exports.listToTree = exports.getPromotionList = exports.computeStyle = exports.canNumber = void 0;
+exports.renderPreview = exports.parseUrl = exports.newParseUrl = exports.listToTree = exports.isPlatform = exports.getPromotionList = exports.computeStyle = exports.canNumber = void 0;
 
 var _qs = _interopRequireDefault(require("qs"));
 
@@ -16,6 +16,12 @@ var _constants = require("../constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /* eslint-disable import/no-cycle */
+var isPlatform = function isPlatform() {
+  return window.magicDesign.partyType === 'P';
+};
+
+exports.isPlatform = isPlatform;
+
 var newParseUrl = function newParseUrl(urlObj) {
   var link = urlObj.value;
   var params;

package/lib/utils/commonUtil.js

@@ -717,9 +717,9 @@ var asyncNextTick = function asyncNextTick(asyncFunc, interval, count) {
 exports.asyncNextTick = asyncNextTick;
 
 var convertToRem = function convertToRem(value) {
-  if (window.magicDesign.device === 'pc' || window.magicDesign.mode === 'designer') {
-    return value;
-  }
+  return value;
+
+  if (window.magicDesign.device === 'pc' || window.magicDesign.mode === 'designer') {}
 
   var pxValue = parseFloat(value);
   var remValue = pxValue / 50; // 假设1rem = 50px
@@ -733,6 +733,32 @@ exports.convertToRem = convertToRem;
 
 var pxToRem = function pxToRem(styleObj) {
   return styleObj;
+
+  if (window.magicDesign.device === 'pc' || window.magicDesign.mode === 'designer') {}
+
+  var remObj = {};
+
+  for (var key in styleObj) {
+    if (styleObj.hasOwnProperty(key)) {
+      var value = styleObj[key];
+
+      if (typeof value === 'string' && value.endsWith('px')) {
+        remObj[key] = key === 'opacity' || key === 'lineHeight' ? value : convertToRem(value);
+      } else if (typeof value === 'number') {
+        remObj[key] = convertToRem(value);
+      } else if ((key === 'padding' || key === 'margin') && typeof value === 'string') {
+        var paddingValues = value.split(' ');
+        var remPaddingValues = paddingValues.map(function (paddingValue) {
+          return paddingValue.endsWith('px') ? convertToRem(paddingValue) : paddingValue;
+        });
+        remObj[key] = remPaddingValues.join(' ');
+      } else {
+        remObj[key] = value;
+      }
+    }
+  }
+
+  return remObj;
 };
 
 exports.pxToRem = pxToRem;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "0.1.52",
+  "version": "0.1.53",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",