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

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

@@ -5,11 +5,11 @@ import "antd/es/input/style";
 import _Input from "antd/es/input";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSetState, useDeepCompareEffect } from 'ahooks';
 import { isEmpty } from 'lodash';
 import classnames from 'classnames';
-import React from 'react';
-import { tools } from '@zat-design-pro-component/utils';
+import { tools } from '@zat-design/utils';
 import Container from '../../Container';
 var formatAmount = tools.formatAmount,
   formatPercent = tools.formatPercent,
@@ -26,12 +26,14 @@ var ProNumberRange = function ProNumberRange(props) {
     disabled = props.disabled,
     _props$decimal = props.decimal,
     decimal = _props$decimal === void 0 ? 2 : _props$decimal,
-    _props$precision = props.precision,
-    precision = _props$precision === void 0 ? 2 : _props$precision,
+    precision = props.precision,
     childProps = props.childProps,
     otherProps = props.otherProps,
     addonBefore = props.addonBefore,
-    addonAfter = props.addonAfter;
+    addonAfter = props.addonAfter,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '~' : _props$separator,
+    inValueType = props.valueType;
   var _ref = otherProps || {},
     _ref$isView = _ref.isView,
     isView = _ref$isView === void 0 ? false : _ref$isView,
@@ -93,29 +95,33 @@ var ProNumberRange = function ProNumberRange(props) {
       // 百分比
       case 'percent':
       case 'percentage':
-        return /*#__PURE__*/React.createElement(Container, {
-          viewEmpty: viewEmpty
-        }, "".concat(formatPercent(value[0], precision || decimal), " ~ ").concat(formatPercent(value[1], precision || decimal)));
+        return _jsx(Container, {
+          viewEmpty: viewEmpty,
+          children: "".concat(formatPercent(value[0], precision || decimal), " ").concat(separator, " ").concat(formatPercent(value[1], precision || decimal))
+        });
       // 千分比
       case 'permillage':
-        return /*#__PURE__*/React.createElement(Container, {
-          viewEmpty: viewEmpty
-        }, "".concat(formatPerMill(value[0], precision || decimal), " ~ ").concat(formatPerMill(value[1], precision || decimal)));
+        return _jsx(Container, {
+          viewEmpty: viewEmpty,
+          children: "".concat(formatPerMill(value[0], precision || decimal), " ").concat(separator, " ").concat(formatPerMill(value[1], precision || decimal))
+        });
       // 千分位
       case 'amount':
       case 'thousandth':
-        return /*#__PURE__*/React.createElement(Container, {
-          viewEmpty: viewEmpty
-        }, "".concat(formatAmount(value[0], precision || decimal), " ~ ").concat(formatAmount(value[1], precision || decimal)));
+        return _jsx(Container, {
+          viewEmpty: viewEmpty,
+          children: "".concat(formatAmount(value[0], precision || decimal), " ").concat(separator, " ").concat(formatAmount(value[1], precision || decimal))
+        });
       default:
-        return /*#__PURE__*/React.createElement(Container, {
-          viewEmpty: viewEmpty
-        }, "".concat(value[0] || '-', " ~ ").concat(value[1] || '-'));
+        return _jsx(Container, {
+          viewEmpty: viewEmpty,
+          children: "".concat(value[0] || '-', " ").concat(separator, " ").concat(value[1] || '-')
+        });
     }
   }
   // 值类型模式
