@teamix/pro 1.4.0 → 1.4.1

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 (124) hide show
  1. package/dist/pro.css +1 -1
  2. package/dist/pro.js +617 -1794
  3. package/dist/pro.min.css +1 -1
  4. package/dist/pro.min.js +1 -1
  5. package/dist/pro.min.js.LICENSE.txt +0 -2
  6. package/es/actions/index.js +5 -1
  7. package/es/card/index.d.ts +1 -1
  8. package/es/card/index.js +3 -2
  9. package/es/card/selectable.js +2 -2
  10. package/es/card/utils.js +2 -2
  11. package/es/form/Components/Editable/index.js +14 -10
  12. package/es/form/Components/FormGroup/index.js +10 -6
  13. package/es/form/Components/LightFilter/index.js +10 -7
  14. package/es/form/Components/Text/index.js +2 -4
  15. package/es/form/Filter/AdvancedFilter.js +3 -6
  16. package/es/form/Filter/Layout.js +12 -13
  17. package/es/form/Filter/LightFilter.js +3 -6
  18. package/es/form/Filter/SimpleFilter.js +3 -6
  19. package/es/form/Filter/index.js +9 -10
  20. package/es/form/Filter/index2.js +5 -10
  21. package/es/form/ProForm/index.d.ts +3 -2
  22. package/es/form/ProForm/index.js +7 -17
  23. package/es/form/SchemaForm/initializeSelectTable.js +3 -6
  24. package/es/form/typing.d.ts +0 -3
  25. package/es/index.d.ts +1 -1
  26. package/es/index.js +2 -3
  27. package/es/info/components/InfoValueItem/index.js +2 -2
  28. package/es/info/components/ProInfoItem/index.js +3 -2
  29. package/es/info/components/tableInfo/index.js +1 -1
  30. package/es/nocode/pages/editor.js +2 -2
  31. package/es/nocode/pages/playground.js +2 -2
  32. package/es/nocode/pages/renderer.js +2 -2
  33. package/es/nocode/playground.js +2 -2
  34. package/es/page-header/index.d.ts +2 -1
  35. package/es/page-header/index.js +3 -2
  36. package/es/sidebar/components/sidebar-container/index.js +2 -2
  37. package/es/sidebar/components/tree/index.js +2 -2
  38. package/es/sidebar/components/tree-node/components/HoverTooltip/index.js +2 -2
  39. package/es/sidebar/components/tree-node/components/IconAction/index.js +2 -2
  40. package/es/sidebar/components/tree-node/components/IconSwitch/index.js +2 -2
  41. package/es/sidebar/components/tree-node/index.js +3 -3
  42. package/es/sidebar/index.js +2 -2
  43. package/es/sidebar/typing.d.ts +2 -1
  44. package/es/table/components/Filter/index.js +2 -2
  45. package/es/table/components/Layout/index.js +3 -2
  46. package/es/table/components/Pagination/index.js +13 -9
  47. package/es/table/components/ToolBar/DensityIcon.js +2 -2
  48. package/es/table/components/ToolBar/FilterColumnIcon.js +6 -12
  49. package/es/table/components/ToolBar/FullScreenIcon.js +2 -2
  50. package/es/table/components/ToolBar/RefreshIcon.js +2 -2
  51. package/es/table/components/ToolBar/index.js +2 -2
  52. package/es/table/index.js +16 -23
  53. package/es/table/index.scss +7 -0
  54. package/es/table/typing.d.ts +3 -1
  55. package/es/table/utils/columnRender.d.ts +1 -1
  56. package/es/table/utils/columnRender.js +8 -5
  57. package/es/table/utils/genProColumnToColumn.d.ts +1 -1
  58. package/es/table/utils/genProColumnToColumn.js +2 -1
  59. package/es/table/utils/pureColumnRender.js +2 -2
  60. package/es/timeline/ProTimeLineItem/index.js +3 -3
  61. package/es/timeline/index.js +2 -2
  62. package/es/timeline/typing.d.ts +1 -1
  63. package/lib/actions/index.js +5 -1
  64. package/lib/card/index.d.ts +1 -1
  65. package/lib/card/index.js +4 -2
  66. package/lib/card/selectable.js +1 -1
  67. package/lib/card/utils.js +1 -1
  68. package/lib/form/Components/Editable/index.js +14 -10
  69. package/lib/form/Components/FormGroup/index.js +10 -6
  70. package/lib/form/Components/LightFilter/index.js +10 -7
  71. package/lib/form/Components/Text/index.js +2 -4
  72. package/lib/form/Filter/AdvancedFilter.js +2 -6
  73. package/lib/form/Filter/Layout.js +11 -13
  74. package/lib/form/Filter/LightFilter.js +2 -6
  75. package/lib/form/Filter/SimpleFilter.js +2 -6
  76. package/lib/form/Filter/index.js +8 -10
  77. package/lib/form/Filter/index2.js +4 -10
  78. package/lib/form/ProForm/index.d.ts +3 -2
  79. package/lib/form/ProForm/index.js +6 -18
  80. package/lib/form/SchemaForm/initializeSelectTable.js +2 -6
  81. package/lib/form/typing.d.ts +0 -3
  82. package/lib/index.d.ts +1 -1
  83. package/lib/index.js +1 -1
  84. package/lib/info/components/InfoValueItem/index.js +1 -1
  85. package/lib/info/components/ProInfoItem/index.js +6 -4
  86. package/lib/info/components/tableInfo/index.js +4 -4
  87. package/lib/nocode/pages/editor.js +1 -1
  88. package/lib/nocode/pages/playground.js +1 -1
  89. package/lib/nocode/pages/renderer.js +1 -1
  90. package/lib/nocode/playground.js +1 -1
  91. package/lib/page-header/index.d.ts +2 -1
  92. package/lib/page-header/index.js +5 -3
  93. package/lib/sidebar/components/sidebar-container/index.js +1 -1
  94. package/lib/sidebar/components/tree/index.js +1 -1
  95. package/lib/sidebar/components/tree-node/components/HoverTooltip/index.js +1 -1
  96. package/lib/sidebar/components/tree-node/components/IconAction/index.js +1 -1
  97. package/lib/sidebar/components/tree-node/components/IconSwitch/index.js +1 -1
  98. package/lib/sidebar/components/tree-node/index.js +3 -3
  99. package/lib/sidebar/index.js +1 -1
  100. package/lib/sidebar/typing.d.ts +2 -1
  101. package/lib/table/components/Filter/index.js +1 -1
  102. package/lib/table/components/Layout/index.js +5 -3
  103. package/lib/table/components/Pagination/index.js +12 -9
  104. package/lib/table/components/ToolBar/DensityIcon.js +1 -1
  105. package/lib/table/components/ToolBar/FilterColumnIcon.js +7 -11
  106. package/lib/table/components/ToolBar/FullScreenIcon.js +1 -1
  107. package/lib/table/components/ToolBar/RefreshIcon.js +1 -1
  108. package/lib/table/components/ToolBar/index.js +1 -1
  109. package/lib/table/index.js +15 -23
  110. package/lib/table/index.scss +7 -0
  111. package/lib/table/typing.d.ts +3 -1
  112. package/lib/table/utils/columnRender.d.ts +1 -1
  113. package/lib/table/utils/columnRender.js +14 -5
  114. package/lib/table/utils/genProColumnToColumn.d.ts +1 -1
  115. package/lib/table/utils/genProColumnToColumn.js +2 -1
  116. package/lib/table/utils/pureColumnRender.js +8 -2
  117. package/lib/timeline/ProTimeLineItem/index.js +4 -2
  118. package/lib/timeline/index.js +1 -1
  119. package/lib/timeline/typing.d.ts +1 -1
  120. package/package.json +1 -1
  121. package/es/form/ProForm/useFieldSchema.d.ts +0 -7
  122. package/es/form/ProForm/useFieldSchema.js +0 -109
  123. package/lib/form/ProForm/useFieldSchema.d.ts +0 -7
  124. package/lib/form/ProForm/useFieldSchema.js +0 -118
