@zat-design/sisyphus-react 4.5.8-beta.6 → 4.5.8

package/es/ProTreeModal/components/Trigger.js

@@ -26,11 +26,13 @@ function Trigger(props) {
   const {
     disabled: appointDisabled
   } = appointProps || {};
-  const _tempAppointDisabled = appointDisabled || false;
-  const _tempDisabled = disabled || false;
-  const [beforeDisabled, afterDisabled] = Array.isArray(disabled) ? disabled : [_tempDisabled, _tempDisabled];
-  const [allDisabled, specifyDisabled] = Array.isArray(appointDisabled) ? appointDisabled : [_tempAppointDisabled, _tempAppointDisabled];
-  const [state, setState] = useSetState({
+  const normalizedAppointDisabled = appointDisabled || false;
+  const normalizedDisabled = disabled || false;
+  const [beforeDisabled, afterDisabled] = Array.isArray(disabled) ? disabled : [normalizedDisabled, normalizedDisabled];
+  const [allDisabled, specifyDisabled] = Array.isArray(appointDisabled) ? appointDisabled : [normalizedAppointDisabled, normalizedAppointDisabled];
+  const [{
+    mode
+  }, setState] = useSetState({
     mode: 'appoint'
   });
   useEffect(() => {
@@ -45,17 +47,17 @@ function Trigger(props) {
     }
   }, [allValue, value, appoint, checkAll]);
   const onIconClick = () => {
-    if (appoint && state.mode === 'all') {
+    if (appoint && mode === 'all') {
       return;
     }
     handleClick();
   };
   const viewIconClassName = classNames('pro-tree-modal-view-svg', {
-    'pro-tree-modal-view-svg-active': !!isView && checkedValues.length > 0 && state.mode !== 'all' && !afterDisabled,
-    'pro-tree-modal-view-svg-not-allowed': appoint && state.mode === 'all'
+    'pro-tree-modal-view-svg-active': !!isView && checkedValues.length > 0 && mode !== 'all' && !afterDisabled,
+    'pro-tree-modal-view-svg-not-allowed': appoint && mode === 'all'
   });
   const addonAfterClassName = classNames('pro-enum-input-addonAfter', {
-    'pro-enum-input-addonAfter-not-allowed': appoint && state.mode === 'all',
+    'pro-enum-input-addonAfter-not-allowed': appoint && mode === 'all',
     'trigger-no-hover': afterDisabled
   });
   if (isView) {
@@ -63,7 +65,8 @@ function Trigger(props) {
     return /*#__PURE__*/_jsxs("div", {
       className: "pro-tree-modal-isView",
       children: [/*#__PURE__*/_jsx("div", {
-        children: !hasValue ? '-' : state.mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
+        className: "pro-tree-modal-isView-value",
+        children: !hasValue ? '-' : mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
           all: label
         }) : formatMessage(locale?.ProTreeModal?.checkNumber, {
           num: checkedValues.length
@@ -92,6 +95,7 @@ function Trigger(props) {
     if (appoint) {
       return /*#__PURE__*/_jsxs(Space.Compact, {
         block: true,
+        className: "pro-tree-modal-appoint-compact",
         style: {
           ...triggerStyle
         },
@@ -102,7 +106,7 @@ function Trigger(props) {
           disabled: beforeDisabled,
           className: classNames(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
           defaultValue: "appoint",
-          value: state.mode,
+          value: mode,
           onChange: onAppointChange,
           options: [{
             value: 'all',
@@ -125,17 +129,17 @@ function Trigger(props) {
   const inputProps = {
     className: classNames(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
     onClick: handleClick,
-    value: checkedValues.length === 0 ? null : state.mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
+    value: checkedValues.length === 0 ? null : mode === 'all' ? formatMessage(locale?.ProTreeModal.checkAll1, {
       all: label
     }) : formatMessage(locale?.ProTreeModal?.checkNumber, {
       num: checkedValues.length
     }),
     placeholder: locale?.ProTreeModal?.select,
-    disabled: afterDisabled || state.mode === 'all'
+    disabled: afterDisabled || mode === 'all'
   };
 
   // 如果 mode === 'all'，不显示 addonAfter，直接返回 Input
-  if (state.mode === 'all') {
+  if (mode === 'all') {
     return /*#__PURE__*/_jsx(TriggerComponent, {
       children: /*#__PURE__*/_jsx(Input, {
         ...inputProps,