@zat-design/sisyphus-react 3.4.1 → 3.4.2-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/index.esm.css +52 -123
  2. package/es/ProConfigProvider/index.js +8 -1
  3. package/es/ProEditLabel/style/index.less +1 -1
  4. package/es/ProEditTable/style/index.less +1 -1
  5. package/es/ProEditTable/utils/index.js +6 -4
  6. package/es/ProEnum/style/index.less +4 -3
  7. package/es/ProForm/components/base/DatePicker/index.js +2 -2
  8. package/es/ProForm/components/base/InputNumber/index.js +3 -0
  9. package/es/ProForm/components/combination/Group/index.js +19 -2
  10. package/es/ProForm/components/combination/Group/propsType.d.ts +4 -0
  11. package/es/ProForm/components/combination/Group/style/index.less +7 -4
  12. package/es/ProForm/components/combination/ProTimeLimit/index.js +8 -2
  13. package/es/ProForm/components/index.d.ts +0 -1
  14. package/es/ProForm/components/index.js +1 -1
  15. package/es/ProForm/components/render/ConfirmWrapper.js +15 -23
  16. package/es/ProForm/components/render/Render.js +24 -16
  17. package/es/ProForm/components/render/RenderFields.d.ts +1 -0
  18. package/es/ProForm/components/render/RenderFields.js +4 -2
  19. package/es/ProForm/components/render/propsType.d.ts +1 -4
  20. package/es/ProForm/index.js +6 -4
  21. package/es/ProForm/propsType.d.ts +2 -0
  22. package/es/ProForm/utils/index.d.ts +2 -0
  23. package/es/ProForm/utils/index.js +14 -13
  24. package/es/ProIcon/config/index.d.ts +4 -0
  25. package/es/ProIcon/config/index.js +199 -0
  26. package/es/ProIcon/index.js +77 -31
  27. package/es/ProIcon/propsTypes.d.ts +23 -1
  28. package/es/ProIcon/symbolIcon.js +1 -1
  29. package/es/ProLayout/components/Layout/Menu/style/index.less +1 -1
  30. package/es/ProLayout/components/ProCollapse/PropTypes.d.ts +5 -0
  31. package/es/ProLayout/components/ProCollapse/index.js +3 -0
  32. package/es/ProLayout/components/ProCollapse/style/index.less +19 -4
  33. package/es/ProLayout/components/ProHeader/style/index.less +2 -2
  34. package/es/ProLayout/style/index.less +4 -4
  35. package/es/ProTable/style/index.less +2 -2
  36. package/es/ProThemeTools/component/PrdTools/style/index.less +1 -1
  37. package/es/{ProTreeSelect → ProTree/components/ProTreeSelect}/index.js +2 -2
  38. package/{lib → es/ProTree/components}/ProTreeSelect/propsType.d.ts +1 -1
  39. package/es/ProTree/index.js +1 -1
  40. package/es/ProTreeModal/style/index.less +10 -2
  41. package/es/ProUpload/style/fileItem.less +2 -2
  42. package/es/ProUpload/style/index.less +2 -2
  43. package/es/style/components.less +0 -1
  44. package/es/style/theme/index.less +2 -2
  45. package/es/style/theme/tokens.less +2 -2
  46. package/es/tokens.js +2 -2
  47. package/lib/ProConfigProvider/index.js +8 -1
  48. package/lib/ProEditLabel/style/index.less +1 -1
  49. package/lib/ProEditTable/style/index.less +1 -1
  50. package/lib/ProEditTable/utils/index.js +6 -4
  51. package/lib/ProEnum/style/index.less +4 -3
  52. package/lib/ProForm/components/base/DatePicker/index.js +1 -1
  53. package/lib/ProForm/components/base/InputNumber/index.js +3 -0
  54. package/lib/ProForm/components/combination/Group/index.js +18 -1
  55. package/lib/ProForm/components/combination/Group/propsType.d.ts +4 -0
  56. package/lib/ProForm/components/combination/Group/style/index.less +7 -4
  57. package/lib/ProForm/components/combination/ProTimeLimit/index.js +7 -1
  58. package/lib/ProForm/components/index.d.ts +0 -1
  59. package/lib/ProForm/components/index.js +0 -7
  60. package/lib/ProForm/components/render/ConfirmWrapper.js +15 -23
  61. package/lib/ProForm/components/render/Render.js +23 -15
  62. package/lib/ProForm/components/render/RenderFields.d.ts +1 -0
  63. package/lib/ProForm/components/render/RenderFields.js +4 -2
  64. package/lib/ProForm/components/render/propsType.d.ts +1 -4
  65. package/lib/ProForm/index.js +5 -3
  66. package/lib/ProForm/propsType.d.ts +2 -0
  67. package/lib/ProForm/utils/index.d.ts +2 -0
  68. package/lib/ProForm/utils/index.js +14 -13
  69. package/lib/ProIcon/config/index.d.ts +4 -0
  70. package/lib/ProIcon/config/index.js +205 -0
  71. package/lib/ProIcon/index.js +77 -31
  72. package/lib/ProIcon/propsTypes.d.ts +23 -1
  73. package/lib/ProIcon/symbolIcon.js +1 -1
  74. package/lib/ProLayout/components/Layout/Menu/style/index.less +1 -1
  75. package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts +5 -0
  76. package/lib/ProLayout/components/ProCollapse/index.js +3 -0
  77. package/lib/ProLayout/components/ProCollapse/style/index.less +19 -4
  78. package/lib/ProLayout/components/ProHeader/style/index.less +2 -2
  79. package/lib/ProLayout/style/index.less +4 -4
  80. package/lib/ProTable/style/index.less +2 -2
  81. package/lib/ProThemeTools/component/PrdTools/style/index.less +1 -1
  82. package/lib/{ProTreeSelect → ProTree/components/ProTreeSelect}/index.js +2 -2
  83. package/{es → lib/ProTree/components}/ProTreeSelect/propsType.d.ts +1 -1
  84. package/lib/ProTree/index.js +1 -1
  85. package/lib/ProTreeModal/style/index.less +10 -2
  86. package/lib/ProUpload/style/fileItem.less +2 -2
  87. package/lib/ProUpload/style/index.less +2 -2
  88. package/lib/style/components.less +0 -1
  89. package/lib/style/theme/index.less +2 -2
  90. package/lib/style/theme/tokens.less +2 -2
  91. package/lib/tokens.js +2 -2
  92. package/package.json +1 -1
  93. /package/es/{ProTreeSelect → ProTree/components/ProTreeSelect}/index.d.ts +0 -0
  94. /package/es/{ProTreeSelect → ProTree/components/ProTreeSelect}/propsType.js +0 -0
  95. /package/es/{ProTreeSelect → ProTree/components/ProTreeSelect}/style/index.less +0 -0
  96. /package/lib/{ProTreeSelect → ProTree/components/ProTreeSelect}/index.d.ts +0 -0
  97. /package/lib/{ProTreeSelect → ProTree/components/ProTreeSelect}/propsType.js +0 -0
  98. /package/lib/{ProTreeSelect → ProTree/components/ProTreeSelect}/style/index.less +0 -0
@@ -1,11 +1,14 @@
1
1
  import "antd/es/button/style";
2
2
  import _Button from "antd/es/button";
3
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
4
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
- var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled"];
4
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
5
+ var _excluded = ["type", "onClick", "size", "color", "className", "style", "spin", "rotate", "theme", "disabled", "mode", "buttonProps", "children", "mapList"];
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
7
  import classNames from 'classnames';
