@teamix/pro 1.2.12 → 1.2.16

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 (201) hide show
  1. package/dist/212.js +798 -766
  2. package/dist/pro.css +1 -1
  3. package/dist/pro.js +1851 -1863
  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.js +11 -7
  10. package/es/actions/link.js +2 -2
  11. package/es/actions/request.js +2 -2
  12. package/es/actions/utils.js +2 -2
  13. package/es/card/card-container.js +2 -2
  14. package/es/card/divider.js +2 -2
  15. package/es/card/index.d.ts +6 -3
  16. package/es/card/index.js +11 -6
  17. package/es/card/index.scss +4 -0
  18. package/es/card/selectable.js +2 -2
  19. package/es/card/tab.js +2 -2
  20. package/es/form/Components/Editable/index.js +2 -2
  21. package/es/form/Components/FormGroup/index.js +2 -2
  22. package/es/form/Components/LightFilter/componentMap.d.ts +2 -0
  23. package/es/form/Components/LightFilter/componentMap.js +5 -0
  24. package/es/form/Components/LightFilter/index.d.ts +15 -0
  25. package/es/form/Components/{QueryFilter → LightFilter}/index.js +45 -44
  26. package/es/form/Components/LightFilter/index.scss +74 -0
  27. package/es/form/Components/ProField/index.js +2 -2
  28. package/es/form/Components/Text/index.js +2 -2
  29. package/es/form/Filter/index.js +4 -4
  30. package/es/form/Filter/index.scss +0 -46
  31. package/es/form/Filter/index2.d.ts +1 -1
  32. package/es/form/Filter/index2.js +163 -115
  33. package/es/form/Filter/index2.scss +73 -0
  34. package/es/form/ProForm/index.js +3 -2
  35. package/es/form/ProForm/index.scss +9 -9
  36. package/es/form/ProForm/useAutoSubmit.js +2 -2
  37. package/es/form/ProForm/useFieldRequest.js +2 -2
  38. package/es/form/ProForm/useFormDisplayValues.js +46 -15
  39. package/es/form/ProForm/useInitialRequest.js +2 -2
  40. package/es/form/SchemaForm/adapterType.js +1 -0
  41. package/es/form/SchemaForm/index.js +5 -5
  42. package/es/form/SchemaForm/initializeArrayCards.js +2 -2
  43. package/es/form/SchemaForm/initializeArrayCollapse.js +2 -2
  44. package/es/form/SchemaForm/initializeArrayItems.js +2 -2
  45. package/es/form/SchemaForm/initializeArrayTable.js +2 -2
  46. package/es/form/SchemaForm/initializeFormButton.js +2 -2
  47. package/es/form/SchemaForm/initializeFormCollapse.js +2 -2
  48. package/es/form/SchemaForm/initializeFormGroup.js +2 -2
  49. package/es/form/SchemaForm/initializeFormStep.js +2 -2
  50. package/es/form/SchemaForm/initializeFormTab.js +2 -2
  51. package/es/form/SchemaForm/initializeReactions.js +2 -2
  52. package/es/form/SchemaForm/initializeRules.js +2 -2
  53. package/es/form/SchemaForm/reactions.js +4 -8
  54. package/es/form/fieldTypeMap.js +1 -0
  55. package/es/form/global.scss +1 -0
  56. package/es/form/index.js +2 -2
  57. package/es/form/typing.d.ts +6 -0
  58. package/es/form/utils.js +2 -2
  59. package/es/form/warning.js +2 -2
  60. package/es/index.d.ts +1 -1
  61. package/es/index.js +1 -1
  62. package/es/info/components/InfoGroup/index.js +2 -2
  63. package/es/info/components/InfoValueItem/index.js +2 -2
  64. package/es/info/components/ProInfoItem/index.js +3 -1
  65. package/es/info/components/tableInfo/index.js +2 -2
  66. package/es/info/index.js +2 -2
  67. package/es/info/utils/index.js +2 -2
  68. package/es/nocode/pages/playground.js +2 -2
  69. package/es/nocode/pages/renderer.d.ts +2 -2
  70. package/es/nocode/pages/renderer.js +5 -5
  71. package/es/nocode/playground.js +2 -2
  72. package/es/page-header/index.d.ts +1 -2
  73. package/es/page-header/index.js +4 -14
  74. package/es/sidebar/components/sidebar-container/index.js +2 -2
  75. package/es/sidebar/components/tree/index.js +2 -2
  76. package/es/sidebar/index.js +2 -2
  77. package/es/table/components/Filter/index.js +2 -2
  78. package/es/table/components/Layout/index.js +3 -3
  79. package/es/table/components/QuickAction/index.js +3 -3
  80. package/es/table/components/ToolBar/FilterColumnIcon.js +54 -19
  81. package/es/table/components/ToolBar/index.js +2 -2
  82. package/es/table/components/ToolBar/index.scss +1 -0
  83. package/es/table/index.js +29 -11
  84. package/es/table/typing.d.ts +11 -1
  85. package/es/table/utils/columnRender.js +61 -3
  86. package/es/table/utils/genProColumnToColumn.js +2 -2
  87. package/es/table/utils/index.js +24 -4
  88. package/es/table/utils/useTableSelection.js +2 -2
  89. package/es/templates/List/index.js +2 -2
  90. package/es/utils/message.d.ts +1 -1
  91. package/es/utils/message.js +9 -9
  92. package/lib/actions/dialog-component.js +2 -2
  93. package/lib/actions/dialog-form.js +3 -3
  94. package/lib/actions/dialog.js +6 -4
  95. package/lib/actions/index.js +11 -7
  96. package/lib/actions/link.js +2 -2
  97. package/lib/actions/request.js +2 -2
  98. package/lib/actions/utils.js +2 -2
  99. package/lib/card/card-container.js +2 -2
  100. package/lib/card/divider.js +2 -2
  101. package/lib/card/index.d.ts +6 -3
  102. package/lib/card/index.js +11 -6
  103. package/lib/card/index.scss +4 -0
  104. package/lib/card/selectable.js +2 -2
  105. package/lib/card/tab.js +2 -2
  106. package/lib/field/index.js +1 -1
  107. package/lib/form/Components/Editable/index.js +3 -3
  108. package/lib/form/Components/FormGroup/index.js +2 -2
  109. package/lib/form/Components/LightFilter/componentMap.d.ts +2 -0
  110. package/lib/form/Components/LightFilter/componentMap.js +12 -0
  111. package/lib/form/Components/LightFilter/index.d.ts +15 -0
  112. package/lib/form/Components/{QueryFilter → LightFilter}/index.js +50 -44
  113. package/lib/form/Components/LightFilter/index.scss +74 -0
  114. package/lib/form/Components/ProField/index.js +2 -2
  115. package/lib/form/Components/Text/index.js +2 -2
  116. package/lib/form/Filter/index.js +5 -5
  117. package/lib/form/Filter/index.scss +0 -46
  118. package/lib/form/Filter/index2.d.ts +1 -1
  119. package/lib/form/Filter/index2.js +165 -115
  120. package/lib/form/Filter/index2.scss +73 -0
  121. package/lib/form/ProForm/index.js +4 -3
  122. package/lib/form/ProForm/index.scss +9 -9
  123. package/lib/form/ProForm/useAutoSubmit.js +2 -2
  124. package/lib/form/ProForm/useFieldRequest.js +2 -2
  125. package/lib/form/ProForm/useFormDisplayValues.js +47 -15
  126. package/lib/form/ProForm/useInitialRequest.js +2 -2
  127. package/lib/form/SchemaForm/adapterType.js +1 -0
  128. package/lib/form/SchemaForm/index.js +6 -6
  129. package/lib/form/SchemaForm/initializeArrayCards.js +2 -2
  130. package/lib/form/SchemaForm/initializeArrayCollapse.js +2 -2
  131. package/lib/form/SchemaForm/initializeArrayItems.js +2 -2
  132. package/lib/form/SchemaForm/initializeArrayTable.js +2 -2
  133. package/lib/form/SchemaForm/initializeFormButton.js +2 -2
  134. package/lib/form/SchemaForm/initializeFormCollapse.js +2 -2
  135. package/lib/form/SchemaForm/initializeFormGroup.js +2 -2
  136. package/lib/form/SchemaForm/initializeFormStep.js +2 -2
  137. package/lib/form/SchemaForm/initializeFormTab.js +2 -2
  138. package/lib/form/SchemaForm/initializeReactions.js +2 -2
  139. package/lib/form/SchemaForm/initializeRules.js +2 -2
  140. package/lib/form/SchemaForm/reactions.js +3 -7
  141. package/lib/form/fieldTypeMap.js +1 -0
  142. package/lib/form/global.scss +1 -0
  143. package/lib/form/index.js +3 -3
  144. package/lib/form/typing.d.ts +6 -0
  145. package/lib/form/utils.js +2 -2
  146. package/lib/form/warning.js +2 -2
  147. package/lib/hooks/index.js +1 -1
  148. package/lib/index.d.ts +1 -1
  149. package/lib/index.js +2 -2
  150. package/lib/info/components/InfoGroup/index.js +3 -3
  151. package/lib/info/components/InfoValueItem/index.js +3 -3
  152. package/lib/info/components/ProInfoItem/index.js +3 -1
  153. package/lib/info/components/tableInfo/index.js +3 -3
  154. package/lib/info/index.js +3 -3
  155. package/lib/info/utils/index.js +2 -2
  156. package/lib/nocode/configurators/index.js +1 -1
  157. package/lib/nocode/pages/playground.js +3 -3
  158. package/lib/nocode/pages/renderer.d.ts +2 -2
  159. package/lib/nocode/pages/renderer.js +5 -5
  160. package/lib/nocode/playground.js +3 -3
  161. package/lib/page-container/index.js +1 -1
  162. package/lib/page-header/index.d.ts +1 -2
  163. package/lib/page-header/index.js +6 -17
  164. package/lib/sidebar/components/sidebar-container/index.js +2 -2
  165. package/lib/sidebar/components/tree/index.js +3 -3
  166. package/lib/sidebar/index.js +3 -3
  167. package/lib/skeleton/index.js +1 -1
  168. package/lib/table/components/Filter/index.js +3 -3
  169. package/lib/table/components/Layout/index.js +3 -3
  170. package/lib/table/components/QuickAction/index.js +3 -3
  171. package/lib/table/components/ToolBar/DensityIcon.js +1 -1
  172. package/lib/table/components/ToolBar/FilterColumnIcon.js +55 -20
  173. package/lib/table/components/ToolBar/FullScreenIcon.js +1 -1
  174. package/lib/table/components/ToolBar/Fullscreen.js +1 -1
  175. package/lib/table/components/ToolBar/index.js +2 -2
  176. package/lib/table/components/ToolBar/index.scss +1 -0
  177. package/lib/table/index.js +29 -11
  178. package/lib/table/typing.d.ts +11 -1
  179. package/lib/table/utils/columnRender.js +61 -3
  180. package/lib/table/utils/genProColumnToColumn.js +2 -2
  181. package/lib/table/utils/index.js +24 -4
  182. package/lib/table/utils/useTableSelection.js +2 -2
  183. package/lib/templates/List/index.js +3 -3
  184. package/lib/utils/index.js +1 -1
  185. package/lib/utils/message.d.ts +1 -1
  186. package/lib/utils/message.js +9 -9
  187. package/package.json +2 -2
  188. package/es/form/Components/Query/index.d.ts +0 -4
  189. package/es/form/Components/Query/index.js +0 -70
  190. package/es/form/Components/Query/index.scss +0 -85
  191. package/es/form/Components/QueryFilter/index.d.ts +0 -3
  192. package/es/utils/components/tags/index.d.ts +0 -11
  193. package/es/utils/components/tags/index.js +0 -50
  194. package/es/utils/components/tags/index.scss +0 -12
  195. package/lib/form/Components/Query/index.d.ts +0 -4
  196. package/lib/form/Components/Query/index.js +0 -91
  197. package/lib/form/Components/Query/index.scss +0 -85
  198. package/lib/form/Components/QueryFilter/index.d.ts +0 -3
  199. package/lib/utils/components/tags/index.d.ts +0 -11
  200. package/lib/utils/components/tags/index.js +0 -66
  201. 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))
