@zat-design/sisyphus-react 3.0.16-beta.2 → 3.0.16-beta.4

package/dist/index.esm.css

@@ -2679,7 +2679,7 @@
   display: block;
 }
 .ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode:hover {
-  background-color: var(--zaui-disabled-bg, #f2f2f2);
+  background-color: #f5f5f5;
 }
 .ant-select-dropdown.signal-tree .ant-select-tree .check-option-text .check-mark-icon {
   position: absolute;
@@ -2692,7 +2692,7 @@
   padding-left: 7px;
 }
 .ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-treenode:hover {
-  background-color: var(--zaui-disabled-bg, #f2f2f2);
+  background-color: #f5f5f5;
 }
 .ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-node-content-wrapper {
   padding-right: 16px;
@@ -3556,6 +3556,9 @@
 .pro-theme-prd-tools-drawer .pro-theme-tools-space {
   margin-bottom: 24px;
 }
+.pro-theme-prd-tools-drawer .pro-theme-tools-space.pro-theme-tools-small-space {
+  margin-bottom: 8px;
+}
 .pro-theme-prd-tools-drawer .ant-radio-button-wrapper {
   padding: 0 28px;
 }

package/es/ProEnum/getEnumLabel.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 var EnumLabel = function EnumLabel(props) {
   var label = '';
   var fieldValue = '';

package/es/ProEnum/index.js

@@ -16,7 +16,7 @@ var _excluded = ["code", "type", "dataSource", "useRequest", "value", "onChange"
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
 import React, { useState, useEffect } from 'react';
 import { cloneDeep, isFunction } from 'lodash';
-import { ProSelect, useProConfig } from 'zat-design-pro-component';
+import { ProSelect, useProConfig } from '@zat-design/sisyphus-react';
 import { isObject } from './utils';
 import getEnumLabel from './getEnumLabel';
 import useEnum from './useEnum';

package/es/ProEnum/useEnum.js

@@ -1,6 +1,6 @@
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 /* eslint-disable no-redeclare */
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import { getEnumData } from './utils';
 function useEnum(codes, value, compose) {
   var _ref = useProConfig('globalConfig') || {},

package/es/ProForm/components/FormFooter/index.js

@@ -4,7 +4,7 @@ import "antd/es/space/style";
 import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import React from 'react';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 var FormFooter = function FormFooter(props) {
   var initialConfig = useProConfig('FormFooter');
   var _initialConfig$props = _objectSpread(_objectSpread({}, initialConfig), props),

package/es/ProForm/components/base/DatePicker/index.js

@@ -8,7 +8,7 @@ import { isFunction, isString } from 'lodash';
 import classNames from 'classnames';
 import moment from 'moment';
 import React from 'react';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import Container from '../../Container';
 var DatePicker = function DatePicker(props) {
   var className = props.className,

package/es/ProForm/components/base/Input/index.js

@@ -4,7 +4,7 @@ import _Input from "antd/es/input";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["label", "form", "placeholder", "fieldName", "otherProps"];
 import React from 'react';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import Container from '../../Container';
 // 参数优先级
 // 组件内默认值 < config默认值 < props

package/es/ProForm/components/base/InputNumber/index.js

@@ -10,7 +10,7 @@ var _excluded = ["placeholder", "className", "otherProps", "range", "min", "max"
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import Big from 'big.js';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import { tools } from '@zat-design-pro-component/utils';
 import { isNull, isNumber, isUndefined } from 'lodash';
 import Container from '../../Container';

package/es/ProForm/components/base/Select/index.js

@@ -3,7 +3,7 @@ import "antd/es/select/style";
 import _Select from "antd/es/select";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "fieldNames", "otherProps"];
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import React from 'react';
 import Container from '../../Container';
 var Select = function Select(props) {

package/es/ProForm/components/base/Switch/index.js

@@ -4,7 +4,7 @@ import _Switch from "antd/es/switch";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["disabled", "otherProps"];
 import React from 'react';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import { isNull, isUndefined } from 'lodash';
 import Container from '../../Container';
 var Switch = function Switch(props) {

package/es/ProForm/components/base/TextArea/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import "antd/es/input/style";
 import _Input from "antd/es/input";
 var _excluded = ["placeholder", "otherProps"];
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import React from 'react';
 import Container from '../../Container';
 var TextArea = _Input.TextArea;

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

@@ -14,7 +14,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["getPopupContainer", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "tooltip"];
 import React, { useEffect, useState, memo, useMemo } from 'react';
 import { useSetState } from 'ahooks';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import { tools } from '@zat-design-pro-component/utils';
 import useEnum from '../../../../ProEnum/useEnum';
 var transformDataName = tools.transformDataName;

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

@@ -20,7 +20,7 @@ import { useSetState } from 'ahooks';
 import { cloneDeep, isArray, isFunction } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
-import { ProForm, ProDrawerForm, ProTable, useProConfig } from 'zat-design-pro-component';
+import { ProForm, ProDrawerForm, ProTable, useProConfig } from '@zat-design/sisyphus-react';
 import Container from '../../Container';
 import viewSvg from '../../../../assets/view.svg';
 import useRequestList from './hooks/useRequestList';

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

@@ -9,7 +9,7 @@ import _DatePicker from "antd/es/date-picker";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["disabled", "foreverText", "foreverDate", "format", "otherProps"];
 import React, { useMemo, useState } from 'react';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import { omit } from 'lodash';
 import classNames from 'classnames';
 import moment from 'moment';

package/es/ProForm/components/old/EnumSelect/index.js

@@ -17,7 +17,7 @@ import { useSetState } from 'ahooks';
 import { cloneDeep } from 'lodash';
 import React, { forwardRef, useEffect } from 'react';
 import { ReactSVG } from 'react-svg';
-import { ProForm } from 'zat-design-pro-component';
+import { ProForm } from '@zat-design/sisyphus-react';
 import InputWithSuffix from '../InputWithSuffix';
 import useRequestList from './hooks/useRequestList';
 import viewSvg from '../../../../assets/view.svg';

package/es/ProForm/index.js

@@ -17,7 +17,7 @@ import { DoubleLeftOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
 import React, { forwardRef, useImperativeHandle, useEffect } from 'react';
 import { isObject, isString, merge } from 'lodash';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import { CertNo, EnumSelect, FormFooter, InputRange, InputWithSuffix, ProAddress, ProAddressBar, ProCertNo, ProCertValidity, ProCombination, ProModalSelect, ProNumberRange, ProRangeBox, ProTimeLimit, transferAddressInfoToRegion, ProUpload, ProTreeSelect, ProTreeModal } from './components';
 import RenderFields from './components/render/RenderFields';
 import { getLayout, splitNameStr, useControlled, initialValuesToNames } from './utils/index';

package/es/ProSelect/index.js

@@ -15,7 +15,7 @@ var _excluded = ["dataSource", "defaultDisableValue", "optionRender", "onChange"
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
 import React, { useImperativeHandle, useState, forwardRef } from 'react';
 import { isFunction, isObject, isString, omit, cloneDeep } from 'lodash';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import Container from '../ProForm/components/Container';
 var Option = _Select.Option;
 export var ProSelect = function ProSelect(props, ref) {

package/es/ProTable/index.js

@@ -15,7 +15,7 @@ import { useDebounceEffect, useDeepCompareEffect } from 'ahooks';
 import React, { useEffect, useMemo, useState, createContext } from 'react';
 import { ReactSVG } from 'react-svg';
 import classnames from 'classnames';
-import { useProConfig, ProTransferModal } from 'zat-design-pro-component';
+import { useProConfig, ProTransferModal } from '@zat-design/sisyphus-react';
 import { tools } from '@zat-design-pro-component/utils';
 import { valueTypeRender } from '../ProUtils/utils';
 import { TableResizable, ResizableLine } from './components';

package/es/ProTable/propsType.d.ts

@@ -71,7 +71,7 @@ export interface RequestOptions<T, R> {
     crossPageSelect?: boolean;
     onPageChange?: (page: PaginationProps) => void;
     transformParams?: (params: any) => any;
-    transformResponse?: (data: any) => R[];
+    transformResponse?: (res: any) => ListResponse<R>;
 }
 export interface Params<T = any> extends PaginationProps {
     queryBean?: Partial<T>;

package/es/ProTable/useAntdTable.js

@@ -2,12 +2,20 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["page", "filters", "sorter"];
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useRequest, useSetState, useDeepCompareEffect } from 'ahooks';
 import { defaultPage } from './index';
+var defaultResponse = {
+  data: _objectSpread(_objectSpread({}, defaultPage), {}, {
+    total: 0,
+    list: []
+  }),
+  status: '',
+  message: ''
+};
 var useDefaultOptions = function useDefaultOptions(options) {
   var _useState = useState((options === null || options === void 0 ? void 0 : options.page) || defaultPage),
     _useState2 = _slicedToArray(_useState, 2),
@@ -86,7 +94,7 @@ function useAntdTable(service, options, useRequestOptions) {
     defaultParams: [getTransformParams()]
   }));
   var _result$data = result.data,
-    data = _result$data === void 0 ? {} : _result$data,
+    data = _result$data === void 0 ? defaultResponse : _result$data,
     run = result.run,
     refresh = result.refresh;
   var _ref2 = transformResponse ? transformResponse(data) : data || {},
@@ -101,7 +109,6 @@ function useAntdTable(service, options, useRequestOptions) {
     return service.toString();
   }, [service]);
   // service变化时触发 (禁止掉防止service变更时导致的死循环)
-  // const prevService = usePrevious(curService);
   var clearSelected = useCallback(function () {
     setState({
       allSelected: false,

package/es/ProTable/utils.js

@@ -6,7 +6,7 @@ import _Typography from "antd/es/typography";
 import React from 'react';
 import moment from 'moment';
 import { multiply } from 'lodash';
-import { ProForm } from 'zat-design-pro-component';
+import { ProForm } from '@zat-design/sisyphus-react';
 import { ReactSVG } from 'react-svg';
 import { CheckOutlined } from '@ant-design/icons';
 import copySvg from '../assets/copy.svg';

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

@@ -10,7 +10,7 @@ import _Drawer from "antd/es/drawer";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
 import React, { useState, useEffect } from 'react';
-import { setThemes } from '../../utils/index';
+import { setThemes, setTableNoStripe } from '../../utils/index';
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
     return /*#__PURE__*/React.createElement(Component, _objectSpread({}, props));
@@ -159,7 +159,7 @@ var PrdTools = function PrdTools(_ref) {
   }, "\u5DE6\u5BF9\u9F50"), /*#__PURE__*/React.createElement(_Radio.Button, {
     value: "right"
   }, "\u53F3\u5BF9\u9F50")))), /*#__PURE__*/React.createElement("div", {
-    className: "pro-theme-tools-box pro-theme-tools-space"
+    className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pro-theme-tools-item"
   }, /*#__PURE__*/React.createElement("p", null, "\u5927\u5B57\u53F7\u6A21\u5F0F")), /*#__PURE__*/React.createElement("div", {
@@ -167,16 +167,35 @@ var PrdTools = function PrdTools(_ref) {
   }, /*#__PURE__*/React.createElement(_Switch, {
     checkedChildren: "\u5F00",
     unCheckedChildren: "\u5173",
-    checked: state.bigText,
+    checked: state.zauiBigText,
     onClick: function onClick(value) {
       setState(_objectSpread(_objectSpread({}, state), {}, {
         zauiBaseFontSize: value ? 2 : 0,
-        bigText: value
+        zauiBigText: value
       }));
       setThemes({
         'zaui-base-font-size': value ? '2px' : '0px'
       });
     }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "pro-theme-tools-box pro-theme-tools-space pro-theme-tools-small-space"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pro-theme-tools-item"
+  }, /*#__PURE__*/React.createElement("p", null, "\u8868\u683C\u6591\u9A6C\u7EB9")), /*#__PURE__*/React.createElement("div", {
+    className: "pro-theme-tools-item"
+  }, /*#__PURE__*/React.createElement(_Switch, {
+    checkedChildren: "\u5F00",
+    unCheckedChildren: "\u5173",
+    checked: state.zauiStripe,
+    onClick: function onClick(value) {
+      setState(_objectSpread(_objectSpread({}, state), {}, {
+        zauiStripe: value
+      }));
+      setTableNoStripe(value);
+      setThemes({
+        'zaui-stripe': value
+      });
+    }
   }))), /*#__PURE__*/React.createElement(_Button, {
     className: "copy-btn",
     onClick: function onClick() {

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

@@ -112,6 +112,10 @@
 
   .pro-theme-tools-space {
     margin-bottom: 24px;
+
+    &.pro-theme-tools-small-space {
+      margin-bottom: 8px;
+    }
   }
 
   .ant-radio-button-wrapper {

package/es/ProThemeTools/index.js

@@ -11,7 +11,7 @@ var _excluded = ["size", "className", "cacheTime", "color", "mode", "theme"];
 import { SettingOutlined } from '@ant-design/icons';
 import React, { useEffect, useState } from 'react';
 import classnames from 'classnames';
-import { getKebabCase, setThemes } from './utils/index';
+import { getKebabCase, setThemes, setTableNoStripe } from './utils/index';
 import { PrdTools } from './component';
 var defaultCacheTime = 1; // 配置保存时间为一天
 var ProThemeTools = function ProThemeTools(_ref) {
@@ -36,13 +36,17 @@ var ProThemeTools = function ProThemeTools(_ref) {
       zauiSize: 1,
       zauiHeightCard: 32,
       zauiHeightBorder: 12,
-      bigText: false,
-      zauiBaseFontSize: 0
+      zauiBigText: false,
+      zauiBaseFontSize: 0,
+      zauiTableBorder: false,
+      zauiStripe: true
     }),
     _useState4 = _slicedToArray(_useState3, 2),
     state = _useState4[0],
     setState = _useState4[1];
-  var zauiBrand = state.zauiBrand;
+  var zauiBrand = state.zauiBrand,
+    zauiStripe = state.zauiStripe,
+    zauiTableBorder = state.zauiTableBorder;
   var showDrawer = function showDrawer() {
     setVisible(true);
   };
@@ -62,7 +66,9 @@ var ProThemeTools = function ProThemeTools(_ref) {
       zauiHeightCard: 32,
       zauiHeightBorder: 16,
       zauiBaseFontSize: 0,
-      bigText: false
+      zauiBigText: false,
+      zauiTableBorder: false,
+      zauiStripe: true
     }));
     setThemes({
       'zaui-brand': '#006AFF',
@@ -74,7 +80,10 @@ var ProThemeTools = function ProThemeTools(_ref) {
       'zaui-height-card': '32px',
       'zaui-font-size': '14px',
       'zaui-height-border': '16px',
-      'zaui-base-font-size': 0
+      'zaui-base-font-size': 0,
+      'zaui-big-text': false,
+      'zaui-table-border': false,
+      'zaui-stripe': true
     });
   };
   // 复制
@@ -135,6 +144,14 @@ var ProThemeTools = function ProThemeTools(_ref) {
       });
     }
   }, [zauiBrand]);
+  // 斑马纹设置
+  useEffect(function () {
+    setTableNoStripe(zauiStripe);
+  }, [zauiStripe]);
+  // // 斑马纹设置
+  // useEffect(() => {
+  //   setTableNoStripe(zauiStripe);
+  // }, [zauiTableBorder]);
   // 主题配置缓存
   useEffect(function () {
     if (cacheTime) {

package/es/ProThemeTools/propsType.d.ts

@@ -25,6 +25,11 @@ export interface LocalThemeConfigPropsType {
     zauiSize?: number;
     zauiHeightCard?: number;
     zauiHeightBorder?: number;
-    bigText?: boolean;
+    /** 大字号模式 */
+    zauiBigText?: boolean;
+    /** 是否有表格边框 */
+    zauiTableBorder?: boolean;
+    /** 是否有斑马纹 */
+    zauiStripe?: boolean;
     zauiBaseFontSize?: number;
 }

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

@@ -12,3 +12,8 @@ export declare const replaceObject: (themes: ThemesProps, themeMapping: ThemesPr
  */
 export declare const setThemes: (themes: ThemesProps, themeMapping?: ThemesProps) => boolean;
 export declare const getKebabCase: (str: string) => string;
+/**
+ * 设置表格斑马纹
+ * @param stripe boolean
+ */
+export declare const setTableNoStripe: (stripe: boolean) => void;

package/es/ProThemeTools/utils/index.js

@@ -51,4 +51,22 @@ export var getKebabCase = function getKebabCase(str) {
   }
 
   return temp;
+};
+/**
+ * 设置表格斑马纹
+ * @param stripe boolean
+ */
+export var setTableNoStripe = function setTableNoStripe(stripe) {
+  var proTables = document.querySelectorAll('.pro-table');
+  if (!proTables.length) {
+    return;
+  }
+  for (var i = 0; i < proTables.length; i++) {
+    var proTable = proTables[i];
+    if (stripe) {
+      proTable.classList.remove('pro-table-no-stripe');
+    } else {
+      proTable.classList.add('pro-table-no-stripe');
+    }
+  }
 };

package/es/ProTreeModal/index.js

@@ -8,7 +8,7 @@ import _Input from "antd/es/input";
 /* eslint-disable jsx-a11y/anchor-is-valid */
 import React, { useEffect } from 'react';
 import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc } from 'ahooks';
-import { ProDrawerForm, useProConfig } from 'zat-design-pro-component';
+import { ProDrawerForm, useProConfig } from '@zat-design/sisyphus-react';
 import { cloneDeep, isFunction } from 'lodash';
 import { Trigger, ListView, TreeView } from './components';
 import { getFlatTreeData, filterCheckedNodes, getChildrenKeys, findTreeNodeByKey } from './utils';

package/es/ProTreeSelect/index.js

@@ -16,7 +16,7 @@ var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onCha
 import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from 'ahooks';
 import React, { useImperativeHandle, forwardRef } from 'react';
 import { cloneDeep } from 'lodash';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '@zat-design/sisyphus-react';
 import Container from '../ProForm/components/Container';
 var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
 export var ProTreeSelect = function ProTreeSelect(props, ref) {
@@ -241,20 +241,19 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
   var Icon = function Icon() {
     return /*#__PURE__*/React.createElement("svg", {
       className: "icon",
-      viewBox: "0 0 1024 1024",
+      viewBox: "0 0 1433 1024",
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg",
-      "p-id": "3598",
+      "p-id": "2318",
       width: "1em",
       height: "1em"
     }, /*#__PURE__*/React.createElement("path", {
-      d: "M228.288 468.864l220.16 220.16 397.568-397.568 45.248 45.248-442.88 442.88L183.04 514.048z",
-      "p-id": "3599",
+      d: "M209.92 337.2032l362.0864 361.984L1223.68 47.5136l144.7936 144.896-796.4672 796.4672-506.88-506.88z",
+      "p-id": "2319",
       fill: "currentColor"
     }));
   };
   /**
-   * <svg t="1684480846438" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3598" width="200" height="200"><path d="M228.288 468.864l220.16 220.16 397.568-397.568 45.248 45.248-442.88 442.88L183.04 514.048z" p-id="3599"></path></svg>
    * 自定义渲染子树
    * @param node 每个节点数据对象
    * @returns 整个react节点树
@@ -281,10 +280,11 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
         key: value,
         value: value,
         title: title,
+        "attr-data": value,
         disabled: node.disabled,
         checkable: node.checkable,
         icon: icon,
-        className: "za-pro-tree-select-node-".concat(grade)
+        className: "node-val-".concat(value)
       });
     }
     var sonGrade = grade + 1;
@@ -292,9 +292,10 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       key: value,
       value: value,
       title: title,
+      "attr-data": value,
       disabled: node.disabled,
       checkable: node.checkable,
-      className: "za-pro-tree-select-node-".concat(grade)
+      className: "node-val-".concat(value)
     }, children.map(function (child) {
       return renderTreeNode(child, sonGrade);
     }));
@@ -348,10 +349,29 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       selectList: result || []
     });
   };
-  var handleChange = function handleChange(value, option) {
-    onChange && onChange(value, option, null);
+  var handleChange = function handleChange(newVal, option) {
+    onChange && onChange(newVal, option, null);
     // 重置搜索
-    searchTreeEvent('');
+    showSearch && searchTreeEvent('');
+  };
+  /**
+   * 全局点击事件, 如果是单选的情况那么点击选中节点后取消勾选
+   * @param e 事件源
+   */
+  var nodeChangeEvent = function nodeChangeEvent(e) {
+    var el = e.target;
+    var classStr = el.className;
+    if (classStr && !treeCheckable) {
+      var _classStr$split = classStr.split(' '),
+        _classStr$split2 = _slicedToArray(_classStr$split, 1),
+        valStr = _classStr$split2[0];
+      if (valStr && classStr.startsWith('node-val-')) {
+        var choiceVal = valStr.replace('node-val-', '');
+        if (value === choiceVal) {
+          onChange && onChange(undefined, [], null);
+        }
+      }
+    }
   };
   // 如果单选情况下只有10条那么设置class控制样式
   var tenCountClass = '';
@@ -397,8 +417,10 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
     allowClear: allowClear || true,
     showArrow: true
   }, selectProps);
-  return /*#__PURE__*/React.createElement(_TreeSelect, _objectSpread({}, treeProps), selectList.map(function (node) {
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: nodeChangeEvent
+  }, /*#__PURE__*/React.createElement(_TreeSelect, _objectSpread({}, treeProps), selectList.map(function (node) {
     return renderTreeNode(node, 1);
-  }));
+  })));
 };
 export default /*#__PURE__*/forwardRef(ProTreeSelect);

package/es/ProTreeSelect/style/index.less

@@ -67,7 +67,7 @@
                 }
             }
             .ant-select-tree-treenode:hover{
-                background-color: @zaui-disabled-bg;
+                background-color: #f5f5f5;
             }
             .check-option-text{
                 .check-mark-icon{
@@ -87,7 +87,7 @@
                 padding-left: 7px;
             }
             .ant-select-tree-treenode:hover{
-                background-color: @zaui-disabled-bg;
+                background-color: #f5f5f5;
             }
             .ant-select-tree-node-content-wrapper{
                 padding-right: 16px;

package/es/ProUpload/Example.js

@@ -7,7 +7,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
  * @Description:
  */
 import React, { useState } from 'react';
-import { ProDrawerForm } from 'zat-design-pro-component';
+import { ProDrawerForm } from '@zat-design/sisyphus-react';
 export var Example = function Example(props) {
   var content = props.content,
     className = props.className;

package/lib/ProEnum/getEnumLabel.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _zatDesignProComponent = require("zat-design-pro-component");
+var _sisyphusReact = require("@zat-design/sisyphus-react");
 var EnumLabel = function EnumLabel(props) {
   var label = '';
   var fieldValue = '';
-  var _ref = (0, _zatDesignProComponent.useProConfig)('ProEnum') || {},
+  var _ref = (0, _sisyphusReact.useProConfig)('ProEnum') || {},
     fieldNames = _ref.fieldNames,
     _ref$clear = _ref.clear,
     clear = _ref$clear === void 0 ? true : _ref$clear;
@@ -27,7 +27,7 @@ var EnumLabel = function EnumLabel(props) {
   var enumCode = props.enumCode,
     value = props.value,
     compose = props.compose;
-  var _useProConfig = (0, _zatDesignProComponent.useProConfig)('ProEnum'),
+  var _useProConfig = (0, _sisyphusReact.useProConfig)('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
     dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
   var enumList = (dics === null || dics === void 0 ? void 0 : dics[enumCode]) || [];