@@ -28,9 +28,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
28
28
  * 渲染列的逻辑函数
29
29
  */
30
30
  import React from 'react';
31
- import { getTargetValue, LabelIconTip } from '@teamix/utils';
31
+ import { getTargetValue } from '@teamix/utils';
32
32
  import { ProActionGroup } from '../../actions';
33
- import ProField from '../../field';
33
+ import ProField, { LabelIconTip } from '../../field';
34
34
  import Filter from '../components/Filter';
35
35
  /**
36
36
  * 增加了 icon 的功能 render title
@@ -108,7 +108,9 @@ export var renderColumnsTitle = function renderColumnsTitle(item, actionRef) {
108
108
  * 负责单元格的具体渲染
109
109
  */
110
110
 
111
- export var renderCell = function renderCell(value, item, index, record, actionRef) {
111
+ export var renderCell = function renderCell(value, item, index, record, actionRef,
112
+ /** 接收外部比如 dialog-table 传过来的 context,用于弹窗关闭等 */
113
+ context) {
112
114
  var _actionSchema$actions;
113
115
 
114
116
  var _item$valueType = item.valueType,
@@ -169,12 +171,13 @@ export var renderCell = function renderCell(value, item, index, record, actionRe
169
171
 
170
172
  if (actionSchema && ((_actionSchema$actions = actionSchema.actions) === null || _actionSchema$actions === void 0 ? void 0 : _actionSchema$actions.length)) {
171
173
  // 默认 context
172
- var defaultContext = {
174
+ var defaultContext = _objectSpread({
173
175
  value: value,
174
176
  index: index,
175
177
  record: record,
176
178
  action: actionRef.current
177
- };
179
+ }, context);
180
+
178
181
  return /*#__PURE__*/React.createElement(ProActionGroup, _objectSpread(_objectSpread({
179
182
  type: "text"
180
183
  }, actionSchema), {}, {
@@ -6,4 +6,4 @@ import { ColumnProps } from '@alicloudfe/components/types/table';
6
6
  */
7
7
  export default function genProColumnToColumn(columns: ProTableColumnProps[],
8
8
  /** 是否渲染骨架屏 */
9
- showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>): ColumnProps[];
9
+ showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any): ColumnProps[];
@@ -20,6 +20,7 @@ import { ProSkeletonRaw as Skeleton } from '../../skeleton';
20
20
  export default function genProColumnToColumn(columns,
21
21
  /** 是否渲染骨架屏 */
22
22
  showSkeleton, actionRef) {
23
+ var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
23
24
  return columns.map(function (columnProps) {
24
25
  var filters = columnProps.filters,
25
26
  dataIndex = columnProps.dataIndex,
@@ -44,7 +45,7 @@ showSkeleton, actionRef) {
44
45
  dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
45
46
  title: renderColumnsTitle(columnProps, actionRef),
46
47
  cell: function cell(value, index, record) {
47
- return renderCell(value, columnProps, index, record, actionRef);
48
+ return renderCell(value, columnProps, index, record, actionRef, context);
48
49
  }
49
50
  });
50
51
  });
@@ -28,8 +28,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
28
28
  * 渲染列的逻辑函数,用于非 ProTable 比如 selectTable
29
29
  */
30
30
  import React from 'react';
31
- import { getTargetValue, LabelIconTip } from '@teamix/utils';
32
- import ProField from '../../field';
31
+ import { getTargetValue } from '@teamix/utils';
32
+ import ProField, { LabelIconTip } from '../../field';
33
33
  /**
34
34
  * 增加了 icon 的功能 render title
35
35
  */
@@ -28,11 +28,11 @@ import React, { useCallback, useState } from 'react';
28
28
  import './index.scss';
29
29
  import { Icon, Timeline } from '@alicloudfe/components';
30
30
  import classnames from 'classnames';
31
- import { baseClass, dateFormat } from '@teamix/utils';
32
- import { renderTags } from '@teamix/utils';
31
+ import { usePrefixCls, dateFormat } from '@teamix/utils';
32
+ import { renderTags } from '../../field';
33
33
  import TeamixIcon from '@teamix/icon';
34
34
  var TimelineItem = Timeline.Item;
35
- var cls = baseClass('teamix-pro-timeline');
35
+ var cls = usePrefixCls('teamix-pro-timeline');
36
36
 
37
37
  var ProTimeLineItem = function ProTimeLineItem(props) {
38
38
  var _props$_comment = props._comment,
@@ -13,10 +13,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
13
13
  import React, { useMemo } from 'react';
14
14
  import { Timeline } from '@alicloudfe/components';
15
15
  import ProTimeLineItem from './ProTimeLineItem';
16
- import { baseClass } from '@teamix/utils';
16
+ import { usePrefixCls } from '@teamix/utils';
17
17
  import classNames from 'classnames';
18
18
  import './index.scss';
19
- var cls = baseClass('teamix-pro-timeline');
19
+ var cls = usePrefixCls('teamix-pro-timeline');
20
20
 
21
21
  var ProTimeline = function ProTimeline(props) {
22
22
  var items = props.items,
@@ -1,5 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
- import { ProTagItem } from '@teamix/utils';
2
+ import { ProTagItem } from '../field';
3
3
  export declare type ProTimeLineItemStatus = 'success' | 'fail' | 'process' | 'warning' | 'wait';
4
4
  export declare type FoldProps = {
5
5
  /**
@@ -262,6 +262,10 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
262
262
  tooltip = action.tooltip,
263
263
  disabledTooltip = action.disabledTooltip,
264
264
  tooltipProps = action.tooltipProps;
265
+ var basePrefix = (0, _utils.usePrefixCls)('', {
266
+ base: true
267
+ });
268
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-action');
265
269
  var menuItemActionConfig = Object.assign({}, config, {
266
270
  trigger: 'onClick'
267
271
  });
@@ -299,7 +303,7 @@ var ProActionMenuButtonItem = function ProActionMenuButtonItem(props) {
299
303
  }
300
304
 
301
305
  return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
302
- className: (0, _classnames.default)('teamix-pro-action-menu-item', "".concat((0, _utils.usePrefixCls)(), "menu-item"), _defineProperty({}, "".concat((0, _utils.usePrefixCls)(), "disabled"), disabled))
306
+ className: (0, _classnames.default)(_defineProperty({}, basePrefix('disabled'), disabled), basePrefix('menu-item'), prefixCls('menu-item'))
303
307
  }, buttonProps), content);
304
308
  };
305
309
 
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ProTagItem } from '@teamix/utils';
2
+ import { ProTagItem } from '../field';
3
3
  import { ProMessageProps } from '../utils/message';
4
4
  import { ProActionGroupProps } from '../actions';
5
5
  import './index.scss';
package/lib/card/index.js CHANGED
@@ -20,6 +20,8 @@ var _icon = _interopRequireDefault(require("@teamix/icon"));
20
20
 
21
21
  var _utils = require("@teamix/utils");
22
22
 
23
+ var _field = require("../field");
24
+
23
25
  var _message = require("../utils/message");
24
26
 
25
27
  var _skeleton = require("../skeleton");
@@ -78,7 +80,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
78
80
 
79
81
  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; }
80
82
 
81
- var cls = (0, _utils.baseClass)('teamix-pro-card');
83
+ var cls = (0, _utils.usePrefixCls)('teamix-pro-card');
82
84
 
83
85
  var renderActionGroup = function renderActionGroup(extra, context) {
84
86
  if (!extra) {
@@ -258,7 +260,7 @@ var ProCard = function ProCard(props) {
258
260
  }, /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, {
259
261
  align: "t",
260
262
  trigger: tooltipTrigger
261
- }, tooltip)), tags && (0, _utils.renderTags)(tags, 'small'), description && /*#__PURE__*/_react.default.createElement("div", {
263
+ }, tooltip)), tags && (0, _field.renderTags)(tags, 'small'), description && /*#__PURE__*/_react.default.createElement("div", {
262
264
  className: cls('title-description')
263
265
  }, /*#__PURE__*/_react.default.createElement(_proField.default, {
264
266
  value: description,
@@ -29,7 +29,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
29
29
 
30
30
  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; }
31
31
 
32
- var cls = (0, _utils.baseClass)('teamix-pro-card-selectable');
32
+ var cls = (0, _utils.usePrefixCls)('teamix-pro-card-selectable');
33
33
 
34
34
  var ProCardSelectable = function ProCardSelectable(props) {
35
35
  var selected = props.selected,
package/lib/card/utils.js CHANGED
@@ -8,7 +8,7 @@ exports.getColClassAndStyle = getColClassAndStyle;
8
8
 
9
9
  var _utils = require("@teamix/utils");
10
10
 
11
- var cls = (0, _utils.baseClass)('teamix-pro-card');
11
+ var cls = (0, _utils.usePrefixCls)('teamix-pro-card');
12
12
 
13
13
  function formatSpacing(spacing) {
14
14
  var spacingArray = spacing instanceof Array ? spacing : [spacing || 0, spacing || 0];
@@ -73,7 +73,9 @@ Editable.BaseBuilder = function (type) {
73
73
  visible = _useState2[0],
74
74
  setVisible = _useState2[1];
75
75
 
76
- var prefixCls = (0, _utils.usePrefixCls)('formily-editable');
76
+ var prefixCls = (0, _utils.usePrefixCls)('formily-editable', {
77
+ base: true
78
+ });
77
79
 
78
80
  var onOk = /*#__PURE__*/function () {
79
81
  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -131,13 +133,13 @@ Editable.BaseBuilder = function (type) {
131
133
  },
132
134
  onClick: onOpen
133
135
  }, /*#__PURE__*/_react.default.createElement(_formily.BaseItem, {
134
- className: "".concat(prefixCls, "-trigger")
136
+ className: prefixCls('trigger')
135
137
  }, /*#__PURE__*/_react.default.createElement("div", {
136
- className: "".concat(prefixCls, "-content")
138
+ className: prefixCls('content')
137
139
  }, /*#__PURE__*/_react.default.createElement("span", {
138
- className: "".concat(prefixCls, "-preview")
140
+ className: prefixCls('preview')
139
141
  }, field.title), pattern === 'editable' && /*#__PURE__*/_react.default.createElement(_icon.default, {
140
- className: "".concat(prefixCls, "-edit-btn"),
142
+ className: prefixCls('edit-btn'),
141
143
  type: "form-line",
142
144
  size: "small"
143
145
  })))), /*#__PURE__*/_react.default.createElement(type, _objectSpread(_objectSpread({
@@ -162,7 +164,9 @@ Editable.Popover = (0, _react2.observer)(function (_ref3) {
162
164
  visible = _useState4[0],
163
165
  setVisible = _useState4[1];
164
166
 
165
- var prefixCls = (0, _utils.usePrefixCls)('formily-editable');
167
+ var prefixCls = (0, _utils.usePrefixCls)('formily-editable', {
168
+ base: true
169
+ });
166
170
 
167
171
  var closePopover = /*#__PURE__*/function () {
168
172
  var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
@@ -229,13 +233,13 @@ Editable.Popover = (0, _react2.observer)(function (_ref3) {
229
233
  display: 'inline-flex'
230
234
  }
231
235
  }, /*#__PURE__*/_react.default.createElement(_formily.BaseItem, {
232
- className: "".concat(prefixCls, "-trigger")
236
+ className: prefixCls('trigger')
233
237
  }, /*#__PURE__*/_react.default.createElement("div", {
234
- className: "".concat(prefixCls, "-content")
238
+ className: prefixCls('content')
235
239
  }, /*#__PURE__*/_react.default.createElement("span", {
236
- className: "".concat(prefixCls, "-preview")
240
+ className: prefixCls('preview')
237
241
  }, props.title || field.title), pattern === 'editable' && /*#__PURE__*/_react.default.createElement(_icon.default, {
238
- className: "".concat(prefixCls, "-edit-btn"),
242
+ className: prefixCls('edit-btn'),
239
243
  type: "form-line",
240
244
  size: "small"
241
245
  }))))
@@ -62,23 +62,27 @@ var FormGroupGroupPanel = (0, _react2.observer)(function (_ref) {
62
62
  xIndex = _ref.xIndex,
63
63
  props = _objectWithoutProperties(_ref, _excluded);
64
64
 
65
- var prefixCls = (0, _utils.usePrefixCls)('formily-group-panel');
65
+ var prefixCls = (0, _utils.usePrefixCls)('formily-group-panel', {
66
+ base: true
67
+ });
66
68
  return /*#__PURE__*/_react.default.createElement("div", _objectSpread(_objectSpread({}, props), {}, {
67
- className: (0, _classnames.default)(prefixCls, props.className)
69
+ className: (0, _classnames.default)(prefixCls(), props.className)
68
70
  }), xIndex !== 0 ? /*#__PURE__*/_react.default.createElement("div", {
69
- className: "".concat(prefixCls, "-divider")
71
+ className: prefixCls('divider')
70
72
  }) : null, /*#__PURE__*/_react.default.createElement("div", {
71
- className: "".concat(prefixCls, "-title")
73
+ className: prefixCls('title')
72
74
  }, title), children);
73
75
  });
74
76
  var FormGroup = (0, _react2.observer)(function (_ref2) {
75
77
  var children = _ref2.children,
76
78
  props = _objectWithoutProperties(_ref2, _excluded2);
77
79
 
78
- var prefixCls = (0, _utils.usePrefixCls)('formily-group');
80
+ var prefixCls = (0, _utils.usePrefixCls)('formily-group', {
81
+ base: true
82
+ });
79
83
  var panels = usePanels();
80
84
  return /*#__PURE__*/_react.default.createElement("div", _objectSpread(_objectSpread({}, props), {}, {
81
- className: (0, _classnames.default)(prefixCls, props.className)
85
+ className: (0, _classnames.default)(prefixCls(), props.className)
82
86
  }), panels.map(function (_ref3, index) {
83
87
  var props = _ref3.props,
84
88
  schema = _ref3.schema,
@@ -118,10 +118,10 @@ var LightFilter = (0, _react2.observer)(function (props) {
118
118
 
119
119
  var main = useMain(active);
120
120
  var currentSchema = (_main$ = main[0]) === null || _main$ === void 0 ? void 0 : _main$.schema;
121
- var defaultCls = (0, _utils.usePrefixCls)();
122
- var prefixCls = (0, _utils.usePrefixCls)('', {
123
- prefix: 'teamix-pro-form-light-filter'
121
+ var basePrefix = (0, _utils.usePrefixCls)('', {
122
+ base: true
124
123
  });
124
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-light-filter');
125
125
  var content = main.map(function (_ref, key) {
126
126
  var schema = _ref.schema,
127
127
  name = _ref.name;
@@ -136,16 +136,19 @@ var LightFilter = (0, _react2.observer)(function (props) {
136
136
  onFilterChange && onFilterChange(value);
137
137
  }, [onFilterChange]);
138
138
  return /*#__PURE__*/_react.default.createElement("span", {
139
- className: (0, _classnames.default)(prefixCls, "".concat(defaultCls).concat(size), isInputCategory(currentSchema) ? "".concat(prefixCls, "-input-category") : '')
139
+ className: (0, _classnames.default)(basePrefix(size), prefixCls({
140
+ '': true,
141
+ 'input-category': isInputCategory(currentSchema)
142
+ }))
140
143
  }, /*#__PURE__*/_react.default.createElement("span", {
141
- className: "".concat(prefixCls, "-main")
144
+ className: prefixCls('main')
142
145
  }, /*#__PURE__*/_react.default.createElement(_components.Select, _objectSpread(_objectSpread({}, filterProps), {}, {
143
- className: (0, _classnames.default)("".concat(prefixCls, "-select"), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
146
+ className: (0, _classnames.default)(prefixCls('select'), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
144
147
  dataSource: filterItems,
145
148
  onChange: onSelectChange,
146
149
  value: active
147
150
  })), content), /*#__PURE__*/_react.default.createElement("span", {
148
- className: "".concat(prefixCls, "-addonAfter")
151
+ className: prefixCls('addonAfter')
149
152
  }, /*#__PURE__*/_react.default.createElement(_components.Button, _objectSpread({}, buttonProps), /*#__PURE__*/_react.default.createElement(_icon.default, {
150
153
  type: "search-line"
151
154
  }))));
@@ -32,11 +32,9 @@ var Text = function Text(_ref) {
32
32
  className = _ref.className,
33
33
  otherProps = _objectWithoutProperties(_ref, _excluded);
34
34
 
35
- var prefixCls = (0, _utils.usePrefixCls)('', {
36
- prefix: 'teamix-pro-form-text'
37
- });
35
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-text');
38
36
  return /*#__PURE__*/_react.default.createElement("span", _objectSpread({
39
- className: (0, _classnames.default)(prefixCls, className)
37
+ className: (0, _classnames.default)(prefixCls(), className)
40
38
  }, otherProps), children);
41
39
  };
42
40
 
@@ -9,8 +9,6 @@ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
12
  var _utils = require("@teamix/utils");
15
13
 
16
14
  var _ProForm = _interopRequireDefault(require("../ProForm"));
@@ -62,9 +60,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
62
60
  forceClear = props.forceClear,
63
61
  otherProps = _objectWithoutProperties(props, _excluded);
64
62
 
65
- var prefixCls = (0, _utils.usePrefixCls)('', {
66
- prefix: 'teamix-pro-form-query-filter-advanced'
67
- });
63
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter-advanced');
68
64
  var gridSchema = (0, _react.useMemo)(function () {
69
65
  return [{
70
66
  name: 'FormGrid',
@@ -117,7 +113,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
117
113
  };
118
114
  }, [layout, labelAlign, wrapperAlign, labelCol, wrapperCol]);
119
115
  return /*#__PURE__*/_react.default.createElement(_ProForm.default, _objectSpread(_objectSpread(_objectSpread({
120
- className: (0, _classnames.default)(prefixCls, props.className),
116
+ className: (0, _utils.cls)(prefixCls(), props.className),
121
117
  schema: gridSchema,
122
118
  feedbackLayout: "popover"
123
119
  }, otherProps), getTeamixLayout), {}, {
@@ -9,8 +9,6 @@ exports.QueryFilterLayout = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
12
  var _components = require("@alicloudfe/components");
15
13
 
16
14
  var _icon = _interopRequireDefault(require("@teamix/icon"));
@@ -53,9 +51,7 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
53
51
  expand = _ref.expand,
54
52
  onExpand = _ref.onExpand,
55
53
  children = _ref.children;
56
- var prefixCls = (0, _utils.usePrefixCls)('', {
57
- prefix: 'teamix-pro-form-query-filter-layout'
58
- });
54
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter-layout');
59
55
 
60
56
  var _useState = (0, _react.useState)(!!expand),
61
57
  _useState2 = _slicedToArray(_useState, 2),
@@ -67,15 +63,15 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
67
63
  onExpand === null || onExpand === void 0 ? void 0 : onExpand(!visible);
68
64
  }, [visible]);
69
65
  return /*#__PURE__*/_react.default.createElement("div", {
70
- className: (0, _classnames.default)(prefixCls, className)
66
+ className: (0, _utils.cls)(prefixCls(), className)
71
67
  }, /*#__PURE__*/_react.default.createElement("div", {
72
- className: "".concat(prefixCls, "-inline")
68
+ className: prefixCls('inline')
73
69
  }, /*#__PURE__*/_react.default.createElement("div", {
74
- className: "".concat(prefixCls, "-left")
70
+ className: prefixCls('left')
75
71
  }, addonBefore ? /*#__PURE__*/_react.default.createElement("div", {
76
- className: "".concat(prefixCls, "-addonBefore")
72
+ className: prefixCls('addonBefore')
77
73
  }, addonBefore) : null, inlineContent, (0, _utils.isValid)(panelContent) ? /*#__PURE__*/_react.default.createElement("div", {
78
- className: "".concat(prefixCls, "-toggle")
74
+ className: prefixCls('toggle')
79
75
  }, /*#__PURE__*/_react.default.createElement(_components.Badge, {
80
76
  count: count,
81
77
  style: _objectSpread({
@@ -91,11 +87,13 @@ var QueryFilterLayout = function QueryFilterLayout(_ref) {
91
87
  }) : /*#__PURE__*/_react.default.createElement(_icon.default, {
92
88
  type: "filter-line"
93
89
  }), (0, _utils.getMessage)('advancedFilter')))) : null), addonAfter ? /*#__PURE__*/_react.default.createElement("div", {
94
- className: "".concat(prefixCls, "-addonAfter")
90
+ className: prefixCls('addonAfter')
95
91
  }, addonAfter) : null), /*#__PURE__*/_react.default.createElement("div", {
96
- className: (0, _classnames.default)("".concat(prefixCls, "-panel"), visible && (0, _utils.isValid)(panelContent) ? '' : "".concat(prefixCls, "-panel-hidden"))
92
+ className: (0, _utils.cls)(prefixCls('panel', {
93
+ 'panel-hidden': !(visible && (0, _utils.isValid)(panelContent))
94
+ }))
97
95
  }, panelContent), /*#__PURE__*/_react.default.createElement("div", {
98
- className: "".concat(prefixCls, "-children")
96
+ className: prefixCls('children')
99
97
  }, children));
100
98
  };
101
99
 
@@ -9,8 +9,6 @@ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
12
  var _reactive = require("@formily/reactive");
15
13
 
16
14
  var _utils = require("@teamix/utils");
@@ -51,9 +49,7 @@ var LightFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
51
49
  otherProps = _objectWithoutProperties(props, _excluded);
52
50
 
53
51
  var filterValue = (0, _react.useRef)(defaultFilterValue || (schema === null || schema === void 0 ? void 0 : (_schema$ = schema[0]) === null || _schema$ === void 0 ? void 0 : _schema$.name));
54
- var prefixCls = (0, _utils.usePrefixCls)('', {
55
- prefix: 'teamix-pro-form-query-filter-light'
56
- });
52
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter-light');
57
53
  var lightFilterObs = (0, _react.useMemo)(function () {
58
54
  return (0, _reactive.observable)({
59
55
  onFilter: function onFilter() {}
@@ -115,7 +111,7 @@ var LightFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
115
111
  lightFilterObs: lightFilterObs
116
112
  }),
117
113
  form: form,
118
- className: (0, _classnames.default)(prefixCls, props.className),
114
+ className: (0, _utils.cls)(prefixCls(), props.className),
119
115
  schema: LightSchema,
120
116
  feedbackLayout: "none",
121
117
  breakpoints: [],
@@ -9,8 +9,6 @@ exports.default = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
12
  var _utils = require("@teamix/utils");
15
13
 
16
14
  var _ProForm = _interopRequireDefault(require("../ProForm"));
@@ -69,9 +67,7 @@ var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
69
67
  onSubmit = props.onSubmit,
70
68
  otherProps = _objectWithoutProperties(props, _excluded);
71
69
 
72
- var prefixCls = (0, _utils.usePrefixCls)('', {
73
- prefix: 'teamix-pro-form-query-filter-simple'
74
- });
70
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter-simple');
75
71
 
76
72
  var _initializeSearch = initializeSearch(schema),
77
73
  searchName = _initializeSearch.searchName,
@@ -112,7 +108,7 @@ var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
112
108
  searchValue.current = (0, _utils.isValid)(searchDefaultValue) ? searchDefaultValue : '';
113
109
  }, []);
114
110
  return /*#__PURE__*/_react.default.createElement(_ProForm.default, _objectSpread(_objectSpread({}, otherProps), {}, {
115
- className: (0, _classnames.default)(prefixCls, props.className),
111
+ className: (0, _utils.cls)(prefixCls(), props.className),
116
112
  schema: simpleSchema,
117
113
  feedbackLayout: "popover",
118
114
  breakpoints: [],
@@ -15,8 +15,6 @@ Object.defineProperty(exports, "QueryFilterLayout", {
15
15
 
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
 
18
- var _classnames = _interopRequireDefault(require("classnames"));
19
-
20
18
  var _lodash = _interopRequireDefault(require("lodash.debounce"));
21
19
 
22
20
  var _components = require("@alicloudfe/components");
@@ -128,9 +126,7 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
128
126
  var currentFormName = (0, _react.useRef)(defaultFormName);
129
127
  var currentForm = (0, _react.useRef)();
130
128
  var activeFilterValueRef = (0, _react.useRef)();
131
- var prefixCls = (0, _utils.usePrefixCls)('', {
132
- prefix: 'teamix-pro-form-query-filter'
133
- });
129
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-query-filter');
134
130
  var debounceFun = (0, _lodash.default)(function (fun, props) {
135
131
  return fun(props);
136
132
  }, filterDebounce); // 绑定URL
@@ -544,14 +540,16 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
544
540
  setCurrentForm(currentFormName.current);
545
541
  }, []);
546
542
  return /*#__PURE__*/_react.default.createElement(_Layout.QueryFilterLayout, {
547
- className: (0, _classnames.default)(prefixCls, props.className),
543
+ className: (0, _utils.cls)(prefixCls(), props.className),
548
544
  addonBefore: addonBefore,
549
545
  addonAfter: addonAfter,
550
546
  expand: panelVisible,
551
547
  onExpand: toggleAdvancedFilter,
552
548
  count: tagDataSource.length,
553
549
  inlineContent: mode === 'panel' ? /*#__PURE__*/_react.default.createElement("div", {
554
- className: (0, _classnames.default)("".concat(prefixCls, "-inline"), purePanel || hasRequired ? "".concat(prefixCls, "-inline-hidden") : '')
550
+ className: (0, _utils.cls)(prefixCls('inline', {
551
+ 'inline-hidden': purePanel || hasRequired
552
+ }))
555
553
  }, /*#__PURE__*/_react.default.createElement(_LightFilter.default, _objectSpread(_objectSpread({}, otherProps), {}, {
556
554
  defaultFilterValue: defaultFilterValue,
557
555
  filterValues: filterValues,
@@ -559,7 +557,7 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
559
557
  form: lightForm,
560
558
  onChange: onLightChange
561
559
  }))) : /*#__PURE__*/_react.default.createElement("div", {
562
- className: "".concat(prefixCls, "-inline")
560
+ className: prefixCls('inline')
563
561
  }, /*#__PURE__*/_react.default.createElement(_SimpleFilter.default, _objectSpread(_objectSpread({}, otherProps), {}, {
564
562
  form: simpleForm,
565
563
  onChange: onSimpleChange,
@@ -585,9 +583,9 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
585
583
  return onTagClose(key, index);
586
584
  }
587
585
  }, /*#__PURE__*/_react.default.createElement("span", {
588
- className: "".concat(prefixCls, "-tag-title")
586
+ className: prefixCls('tag-title')
589
587
  }, label), /*#__PURE__*/_react.default.createElement("span", {
590
- className: "".concat(prefixCls, "-tag-content")
588
+ className: prefixCls('tag-content')
591
589
  }, /*#__PURE__*/_react.default.createElement(_index.default, {
592
590
  type: type,
593
591
  value: value
@@ -9,8 +9,6 @@ exports.default = exports.SimpleFilter = exports.AdvancedFilter = void 0;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
12
  var _utils = require("@teamix/utils");
15
13
 
16
14
  var _core = require("@formily/core");
@@ -76,9 +74,7 @@ var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
76
74
  onFilter = props.onFilter,
77
75
  otherProps = _objectWithoutProperties(props, _excluded);
78
76
 
79
- var prefixCls = (0, _utils.usePrefixCls)('', {
80
- prefix: 'teamix-pro-form-filter-simple'
81
- });
77
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-filter-simple');
82
78
  var simpleSchema = (0, _react.useMemo)(function () {
83
79
  return [{
84
80
  component: 'FormFlex',
@@ -103,7 +99,7 @@ var SimpleFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
103
99
  breakpoints: [],
104
100
  inset: true
105
101
  }, otherProps), eventProps), {}, {
106
- className: (0, _classnames.default)(prefixCls, props.className),
102
+ className: (0, _utils.cls)(prefixCls(), props.className),
107
103
  schema: simpleSchema
108
104
  }));
109
105
  });
@@ -128,9 +124,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
128
124
  wrapperAlign = props.wrapperAlign,
129
125
  labelCol = props.labelCol,
130
126
  wrapperCol = props.wrapperCol;
131
- var prefixCls = (0, _utils.usePrefixCls)('', {
132
- prefix: 'teamix-pro-form-filter-advanced'
133
- });
127
+ var prefixCls = (0, _utils.usePrefixCls)('teamix-pro-form-filter-advanced');
134
128
  var gridSchema = (0, _react.useMemo)(function () {
135
129
  return [{
136
130
  name: 'FormGrid',
@@ -190,7 +184,7 @@ var AdvancedFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
190
184
  feedbackLayout: "popover"
191
185
  }, props), eventProps), getTeamixLayout), {}, {
192
186
  form: form,
193
- className: (0, _classnames.default)(prefixCls, props.className),
187
+ className: (0, _utils.cls)(prefixCls(), props.className),
194
188
  schema: gridSchema,
195
189
  onSubmit: onFilter
196
190
  }));
@@ -1,4 +1,5 @@
1
- import type { ComposedProForm } from '../typing';
1
+ import React from 'react';
2
+ import type { ProFormProps } from '../typing';
2
3
  import './index.scss';
3
- declare const ProForm: ComposedProForm;
4
+ declare const ProForm: React.FC<ProFormProps>;
4
5
  export default ProForm;