@@ -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
 
@@ -198,18 +198,20 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
198
198
  }, buttonProps), buttonContent(children, icon, undefined, context));
199
199
  };
200
200
 
201
- function renderCommonActionButtonMenuItem(action, context) {
201
+ function renderCommonActionButtonMenuItem(action, key, context) {
202
202
  var menuBtn = action;
203
203
 
204
204
  if (menuBtn.actions && menuBtn.actions.length && menuBtn.disabled !== true) {
205
205
  return /*#__PURE__*/React.createElement(Menu.SubMenu, {
206
+ key: key,
206
207
  label: menuBtn.label || menuBtn.children
207
208
  }, menuBtn.actions.map(function (a, j) {
208
- return renderCommonActionButtonMenuItem(a, context);
209
+ return renderCommonActionButtonMenuItem(a, String(j), context);
209
210
  }));
210
211
  }
211
212
 
212
213
  return /*#__PURE__*/React.createElement(ProActionMenuButtonItem, {
214
+ key: key,
213
215
  action: action,
214
216
  context: context
215
217
  });
@@ -238,8 +240,8 @@ export var ProActionMenuButton = function ProActionMenuButton(props) {
238
240
  },
239
241
  type: type,
240
242
  label: buttonContent(label || children, icon, iconSize, context)
241
- }, others), actions.map(function (action) {
242
- return renderCommonActionButtonMenuItem(action, context);
243
+ }, others), actions.map(function (action, i) {
244
+ return renderCommonActionButtonMenuItem(action, String(i), context);
243
245
  }));
