@zat-design/sisyphus-react 3.5.1-beta.16 → 3.5.1-beta.18

package/es/ProEnum/components/Group.d.ts

@@ -1,5 +1,5 @@
 import { ProEnum } from '../propsType';
-interface Props extends Pick<ProEnum, 'value' | 'onChange' | 'dataSource'> {
+interface Props extends Pick<ProEnum, 'id' | 'value' | 'onChange' | 'dataSource'> {
     fieldValue: string;
     fieldLabel: string;
     disabled?: boolean;

package/es/ProEnum/components/Group.js

@@ -10,7 +10,8 @@ var Group = function Group(props) {
     fieldLabel = props.fieldLabel,
     disabled = props.disabled,
     _props$allowClear = props.allowClear,
-    allowClear = _props$allowClear === void 0 ? true : _props$allowClear;
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+    id = props.id;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     refresh = _useState2[0],
@@ -41,6 +42,7 @@ var Group = function Group(props) {
     });
   }
   return _jsx("div", {
+    id: id,
     className: classNames('pro-enum-group-root', disabled ? 'pro-enum-group-root-disabled' : ''),
     children: dataSource.map(function (item, index) {
       return _jsx("div", {

package/es/ProEnum/components/Tag.d.ts

@@ -1,5 +1,5 @@
 import { ProEnum } from '../propsType';
-interface Props extends Pick<ProEnum, 'value' | 'onChange' | 'dataSource'> {
+interface Props extends Pick<ProEnum, 'id' | 'value' | 'onChange' | 'dataSource'> {
     fieldValue: string;
     fieldLabel: string;
 }

package/es/ProEnum/components/Tag.js

@@ -7,7 +7,8 @@ var ProEnumTag = function ProEnumTag(props) {
     onChange = props.onChange,
     dataSource = props.dataSource,
     fieldValue = props.fieldValue,
-    fieldLabel = props.fieldLabel;
+    fieldLabel = props.fieldLabel,
+    id = props.id;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     checked = _useState2[0],
@@ -25,6 +26,7 @@ var ProEnumTag = function ProEnumTag(props) {
     });
   }
   return _jsx("div", {
+    id: id,
     className: "pro-enum-tag-root",
     children: dataSource.map(function (item) {
       return _jsx("div", {

package/es/ProEnum/index.js

@@ -204,6 +204,7 @@ var ProEnum = function ProEnum(props) {
         }));
       case 'Tag':
         return _jsx(ProEnumTag, {
+          id: enumProps.id,
           value: value,
           onChange: onChange,
           fieldLabel: label,

package/es/ProEnum/propsType.d.ts

@@ -76,6 +76,7 @@ export interface ProEnum {
     labelInValue?: boolean;
     otherProps?: ProFormOtherProps;
     allowClear?: boolean;
+    id?: string;
 }
 export type PropProSelectsMap = {
     type?: 'ProSelect';

package/es/ProForm/components/combination/FormList/components/BlockFields.js

@@ -28,7 +28,8 @@ var BlockFields = function BlockFields(props) {
     isView = props.isView,
     _props$level = props.level,
     level = _props$level === void 0 ? '2' : _props$level,
-    towCollapse = props.towCollapse;
+    towCollapse = props.towCollapse,
+    id = props.id;
   var _title = useMemo(function () {
     if (isFunction(title)) {
       var record = form.getFieldValue(namePath);
@@ -40,6 +41,7 @@ var BlockFields = function BlockFields(props) {
   return _jsx(_Space, {
     direction: "vertical",
     className: cls,
+    id: id,
     children: _jsx(ProCollapse, {
       title: _title,
       index: index,

package/es/ProForm/components/combination/FormList/components/LineFields.js

@@ -25,7 +25,8 @@ var LineFields = function LineFields(props) {
     disabled = props.disabled,
     isView = props.isView,
     draggable = props.draggable,
-    className = props.className;
+    className = props.className,
+    id = props.id;
   var isLess = mode === 'less';
   var _useSortable = useSortable({
       id: field.key,
@@ -51,6 +52,7 @@ var LineFields = function LineFields(props) {
     className: classnames,
     ref: setNodeRef,
     style: style,
+    id: id,
     children: [!disabled && draggable && _jsx("div", _objectSpread(_objectSpread(_objectSpread({}, attributes), listeners), {}, {
       className: "pro-form-list-drag-handle",
       ref: setActivatorNodeRef,

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

@@ -54,6 +54,7 @@ export interface FormListProps {
         warnings: React.ReactNode[];
     };
     draggable?: boolean;
+    id?: string;
 }
 export type PropsWithRef = FormListProps & React.RefAttributes<FormListRef>;
 export interface FormListRef {

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

@@ -26,7 +26,8 @@ var Group = function Group(props) {
     value = props.value,
     onChange = props.onChange,
     otherProps = props.otherProps,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    id = props.id;
   var contextProps = ProForm.useFieldProps() || {};
   var names = contextProps.names,
     name = contextProps.name,
@@ -65,6 +66,7 @@ var Group = function Group(props) {
   }, "".concat(className), className));
   return _jsx("div", {
     className: _className,
+    id: id,
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? _jsx(_Space.Compact, {
       children: columns.map(function (column, index) {
         return _jsx(ComRender, _objectSpread(_objectSpread({

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

@@ -50,7 +50,8 @@ export var ProCombination = function ProCombination(props) {
     }, {
       renderType: 'Input'
     }] : _props$childProps,
-    separator = props.separator;
+    separator = props.separator,
+    id = props.id;
   var _ref = ProForm.useFieldProps() || {},
     _ref$isView = _ref.isView,
     isView = _ref$isView === void 0 ? false : _ref$isView,
@@ -165,6 +166,7 @@ export var ProCombination = function ProCombination(props) {
   return _jsxs(_Input.Group, {
     compact: true,
     className: className,
+    id: id,
     children: [_jsx(BeforeCom, _objectSpread(_objectSpread({
       disabled: disabled
     }, beforeProps), {}, {

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

@@ -59,4 +59,5 @@ export interface ProCombinationProps {
      */
     separator?: string;
     otherProps?: ProFormOtherProps;
+    id?: string;
 }

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

@@ -35,7 +35,8 @@ var ProNumberRange = function ProNumberRange(props) {
     addonAfter = props.addonAfter,
     _props$separator = props.separator,
     separator = _props$separator === void 0 ? '~' : _props$separator,
-    inValueType = props.valueType;
+    inValueType = props.valueType,
+    id = props.id;
   var _ref = ProForm.useFieldProps() || {},
     isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty,
@@ -173,6 +174,7 @@ var ProNumberRange = function ProNumberRange(props) {
     compact: true,
     className: cls,
     children: [_jsx(_InputNumber, _objectSpread(_objectSpread({
+      id: id,
       className: "range-left",
       value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
       placeholder: "".concat(locale.ProForm.inputPlaceholder),

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

@@ -57,14 +57,14 @@ export interface ProNumberRangeProps {
      */
     decimal?: number;
     /**
-    * @description     带标签的 input，设置前置标签
-    * @default           '-'
-    */
+     * @description     带标签的 input，设置前置标签
+     * @default           '-'
+     */
     addonBefore?: React.ReactNode | string;
     /**
-    * @description     带标签的 input，设置后置标签
-    * @default           '-'
-    */
+     * @description     带标签的 input，设置后置标签
+     * @default           '-'
+     */
     addonAfter?: React.ReactNode | string;
     /**
      * @description       InputNumber属性
@@ -76,4 +76,5 @@ export interface ProNumberRangeProps {
     separator?: React.ReactNode | string;
     childProps?: any[];
     otherProps?: ProFormOtherProps;
+    id?: string;
 }

package/es/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -52,9 +52,9 @@ var OpenMenu = function OpenMenu(props) {
     }
     var menuDeep = function menuDeep(data) {
       data.forEach(function (item) {
-        var _item$children;
+        var _item$keyIdPath, _item$keyIdPath2, _item$children;
         // 是否是第一级菜单，展开模式一级菜单有icon, 收起模式二级菜单有icon
-        var isFirstMenu = item.keyIdPath.length === 1 || sideMenu && item.keyIdPath.length === 2;
+        var isFirstMenu = ((_item$keyIdPath = item.keyIdPath) === null || _item$keyIdPath === void 0 ? void 0 : _item$keyIdPath.length) === 1 || sideMenu && ((_item$keyIdPath2 = item.keyIdPath) === null || _item$keyIdPath2 === void 0 ? void 0 : _item$keyIdPath2.length) === 2;
         // 第一级菜单显示icon
         item.label = _jsxs("div", {
           className: classnames({

package/es/ProUpload/index.js

@@ -299,6 +299,7 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, [value]);
   return _jsxs("div", {
+    id: residueProps.id,
     className: "pro-upload ".concat(className !== null && className !== void 0 ? className : ''),
     children: [uploadType === 'drag' && _jsx(DragRender, _objectSpread({}, baseProps)), uploadType === 'button' && _jsx(ButtonRender, _objectSpread({}, baseProps)), uploadType === 'image' && _jsx(ImageRender, _objectSpread({}, baseProps))]
   });

package/es/ProUpload/propsType.d.ts

@@ -18,9 +18,9 @@ export interface fieldNamesProps {
 }
 export interface ProUploadProps {
     /**
-   * @description       顶部的内容(button类型的上传不适用)
-   * @default           -
-   */
+     * @description       顶部的内容(button类型的上传不适用)
+     * @default           -
+     */
     headerRender?: React.ReactNode | (() => React.ReactNode);
     /**
      * @description       是否过滤掉file对象中的originFileObj
@@ -194,6 +194,7 @@ export interface ProUploadProps {
      * @default    false
      */
     isConfirmDelete?: boolean;
+    id?: string;
 }
 export interface DraggableUploadListItemProps {
     file: UploadFile<any>;

package/lib/ProEnum/components/Group.d.ts

@@ -1,5 +1,5 @@
 import { ProEnum } from '../propsType';
-interface Props extends Pick<ProEnum, 'value' | 'onChange' | 'dataSource'> {
+interface Props extends Pick<ProEnum, 'id' | 'value' | 'onChange' | 'dataSource'> {
     fieldValue: string;
     fieldLabel: string;
     disabled?: boolean;

package/lib/ProEnum/components/Group.js

@@ -17,7 +17,8 @@ var Group = function Group(props) {
     fieldLabel = props.fieldLabel,
     disabled = props.disabled,
     _props$allowClear = props.allowClear,
-    allowClear = _props$allowClear === void 0 ? true : _props$allowClear;
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
+    id = props.id;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     refresh = _useState2[0],
@@ -48,6 +49,7 @@ var Group = function Group(props) {
     });
   }
   return (0, _jsxRuntime.jsx)("div", {
+    id: id,
     className: (0, _classnames.default)('pro-enum-group-root', disabled ? 'pro-enum-group-root-disabled' : ''),
     children: dataSource.map(function (item, index) {
       return (0, _jsxRuntime.jsx)("div", {

package/lib/ProEnum/components/Tag.d.ts

@@ -1,5 +1,5 @@
 import { ProEnum } from '../propsType';
-interface Props extends Pick<ProEnum, 'value' | 'onChange' | 'dataSource'> {
+interface Props extends Pick<ProEnum, 'id' | 'value' | 'onChange' | 'dataSource'> {
     fieldValue: string;
     fieldLabel: string;
 }

package/lib/ProEnum/components/Tag.js

@@ -14,7 +14,8 @@ var ProEnumTag = function ProEnumTag(props) {
     onChange = props.onChange,
     dataSource = props.dataSource,
     fieldValue = props.fieldValue,
-    fieldLabel = props.fieldLabel;
+    fieldLabel = props.fieldLabel,
+    id = props.id;
   var _useState = (0, _react.useState)(),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     checked = _useState2[0],
@@ -32,6 +33,7 @@ var ProEnumTag = function ProEnumTag(props) {
     });
   }
   return (0, _jsxRuntime.jsx)("div", {
+    id: id,
     className: "pro-enum-tag-root",
     children: dataSource.map(function (item) {
       return (0, _jsxRuntime.jsx)("div", {

package/lib/ProEnum/index.js

@@ -205,6 +205,7 @@ var ProEnum = function ProEnum(props) {
         }));
       case 'Tag':
         return (0, _jsxRuntime.jsx)(_Tag.default, {
+          id: enumProps.id,
           value: value,
           onChange: onChange,
           fieldLabel: label,

package/lib/ProEnum/propsType.d.ts

@@ -76,6 +76,7 @@ export interface ProEnum {
     labelInValue?: boolean;
     otherProps?: ProFormOtherProps;
     allowClear?: boolean;
+    id?: string;
 }
 export type PropProSelectsMap = {
     type?: 'ProSelect';

package/lib/ProForm/components/combination/FormList/components/BlockFields.js

@@ -32,7 +32,8 @@ var BlockFields = function BlockFields(props) {
     isView = props.isView,
     _props$level = props.level,
     level = _props$level === void 0 ? '2' : _props$level,
-    towCollapse = props.towCollapse;
+    towCollapse = props.towCollapse,
+    id = props.id;
   var _title = (0, _react.useMemo)(function () {
     if ((0, _lodash.isFunction)(title)) {
       var record = form.getFieldValue(namePath);
@@ -44,6 +45,7 @@ var BlockFields = function BlockFields(props) {
   return (0, _jsxRuntime.jsx)(_antd.Space, {
     direction: "vertical",
     className: cls,
+    id: id,
     children: (0, _jsxRuntime.jsx)(_ProCollapse.default, {
       title: _title,
       index: index,

package/lib/ProForm/components/combination/FormList/components/LineFields.js

@@ -31,7 +31,8 @@ var LineFields = function LineFields(props) {
     disabled = props.disabled,
     isView = props.isView,
     draggable = props.draggable,
-    className = props.className;
+    className = props.className,
+    id = props.id;
   var isLess = mode === 'less';
   var _useSortable = (0, _sortable.useSortable)({
       id: field.key,
@@ -57,6 +58,7 @@ var LineFields = function LineFields(props) {
     className: classnames,
     ref: setNodeRef,
     style: style,
+    id: id,
     children: [!disabled && draggable && (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, attributes), listeners), {}, {
       className: "pro-form-list-drag-handle",
       ref: setActivatorNodeRef,

package/lib/ProForm/components/combination/FormList/propsType.d.ts

@@ -54,6 +54,7 @@ export interface FormListProps {
         warnings: React.ReactNode[];
     };
     draggable?: boolean;
+    id?: string;
 }
 export type PropsWithRef = FormListProps & React.RefAttributes<FormListRef>;
 export interface FormListRef {

package/lib/ProForm/components/combination/Group/index.js

@@ -32,7 +32,8 @@ var Group = function Group(props) {
     value = props.value,
     onChange = props.onChange,
     otherProps = props.otherProps,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    id = props.id;
   var contextProps = _ProForm.default.useFieldProps() || {};
   var names = contextProps.names,
     name = contextProps.name,
@@ -71,6 +72,7 @@ var Group = function Group(props) {
   }, "".concat(className), className));
   return (0, _jsxRuntime.jsx)("div", {
     className: _className,
+    id: id,
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? (0, _jsxRuntime.jsx)(_antd.Space.Compact, {
       children: columns.map(function (column, index) {
         return (0, _jsxRuntime.jsx)(_ComRender.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({

package/lib/ProForm/components/combination/ProCombination/index.js

@@ -54,7 +54,8 @@ var ProCombination = exports.ProCombination = function ProCombination(props) {
     }, {
       renderType: 'Input'
     }] : _props$childProps,
-    separator = props.separator;
+    separator = props.separator,
+    id = props.id;
   var _ref = _ProForm.default.useFieldProps() || {},
     _ref$isView = _ref.isView,
     isView = _ref$isView === void 0 ? false : _ref$isView,
@@ -169,6 +170,7 @@ var ProCombination = exports.ProCombination = function ProCombination(props) {
   return (0, _jsxRuntime.jsxs)(_antd.Input.Group, {
     compact: true,
     className: className,
+    id: id,
     children: [(0, _jsxRuntime.jsx)(BeforeCom, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       disabled: disabled
     }, beforeProps), {}, {

package/lib/ProForm/components/combination/ProCombination/propsType.d.ts

@@ -59,4 +59,5 @@ export interface ProCombinationProps {
      */
     separator?: string;
     otherProps?: ProFormOtherProps;
+    id?: string;
 }

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

@@ -39,7 +39,8 @@ var ProNumberRange = function ProNumberRange(props) {
     addonAfter = props.addonAfter,
     _props$separator = props.separator,
     separator = _props$separator === void 0 ? '~' : _props$separator,
-    inValueType = props.valueType;
+    inValueType = props.valueType,
+    id = props.id;
   var _ref = _ProForm.default.useFieldProps() || {},
     isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty,
@@ -177,6 +178,7 @@ var ProNumberRange = function ProNumberRange(props) {
     compact: true,
     className: cls,
     children: [(0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      id: id,
       className: "range-left",
       value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
       placeholder: "".concat(_locale.default.ProForm.inputPlaceholder),

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

@@ -57,14 +57,14 @@ export interface ProNumberRangeProps {
      */
     decimal?: number;
     /**
-    * @description     带标签的 input，设置前置标签
-    * @default           '-'
-    */
+     * @description     带标签的 input，设置前置标签
+     * @default           '-'
+     */
     addonBefore?: React.ReactNode | string;
     /**
-    * @description     带标签的 input，设置后置标签
-    * @default           '-'
-    */
+     * @description     带标签的 input，设置后置标签
+     * @default           '-'
+     */
     addonAfter?: React.ReactNode | string;
     /**
      * @description       InputNumber属性
@@ -76,4 +76,5 @@ export interface ProNumberRangeProps {
     separator?: React.ReactNode | string;
     childProps?: any[];
     otherProps?: ProFormOtherProps;
+    id?: string;
 }

package/lib/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -58,9 +58,9 @@ var OpenMenu = function OpenMenu(props) {
     }
     var menuDeep = function menuDeep(data) {
       data.forEach(function (item) {
-        var _item$children;
+        var _item$keyIdPath, _item$keyIdPath2, _item$children;
         // 是否是第一级菜单，展开模式一级菜单有icon, 收起模式二级菜单有icon
-        var isFirstMenu = item.keyIdPath.length === 1 || sideMenu && item.keyIdPath.length === 2;
+        var isFirstMenu = ((_item$keyIdPath = item.keyIdPath) === null || _item$keyIdPath === void 0 ? void 0 : _item$keyIdPath.length) === 1 || sideMenu && ((_item$keyIdPath2 = item.keyIdPath) === null || _item$keyIdPath2 === void 0 ? void 0 : _item$keyIdPath2.length) === 2;
         // 第一级菜单显示icon
         item.label = (0, _jsxRuntime.jsxs)("div", {
           className: (0, _classnames2.default)({

package/lib/ProUpload/index.js

@@ -306,6 +306,7 @@ var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }, [value]);
   return (0, _jsxRuntime.jsxs)("div", {
+    id: residueProps.id,
     className: "pro-upload ".concat(className !== null && className !== void 0 ? className : ''),
     children: [uploadType === 'drag' && (0, _jsxRuntime.jsx)(_DragRender.default, (0, _objectSpread2.default)({}, baseProps)), uploadType === 'button' && (0, _jsxRuntime.jsx)(_ButtonRender.default, (0, _objectSpread2.default)({}, baseProps)), uploadType === 'image' && (0, _jsxRuntime.jsx)(_ImageRender.default, (0, _objectSpread2.default)({}, baseProps))]
   });

package/lib/ProUpload/propsType.d.ts

@@ -18,9 +18,9 @@ export interface fieldNamesProps {
 }
 export interface ProUploadProps {
     /**
-   * @description       顶部的内容(button类型的上传不适用)
-   * @default           -
-   */
+     * @description       顶部的内容(button类型的上传不适用)
+     * @default           -
+     */
     headerRender?: React.ReactNode | (() => React.ReactNode);
     /**
      * @description       是否过滤掉file对象中的originFileObj
@@ -194,6 +194,7 @@ export interface ProUploadProps {
      * @default    false
      */
     isConfirmDelete?: boolean;
+    id?: string;
 }
 export interface DraggableUploadListItemProps {
     file: UploadFile<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.5.1-beta.16",
+  "version": "3.5.1-beta.18",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",