@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/old/ProEditableTable/utils.js

@@ -7,16 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.transformColumns = exports.rangePickerTransform = exports.getRandom = exports.formatList = exports.datePickerTransform = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
 var _lodash = require("lodash");
 var _moment2 = _interopRequireDefault(require("moment"));
-var _react = _interopRequireDefault(require("react"));
 var _components = require("../../ProForm/components");
 var Option = _antd.Select.Option;
 var RangePicker = _antd.DatePicker.RangePicker;
 var TextArea = _antd.Input.TextArea;
 // 时间转换
-var rangePickerTransform = function rangePickerTransform() {
+var rangePickerTransform = exports.rangePickerTransform = function rangePickerTransform() {
   var formatter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'YYYY-MM-DD';
   return {
     normalize: function normalize(value) {
@@ -47,8 +47,7 @@ var rangePickerTransform = function rangePickerTransform() {
   };
 };
 // 时间转换
-exports.rangePickerTransform = rangePickerTransform;
-var datePickerTransform = function datePickerTransform() {
+var datePickerTransform = exports.datePickerTransform = function datePickerTransform() {
   var formatter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'YYYY-MM-DD';
   return {
     normalize: function normalize(value) {
@@ -63,7 +62,6 @@ var datePickerTransform = function datePickerTransform() {
     }
   };
 };
-exports.datePickerTransform = datePickerTransform;
 var FormItemComponent = function FormItemComponent(props) {
   var name = props.name,
     formItemProps = props.formItemProps,
@@ -80,132 +78,140 @@ var FormItemComponent = function FormItemComponent(props) {
       dateProps = rangePickerTransform(formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.format);
     }
   }
-  return /*#__PURE__*/_react.default.createElement(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
     name: name
-  }, dateProps), formItemProps), function () {
-    var element = /*#__PURE__*/_react.default.createElement(_antd.Input, (0, _objectSpread2.default)({}, formChildrenProps));
-    switch (type) {
-      case 'Input':
-        element = /*#__PURE__*/_react.default.createElement(_antd.Input, (0, _objectSpread2.default)({
-          allowClear: true,
-          autoComplete: "off",
-          placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
-          maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 200
-        }, formChildrenProps));
-        break;
-      case 'InputNumber':
-        element = /*#__PURE__*/_react.default.createElement(_antd.InputNumber, (0, _objectSpread2.default)({
-          autoComplete: "off",
-          placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
-          style: {
-            width: '100%'
-          }
-        }, formChildrenProps));
-        break;
-      case 'InputRange':
-        element = /*#__PURE__*/_react.default.createElement(_components.InputRange, (0, _objectSpread2.default)({}, formChildrenProps));
-        break;
-      case 'TextArea':
-        element = /*#__PURE__*/_react.default.createElement(TextArea, (0, _objectSpread2.default)({
-          autoComplete: "off",
-          placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
-          autoSize: {
-            minRows: 4
-          },
-          maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 500
-        }, formChildrenProps));
-        break;
-      case 'Select':
-        {
-          var optionProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-          var selectProps = (0, _objectSpread2.default)({}, formChildrenProps);
-          delete selectProps.dataSource;
-          element = /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  }, dateProps), formItemProps), {}, {
+    children: function () {
+      var element = (0, _jsxRuntime.jsx)(_antd.Input, (0, _objectSpread2.default)({}, formChildrenProps));
+      switch (type) {
+        case 'Input':
+          element = (0, _jsxRuntime.jsx)(_antd.Input, (0, _objectSpread2.default)({
             allowClear: true,
-            showSearch: true,
-            dropdownMatchSelectWidth: false,
-            filterOption: function filterOption(input, option) {
-              return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-            },
-            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u9009\u62E9".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || '')
-          }, selectProps), {}, {
-            onChange: function onChange(value, record) {
-              var newRecord = (0, _objectSpread2.default)({}, record);
-              delete newRecord.children;
-              selectProps.onChange && selectProps.onChange(value, newRecord);
+            autoComplete: "off",
+            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
+            maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 200
+          }, formChildrenProps));
+          break;
+        case 'InputNumber':
+          element = (0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)({
+            autoComplete: "off",
+            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
+            style: {
+              width: '100%'
             }
-          }), optionProps.length && optionProps.map(function (selectItem) {
-            return /*#__PURE__*/_react.default.createElement(Option, (0, _objectSpread2.default)({
-              key: selectItem.code,
-              value: selectItem.code
-            }, selectItem), selectItem.name);
-          }));
+          }, formChildrenProps));
           break;
-        }
-      case 'DatePicker':
-        element = /*#__PURE__*/_react.default.createElement(_antd.DatePicker, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-          style: {
-            width: '100%'
-          }
-        }, formChildrenProps), {}, {
-          suffixIcon: true
-        }));
-        break;
-      case 'RangePicker':
-        element = /*#__PURE__*/_react.default.createElement(RangePicker, (0, _objectSpread2.default)({
-          picker: "date",
-          style: {
-            width: '100%'
+        case 'InputRange':
+          element = (0, _jsxRuntime.jsx)(_components.InputRange, (0, _objectSpread2.default)({}, formChildrenProps));
+          break;
+        case 'TextArea':
+          element = (0, _jsxRuntime.jsx)(TextArea, (0, _objectSpread2.default)({
+            autoComplete: "off",
+            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u8F93\u5165".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || ''),
+            autoSize: {
+              minRows: 4
+            },
+            maxLength: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.maxLength) || 500
+          }, formChildrenProps));
+          break;
+        case 'Select':
+          {
+            var optionProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
+            var selectProps = (0, _objectSpread2.default)({}, formChildrenProps);
+            delete selectProps.dataSource;
+            element = (0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+              allowClear: true,
+              showSearch: true,
+              dropdownMatchSelectWidth: false,
+              filterOption: function filterOption(input, option) {
+                return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+              },
+              placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u9009\u62E9".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || '')
+            }, selectProps), {}, {
+              onChange: function onChange(value, record) {
+                var newRecord = (0, _objectSpread2.default)({}, record);
+                delete newRecord.children;
+                selectProps.onChange && selectProps.onChange(value, newRecord);
+              },
+              children: optionProps.length && optionProps.map(function (selectItem) {
+                return (0, _jsxRuntime.jsx)(Option, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+                  value: selectItem.code
+                }, selectItem), {}, {
+                  children: selectItem.name
+                }), selectItem.code);
+              })
+            }));
+            break;
           }