8
+ import { uniqBy } from 'lodash';
9
+ import { iconMap } from './config';
8
10
  import symbolIcon from './symbolIcon';
11
+ import { useProConfig } from '../ProConfigProvider';
9
12
  var customCache = new Set();
10
13
  function isValidCustomScriptUrl(scriptUrl) {
11
14
  return Boolean(typeof scriptUrl === 'string' && scriptUrl.length && !customCache.has(scriptUrl));
@@ -34,22 +37,31 @@ if (symbolIcon && typeof document !== 'undefined' && typeof window !== 'undefine
34
37
  createScriptUrlElements([symbolIcon]);
35
38
  }
36
39
  var ProIcon = function ProIcon(props) {
37
- var type = props.type,
38
- onClick = props.onClick,
39
- _props$size = props.size,
40
- size = _props$size === void 0 ? '1em' : _props$size,
41
- color = props.color,
42
- className = props.className,
43
- _props$style = props.style,
44
- style = _props$style === void 0 ? {} : _props$style,
45
- _props$spin = props.spin,
46
- spin = _props$spin === void 0 ? false : _props$spin,
47
- rotate = props.rotate,
48
- _props$theme = props.theme,
49
- theme = _props$theme === void 0 ? false : _props$theme,
50
- _props$disabled = props.disabled,
51
- disabled = _props$disabled === void 0 ? false : _props$disabled,
52
- reset = _objectWithoutProperties(props, _excluded);
40
+ var config = useProConfig('ProIcon') || {};
41
+ var _config = _objectSpread(_objectSpread({}, config), props !== null && props !== void 0 ? props : {});
42
+ var _config$type = _config.type,
43
+ type = _config$type === void 0 ? null : _config$type,
44
+ onClick = _config.onClick,
45
+ _config$size = _config.size,
46
+ size = _config$size === void 0 ? '1em' : _config$size,
47
+ color = _config.color,
48
+ className = _config.className,
49
+ _config$style = _config.style,
50
+ style = _config$style === void 0 ? {} : _config$style,
51
+ _config$spin = _config.spin,
52
+ spin = _config$spin === void 0 ? false : _config$spin,
53
+ rotate = _config.rotate,
54
+ _config$theme = _config.theme,
55
+ theme = _config$theme === void 0 ? false : _config$theme,
56
+ _config$disabled = _config.disabled,
57
+ disabled = _config$disabled === void 0 ? false : _config$disabled,
58
+ mode = _config.mode,
59
+ _config$buttonProps = _config.buttonProps,
60
+ buttonProps = _config$buttonProps === void 0 ? {} : _config$buttonProps,
61
+ children = _config.children,
62
+ _config$mapList = _config.mapList,
63
+ mapList = _config$mapList === void 0 ? [] : _config$mapList,
64
+ reset = _objectWithoutProperties(_config, _excluded);
53
65
  var rotateStyle = rotate ? {
54
66
  msTransform: "rotate(".concat(rotate, "deg)"),
55
67
  transform: "rotate(".concat(rotate, "deg)")
@@ -60,11 +72,46 @@ var ProIcon = function ProIcon(props) {
60
72
  'pro-icon-with-theme': theme,
61
73
  'pro-icon-btn': disabled
62
74
  });
63
- var SvgElement = _jsx("span", {
75
+ var _mode = mode || 'icon';
76
+ // 特殊情况,如果指定了type,并且没有接收到组件内的mode,那模式就是icon
77
+ if (type && !props.mode) {
78
+ _mode = 'icon';
79
+ }
80
+ var isIconMode = _mode === 'icon';
81
+ var isExtendButtonMode = !isIconMode || isIconMode && disabled;
82
+ var mergedMapList = uniqBy(mapList.concat(iconMap), 'text');
83
+ var _type = type;
84
+ var _text = children;
85
+ var textIsExistAndIncludeChinese = _text && /[\u4e00-\u9fa5]/.test(String(_text));
86
+ var typeIsExistAndIncludeEnglish = _type && /[a-zA-Z]/.test(_type);
87
+ // 模式为icon下,对传入的text进行中文-icon 映射
88
+ if (isIconMode && !type) {
89
+ if (textIsExistAndIncludeChinese) {
90
+ var target = mergedMapList.find(function (item) {
91
+ return item.text === _text;
92
+ });
93
+ if (target) {
94
+ _type = target === null || target === void 0 ? void 0 : target.type;
95
+ }
96
+ }
97
+ }
98
+ // 模式为button下,对传入的type进行icon-中文 映射
99
+ if (!isIconMode) {
100
+ if (typeIsExistAndIncludeEnglish) {
101
+ var _target = mergedMapList.find(function (item) {
102
+ return item.type === _type;
103
+ });
104
+ if (_target) {
105
+ _text = _target === null || _target === void 0 ? void 0 : _target.text;
106
+ }
107
+ }
108
+ }
109
+ var RenderIcon = _jsx("span", _objectSpread(_objectSpread({
64
110
  className: "anticon",
65
111
  style: {
66
112
  color: color
67
- },
113
+ }
114
+ }, reset), {}, {
68
115
  children: _jsx("svg", {
69
116
  className: proIconClassNames,
70
117
  "aria-hidden": "true",
@@ -75,18 +122,17 @@ var ProIcon = function ProIcon(props) {
75
122
  height: size
76
123
  }, rotateStyle), style),
77
124
  children: _jsx("use", {
78
- xlinkHref: "#icon-".concat(type)
125
+ xlinkHref: "#icon-".concat(_type)
79
126
  })
80
127
  })
81
- });
82
- if (disabled) {
83
- return _jsx(_Button, _objectSpread({
84
- type: "text",
85
- className: proIconClassNames,
86
- icon: SvgElement,
87
- disabled: true
88
- }, reset));
89
- }
90
- return SvgElement;
128
+ }));
129
+ return !isExtendButtonMode ? RenderIcon : _jsx(_Button, _objectSpread(_objectSpread(_objectSpread({
130
+ type: isIconMode ? 'text' : (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) || 'link',
131
+ className: proIconClassNames,
132
+ disabled: disabled,
133
+ icon: isIconMode ? RenderIcon : null
134
+ }, reset), buttonProps), {}, {
135
+ children: _text
136
+ }));
91
137
  };
92
138
  export default ProIcon;
@@ -1,10 +1,16 @@
1
1
  import React, { CSSProperties } from 'react';
2
+ import { ButtonProps } from 'antd/lib/button';
3
+ export type ModeType = 'icon' | 'button';
4
+ interface iconMap {
5
+ type: string;
6
+ text: string;
7
+ }
2
8
  export interface ProIconProps {
3
9
  /**
4
10
  * @description 图标的名称
5
11
  * @default -
6
12
  */
7
- type: string;
13
+ type?: string;
8
14
  /**
9
15
  * @description 图标的大小,同时设置图标的width以及height
10
16
  * @default 14
@@ -53,4 +59,20 @@ export interface ProIconProps {
53
59
  * @default -
54
60
  */
55
61
  style?: CSSProperties;
62
+ /**
63
+ * @description 模式
64
+ * @default 'icon'
65
+ */
66
+ mode?: ModeType;
67
+ /**
68
+ * @description mode button时 props
69
+ * @default 'link'
70
+ */
71
+ buttonProps?: ButtonProps;
72
+ /**
73
+ * @description icon与中文映射表
74
+ * @default 项目内认默映射
75
+ */
76
+ mapList?: iconMap[];
56
77
  }
