@zat-design/sisyphus-react 3.2.2 → 3.3.0

package/es/ProThemeTools/index.js

@@ -6,7 +6,7 @@ import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "tableBorder", "tableStripe", "theme"];
+var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable prefer-const */
 import { SettingOutlined } from '@ant-design/icons';
@@ -38,6 +38,8 @@ var ProThemeTools = function ProThemeTools(_ref) {
     color = _ref.color,
     mode = _ref.mode,
     iconFollowTheme = _ref.iconFollowTheme,
+    _ref$prefixCls = _ref.prefixCls,
+    prefixCls = _ref$prefixCls === void 0 ? 'ant' : _ref$prefixCls,
     _ref$tableBorder = _ref.tableBorder,
     tableBorder = _ref$tableBorder === void 0 ? false : _ref$tableBorder,
     _ref$tableStripe = _ref.tableStripe,
@@ -117,6 +119,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
       setState(_objectSpread(_objectSpread({}, state), localThemeConfig));
       setThemes(cssVariables);
       _ConfigProvider.config({
+        prefixCls: prefixCls,
         theme: {
           primaryColor: (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
         }
@@ -124,6 +127,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     } else {
       setThemes(getMapKebabCase(state));
       _ConfigProvider.config({
+        prefixCls: prefixCls,
         theme: {
           primaryColor: state === null || state === void 0 ? void 0 : state.zauiBrand
         }
@@ -146,7 +150,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, [zauiBrand]);
   // 斑马纹设置
   useEffect(function () {
-    setTableNoStripe(zauiStripe);
+    setTableNoStripe(zauiStripe, prefixCls);
   }, [zauiStripe]);
   // 表格边框设置
   useEffect(function () {
@@ -178,6 +182,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
         showDrawer();
       }
     }), _jsx(PrdTools, {
+      prefixCls: prefixCls,
       onReset: onReset,
       onClose: onClose,
       onCopy: onCopy,

package/es/ProThemeTools/propsType.d.ts

@@ -9,6 +9,8 @@ export interface DevToolsPropsType {
     tableBorder?: boolean;
     /** 是否有斑马纹 */
     tableStripe?: boolean;
+    /** 统一样式前缀, 默认ant */
+    prefixCls?: string;
 }
 export interface ProThemeToolsProps {
     size?: number;
@@ -23,6 +25,8 @@ export interface ProThemeToolsProps {
     tableBorder?: boolean;
     /** 是否有斑马纹 */
     tableStripe?: boolean;
+    /** 统一样式前缀, 默认ant */
+    prefixCls?: string;
     [key: string]: any;
 }
 export interface LocalThemeConfigPropsType {

package/es/ProThemeTools/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 @import '../component/PrdTools/style/index.less';
 
 .pro-theme-tools {
@@ -19,11 +22,11 @@
 }
 
 .pro-theme-tools-drawer {
-  .ant-drawer-body {
+  .@{ant-prefix}-drawer-body {
     padding: 32px;
   }
 
-  .ant-space-vertical {
+  .@{ant-prefix}-space-vertical {
     gap: var(--zaui-space-size-sm, 8px) !important;
   }
 
@@ -49,7 +52,7 @@
     margin-bottom: var(--zaui-space-size-md, 16px);
   }
 
-  .ant-radio-button-wrapper {
+  .@{ant-prefix}-radio-button-wrapper {
     padding: 0 12px;
   }
 }

package/es/ProThemeTools/utils/index.d.ts

@@ -23,7 +23,7 @@ export declare const getMapHumpCase: (obj?: {}) => {};
  * 设置表格斑马纹
  * @param stripe boolean
  */
-export declare const setTableNoStripe: (stripe: boolean) => void;
+export declare const setTableNoStripe: (stripe: boolean, prefixCls?: string) => void;
 /**
  * 设置表格边框
  * @param border boolean

package/es/ProThemeTools/utils/index.js

@@ -75,8 +75,9 @@ export var getMapHumpCase = function getMapHumpCase() {
  * @param stripe boolean
  */
 export var setTableNoStripe = function setTableNoStripe(stripe) {
+  var prefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ant';
   var proTables = document.querySelectorAll('.pro-table');
-  var antTables = document.querySelectorAll('.ant-table');
+  var antTables = document.querySelectorAll(".".concat(prefixCls, "-table"));
   if (!proTables.length) {
     return;
   }

package/es/ProTooltip/style/index.less

@@ -1,3 +1,6 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-tooltip {
   cursor: pointer;
 

package/es/ProTree/components/CloseIcon.js

@@ -1,11 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { jsx as _jsx } from "react/jsx-runtime";
 function CloseIcon(props) {
-  return _jsx("span", _objectSpread(_objectSpread({
-    className: "ant-input-suffix"
-  }, props), {}, {
+  return _jsx("span", _objectSpread(_objectSpread({}, props), {}, {
     children: _jsx("span", {
-      className: "ant-input-clear-icon pro-tree-modal-checkbox-close",
+      className: "pro-tree-modal-checkbox-close",
       role: "button",
       children: _jsx("span", {
         role: "img",

package/es/ProTree/components/ProTree.js

@@ -12,7 +12,7 @@ import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "dataSource", "mode", "code", "useRequest", "allValue", "showCodeName", "checkStrictly", "tags", "placeholder", "labelInValue", "fieldNames", "disabled", "isView", "transformResponse", "optionRender", "onSelect", "loading", "style", "className", "showSearch", "title", "footer", "expandedKeys", "showExpand", "selectKey"];
+var _excluded = ["value", "onChange", "dataSource", "mode", "code", "useRequest", "allValue", "showCodeName", "checkStrictly", "tags", "placeholder", "labelInValue", "fieldNames", "disabled", "isView", "transformResponse", "optionRender", "onSelect", "loading", "style", "className", "showSearch", "title", "footer", "expandedKeys", "showExpand", "defaultExpandAll"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import classNames from 'classnames';
@@ -23,7 +23,7 @@ import { ReactSVG } from 'react-svg';
 import { useProConfig } from '../../ProConfigProvider';
 import { TreeView } from './index';
 import locale from '../../locale';
-import { getFlatTreeData, getChildrenKeys, findTreeNodeByKey, getAllKeys } from '../utils';
+import { getDefaultExpandKeys, getFlatTreeData, getChildrenKeys, findTreeNodeByKey, getAllKeys } from '../utils';
 import searchSVG from '../../assets/input-search.svg';
 import '../style/index.less';
 var ProTree = function ProTree(props) {
@@ -71,7 +71,7 @@ var ProTree = function ProTree(props) {
     expandedKeys = props.expandedKeys,
     _props$showExpand = props.showExpand,
     showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
-    selectKey = props.selectKey,
+    defaultExpandAll = props.defaultExpandAll,
     other = _objectWithoutProperties(props, _excluded);
   var fieldNameLabel = fieldNames.label;
   var fieldNameValue = fieldNames.value;
@@ -86,7 +86,7 @@ var ProTree = function ProTree(props) {
       checkAll: false,
       allKeys: [],
       clickShowLoading: false,
-      innerExpandKeys: props === null || props === void 0 ? void 0 : props.expandedKeys
+      innerExpandKeys: []
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],
@@ -96,11 +96,14 @@ var ProTree = function ProTree(props) {
     onSuccess: function onSuccess(res) {
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(res);
+        var flatTrees = getFlatTreeData(responseData, fieldNames);
+        var allKey = getAllKeys(responseData, fieldNames);
         setState({
           treeData: responseData,
           originalTreeData: responseData,
-          flatTreeData: getFlatTreeData(responseData, fieldNames),
-          allKeys: getAllKeys(responseData, fieldNames)
+          flatTreeData: flatTrees,
+          allKeys: allKey,
+          innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey)
         });
       } else {
         var _res$status = res.status,
@@ -111,11 +114,14 @@ var ProTree = function ProTree(props) {
           _message.error(msg);
           return;
         }
+        var _flatTrees = getFlatTreeData(data, fieldNames);
+        var _allKey = getAllKeys(data, fieldNames);
         setState({
           treeData: data,
           originalTreeData: data,
-          flatTreeData: getFlatTreeData(data, fieldNames),
-          allKeys: getAllKeys(data, fieldNames)
+          flatTreeData: _flatTrees,
+          allKeys: _allKey,
+          innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : getDefaultExpandKeys(defaultExpandAll, _allKey)
         });
       }
     },
@@ -123,11 +129,13 @@ var ProTree = function ProTree(props) {
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
   useDeepCompareEffect(function () {
     if (dataSource && dataSource.length) {
+      var allKey = getAllKeys(dataSource, fieldNames);
       setState({
         treeData: dataSource,
         originalTreeData: cloneDeep(dataSource),
         flatTreeData: getFlatTreeData(dataSource, fieldNames),
-        allKeys: getAllKeys(dataSource, fieldNames)
+        allKeys: allKey,
+        innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : getDefaultExpandKeys(defaultExpandAll, allKey)
       });
     } else if (enumCode) {
       var dictEnum = dics[enumCode] || [];
@@ -140,11 +148,13 @@ var ProTree = function ProTree(props) {
         console.error('请返回有效的数组');
         dictEnum = [];
       }
+      var _allKey2 = getAllKeys(dictEnum, fieldNames);
       setState({
         treeData: dictEnum,
         originalTreeData: cloneDeep(dictEnum),
         flatTreeData: getFlatTreeData(dictEnum, fieldNames),
-        allKeys: getAllKeys(dictEnum, fieldNames)
+        allKeys: getAllKeys(dictEnum, fieldNames),
+        innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : getDefaultExpandKeys(defaultExpandAll, _allKey2)
       });
     }
   }, [dataSource, enumCode]);
@@ -204,7 +214,7 @@ var ProTree = function ProTree(props) {
               return item[fieldNameValue];
             });
           } else {
-            // 单选值场景为string走到这里
+            // 复选，单纯value数组场景
             checkedValues = _innerVal;
           }
         }
@@ -215,6 +225,11 @@ var ProTree = function ProTree(props) {
           // treeViewData,
         });
       }
+    } else if (!(other === null || other === void 0 ? void 0 : other.checkable)) {
+      // 单选--场景-->如果表单的value没有值，那么配置的selectedKey就起作用了，选中树节点
+      setState({
+        checkedValues: props === null || props === void 0 ? void 0 : props.selectedKey
+      });
     }
   }, [value, state.allKeys]);
   /**
@@ -240,6 +255,7 @@ var ProTree = function ProTree(props) {
       onChange && onChange(values);
     }
   };
+  // 该方法只有复选框，在勾中checkbox后才会走到这个方法
   var onCheck = function onCheck(checkedKeys, info) {
     if (disabled || isView) {
       return null;

package/es/ProTree/components/Tree.js

@@ -95,8 +95,8 @@ function List(props) {
     }
   }, [checkedValues]);
   useEffect(function () {
+    // 复选树，配置的selectedKey在这里处理选中，单选树，在ProTree组件里跟value比优先级处理，到这个组件里面是checkedValues了
     if (checkable) {
-      // 复选树，selectedKey，选中那个树节点
       setState({
         currentClickTreeNode: selectedKey
       });

package/es/ProTree/propsType.d.ts

@@ -118,8 +118,8 @@ export interface ProTreeProps extends PropTreeSelectProps {
     prefixCls?: string;
     children?: any;
     blockNode?: boolean;
-    /** 复选模式下，点中的树节点key */
-    selectKey?: string | number | undefined;
+    /** 点中的树节点key,表单模式下value有值该配置优先级降低 */
+    selectedKey?: string | number | undefined;
 }
 export interface DataProps {
     label?: string;

package/es/ProTree/style/index.less

@@ -1,10 +1,13 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-tree {
   height: 100%; // tree auto css
 
-  .ant-spin-nested-loading {
+  .@{ant-prefix}-spin-nested-loading {
     height: 100%; // tree auto css
 
-    .ant-spin-container {
+    .@{ant-prefix}-spin-container {
       height: 100%; // tree auto css
     }
   }
@@ -68,19 +71,19 @@
       }
     }
 
-    .ant-tree-checkbox {
+    .@{ant-prefix}-tree-checkbox {
       margin-top: 11px;
     }
 
-    .ant-tree-switcher {
+    .@{ant-prefix}-tree-switcher {
       line-height: 44px;
     }
 
-    .ant-tree-switcher-leaf-line {
+    .@{ant-prefix}-tree-switcher-leaf-line {
       display: none;
     }
 
-    .ant-tree-treenode {
+    .@{ant-prefix}-tree-treenode {
       align-items: flex-start;
       width      : 100%;
       padding    : 0;
@@ -88,15 +91,15 @@
       font-size  : var(--zaui-font-size);
     }
 
-    .ant-tree-node-content-wrapper {
+    .@{ant-prefix}-tree-node-content-wrapper {
       min-height : 20px;
       line-height: 20px;
     }
 
-    .ant-tree-node-content-wrapper {
+    .@{ant-prefix}-tree-node-content-wrapper {
       width: 100%;
 
-      .ant-tree-title {
+      .@{ant-prefix}-tree-title {
         display: block;
         width  : 100%;
       }
@@ -104,13 +107,13 @@
 
     // 只读状态下，是否隐藏未勾选行
     .hide-disable-node {
-      .ant-tree-treenode.ant-tree-treenode-disabled {
+      .@{ant-prefix}-tree-treenode.@{ant-prefix}-tree-treenode-disabled {
         display: none;
       }
 
-      .ant-tree-treenode-checkbox-indeterminate,
-      .ant-tree-treenode-checkbox-checked {
-        &.ant-tree-treenode-disabled {
+      .@{ant-prefix}-tree-treenode-checkbox-indeterminate,
+      .@{ant-prefix}-tree-treenode-checkbox-checked {
+        &.@{ant-prefix}-tree-treenode-disabled {
           display: flex;
         }
       }
@@ -221,17 +224,17 @@
   }
 
   // 连接线、箭头宽度
-  .ant-tree-show-line .ant-tree-indent-unit {
+  .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-indent-unit {
     width: 20px;
   }
 
-  .ant-tree-switcher {
+  .@{ant-prefix}-tree-switcher {
     width     : 20px;
     align-self: flex-start;
     margin-top: -4px;
   }
 
-  .ant-tree-show-line .ant-tree-indent-unit::before {
+  .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-indent-unit::before {
     right: 9px;
   }
 
@@ -244,8 +247,8 @@
   }
 
   // 去除antd白色背景
-  .ant-tree-show-line .ant-tree-switcher,
-  .ant-tree {
+  .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-switcher,
+  .@{ant-prefix}-tree {
     background-color: transparent;
   }
 
@@ -264,12 +267,12 @@
   padding-top: 0px;
   min-width  : 120px;
 
-  .ant-popover-inner-content {
+  .@{ant-prefix}-popover-inner-content {
     padding: 0px;
     width  : 100%;
   }
 
-  .ant-popover-arrow {
+  .@{ant-prefix}-popover-arrow {
     display: none;
   }
 
@@ -301,8 +304,8 @@
   }
 }
 
-.ant-tree .ant-tree-treenode-disabled {
-  .ant-tree-node-content-wrapper {
+.@{ant-prefix}-tree .@{ant-prefix}-tree-treenode-disabled {
+  .@{ant-prefix}-tree-node-content-wrapper {
     color: var(--zaui-text);
   }
 
@@ -316,20 +319,20 @@
 }
 
 // 重置ant-form view模式样式ant-tree样式
-.pro-form.pro-form-view .ant-form-item .pro-tree * {
+.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree * {
   line-height: 1 !important;
   height     : auto !important;
   min-height : auto !important;
 }
 
-.pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox {
+.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox {
   margin-top: var(--zaui-space-size-sm);
 }
 
-.pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-switcher {
+.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-switcher {
   padding-top: var(--zaui-font-size-sm);
 }
 
-.pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox * {
+.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox * {
   height: 16px !important;
 }

package/es/ProTree/utils.d.ts

@@ -35,3 +35,9 @@ export declare function filterCheckedNodes(data: any, checkedKeys: any, searchSt
  * @returns
  */
 export declare function getChildrenKeys(node: TreeDataProps, childrenKeys: string[], fieldNames: FieldNamesType, type: 'treeClose' | 'treeCheck'): void;
+/**
+ * 如果默认全开展那么返回所有key，否则返回空[]
+ * @param isExpand 是否全展开
+ * @param allkeys 所有key
+ */
+export declare function getDefaultExpandKeys(isExpand: any, allKeys: any): any;

package/es/ProTree/utils.js

@@ -180,4 +180,15 @@ export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
       }
     });
   }
+}
+/**
+ * 如果默认全开展那么返回所有key，否则返回空[]
+ * @param isExpand 是否全展开
+ * @param allkeys 所有key
+ */
+export function getDefaultExpandKeys(isExpand, allKeys) {
+  if (isExpand) {
+    return allKeys;
+  }
+  return [];
 }

package/es/ProTreeModal/components/CloseIcon.js

@@ -1,11 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { jsx as _jsx } from "react/jsx-runtime";
 function CloseIcon(props) {
-  return _jsx("span", _objectSpread(_objectSpread({
-    className: "ant-input-suffix"
-  }, props), {}, {
+  return _jsx("span", _objectSpread(_objectSpread({}, props), {}, {
     children: _jsx("span", {
-      className: "ant-input-clear-icon pro-tree-modal-checkbox-close",
+      className: "pro-tree-modal-checkbox-close",
       role: "button",
       children: _jsx("span", {
         role: "img",

package/es/ProTreeModal/components/Trigger.d.ts

@@ -5,9 +5,12 @@ interface TriggerProps {
     disabled?: boolean;
     isView?: boolean;
     checkAll?: boolean;
+    appoint: boolean;
+    allValue?: string | number;
     triggerStyle?: CSSProperties;
     handleClick: () => void;
     handleClearAll: () => void;
+    appointChange: (appoint?: boolean) => void;
 }
 declare function Trigger(props: TriggerProps): JSX.Element;
 export default Trigger;

package/es/ProTreeModal/components/Trigger.js

@@ -1,24 +1,54 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/input/style";
 import _Input from "antd/es/input";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
 import classNames from 'classnames';
 import { CloseOutlined } from '@ant-design/icons';
 import { ReactSVG } from 'react-svg';
+import { useSetState } from 'ahooks';
 import locale, { formatMessage } from '../../locale';
 import viewSvg from '../../assets/view.svg';
 function Trigger(props) {
-  var _locale$ProTreeModal, _locale$ProTreeModal2, _locale$ProTreeModal3;
-  var checkedValues = props.checkedValues,
-    handleClick = props.handleClick,
-    handleClearAll = props.handleClearAll,
-    value = props.value,
-    checkAll = props.checkAll,
+  var _locale$ProTreeModal2, _locale$ProTreeModal3;
+  var value = props.value,
     disabled = props.disabled,
     isView = props.isView,
-    triggerStyle = props.triggerStyle;
-  return _jsxs(_Fragment, {
-    children: [isView ? _jsxs("div", {
+    triggerStyle = props.triggerStyle,
+    appoint = props.appoint,
+    allValue = props.allValue,
+    checkAll = props.checkAll,
+    checkedValues = props.checkedValues,
+    handleClick = props.handleClick,
+    handleClearAll = props.handleClearAll,
+    appointChange = props.appointChange;
+  var _useSetState = useSetState({
+      mode: 'appoint'
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  useEffect(function () {
+    if (checkAll && appoint) {
+      setState({
+        mode: 'all'
+      });
+    }
+  }, [checkAll]);
+  var onIconClick = function onIconClick() {
+    if (appoint && state.mode === 'all') {
+      return;
+    }
+    handleClick();
+  };
+  if (isView) {
+    var _locale$ProTreeModal;
+    return _jsxs("div", {
       className: "pro-tree-modal-isView",
       children: [_jsx("div", {
         children: checkedValues.length === 0 ? '-' : checkAll ? locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.checkAll : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal = locale.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.checkNumber, {
@@ -29,11 +59,44 @@ function Trigger(props) {
         children: _jsx(ReactSVG, {
           className: "viewSvg",
           src: viewSvg,
-          onClick: handleClick
+          onClick: onIconClick
         })
       })]
-    }) : _jsx(_Input, {
-      className: classNames(disabled ? 'trigger-no-hover' : ''),
+    });
+  }
+  var onAppointChange = function onAppointChange(value) {
+    setState({
+      mode: value
+    });
+    if (value === 'all') {
+      appointChange === null || appointChange === void 0 ? void 0 : appointChange(true);
+    } else {
+      appointChange === null || appointChange === void 0 ? void 0 : appointChange(false);
+    }
+  };
+  var TriggerComponent = function TriggerComponent(props) {
+    if (appoint) {
+      return _jsxs(_Space.Compact, {
+        block: true,
+        children: [_jsxs(_Select, {
+          defaultValue: "appoint",
+          value: state.mode,
+          onChange: onAppointChange,
+          children: [_jsx(_Select.Option, {
+            value: "all",
+            children: "\u5168\u90E8"
+          }), _jsx(_Select.Option, {
+            value: "appoint",
+            children: "\u6307\u5B9A"
+          })]
+        }), props.children]
+      });
+    }
+    return props.children;
+  };
+  return _jsx(TriggerComponent, {
+    children: _jsx(_Input, {
+      className: classNames(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
       onClick: handleClick,
       value: checkedValues.length === 0 ? null : checkAll ? locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.checkAll : formatMessage(locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal2 = locale.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
         num: checkedValues.length
@@ -48,16 +111,13 @@ function Trigger(props) {
         }), _jsx(ReactSVG, {
           className: "viewSvg",
           src: viewSvg,
-          onClick: handleClick
+          onClick: onIconClick
         })]
       }),
       placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
-      disabled: disabled,
+      disabled: disabled || appoint && value === allValue,
       style: _objectSpread({}, triggerStyle)
-    }), _jsx(_Input, {
-      type: "hidden",
-      value: value
-    })]
+    })
   });
 }
 export default Trigger;