-        }, formChildrenProps));
-        break;
-      case 'Cascader':
-        element = /*#__PURE__*/_react.default.createElement(_antd.Cascader, (0, _objectSpread2.default)({
-          placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u9009\u62E9".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || '')
-        }, formChildrenProps));
-        break;
-      case 'Radio':
-        {
-          var radioProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-          var groupProps = (0, _objectSpread2.default)({}, formChildrenProps);
-          delete groupProps.dataSource;
-          element = /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, (0, _objectSpread2.default)({}, groupProps), radioProps.length && radioProps.map(function (radioItem) {
-            return /*#__PURE__*/_react.default.createElement(_antd.Radio, {
-              value: radioItem.code,
-              key: radioItem.code
-            }, radioItem.name);
+        case 'DatePicker':
+          element = (0, _jsxRuntime.jsx)(_antd.DatePicker, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+            style: {
+              width: '100%'
+            }
+          }, formChildrenProps), {}, {
+            suffixIcon: true
           }));
           break;
-        }
-      case 'Checkbox':
-        {
-          var checkProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
-          var checkBoxProps = (0, _objectSpread2.default)({}, formChildrenProps);
-          delete checkBoxProps.dataSource;
-          element = /*#__PURE__*/_react.default.createElement(_antd.Checkbox.Group, {
+        case 'RangePicker':
+          element = (0, _jsxRuntime.jsx)(RangePicker, (0, _objectSpread2.default)({
+            picker: "date",
             style: {
               width: '100%'
             }
-          }, checkProps.length && checkProps.map(function (checkItem) {
-            return /*#__PURE__*/_react.default.createElement(_antd.Checkbox, (0, _objectSpread2.default)({
-              key: checkItem.value,
-              value: checkItem.value,
-              disabled: checkItem === null || checkItem === void 0 ? void 0 : checkItem.disabled
-            }, checkBoxProps), checkItem.label);
-          }));
+          }, formChildrenProps));
           break;
-        }
-      case 'Switch':
-        element = /*#__PURE__*/_react.default.createElement(_antd.Switch, (0, _objectSpread2.default)({
-          checkedChildren: "\u662F",
-          unCheckedChildren: "\u5426"
-        }, formChildrenProps));
-        break;
-    }
-    return element;
-  }());
+        case 'Cascader':
+          element = (0, _jsxRuntime.jsx)(_antd.Cascader, (0, _objectSpread2.default)({
+            placeholder: (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.placeholder) || "\u8BF7\u9009\u62E9".concat((formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.label) || '')
+          }, formChildrenProps));
+          break;
+        case 'Radio':
+          {
+            var radioProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
+            var groupProps = (0, _objectSpread2.default)({}, formChildrenProps);
+            delete groupProps.dataSource;
+            element = (0, _jsxRuntime.jsx)(_antd.Radio.Group, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, groupProps), {}, {
+              children: radioProps.length && radioProps.map(function (radioItem) {
+                return (0, _jsxRuntime.jsx)(_antd.Radio, {
+                  value: radioItem.code,
+                  children: radioItem.name
+                }, radioItem.code);
+              })
+            }));
+            break;
+          }
+        case 'Checkbox':
+          {
+            var checkProps = (formChildrenProps === null || formChildrenProps === void 0 ? void 0 : formChildrenProps.dataSource) || [];
+            var checkBoxProps = (0, _objectSpread2.default)({}, formChildrenProps);
+            delete checkBoxProps.dataSource;
+            element = (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
+              style: {
+                width: '100%'
+              },
+              children: checkProps.length && checkProps.map(function (checkItem) {
+                return (0, _jsxRuntime.jsx)(_antd.Checkbox, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+                  value: checkItem.value,
+                  disabled: checkItem === null || checkItem === void 0 ? void 0 : checkItem.disabled
+                }, checkBoxProps), {}, {
+                  children: checkItem.label
+                }), checkItem.value);
+              })
+            });
+            break;
+          }
+        case 'Switch':
+          element = (0, _jsxRuntime.jsx)(_antd.Switch, (0, _objectSpread2.default)({
+            checkedChildren: "\u662F",
+            unCheckedChildren: "\u5426"
+          }, formChildrenProps));
+          break;
+      }
+      return element;
+    }()
+  }));
 };