78
+ export {};
@@ -1,4 +1,4 @@
1
- window._iconfont_svg_string_4063056 = '<svg><symbol id="icon-disabled1" viewBox="0 0 1024 1024"><path d="M752.384 412.1088h-55.6544V300.3904C696.7296 183.6544 608.512 102.4 501.76 102.4 395.0592 102.4 306.8928 183.6544 306.8928 300.3904V407.04H251.1872c-27.8016 0-46.3872 25.344-46.3872 50.7392v385.8432c0 30.464 23.1936 50.7904 46.3872 50.7904h501.248c27.8016 0 46.3872-25.3952 46.3872-50.7904V462.848c0-30.464-18.5856-50.7392-46.4384-50.7392z m-222.72 253.8496v86.272c0 5.12-4.6592 5.12-4.6592 5.12h-41.7792c-4.608 0-4.608-5.12-4.608-5.12v-86.272c-23.2448-10.1888-37.12-30.464-37.12-55.8592 0-35.5328 27.8016-66.048 60.3136-66.048 32.4608 0 60.3136 30.5152 60.3136 66.048 0 25.3952-13.9264 45.6704-32.4608 55.808z m92.7744-253.8496H381.1328V295.3216c0-60.928 55.7056-111.6672 120.6784-111.6672 64.9728 0 120.6272 50.7392 120.6272 111.6672v116.736z" fill="#BCBCBC" ></path></symbol><symbol id="icon-drag" viewBox="0 0 1024 1024"><path d="M670.72 179.2m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M670.72 506.88m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M670.72 834.56m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M343.04 179.2m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M343.04 506.88m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M343.04 834.56m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path></symbol><symbol id="icon-plus" viewBox="0 0 1024 1024"><path d="M576 64H448v384H64v128h384v384h128V576h384V448H576z" ></path></symbol><symbol id="icon-zengjia" viewBox="0 0 1024 1024"><path d="M939.94 459.073h-377.6V83.519H462.055v375.554h-377.6v100.284h377.6v379.646H562.34V559.357h377.6z" fill="#272636" ></path></symbol><symbol id="icon-dot" viewBox="0 0 1024 1024"><path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" ></path></symbol><symbol id="icon-solid-close" viewBox="0 0 1024 1024"><path d="M516.707 66.513C272.86 66.513 75.16 264.212 75.16 508.06S272.86 949.607 516.707 949.607 958.254 751.91 958.254 508.06 760.556 66.513 516.707 66.513z m227.067 601.691c18.419 18.42 18.419 48.504 0 66.923s-48.504 18.42-66.923 0L516.707 574.983 356.563 735.127c-18.419 18.42-48.503 18.42-66.923 0s-18.419-48.504 0-66.923L449.784 508.06 289.64 347.916c-18.419-18.419-18.419-48.503 0-66.922 18.42-18.42 48.504-18.42 66.923 0l160.144 160.144 160.144-160.144c18.42-18.42 48.504-18.42 66.923 0 18.419 18.419 18.419 48.503 0 66.922L583.63 508.06l160.144 160.144z" ></path></symbol><symbol id="icon-arrow" viewBox="0 0 1024 1024"><path d="M832 0a192 192 0 0 1 192 192v640a192 192 0 0 1-192 192H192A192 192 0 0 1 0 832V192A192 192 0 0 1 192 0z m0 42.667H192A149.333 149.333 0 0 0 42.667 192v640A149.333 149.333 0 0 0 192 981.333h640A149.333 149.333 0 0 0 981.333 832V192A149.333 149.333 0 0 0 832 42.667z m-94.165 329.386l60.33 60.331L512 718.592 225.835 432.384l60.33-60.33L512 597.887l225.835-225.835z" ></path></symbol><symbol id="icon-delete" viewBox="0 0 1024 1024"><path d="M662.08 121.472v64H361.92v-64z m206.4 159.488v64H155.52v-64z" ></path><path d="M280.512 303.232l-0.064 530.816h460.096V303.232h64v594.88H216.512v-594.88z" ></path><path d="M431.424 440.704v337.728h-64V440.704z m225.152 0v337.728h-64V440.704z" ></path></symbol><symbol id="icon-catalog" viewBox="0 0 1075 1024"><path d="M1044.429 758.323v128.973H313.702V758.272h730.727z m-833.127 0v128.973H71.732V758.272h139.57zM1044.43 447.54v128.922H313.702V447.539h730.727z m-833.127 0v128.922H71.732V447.539h139.57z m833.127-310.784v128.922H313.702V136.704h730.727z m-833.127 0v128.922H71.732V136.704h139.57z" ></path></symbol><symbol id="icon-customColumn" viewBox="0 0 1024 1024"><path d="M170.368 128h0.576c28.288 0 42.368 14.848 42.368 44.608v678.784c0 29.76-14.08 44.608-42.368 44.608h-0.576C142.144 896 128 881.152 128 851.392V172.608c0-29.76 14.08-44.608 42.368-44.608z m682.752 0h0.576c28.224 0 42.368 14.848 42.368 44.608v678.784c0 29.76-14.08 44.608-42.368 44.608h-0.576c-28.288 0-42.368-14.848-42.368-44.608V172.608c0-29.76 14.08-44.608 42.368-44.608z m-453.632 0h225.024c38.784 0 58.176 20.16 58.176 60.416v647.168c0 40.32-19.392 60.416-58.176 60.416H399.488c-38.784 0-58.176-20.16-58.176-60.416V188.416c0-40.32 19.392-60.416 58.176-60.416z" ></path></symbol><symbol id="icon-copy" viewBox="0 0 1024 1024"><path d="M363.746 0h565.883c52.05 0 94.286 42.236 94.286 94.285V660.17c0 52.049-42.237 94.285-94.286 94.285H363.746c-52.05 0-94.286-42.236-94.286-94.285V94.285C269.46 42.236 311.697 0 363.746 0z m0 80.804a13.482 13.482 0 0 0-13.482 13.481V660.17c0 7.423 6.058 13.482 13.482 13.482h565.883c7.424 0 13.482-6.059 13.482-13.482V94.285a13.482 13.482 0 0 0-13.482-13.481H363.746z m309.905 754.54a40.445 40.445 0 1 1 80.803 0v94.37c0 52.05-42.236 94.286-94.285 94.286H94.285C42.236 1023.915 0 981.678 0 929.63V363.745c0-52.05 42.236-94.286 94.285-94.286h94.371a40.445 40.445 0 0 1 0 80.804h-94.37a13.482 13.482 0 0 0-13.482 13.482v565.883c0 7.424 6.058 13.482 13.481 13.482H660.17c7.423 0 13.482-6.058 13.482-13.482v-94.37z" ></path></symbol><symbol id="icon-drag-old" viewBox="0 0 1024 1024"><path d="M358.4 204.8m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M665.6 204.8m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M665.6 409.6m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M358.4 614.4m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M358.4 819.2m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M665.6 819.2m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M358.4 409.6m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M665.6 614.4m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path></symbol><symbol id="icon-disabled" viewBox="0 0 1024 1024"><path d="M752.384 412.1088h-55.6544V300.3904C696.7296 183.6544 608.512 102.4 501.76 102.4 395.0592 102.4 306.8928 183.6544 306.8928 300.3904V407.04H251.1872c-27.8016 0-46.3872 25.344-46.3872 50.7392v385.8432c0 30.464 23.1936 50.7904 46.3872 50.7904h501.248c27.8016 0 46.3872-25.3952 46.3872-50.7904V462.848c0-30.464-18.5856-50.7392-46.4384-50.7392z m-222.72 253.8496v86.272c0 5.12-4.6592 5.12-4.6592 5.12h-41.7792c-4.608 0-4.608-5.12-4.608-5.12v-86.272c-23.2448-10.1888-37.12-30.464-37.12-55.8592 0-35.5328 27.8016-66.048 60.3136-66.048 32.4608 0 60.3136 30.5152 60.3136 66.048 0 25.3952-13.9264 45.6704-32.4608 55.808z m92.7744-253.8496H381.1328V295.3216c0-60.928 55.7056-111.6672 120.6784-111.6672 64.9728 0 120.6272 50.7392 120.6272 111.6672v116.736z" ></path></symbol><symbol id="icon-tip" viewBox="0 0 1024 1024"><path d="M512 19.017a492.983 492.983 0 1 1-0.073 986.039A492.983 492.983 0 0 1 512 19.09z m0 48.786a444.27 444.27 0 1 0 0.073 888.467A444.27 444.27 0 0 0 512 67.803z m22.016 317.367c37.45 3.877 55.15 33.792 48.64 66.707l-78.41 259.072c-1.023 5.924 2.049 11.849 7.315 13.677 5.852 2.048 17.92-5.412 27.648-16.091l47.104-56.613c1.244 9.509-0.878 26.185-0.878 32.549-35.328 53.028-71.314 93.988-131.876 93.988-41.326-6.729-58.222-36.352-49.298-66.56l77.897-257.828c1.901-6.364-1.244-13.02-7.022-15.068-5.778-2.048-17.042 5.413-26.77 16.092l-47.031 56.612c-1.317-9.508-0.146-25.234-0.146-31.597 35.328-53.029 93.403-94.94 132.827-94.94z m40.96-144.823c29.77 0 53.906 21.724 53.906 53.614 0 31.964-24.137 53.614-53.906 53.614a52.297 52.297 0 0 1-53.906-53.614c0-31.89 24.137-53.614 53.906-53.614z" ></path></symbol><symbol id="icon-reset" viewBox="0 0 1024 1024"><path d="M482.464768 117.691733L364.363435 66.696533A49.288533 49.288533 0 0 0 325.314901 157.013333a417.9968 417.9968 0 0 0 53.8624 789.845334 49.288533 49.288533 0 0 0 25.668267-95.163734 319.624533 319.624533 0 0 1-29.559467-608.324266l-7.850666 18.158933a49.152 49.152 0 0 0 26.0096 64.580267 49.288533 49.288533 0 0 0 64.580266-24.9856l50.107734-118.9888a49.425067 49.425067 0 0 0-25.668267-64.512z m429.602133 421.410134A418.884267 418.884267 0 0 0 614.424235 126.839467a49.288533 49.288533 0 1 0-28.398934 94.344533 319.829333 319.829333 0 0 1 56.9344 589.824 49.152 49.152 0 0 0-86.152533-47.240533l-67.106133 109.431466a48.9472 48.9472 0 0 0 16.110933 67.925334l109.294933 67.9936a49.288533 49.288533 0 1 0 50.9952-83.7632l-15.018666-9.352534a418.679467 418.679467 0 0 0 261.051733-376.900266z" ></path></symbol><symbol id="icon-view" viewBox="0 0 1024 1024"><path d="M801.606 104.727a117.667 117.667 0 0 1 117.434 109.94l0.233 7.727v246.598a34.91 34.91 0 0 1-69.493 4.748l-0.325-4.748V222.394c0-24.669-18.619-44.963-42.636-47.57l-5.213-0.279H222.394c-24.669 0-44.963 18.619-47.57 42.636l-0.279 5.213v579.212c0 24.669 18.619 44.963 42.636 47.57l5.213 0.279h243.247a34.91 34.91 0 0 1 4.747 69.492l-4.747 0.326H222.394a117.667 117.667 0 0 1-117.434-109.94l-0.233-7.727V222.394a117.667 117.667 0 0 1 109.94-117.434l7.727-0.233h579.212zM448.559 585.728a34.91 34.91 0 1 1 0 69.818H332.195a34.91 34.91 0 1 1 0-69.818h116.364z m232.727-232.727a34.91 34.91 0 1 1 0 69.818H332.195a34.91 34.91 0 1 1 0-69.818h349.09z" ></path><path d="M699.764 490.356a186.182 186.182 0 1 1 0 372.364 186.182 186.182 0 0 1 0-372.364z m0 69.819a116.364 116.364 0 1 0 0 232.727 116.364 116.364 0 0 0 0-232.727z" ></path><path d="M798.673 769.35a34.91 34.91 0 0 1 49.339 0l82.292 82.246a34.91 34.91 0 1 1-49.338 49.384l-82.293-82.292a34.91 34.91 0 0 1 0-49.338z" ></path></symbol><symbol id="icon-search" viewBox="0 0 1024 1024"><path d="M801.606 104.727a117.667 117.667 0 0 1 117.434 109.94l0.233 7.727v246.598a34.91 34.91 0 0 1-69.493 4.748l-0.325-4.748V222.394c0-24.669-18.619-44.963-42.636-47.57l-5.213-0.279H222.394c-24.669 0-44.963 18.619-47.57 42.636l-0.279 5.213v579.212c0 24.669 18.619 44.963 42.636 47.57l5.213 0.279h243.247a34.91 34.91 0 0 1 4.747 69.492l-4.747 0.326H222.394a117.667 117.667 0 0 1-117.434-109.94l-0.233-7.727V222.394a117.667 117.667 0 0 1 109.94-117.434l7.727-0.233h579.212zM448.559 585.728a34.91 34.91 0 1 1 0 69.818H332.195a34.91 34.91 0 1 1 0-69.818h116.364z m232.727-232.727a34.91 34.91 0 1 1 0 69.818H332.195a34.91 34.91 0 1 1 0-69.818h349.09z" ></path><path d="M699.764 490.356a186.182 186.182 0 1 1 0 372.364 186.182 186.182 0 0 1 0-372.364z m0 69.819a116.364 116.364 0 1 0 0 232.727 116.364 116.364 0 0 0 0-232.727z" ></path><path d="M798.673 769.35a34.91 34.91 0 0 1 49.339 0l82.292 82.246a34.91 34.91 0 1 1-49.338 49.384l-82.293-82.292a34.91 34.91 0 0 1 0-49.338z" ></path></symbol></svg>', function (o) {
1
+ window._iconfont_svg_string_4063056 = '<svg><symbol id="icon-lock" viewBox="0 0 1024 1024"><path d="M752.384 412.1088h-55.6544V300.3904C696.7296 183.6544 608.512 102.4 501.76 102.4 395.0592 102.4 306.8928 183.6544 306.8928 300.3904V407.04H251.1872c-27.8016 0-46.3872 25.344-46.3872 50.7392v385.8432c0 30.464 23.1936 50.7904 46.3872 50.7904h501.248c27.8016 0 46.3872-25.3952 46.3872-50.7904V462.848c0-30.464-18.5856-50.7392-46.4384-50.7392z m-222.72 253.8496v86.272c0 5.12-4.6592 5.12-4.6592 5.12h-41.7792c-4.608 0-4.608-5.12-4.608-5.12v-86.272c-23.2448-10.1888-37.12-30.464-37.12-55.8592 0-35.5328 27.8016-66.048 60.3136-66.048 32.4608 0 60.3136 30.5152 60.3136 66.048 0 25.3952-13.9264 45.6704-32.4608 55.808z m92.7744-253.8496H381.1328V295.3216c0-60.928 55.7056-111.6672 120.6784-111.6672 64.9728 0 120.6272 50.7392 120.6272 111.6672v116.736z" fill="#BCBCBC" ></path></symbol><symbol id="icon-drag" viewBox="0 0 1024 1024"><path d="M670.72 179.2m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M670.72 506.88m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M670.72 834.56m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M343.04 179.2m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M343.04 506.88m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path><path d="M343.04 834.56m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#939599" ></path></symbol><symbol id="icon-plus" viewBox="0 0 1024 1024"><path d="M576 64H448v384H64v128h384v384h128V576h384V448H576z" ></path></symbol><symbol id="icon-zengjia" viewBox="0 0 1024 1024"><path d="M939.94 459.073h-377.6V83.519H462.055v375.554h-377.6v100.284h377.6v379.646H562.34V559.357h377.6z" fill="#272636" ></path></symbol><symbol id="icon-dot" viewBox="0 0 1024 1024"><path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" ></path></symbol><symbol id="icon-solid-close" viewBox="0 0 1024 1024"><path d="M516.707 66.513C272.86 66.513 75.16 264.212 75.16 508.06S272.86 949.607 516.707 949.607 958.254 751.91 958.254 508.06 760.556 66.513 516.707 66.513z m227.067 601.691c18.419 18.42 18.419 48.504 0 66.923s-48.504 18.42-66.923 0L516.707 574.983 356.563 735.127c-18.419 18.42-48.503 18.42-66.923 0s-18.419-48.504 0-66.923L449.784 508.06 289.64 347.916c-18.419-18.419-18.419-48.503 0-66.922 18.42-18.42 48.504-18.42 66.923 0l160.144 160.144 160.144-160.144c18.42-18.42 48.504-18.42 66.923 0 18.419 18.419 18.419 48.503 0 66.922L583.63 508.06l160.144 160.144z" ></path></symbol><symbol id="icon-arrow" viewBox="0 0 1024 1024"><path d="M832 0a192 192 0 0 1 192 192v640a192 192 0 0 1-192 192H192A192 192 0 0 1 0 832V192A192 192 0 0 1 192 0z m0 42.667H192A149.333 149.333 0 0 0 42.667 192v640A149.333 149.333 0 0 0 192 981.333h640A149.333 149.333 0 0 0 981.333 832V192A149.333 149.333 0 0 0 832 42.667z m-94.165 329.386l60.33 60.331L512 718.592 225.835 432.384l60.33-60.33L512 597.887l225.835-225.835z" ></path></symbol><symbol id="icon-delete" viewBox="0 0 1024 1024"><path d="M662.08 121.472v64H361.92v-64z m206.4 159.488v64H155.52v-64z" ></path><path d="M280.512 303.232l-0.064 530.816h460.096V303.232h64v594.88H216.512v-594.88z" ></path><path d="M431.424 440.704v337.728h-64V440.704z m225.152 0v337.728h-64V440.704z" ></path></symbol><symbol id="icon-catalog" viewBox="0 0 1075 1024"><path d="M1044.429 758.323v128.973H313.702V758.272h730.727z m-833.127 0v128.973H71.732V758.272h139.57zM1044.43 447.54v128.922H313.702V447.539h730.727z m-833.127 0v128.922H71.732V447.539h139.57z m833.127-310.784v128.922H313.702V136.704h730.727z m-833.127 0v128.922H71.732V136.704h139.57z" ></path></symbol><symbol id="icon-customColumn" viewBox="0 0 1024 1024"><path d="M170.368 128h0.576c28.288 0 42.368 14.848 42.368 44.608v678.784c0 29.76-14.08 44.608-42.368 44.608h-0.576C142.144 896 128 881.152 128 851.392V172.608c0-29.76 14.08-44.608 42.368-44.608z m682.752 0h0.576c28.224 0 42.368 14.848 42.368 44.608v678.784c0 29.76-14.08 44.608-42.368 44.608h-0.576c-28.288 0-42.368-14.848-42.368-44.608V172.608c0-29.76 14.08-44.608 42.368-44.608z m-453.632 0h225.024c38.784 0 58.176 20.16 58.176 60.416v647.168c0 40.32-19.392 60.416-58.176 60.416H399.488c-38.784 0-58.176-20.16-58.176-60.416V188.416c0-40.32 19.392-60.416 58.176-60.416z" ></path></symbol><symbol id="icon-copy" viewBox="0 0 1024 1024"><path d="M363.746 0h565.883c52.05 0 94.286 42.236 94.286 94.285V660.17c0 52.049-42.237 94.285-94.286 94.285H363.746c-52.05 0-94.286-42.236-94.286-94.285V94.285C269.46 42.236 311.697 0 363.746 0z m0 80.804a13.482 13.482 0 0 0-13.482 13.481V660.17c0 7.423 6.058 13.482 13.482 13.482h565.883c7.424 0 13.482-6.059 13.482-13.482V94.285a13.482 13.482 0 0 0-13.482-13.481H363.746z m309.905 754.54a40.445 40.445 0 1 1 80.803 0v94.37c0 52.05-42.236 94.286-94.285 94.286H94.285C42.236 1023.915 0 981.678 0 929.63V363.745c0-52.05 42.236-94.286 94.285-94.286h94.371a40.445 40.445 0 0 1 0 80.804h-94.37a13.482 13.482 0 0 0-13.482 13.482v565.883c0 7.424 6.058 13.482 13.481 13.482H660.17c7.423 0 13.482-6.058 13.482-13.482v-94.37z" ></path></symbol><symbol id="icon-drag-old" viewBox="0 0 1024 1024"><path d="M358.4 204.8m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M665.6 204.8m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M665.6 409.6m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M358.4 614.4m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M358.4 819.2m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M665.6 819.2m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M358.4 409.6m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path><path d="M665.6 614.4m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" ></path></symbol><symbol id="icon-disabled" viewBox="0 0 1024 1024"><path d="M752.384 412.1088h-55.6544V300.3904C696.7296 183.6544 608.512 102.4 501.76 102.4 395.0592 102.4 306.8928 183.6544 306.8928 300.3904V407.04H251.1872c-27.8016 0-46.3872 25.344-46.3872 50.7392v385.8432c0 30.464 23.1936 50.7904 46.3872 50.7904h501.248c27.8016 0 46.3872-25.3952 46.3872-50.7904V462.848c0-30.464-18.5856-50.7392-46.4384-50.7392z m-222.72 253.8496v86.272c0 5.12-4.6592 5.12-4.6592 5.12h-41.7792c-4.608 0-4.608-5.12-4.608-5.12v-86.272c-23.2448-10.1888-37.12-30.464-37.12-55.8592 0-35.5328 27.8016-66.048 60.3136-66.048 32.4608 0 60.3136 30.5152 60.3136 66.048 0 25.3952-13.9264 45.6704-32.4608 55.808z m92.7744-253.8496H381.1328V295.3216c0-60.928 55.7056-111.6672 120.6784-111.6672 64.9728 0 120.6272 50.7392 120.6272 111.6672v116.736z" ></path></symbol><symbol id="icon-tip" viewBox="0 0 1024 1024"><path d="M512 19.017a492.983 492.983 0 1 1-0.073 986.039A492.983 492.983 0 0 1 512 19.09z m0 48.786a444.27 444.27 0 1 0 0.073 888.467A444.27 444.27 0 0 0 512 67.803z m22.016 317.367c37.45 3.877 55.15 33.792 48.64 66.707l-78.41 259.072c-1.023 5.924 2.049 11.849 7.315 13.677 5.852 2.048 17.92-5.412 27.648-16.091l47.104-56.613c1.244 9.509-0.878 26.185-0.878 32.549-35.328 53.028-71.314 93.988-131.876 93.988-41.326-6.729-58.222-36.352-49.298-66.56l77.897-257.828c1.901-6.364-1.244-13.02-7.022-15.068-5.778-2.048-17.042 5.413-26.77 16.092l-47.031 56.612c-1.317-9.508-0.146-25.234-0.146-31.597 35.328-53.029 93.403-94.94 132.827-94.94z m40.96-144.823c29.77 0 53.906 21.724 53.906 53.614 0 31.964-24.137 53.614-53.906 53.614a52.297 52.297 0 0 1-53.906-53.614c0-31.89 24.137-53.614 53.906-53.614z" ></path></symbol><symbol id="icon-reset" viewBox="0 0 1024 1024"><path d="M482.464768 117.691733L364.363435 66.696533A49.288533 49.288533 0 0 0 325.314901 157.013333a417.9968 417.9968 0 0 0 53.8624 789.845334 49.288533 49.288533 0 0 0 25.668267-95.163734 319.624533 319.624533 0 0 1-29.559467-608.324266l-7.850666 18.158933a49.152 49.152 0 0 0 26.0096 64.580267 49.288533 49.288533 0 0 0 64.580266-24.9856l50.107734-118.9888a49.425067 49.425067 0 0 0-25.668267-64.512z m429.602133 421.410134A418.884267 418.884267 0 0 0 614.424235 126.839467a49.288533 49.288533 0 1 0-28.398934 94.344533 319.829333 319.829333 0 0 1 56.9344 589.824 49.152 49.152 0 0 0-86.152533-47.240533l-67.106133 109.431466a48.9472 48.9472 0 0 0 16.110933 67.925334l109.294933 67.9936a49.288533 49.288533 0 1 0 50.9952-83.7632l-15.018666-9.352534a418.679467 418.679467 0 0 0 261.051733-376.900266z" ></path></symbol><symbol id="icon-view" viewBox="0 0 1024 1024"><path d="M801.606 104.727a117.667 117.667 0 0 1 117.434 109.94l0.233 7.727v246.598a34.91 34.91 0 0 1-69.493 4.748l-0.325-4.748V222.394c0-24.669-18.619-44.963-42.636-47.57l-5.213-0.279H222.394c-24.669 0-44.963 18.619-47.57 42.636l-0.279 5.213v579.212c0 24.669 18.619 44.963 42.636 47.57l5.213 0.279h243.247a34.91 34.91 0 0 1 4.747 69.492l-4.747 0.326H222.394a117.667 117.667 0 0 1-117.434-109.94l-0.233-7.727V222.394a117.667 117.667 0 0 1 109.94-117.434l7.727-0.233h579.212zM448.559 585.728a34.91 34.91 0 1 1 0 69.818H332.195a34.91 34.91 0 1 1 0-69.818h116.364z m232.727-232.727a34.91 34.91 0 1 1 0 69.818H332.195a34.91 34.91 0 1 1 0-69.818h349.09z" ></path><path d="M699.764 490.356a186.182 186.182 0 1 1 0 372.364 186.182 186.182 0 0 1 0-372.364z m0 69.819a116.364 116.364 0 1 0 0 232.727 116.364 116.364 0 0 0 0-232.727z" ></path><path d="M798.673 769.35a34.91 34.91 0 0 1 49.339 0l82.292 82.246a34.91 34.91 0 1 1-49.338 49.384l-82.293-82.292a34.91 34.91 0 0 1 0-49.338z" ></path></symbol><symbol id="icon-search" viewBox="0 0 1024 1024"><path d="M801.606 104.727a117.667 117.667 0 0 1 117.434 109.94l0.233 7.727v246.598a34.91 34.91 0 0 1-69.493 4.748l-0.325-4.748V222.394c0-24.669-18.619-44.963-42.636-47.57l-5.213-0.279H222.394c-24.669 0-44.963 18.619-47.57 42.636l-0.279 5.213v579.212c0 24.669 18.619 44.963 42.636 47.57l5.213 0.279h243.247a34.91 34.91 0 0 1 4.747 69.492l-4.747 0.326H222.394a117.667 117.667 0 0 1-117.434-109.94l-0.233-7.727V222.394a117.667 117.667 0 0 1 109.94-117.434l7.727-0.233h579.212zM448.559 585.728a34.91 34.91 0 1 1 0 69.818H332.195a34.91 34.91 0 1 1 0-69.818h116.364z m232.727-232.727a34.91 34.91 0 1 1 0 69.818H332.195a34.91 34.91 0 1 1 0-69.818h349.09z" ></path><path d="M699.764 490.356a186.182 186.182 0 1 1 0 372.364 186.182 186.182 0 0 1 0-372.364z m0 69.819a116.364 116.364 0 1 0 0 232.727 116.364 116.364 0 0 0 0-232.727z" ></path><path d="M798.673 769.35a34.91 34.91 0 0 1 49.339 0l82.292 82.246a34.91 34.91 0 1 1-49.338 49.384l-82.293-82.292a34.91 34.91 0 0 1 0-49.338z" ></path></symbol></svg>', function (o) {
2
2
  var t = (t = document.getElementsByTagName("script"))[t.length - 1],
3
3
  a = t.getAttribute("data-injectcss"),
4
4
  t = t.getAttribute("data-disable-injectsvg");
@@ -84,7 +84,7 @@
84
84
  position : fixed;
85
85
  top : 48px;
86
86
  left : 0;
87
- z-index : 1;
87
+ z-index : 99;
88
88
  width : 48px;
89
89
  height : 100vh;
90
90
  min-height : 100%;
@@ -15,6 +15,11 @@ export interface TitleListProps {
15
15
  }
16
16
  export interface ProCollapseProps {
17
17
  /**
18
+ * @description 折叠头部模式
19
+ * @default default
20
+ */
21
+ mode?: 'default' | 'card';
22
+ /**
18
23
  * @description 折叠头部标题
19
24
  * @default -
20
25
  */
@@ -26,10 +26,13 @@ var ProCollapse = function ProCollapse(props) {
26
26
  _props$folding = props.folding,
27
27
  folding = _props$folding === void 0 ? false : _props$folding,
28
28
  collapseProps = props.collapseProps,
29
+ _props$mode = props.mode,
30
+ mode = _props$mode === void 0 ? 'default' : _props$mode,
29
31
  collapsePanelProps = props.collapsePanelProps,
30
32
  className = props.className;
31
33
  var cls = classNames(_defineProperty({
32
34
  'pro-collapse': true,
35
+ 'pro-collapse-card': mode === 'card',
33
36
  'pro-collapse-level2': level === '2',
34
37
  'pro-collapse-list': titleList === null || titleList === void 0 ? void 0 : titleList.length,
35
38
  'pro-collapse-no-title': !title
@@ -2,7 +2,23 @@
2
2
  @import (reference) '~antd/es/style/themes/index.less';
3
3
 
4
4
  .pro-collapse {
5
- background: #f6f8fc;
5
+
6
+ &.pro-collapse-card {
7
+ border-radius: var(--zaui-border-radius, 8px);
8
+ &.pro-collapse-no-title{
9
+ .pro-collapse-content{
10
+ border-radius: var(--zaui-border-radius, 8px) !important;
11
+ }
12
+ }
13
+ .@{ant-prefix}-collapse-header{
14
+ border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
15
+ }
16
+ .pro-collapse-content{
17
+ border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
18
+ padding-bottom: var(--zaui-space-size-sm, 8px) !important;
19
+ }
20
+ }
21
+
6
22
 
7
23
  &.pro-collapse-no-title {
8
24
  .@{ant-prefix}-collapse-header {
@@ -41,7 +57,6 @@
41
57
 
42
58
  .@{ant-prefix}-collapse-content-box {
43
59
  padding: 0;
44
- background: var(--zaui-base-bg, #ffffff);
45
60
 
46
61
  .pro-collapse-content {
47
62
  padding: var(--zaui-space-size-md, 16px);
@@ -71,7 +86,7 @@
71
86
  width: 4px;
72
87
  height: 14px;
73
88
  background: var(--zaui-brand);
74
- border-radius: var(--zaui-border-radius-card, 2px);
89
+ border-radius: var(--zaui-border-radius-card, 4px);
75
90
  transform: translateY(-50%);
76
91
  content: '';
77
92
  }
@@ -163,7 +178,7 @@
163
178
  width: 4px;
164
179
  height: 14px;
165
180
  background: var(--zaui-brand);
166
- border-radius: var(--zaui-border-radius-card, 2px);
181
+ border-radius: var(--zaui-border-radius-card, 4px);
167
182
  transform: translateY(-50%);
168
183
  content: '';
169
184
  }
@@ -88,7 +88,7 @@
88
88
  line-height: 16px;
89
89
  white-space: pre;
90
90
  background: var(--ant-primary-1, #e6f4ff);
91
- border-radius: var(--zaui-border-radius-card, 2px);
91
+ border-radius: var(--zaui-border-radius-card, 4px);
92
92
  }
93
93
 
94
94
  .pro-header-title {
@@ -184,7 +184,7 @@
184
184
  font-style: initial;
185
185
  line-height: 24px;
186
186
  background: var(--ant-primary-1, #e6f4ff);
187
- border-radius: var(--zaui-border-radius, 4px);
187
+ border-radius: var(--zaui-border-radius, 8px);
188
188
  }
189
189
 
190
190
  &.hidden {
@@ -53,7 +53,7 @@
53
53
 
54
54
  &::before {
55
55
  content : '';
56
- border-radius : var(--zaui-border-radius, 4px);
56
+ border-radius : var(--zaui-border-radius, 8px);
57
57
  background-color: var(--zaui-brand, #006aff);
58
58
  height : 38px;
59
59
  position : absolute;
@@ -69,7 +69,7 @@
69
69
 
70
70
  &::before {
71
71
  content : '';
72
- border-radius : var(--zaui-border-radius, 4px);
72
+ border-radius : var(--zaui-border-radius, 8px);
73
73
  background-color: var(--zaui-brand, #006aff);
74
74
  height : 38px;
75
75
  position : absolute;
@@ -89,7 +89,7 @@
89
89
 
90
90
 
91
91
  .pro-layout-menu-fold-list li.active {
92
- border-radius: var(--zaui-border-radius, 4px);
92
+ border-radius: var(--zaui-border-radius, 8px);
93
93
  }
94
94
 
95
95
  .pro-layout-menu-collapsed {
@@ -144,7 +144,7 @@
144
144
 
145
145
  &:before {
146
146
  content : '';
147
- border-radius : var(--zaui-border-radius, 4px);
147
+ border-radius : var(--zaui-border-radius, 8px);
148
148
  background-color: var(--zaui-brand, #006aff);
149
149
  opacity : 0.08;
150
150
  height : 38px;
@@ -177,7 +177,7 @@
177
177
  margin-left: -8px;
178
178
  padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
179
179
  background: var(--zaui-contract-bg, #fffaa1);
180
- border-radius: var(--zaui-border-radius, 4px);
180
+ border-radius: var(--zaui-border-radius, 8px);
181
181
  }
182
182
 
183
183
  .varied-cell.empty-cell {
@@ -432,7 +432,7 @@
432
432
  .@{ant-prefix}-pagination .@{ant-prefix}-pagination-item-active a {
433
433
  color: #ffffff;
434
434
  background: var(--zaui-brand, #006aff) !important;
435
- border-radius: var(--zaui-border-radius, 4px);
435
+ border-radius: var(--zaui-border-radius, 8px);
436
436
  }
437
437
 
438
438
  .pro-table-footer {
@@ -29,7 +29,7 @@
29
29
  width : 4px;
30
30
  height : 14px;
31
31
  background : var(--zaui-brand, #006aff);
32
- border-radius: var(zaui-border-radius-card, 2px);
32
+ border-radius: var(zaui-border-radius-card, 4px);
33
33
  }
34
34
  }
35
35
 
@@ -15,8 +15,8 @@ import { useDeepCompareEffect, useRequest as useRequestFunc, useSetState } from
15
15
  import classnames from 'classnames';
16
16
  import { useImperativeHandle, forwardRef } from 'react';
17
17
  import { cloneDeep } from 'lodash';
18
- import { useProConfig } from '../ProConfigProvider';
19
- import Container from '../ProForm/components/Container';
18
+ import { useProConfig } from '../../../ProConfigProvider';
19
+ import Container from '../../../ProForm/components/Container';
20
20
  var SHOW_PARENT = _TreeSelect.SHOW_PARENT;
21
21
  export var ProTreeSelect = function ProTreeSelect(props, ref) {
22
22
  // 全局属性配置在ConfigProvider
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { TreeSelectProps } from 'antd';
3
3
  import { Service, Options, Result } from 'ahooks/lib/useRequest/src/types';
4
- import { ProFormOtherProps } from '../ProForm/propsType';
4
+ import { ProFormOtherProps } from '../../../ProForm/propsType';
5
5
  export interface DataProps {
6
6
  label: string;
7
7
  value?: string;
@@ -8,7 +8,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
8
8
  *@Description: ProTree组件,集成了tree和treeSelect
9
9
  */
10
10
  import ProTree from './components/ProTree';
11
- import ProTreeSelect from '../ProTreeSelect';
11
+ import ProTreeSelect from './components/ProTreeSelect';
12
12
  var ProTreeHandle = function ProTreeHandle(props) {
13
13
  var _props$mode = props.mode,
14
14
  mode = _props$mode === void 0 ? 'tree' : _props$mode;
@@ -53,7 +53,7 @@
53
53
  font-size: var(--zaui-font-size, 14px);
54
54
  line-height: 20px;
55
55
  border: 1px solid #e6e6e6;
56
- border-radius: var(--zaui-border-radius, 4px);
56
+ border-radius: var(--zaui-border-radius, 8px);
57
57
 
58
58
  &:first-child {
59
59
  margin-right: var(--zaui-space-size-md, 16px);
@@ -222,6 +222,14 @@
222
222
  .pro-transfer-right {
223
223
  .checked-item {
224
224
  margin: var(--zaui-space-size-sm, 8px) 0;
225
+ &.dragable {
226
+ .ant-tag {
227
+ & > span:first-child {
228
+ padding: 8px 0;
229
+ cursor: move;
230
+ }
231
+ }
232
+ }
225
233
 
226
234
  &:first-child {
227
235
  margin-top: 0;
@@ -238,7 +246,7 @@
238
246
  font-size: var(--zaui-font-size, 14px);
239
247
  background: #f2f2f2;
240
248
  border: none;
241
- border-radius: var(--zaui-border-radius, 4px);
249
+ border-radius: var(--zaui-border-radius, 8px);
242
250
 
243
251
  .pro-tooltip {
244
252
  flex: 1;
@@ -12,7 +12,7 @@
12
12
  line-height: 16px;
13
13
  &:hover {
14
14
  background: #F8F9FA;
15
- border-radius: var(--zaui-border-radius, 4px);
15
+ border-radius: var(--zaui-border-radius, 8px);
16
16
  color: var(--zaui-brand);
17
17
  .file-actions-wrap {
18
18
  .file-actions{
@@ -93,7 +93,7 @@
93
93
  justify-content: center;
94
94
  &:hover {
95
95
  background: #F8F9FA;
96
- border-radius: var(--zaui-border-radius, 4px);
96
+ border-radius: var(--zaui-border-radius, 8px);
97
97
  }
98
98
  &:hover,&.file-box-error {
99
99
  .file-actions-wrap {
@@ -8,7 +8,7 @@
8
8
  .pro-upload-dragger {
9
9
  .pro-upload-handle-box {
10
10
  background : #F8F9FA;
11
- border-radius: var(--zaui-border-radius, 4px);
11
+ border-radius: var(--zaui-border-radius, 8px);
12
12
  padding : var(--zaui-space-size-sm, 8px);
13
13
 
14
14
  .@{ant-prefix}-upload.@{ant-prefix}-upload-drag {
@@ -178,7 +178,7 @@
178
178
  text-align : center;
179
179
  line-height : 32px;
180
180
  background : #FFFFFF;
181
- border-radius: var(--zaui-border-radius, 4px);
181
+ border-radius: var(--zaui-border-radius, 8px);
182
182
  border : 1px solid #DCDCDC;
183
183
 
184
184
  }
@@ -11,7 +11,6 @@
11
11
  // 表单
12
12
  @import '../ProForm/style/index';
13
13
  @import '../ProUpload/style/index';
14
- @import '../ProTreeSelect/style/index';
15
14
  @import '../ProTreeModal/style/index';
16
15
  @import '../ProTree/style/index';
17
16
 
@@ -56,8 +56,8 @@
56
56
  --zaui-table-nested-bg : #fafcfe;
57
57
  --zaui-contract-bg : #fffaa1; // 对比背景色
58
58
  --zaui-form-label-width : 130px; // 8个全角字符宽度
59
- --zaui-border-radius : 4px;
60
- --zaui-border-radius-card : 2px;
59
+ --zaui-border-radius : 8px;
60
+ --zaui-border-radius-card : 4px;
61
61
  --zaui-font-size-title : 16px;
62
62
  --zaui-font-size-card-title : var(--zaui-font-size-title);
63
63
  --zaui-font-size : 14px;
@@ -56,8 +56,8 @@
56
56
  @zaui-form-required-after: var(--zaui-form-required-after; inline);
57
57
  @zaui-form-required-before: var(--zaui-form-required-before; none);
58
58
  @zaui-form-label-width: var(--zaui-form-label-width; 130px);
59
- @zaui-border-radius: var(--zaui-border-radius; 4px);
60
- @zaui-border-radius-card: var(--zaui-border-radius-card; 2px);
59
+ @zaui-border-radius: var(--zaui-border-radius; 8px);
60
+ @zaui-border-radius-card: var(--zaui-border-radius-card; 4px);
61
61
  @zaui-font-size-title:
62
62
  calc(var(--zaui-font-size-title; 16px) + var(--zaui-base-font-size; 0px));
63
63
  @zaui-font-size-card-title:
package/es/tokens.js CHANGED
@@ -53,8 +53,8 @@ var tokens = {
53
53
  '@zaui-form-required-after': 'var(--zaui-form-required-after, inline)',
54
54
  '@zaui-form-required-before': 'var(--zaui-form-required-before, none)',
55
55
  '@zaui-form-label-width': 'var(--zaui-form-label-width, 130px)',
56
- '@zaui-border-radius': 'var(--zaui-border-radius, 4px)',
57
- '@zaui-border-radius-card': 'var(--zaui-border-radius-card, 2px)',
56
+ '@zaui-border-radius': 'var(--zaui-border-radius, 8px)',
57
+ '@zaui-border-radius-card': 'var(--zaui-border-radius-card, 4px)',
58
58
  '@zaui-font-size-title': 'calc(var(--zaui-font-size-title, 16px) + var(--zaui-base-font-size, 0px))',
59
59
  '@zaui-font-size-card-title': 'calc(var(--zaui-font-size-card-title, 16px) + var(--zaui-base-font-size, 0px))',
60
60
  '@zaui-font-size': 'calc(var(--zaui-font-size, 14px) + var(--zaui-base-font-size, 0px))',
@@ -22,7 +22,14 @@ var initialState = {
22
22
  ProEnum: {
23
23
  dics: {}
24
24
  },
25
- forms: {}
25
+ forms: {},
26
+ ProIcon: {
27
+ mode: 'icon',
28
+ mapList: [{
29
+ type: 'view',
30
+ text: '查看'
31
+ }]
32
+ }
26
33
  };
27
34
  var ProConfigContext = exports.ProConfigContext = /*#__PURE__*/_react.default.createContext({
28
35
  state: initialState,
@@ -39,7 +39,7 @@
39
39
 
40
40
  &:active {
41
41
  background : #E3E8F0;
42
- border-radius: var(--zaui-border-radius-card, 2px);
42
+ border-radius: var(--zaui-border-radius-card, 4px);
43
43
  }
44
44
  }
45
45
 
@@ -55,7 +55,7 @@
55
55
 
56
56
  &:hover {
57
57
  border : 1px solid #DEE0E3;
58
- border-radius: var(--zaui-border-radius, 4px);
58
+ border-radius: var(--zaui-border-radius, 8px);
59
59
  text-indent : 5px;
60
60
  }
61
61
  }
@@ -206,7 +206,9 @@ var transformColumns = exports.transformColumns = function transformColumns() {
206
206
  ellipsis = item.ellipsis,
207
207
  key = item.key,
208
208
  tooltip = item.tooltip,
209
- suffix = item.suffix;
209
+ suffix = item.suffix,
210
+ before = item.before,
211
+ after = item.after;
210
212
  // column设置label时,权重最高
211
213
  var columnTitle = label || title;
212
214
  if (typeof columnTitle === 'string') {
@@ -218,7 +220,7 @@ var transformColumns = exports.transformColumns = function transformColumns() {
218
220
  resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
219
221
  item.title = (0, _jsxRuntime.jsxs)("span", {
220
222
  className: "pro-edit-table-title pro-edit-table-tooltip",
221
- children: [columnTitle, (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
223
+ children: [before, columnTitle, (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
222
224
  title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
223
225
  }, resetProps), {}, {
224
226
  children: icon ? ( /*#__PURE__*/_react.default.cloneElement(icon, {
@@ -227,12 +229,12 @@ var transformColumns = exports.transformColumns = function transformColumns() {
227
229
  className: "icon-tip",
228
230
  src: _tip.default
229
231
  })
230
- })), suffix]
232
+ })), suffix || after]
231
233
  });
232
234
  } else {
233
235
  item.title = (0, _jsxRuntime.jsxs)("span", {
234
236
  className: "pro-edit-table-title",
235
- children: [columnTitle, suffix]
237
+ children: [before, columnTitle, suffix || after]
236
238
  });
237
239
  }
238
240
  }