@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/es/ProForm/components/base/Radio/index.js

@@ -1,13 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/radio/style";
+import _Radio from "antd/es/radio";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "fieldNames", "onChange", "value", "otherProps"];
-import { Radio as AntRadio } from 'antd';
 import React from 'react';
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
 import ProForm from "../../../../ProForm";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Radio = function Radio(props) {
+var Radio = props => {
   var dataSource = props.dataSource,
     fieldNames = props.fieldNames,
     _onChange = props.onChange,
@@ -24,10 +25,10 @@ var Radio = function Radio(props) {
     value: 'value'
   };
   if (isView) {
-    var transToLabel = function transToLabel(value) {
-      var labelList = value.map(function (item) {
+    var transToLabel = value => {
+      var labelList = value.map(item => {
         var _dataSource$find;
-        return (_dataSource$find = dataSource.find(function (dataItem) {
+        return (_dataSource$find = dataSource.find(dataItem => {
           return dataItem[_fieldNames.value] === item;
         })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find[_fieldNames.label];
       });
@@ -42,9 +43,7 @@ var Radio = function Radio(props) {
   // 假如dataSource包含code,name, fieldNames没有配置，_fieldNames默认为code, name
   if (Array.isArray(dataSource) && !fieldNames) {
     var _dataSource$filter;
-    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(function (item) {
-      return Object.keys(item).includes('code') && Object.keys(item).includes('name');
-    })) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
+    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(item => Object.keys(item).includes('code') && Object.keys(item).includes('name'))) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
     if (hasCodeName) {
       _fieldNames = {
         label: 'name',
@@ -52,13 +51,13 @@ var Radio = function Radio(props) {
       };
     }
   }
-  return /*#__PURE__*/_jsx(AntRadio.Group, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/_jsx(_Radio.Group, _objectSpread(_objectSpread({}, rest), {}, {
     value: value,
-    onChange: function onChange(e) {
+    onChange: e => {
       _onChange(e, e.target.value);
     },
-    children: !!(dataSource !== null && dataSource !== void 0 && dataSource.length) && dataSource.map(function (radioItem) {
-      return /*#__PURE__*/_jsx(AntRadio, {
+    children: !!(dataSource !== null && dataSource !== void 0 && dataSource.length) && dataSource.map(radioItem => {
+      return /*#__PURE__*/_jsx(_Radio, {
         value: radioItem[_fieldNames.value],
         children: radioItem[_fieldNames.label]
       }, radioItem[_fieldNames.value]);

package/es/ProForm/components/base/RangePicker/index.js

@@ -1,9 +1,8 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker"; // @ts-check
 var _excluded = ["format", "otherProps", "separator", "range"];
-// @ts-check
-import { DatePicker } from 'antd';
 import { isFunction, isObject, isString, omit, uniq } from 'lodash';
 import dayjs from 'dayjs';
 import React from 'react';
@@ -12,8 +11,8 @@ import ProForm from "../../../../ProForm";
 import Container from "../../Container";
 import { useDateRange } from "./useDateRange";
 import { jsx as _jsx } from "react/jsx-runtime";
-var AntRangePicker = DatePicker.RangePicker;
-var RangePicker = function RangePicker(props) {
+var AntRangePicker = _DatePicker.RangePicker;
+var RangePicker = props => {
   var _props$format = props.format,
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
     otherProps = props.otherProps,
@@ -29,7 +28,7 @@ var RangePicker = function RangePicker(props) {
 
   // 返回函数管理起止时间可选范围
   var rangeRegulator = useDateRange({
-    range: range,
+    range,
     disabledDate: rest.disabledDate
   });
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
@@ -54,9 +53,7 @@ var RangePicker = function RangePicker(props) {
   if (isFunction(format)) {
     tempFormat = [];
   }
-  var _format = uniq([].concat(_toConsumableArray(tempFormat), ['YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD'])).filter(function (formatKey) {
-    return !!formatKey;
-  });
+  var _format = uniq([...tempFormat, 'YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD']).filter(formatKey => !!formatKey);
   var _defaultShowTime = {
     format: 'HH:mm:ss'
   };
@@ -67,7 +64,7 @@ var RangePicker = function RangePicker(props) {
     if (!value || !value[0] || !value[1]) {
       viewChildren = null;
     } else if (Array.isArray(format)) {
-      var formattedList = format.map(function (formatItem, index) {
+      var formattedList = format.map((formatItem, index) => {
         var _format2, _ref2;
         if (isFunction(formatItem)) {
           return formatItem(value[index]);
@@ -76,9 +73,9 @@ var RangePicker = function RangePicker(props) {
       });
       viewChildren = formattedList.join(separator);
     } else if (isFunction(format)) {
-      viewChildren = "".concat(format(value[0]), " ").concat(separator, " ").concat(format(value[1]));
+      viewChildren = `${format(value[0])} ${separator} ${format(value[1])}`;
     } else {
-      viewChildren = "".concat(value[0].format(_viewFormat), " ").concat(separator, " ").concat(value[1].format(_viewFormat));
+      viewChildren = `${value[0].format(_viewFormat)} ${separator} ${value[1].format(_viewFormat)}`;
     }
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,

package/es/ProForm/components/base/RangePicker/useDateRange.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 /**
  * 支持传入时间范围作为起止期的间隔时间
  */
-export var useDateRange = function useDateRange(props) {
+export var useDateRange = props => {
   var range = props.range,
     _disabledDate = props.disabledDate;
   var _useState = useState([]),
@@ -12,7 +12,7 @@ export var useDateRange = function useDateRange(props) {
     setDates = _useState2[1];
   if (!range) return;
   return {
-    onCalendarChange: function onCalendarChange(val) {
+    onCalendarChange: val => {
       var _val$, _val$2;
       if (!val) {
         setDates(val);
@@ -21,7 +21,7 @@ export var useDateRange = function useDateRange(props) {
       var _val = [(_val$ = val[0]) === null || _val$ === void 0 ? void 0 : _val$.clone().startOf('day'), (_val$2 = val[1]) === null || _val$2 === void 0 ? void 0 : _val$2.clone().startOf('day')];
       setDates(_val);
     },
-    disabledDate: function disabledDate(current) {
+    disabledDate: current => {
       if (!dates) return false;
       var _current = current.clone().startOf('day');
       var tooLate = dates[0] && _current.diff(dates[0], range[1]) >= range[0];

package/es/ProForm/components/base/Select/index.js

@@ -1,7 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "fieldNames", "otherProps", "scrollFollowParent"];
-import { Select as AntSelect } from 'antd';
 import React from 'react';
 import { isNumber } from 'lodash';
 import Container from "../../Container";
@@ -9,7 +10,7 @@ import { useProConfig } from "../../../../ProConfigProvider";
 import locale from "../../../../locale";
 import ProForm from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Select = function Select(props) {
+var Select = props => {
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     fieldNames = props.fieldNames,
@@ -29,10 +30,10 @@ var Select = function Select(props) {
   };
   if (isView) {
     var value = rest.value;
-    var transToLabel = function transToLabel(value) {
-      var labelList = value.map(function (item) {
+    var transToLabel = value => {
+      var labelList = value.map(item => {
         var _dataSource$find;
-        return (_dataSource$find = dataSource.find(function (dataItem) {
+        return (_dataSource$find = dataSource.find(dataItem => {
           return dataItem[_fieldNames.value] === item;
         })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find[_fieldNames.label];
       });
@@ -50,10 +51,10 @@ var Select = function Select(props) {
       children: value || isNumber(value) ? transToLabel([value]) : null
     });
   }
-  return /*#__PURE__*/_jsx(AntSelect, _objectSpread(_objectSpread(_objectSpread({
-    placeholder: "".concat(locale.ProForm.selectPlaceHolder),
+  return /*#__PURE__*/_jsx(_Select, _objectSpread(_objectSpread(_objectSpread({
+    placeholder: `${locale.ProForm.selectPlaceHolder}`,
     allowClear: true,
-    getPopupContainer: function getPopupContainer(trigger) {
+    getPopupContainer: trigger => {
       return scrollFollowParent ? trigger.parentElement : document.body;
     }
   }, initialConfig), {}, {

package/es/ProForm/components/base/Switch/index.js

@@ -1,7 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/switch/style";
+import _Switch from "antd/es/switch";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["disabled", "otherProps"];
-import { Switch as AntSwitch } from 'antd';
 import React from 'react';
 import { isNull, isUndefined } from 'lodash';
 import { useProConfig } from "../../../../ProConfigProvider";
@@ -10,7 +11,7 @@ import locale from "../../../../locale";
 import ProForm from "../../../../ProForm";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Switch = function Switch(props) {
+var Switch = props => {
   var disabled = props.disabled,
     otherProps = props.otherProps,
     res = _objectWithoutProperties(props, _excluded);
@@ -28,13 +29,13 @@ var Switch = function Switch(props) {
     }
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
-      children: res.checked === true ? "".concat(locale.ProForm.switchText[0]) : "".concat(locale.ProForm.switchText[1])
+      children: res.checked === true ? `${locale.ProForm.switchText[0]}` : `${locale.ProForm.switchText[1]}`
     });
   }
-  return /*#__PURE__*/_jsx(AntSwitch, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Switch, _objectSpread(_objectSpread(_objectSpread({
     disabled: disabled,
-    checkedChildren: "".concat(locale.ProForm.switchText[0]),
-    unCheckedChildren: "".concat(locale.ProForm.switchText[1])
+    checkedChildren: `${locale.ProForm.switchText[0]}`,
+    unCheckedChildren: `${locale.ProForm.switchText[1]}`
   }, config), res), {}, {
     id: "switch_only" // 解决点击label联动的问题
   }));

package/es/ProForm/components/base/SwitchCheckbox/index.js

@@ -1,8 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["onChange", "disabled", "value", "otherProps", "className"];
 import * as React from 'react';
-import { Checkbox } from 'antd';
 import { isNull, isUndefined } from 'lodash';
 import classnames from 'classnames';
 import { useProConfig } from "../../../../ProConfigProvider";
@@ -10,7 +11,7 @@ import locale from "../../../../locale";
 import ProForm from "../../../../ProForm";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var SwitchCheckbox = function SwitchCheckbox(props) {
+var SwitchCheckbox = props => {
   var onChange = props.onChange,
     disabled = props.disabled,
     value = props.value,
@@ -23,7 +24,7 @@ var SwitchCheckbox = function SwitchCheckbox(props) {
     valueType = _ref.valueType;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var initialConfig = useProConfig('SwitchCheckbox');
-  var changeVal = function changeVal(e) {
+  var changeVal = e => {
     onChange(e.target.checked);
   };
   if (isView) {
@@ -46,15 +47,15 @@ var SwitchCheckbox = function SwitchCheckbox(props) {
         children: restProps.label
       }), /*#__PURE__*/_jsx("span", {
         className: "switch-checkbox-view-value",
-        children: restProps.checked === true ? "".concat(locale.ProForm.switchText[0]) : "".concat(locale.ProForm.switchText[1])
+        children: restProps.checked === true ? `${locale.ProForm.switchText[0]}` : `${locale.ProForm.switchText[1]}`
       })]
     });
   }
   var classNames = classnames({
     'pro-switch-checkbox': true,
-    className: className
+    className
   });
-  return /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Checkbox, _objectSpread(_objectSpread(_objectSpread({
     disabled: disabled,
     onChange: changeVal,
     className: classNames

package/es/ProForm/components/base/SwitchCheckbox/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .switch-checkbox-view {
   display    : flex;

package/es/ProForm/components/base/TextArea/index.js

@@ -1,8 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
 var _excluded = ["placeholder", "otherProps", "className", "tooltip"];
-import { Input } from 'antd';
 import { omit } from 'lodash';
 import React from 'react';
 import classnames from 'classnames';
@@ -12,8 +12,8 @@ import ProForm from "../../../../ProForm";
 import Container from "../../Container";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-var TextArea = Input.TextArea;
-var TextAreaDef = function TextAreaDef(props) {
+var TextArea = _Input.TextArea;
+var TextAreaDef = props => {
   var _props$style;
   var placeholder = props.placeholder,
     otherProps = props.otherProps,
@@ -35,14 +35,15 @@ var TextAreaDef = function TextAreaDef(props) {
       children: rest.value
     });
   }
-  var _className = classnames(_defineProperty({
+  var _className = classnames({
     'pro-textarea': true,
-    'pro-textarea-view': isView
-  }, className, className));
+    'pro-textarea-view': isView,
+    [className]: className
+  });
   return /*#__PURE__*/_jsx(TextArea, _objectSpread(_objectSpread(_objectSpread({
     showCount: true,
     autoComplete: "off",
-    placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder).concat(label || ''),
+    placeholder: placeholder || `${locale.ProForm.inputPlaceholder}${label || ''}`,
     autoSize: !(props !== null && props !== void 0 && (_props$style = props.style) !== null && _props$style !== void 0 && _props$style.height)
   }, omit(initialConfig, ['trim', 'upperCase'])), rest), {}, {
     className: _className

package/es/ProForm/components/base/TextArea/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 div.pro-textarea-view {
   .@{ant-prefix}-input-disabled {

package/es/ProForm/components/base/TimePicker/index.js

@@ -1,15 +1,16 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
 var _excluded = ["format", "onChange", "value", "otherProps"];
 import React from 'react';
-import { DatePicker } from 'antd';
 import dayjs from 'dayjs';
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
 import ProForm from "../../../../ProForm";
 import { jsx as _jsx } from "react/jsx-runtime";
-var AntTimePicker = DatePicker.TimePicker;
-var TimePicker = function TimePicker(props) {
+var AntTimePicker = _DatePicker.TimePicker;
+var TimePicker = props => {
   var _props$format = props.format,
     format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
     onChange = props.onChange,
@@ -23,7 +24,7 @@ var TimePicker = function TimePicker(props) {
     valueType = _ref$valueType === void 0 ? 'dateTime' : _ref$valueType;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var initialConfig = useProConfig('AntTimePicker');
-  var handleChange = function handleChange(value) {
+  var handleChange = value => {
     if (valueType === 'dateTime') {
       onChange && onChange(value ? dayjs(value).format(format) : undefined);
     }

package/es/ProForm/components/base/TimePicker/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 /* 适配antd 5.x，不再导入antd样式 */
 

package/es/ProForm/components/combination/Container/index.js

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { useMemo } from 'react';
 import { omit } from 'lodash';
 import classnames from 'classnames';
@@ -9,7 +8,7 @@ import ProForm from "../../../../ProForm";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Container = function Container(props) {
+var Container = props => {
   var children = props.children,
     className = props.className,
     container = props.container,
@@ -22,23 +21,24 @@ var Container = function Container(props) {
     form = _ref.form,
     required = _ref.required,
     disabled = _ref.disabled;
-  var _className = classnames(_defineProperty({
+  var _className = classnames({
     'pro-container': true,
     'pro-container-diy': type === 'Container',
-    'pro-container-empty': !(children !== null && children !== void 0 && children.length)
-  }, "".concat(className), className));
-  var _children = useMemo(function () {
-    var result = children === null || children === void 0 ? void 0 : children.map(function (item) {
+    'pro-container-empty': !(children !== null && children !== void 0 && children.length),
+    [`${className}`]: className
+  });
+  var _children = useMemo(() => {
+    var result = children === null || children === void 0 ? void 0 : children.map(item => {
       return _objectSpread({
-        clearNotShow: clearNotShow,
-        show: show,
-        required: required,
-        disabled: disabled
+        clearNotShow,
+        show,
+        required,
+        disabled
       }, item);
     });
     return result;
   }, [children]);
-  var childRender = function childRender() {
+  var childRender = () => {
     var child = /*#__PURE__*/_jsx(RenderFields, _objectSpread({
       columns: _children,
       form: form,

package/es/ProForm/components/combination/Container/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-container {
   &.pro-container-empty{