@teamix/pro 1.2.13 → 1.2.17

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 (203) hide show
  1. package/dist/212.js +798 -766
  2. package/dist/pro.css +1 -1
  3. package/dist/pro.js +1668 -1751
  4. package/dist/pro.min.css +1 -1
  5. package/dist/pro.min.js +1 -1
  6. package/es/actions/dialog-component.js +2 -2
  7. package/es/actions/dialog-form.js +2 -2
  8. package/es/actions/dialog.js +5 -3
  9. package/es/actions/index.d.ts +2 -0
  10. package/es/actions/index.js +30 -16
  11. package/es/actions/link.js +2 -2
  12. package/es/actions/request.js +2 -2
  13. package/es/actions/utils.js +2 -2
  14. package/es/card/card-container.js +2 -2
  15. package/es/card/divider.js +2 -2
  16. package/es/card/index.d.ts +6 -3
  17. package/es/card/index.js +11 -6
  18. package/es/card/index.scss +4 -0
  19. package/es/card/selectable.js +2 -2
  20. package/es/card/tab.js +2 -2
  21. package/es/form/Components/Editable/index.js +2 -2
  22. package/es/form/Components/FormGroup/index.js +2 -2
  23. package/es/form/Components/LightFilter/componentMap.d.ts +2 -0
  24. package/es/form/Components/LightFilter/componentMap.js +5 -0
  25. package/es/form/Components/LightFilter/index.d.ts +15 -0
  26. package/es/form/Components/{QueryFilter → LightFilter}/index.js +45 -44
  27. package/es/form/Components/LightFilter/index.scss +74 -0
  28. package/es/form/Components/ProField/index.js +2 -2
  29. package/es/form/Components/Text/index.js +2 -2
  30. package/es/form/Filter/index.js +4 -4
  31. package/es/form/Filter/index.scss +0 -46
  32. package/es/form/Filter/index2.d.ts +1 -1
  33. package/es/form/Filter/index2.js +163 -115
  34. package/es/form/Filter/index2.scss +73 -0
  35. package/es/form/ProForm/index.js +3 -2
  36. package/es/form/ProForm/index.scss +9 -9
  37. package/es/form/ProForm/useAutoSubmit.js +2 -2
  38. package/es/form/ProForm/useFieldRequest.js +2 -2
  39. package/es/form/ProForm/useFormDisplayValues.js +46 -15
  40. package/es/form/ProForm/useInitialRequest.js +2 -2
  41. package/es/form/SchemaForm/adapterType.js +1 -0
  42. package/es/form/SchemaForm/index.js +5 -5
  43. package/es/form/SchemaForm/initializeArrayCards.js +2 -2
  44. package/es/form/SchemaForm/initializeArrayCollapse.js +2 -2
  45. package/es/form/SchemaForm/initializeArrayItems.js +2 -2
  46. package/es/form/SchemaForm/initializeArrayTable.js +2 -2
  47. package/es/form/SchemaForm/initializeFormButton.js +2 -2
  48. package/es/form/SchemaForm/initializeFormCollapse.js +2 -2
  49. package/es/form/SchemaForm/initializeFormGroup.js +2 -2
  50. package/es/form/SchemaForm/initializeFormStep.js +2 -2
  51. package/es/form/SchemaForm/initializeFormTab.js +2 -2
  52. package/es/form/SchemaForm/initializeReactions.js +2 -2
  53. package/es/form/SchemaForm/initializeRules.js +2 -2
  54. package/es/form/SchemaForm/reactions.js +4 -8
  55. package/es/form/fieldTypeMap.js +1 -0
  56. package/es/form/global.scss +1 -0
  57. package/es/form/index.d.ts +9 -9
  58. package/es/form/index.js +2 -2
  59. package/es/form/typing.d.ts +6 -0
  60. package/es/form/utils.js +2 -2
  61. package/es/form/warning.js +2 -2
  62. package/es/index.d.ts +1 -1
  63. package/es/index.js +1 -1
  64. package/es/info/components/InfoGroup/index.js +2 -2
  65. package/es/info/components/InfoValueItem/index.js +2 -2
  66. package/es/info/components/tableInfo/index.js +2 -2
  67. package/es/info/index.js +2 -2
  68. package/es/info/utils/index.js +2 -2
  69. package/es/nocode/configurators/ProTable.js +1 -0
  70. package/es/nocode/pages/playground.js +2 -2
  71. package/es/nocode/pages/renderer.js +5 -5
  72. package/es/nocode/playground.js +2 -2
  73. package/es/page-header/index.d.ts +1 -2
  74. package/es/page-header/index.js +4 -14
  75. package/es/sidebar/components/sidebar-container/index.js +2 -2
  76. package/es/sidebar/components/tree/index.js +2 -2
  77. package/es/sidebar/index.js +2 -2
  78. package/es/table/components/Filter/index.js +44 -18
  79. package/es/table/components/Layout/index.js +3 -3
  80. package/es/table/components/QuickAction/index.js +3 -3
  81. package/es/table/components/ToolBar/FilterColumnIcon.js +54 -19
  82. package/es/table/components/ToolBar/index.js +2 -2
  83. package/es/table/components/ToolBar/index.scss +1 -0
  84. package/es/table/index.js +11 -4
  85. package/es/table/typing.d.ts +6 -2
  86. package/es/table/utils/columnRender.js +29 -8
  87. package/es/table/utils/genProColumnToColumn.js +2 -2
  88. package/es/table/utils/index.js +9 -3
  89. package/es/table/utils/useTableSelection.js +2 -2
  90. package/es/templates/List/index.js +2 -2
  91. package/es/utils/message.d.ts +1 -1
  92. package/es/utils/message.js +9 -9
  93. package/lib/actions/dialog-component.js +2 -2
  94. package/lib/actions/dialog-form.js +3 -3
  95. package/lib/actions/dialog.js +6 -4
  96. package/lib/actions/index.d.ts +2 -0
  97. package/lib/actions/index.js +30 -16
  98. package/lib/actions/link.js +2 -2
  99. package/lib/actions/request.js +2 -2
  100. package/lib/actions/utils.js +2 -2
  101. package/lib/card/card-container.js +2 -2
  102. package/lib/card/divider.js +2 -2
  103. package/lib/card/index.d.ts +6 -3
  104. package/lib/card/index.js +11 -6
  105. package/lib/card/index.scss +4 -0
  106. package/lib/card/selectable.js +2 -2
  107. package/lib/card/tab.js +2 -2
  108. package/lib/field/index.js +1 -1
  109. package/lib/form/Components/Editable/index.js +3 -3
  110. package/lib/form/Components/FormGroup/index.js +2 -2
  111. package/lib/form/Components/LightFilter/componentMap.d.ts +2 -0
  112. package/lib/form/Components/LightFilter/componentMap.js +12 -0
  113. package/lib/form/Components/LightFilter/index.d.ts +15 -0
  114. package/lib/form/Components/{QueryFilter → LightFilter}/index.js +50 -44
  115. package/lib/form/Components/LightFilter/index.scss +74 -0
  116. package/lib/form/Components/ProField/index.js +2 -2
  117. package/lib/form/Components/Text/index.js +2 -2
  118. package/lib/form/Filter/index.js +5 -5
  119. package/lib/form/Filter/index.scss +0 -46
  120. package/lib/form/Filter/index2.d.ts +1 -1
  121. package/lib/form/Filter/index2.js +165 -115
  122. package/lib/form/Filter/index2.scss +73 -0
  123. package/lib/form/ProForm/index.js +4 -3
  124. package/lib/form/ProForm/index.scss +9 -9
  125. package/lib/form/ProForm/useAutoSubmit.js +2 -2
  126. package/lib/form/ProForm/useFieldRequest.js +2 -2
  127. package/lib/form/ProForm/useFormDisplayValues.js +47 -15
  128. package/lib/form/ProForm/useInitialRequest.js +2 -2
  129. package/lib/form/SchemaForm/adapterType.js +1 -0
  130. package/lib/form/SchemaForm/index.js +6 -6
  131. package/lib/form/SchemaForm/initializeArrayCards.js +2 -2
  132. package/lib/form/SchemaForm/initializeArrayCollapse.js +2 -2
  133. package/lib/form/SchemaForm/initializeArrayItems.js +2 -2
  134. package/lib/form/SchemaForm/initializeArrayTable.js +2 -2
  135. package/lib/form/SchemaForm/initializeFormButton.js +2 -2
  136. package/lib/form/SchemaForm/initializeFormCollapse.js +2 -2
  137. package/lib/form/SchemaForm/initializeFormGroup.js +2 -2
  138. package/lib/form/SchemaForm/initializeFormStep.js +2 -2
  139. package/lib/form/SchemaForm/initializeFormTab.js +2 -2
  140. package/lib/form/SchemaForm/initializeReactions.js +2 -2
  141. package/lib/form/SchemaForm/initializeRules.js +2 -2
  142. package/lib/form/SchemaForm/reactions.js +3 -7
  143. package/lib/form/fieldTypeMap.js +1 -0
  144. package/lib/form/global.scss +1 -0
  145. package/lib/form/index.d.ts +9 -9
  146. package/lib/form/index.js +3 -3
  147. package/lib/form/typing.d.ts +6 -0
  148. package/lib/form/utils.js +2 -2
  149. package/lib/form/warning.js +2 -2
  150. package/lib/hooks/index.js +1 -1
  151. package/lib/index.d.ts +1 -1
  152. package/lib/index.js +2 -2
  153. package/lib/info/components/InfoGroup/index.js +3 -3
  154. package/lib/info/components/InfoValueItem/index.js +3 -3
  155. package/lib/info/components/tableInfo/index.js +3 -3
  156. package/lib/info/index.js +3 -3
  157. package/lib/info/utils/index.js +2 -2
  158. package/lib/nocode/configurators/ProTable.js +1 -0
  159. package/lib/nocode/configurators/index.js +1 -1
  160. package/lib/nocode/pages/playground.js +3 -3
  161. package/lib/nocode/pages/renderer.js +5 -5
  162. package/lib/nocode/playground.js +3 -3
  163. package/lib/page-container/index.js +1 -1
  164. package/lib/page-header/index.d.ts +1 -2
  165. package/lib/page-header/index.js +6 -17
  166. package/lib/sidebar/components/sidebar-container/index.js +2 -2
  167. package/lib/sidebar/components/tree/index.js +3 -3
  168. package/lib/sidebar/index.js +3 -3
  169. package/lib/skeleton/index.js +1 -1
  170. package/lib/table/components/Filter/index.js +45 -19
  171. package/lib/table/components/Layout/index.js +3 -3
  172. package/lib/table/components/QuickAction/index.js +3 -3
  173. package/lib/table/components/ToolBar/DensityIcon.js +1 -1
  174. package/lib/table/components/ToolBar/FilterColumnIcon.js +55 -20
  175. package/lib/table/components/ToolBar/FullScreenIcon.js +1 -1
  176. package/lib/table/components/ToolBar/Fullscreen.js +1 -1
  177. package/lib/table/components/ToolBar/index.js +2 -2
  178. package/lib/table/components/ToolBar/index.scss +1 -0
  179. package/lib/table/index.js +11 -4
  180. package/lib/table/typing.d.ts +6 -2
  181. package/lib/table/utils/columnRender.js +29 -8
  182. package/lib/table/utils/genProColumnToColumn.js +2 -2
  183. package/lib/table/utils/index.js +9 -3
  184. package/lib/table/utils/useTableSelection.js +2 -2
  185. package/lib/templates/List/index.js +3 -3
  186. package/lib/utils/index.js +1 -1
  187. package/lib/utils/message.d.ts +1 -1
  188. package/lib/utils/message.js +9 -9
  189. package/package.json +2 -2
  190. package/es/form/Components/Query/index.d.ts +0 -4
  191. package/es/form/Components/Query/index.js +0 -70
  192. package/es/form/Components/Query/index.scss +0 -85
  193. package/es/form/Components/QueryFilter/index.d.ts +0 -3
  194. package/es/utils/components/tags/index.d.ts +0 -15
  195. package/es/utils/components/tags/index.js +0 -94
  196. package/es/utils/components/tags/index.scss +0 -12
  197. package/lib/form/Components/Query/index.d.ts +0 -4
  198. package/lib/form/Components/Query/index.js +0 -91
  199. package/lib/form/Components/Query/index.scss +0 -85
  200. package/lib/form/Components/QueryFilter/index.d.ts +0 -3
  201. package/lib/utils/components/tags/index.d.ts +0 -15
  202. package/lib/utils/components/tags/index.js +0 -114
  203. package/lib/utils/components/tags/index.scss +0 -12