-  if (valueType) {
-    switch (valueType) {
+  if (valueType || inValueType) {
+    switch (valueType || inValueType) {
       case 'thousandth':
       case 'amount':
         valueProps = {
@@ -143,40 +149,41 @@ var ProNumberRange = function ProNumberRange(props) {
     }
     return result;
   };
-  return /*#__PURE__*/React.createElement(_Input.Group, {
+  return _jsxs(_Input.Group, {
     compact: true,
-    className: cls
-  }, /*#__PURE__*/React.createElement(_InputNumber, _objectSpread(_objectSpread({
-    className: "range-left",
-    value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
-    placeholder: "\u8BF7\u8F93\u5165",
-    min: min,
-    max: (value === null || value === void 0 ? void 0 : value[1]) || max || range[1],
-    precision: precision,
-    disabled: getDisabled(disabled, 0),
-    onChange: function onChange(e) {
-      firstHandleChange(e);
-    },
-    addonBefore: addonBefore
-  }, valueProps), childProps === null || childProps === void 0 ? void 0 : childProps[0])), /*#__PURE__*/React.createElement(_Input, {
-    className: classnames({
-      'range-split': true,
-      'range-split-disabled': !!disabled
-    }),
-    placeholder: "~",
-    disabled: true
-  }), /*#__PURE__*/React.createElement(_InputNumber, _objectSpread(_objectSpread({
-    className: "range-right",
-    value: (value === null || value === void 0 ? void 0 : value[1]) || range[1],
-    placeholder: "\u8BF7\u8F93\u5165",
-    min: (value === null || value === void 0 ? void 0 : value[0]) || min || range[0],
-    max: max,
-    precision: precision,
-    disabled: getDisabled(disabled, 1),
-    onChange: function onChange(e) {
-      lastHandleChange(e);
-    },
-    addonAfter: addonAfter
-  }, valueProps), childProps === null || childProps === void 0 ? void 0 : childProps[1])));
+    className: cls,
+    children: [_jsx(_InputNumber, _objectSpread(_objectSpread({
+      className: "range-left",
+      value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
+      placeholder: "\u8BF7\u8F93\u5165",
+      min: min,
+      max: (value === null || value === void 0 ? void 0 : value[1]) || max || range[1],
+      precision: precision,
+      disabled: getDisabled(disabled, 0),
+      onChange: function onChange(e) {
+        firstHandleChange(e);
+      },
+      addonBefore: addonBefore
+    }, valueProps), childProps === null || childProps === void 0 ? void 0 : childProps[0])), _jsx(_Input, {
+      className: classnames({
+        'range-split': true,
+        'range-split-disabled': !!disabled
+      }),
+      placeholder: "~",
+      disabled: true
+    }), _jsx(_InputNumber, _objectSpread(_objectSpread({
+      className: "range-right",
+      value: (value === null || value === void 0 ? void 0 : value[1]) || range[1],
+      placeholder: "\u8BF7\u8F93\u5165",
+      min: (value === null || value === void 0 ? void 0 : value[0]) || min || range[0],
+      max: max,
+      precision: precision,
+      disabled: getDisabled(disabled, 1),
+      onChange: function onChange(e) {
+        lastHandleChange(e);
+      },
+      addonAfter: addonAfter
+    }, valueProps), childProps === null || childProps === void 0 ? void 0 : childProps[1]))]
+  });
 };
 export default ProNumberRange;

package/es/ProForm/components/combination/ProNumberRange/propsType.d.ts

@@ -71,6 +71,10 @@ export interface ProNumberRangeProps {
      * @description       InputNumber属性
      * @default           '-'
      */
+    /**
+     * 查看分割符
+     */
+    separator?: React.ReactNode | string;
     childProps?: any[];
     otherProps?: ProFormOtherProps;
 }

package/es/ProForm/components/combination/ProRangeLimit/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { RangePickerProps } from 'antd/lib/date-picker';
+import { RangePickerProps } from 'antd/es/date-picker';
 import { Moment } from 'moment';
-export type Props = Omit<RangePickerProps, 'value' | 'onChange' | 'format'> & {
+export type Props = Omit<RangePickerProps, 'value' | 'onChange' | 'format' | 'separator'> & {
     disabled?: boolean;
     foreverText?: string;
     foreverDate?: string;
@@ -9,6 +9,7 @@ export type Props = Omit<RangePickerProps, 'value' | 'onChange' | 'format'> & {
     onChange?: HandleChange;
     value?: ValueStr;
     format?: string;
+    separator?: any;
 };
 type Value = [Moment?, Moment?, boolean?];
 type ValueStr = [string?, string?, string?];

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

@@ -7,12 +7,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import "antd/es/date-picker/style";
 import _DatePicker from "antd/es/date-picker";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["disabled", "foreverText", "foreverDate", "format", "otherProps"];
-import React, { useMemo, useState } from 'react';
-import { useProConfig } from 'zat-design-pro-component';
+var _excluded = ["disabled", "foreverText", "foreverDate", "format", "otherProps", "separator"];
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
 import { omit } from 'lodash';
 import classNames from 'classnames';
 import moment from 'moment';
+import { useProConfig } from '../../../../ProConfigProvider';
 import Container from '../../Container';
 var defaultPickerValue = [moment(), moment()];
 var useControlled = function useControlled(props) {
@@ -47,6 +48,8 @@ var ProRangeLimit = function ProRangeLimit(props) {
     _props$format = props.format,
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
     otherProps = props.otherProps,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '~' : _props$separator,
     rest = _objectWithoutProperties(props, _excluded);
   var _ref = otherProps || {},
     isView = _ref.isView,
@@ -75,14 +78,18 @@ var ProRangeLimit = function ProRangeLimit(props) {
   }, [foreverDate, format]);
   if (isView) {
     var _props$value3, _props$value4;
+    var _separator = (value === null || value === void 0 ? void 0 : value[0]) && (value === null || value === void 0 ? void 0 : value[1]) ? separator : '';
     if (_isForever) {
-      return /*#__PURE__*/React.createElement(Container, {
-        viewEmpty: viewEmpty
-      }, value === null || value === void 0 ? void 0 : value[0].format(format), " ~ ", foreverText);
+      var _value$;
+      return _jsxs(Container, {
+        viewEmpty: viewEmpty,
+        children: [value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.format(format), " ", _separator, " ", foreverText]
+      });
     }
-    return /*#__PURE__*/React.createElement(Container, {
-      viewEmpty: viewEmpty
-    }, (_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3[0], " ~ ", (_props$value4 = props.value) === null || _props$value4 === void 0 ? void 0 : _props$value4[1]);
+    return _jsxs(Container, {
+      viewEmpty: viewEmpty,
+      children: [(_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3[0], " ", _separator, " ", (_props$value4 = props.value) === null || _props$value4 === void 0 ? void 0 : _props$value4[1]]
+    });
   }
   // 时间范围change
   var handleRangeChange = function handleRangeChange(date, dateStr) {
@@ -113,28 +120,31 @@ var ProRangeLimit = function ProRangeLimit(props) {
     }
     onChange([start, end, e.target.checked], [(_start = start) === null || _start === void 0 ? void 0 : _start.format(format), (_end = end) === null || _end === void 0 ? void 0 : _end.format(format), foreverStr]);
   };
-  return /*#__PURE__*/React.createElement(_Input.Group, {
-    compact: true
-  }, /*#__PURE__*/React.createElement(RangePicker, _objectSpread(_objectSpread(_objectSpread({
-    allowClear: true,
-    disabled: [disabled, disabled || _isForever],
-    style: {
-      width: 'calc(100% - 84px)'
-    },
-    defaultPickerValue: defaultPickerValue
-  }, initialConfig), omit(rest, ['placeholder'])), {}, {
-    format: format,
-    value: value,
-    onChange: handleRangeChange
-  })), /*#__PURE__*/React.createElement("div", {
-    className: className,
-    style: {
-      width: '84px'
-    }
-  }, /*#__PURE__*/React.createElement(_Checkbox, {
-    checked: _isForever,
-    disabled: disabled,
-    onChange: handleForeverChange
-  }, foreverText)));
+  return _jsxs(_Input.Group, {
+    compact: true,
+    children: [_jsx(RangePicker, _objectSpread(_objectSpread(_objectSpread({
+      allowClear: true,
+      disabled: [disabled, disabled || _isForever],
+      style: {
+        width: 'calc(100% - 84px)'
+      },
+      defaultPickerValue: defaultPickerValue
+    }, initialConfig), omit(rest, ['placeholder', 'separator'])), {}, {
+      format: format,
+      value: value,
+      onChange: handleRangeChange
+    })), _jsx("div", {
+      className: className,
+      style: {
+        width: '84px'
+      },
+      children: _jsx(_Checkbox, {
+        checked: _isForever,
+        disabled: disabled,
+        onChange: handleForeverChange,
+        children: foreverText
+      })
+    })]
+  });
 };
 export default ProRangeLimit;

package/es/ProForm/components/combination/ProTimeLimit/index.d.ts

@@ -15,5 +15,5 @@ export interface Props<ValueType extends DateType | string | null = DateType> ex
     otherProps?: ProFormOtherProps;
 }
 export declare const ProTimeLimit: React.FC<Props>;
-declare const LimitPick: (props: any) => React.JSX.Element;
+declare const LimitPick: (props: any) => JSX.Element;
 export default LimitPick;

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

@@ -5,31 +5,19 @@ import _DatePicker from "antd/es/date-picker";
 import "antd/es/input/style";
 import _Input from "antd/es/input";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["format", "disabled", "foreverTime", "foreverText", "valueType", "otherProps"],
   _excluded2 = ["mode"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { isFunction, omit } from 'lodash';
+import { omit } from 'lodash';
 import moment, { isMoment } from 'moment';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { useProConfig } from '../../../../ProConfigProvider';
 import Container from '../../Container';
 import useControlled from './hooks/useControlled';
 import ProRangeLimit from '../ProRangeLimit';
-var momentFormat = function momentFormat(value, format) {
-  var _format = format;
-  if (Array.isArray(format)) {
-    var _format2 = _slicedToArray(format, 1);
-    _format = _format2[0];
-  }
-  if (isFunction(_format)) {
-    return _format(value);
-  }
-  if (value) {
-    return moment(value).format(format);
-  }
-};
 // 永久有效默认值
 export var ProTimeLimit = function ProTimeLimit(props) {
   var _props$format = props.format,
@@ -77,50 +65,55 @@ export var ProTimeLimit = function ProTimeLimit(props) {
   };
   if (isView) {
     if (isForever) {
-      return /*#__PURE__*/React.createElement(Container, {
-        viewEmpty: viewEmpty
-      }, foreverText);
+      return _jsx(Container, {
+        viewEmpty: viewEmpty,
+        children: foreverText
+      });
     }
-    return /*#__PURE__*/React.createElement(Container, {
-      viewEmpty: viewEmpty
-    }, props.value);
+    return _jsx(Container, {
+      viewEmpty: viewEmpty,
+      children: props.value
+    });
   }
   var className = classNames({
     'ant-input': true,
     'ant-input-disabled': disabled,
     'forever-checkbox': true
   });
-  return /*#__PURE__*/React.createElement(_Input.Group, {
-    compact: true
-  }, /*#__PURE__*/React.createElement(_DatePicker, _objectSpread(_objectSpread(_objectSpread({
-    disabled: disabled || isForever,
-    style: {
-      width: 'calc(100% - 84px)'
-    }
-  }, initialConfig), omit(rest, ['placeholder'])), {}, {
-    value: value,
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement("div", {
-    className: className,
-    style: {
-      width: '84px'
-    }
-  }, /*#__PURE__*/React.createElement(_Checkbox, {
-    checked: isForever,
-    disabled: disabled,
-    style: {
-      width: '60px'
-    },
-    onChange: foreverChange
-  }, foreverText)));
+  return _jsxs(_Input.Group, {
+    compact: true,
+    children: [_jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({
+      disabled: disabled || isForever,
+      style: {
+        width: 'calc(100% - 84px)'
+      }
+    }, initialConfig), omit(rest, ['placeholder'])), {}, {
+      value: value,
+      onChange: onChange
+    })), _jsx("div", {
+      className: className,
+      style: {
+        width: '84px'
+      },
+      children: _jsx(_Checkbox, {
+        checked: isForever,
+        disabled: disabled,
+        style: {
+          width: '60px'
+        },
+        onChange: foreverChange,
+        children: foreverText
+      })
+    })]
+  });
 };
 var LimitPick = function LimitPick(props) {
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'DatePicker' : _props$mode,
     rest = _objectWithoutProperties(props, _excluded2);
   if (mode === 'RangePicker') {
-    return /*#__PURE__*/React.createElement(ProRangeLimit, _objectSpread({}, rest));
+    return _jsx(ProRangeLimit, _objectSpread({}, rest));
   }
-  return /*#__PURE__*/React.createElement(ProTimeLimit, _objectSpread({}, rest));
+  return _jsx(ProTimeLimit, _objectSpread({}, rest));
 };
 export default LimitPick;

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

@@ -1,5 +1,6 @@
 .ant-form-item-has-error {
-  .forever-checkbox:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
+  .ant-picker-status-error
+    ~ .forever-checkbox:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
     background: #fff;
     border-color: var(--ant-error-color);
   }

package/es/ProForm/components/index.d.ts

@@ -8,25 +8,29 @@ export { default as Checkbox } from './base/Checkbox';
 export { default as Input } from './base/Input';
 export { default as InputNumber } from './base/InputNumber';
 export { default as SwitchCheckbox } from './base/SwitchCheckbox';
-export { default as FormList } from './base/FormList';
+export { default as TimePicker } from './base/TimePicker';
+export { default as FormList } from './combination/FormList';
 export { default as ProEditTable } from '../../ProEditTable';
+export { default as ProCascader } from './base/ProCascader';
 export { default as ProAddressBar } from './combination/ProAddressBar';
 export { default as ProCombination } from './combination/ProCombination';
 export { default as ProNumberRange } from './combination/ProNumberRange';
 export { default as ProModalSelect } from './combination/ProModalSelect';
 export { default as ProTimeLimit } from './combination/ProTimeLimit';
 export { default as ProRangeLimit } from './combination/ProRangeLimit';
+export { default as Group } from './combination/Group';
+export { default as ProCollapse } from './combination/Container';
+export { default as Container } from './combination/Container';
 export { default as ProEnum } from '../../ProEnum';
 export { default as ProSelect } from '../../ProSelect';
 export { default as ProUpload } from '../../ProUpload';
 export { default as ProTreeSelect } from '../../ProTreeSelect';
 export { default as ProTreeModal } from '../../ProTreeModal';
+export { default as ProTree } from '../../ProTree';
 export { default as FormFooter } from './FormFooter';
 export { default as ProAddress, transferAddressInfoToRegion } from './old/ProAddress';
 export { default as EnumSelect } from './old/EnumSelect';
 export { default as InputRange } from './old/InputRange';
-export { default as InputWithSuffix } from './old/InputWithSuffix';
 export { default as ProRangeBox } from './old/ProRangeBox';
-export { default as CertNo } from './old/CertNo';
 export { default as ProCertValidity } from './old/ProCertValidity';
 export { default as ProCertNo } from './old/ProCertNo';

package/es/ProForm/components/index.js

@@ -9,8 +9,10 @@ export { default as Checkbox } from './base/Checkbox';
 export { default as Input } from './base/Input';
 export { default as InputNumber } from './base/InputNumber';
 export { default as SwitchCheckbox } from './base/SwitchCheckbox';
-export { default as FormList } from './base/FormList';
+export { default as TimePicker } from './base/TimePicker';
+export { default as FormList } from './combination/FormList';
 export { default as ProEditTable } from '../../ProEditTable';
+export { default as ProCascader } from './base/ProCascader';
 // combination 组合组件
 export { default as ProAddressBar } from './combination/ProAddressBar';
 export { default as ProCombination } from './combination/ProCombination';
@@ -18,19 +20,21 @@ export { default as ProNumberRange } from './combination/ProNumberRange';
 export { default as ProModalSelect } from './combination/ProModalSelect';
 export { default as ProTimeLimit } from './combination/ProTimeLimit';
 export { default as ProRangeLimit } from './combination/ProRangeLimit';
+export { default as Group } from './combination/Group';
+export { default as ProCollapse } from './combination/Container';
+export { default as Container } from './combination/Container';
 export { default as ProEnum } from '../../ProEnum';
 export { default as ProSelect } from '../../ProSelect';
 export { default as ProUpload } from '../../ProUpload';
 export { default as ProTreeSelect } from '../../ProTreeSelect';
 export { default as ProTreeModal } from '../../ProTreeModal';
+export { default as ProTree } from '../../ProTree';
 // footer组件
 export { default as FormFooter } from './FormFooter';
 // old 组件待移除
 export { default as ProAddress, transferAddressInfoToRegion } from './old/ProAddress';
 export { default as EnumSelect } from './old/EnumSelect';
 export { default as InputRange } from './old/InputRange';
-export { default as InputWithSuffix } from './old/InputWithSuffix';
 export { default as ProRangeBox } from './old/ProRangeBox';
-export { default as CertNo } from './old/CertNo';
 export { default as ProCertValidity } from './old/ProCertValidity';
 export { default as ProCertNo } from './old/ProCertNo';

package/es/ProForm/components/old/EnumSelect/index.js

@@ -12,12 +12,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["value", "onChange", "disabled", "readOnly", "suffix", "handleFormat", "configOption", "proformmode"],
   _excluded2 = ["title", "onOk"],
   _excluded3 = ["rowKey", "columns"];
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { CloseOutlined } from '@ant-design/icons';
 import { useSetState } from 'ahooks';
 import { cloneDeep } from 'lodash';
-import React, { forwardRef, useEffect } from 'react';
+import { forwardRef, useEffect } from 'react';
 import { ReactSVG } from 'react-svg';
-import { ProForm } from 'zat-design-pro-component';
+import ProForm from '../../../../ProForm';
 import InputWithSuffix from '../InputWithSuffix';
 import useRequestList from './hooks/useRequestList';
 import viewSvg from '../../../../assets/view.svg';
@@ -199,66 +200,73 @@ var EnumSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       setState(nextState);
     }
   }, [state.onOff]);
-  var defaultSuffix = /*#__PURE__*/React.createElement(React.Fragment, null, value && !disabled && /*#__PURE__*/React.createElement("span", {
-    className: "close-icon"
-  }, /*#__PURE__*/React.createElement(CloseOutlined, {
-    onClick: handleClearValue
-  })), /*#__PURE__*/React.createElement(ReactSVG, {
-    className: "search",
-    wrapper: "span",
-    src: viewSvg,
-    onClick: handleClick
-  }));
+  var defaultSuffix = _jsxs(_Fragment, {
+    children: [value && !disabled && _jsx("span", {
+      className: "close-icon",
+      children: _jsx(CloseOutlined, {
+        onClick: handleClearValue
+      })
+    }), _jsx(ReactSVG, {
+      className: "search",
+      wrapper: "span",
+      src: viewSvg,
+      onClick: handleClick
+    })]
+  });
   var forceSuffixRender = function forceSuffixRender() {
     if (isView) {
       return;
     }
     if (suffix) {
-      return /*#__PURE__*/React.createElement("div", {
-        onClick: handleClick
-      }, suffix);
+      return _jsx("div", {
+        onClick: handleClick,
+        children: suffix
+      });
     }
     return defaultSuffix;
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pro-enum-select"
-  }, /*#__PURE__*/React.createElement(InputWithSuffix, _objectSpread({
-    value: value,
-    readOnly: readOnly,
-    onClick: readOnly ? handleClick : undefined,
-    onChange: handleChangeValue,
-    disabled: disabled,
-    suffix: forceSuffixRender()
-  }, restInputProps)), state.onOff && /*#__PURE__*/React.createElement(_Modal, _objectSpread({
-    className: "pro-enum-select-modal",
-    title: title,
-    width: "50%",
-    onOk: handleFinish,
-    onCancel: handleClose,
-    visible: state.visible
-  }, restModalProps), /*#__PURE__*/React.createElement(ProForm, {
-    className: "pro-enum-select-Modal-form",
-    form: form,
-    columns: conditionColumns,
-    onFinish: handleSearch,
-    footer: (conditionColumns === null || conditionColumns === void 0 ? void 0 : conditionColumns.length) > 1
-  }), /*#__PURE__*/React.createElement(_Table, _objectSpread({
-    onRow: function onRow(record) {
-      return {
-        onClick: function onClick() {
-          return handleClickRow(record);
-        }
-      };
-    },
-    rowKey: rowKey,
-    loading: loading,
-    scroll: {
-      y: '250px'
-    },
-    rowSelection: rowSelection,
-    columns: columns,
-    dataSource: data,
-    pagination: pagination
-  }, restTableProps))));
+  return _jsxs("div", {
+    className: "pro-enum-select",
+    children: [_jsx(InputWithSuffix, _objectSpread({
+      value: value,
+      readOnly: readOnly,
+      onClick: readOnly ? handleClick : undefined,
+      onChange: handleChangeValue,
+      disabled: disabled,
+      suffix: forceSuffixRender()
+    }, restInputProps)), state.onOff && _jsxs(_Modal, _objectSpread(_objectSpread({
+      className: "pro-enum-select-modal",
+      title: title,
+      width: "50%",
+      onOk: handleFinish,
+      onCancel: handleClose,
+      visible: state.visible
+    }, restModalProps), {}, {
+      children: [_jsx(ProForm, {
+        className: "pro-enum-select-Modal-form",
+        form: form,
+        columns: conditionColumns,
+        onFinish: handleSearch,
+        footer: (conditionColumns === null || conditionColumns === void 0 ? void 0 : conditionColumns.length) > 1
+      }), _jsx(_Table, _objectSpread({
+        onRow: function onRow(record) {
+          return {
+            onClick: function onClick() {
+              return handleClickRow(record);
+            }
+          };
+        },
+        rowKey: rowKey,
+        loading: loading,
+        scroll: {
+          y: '250px'
+        },
+        rowSelection: rowSelection,
+        columns: columns,
+        dataSource: data,
+        pagination: pagination
+      }, restTableProps))]
+    }))]
+  });
 });
 export default EnumSelect;