@zat-design/sisyphus-react 3.2.2 → 3.3.0-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 (212) hide show
  1. package/README.md +7 -0
  2. package/dist/index.esm.css +82 -37
  3. package/es/ProAction/index.less +3 -0
  4. package/es/ProDownload/index.js +9 -6
  5. package/es/ProDownload/style/index.less +5 -2
  6. package/es/ProDrawerForm/index.js +1 -15
  7. package/es/ProDrawerForm/style/index.less +76 -73
  8. package/es/ProEditLabel/style/index.less +12 -9
  9. package/es/ProEditTable/components/RenderField/index.js +6 -4
  10. package/es/ProEditTable/index.js +34 -20
  11. package/es/ProEditTable/style/index.less +57 -47
  12. package/es/ProEditTable/utils/config.d.ts +1 -1
  13. package/es/ProEditTable/utils/config.js +3 -3
  14. package/es/ProEnum/style/index.less +3 -0
  15. package/es/ProForm/components/base/DatePicker/index.d.ts +2 -2
  16. package/es/ProForm/components/base/DatePicker/index.js +5 -8
  17. package/es/ProForm/components/base/RangePicker/index.d.ts +3 -2
  18. package/es/ProForm/components/base/RangePicker/index.js +3 -5
  19. package/es/ProForm/components/base/SwitchCheckbox/style/index.less +3 -0
  20. package/es/ProForm/components/base/TextArea/index.less +4 -3
  21. package/es/ProForm/components/base/TimePicker/index.js +3 -3
  22. package/es/ProForm/components/base/TimePicker/style/index.less +4 -1
  23. package/es/ProForm/components/combination/Container/style/index.less +6 -3
  24. package/es/ProForm/components/combination/FormList/style/index.less +20 -24
  25. package/es/ProForm/components/combination/Group/style/index.less +18 -15
  26. package/es/ProForm/components/combination/ProAddressBar/style/index.less +6 -3
  27. package/es/ProForm/components/combination/ProCombination/style/index.less +5 -2
  28. package/es/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js +6 -1
  29. package/es/ProForm/components/combination/ProModalSelect/index.js +22 -24
  30. package/es/ProForm/components/combination/ProModalSelect/style/index.less +32 -11
  31. package/es/ProForm/components/combination/ProNumberRange/style/index.less +13 -10
  32. package/es/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
  33. package/es/ProForm/components/combination/ProRangeLimit/index.js +6 -6
  34. package/es/ProForm/components/combination/ProTimeLimit/hooks/useControlled.d.ts +2 -2
  35. package/es/ProForm/components/combination/ProTimeLimit/hooks/useControlled.js +2 -2
  36. package/es/ProForm/components/combination/ProTimeLimit/index.d.ts +2 -2
  37. package/es/ProForm/components/combination/ProTimeLimit/index.js +4 -4
  38. package/es/ProForm/components/combination/ProTimeLimit/style/index.less +9 -6
  39. package/es/ProForm/components/old/ProCertValidity/index.js +16 -16
  40. package/es/ProForm/components/old/ProCertValidity/propsType.d.ts +4 -4
  41. package/es/ProForm/components/render/RenderFields.js +4 -5
  42. package/es/ProForm/style/index.less +46 -44
  43. package/es/ProIcon/style/index.less +4 -1
  44. package/es/ProLayout/components/Layout/Header/style/index.less +1 -1
  45. package/es/ProLayout/components/Layout/Menu/FoldMenu/style/index.less +10 -7
  46. package/es/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +31 -28
  47. package/es/ProLayout/components/Layout/Menu/SideMenu/style/index.less +14 -11
  48. package/es/ProLayout/components/Layout/Menu/style/index.less +2 -0
  49. package/es/ProLayout/components/Layout/Notice/style/index.less +3 -0
  50. package/es/ProLayout/components/ProCollapse/style/index.less +27 -24
  51. package/es/ProLayout/components/ProFooter/style/index.less +11 -7
  52. package/es/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less +4 -1
  53. package/es/ProLayout/components/ProHeader/index.js +4 -4
  54. package/es/ProLayout/components/ProHeader/style/index.less +12 -11
  55. package/es/ProLayout/style/index.less +10 -7
  56. package/es/ProSelect/index.less +3 -0
  57. package/es/ProStep/index.js +2 -2
  58. package/es/ProStep/style/index.less +3 -0
  59. package/es/ProTable/index.js +15 -7
  60. package/es/ProTable/style/index.less +76 -54
  61. package/es/ProTable/utils.d.ts +1 -1
  62. package/es/ProTable/utils.js +52 -33
  63. package/es/ProTabs/style/index.less +25 -23
  64. package/es/ProThemeTools/component/PrdTools/index.d.ts +1 -1
  65. package/es/ProThemeTools/component/PrdTools/index.js +7 -6
  66. package/es/ProThemeTools/component/PrdTools/style/index.less +6 -6
  67. package/es/ProThemeTools/index.d.ts +1 -1
  68. package/es/ProThemeTools/index.js +7 -2
  69. package/es/ProThemeTools/propsType.d.ts +4 -0
  70. package/es/ProThemeTools/style/index.less +6 -3
  71. package/es/ProThemeTools/utils/index.d.ts +1 -1
  72. package/es/ProThemeTools/utils/index.js +2 -1
  73. package/es/ProTooltip/style/index.less +3 -0
  74. package/es/ProTree/components/CloseIcon.js +2 -4
  75. package/es/ProTree/components/ProTree.js +27 -11
  76. package/es/ProTree/components/Tree.js +1 -1
  77. package/es/ProTree/propsType.d.ts +2 -2
  78. package/es/ProTree/style/index.less +29 -26
  79. package/es/ProTree/utils.d.ts +6 -0
  80. package/es/ProTree/utils.js +11 -0
  81. package/es/ProTreeModal/components/CloseIcon.js +2 -4
  82. package/es/ProTreeModal/components/Trigger.d.ts +3 -0
  83. package/es/ProTreeModal/components/Trigger.js +79 -19
  84. package/es/ProTreeModal/index.js +38 -6
  85. package/es/ProTreeModal/propsType.d.ts +5 -2
  86. package/es/ProTreeModal/style/index.less +11 -8
  87. package/es/ProTreeSelect/index.js +6 -4
  88. package/es/ProTreeSelect/propsType.d.ts +2 -0
  89. package/es/ProTreeSelect/style/index.less +25 -22
  90. package/es/ProUpload/components/DragRender.js +7 -4
  91. package/es/ProUpload/components/ImageRender.js +5 -1
  92. package/es/ProUpload/index.js +11 -7
  93. package/es/ProUpload/style/index.less +13 -4
  94. package/es/ProViewer/index.js +3 -1
  95. package/es/ProViewer/style/index.less +6 -3
  96. package/es/locale/en_US.d.ts +4 -0
  97. package/es/locale/en_US.js +5 -1
  98. package/es/locale/index.js +2 -2
  99. package/es/locale/zh_CN.d.ts +4 -0
  100. package/es/locale/zh_CN.js +6 -2
  101. package/es/old/ProCertValidity/index.js +16 -16
  102. package/es/old/ProCertValidity/propsType.d.ts +4 -4
  103. package/es/old/ProEditableTable/utils.d.ts +5 -5
  104. package/es/old/ProEditableTable/utils.js +5 -5
  105. package/es/style/core/compatible.less +6 -6
  106. package/es/style/theme/antd.less +272 -253
  107. package/lib/ProAction/index.less +3 -0
  108. package/lib/ProDownload/index.js +9 -6
  109. package/lib/ProDownload/style/index.less +5 -2
  110. package/lib/ProDrawerForm/index.js +0 -14
  111. package/lib/ProDrawerForm/style/index.less +76 -73
  112. package/lib/ProEditLabel/style/index.less +12 -9
  113. package/lib/ProEditTable/components/RenderField/index.js +6 -4
  114. package/lib/ProEditTable/index.js +32 -18
  115. package/lib/ProEditTable/style/index.less +57 -47
  116. package/lib/ProEditTable/utils/config.d.ts +1 -1
  117. package/lib/ProEditTable/utils/config.js +3 -3
  118. package/lib/ProEnum/style/index.less +3 -0
  119. package/lib/ProForm/components/base/DatePicker/index.d.ts +2 -2
  120. package/lib/ProForm/components/base/DatePicker/index.js +5 -8
  121. package/lib/ProForm/components/base/RangePicker/index.d.ts +3 -2
  122. package/lib/ProForm/components/base/RangePicker/index.js +4 -4
  123. package/lib/ProForm/components/base/SwitchCheckbox/style/index.less +3 -0
  124. package/lib/ProForm/components/base/TextArea/index.less +4 -3
  125. package/lib/ProForm/components/base/TimePicker/index.js +3 -3
  126. package/lib/ProForm/components/base/TimePicker/style/index.less +4 -1
  127. package/lib/ProForm/components/combination/Container/style/index.less +6 -3
  128. package/lib/ProForm/components/combination/FormList/style/index.less +20 -24
  129. package/lib/ProForm/components/combination/Group/style/index.less +18 -15
  130. package/lib/ProForm/components/combination/ProAddressBar/style/index.less +6 -3
  131. package/lib/ProForm/components/combination/ProCombination/style/index.less +5 -2
  132. package/lib/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js +7 -1
  133. package/lib/ProForm/components/combination/ProModalSelect/index.js +22 -24
  134. package/lib/ProForm/components/combination/ProModalSelect/style/index.less +32 -11
  135. package/lib/ProForm/components/combination/ProNumberRange/style/index.less +13 -10
  136. package/lib/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
  137. package/lib/ProForm/components/combination/ProRangeLimit/index.js +6 -6
  138. package/lib/ProForm/components/combination/ProTimeLimit/hooks/useControlled.d.ts +2 -2
  139. package/lib/ProForm/components/combination/ProTimeLimit/hooks/useControlled.js +2 -2
  140. package/lib/ProForm/components/combination/ProTimeLimit/index.d.ts +2 -2
  141. package/lib/ProForm/components/combination/ProTimeLimit/index.js +4 -4
  142. package/lib/ProForm/components/combination/ProTimeLimit/style/index.less +9 -6
  143. package/lib/ProForm/components/old/ProCertValidity/index.js +16 -16
  144. package/lib/ProForm/components/old/ProCertValidity/propsType.d.ts +4 -4
  145. package/lib/ProForm/components/render/RenderFields.js +4 -5
  146. package/lib/ProForm/style/index.less +46 -44
  147. package/lib/ProIcon/style/index.less +4 -1
  148. package/lib/ProLayout/components/Layout/Header/style/index.less +1 -1
  149. package/lib/ProLayout/components/Layout/Menu/FoldMenu/style/index.less +10 -7
  150. package/lib/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +31 -28
  151. package/lib/ProLayout/components/Layout/Menu/SideMenu/style/index.less +14 -11
  152. package/lib/ProLayout/components/Layout/Menu/style/index.less +2 -0
  153. package/lib/ProLayout/components/Layout/Notice/style/index.less +3 -0
  154. package/lib/ProLayout/components/ProCollapse/style/index.less +27 -24
  155. package/lib/ProLayout/components/ProFooter/style/index.less +11 -7
  156. package/lib/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less +4 -1
  157. package/lib/ProLayout/components/ProHeader/index.js +4 -4
  158. package/lib/ProLayout/components/ProHeader/style/index.less +12 -11
  159. package/lib/ProLayout/style/index.less +10 -7
  160. package/lib/ProSelect/index.less +3 -0
  161. package/lib/ProStep/index.js +1 -1
  162. package/lib/ProStep/style/index.less +3 -0
  163. package/lib/ProTable/index.js +14 -6
  164. package/lib/ProTable/style/index.less +76 -54
  165. package/lib/ProTable/utils.d.ts +1 -1
  166. package/lib/ProTable/utils.js +52 -33
  167. package/lib/ProTabs/style/index.less +25 -23
  168. package/lib/ProThemeTools/component/PrdTools/index.d.ts +1 -1
  169. package/lib/ProThemeTools/component/PrdTools/index.js +7 -6
  170. package/lib/ProThemeTools/component/PrdTools/style/index.less +6 -6
  171. package/lib/ProThemeTools/index.d.ts +1 -1
  172. package/lib/ProThemeTools/index.js +7 -2
  173. package/lib/ProThemeTools/propsType.d.ts +4 -0
  174. package/lib/ProThemeTools/style/index.less +6 -3
  175. package/lib/ProThemeTools/utils/index.d.ts +1 -1
  176. package/lib/ProThemeTools/utils/index.js +2 -1
  177. package/lib/ProTooltip/style/index.less +3 -0
  178. package/lib/ProTree/components/CloseIcon.js +2 -4
  179. package/lib/ProTree/components/ProTree.js +26 -10
  180. package/lib/ProTree/components/Tree.js +1 -1
  181. package/lib/ProTree/propsType.d.ts +2 -2
  182. package/lib/ProTree/style/index.less +29 -26
  183. package/lib/ProTree/utils.d.ts +6 -0
  184. package/lib/ProTree/utils.js +12 -0
  185. package/lib/ProTreeModal/components/CloseIcon.js +2 -4
  186. package/lib/ProTreeModal/components/Trigger.d.ts +3 -0
  187. package/lib/ProTreeModal/components/Trigger.js +74 -18
  188. package/lib/ProTreeModal/index.js +38 -6
  189. package/lib/ProTreeModal/propsType.d.ts +5 -2
  190. package/lib/ProTreeModal/style/index.less +11 -8
  191. package/lib/ProTreeSelect/index.js +6 -4
  192. package/lib/ProTreeSelect/propsType.d.ts +2 -0
  193. package/lib/ProTreeSelect/style/index.less +25 -22
  194. package/lib/ProUpload/components/DragRender.js +7 -4
  195. package/lib/ProUpload/components/ImageRender.js +5 -1
  196. package/lib/ProUpload/index.js +11 -7
  197. package/lib/ProUpload/style/index.less +13 -4
  198. package/lib/ProViewer/index.js +4 -3
  199. package/lib/ProViewer/style/index.less +6 -3
  200. package/lib/locale/en_US.d.ts +4 -0
  201. package/lib/locale/en_US.js +5 -1
  202. package/lib/locale/index.js +2 -2
  203. package/lib/locale/zh_CN.d.ts +4 -0
  204. package/lib/locale/zh_CN.js +6 -2
  205. package/lib/old/ProCertValidity/index.js +16 -16
  206. package/lib/old/ProCertValidity/propsType.d.ts +4 -4
  207. package/lib/old/ProEditableTable/utils.d.ts +5 -5
  208. package/lib/old/ProEditableTable/utils.js +5 -5
  209. package/lib/style/core/compatible.less +6 -6
  210. package/lib/style/theme/antd.less +272 -253
  211. package/package.json +3 -2
  212. package/typings.d.ts +0 -6
