@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.11

package/lib/ProTable/utils/index.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeEmptyKeys = exports.parseWidth = exports.isNonEmptyObject = exports.isListResult = exports.getRowKey = exports.getOriginalValue = exports.getDecimalDigits = exports.getColumnDataIndex = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
+var _lodash = require("lodash");
 var _utils = require("@zat-design/utils");
 var isEmpty = _utils.validate.isEmpty;
+
 /**
  * 获取小数点后的位数
  * @param num 数字
@@ -21,6 +20,7 @@ var getDecimalDigits = exports.getDecimalDigits = function getDecimalDigits() {
   var match = Number(num).toString().match(/\.(\d+)/);
   return match ? match[1].length : 0;
 };
+
 /**
  * @description: 获取初始值
  * @param {any} rowKey
@@ -30,7 +30,7 @@ var getDecimalDigits = exports.getDecimalDigits = function getDecimalDigits() {
  * @return {any} isChanged 返回bool值，表示存在比对
  * @return {any} isAddCell 返回bool值，表示存在比对
  */
-var getOriginalValue = exports.getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
+var getOriginalValue = (value, record, originalObj, rowKey, dataIndex) => {
   if (!originalObj) {
     return {
       originalValue: null,
@@ -38,18 +38,18 @@ var getOriginalValue = exports.getOriginalValue = function getOriginalValue(valu
       isAddCell: null
     };
   }
-  var originRecord = (0, _get2.default)(originalObj, (0, _get2.default)(record, rowKey));
-  var originalValue = (0, _get2.default)(originRecord, dataIndex);
+  var originRecord = (0, _lodash.get)(originalObj, (0, _lodash.get)(record, rowKey));
+  var originalValue = (0, _lodash.get)(originRecord, dataIndex);
   if (isEmpty(originalValue) && !isEmpty(value)) {
     return {
-      originalValue: originalValue,
+      originalValue,
       isAddCell: true,
       isChanged: false
     };
   }
-  if (!(0, _isEqual2.default)(originalValue, value)) {
+  if (!(0, _lodash.isEqual)(originalValue, value)) {
     return {
-      originalValue: originalValue,
+      originalValue,
       isChanged: true,
       isAddCell: false
     };
@@ -60,18 +60,22 @@ var getOriginalValue = exports.getOriginalValue = function getOriginalValue(valu
     isAddCell: false
   };
 };
-var getColumnDataIndex = exports.getColumnDataIndex = function getColumnDataIndex(dataIndex) {
+exports.getOriginalValue = getOriginalValue;
+var getColumnDataIndex = dataIndex => {
   return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
 };
+
 /**
  * 判断数据是否为Response<List<any>>结构
  * @param data { [key: string]: any } 需要判断数据
  * @returns boolean 是否
  */
-var isListResult = exports.isListResult = function isListResult(data) {
+exports.getColumnDataIndex = getColumnDataIndex;
+var isListResult = data => {
   return data.hasOwnProperty('total') && data.hasOwnProperty('list');
 };
-var getRowKey = exports.getRowKey = function getRowKey(rowKey, record) {
+exports.isListResult = isListResult;
+var getRowKey = (rowKey, record) => {
   // 默认取id
   var key = record.rowKey || 'id';
   if (rowKey) {
@@ -80,11 +84,14 @@ var getRowKey = exports.getRowKey = function getRowKey(rowKey, record) {
   }
   return key;
 };
+
 /** 移除对象中的 null , undefined, '' 的key */
-var removeEmptyKeys = exports.removeEmptyKeys = function removeEmptyKeys(obj) {
+exports.getRowKey = getRowKey;
+var removeEmptyKeys = obj => {
   if (!obj) return {};
+
   // 一次遍历完成所有处理
-  return Object.fromEntries(Object.entries(obj).filter(function (_ref2) {
+  return Object.fromEntries(Object.entries(obj).filter(_ref2 => {
     var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
       _ = _ref3[0],
       value = _ref3[1];
@@ -92,21 +99,24 @@ var removeEmptyKeys = exports.removeEmptyKeys = function removeEmptyKeys(obj) {
     if (value === null || value === undefined || value === '') {
       return false;
     }
+
     // 检查是否是全空对象
-    if (value && (0, _typeof2.default)(value) === 'object' && !Array.isArray(value)) {
-      return !Object.values(value).every(function (item) {
-        return item === null || item === undefined || item === '';
-      });
+    if (value && typeof value === 'object' && !Array.isArray(value)) {
+      return !Object.values(value).every(item => item === null || item === undefined || item === '');
     }
     return true;
   }));
 };
+
 /** 判断是有值的对象 */
-var isNonEmptyObject = exports.isNonEmptyObject = function isNonEmptyObject(obj) {
-  return obj !== null && (0, _typeof2.default)(obj) === 'object' && !Array.isArray(obj) && Object.keys(obj).length > 0;
+exports.removeEmptyKeys = removeEmptyKeys;
+var isNonEmptyObject = obj => {
+  return obj !== null && typeof obj === 'object' && !Array.isArray(obj) && Object.keys(obj).length > 0;
 };
+
 /** 解析宽度值 */
-var parseWidth = exports.parseWidth = function parseWidth(widthValue, trWidth) {
+exports.isNonEmptyObject = isNonEmptyObject;
+var parseWidth = (widthValue, trWidth) => {
   // 如果是数字，直接返回
   if (typeof widthValue === 'number') return widthValue;
   // 如果是字符串，检查是否是百分比
@@ -124,4 +134,5 @@ var parseWidth = exports.parseWidth = function parseWidth(widthValue, trWidth) {
   }
   // 所有其他情况，返回默认值
   return null;
-};
+};
+exports.parseWidth = parseWidth;

package/lib/ProTabs/components/Card/index.js

@@ -7,49 +7,49 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("antd/es/tag/style");
 var _tag = _interopRequireDefault(require("antd/es/tag"));
-require("antd/es/spin/style");
-var _spin = _interopRequireDefault(require("antd/es/spin"));
 require("antd/es/space/style");
 var _space = _interopRequireDefault(require("antd/es/space"));
-var _jsxRuntime = require("react/jsx-runtime");
+require("antd/es/spin/style");
+var _spin = _interopRequireDefault(require("antd/es/spin"));
 var _icons = require("@ant-design/icons");
 var _utils = require("@zat-design/utils");
-var Card = function Card(props) {
+var _jsxRuntime = require("react/jsx-runtime");
+var Card = props => {
   var total = props.total,
     label = props.label,
     icon = props.icon,
     mode = props.mode,
     loading = props.loading;
-  var antIcon = (0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {
+  var antIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {
     style: {
       fontSize: 24
     },
     spin: true
   });
-  return (0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "pro-tabs-card",
-    children: mode === 'card' ? (0, _jsxRuntime.jsxs)(_space.default, {
+    children: mode === 'card' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
       size: 8,
       align: "center",
-      children: [(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "pro-tabs-card-left",
-        children: [(0, _jsxRuntime.jsx)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-tabs-card-left-total",
-          children: loading ? (0, _jsxRuntime.jsx)(_spin.default, {
+          children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
             indicator: antIcon
           }) : _utils.tools.formatAmount(total, 0) || 0
-        }), (0, _jsxRuntime.jsx)("div", {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-tabs-card-left-label",
           children: label
         })]
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-tabs-card-right",
         children: icon || '-'
       })]
-    }) : (0, _jsxRuntime.jsxs)(_space.default, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
       size: 8,
       align: "center",
-      children: [label, (0, _jsxRuntime.jsx)(_tag.default, {
+      children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, {
         color: "#FF5050",
         children: total >= 100 ? '99+' : total || 0
       })]

package/lib/ProTabs/index.js

@@ -1,25 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 require("antd/es/tabs/style");
 var _tabs = _interopRequireDefault(require("antd/es/tabs"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
 var _components = require("./components");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["style", "className", "dataSource", "onChange", "transformResponse", "useRequest", "tabSearch", "mode"];
 /* eslint-disable @typescript-eslint/consistent-type-assertions */
-var ProTabs = function ProTabs(props, ref) {
+var ProTabs = (props, ref) => {
   var style = props.style,
     className = props.className,
     _props$dataSource = props.dataSource,
@@ -38,7 +38,7 @@ var ProTabs = function ProTabs(props, ref) {
     setSelectList = _useState2[1];
   var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
     manual: true,
-    onSuccess: function onSuccess(data) {
+    onSuccess: data => {
       var responseData;
       if (transformResponse && typeof transformResponse === 'function') {
         // 转换数据
@@ -50,7 +50,7 @@ var ProTabs = function ProTabs(props, ref) {
       if (!Array.isArray(responseData)) {
         return console.error('transformResponse must return a number array, like [1, 2, 3]');
       }
-      var result = selectList.map(function (item, index) {
+      var result = selectList.map((item, index) => {
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
           total: responseData[index] || 0
         });
@@ -60,26 +60,27 @@ var ProTabs = function ProTabs(props, ref) {
     debounceWait: 300,
     loadingDelay: 1000
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
-  var _items = (0, _react.useMemo)(function () {
-    return selectList.map(function (itemProps) {
+  var _items = (0, _react.useMemo)(() => {
+    return selectList.map(itemProps => {
       var cardItemProps = {
         total: itemProps.total,
         label: itemProps.label,
         icon: itemProps.icon,
-        mode: mode,
+        mode,
         title: itemProps.title || itemProps.label,
         loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading
       };
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(itemProps, ['total', 'label', 'icon'])), {}, {
-        label: (0, _jsxRuntime.jsx)(_components.Card, (0, _objectSpread2.default)({}, cardItemProps))
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(itemProps, ['total', 'label', 'icon'])), {}, {
+        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, (0, _objectSpread2.default)({}, cardItemProps))
       });
     });
   }, [selectList, fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading]);
-  var cls = (0, _classnames.default)((0, _defineProperty2.default)({
+  var cls = (0, _classnames.default)({
     'pro-tabs': mode === 'card',
-    'pro-tabs-tab': mode !== 'card'
-  }, className, className));
-  var handleChange = function handleChange(key) {
+    'pro-tabs-tab': mode !== 'card',
+    [className]: className
+  });
+  var handleChange = key => {
     var onChange = props.onChange;
     // 开启tab切换查询
     if (tabSearch) {
@@ -87,8 +88,9 @@ var ProTabs = function ProTabs(props, ref) {
     }
     onChange && onChange(key, fetchFunction);
   };
+
   // manual为false时，自动执行
-  (0, _ahooks.useDeepCompareEffect)(function () {
+  (0, _ahooks.useDeepCompareEffect)(() => {
     var _ref = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
       defaultParams = _ref.defaultParams,
       manual = _ref.manual;
@@ -98,15 +100,13 @@ var ProTabs = function ProTabs(props, ref) {
     }
     fetchFunction.run(params);
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      useRequestRef: fetchFunction
-    };
-  });
-  return (0, _jsxRuntime.jsx)("div", {
+  (0, _react.useImperativeHandle)(ref, () => ({
+    useRequestRef: fetchFunction
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: style,
     className: cls,
-    children: (0, _jsxRuntime.jsx)(_tabs.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       animated: false
     }, rest), {}, {
       items: _items,

package/lib/ProThemeTools/component/ProTools/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,20 +16,20 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 require("antd/es/drawer/style");
 var _drawer = _interopRequireDefault(require("antd/es/drawer"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _index = require("../../utils/index");
 var _ProConfigProvider = require("../../../ProConfigProvider");
 var _locale = _interopRequireDefault(require("../../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
-    return (0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)({}, props));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)({}, props));
   };
   return ComponentWrapper;
 };
 var NewDrawer = connect(_drawer.default);
-var ProTools = function ProTools(_ref) {
+var ProTools = _ref => {
   var onReset = _ref.onReset,
     onClose = _ref.onClose,
     setState = _ref.setState,
@@ -58,7 +59,7 @@ var ProTools = function ProTools(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     active = _useState2[0],
     setActive = _useState2[1];
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     var themeConfig = localStorage.getItem('themeConfig');
     var curThemeConfig = themeConfig ? JSON.parse(themeConfig) : {};
     var _ref2 = curThemeConfig.data || {},
@@ -66,7 +67,7 @@ var ProTools = function ProTools(_ref) {
       zauiBrand = _ref2$zauiBrand === void 0 ? '#006AFF' : _ref2$zauiBrand;
     if (zauiBrand) {
       var _config$theme;
-      var newArray = active.map(function (activeItem) {
+      var newArray = active.map(activeItem => {
         activeItem.active = false;
         return {
           color: activeItem.color,
@@ -79,37 +80,37 @@ var ProTools = function ProTools(_ref) {
         payload: {
           theme: {
             primaryColor: zauiBrand,
-            qiankunPrimaryColor: config === null || config === void 0 ? void 0 : (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
+            qiankunPrimaryColor: config === null || config === void 0 || (_config$theme = config.theme) === null || _config$theme === void 0 ? void 0 : _config$theme.qiankunPrimaryColor
           }
         }
       });
     }
   }, []);
-  return (0, _jsxRuntime.jsxs)(NewDrawer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(NewDrawer, {
     className: "pro-theme-prd-tools-drawer",
     width: 400,
-    title: "".concat(_locale.default.ProThemeTools.title),
+    title: `${_locale.default.ProThemeTools.title}`,
     placement: "right",
     onClose: onClose,
     open: open,
     closable: false,
-    children: [(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "pro-drawer-close",
       onClick: onClose,
-      children: (0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
         className: "close-icon"
       })
-    }), (0, _jsxRuntime.jsxs)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-theme-tools-space",
-      children: [(0, _jsxRuntime.jsx)("p", {
-        children: "".concat(_locale.default.ProThemeTools.themeColor)
-      }), (0, _jsxRuntime.jsx)("ul", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: `${_locale.default.ProThemeTools.themeColor}`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
         className: "pro-theme-color",
-        children: active.map(function (item, index) {
-          return (0, _jsxRuntime.jsx)("li", {
+        children: active.map((item, index) => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
             className: item.active ? 'active' : '',
-            onClick: function onClick() {
-              var array = active.map(function (activeItem) {
+            onClick: () => {
+              var array = active.map(activeItem => {
                 activeItem.active = false;
                 return {
                   color: activeItem.color,
@@ -133,22 +134,22 @@ var ProTools = function ProTools(_ref) {
                 }
               });
             },
-            children: item.active ? (0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}) : null
+            children: item.active ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}) : null
           }, item.color);
         })
       })]
-    }), (0, _jsxRuntime.jsxs)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-theme-tools-space",
-      children: [(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)("p", {
-          children: "".concat(_locale.default.ProThemeTools.layout)
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: `${_locale.default.ProThemeTools.layout}`
         })
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsxs)(_radio.default.Group, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.default.Group, {
           value: state.zauiSize,
-          onChange: function onChange(e) {
+          onChange: e => {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
               zauiSize: e.target.value
             }));
@@ -156,30 +157,30 @@ var ProTools = function ProTools(_ref) {
               'zaui-size': e.target.value
             });
           },
-          children: [(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
             value: 0.5,
-            children: "".concat(_locale.default.ProThemeTools.layoutMode[0])
-          }), (0, _jsxRuntime.jsx)(_radio.default.Button, {
+            children: `${_locale.default.ProThemeTools.layoutMode[0]}`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
             value: 1,
-            children: "".concat(_locale.default.ProThemeTools.layoutMode[1])
-          }), (0, _jsxRuntime.jsx)(_radio.default.Button, {
+            children: `${_locale.default.ProThemeTools.layoutMode[1]}`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
             value: 1.5,
-            children: "".concat(_locale.default.ProThemeTools.layoutMode[2])
+            children: `${_locale.default.ProThemeTools.layoutMode[2]}`
           })]
         })
       })]
-    }), (0, _jsxRuntime.jsxs)("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-theme-tools-space pro-theme-tools-form",
-      children: [(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)("p", {
-          children: "".concat(_locale.default.ProThemeTools.formLabel)
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: `${_locale.default.ProThemeTools.formLabel}`
         })
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsxs)(_radio.default.Group, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_radio.default.Group, {
           value: state.zauiFormAlign,
-          onChange: function onChange(e) {
+          onChange: e => {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
               zauiFormAlign: e.target.value
             }));
@@ -195,29 +196,29 @@ var ProTools = function ProTools(_ref) {
               }
             });
           },
-          children: [(0, _jsxRuntime.jsx)(_radio.default.Button, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
             value: "left",
-            children: "".concat(_locale.default.ProThemeTools.flex[0])
-          }), (0, _jsxRuntime.jsx)(_radio.default.Button, {
+            children: `${_locale.default.ProThemeTools.flex[0]}`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.default.Button, {
             value: "right",
-            children: "".concat(_locale.default.ProThemeTools.flex[1])
+            children: `${_locale.default.ProThemeTools.flex[1]}`
           })]
         })
       })]
-    }), tableBorder && (0, _jsxRuntime.jsxs)("div", {
+    }), tableBorder && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
-      children: [(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)("p", {
-          children: "".concat(_locale.default.ProThemeTools.tableBorder)
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: `${_locale.default.ProThemeTools.tableBorder}`
         })
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)(_switch.default, {
-          checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
-          unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.default, {
+          checkedChildren: `${_locale.default.ProThemeTools.switchText[0]}`,
+          unCheckedChildren: `${_locale.default.ProThemeTools.switchText[1]}`,
           checked: state.zauiTableBorder,
-          onClick: function onClick(value) {
+          onClick: value => {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
               zauiTableBorder: value
             }));
@@ -227,20 +228,20 @@ var ProTools = function ProTools(_ref) {
           }
         })
       })]
-    }), tableStripe && (0, _jsxRuntime.jsxs)("div", {
+    }), tableStripe && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space",
-      children: [(0, _jsxRuntime.jsx)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)("p", {
-          children: "".concat(_locale.default.ProThemeTools.tableStripe)
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          children: `${_locale.default.ProThemeTools.tableStripe}`
         })
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "pro-theme-tools-item",
-        children: (0, _jsxRuntime.jsx)(_switch.default, {
-          checkedChildren: "".concat(_locale.default.ProThemeTools.switchText[0]),
-          unCheckedChildren: "".concat(_locale.default.ProThemeTools.switchText[1]),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.default, {
+          checkedChildren: `${_locale.default.ProThemeTools.switchText[0]}`,
+          unCheckedChildren: `${_locale.default.ProThemeTools.switchText[1]}`,
           checked: state.zauiStripe,
-          onClick: function onClick(value) {
+          onClick: value => {
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
               zauiStripe: value
             }));
@@ -251,9 +252,9 @@ var ProTools = function ProTools(_ref) {
           }
         })
       })]
-    }), (0, _jsxRuntime.jsx)(_button.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
       className: "copy-btn",
-      onClick: function onClick() {
+      onClick: () => {
         setActive([{
           color: '#006AFF',
           active: true
@@ -269,7 +270,7 @@ var ProTools = function ProTools(_ref) {
         }]);
         onReset();
       },
-      children: "".concat(_locale.default.ProThemeTools.reset)
+      children: `${_locale.default.ProThemeTools.reset}`
     })]
   });
 };