-var transformColumns = function transformColumns() {
+var transformColumns = exports.transformColumns = function transformColumns() {
   var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var form = arguments.length > 1 ? arguments[1] : undefined;
   var disabled = arguments.length > 2 ? arguments[2] : undefined;
@@ -225,10 +231,10 @@ var transformColumns = function transformColumns() {
     };
     if (item.required && typeof item.title === 'string') {
       item.localTitle = function () {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          key: item.title || cIndex,
-          className: "table-title-required"
-        }, item.title);
+        return (0, _jsxRuntime.jsx)("span", {
+          className: "table-title-required",
+          children: item.title
+        }, item.title || cIndex);
       };
       item.title = item.localTitle();
     }
@@ -236,7 +242,7 @@ var transformColumns = function transformColumns() {
       var editable = item === null || item === void 0 ? void 0 : item.localEditable(renderText, renderRecord, renderIndex);
       if (!disabled && editable && (renderRecord === null || renderRecord === void 0 ? void 0 : renderRecord.editable)) {
         var _values$renderIndex, _values$renderIndex2;
-        return /*#__PURE__*/_react.default.createElement(FormItemComponent, {
+        return (0, _jsxRuntime.jsx)(FormItemComponent, {
           name: [renderIndex, item.dataIndex || item.key],
           type: item.type || 'input',
           formItemProps: item.formItemProps && item.formItemProps(renderText, renderRecord, renderIndex, (_values$renderIndex = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex !== void 0 ? _values$renderIndex : {}) || {},
@@ -246,7 +252,9 @@ var transformColumns = function transformColumns() {
       var viewRender = item === null || item === void 0 ? void 0 : item.viewRender;
       if (viewRender) {
         var _values$renderIndex3;
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewRender(renderText, renderRecord, renderIndex, (_values$renderIndex3 = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex3 !== void 0 ? _values$renderIndex3 : {}));
+        return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: viewRender(renderText, renderRecord, renderIndex, (_values$renderIndex3 = values === null || values === void 0 ? void 0 : values[renderIndex]) !== null && _values$renderIndex3 !== void 0 ? _values$renderIndex3 : {})
+        });
       }
       // table回显取label值
       if (type === 'Select') {
@@ -255,13 +263,19 @@ var transformColumns = function transformColumns() {
           _item$formChildrenPro2 = _item$formChildrenPro.dataSource,
           dataSource = _item$formChildrenPro2 === void 0 ? [] : _item$formChildrenPro2;
         if (!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length)) {
-          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderRecord[item.dataIndex || item.key] || '-');
+          return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: renderRecord[item.dataIndex || item.key] || '-'
+          });
         }
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.isArray(dataSource) ? (_dataSource$find = dataSource.find(function (item) {
-          return item.code === renderText;
-        })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.name : '-');
+        return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: Array.isArray(dataSource) ? (_dataSource$find = dataSource.find(function (item) {
+            return item.code === renderText;
+          })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.name : '-'
+        });
       }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderRecord[item.dataIndex || item.key] || '-');
+      return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: renderRecord[item.dataIndex || item.key] || '-'
+      });
     };
     var originRender = item === null || item === void 0 ? void 0 : item.render;
     var render = function render(formValues) {
@@ -279,8 +293,7 @@ var transformColumns = function transformColumns() {
   return columns;
 };
 // 过滤list中多余数据，保证数据的纯净
-exports.transformColumns = transformColumns;
-var formatList = function formatList(list) {
+var formatList = exports.formatList = function formatList(list) {
   var formatList = (0, _lodash.cloneDeep)(list);
   formatList.forEach(function (item) {
     if (item.rowKey) {
@@ -295,8 +308,6 @@ var formatList = function formatList(list) {
   });
   return formatList;
 };
-exports.formatList = formatList;
-var getRandom = function getRandom() {
+var getRandom = exports.getRandom = function getRandom() {
   return Math.random().toString(36).slice(-6);
-};
-exports.getRandom = getRandom;
+};

package/lib/style/components.less

@@ -13,6 +13,7 @@
 @import '../ProUpload/style/index';
 @import '../ProTreeSelect/style/index';
 @import '../ProTreeModal/style/index';
+@import '../ProTree/style/index';
 
 // 数据录入
 @import '../ProDrawerForm/style/index';
@@ -22,13 +23,11 @@
 
 // 通用
 @import '../ProIcon/style/index';
-@import '../ProTransferModal/style/index';
 @import '../ProThemeTools/style/index';
+@import '../ProDownload/style/index';
 
 
 
 // old 待废弃
-@import '../old/ProEnumSelectModal/style/index';
 @import '../old/ProBackBtn/style/index';
-@import '../old/ProCustomColumn/style/index';
-@import '../old/ProEditableTable/style/index';
+@import '../old/ProEditableTable/style/index';

package/lib/style/theme/antd.less

@@ -21,8 +21,7 @@
 
     // label 超过130px换行
     .ant-form-item-label {
-      width        : @zaui-form-label-width;
-      max-width    : @zaui-form-label-width;
+      flex         : 0 0 @zaui-form-label-width;
       overflow     : initial;
       line-height  : 1;
       text-align   : @zaui-form-align;
@@ -87,7 +86,7 @@
   }
 
   .ant-form-item {
-    margin-bottom: @zaui-height-border;
+    margin-bottom: 22px !important;
   }
 }
 
@@ -102,6 +101,13 @@
 
 // ant-table
 .ant-table {
+  &.pro-table-no-stripe {
+    .ant-table-tbody {
+      .ant-table-row {
+        background: #fff !important;
+      }
+    }
+  }
 
   // 空态图白色
   .ant-table-placeholder {
@@ -403,7 +409,7 @@
   font-size: @zaui-font-size  !important;
 
   &.ant-table-pagination {
-    margin: @zaui-height-border 0;
+    margin: @zaui-height-size-md 0;
   }
 
   .ant-pagination-item {
@@ -675,4 +681,4 @@
 // 气泡框样式
 .ant-popover {
   width: max-content;
-}
+}