@zat-design/sisyphus-react 3.6.8-beta.1 → 3.6.8-beta.10

package/dist/index.esm.css

@@ -1434,7 +1434,7 @@
 .pro-step {
   position: fixed;
   right: 0;
-  z-index: 101;
+  z-index: 999;
   min-width: 48px;
   min-height: 48px;
   overflow-x: hidden;
@@ -2516,6 +2516,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree-modal .ant-space-compact .ant-select-compact-item-div:has(.ant-select-status-error) + .ant-btn-compact-last-item > .viewSvg {
   color: var(--ant-error-color);
 }
+.pro-modal-select .ant-space-compact .ant-btn-compact-last-item,
+.pro-tree-modal .ant-space-compact .ant-btn-compact-last-item {
+  border-left: none;
+}
 .pro-modal-select .ant-input-group-addon,
 .pro-tree-modal .ant-input-group-addon {
   padding: 0px var(--zaui-space-size-sm, 8px);
@@ -2533,6 +2537,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
       -ms-flex-align: center;
           align-items: center;
 }
+.ant-form-item-has-error .pro-modal-select .ant-btn-compact-last-item {
+  color: var(--zaui-danger, #ff5050);
+  border-color: var(--zaui-danger, #ff5050);
+}
 .pro-group {
   width: unset !important;
   display: -webkit-box;

package/dist/less.esm.css

@@ -1434,7 +1434,7 @@
 .pro-step {
   position: fixed;
   right: 0;
-  z-index: 101;
+  z-index: 999;
   min-width: 48px;
   min-height: 48px;
   overflow-x: hidden;
@@ -2516,6 +2516,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree-modal .ant-space-compact .ant-select-compact-item-div:has(.ant-select-status-error) + .ant-btn-compact-last-item > .viewSvg {
   color: var(--ant-error-color);
 }
+.pro-modal-select .ant-space-compact .ant-btn-compact-last-item,
+.pro-tree-modal .ant-space-compact .ant-btn-compact-last-item {
+  border-left: none;
+}
 .pro-modal-select .ant-input-group-addon,
 .pro-tree-modal .ant-input-group-addon {
   padding: 0px var(--zaui-space-size-sm, 8px);
@@ -2533,6 +2537,10 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
       -ms-flex-align: center;
           align-items: center;
 }
+.ant-form-item-has-error .pro-modal-select .ant-btn-compact-last-item {
+  color: var(--zaui-danger, #ff5050);
+  border-color: var(--zaui-danger, #ff5050);
+}
 .pro-group {
   width: unset !important;
   display: -webkit-box;

package/es/ProEditTable/components/RenderField/index.js

@@ -11,7 +11,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm", "validateTrigger"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm"];
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
@@ -60,8 +60,6 @@ var RenderField = function RenderField(_ref) {
     className = column.className,
     trim = column.trim,
     confirm = column.confirm,
-    _column$validateTrigg = column.validateTrigger,
-    validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _column$validateTrigg,
     resetProps = _objectWithoutProperties(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -79,6 +77,8 @@ var RenderField = function RenderField(_ref) {
     _config$originalDiffT = config.originalDiffTip,
     originalDiffTip = _config$originalDiffT === void 0 ? true : _config$originalDiffT,
     rowDisabled = config.rowDisabled,
+    _config$validateTrigg = config.validateTrigger,
+    validateTrigger = _config$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _config$validateTrigg,
     otherProps = config.otherProps;
   var _fieldProps = fieldProps || formItemProps || {};
   var _rules = rules || [];
@@ -160,9 +160,7 @@ var RenderField = function RenderField(_ref) {
   // 分离form item参数，防止对于参数透传（如onChange,防止重复触发）并优先级高于 _fieldProps 内部参数
   var formItemChildProps = _objectSpread({}, _fieldProps);
   // 允许formItem的属性放在column最外层
-  var _formItemProps = _objectSpread(_objectSpread(_objectSpread({}, resetProps), internalRule), {}, {
-    validateTrigger: validateTrigger
-  });
+  var _formItemProps = _objectSpread(_objectSpread({}, resetProps), internalRule);
   if (['Switch', 'SwitchCheckbox'].includes(type)) {
     _formItemProps.valuePropName = 'checked';
     valueType = 'switch';

package/es/ProEditTable/propsType.d.ts

@@ -105,7 +105,6 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
     hiddenNames?: NamePath[] | NamePath[][];
     rules?: ProRule[] | RulesFn<T>;
     confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
-    validateTrigger?: string | string[];
     [key: string]: any;
 }
 export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
@@ -276,4 +275,5 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
     onDrag?: (event: DragEndEvent, dataSource: T[]) => T[];
     ref?: any;
     actionDirection?: 'vertical' | 'horizontal';
+    validateTrigger?: string | string[];
 }

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

@@ -260,7 +260,8 @@ var ProCascader = function ProCascader(props) {
       disabled: disabled,
       displayRender: displayRender,
       showSearch: {
-        filter: handlefilter
+        filter: handlefilter,
+        limit: 1000
       },
       onChange: handleChange
     }, omit(otherProps, 'otherProps'))), hasDetail && (tooltip && disabled && detail ? _jsx(_Tooltip, {

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

@@ -118,7 +118,9 @@
         }
       }
     }
-    
+    .@{ant-prefix}-btn-compact-last-item{
+      border-left: none;
+    }
   }
 
   .@{ant-prefix}-input-group-addon {
@@ -132,3 +134,13 @@
     }
   }
 }
+
+// 报错信息
+.@{ant-prefix}-form-item-has-error{
+  .pro-modal-select{
+    .ant-btn-compact-last-item{
+      color: @zaui-danger;
+      border-color: @zaui-danger;
+    }
+  }
+}

package/es/ProSelect/index.js

@@ -12,7 +12,7 @@ import _Select from "antd/es/select";
 var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "isView"];
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
-import React, { useImperativeHandle, useState, forwardRef, useRef } from 'react';
+import React, { useImperativeHandle, useState, forwardRef } from 'react';
 import { isFunction, isObject, isString, omit, isNumber } from 'lodash';
 import { useProConfig } from '../ProConfigProvider';
 import Container from '../ProForm/components/Container';
@@ -55,7 +55,6 @@ export var ProSelect = function ProSelect(props, ref) {
     transformResponse = props.transformResponse,
     isViewPro = props.isView,
     selectProps = _objectWithoutProperties(props, _excluded);
-  var refSelect1 = useRef();
   selectProps.showCodeName = (_selectProps$showCode = selectProps.showCodeName) !== null && _selectProps$showCode !== void 0 ? _selectProps$showCode : showCodeName;
   var value = props.value;
   var _ref2 = ProForm.useFieldProps() || {},
@@ -283,7 +282,7 @@ export var ProSelect = function ProSelect(props, ref) {
   }
   return _jsx("div", {
     style: props.style,
-    className: "ant-select-compact-item-div",
+    className: "pro-select",
     children: _jsx(_Select, _objectSpread(_objectSpread({
       placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProSelect = locale.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
       allowClear: true,

package/es/ProSelect/index.less

@@ -9,9 +9,9 @@
   text-overflow: ellipsis;
   word-break: keep-all;
 }
-.ant-select-compact-item-div {
+.pro-select {
   width: 100%;
-  >.ant-select {
+  > .ant-select {
     width: 100%;
   }
 }

package/es/ProStep/style/index.less

@@ -8,7 +8,7 @@
 .pro-step {
   position: fixed;
   right: 0;
-  z-index: 101;
+  z-index: 999;
   min-width: 48px;
   min-height: 48px;
   overflow-x: hidden;

package/es/global.less

@@ -17,7 +17,7 @@ pre {
 
   // 轨道
   ::-webkit-scrollbar-track {
-    background-color: #fff;
+    background: transparent;
     border-radius: 10px;
   }
 
@@ -51,6 +51,6 @@ pre {
   }
 
   :hover::-webkit-scrollbar-track {
-    background-color: #fff;
+    background: transparent;
   }
 }

package/lib/ProEditTable/components/RenderField/index.js

@@ -30,7 +30,7 @@ var _useListChanged3 = require("../../../ProForm/utils/useListChanged");
 var _useRules = _interopRequireDefault(require("../../../ProForm/utils/useRules"));
 var _utils = require("../../../ProForm/utils");
 var _ConfirmWrapper = _interopRequireDefault(require("../../../ProForm/components/render/ConfirmWrapper"));
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm", "validateTrigger"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
@@ -63,8 +63,6 @@ var RenderField = function RenderField(_ref) {
     className = column.className,
     trim = column.trim,
     confirm = column.confirm,
-    _column$validateTrigg = column.validateTrigger,
-    validateTrigger = _column$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _column$validateTrigg,
     resetProps = (0, _objectWithoutProperties2.default)(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -82,6 +80,8 @@ var RenderField = function RenderField(_ref) {
     _config$originalDiffT = config.originalDiffTip,
     originalDiffTip = _config$originalDiffT === void 0 ? true : _config$originalDiffT,
     rowDisabled = config.rowDisabled,
+    _config$validateTrigg = config.validateTrigger,
+    validateTrigger = _config$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _config$validateTrigg,
     otherProps = config.otherProps;
   var _fieldProps = fieldProps || formItemProps || {};
   var _rules = rules || [];
@@ -163,9 +163,7 @@ var RenderField = function RenderField(_ref) {
   // 分离form item参数，防止对于参数透传（如onChange,防止重复触发）并优先级高于 _fieldProps 内部参数
   var formItemChildProps = (0, _objectSpread2.default)({}, _fieldProps);
   // 允许formItem的属性放在column最外层
-  var _formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), internalRule), {}, {
-    validateTrigger: validateTrigger
-  });
+  var _formItemProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), internalRule);
   if (['Switch', 'SwitchCheckbox'].includes(type)) {
     _formItemProps.valuePropName = 'checked';
     valueType = 'switch';

package/lib/ProEditTable/propsType.d.ts

@@ -105,7 +105,6 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
     hiddenNames?: NamePath[] | NamePath[][];
     rules?: ProRule[] | RulesFn<T>;
     confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
-    validateTrigger?: string | string[];
     [key: string]: any;
 }
 export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
@@ -276,4 +275,5 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
     onDrag?: (event: DragEndEvent, dataSource: T[]) => T[];
     ref?: any;
     actionDirection?: 'vertical' | 'horizontal';
+    validateTrigger?: string | string[];
 }

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

@@ -260,7 +260,8 @@ var ProCascader = function ProCascader(props) {
       disabled: disabled,
       displayRender: displayRender,
       showSearch: {
-        filter: handlefilter
+        filter: handlefilter,
+        limit: 1000
       },
       onChange: handleChange
     }, (0, _lodash.omit)(otherProps, 'otherProps'))), hasDetail && (tooltip && disabled && detail ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {

package/lib/ProForm/components/combination/ProModalSelect/style/index.less

@@ -118,7 +118,9 @@
         }
       }
     }
-    
+    .@{ant-prefix}-btn-compact-last-item{
+      border-left: none;
+    }
   }
 
   .@{ant-prefix}-input-group-addon {
@@ -132,3 +134,13 @@
     }
   }
 }
+
+// 报错信息
+.@{ant-prefix}-form-item-has-error{
+  .pro-modal-select{
+    .ant-btn-compact-last-item{
+      color: @zaui-danger;
+      border-color: @zaui-danger;
+    }
+  }
+}

package/lib/ProSelect/index.js

@@ -56,7 +56,6 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
     transformResponse = props.transformResponse,
     isViewPro = props.isView,
     selectProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var refSelect1 = (0, _react.useRef)();
   selectProps.showCodeName = (_selectProps$showCode = selectProps.showCodeName) !== null && _selectProps$showCode !== void 0 ? _selectProps$showCode : showCodeName;
   var value = props.value;
   var _ref2 = _.ProForm.useFieldProps() || {},
@@ -284,7 +283,7 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
   }
   return (0, _jsxRuntime.jsx)("div", {
     style: props.style,
-    className: "ant-select-compact-item-div",
+    className: "pro-select",
     children: (0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProSelect = _locale.default.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
       allowClear: true,

package/lib/ProSelect/index.less

@@ -9,9 +9,9 @@
   text-overflow: ellipsis;
   word-break: keep-all;
 }
-.ant-select-compact-item-div {
+.pro-select {
   width: 100%;
-  >.ant-select {
+  > .ant-select {
     width: 100%;
   }
 }

package/lib/ProStep/style/index.less

@@ -8,7 +8,7 @@
 .pro-step {
   position: fixed;
   right: 0;
-  z-index: 101;
+  z-index: 999;
   min-width: 48px;
   min-height: 48px;
   overflow-x: hidden;

package/lib/global.less

@@ -17,7 +17,7 @@ pre {
 
   // 轨道
   ::-webkit-scrollbar-track {
-    background-color: #fff;
+    background: transparent;
     border-radius: 10px;
   }
 
@@ -51,6 +51,6 @@ pre {
   }
 
   :hover::-webkit-scrollbar-track {
-    background-color: #fff;
+    background: transparent;
   }
 }

package/package.json

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