@@ -1,8 +1,8 @@
1
1
  var _excluded = ["schema", "component"];
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
 
7
7
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
8
8
 
@@ -17,9 +17,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
17
17
 
18
18
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
19
19
 
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
20
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
21
 
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
22
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
23
 
24
24
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
25
 
@@ -1,9 +1,9 @@
1
1
  var _excluded = ["url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
2
2
  _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
3
3
 
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
5
 
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
7
7
 
8
8
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9
9
 
@@ -226,7 +226,9 @@ export function useDialogAction(action, actionContext) {
226
226
  className: "teamix-pro-dialog-before-content"
227
227
  }, addContextForReactNode(beforeContent, dialogContext)), message && /*#__PURE__*/React.createElement("div", {
228
228
  className: "teamix-pro-dialog-message"
229
- }, renderProMessage(message)), dialogContent, afterContent && /*#__PURE__*/React.createElement("div", {
229
+ }, renderProMessage(message, {
230
+ type: 'notice'
231
+ })), dialogContent, afterContent && /*#__PURE__*/React.createElement("div", {
230
232
  className: "teamix-pro-dialog-after-content"
231
233
  }, addContextForReactNode(afterContent, dialogContext)), footerDescription && /*#__PURE__*/React.createElement("div", {
232
234
  className: classnames('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
@@ -24,6 +24,7 @@ export declare type ProActionConfig = ({
24
24
  export declare function registerActionHandler(id: string, extendActionId: string, defaultConfig: any): void;
25
25
  export declare function useAction(config?: ProActionConfig, context?: any): any;
26
26
  export interface ProActionButtonProps extends ButtonProps {
27
+ key?: string | number;
27
28
  config?: ProActionConfig;
28
29
  visible?: any;
29
30
  disabled?: any;
@@ -33,6 +34,7 @@ export interface ProActionButtonProps extends ButtonProps {
33
34
  }
34
35
  export declare const ProActionButton: (props: ProActionButtonProps) => JSX.Element;
35
36
  export interface ProActionMenuButtonProps extends MenuButtonProps {
37
+ key?: string | number;
36
38
  actions: ProActionProps[];
37
39
  visible?: any;
38
40
  icon?: string;
@@ -3,8 +3,8 @@ var _excluded = ["type"],
3
3
  _excluded3 = ["loading"],
4
4
  _excluded4 = ["icon", "iconSize", "label", "actions", "children", "context", "type"],
5
5
  _excluded5 = ["context", "text"],
6
- _excluded6 = ["actions"],
7
- _excluded7 = ["config"],
6
+ _excluded6 = ["key", "actions"],
7
+ _excluded7 = ["key", "config"],
8
8
  _excluded8 = ["type", "divider", "max", "moreText", "context", "actions", "className"];
9
9
 
10
10
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -19,9 +19,9 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
19
19
 
20
20
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
21
21
 
22
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
22
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
23
23
 
24
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
24
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
25
25
 
26
26
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
27
27
 
@@ -205,8 +205,8 @@ function renderCommonActionButtonMenuItem(action, key, context) {
205
205
  return /*#__PURE__*/React.createElement(Menu.SubMenu, {
206
206
  key: key,
207
207
  label: menuBtn.label || menuBtn.children
208
- }, menuBtn.actions.map(function (a, j) {
209
- return renderCommonActionButtonMenuItem(a, String(j), context);
208
+ }, menuBtn.actions.map(function (a) {
209
+ return renderCommonActionButtonMenuItem(a, a.key, context);
210
210
  }));
211
211
  }
212
212
 
@@ -241,7 +241,7 @@ export var ProActionMenuButton = function ProActionMenuButton(props) {
241
241
  type: type,
242
242
  label: buttonContent(label || children, icon, iconSize, context)
243
243
  }, others), actions.map(function (action, i) {
244
- return renderCommonActionButtonMenuItem(action, String(i), context);
244
+ return renderCommonActionButtonMenuItem(action, action.key || i, context);
245
245
  }));
246
246
  }; // 如果 actions 数量超过了 max,则把第 max 个和剩余超出部分折叠起来成为一个 menu
247
247
 
@@ -252,7 +252,9 @@ function formatGroupActions(actions, max, moreConfig) {
252
252
  return actions;
253
253
  }
254
254
 
255
- return [].concat(_toConsumableArray(actions.slice(0, MAX - 1)), [_objectSpread(_objectSpread({}, moreConfig), {}, {
255
+ return [].concat(_toConsumableArray(actions.slice(0, MAX - 1)), [_objectSpread(_objectSpread({
256
+ key: '__teamix_pro_action_group_more_btn'
257
+ }, moreConfig), {}, {
256
258
  actions: actions.slice(MAX - 1)
257
259
  })]);
258
260
  } // 渲染一个 button 或者 menu button
@@ -298,22 +300,34 @@ function getDefaultMoreButton(type, moreText) {
298
300
 
299
301
  var MAX_ACTTIONS = 4;
300
302
 
301
- function getActionConfig(action, context) {
303
+ function getKey(index, key) {
304
+ if (key !== undefined) {
305
+ return key;
306
+ }
307
+
308
+ return "__teamix_pro_action_key_".concat(index);
309
+ }
310
+
311
+ function getActionConfig(action, index, context) {
302
312
  if (action.actions) {
303
- var actions = action.actions,
313
+ var _key = action.key,
314
+ actions = action.actions,
304
315
  _others = _objectWithoutProperties(action, _excluded6);
305
316
 
306
317
  return _objectSpread({
307
- actions: actions.map(function (a) {
308
- return getActionConfig(a, context);
318
+ key: getKey(index, _key),
319
+ actions: actions.map(function (a, j) {
320
+ return getActionConfig(a, j, context);
309
321
  })
310
322
  }, getTargetValue(_others, context));
311
323
  }
312
324
 
313
- var config = action.config,
325
+ var key = action.key,
326
+ config = action.config,
314
327
  others = _objectWithoutProperties(action, _excluded7);
315
328
 
316
329
  return _objectSpread({
330
+ key: getKey(index, key),
317
331
  config: config
318
332
  }, getTargetValue(others, context));
319
333
  }
@@ -333,8 +347,8 @@ export function ProActionGroup(props) {
333
347
  containerProps = _objectWithoutProperties(props, _excluded8);
334
348
 
335
349
  var isTypeText = type === 'text';
336
- var filteredActions = actions.map(function (action) {
337
- return getActionConfig(action, context);
350
+ var filteredActions = actions.map(function (action, index) {
351
+ return getActionConfig(action, index, context);
338
352
  }).filter(function (action) {
339
353
  return action.visible !== false;
340
354
  });
@@ -346,7 +360,7 @@ export function ProActionGroup(props) {
346
360
  }, containerProps), formatedActions.map(function (actionBtn, i) {
347
361
  var isLastOne = i === formatedActions.length - 1;
348
362
  return /*#__PURE__*/React.createElement(React.Fragment, {
349
- key: i
363
+ key: actionBtn.key
350
364
  }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/React.createElement(Divider, {
351
365
  direction: "ver"
352
366
  }));
@@ -1,6 +1,6 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
2
 
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
4
 
5
5
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
6
 
@@ -13,9 +13,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
13
13
 
14
14
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
15
 
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
16
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
17
 
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
18
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
19
 
20
20
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
21
 
@@ -1,8 +1,8 @@
1
1
  var _excluded = ["context"];
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
 
7
7
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
8
8
 
@@ -1,6 +1,6 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
2
 
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
4
 
5
5
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
6
 
@@ -1,6 +1,6 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
2
 
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
4
 
5
5
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
6
 
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
- import { ProTagItem } from '../utils/components/tags';
2
+ import { ProTagItem } from '@teamix/utils';
3
+ import { ProMessageProps } from '../utils/message';
3
4
  import { ProActionGroupProps } from '../actions';
4
5
  import './index.scss';
5
6
  export * from './card-container';
@@ -24,6 +25,8 @@ export interface ProCardProps extends Omit<React.HTMLAttributes<HTMLElement>, 't
24
25
  actions?: React.ReactNode | ProActionGroupProps;
25
26
  /** 卡片背景图 */
26
27
  image?: string;
28
+ /** 位于弹窗内容上方的消息提示区 */
29
+ message?: ProMessageProps;
27
30
  /** 卡片标题下方是否有分割线 */
28
31
  divider?: boolean;
29
32
  /**
@@ -87,8 +90,8 @@ export declare const ProCard: {
87
90
  Selectable: {
88
91
  (props: import("./selectable").ProCardSelectableProps): JSX.Element;
89
92
  defaultProps: {
90
- hoveredShadow: boolean;
91
- }; /** 标签组 */
93
+ hoveredShadow: boolean; /** 标签组 */
94
+ };
92
95
  isProCard: boolean;
93
96
  };
94
97
  Tab: {
package/es/card/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  var _excluded = ["context"],
2
- _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
2
+ _excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "message", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
3
3
 
4
4
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5
5
 
@@ -13,9 +13,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
13
13
 
14
14
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
15
 
16
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
16
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
17
 
18
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
18
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
19
 
20
20
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
21
21
 
@@ -28,8 +28,8 @@ import classnames from 'classnames';
28
28
  import Result from '@teamix/result';
29
29
  import { Card as BasicCard, Balloon } from '@alicloudfe/components';
30
30
  import TeamixIcon from '@teamix/icon';
31
- import { baseClass, getMessage } from '@teamix/utils';
32
- import { renderTags } from '../utils/components/tags';
31
+ import { baseClass, getMessage, renderTags } from '@teamix/utils';
32
+ import { renderProMessage } from '../utils/message';
33
33
  import { ProSkeletonRaw } from '../skeleton';
34
34
  import { ProActionGroup } from '../actions';
35
35
  import { formatSpacing, getColClassAndStyle } from './utils';
@@ -81,6 +81,7 @@ export var ProCard = function ProCard(props) {
81
81
  description = props.description,
82
82
  extra = props.extra,
83
83
  actions = props.actions,
84
+ message = props.message,
84
85
  style = props.style,
85
86
  className = props.className,
86
87
  image = props.image,
@@ -250,7 +251,11 @@ export var ProCard = function ProCard(props) {
250
251
  style: {
251
252
  padding: '50px 0 60px'
252
253
  }
253
- })), !empty && childrenModified)));
254
+ })), !empty && /*#__PURE__*/React.createElement(React.Fragment, null, message && /*#__PURE__*/React.createElement("div", {
255
+ className: cls('content-message')
256
+ }, renderProMessage(message, {
257
+ type: 'notice'
258
+ })), childrenModified))));
254
259
  };
255
260
  ProCard.defaultProps = {
256
261
  bordered: true,
@@ -151,6 +151,10 @@
151
151
  }
152
152
  }
153
153
  }
154
+
155
+ &-message {
156
+ margin-bottom: var(--s-2);
157
+ }
154
158
  }
155
159
 
156
160
  &-tab {
@@ -1,8 +1,8 @@
1
1
  var _excluded = ["selected", "onSelect", "className", "onClick"];
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
 
7
7
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
8
8
 
package/es/card/tab.js CHANGED
@@ -1,8 +1,8 @@
1
1
  var _excluded = ["className"];
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
 
7
7
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
8
8
 
@@ -1,6 +1,6 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
2
 
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
4
 
5
5
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
6
 
@@ -5,9 +5,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
5
5
 
6
6
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
7
7
 
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
8
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
9
 
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
10
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
11
 
12
12
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
13
13
 
@@ -0,0 +1,2 @@
1
+ declare const componentMap: any;
2
+ export default componentMap;
@@ -0,0 +1,5 @@
1
+ var componentMap = {
2
+ Radio: 'Select',
3
+ Checkbox: 'Select'
4
+ };
5
+ export default componentMap;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import type { SelectProps } from '@alicloudfe/components/types/select';
3
+ import type { ButtonProps } from '@alicloudfe/components/types/button';
4
+ import './index.scss';
5
+ /**
6
+ * LightFilter
7
+ */
8
+ interface ILightFiter {
9
+ size?: 'small' | 'medium' | 'large';
10
+ defaultFilterValue?: string;
11
+ filterProps?: SelectProps;
12
+ buttonProps?: ButtonProps;
13
+ }
14
+ declare const LightFilter: React.FC<ILightFiter>;
15
+ export default LightFilter;
@@ -10,41 +10,39 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
10
10
 
11
11
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
12
 
13
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
13
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
14
 
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
15
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
16
 
17
17
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
18
 
19
19
  import React, { useState } from 'react';
20
20
  import { useField, observer, useFieldSchema, RecursionField } from '@formily/react';
21
- import { isArr } from '@teamix/utils';
22
- import Query from '../Query';
23
-
24
- var isValid = function isValid(v) {
25
- if (isArr(v)) {
26
- return v.length !== 0;
27
- }
28
-
29
- return v !== undefined && v !== null;
30
- }; // 主激活区
31
-
21
+ import { Select, Button } from '@alicloudfe/components';
22
+ import TeamixIcon from '@teamix/icon';
23
+ import cls from 'classnames';
24
+ import { usePrefixCls } from '@teamix/utils';
25
+ import componentMap from './componentMap';
26
+ import './index.scss'; // 主激活区内容
32
27
 
33
28
  var useMain = function useMain(active) {
34
29
  var schema = useFieldSchema();
35
30
  var main = [];
36
31
  schema.mapProperties(function (schema, name) {
32
+ // console.log(schema.required); // 添加 *
33
+ // console.log(schema);
37
34
  if (schema.name === active) {
38
35
  main.push({
39
36
  name: name,
40
37
  schema: _objectSpread(_objectSpread({}, schema), {}, {
41
- title: ''
38
+ title: '',
39
+ 'x-component': componentMap[schema['x-component']] || schema['x-component']
42
40
  })
43
41
  });
44
42
  }
45
43
  });
46
44
  return main;
47
- }; // 筛选项选择
45
+ }; // 筛选项数据
48
46
 
49
47
 
50
48
  var useFilterItems = function useFilterItems() {
@@ -57,38 +55,29 @@ var useFilterItems = function useFilterItems() {
57
55
  });
58
56
  });
