@zat-design/sisyphus-react 3.2.2-beta.8 → 3.2.2-beta.9

package/lib/ProTabs/style/index.less

@@ -1,17 +1,20 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-tabs {
-  .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
+  .@{ant-prefix}-tabs .@{ant-prefix}-tabs-nav-list .@{ant-prefix}-tabs-tab {
     padding: 0 !important;
   }
 
-  .ant-tabs-top > .ant-tabs-nav::before,
-  .ant-tabs-bottom > .ant-tabs-nav::before,
-  .ant-tabs-top > div > .ant-tabs-nav::before,
-  .ant-tabs-bottom > div > .ant-tabs-nav::before {
+  .@{ant-prefix}-tabs-top > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-bottom > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-top > div > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-bottom > div > .@{ant-prefix}-tabs-nav::before {
     border: none;
   }
 
-  .ant-tabs-nav-list {
-    .ant-tabs-tab {
+  .@{ant-prefix}-tabs-nav-list {
+    .@{ant-prefix}-tabs-tab {
       &:first-child {
         .pro-tabs-card {
           border-left: 1px solid var(--zaui-line, #dddddd);
@@ -20,13 +23,13 @@
     }
   }
 
-  .ant-tabs-tab-active {
+  .@{ant-prefix}-tabs-tab-active {
     .pro-tabs-card {
       background: var(--ant-primary-color-active-deprecated-f-30, rgba(230, 247, 255, 0.3));
     }
   }
 
-  .ant-tabs-ink-bar {
+  .@{ant-prefix}-tabs-ink-bar {
     top: 0;
     height: 3px !important;
   }
@@ -66,13 +69,13 @@
 
 .pro-tabs-tab {
   .pro-tabs-card {
-    .ant-tag {
+    .@{ant-prefix}-tag {
       margin-right: 0;
       padding: 0 var(--zaui-space-size-xs, 4px);
       border-radius: 10px;
     }
 
-    .ant-space-item {
+    .@{ant-prefix}-space-item {
       display: flex;
     }
   }

package/lib/ProThemeTools/component/PrdTools/index.d.ts

@@ -1,3 +1,3 @@
 import type { DevToolsPropsType } from '../../propsType';
-declare const PrdTools: ({ onReset, onClose, setState, visible, state, tableBorder, tableStripe, }: DevToolsPropsType) => JSX.Element;
+declare const PrdTools: ({ onReset, onClose, setState, visible, state, tableBorder, tableStripe, prefixCls, }: DevToolsPropsType) => JSX.Element;
 export default PrdTools;

package/lib/ProThemeTools/component/PrdTools/index.js

@@ -27,7 +27,8 @@ var PrdTools = function PrdTools(_ref) {
     visible = _ref.visible,
     state = _ref.state,
     tableBorder = _ref.tableBorder,
-    tableStripe = _ref.tableStripe;
+    tableStripe = _ref.tableStripe,
+    prefixCls = _ref.prefixCls;
   var _useState = (0, _react.useState)([{
       color: '#006AFF',
       active: true
@@ -150,18 +151,18 @@ var PrdTools = function PrdTools(_ref) {
             var after = e.target.value === 'left' ? 'inline' : 'none';
             var before = e.target.value === 'right' ? 'inline' : 'none';
             // 遍历添加className
-            var formItemLabels = document.querySelectorAll('.ant-form-item-label');
+            var formItemLabels = document.querySelectorAll(".".concat(prefixCls, "-form-item-label"));
             // 遍历元素列表，为每个元素添加新的 class
             formItemLabels.forEach(function (label) {
               var _label$classList, _label$classList$valu, _label$classList2, _label$classList2$val;
               if (!label) {
                 return false;
               }
-              if (e.target.value === 'left' && !((_label$classList = label.classList) === null || _label$classList === void 0 ? void 0 : (_label$classList$valu = _label$classList.value) === null || _label$classList$valu === void 0 ? void 0 : _label$classList$valu.includes('ant-form-item-label-left'))) {
-                label.classList.add('ant-form-item-label-left');
+              if (e.target.value === 'left' && !((_label$classList = label.classList) === null || _label$classList === void 0 ? void 0 : (_label$classList$valu = _label$classList.value) === null || _label$classList$valu === void 0 ? void 0 : _label$classList$valu.includes("".concat(prefixCls, "-form-item-label-left")))) {
+                label.classList.add("".concat(prefixCls, "-form-item-label-left"));
               }
-              if (e.target.value === 'right' && ((_label$classList2 = label.classList) === null || _label$classList2 === void 0 ? void 0 : (_label$classList2$val = _label$classList2.value) === null || _label$classList2$val === void 0 ? void 0 : _label$classList2$val.includes('ant-form-item-label-left'))) {
-                label.classList.remove('ant-form-item-label-left');
+              if (e.target.value === 'right' && ((_label$classList2 = label.classList) === null || _label$classList2 === void 0 ? void 0 : (_label$classList2$val = _label$classList2.value) === null || _label$classList2$val === void 0 ? void 0 : _label$classList2$val.includes("".concat(prefixCls, "-form-item-label-left")))) {
+                label.classList.remove("".concat(prefixCls, "-form-item-label-left"));
               }
             });
             setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {

package/lib/ProThemeTools/component/PrdTools/style/index.less

@@ -1,17 +1,17 @@
 .pro-theme-prd-tools-drawer {
-  .ant-drawer-header {
+  .@{ant-prefix}-drawer-header {
     border-bottom: none;
   }
 
-  .ant-drawer-title {
+  .@{ant-prefix}-drawer-title {
     font-size: var(--zaui-font-size-xl, 18px);
   }
 
-  .ant-drawer-body {
+  .@{ant-prefix}-drawer-body {
     padding: 0 32px 32px;
   }
 
-  .ant-space-vertical {
+  .@{ant-prefix}-space-vertical {
     gap: var(--zaui-space-size-sm, 8px) !important;
   }
 
@@ -118,12 +118,12 @@
     }
   }
 
-  .ant-radio-button-wrapper {
+  .@{ant-prefix}-radio-button-wrapper {
     padding: 0 28px;
   }
 
   .pro-theme-tools-form {
-    .ant-radio-button-wrapper {
+    .@{ant-prefix}-radio-button-wrapper {
       padding: 0 42px;
     }
   }

package/lib/ProThemeTools/index.d.ts

@@ -1,6 +1,6 @@
 import type { ProThemeToolsProps } from './propsType';
 declare const ProThemeTools: {
-    ({ size, className, cacheTime, color, mode, iconFollowTheme, tableBorder, tableStripe, theme, ...props }: ProThemeToolsProps): JSX.Element;
+    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, ...props }: ProThemeToolsProps): JSX.Element;
     defaultProps: {
         size: number;
         mode: string;

package/lib/ProThemeTools/index.js

@@ -17,7 +17,7 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 var _index = require("./utils/index");
 var _component = require("./component");
 var _locale = _interopRequireDefault(require("../locale"));
-var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "tableBorder", "tableStripe", "theme"];
+var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme"];
 /* eslint-disable prefer-const */
 var defaultCacheTime = 1; // 配置保存时间为一天
 var defaultThemeConfig = {
@@ -42,6 +42,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,
@@ -121,6 +123,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
       setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), localThemeConfig));
       (0, _index.setThemes)(cssVariables);
       _antd.ConfigProvider.config({
+        prefixCls: prefixCls,
         theme: {
           primaryColor: (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
         }
@@ -128,6 +131,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     } else {
       (0, _index.setThemes)((0, _index.getMapKebabCase)(state));
       _antd.ConfigProvider.config({
+        prefixCls: prefixCls,
         theme: {
           primaryColor: state === null || state === void 0 ? void 0 : state.zauiBrand
         }
@@ -150,7 +154,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, [zauiBrand]);
   // 斑马纹设置
   (0, _react.useEffect)(function () {
-    (0, _index.setTableNoStripe)(zauiStripe);
+    (0, _index.setTableNoStripe)(zauiStripe, prefixCls);
   }, [zauiStripe]);
   // 表格边框设置
   (0, _react.useEffect)(function () {
@@ -182,6 +186,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
         showDrawer();
       }
     }), (0, _jsxRuntime.jsx)(_component.PrdTools, {
+      prefixCls: prefixCls,
       onReset: onReset,
       onClose: onClose,
       onCopy: onCopy,

package/lib/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/lib/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/lib/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/lib/ProThemeTools/utils/index.js

@@ -81,8 +81,9 @@ var getMapHumpCase = exports.getMapHumpCase = function getMapHumpCase() {
  * @param stripe boolean
  */
 var setTableNoStripe = exports.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/lib/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/lib/ProTree/components/CloseIcon.js

@@ -8,11 +8,9 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _jsxRuntime = require("react/jsx-runtime");
 function CloseIcon(props) {
-  return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    className: "ant-input-suffix"
-  }, props), {}, {
+  return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     children: (0, _jsxRuntime.jsx)("span", {
-      className: "ant-input-clear-icon pro-tree-modal-checkbox-close",
+      className: "pro-tree-modal-checkbox-close",
       role: "button",
       children: (0, _jsxRuntime.jsx)("span", {
         role: "img",

package/lib/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/lib/ProTreeModal/components/CloseIcon.js

@@ -8,11 +8,9 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _jsxRuntime = require("react/jsx-runtime");
 function CloseIcon(props) {
-  return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
-    className: "ant-input-suffix"
-  }, props), {}, {
+  return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     children: (0, _jsxRuntime.jsx)("span", {
-      className: "ant-input-clear-icon pro-tree-modal-checkbox-close",
+      className: "pro-tree-modal-checkbox-close",
       role: "button",
       children: (0, _jsxRuntime.jsx)("span", {
         role: "img",

package/lib/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/lib/ProTreeModal/components/Trigger.js

@@ -7,25 +7,51 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _antd = require("antd");
 var _icons = require("@ant-design/icons");
 var _reactSvg = require("react-svg");
+var _ahooks = require("ahooks");
 var _locale = _interopRequireWildcard(require("../../locale"));
 var _view = _interopRequireDefault(require("../../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 (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [isView ? (0, _jsxRuntime.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 = (0, _ahooks.useSetState)({
+      mode: 'appoint'
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  (0, _react.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 (0, _jsxRuntime.jsxs)("div", {
       className: "pro-tree-modal-isView",
       children: [(0, _jsxRuntime.jsx)("div", {
         children: checkedValues.length === 0 ? '-' : checkAll ? _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal = _locale.default.ProTreeModal) === null || _locale$ProTreeModal === void 0 ? void 0 : _locale$ProTreeModal.checkNumber, {
@@ -36,11 +62,44 @@ function Trigger(props) {
         children: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
           className: "viewSvg",
           src: _view.default,
-          onClick: handleClick
+          onClick: onIconClick
         })
       })]
-    }) : (0, _jsxRuntime.jsx)(_antd.Input, {
-      className: (0, _classnames.default)(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 (0, _jsxRuntime.jsxs)(_antd.Space.Compact, {
+        block: true,
+        children: [(0, _jsxRuntime.jsxs)(_antd.Select, {
+          defaultValue: "appoint",
+          value: state.mode,
+          onChange: onAppointChange,
+          children: [(0, _jsxRuntime.jsx)(_antd.Select.Option, {
+            value: "all",
+            children: "\u5168\u90E8"
+          }), (0, _jsxRuntime.jsx)(_antd.Select.Option, {
+            value: "appoint",
+            children: "\u6307\u5B9A"
+          })]
+        }), props.children]
+      });
+    }
+    return props.children;
+  };
+  return (0, _jsxRuntime.jsx)(TriggerComponent, {
+    children: (0, _jsxRuntime.jsx)(_antd.Input, {
+      className: (0, _classnames.default)(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
       onClick: handleClick,
       value: checkedValues.length === 0 ? null : checkAll ? _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll : (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal2 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal2 === void 0 ? void 0 : _locale$ProTreeModal2.checkNumber, {
         num: checkedValues.length
@@ -55,16 +114,13 @@ function Trigger(props) {
         }), (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
           className: "viewSvg",
           src: _view.default,
-          onClick: handleClick
+          onClick: onIconClick
         })]
       }),
       placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
-      disabled: disabled,
+      disabled: disabled || appoint && value === allValue,
       style: (0, _objectSpread2.default)({}, triggerStyle)
-    }), (0, _jsxRuntime.jsx)(_antd.Input, {
-      type: "hidden",
-      value: value
-    })]
+    })
   });
 }
 var _default = exports.default = Trigger;

package/lib/ProTreeModal/index.js

@@ -58,6 +58,7 @@ var ProTreeModal = function ProTreeModal(props) {
     max = props.max,
     draggable = props.draggable,
     span = props.span,
+    appoint = props.appoint,
     _props$fieldNames = props.fieldNames,
     fieldNames = _props$fieldNames === void 0 ? {
       label: 'label',
@@ -470,6 +471,23 @@ var ProTreeModal = function ProTreeModal(props) {
       });
     }
   };
+  /**
+   * 指定模式下的操作
+   * @param appoint
+   */
+  var appointChange = function appointChange(appoint) {
+    if (appoint) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(allValue);
+      setState({
+        checkAll: true
+      });
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange([]);
+      setState({
+        checkAll: false
+      });
+    }
+  };
   /**
    * Trigger the container opened by Drawer
    * default example and you can customize trigger={<Button>打开</Button>}
@@ -485,12 +503,15 @@ var ProTreeModal = function ProTreeModal(props) {
     return (0, _jsxRuntime.jsx)(_components.Trigger, {
       checkedValues: state.checkedValues,
       value: value,
-      handleClick: handleClick,
-      handleClearAll: handleClearAll,
       checkAll: state.checkAll,
       triggerStyle: style,
       disabled: disabled,
-      isView: isView
+      isView: isView,
+      appoint: appoint,
+      allValue: allValue,
+      handleClick: handleClick,
+      handleClearAll: handleClearAll,
+      appointChange: appointChange
     });
   }, [state.checkedValues, state.checkAll, style, disabled, isView]);
   /**