@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.
- package/dist/212.js +798 -766
- package/dist/pro.css +1 -1
- package/dist/pro.js +1851 -1863
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/dialog-component.js +2 -2
- package/es/actions/dialog-form.js +2 -2
- package/es/actions/dialog.js +5 -3
- package/es/actions/index.js +11 -7
- package/es/actions/link.js +2 -2
- package/es/actions/request.js +2 -2
- package/es/actions/utils.js +2 -2
- package/es/card/card-container.js +2 -2
- package/es/card/divider.js +2 -2
- package/es/card/index.d.ts +6 -3
- package/es/card/index.js +11 -6
- package/es/card/index.scss +4 -0
- package/es/card/selectable.js +2 -2
- package/es/card/tab.js +2 -2
- package/es/form/Components/Editable/index.js +2 -2
- package/es/form/Components/FormGroup/index.js +2 -2
- package/es/form/Components/LightFilter/componentMap.d.ts +2 -0
- package/es/form/Components/LightFilter/componentMap.js +5 -0
- package/es/form/Components/LightFilter/index.d.ts +15 -0
- package/es/form/Components/{QueryFilter → LightFilter}/index.js +45 -44
- package/es/form/Components/LightFilter/index.scss +74 -0
- package/es/form/Components/ProField/index.js +2 -2
- package/es/form/Components/Text/index.js +2 -2
- package/es/form/Filter/index.js +4 -4
- package/es/form/Filter/index.scss +0 -46
- package/es/form/Filter/index2.d.ts +1 -1
- package/es/form/Filter/index2.js +163 -115
- package/es/form/Filter/index2.scss +73 -0
- package/es/form/ProForm/index.js +3 -2
- package/es/form/ProForm/index.scss +9 -9
- package/es/form/ProForm/useAutoSubmit.js +2 -2
- package/es/form/ProForm/useFieldRequest.js +2 -2
- package/es/form/ProForm/useFormDisplayValues.js +46 -15
- package/es/form/ProForm/useInitialRequest.js +2 -2
- package/es/form/SchemaForm/adapterType.js +1 -0
- package/es/form/SchemaForm/index.js +5 -5
- package/es/form/SchemaForm/initializeArrayCards.js +2 -2
- package/es/form/SchemaForm/initializeArrayCollapse.js +2 -2
- package/es/form/SchemaForm/initializeArrayItems.js +2 -2
- package/es/form/SchemaForm/initializeArrayTable.js +2 -2
- package/es/form/SchemaForm/initializeFormButton.js +2 -2
- package/es/form/SchemaForm/initializeFormCollapse.js +2 -2
- package/es/form/SchemaForm/initializeFormGroup.js +2 -2
- package/es/form/SchemaForm/initializeFormStep.js +2 -2
- package/es/form/SchemaForm/initializeFormTab.js +2 -2
- package/es/form/SchemaForm/initializeReactions.js +2 -2
- package/es/form/SchemaForm/initializeRules.js +2 -2
- package/es/form/SchemaForm/reactions.js +4 -8
- package/es/form/fieldTypeMap.js +1 -0
- package/es/form/global.scss +1 -0
- package/es/form/index.js +2 -2
- package/es/form/typing.d.ts +6 -0
- package/es/form/utils.js +2 -2
- package/es/form/warning.js +2 -2
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/components/InfoGroup/index.js +2 -2
- package/es/info/components/InfoValueItem/index.js +2 -2
- package/es/info/components/ProInfoItem/index.js +3 -1
- package/es/info/components/tableInfo/index.js +2 -2
- package/es/info/index.js +2 -2
- package/es/info/utils/index.js +2 -2
- package/es/nocode/pages/playground.js +2 -2
- package/es/nocode/pages/renderer.d.ts +2 -2
- package/es/nocode/pages/renderer.js +5 -5
- package/es/nocode/playground.js +2 -2
- package/es/page-header/index.d.ts +1 -2
- package/es/page-header/index.js +4 -14
- package/es/sidebar/components/sidebar-container/index.js +2 -2
- package/es/sidebar/components/tree/index.js +2 -2
- package/es/sidebar/index.js +2 -2
- package/es/table/components/Filter/index.js +2 -2
- package/es/table/components/Layout/index.js +3 -3
- package/es/table/components/QuickAction/index.js +3 -3
- package/es/table/components/ToolBar/FilterColumnIcon.js +54 -19
- package/es/table/components/ToolBar/index.js +2 -2
- package/es/table/components/ToolBar/index.scss +1 -0
- package/es/table/index.js +29 -11
- package/es/table/typing.d.ts +11 -1
- package/es/table/utils/columnRender.js +61 -3
- package/es/table/utils/genProColumnToColumn.js +2 -2
- package/es/table/utils/index.js +24 -4
- package/es/table/utils/useTableSelection.js +2 -2
- package/es/templates/List/index.js +2 -2
- package/es/utils/message.d.ts +1 -1
- package/es/utils/message.js +9 -9
- package/lib/actions/dialog-component.js +2 -2
- package/lib/actions/dialog-form.js +3 -3
- package/lib/actions/dialog.js +6 -4
- package/lib/actions/index.js +11 -7
- package/lib/actions/link.js +2 -2
- package/lib/actions/request.js +2 -2
- package/lib/actions/utils.js +2 -2
- package/lib/card/card-container.js +2 -2
- package/lib/card/divider.js +2 -2
- package/lib/card/index.d.ts +6 -3
- package/lib/card/index.js +11 -6
- package/lib/card/index.scss +4 -0
- package/lib/card/selectable.js +2 -2
- package/lib/card/tab.js +2 -2
- package/lib/field/index.js +1 -1
- package/lib/form/Components/Editable/index.js +3 -3
- package/lib/form/Components/FormGroup/index.js +2 -2
- package/lib/form/Components/LightFilter/componentMap.d.ts +2 -0
- package/lib/form/Components/LightFilter/componentMap.js +12 -0
- package/lib/form/Components/LightFilter/index.d.ts +15 -0
- package/lib/form/Components/{QueryFilter → LightFilter}/index.js +50 -44
- package/lib/form/Components/LightFilter/index.scss +74 -0
- package/lib/form/Components/ProField/index.js +2 -2
- package/lib/form/Components/Text/index.js +2 -2
- package/lib/form/Filter/index.js +5 -5
- package/lib/form/Filter/index.scss +0 -46
- package/lib/form/Filter/index2.d.ts +1 -1
- package/lib/form/Filter/index2.js +165 -115
- package/lib/form/Filter/index2.scss +73 -0
- package/lib/form/ProForm/index.js +4 -3
- package/lib/form/ProForm/index.scss +9 -9
- package/lib/form/ProForm/useAutoSubmit.js +2 -2
- package/lib/form/ProForm/useFieldRequest.js +2 -2
- package/lib/form/ProForm/useFormDisplayValues.js +47 -15
- package/lib/form/ProForm/useInitialRequest.js +2 -2
- package/lib/form/SchemaForm/adapterType.js +1 -0
- package/lib/form/SchemaForm/index.js +6 -6
- package/lib/form/SchemaForm/initializeArrayCards.js +2 -2
- package/lib/form/SchemaForm/initializeArrayCollapse.js +2 -2
- package/lib/form/SchemaForm/initializeArrayItems.js +2 -2
- package/lib/form/SchemaForm/initializeArrayTable.js +2 -2
- package/lib/form/SchemaForm/initializeFormButton.js +2 -2
- package/lib/form/SchemaForm/initializeFormCollapse.js +2 -2
- package/lib/form/SchemaForm/initializeFormGroup.js +2 -2
- package/lib/form/SchemaForm/initializeFormStep.js +2 -2
- package/lib/form/SchemaForm/initializeFormTab.js +2 -2
- package/lib/form/SchemaForm/initializeReactions.js +2 -2
- package/lib/form/SchemaForm/initializeRules.js +2 -2
- package/lib/form/SchemaForm/reactions.js +3 -7
- package/lib/form/fieldTypeMap.js +1 -0
- package/lib/form/global.scss +1 -0
- package/lib/form/index.js +3 -3
- package/lib/form/typing.d.ts +6 -0
- package/lib/form/utils.js +2 -2
- package/lib/form/warning.js +2 -2
- package/lib/hooks/index.js +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +2 -2
- package/lib/info/components/InfoGroup/index.js +3 -3
- package/lib/info/components/InfoValueItem/index.js +3 -3
- package/lib/info/components/ProInfoItem/index.js +3 -1
- package/lib/info/components/tableInfo/index.js +3 -3
- package/lib/info/index.js +3 -3
- package/lib/info/utils/index.js +2 -2
- package/lib/nocode/configurators/index.js +1 -1
- package/lib/nocode/pages/playground.js +3 -3
- package/lib/nocode/pages/renderer.d.ts +2 -2
- package/lib/nocode/pages/renderer.js +5 -5
- package/lib/nocode/playground.js +3 -3
- package/lib/page-container/index.js +1 -1
- package/lib/page-header/index.d.ts +1 -2
- package/lib/page-header/index.js +6 -17
- package/lib/sidebar/components/sidebar-container/index.js +2 -2
- package/lib/sidebar/components/tree/index.js +3 -3
- package/lib/sidebar/index.js +3 -3
- package/lib/skeleton/index.js +1 -1
- package/lib/table/components/Filter/index.js +3 -3
- package/lib/table/components/Layout/index.js +3 -3
- package/lib/table/components/QuickAction/index.js +3 -3
- package/lib/table/components/ToolBar/DensityIcon.js +1 -1
- package/lib/table/components/ToolBar/FilterColumnIcon.js +55 -20
- package/lib/table/components/ToolBar/FullScreenIcon.js +1 -1
- package/lib/table/components/ToolBar/Fullscreen.js +1 -1
- package/lib/table/components/ToolBar/index.js +2 -2
- package/lib/table/components/ToolBar/index.scss +1 -0
- package/lib/table/index.js +29 -11
- package/lib/table/typing.d.ts +11 -1
- package/lib/table/utils/columnRender.js +61 -3
- package/lib/table/utils/genProColumnToColumn.js +2 -2
- package/lib/table/utils/index.js +24 -4
- package/lib/table/utils/useTableSelection.js +2 -2
- package/lib/templates/List/index.js +3 -3
- package/lib/utils/index.js +1 -1
- package/lib/utils/message.d.ts +1 -1
- package/lib/utils/message.js +9 -9
- package/package.json +2 -2
- package/es/form/Components/Query/index.d.ts +0 -4
- package/es/form/Components/Query/index.js +0 -70
- package/es/form/Components/Query/index.scss +0 -85
- package/es/form/Components/QueryFilter/index.d.ts +0 -3
- package/es/utils/components/tags/index.d.ts +0 -11
- package/es/utils/components/tags/index.js +0 -50
- package/es/utils/components/tags/index.scss +0 -12
- package/lib/form/Components/Query/index.d.ts +0 -4
- package/lib/form/Components/Query/index.js +0 -91
- package/lib/form/Components/Query/index.scss +0 -85
- package/lib/form/Components/QueryFilter/index.d.ts +0 -3
- package/lib/utils/components/tags/index.d.ts +0 -11
- package/lib/utils/components/tags/index.js +0 -66
- 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);
|
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]
|
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);
|
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]
|
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
|
|
package/es/actions/dialog.js
CHANGED
@@ -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);
|
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]
|
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
|
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))
|
package/es/actions/index.js
CHANGED
@@ -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);
|
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]
|
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,
|
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
|
}));
|
package/es/actions/link.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
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]
|
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
|
|
package/es/actions/request.js
CHANGED
@@ -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);
|
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]
|
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
|
|
package/es/actions/utils.js
CHANGED
@@ -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);
|
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]
|
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);
|
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]
|
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
|
|
package/es/card/divider.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
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]
|
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
|
|
package/es/card/index.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { ProTagItem } from '
|
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);
|
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]
|
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 {
|
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 &&
|
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,
|
package/es/card/index.scss
CHANGED
package/es/card/selectable.js
CHANGED
@@ -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);
|
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]
|
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);
|
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]
|
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);
|
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]
|
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);
|
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]
|
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,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);
|
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]
|
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 {
|
22
|
-
import
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
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
|
64
|
-
var queryField = useField();
|
63
|
+
var field = useField();
|
65
64
|
var schema = useFieldSchema();
|
66
|
-
var
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
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
|
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
|
91
|
-
var
|
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(
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
},
|
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
|
-
|
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);
|
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]
|
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);
|
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]
|
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
|
|