59
57
  return filterItems;
60
- }; // 标签值
58
+ };
61
59
 
60
+ var LightFilter = observer(function (props) {
61
+ var _filterItems$;
62
62
 
63
- var useValues = function useValues() {
64
- var queryField = useField();
63
+ var field = useField();
65
64
  var schema = useFieldSchema();
66
- var values = [];
67
- schema.mapProperties(function (schema, name) {
68
- var field = queryField.query(queryField.address.concat(name)).take(); // console.log(field);
69
-
70
- if (isValid(field === null || field === void 0 ? void 0 : field.value)) {
71
- values.push({
72
- key: schema.name,
73
- title: schema.title,
74
- content: field.value
75
- });
76
- }
77
- });
78
- return values;
79
- };
65
+ var filterItems = useFilterItems();
66
+ var size = props.size,
67
+ defaultFilterValue = props.defaultFilterValue,
68
+ filterProps = props.filterProps,
69
+ buttonProps = props.buttonProps;
80
70
 
81
- var QueryFilter = observer(function (props) {
82
- var _useState = useState(),
71
+ var _useState = useState(defaultFilterValue || ((_filterItems$ = filterItems[0]) === null || _filterItems$ === void 0 ? void 0 : _filterItems$.value)),
83
72
  _useState2 = _slicedToArray(_useState, 2),
84
73
  active = _useState2[0],
85
74
  setActive = _useState2[1];
86
75
 
87
- var field = useField();
88
- var schema = useFieldSchema();
89
76
  var main = useMain(active);
90
- var filterItems = useFilterItems();
91
- var values = useValues();
77
+ var defaultCls = usePrefixCls();
78
+ var prefixCls = usePrefixCls('', {
79
+ prefix: 'teamix-pro-form-light-filter'
80
+ });
92
81
  var content = main.map(function (_ref, key) {
93
82
  var schema = _ref.schema,
94
83
  name = _ref.name;
@@ -101,10 +90,22 @@ var QueryFilter = observer(function (props) {
101
90
  }
102
91
  });
103
92
  });
104
- return /*#__PURE__*/React.createElement(Query, {
105
- tags: values,
106
- filterItems: filterItems,
107
- onFilterItemsChange: setActive
108
- }, content);
93
+ return /*#__PURE__*/React.createElement("span", {
94
+ className: cls(prefixCls, "".concat(defaultCls).concat(size))
95
+ }, /*#__PURE__*/React.createElement("span", {
96
+ className: "".concat(prefixCls, "-main")
97
+ }, /*#__PURE__*/React.createElement(Select, _objectSpread(_objectSpread({}, filterProps), {}, {
98
+ className: cls("".concat(prefixCls, "-select"), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
99
+ dataSource: filterItems,
100
+ onChange: setActive,
101
+ value: active
102
+ })), content), /*#__PURE__*/React.createElement("span", {
103
+ className: "".concat(prefixCls, "-addonAfter")
104
+ }, /*#__PURE__*/React.createElement(Button, _objectSpread({}, buttonProps), /*#__PURE__*/React.createElement(TeamixIcon, {
105
+ type: "search-line"
106
+ }))));
109
107
  });
110
- export default QueryFilter;
108
+ LightFilter.defaultProps = {
109
+ size: 'medium'
110
+ };
111
+ export default LightFilter;