@@ -27,7 +27,8 @@ var PrdTools = function PrdTools(_ref) {
27
27
  visible = _ref.visible,
28
28
  state = _ref.state,
29
29
  tableBorder = _ref.tableBorder,
30
- tableStripe = _ref.tableStripe;
30
+ tableStripe = _ref.tableStripe,
31
+ prefixCls = _ref.prefixCls;
31
32
  var _useState = (0, _react.useState)([{
32
33
  color: '#006AFF',
33
34
  active: true
@@ -150,18 +151,18 @@ var PrdTools = function PrdTools(_ref) {
150
151
  var after = e.target.value === 'left' ? 'inline' : 'none';
151
152
  var before = e.target.value === 'right' ? 'inline' : 'none';
152
153
  // 遍历添加className
153
- var formItemLabels = document.querySelectorAll('.ant-form-item-label');
154
+ var formItemLabels = document.querySelectorAll(".".concat(prefixCls, "-form-item-label"));
154
155
  // 遍历元素列表,为每个元素添加新的 class
155
156
  formItemLabels.forEach(function (label) {
156
157
  var _label$classList, _label$classList$valu, _label$classList2, _label$classList2$val;
157
158
  if (!label) {
158
159
  return false;
159
160
  }
160
- 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'))) {
161
- label.classList.add('ant-form-item-label-left');
161
+ 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")))) {
162
+ label.classList.add("".concat(prefixCls, "-form-item-label-left"));
162
163
  }
163
- 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'))) {
164
- label.classList.remove('ant-form-item-label-left');
164
+ 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")))) {
165
+ label.classList.remove("".concat(prefixCls, "-form-item-label-left"));
165
166
  }
166
167
  });
167
168
  setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
@@ -1,17 +1,17 @@
1
1
  .pro-theme-prd-tools-drawer {
2
- .ant-drawer-header {
2
+ .@{ant-prefix}-drawer-header {
3
3
  border-bottom: none;
4
4
  }
5
5
 
6
- .ant-drawer-title {
6
+ .@{ant-prefix}-drawer-title {
7
7
  font-size: var(--zaui-font-size-xl, 18px);
8
8
  }
9
9
 
10
- .ant-drawer-body {
10
+ .@{ant-prefix}-drawer-body {
11
11
  padding: 0 32px 32px;
12
12
  }
13
13
 
14
- .ant-space-vertical {
14
+ .@{ant-prefix}-space-vertical {
15
15
  gap: var(--zaui-space-size-sm, 8px) !important;
16
16
  }
17
17
 
@@ -118,12 +118,12 @@
118
118
  }
119
119
  }
120
120
 
121
- .ant-radio-button-wrapper {
121
+ .@{ant-prefix}-radio-button-wrapper {
122
122
  padding: 0 28px;
123
123
  }
124
124
 
125
125
  .pro-theme-tools-form {
126
- .ant-radio-button-wrapper {
126
+ .@{ant-prefix}-radio-button-wrapper {
127
127
  padding: 0 42px;
128
128
  }
129
129
  }
@@ -1,6 +1,6 @@
1
1
  import type { ProThemeToolsProps } from './propsType';
2
2
  declare const ProThemeTools: {
3
- ({ size, className, cacheTime, color, mode, iconFollowTheme, tableBorder, tableStripe, theme, ...props }: ProThemeToolsProps): JSX.Element;
3
+ ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, ...props }: ProThemeToolsProps): JSX.Element;
4
4
  defaultProps: {
5
5
  size: number;
6
6
  mode: string;
@@ -17,7 +17,7 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
17
17
  var _index = require("./utils/index");
18
18
  var _component = require("./component");
19
19
  var _locale = _interopRequireDefault(require("../locale"));
20
- var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "tableBorder", "tableStripe", "theme"];
20
+ var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme"];
21
21
  /* eslint-disable prefer-const */
22
22
  var defaultCacheTime = 1; // 配置保存时间为一天
23
23
  var defaultThemeConfig = {
@@ -42,6 +42,8 @@ var ProThemeTools = function ProThemeTools(_ref) {
42
42
  color = _ref.color,
43
43
  mode = _ref.mode,
44
44
  iconFollowTheme = _ref.iconFollowTheme,
45
+ _ref$prefixCls = _ref.prefixCls,
46
+ prefixCls = _ref$prefixCls === void 0 ? 'ant' : _ref$prefixCls,
45
47
  _ref$tableBorder = _ref.tableBorder,
46
48
  tableBorder = _ref$tableBorder === void 0 ? false : _ref$tableBorder,
47
49
  _ref$tableStripe = _ref.tableStripe,
@@ -121,6 +123,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
121
123
  setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), localThemeConfig));
122
124
  (0, _index.setThemes)(cssVariables);
123
125
  _antd.ConfigProvider.config({
126
+ prefixCls: prefixCls,
124
127
  theme: {
125
128
  primaryColor: (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
126
129
  }
@@ -128,6 +131,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
128
131
  } else {
129
132
  (0, _index.setThemes)((0, _index.getMapKebabCase)(state));
130
133
  _antd.ConfigProvider.config({
134
+ prefixCls: prefixCls,
131
135
  theme: {
132
136
  primaryColor: state === null || state === void 0 ? void 0 : state.zauiBrand
133
137
  }
@@ -150,7 +154,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
150
154
  }, [zauiBrand]);
151
155
  // 斑马纹设置
152
156
  (0, _react.useEffect)(function () {
153
- (0, _index.setTableNoStripe)(zauiStripe);
157
+ (0, _index.setTableNoStripe)(zauiStripe, prefixCls);
154
158
  }, [zauiStripe]);
155
159
  // 表格边框设置
156
160
  (0, _react.useEffect)(function () {
@@ -182,6 +186,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
182
186
  showDrawer();
183
187
  }
184
188
  }), (0, _jsxRuntime.jsx)(_component.PrdTools, {
189
+ prefixCls: prefixCls,
185
190
  onReset: onReset,
186
191
  onClose: onClose,
187
192
  onCopy: onCopy,
@@ -9,6 +9,8 @@ export interface DevToolsPropsType {
9
9
  tableBorder?: boolean;
10
10
  /** 是否有斑马纹 */
11
11
  tableStripe?: boolean;
12
+ /** 统一样式前缀, 默认ant */
13
+ prefixCls?: string;
12
14
  }
13
15
  export interface ProThemeToolsProps {
14
16
  size?: number;
@@ -23,6 +25,8 @@ export interface ProThemeToolsProps {
23
25
  tableBorder?: boolean;
24
26
  /** 是否有斑马纹 */
25
27
  tableStripe?: boolean;
28
+ /** 统一样式前缀, 默认ant */
29
+ prefixCls?: string;
26
30
  [key: string]: any;
27
31
  }
28
32
  export interface LocalThemeConfigPropsType {
@@ -1,3 +1,6 @@
1
+ @root-entry-name: 'default';
2
+ @import (reference) '~antd/es/style/themes/index.less';
3
+
1
4
  @import '../component/PrdTools/style/index.less';
2
5
 
3
6
  .pro-theme-tools {
@@ -19,11 +22,11 @@
19
22
  }
20
23
 
21
24
  .pro-theme-tools-drawer {
22
- .ant-drawer-body {
25
+ .@{ant-prefix}-drawer-body {
23
26
  padding: 32px;
24
27
  }
25
28
 
26
- .ant-space-vertical {
29
+ .@{ant-prefix}-space-vertical {
27
30
  gap: var(--zaui-space-size-sm, 8px) !important;
28
31
  }
29
32
 
@@ -49,7 +52,7 @@
49
52
  margin-bottom: var(--zaui-space-size-md, 16px);
50
53
  }
51
54
 
52
- .ant-radio-button-wrapper {
55
+ .@{ant-prefix}-radio-button-wrapper {
53
56
  padding: 0 12px;
54
57
  }
55
58
  }
@@ -23,7 +23,7 @@ export declare const getMapHumpCase: (obj?: {}) => {};
23
23
  * 设置表格斑马纹
24
24
  * @param stripe boolean
25
25
  */
26
- export declare const setTableNoStripe: (stripe: boolean) => void;
26
+ export declare const setTableNoStripe: (stripe: boolean, prefixCls?: string) => void;
27
27
  /**
28
28
  * 设置表格边框
29
29
  * @param border boolean
@@ -81,8 +81,9 @@ var getMapHumpCase = exports.getMapHumpCase = function getMapHumpCase() {
81
81
  * @param stripe boolean
82
82
  */
83
83
  var setTableNoStripe = exports.setTableNoStripe = function setTableNoStripe(stripe) {
84
+ var prefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ant';
84
85
  var proTables = document.querySelectorAll('.pro-table');
85
- var antTables = document.querySelectorAll('.ant-table');
86
+ var antTables = document.querySelectorAll(".".concat(prefixCls, "-table"));
86
87
  if (!proTables.length) {
87
88
  return;
88
89
  }
@@ -1,3 +1,6 @@
1
+ @root-entry-name: 'default';
2
+ @import (reference) '~antd/es/style/themes/index.less';
3
+
1
4
  .pro-tooltip {
2
5
  cursor: pointer;
3
6
 
@@ -8,11 +8,9 @@ exports.default = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
9
  var _jsxRuntime = require("react/jsx-runtime");
10
10
  function CloseIcon(props) {
11
- return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
12
- className: "ant-input-suffix"
13
- }, props), {}, {
11
+ return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
14
12
  children: (0, _jsxRuntime.jsx)("span", {
15
- className: "ant-input-clear-icon pro-tree-modal-checkbox-close",
13
+ className: "pro-tree-modal-checkbox-close",
16
14
  role: "button",
17
15
  children: (0, _jsxRuntime.jsx)("span", {
18
16
  role: "img",
@@ -25,7 +25,7 @@ var _locale = _interopRequireDefault(require("../../locale"));
25
25
  var _utils = require("../utils");
26
26
  var _inputSearch = _interopRequireDefault(require("../../assets/input-search.svg"));
27
27
  require("../style/index.less");
28
- var _excluded = ["value", "onChange", "dataSource", "mode", "code", "useRequest", "allValue", "showCodeName", "checkStrictly", "tags", "placeholder", "labelInValue", "fieldNames", "disabled", "isView", "transformResponse", "optionRender", "onSelect", "loading", "style", "className", "showSearch", "title", "footer", "expandedKeys", "showExpand", "selectKey"];
28
+ var _excluded = ["value", "onChange", "dataSource", "mode", "code", "useRequest", "allValue", "showCodeName", "checkStrictly", "tags", "placeholder", "labelInValue", "fieldNames", "disabled", "isView", "transformResponse", "optionRender", "onSelect", "loading", "style", "className", "showSearch", "title", "footer", "expandedKeys", "showExpand", "defaultExpandAll"];
29
29
  var ProTree = function ProTree(props) {
30
30
  var _props$otherProps, _props$otherProps2, _locale$ProTree, _state$innerExpandKey2, _state$innerExpandKey3, _locale$ProTree2, _locale$ProTree3, _locale$ProTree4;
31
31
  var _useProConfig = (0, _ProConfigProvider.useProConfig)('ProEnum'),
@@ -71,7 +71,7 @@ var ProTree = function ProTree(props) {
71
71
  expandedKeys = props.expandedKeys,
72
72
  _props$showExpand = props.showExpand,
73
73
  showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
74
- selectKey = props.selectKey,
74
+ defaultExpandAll = props.defaultExpandAll,
75
75
  other = (0, _objectWithoutProperties2.default)(props, _excluded);
76
76
  var fieldNameLabel = fieldNames.label;
77
77
  var fieldNameValue = fieldNames.value;
@@ -86,7 +86,7 @@ var ProTree = function ProTree(props) {
86
86
  checkAll: false,
87
87
  allKeys: [],
88
88
  clickShowLoading: false,
89
- innerExpandKeys: props === null || props === void 0 ? void 0 : props.expandedKeys
89
+ innerExpandKeys: []
90
90
  }),
91
91
  _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
92
92
  state = _useSetState2[0],
@@ -96,11 +96,14 @@ var ProTree = function ProTree(props) {
96
96
  onSuccess: function onSuccess(res) {
97
97
  if (transformResponse && typeof transformResponse === 'function') {
98
98
  var responseData = transformResponse(res);
99
+ var flatTrees = (0, _utils.getFlatTreeData)(responseData, fieldNames);
100
+ var allKey = (0, _utils.getAllKeys)(responseData, fieldNames);
99
101
  setState({
100
102
  treeData: responseData,
101
103
  originalTreeData: responseData,
102
- flatTreeData: (0, _utils.getFlatTreeData)(responseData, fieldNames),
103
- allKeys: (0, _utils.getAllKeys)(responseData, fieldNames)
104
+ flatTreeData: flatTrees,
105
+ allKeys: allKey,
106
+ innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : (0, _utils.getDefaultExpandKeys)(defaultExpandAll, allKey)
104
107
  });
105
108
  } else {
106
109
  var _res$status = res.status,
@@ -111,11 +114,14 @@ var ProTree = function ProTree(props) {
111
114
  _antd.message.error(msg);
112
115
  return;
113
116
  }
117
+ var _flatTrees = (0, _utils.getFlatTreeData)(data, fieldNames);
118
+ var _allKey = (0, _utils.getAllKeys)(data, fieldNames);
114
119
  setState({
115
120
  treeData: data,
116
121
  originalTreeData: data,
117
- flatTreeData: (0, _utils.getFlatTreeData)(data, fieldNames),
118
- allKeys: (0, _utils.getAllKeys)(data, fieldNames)
122
+ flatTreeData: _flatTrees,
123
+ allKeys: _allKey,
124
+ innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : (0, _utils.getDefaultExpandKeys)(defaultExpandAll, _allKey)
119
125
  });
120
126
  }
121
127
  },
@@ -123,11 +129,13 @@ var ProTree = function ProTree(props) {
123
129
  }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
124
130
  (0, _ahooks.useDeepCompareEffect)(function () {
125
131
  if (dataSource && dataSource.length) {
132
+ var allKey = (0, _utils.getAllKeys)(dataSource, fieldNames);
126
133
  setState({
127
134
  treeData: dataSource,
128
135
  originalTreeData: (0, _lodash.cloneDeep)(dataSource),
129
136
  flatTreeData: (0, _utils.getFlatTreeData)(dataSource, fieldNames),
130
- allKeys: (0, _utils.getAllKeys)(dataSource, fieldNames)
137
+ allKeys: allKey,
138
+ innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : (0, _utils.getDefaultExpandKeys)(defaultExpandAll, allKey)
131
139
  });
132
140
  } else if (enumCode) {
133
141
  var dictEnum = dics[enumCode] || [];
@@ -140,11 +148,13 @@ var ProTree = function ProTree(props) {
140
148
  console.error('请返回有效的数组');
141
149
  dictEnum = [];
142
150
  }
151
+ var _allKey2 = (0, _utils.getAllKeys)(dictEnum, fieldNames);
143
152
  setState({
144
153
  treeData: dictEnum,
145
154
  originalTreeData: (0, _lodash.cloneDeep)(dictEnum),
146
155
  flatTreeData: (0, _utils.getFlatTreeData)(dictEnum, fieldNames),
147
- allKeys: (0, _utils.getAllKeys)(dictEnum, fieldNames)
156
+ allKeys: (0, _utils.getAllKeys)(dictEnum, fieldNames),
157
+ innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : (0, _utils.getDefaultExpandKeys)(defaultExpandAll, _allKey2)
148
158
  });
149
159
  }
150
160
  }, [dataSource, enumCode]);
@@ -204,7 +214,7 @@ var ProTree = function ProTree(props) {
204
214
  return item[fieldNameValue];
205
215
  });
206
216
  } else {
207
- // 单选值场景为string走到这里
217
+ // 复选,单纯value数组场景
208
218
  checkedValues = _innerVal;
209
219
  }
210
220
  }
@@ -215,6 +225,11 @@ var ProTree = function ProTree(props) {
215
225
  // treeViewData,
216
226
  });
217
227
  }
228
+ } else if (!(other === null || other === void 0 ? void 0 : other.checkable)) {
229
+ // 单选--场景-->如果表单的value没有值,那么配置的selectedKey就起作用了,选中树节点
230
+ setState({
231
+ checkedValues: props === null || props === void 0 ? void 0 : props.selectedKey
232
+ });
218
233
  }
219
234
  }, [value, state.allKeys]);
220
235
  /**
@@ -240,6 +255,7 @@ var ProTree = function ProTree(props) {
240
255
  onChange && onChange(values);
241
256
  }
242
257
  };
258
+ // 该方法只有复选框,在勾中checkbox后才会走到这个方法
243
259
  var onCheck = function onCheck(checkedKeys, info) {
244
260
  if (disabled || isView) {
245
261
  return null;
@@ -100,8 +100,8 @@ function List(props) {
100
100
  }
101
101
  }, [checkedValues]);
102
102
  (0, _react.useEffect)(function () {
103
+ // 复选树,配置的selectedKey在这里处理选中,单选树,在ProTree组件里跟value比优先级处理,到这个组件里面是checkedValues了
103
104
  if (checkable) {
104
- // 复选树,selectedKey,选中那个树节点
105
105
  setState({
106
106
  currentClickTreeNode: selectedKey
107
107
  });
@@ -118,8 +118,8 @@ export interface ProTreeProps extends PropTreeSelectProps {
118
118
  prefixCls?: string;
119
119
  children?: any;
120
120
  blockNode?: boolean;
121
- /** 复选模式下,点中的树节点key */
122
- selectKey?: string | number | undefined;
121
+ /** 点中的树节点key,表单模式下value有值该配置优先级降低 */
122
+ selectedKey?: string | number | undefined;
123
123
  }
124
124
  export interface DataProps {
125
125
  label?: string;
@@ -1,10 +1,13 @@
1
+ @root-entry-name: 'default';
2
+ @import (reference) '~antd/es/style/themes/index.less';
3
+
1
4
  .pro-tree {
2
5
  height: 100%; // tree auto css
3
6
 
4
- .ant-spin-nested-loading {
7
+ .@{ant-prefix}-spin-nested-loading {
5
8
  height: 100%; // tree auto css
6
9
 
7
- .ant-spin-container {
10
+ .@{ant-prefix}-spin-container {
8
11
  height: 100%; // tree auto css
9
12
  }
10
13
  }
@@ -68,19 +71,19 @@
68
71
  }
69
72
  }
70
73
 
71
- .ant-tree-checkbox {
74
+ .@{ant-prefix}-tree-checkbox {
72
75
  margin-top: 11px;
73
76
  }
74
77
 
75
- .ant-tree-switcher {
78
+ .@{ant-prefix}-tree-switcher {
76
79
  line-height: 44px;
77
80
  }
78
81
 
79
- .ant-tree-switcher-leaf-line {
82
+ .@{ant-prefix}-tree-switcher-leaf-line {
80
83
  display: none;
81
84
  }
82
85
 
83
- .ant-tree-treenode {
86
+ .@{ant-prefix}-tree-treenode {
84
87
  align-items: flex-start;
85
88
  width : 100%;
86
89
  padding : 0;
@@ -88,15 +91,15 @@
88
91
  font-size : var(--zaui-font-size);
89
92
  }
90
93
 
91
- .ant-tree-node-content-wrapper {
94
+ .@{ant-prefix}-tree-node-content-wrapper {
92
95
  min-height : 20px;
93
96
  line-height: 20px;
94
97
  }
95
98
 
96
- .ant-tree-node-content-wrapper {
99
+ .@{ant-prefix}-tree-node-content-wrapper {
97
100
  width: 100%;
98
101
 
99
- .ant-tree-title {
102
+ .@{ant-prefix}-tree-title {
100
103
  display: block;
101
104
  width : 100%;
102
105
  }
@@ -104,13 +107,13 @@
104
107
 
105
108
  // 只读状态下,是否隐藏未勾选行
106
109
  .hide-disable-node {
107
- .ant-tree-treenode.ant-tree-treenode-disabled {
110
+ .@{ant-prefix}-tree-treenode.@{ant-prefix}-tree-treenode-disabled {
108
111
  display: none;
109
112
  }
110
113
 
111
- .ant-tree-treenode-checkbox-indeterminate,
112
- .ant-tree-treenode-checkbox-checked {
113
- &.ant-tree-treenode-disabled {
114
+ .@{ant-prefix}-tree-treenode-checkbox-indeterminate,
115
+ .@{ant-prefix}-tree-treenode-checkbox-checked {
116
+ &.@{ant-prefix}-tree-treenode-disabled {
114
117
  display: flex;
115
118
  }
116
119
  }
@@ -221,17 +224,17 @@
221
224
  }
222
225
 
223
226
  // 连接线、箭头宽度
224
- .ant-tree-show-line .ant-tree-indent-unit {
227
+ .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-indent-unit {
225
228
  width: 20px;
226
229
  }
227
230
 
228
- .ant-tree-switcher {
231
+ .@{ant-prefix}-tree-switcher {
229
232
  width : 20px;
230
233
  align-self: flex-start;
231
234
  margin-top: -4px;
232
235
  }
233
236
 
234
- .ant-tree-show-line .ant-tree-indent-unit::before {
237
+ .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-indent-unit::before {
235
238
  right: 9px;
236
239
  }
237
240
 
@@ -244,8 +247,8 @@
244
247
  }
245
248
 
246
249
  // 去除antd白色背景
247
- .ant-tree-show-line .ant-tree-switcher,
248
- .ant-tree {
250
+ .@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-switcher,
251
+ .@{ant-prefix}-tree {
249
252
  background-color: transparent;
250
253
  }
251
254
 
@@ -264,12 +267,12 @@
264
267
  padding-top: 0px;
265
268
  min-width : 120px;
266
269
 
267
- .ant-popover-inner-content {
270
+ .@{ant-prefix}-popover-inner-content {
268
271
  padding: 0px;
269
272
  width : 100%;
270
273
  }
271
274
 
272
- .ant-popover-arrow {
275
+ .@{ant-prefix}-popover-arrow {
273
276
  display: none;
274
277
  }
275
278
 
@@ -301,8 +304,8 @@
301
304
  }
302
305
  }
303
306
 
304
- .ant-tree .ant-tree-treenode-disabled {
305
- .ant-tree-node-content-wrapper {
307
+ .@{ant-prefix}-tree .@{ant-prefix}-tree-treenode-disabled {
308
+ .@{ant-prefix}-tree-node-content-wrapper {
306
309
  color: var(--zaui-text);
307
310
  }
308
311
 
@@ -316,20 +319,20 @@
316
319
  }
317
320
 
318
321
  // 重置ant-form view模式样式ant-tree样式
319
- .pro-form.pro-form-view .ant-form-item .pro-tree * {
322
+ .pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree * {
320
323
  line-height: 1 !important;
321
324
  height : auto !important;
322
325
  min-height : auto !important;
323
326
  }
324
327
 
325
- .pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox {
328
+ .pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox {
326
329
  margin-top: var(--zaui-space-size-sm);
327
330
  }
328
331
 
329
- .pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-switcher {
332
+ .pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-switcher {
330
333
  padding-top: var(--zaui-font-size-sm);
331
334
  }
332
335
 
333
- .pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox * {
336
+ .pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox * {
334
337
  height: 16px !important;
335
338
  }
@@ -35,3 +35,9 @@ export declare function filterCheckedNodes(data: any, checkedKeys: any, searchSt
35
35
  * @returns
36
36
  */
37
37
  export declare function getChildrenKeys(node: TreeDataProps, childrenKeys: string[], fieldNames: FieldNamesType, type: 'treeClose' | 'treeCheck'): void;
38
+ /**
39
+ * 如果默认全开展那么返回所有key,否则返回空[]
40
+ * @param isExpand 是否全展开
41
+ * @param allkeys 所有key
42
+ */
43
+ export declare function getDefaultExpandKeys(isExpand: any, allKeys: any): any;
@@ -8,6 +8,7 @@ exports.filterCheckedNodes = filterCheckedNodes;
8
8
  exports.findTreeNodeByKey = findTreeNodeByKey;
9
9
  exports.getAllKeys = getAllKeys;
10
10
  exports.getChildrenKeys = getChildrenKeys;
11
+ exports.getDefaultExpandKeys = getDefaultExpandKeys;
11
12
  exports.getFlatTreeData = getFlatTreeData;
12
13
  exports.getParentKey = void 0;
13
14
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -192,4 +193,15 @@ function getChildrenKeys(node, childrenKeys, fieldNames, type) {
192
193
  }
193
194
  });
194
195
  }
196
+ }
197
+ /**
198
+ * 如果默认全开展那么返回所有key,否则返回空[]
199
+ * @param isExpand 是否全展开
200
+ * @param allkeys 所有key
201
+ */
202
+ function getDefaultExpandKeys(isExpand, allKeys) {
203
+ if (isExpand) {
204
+ return allKeys;
205
+ }
206
+ return [];
195
207
  }
@@ -8,11 +8,9 @@ exports.default = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
9
  var _jsxRuntime = require("react/jsx-runtime");
10
10
  function CloseIcon(props) {
11
- return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
12
- className: "ant-input-suffix"
13
- }, props), {}, {
11
+ return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
14
12
  children: (0, _jsxRuntime.jsx)("span", {
15
- className: "ant-input-clear-icon pro-tree-modal-checkbox-close",
13
+ className: "pro-tree-modal-checkbox-close",
16
14
  role: "button",
17
15
  children: (0, _jsxRuntime.jsx)("span", {
18
16
  role: "img",
@@ -5,9 +5,12 @@ interface TriggerProps {
5
5
  disabled?: boolean;
6
6
  isView?: boolean;
7
7
  checkAll?: boolean;
8
+ appoint: boolean;
9
+ allValue?: string | number;
8
10
  triggerStyle?: CSSProperties;
9
11
  handleClick: () => void;
10
12
  handleClearAll: () => void;
13
+ appointChange: (appoint?: boolean) => void;
11
14
  }
12
15
  declare function Trigger(props: TriggerProps): JSX.Element;
13
16
  export default Trigger;