244
246
  }; // 如果 actions 数量超过了 max,则把第 max 个和剩余超出部分折叠起来成为一个 menu
245
247
 
@@ -343,7 +345,9 @@ export function ProActionGroup(props) {
343
345
  })
344
346
  }, containerProps), formatedActions.map(function (actionBtn, i) {
345
347
  var isLastOne = i === formatedActions.length - 1;
346
- return /*#__PURE__*/React.createElement(React.Fragment, null, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/React.createElement(Divider, {
348
+ return /*#__PURE__*/React.createElement(React.Fragment, {
349
+ key: i
350
+ }, renderCommonActionButton(actionBtn, context, isTypeText), isTypeText && divider && !isLastOne && /*#__PURE__*/React.createElement(Divider, {
347
351
  direction: "ver"
348
352
  }));
349
353
  }));
@@ -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;
@@ -0,0 +1,74 @@
1
+ @import '../../global.scss';
2
+
3
+ $light-filter: #{teamix-pro-form}-light-filter;
4
+
5
+ // LightFilter
6
+ .#{$light-filter} {
7
+ display: flex;
8
+ width: 100%;
9
+ height: var(--search-normal-normal-m-height, 32px);
10
+ transition: box-shadow var(--active-transition);
11
+ &:hover,
12
+ &:focus {
13
+ box-shadow: var(--active-shadow);
14
+ border-color: var(--input-focus-border-color, #ababab);
15
+ }
16
+ .#{$light-filter}-main {
17
+ display: flex;
18
+ box-sizing: border-box;
19
+ border: var(--search-normal-normal-border-width, 1px) solid
20
+ var(--color-line1-2, #d9d9d9);
21
+ border-right: 0;
22
+ border-radius: var(--search-normal-corner, 2px);
23
+ border-top-right-radius: 0;
24
+ border-bottom-right-radius: 0;
25
+ // 表单项选择
26
+ .#{$light-filter}-select {
27
+ min-width: auto;
28
+ .#{$css-prefix}input {
29
+ min-width: auto;
30
+ border: 0;
31
+ box-shadow: none;
32
+ .#{$css-prefix}input-text-field {
33
+ padding-right: 0;
34
+ }
35
+ }
36
+ .#{$css-prefix}input {
37
+ height: $noborder-font-weight-medium;
38
+ }
39
+ .#{$css-prefix}input-control {
40
+ padding-right: 0;
41
+ }
42
+ }
43
+ }
44
+
45
+ // 按钮后缀
46
+ .#{$light-filter}-addonAfter {
47
+ .#{$css-prefix}btn {
48
+ border-top-left-radius: 0;
49
+ border-bottom-left-radius: 0;
50
+ .teamix-icon {
51
+ color: var(--color-line1-5, #ababab) !important;
52
+ }
53
+ }
54
+ }
55
+ }
56
+
57
+ // LightFilter无边框
58
+ .#{$form-item-cls}-bordered-none {
59
+ .#{$form-item-cls}-control {
60
+ .#{$form-item-cls}-control-content {
61
+ .#{$form-item-cls}-control-content-component {
62
+ min-height: $noborder-font-weight-medium;
63
+ .#{$css-prefix}date-picker2-input {
64
+ border: 0;
65
+ box-shadow: none !important;
66
+ }
67
+ .#{$css-prefix}date-picker2-input.#{$css-prefix}date-picker2-input-medium,
68
+ .#{$css-prefix}input.#{$css-prefix}medium {
69
+ height: $noborder-font-weight-medium;
70
+ }
71
+ }
72
+ }
73
+ }
74
+ }
@@ -10,9 +10,9 @@ 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
 
@@ -1,8 +1,8 @@
1
1
  var _excluded = ["children", "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