@zgfe/business-lib 1.0.0-beta.6 → 1.0.3
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/es/analysisLayout/demo/index.js +4 -1
- package/es/analysisLayout/index.d.ts +1 -28
- package/es/analysisLayout/index.js +38 -48
- package/es/analysisLayout/index.less +1 -1
- package/es/assets/styles/chunks.less +143 -0
- package/es/assets/styles/inner.less +3 -0
- package/es/assets/styles/resetAntd.less +398 -0
- package/es/assets/styles/variable.less +21 -0
- package/es/assets/theme.d.ts +5 -0
- package/es/assets/theme.js +4 -0
- package/es/attrConditions/components/operateList.d.ts +8 -0
- package/es/attrConditions/components/operateList.js +83 -0
- package/es/attrConditions/components/stringList.d.ts +9 -0
- package/es/attrConditions/components/stringList.js +168 -0
- package/es/attrConditions/components/valuesList.d.ts +10 -0
- package/es/attrConditions/components/valuesList.js +188 -0
- package/es/{attributeSelector/demo/multi.d.ts → attrConditions/demo/group.d.ts} +0 -0
- package/es/attrConditions/demo/group.js +82 -0
- package/es/{globalAttributes → attrConditions}/demo/index.d.ts +0 -0
- package/es/{datePicker/demo/form.js → attrConditions/demo/index.js} +43 -23
- package/es/attrConditions/group.d.ts +5 -0
- package/es/attrConditions/group.js +183 -0
- package/es/attrConditions/index.d.ts +6 -0
- package/es/attrConditions/index.js +160 -0
- package/es/attrConditions/styles/group.less +49 -0
- package/es/attrConditions/styles/index.less +94 -0
- package/es/attrConditions/types.d.ts +63 -0
- package/es/attrConditions/types.js +19 -0
- package/es/attrConditions/utils/operates.d.ts +16 -0
- package/es/attrConditions/utils/operates.js +67 -0
- package/es/attributeSelector/demo/index.d.ts +3 -0
- package/es/attributeSelector/demo/{singleForm.js → index.js} +42 -44
- package/es/attributeSelector/index.d.ts +4 -111
- package/es/attributeSelector/index.js +88 -543
- package/es/attributeSelector/listPanel.d.ts +4 -0
- package/es/attributeSelector/listPanel.js +208 -0
- package/es/attributeSelector/option.d.ts +15 -0
- package/es/attributeSelector/option.js +53 -0
- package/es/attributeSelector/styles/index.less +100 -0
- package/es/attributeSelector/types.d.ts +79 -0
- package/es/attributeSelector/types.js +15 -0
- package/es/attributeSelector/util.d.ts +7 -0
- package/es/attributeSelector/util.js +69 -0
- package/es/chart/demo/pie.js +1 -0
- package/es/chart/index.d.ts +2 -96
- package/es/chart/index.js +28 -35
- package/es/chart/styles/index.less +50 -0
- package/es/chart/types.d.ts +46 -0
- package/es/chart/{type.js → types.js} +0 -0
- package/es/chart/util/{chartConfig.d.ts → chartOptionConfig.d.ts} +4 -35
- package/es/chart/util/{chartConfig.js → chartOptionConfig.js} +45 -111
- package/es/chart/util/formatData.d.ts +3 -7
- package/es/chart/util/formatData.js +47 -26
- package/es/chart/util/formatOption.d.ts +2 -1
- package/es/chart/util/formatOption.js +22 -9
- package/es/chart/util/mapUtil.d.ts +3 -3
- package/es/chart/util/mapUtil.js +9 -19
- package/es/commonStyle/icon.less +116 -112
- package/es/commonStyle/select.less +1 -1
- package/es/commonStyle/theme.less +520 -473
- package/es/components/iconFont.js +4 -2
- package/es/context/index.d.ts +16 -0
- package/es/context/index.js +3 -0
- package/es/datePicker/datePicker.d.ts +10 -0
- package/es/datePicker/datePicker.js +115 -0
- package/es/datePicker/demo/index.d.ts +1 -0
- package/es/datePicker/demo/index.js +9 -2
- package/es/datePicker/index.d.ts +4 -27
- package/es/datePicker/index.js +72 -148
- package/es/datePicker/styles/index.less +48 -0
- package/es/datePicker/types.d.ts +24 -0
- package/es/{eventSelector/type.js → datePicker/types.js} +0 -0
- package/es/datePicker/utils.d.ts +6 -0
- package/es/datePicker/utils.js +70 -0
- package/es/dialog/components/itemNode.d.ts +10 -0
- package/es/dialog/components/itemNode.js +109 -0
- package/es/dialog/components/list.d.ts +3 -13
- package/es/dialog/components/list.js +15 -12
- package/es/dialog/components/selectToInput.d.ts +4 -48
- package/es/dialog/components/selectToInput.js +74 -80
- package/es/dialog/components/styles/handle.less +39 -0
- package/es/dialog/components/styles/list.less +60 -0
- package/es/dialog/components/styles/tab.less +55 -0
- package/es/dialog/components/tab.d.ts +3 -7
- package/es/dialog/components/tab.js +57 -19
- package/es/dialog/data/{chart.d.ts → data.d.ts} +9 -0
- package/es/dialog/data/{chart.js → data.js} +11 -0
- package/es/dialog/demo/index.d.ts +23 -0
- package/es/dialog/demo/index.js +34 -3
- package/es/dialog/demo/index2.js +14 -2
- package/es/dialog/index.d.ts +4 -97
- package/es/dialog/index.js +54 -109
- package/es/dialog/styles/index.less +11 -0
- package/es/dialog/types.d.ts +77 -0
- package/es/{targetConditionGroup/type.js → dialog/types.js} +0 -0
- package/es/eventSelector/demo/index.js +26 -44
- package/es/eventSelector/index.d.ts +4 -30
- package/es/eventSelector/index.js +90 -416
- package/es/eventSelector/listPanel.d.ts +4 -0
- package/es/eventSelector/listPanel.js +197 -0
- package/es/eventSelector/option.d.ts +17 -0
- package/es/eventSelector/option.js +54 -0
- package/es/eventSelector/styles/index.less +77 -0
- package/es/eventSelector/types.d.ts +31 -0
- package/es/eventSelector/types.js +1 -0
- package/es/index.d.ts +14 -11
- package/es/index.js +9 -11
- package/es/{attributeSelector/data → mock}/env.d.ts +0 -0
- package/es/{attributeSelector/data → mock}/env.js +0 -0
- package/es/{attributeSelector/data → mock}/event.d.ts +0 -0
- package/es/{attributeSelector/data → mock}/event.js +0 -0
- package/es/{attributeSelector/data → mock}/user.d.ts +0 -0
- package/es/{attributeSelector/data → mock}/user.js +0 -0
- package/es/{multipleSelector → searchInput}/demo/index.d.ts +0 -0
- package/es/searchInput/demo/index.js +5 -0
- package/es/searchInput/index.d.ts +8 -0
- package/es/searchInput/index.js +31 -0
- package/es/{attributeSelector/demo/multiForm.d.ts → select/demo/group.d.ts} +0 -0
- package/es/{globalAttributes/demo/index.js → select/demo/group.js} +49 -31
- package/es/select/demo/index.js +49 -21
- package/es/{attributeSelector/demo/single.d.ts → select/demo/multiple.d.ts} +0 -0
- package/es/{multipleSelector/demo/index.js → select/demo/multiple.js} +55 -12
- package/es/select/handle.d.ts +5 -0
- package/es/select/handle.js +119 -0
- package/es/select/index.d.ts +4 -49
- package/es/select/index.js +168 -122
- package/es/select/option.d.ts +4 -0
- package/es/select/option.js +59 -0
- package/es/select/overlay.d.ts +4 -0
- package/es/select/overlay.js +154 -0
- package/es/select/styles/handle.less +111 -0
- package/es/select/styles/index.less +99 -0
- package/es/select/types.d.ts +65 -0
- package/es/select/types.js +1 -0
- package/es/table/demo/data/table.js +1 -1
- package/es/table/demo/index.d.ts +1 -1
- package/es/table/demo/index.js +9 -8
- package/es/table/demo/index3.js +9 -18
- package/es/table/index.d.ts +4 -30
- package/es/table/index.js +30 -26
- package/es/table/styles/index.less +5 -0
- package/es/table/type.d.ts +10 -0
- package/es/table/type.js +1 -0
- package/es/targetConditionGroup/components/targetDimension.d.ts +8 -0
- package/es/targetConditionGroup/components/targetDimension.js +153 -0
- package/es/targetConditionGroup/data/operates.d.ts +8 -24
- package/es/targetConditionGroup/data/operates.js +26 -69
- package/es/targetConditionGroup/demo/group.d.ts +1 -0
- package/es/targetConditionGroup/demo/group.js +108 -23
- package/es/targetConditionGroup/demo/index.js +34 -34
- package/es/targetConditionGroup/demo/styles/index.less +29 -0
- package/es/targetConditionGroup/index.d.ts +4 -57
- package/es/targetConditionGroup/index.js +177 -274
- package/es/targetConditionGroup/styles/index.less +25 -0
- package/es/targetConditionGroup/types.d.ts +32 -0
- package/es/targetConditionGroup/types.js +1 -0
- package/es/targetSelector/demo/index.d.ts +1 -0
- package/es/targetSelector/demo/index.js +29 -71
- package/es/targetSelector/editBox.d.ts +8 -0
- package/es/targetSelector/{components/BizEventNameEditBox.js → editBox.js} +49 -24
- package/es/targetSelector/index.d.ts +5 -55
- package/es/targetSelector/index.js +103 -214
- package/es/targetSelector/optionIcon.d.ts +9 -0
- package/es/targetSelector/optionIcon.js +24 -0
- package/es/targetSelector/optionMenu.d.ts +7 -0
- package/es/targetSelector/optionMenu.js +38 -0
- package/es/targetSelector/styles/index.less +88 -0
- package/es/targetSelector/types.d.ts +18 -0
- package/es/targetSelector/types.js +1 -0
- package/es/userCondition/conditionTypeList.d.ts +10 -0
- package/es/userCondition/conditionTypeList.js +43 -0
- package/es/userCondition/conditionWrap.d.ts +7 -0
- package/es/userCondition/conditionWrap.js +18 -0
- package/es/userCondition/conditions/eventCondition.d.ts +8 -0
- package/es/userCondition/conditions/eventCondition.js +104 -0
- package/es/userCondition/conditions/periodCondition.d.ts +11 -0
- package/es/userCondition/conditions/periodCondition.js +156 -0
- package/es/userCondition/conditions/propCondition.d.ts +11 -0
- package/es/userCondition/conditions/propCondition.js +147 -0
- package/es/userCondition/conditions/runTimesCondition.d.ts +9 -0
- package/es/userCondition/conditions/runTimesCondition.js +78 -0
- package/es/userCondition/conditions/styles/eventCondition.less +49 -0
- package/es/userCondition/conditions/styles/periodCondition.less +14 -0
- package/es/userCondition/conditions/styles/propCondition.less +36 -0
- package/es/userCondition/conditions/styles/runTimesCondition.less +16 -0
- package/es/{attributeSelector/demo/singleForm.d.ts → userCondition/demo/index.d.ts} +0 -0
- package/es/userCondition/demo/index.js +97 -0
- package/es/userCondition/index.d.ts +7 -0
- package/es/userCondition/index.js +146 -0
- package/es/userCondition/orConditions.d.ts +5 -0
- package/es/userCondition/orConditions.js +202 -0
- package/es/userCondition/relationLabel.d.ts +6 -0
- package/es/userCondition/relationLabel.js +12 -0
- package/es/userCondition/styles/conditionTypeList.less +31 -0
- package/es/userCondition/styles/conditionWrap.less +14 -0
- package/es/userCondition/styles/index.less +13 -0
- package/es/userCondition/styles/orConditions.less +16 -0
- package/es/userCondition/styles/relationLabel.less +18 -0
- package/es/userCondition/types.d.ts +79 -0
- package/es/userCondition/types.js +1 -0
- package/es/userCondition/util.d.ts +2 -0
- package/es/userCondition/util.js +54 -0
- package/es/{datePicker/demo/form.d.ts → userGroup/demo/group.d.ts} +0 -0
- package/es/{targetConditionGroup/demo/form.js → userGroup/demo/group.js} +68 -72
- package/es/userGroup/demo/index.d.ts +0 -1
- package/es/userGroup/demo/index.js +5 -62
- package/es/userGroup/index.d.ts +3 -77
- package/es/userGroup/index.js +60 -108
- package/es/userGroup/styles/index.less +20 -0
- package/es/userGroup/types.d.ts +15 -0
- package/es/userGroup/types.js +1 -0
- package/es/utils/ajax.js +5 -20
- package/es/utils/type.d.ts +42 -44
- package/es/utils/util.d.ts +1 -35
- package/es/utils/util.js +27 -57
- package/package.json +11 -4
- package/es/attributeSelector/demo/multi.js +0 -39
- package/es/attributeSelector/demo/multiForm.js +0 -64
- package/es/attributeSelector/demo/single.js +0 -43
- package/es/attributeSelector/group.d.ts +0 -31
- package/es/attributeSelector/group.js +0 -225
- package/es/attributeSelector/index.less +0 -172
- package/es/chart/index.less +0 -38
- package/es/chart/style/circle.svg +0 -4
- package/es/chart/type.d.ts +0 -22
- package/es/datePicker/data.d.ts +0 -9
- package/es/datePicker/data.js +0 -65
- package/es/datePicker/index.less +0 -364
- package/es/dialog/components/style/list.less +0 -59
- package/es/dialog/components/style/tab.less +0 -61
- package/es/dialog/style/index.less +0 -86
- package/es/eventSelector/demo/form.d.ts +0 -2
- package/es/eventSelector/demo/form.js +0 -89
- package/es/eventSelector/demo/nodata.d.ts +0 -2
- package/es/eventSelector/demo/nodata.js +0 -13
- package/es/eventSelector/index.less +0 -121
- package/es/eventSelector/type.d.ts +0 -41
- package/es/globalAttributes/demo/data/env.d.ts +0 -11
- package/es/globalAttributes/demo/data/env.js +0 -181
- package/es/globalAttributes/demo/data/event.d.ts +0 -237
- package/es/globalAttributes/demo/data/event.js +0 -3483
- package/es/globalAttributes/demo/data/user.d.ts +0 -22
- package/es/globalAttributes/demo/data/user.js +0 -218
- package/es/globalAttributes/index.d.ts +0 -47
- package/es/globalAttributes/index.js +0 -112
- package/es/multipleSelector/index.d.ts +0 -36
- package/es/multipleSelector/index.js +0 -131
- package/es/multipleSelector/index.less +0 -136
- package/es/table/demo/index.less +0 -8
- package/es/table/index.less +0 -139
- package/es/targetConditionGroup/components/conditionGroup.d.ts +0 -30
- package/es/targetConditionGroup/components/conditionGroup.js +0 -112
- package/es/targetConditionGroup/components/conditionItem.d.ts +0 -47
- package/es/targetConditionGroup/components/conditionItem.js +0 -232
- package/es/targetConditionGroup/components/style/group.less +0 -47
- package/es/targetConditionGroup/components/style/index.less +0 -16
- package/es/targetConditionGroup/demo/data/env.d.ts +0 -11
- package/es/targetConditionGroup/demo/data/env.js +0 -181
- package/es/targetConditionGroup/demo/data/event.d.ts +0 -237
- package/es/targetConditionGroup/demo/data/event.js +0 -3483
- package/es/targetConditionGroup/demo/data/user.d.ts +0 -22
- package/es/targetConditionGroup/demo/data/user.js +0 -218
- package/es/targetConditionGroup/demo/form.d.ts +0 -2
- package/es/targetConditionGroup/demo/item.d.ts +0 -2
- package/es/targetConditionGroup/demo/item.js +0 -5
- package/es/targetConditionGroup/group.d.ts +0 -56
- package/es/targetConditionGroup/group.js +0 -204
- package/es/targetConditionGroup/index.less +0 -76
- package/es/targetConditionGroup/type.d.ts +0 -95
- package/es/targetSelector/components/BizCascadeBox.d.ts +0 -34
- package/es/targetSelector/components/BizCascadeBox.js +0 -213
- package/es/targetSelector/components/BizEventNameEditBox.d.ts +0 -20
- package/es/targetSelector/demo/form.d.ts +0 -2
- package/es/targetSelector/demo/form.js +0 -133
- package/es/targetSelector/demo/nodata.d.ts +0 -2
- package/es/targetSelector/demo/nodata.js +0 -13
- package/es/targetSelector/index.less +0 -28
- package/es/userGroup/demo/cluster.d.ts +0 -3
- package/es/userGroup/demo/cluster.js +0 -102
- package/es/userGroup/demo/index.less +0 -3
- package/es/userGroup/index.less +0 -2
- package/es/userGroup/userCluster.d.ts +0 -63
- package/es/userGroup/userCluster.js +0 -255
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import '../index.less';
|
|
3
|
-
import { Event, Option } from '../../eventSelector/type';
|
|
4
|
-
interface DropDownProps {
|
|
5
|
-
/**
|
|
6
|
-
* @description 可选项数据源
|
|
7
|
-
* @default -
|
|
8
|
-
*/
|
|
9
|
-
options: Option[];
|
|
10
|
-
/**
|
|
11
|
-
* @description 选择完成后的回调
|
|
12
|
-
* @default -
|
|
13
|
-
*/
|
|
14
|
-
onChange: (selectedOptions: object) => void;
|
|
15
|
-
/**
|
|
16
|
-
* @description 默认的选中项
|
|
17
|
-
* @default -
|
|
18
|
-
*/
|
|
19
|
-
defaultValue?: Event;
|
|
20
|
-
/**
|
|
21
|
-
* @description 自定义节点 label、value 的字段
|
|
22
|
-
* @description.zh-CN
|
|
23
|
-
* @default -
|
|
24
|
-
*/
|
|
25
|
-
fieldNames?: {
|
|
26
|
-
label: string;
|
|
27
|
-
value: string;
|
|
28
|
-
groupLabel: string;
|
|
29
|
-
groupValue: string;
|
|
30
|
-
};
|
|
31
|
-
onFocusChange?: (value: boolean) => void;
|
|
32
|
-
}
|
|
33
|
-
export declare const BizEventSelector: React.FC<DropDownProps>;
|
|
34
|
-
export default BizEventSelector;
|
|
@@ -1,213 +0,0 @@
|
|
|
1
|
-
var _excluded = ["children"];
|
|
2
|
-
|
|
3
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
4
|
-
|
|
5
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
-
|
|
7
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
8
|
-
|
|
9
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
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; }
|
|
16
|
-
|
|
17
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
18
|
-
|
|
19
|
-
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; }
|
|
20
|
-
|
|
21
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
22
|
-
|
|
23
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
24
|
-
|
|
25
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
26
|
-
|
|
27
|
-
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; }
|
|
28
|
-
|
|
29
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
30
|
-
|
|
31
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* 级联下拉框
|
|
35
|
-
*/
|
|
36
|
-
import { Input, List, Skeleton } from 'antd';
|
|
37
|
-
import React, { useEffect, useState } from 'react';
|
|
38
|
-
import '../index.less';
|
|
39
|
-
import { UserOutlined } from '@ant-design/icons';
|
|
40
|
-
import InfiniteScroll from 'react-infinite-scroll-component';
|
|
41
|
-
export var BizEventSelector = function BizEventSelector(props) {
|
|
42
|
-
// export const BizEventSelector = (props: DropDownProps, ref: any) => {
|
|
43
|
-
var defaultValue = props.defaultValue,
|
|
44
|
-
_props$fieldNames = props.fieldNames,
|
|
45
|
-
fieldNames = _props$fieldNames === void 0 ? {
|
|
46
|
-
label: 'name',
|
|
47
|
-
value: 'id',
|
|
48
|
-
groupLabel: 'name',
|
|
49
|
-
groupValue: 'id'
|
|
50
|
-
} : _props$fieldNames,
|
|
51
|
-
options = props.options,
|
|
52
|
-
onChange = props.onChange,
|
|
53
|
-
onFocusChange = props.onFocusChange; // 分组(下拉框第一列)信息,用于存储hover的信息,(事件搜索后)
|
|
54
|
-
|
|
55
|
-
var _useState = useState([]),
|
|
56
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
57
|
-
group = _useState2[0],
|
|
58
|
-
setGroup = _useState2[1]; // 分组(下拉框第一列)信息, 原始信息
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
var _useState3 = useState([]),
|
|
62
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
63
|
-
group2 = _useState4[0],
|
|
64
|
-
setGroup2 = _useState4[1]; // group的children数量
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
var _useState5 = useState(0),
|
|
68
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
69
|
-
eventCount = _useState6[0],
|
|
70
|
-
setEventCount = _useState6[1]; // 搜索框是否是聚焦状态
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
var _useState7 = useState(false),
|
|
74
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
75
|
-
focused = _useState8[0],
|
|
76
|
-
setFocused = _useState8[1]; // 第二列数据 虚拟滚动,每次滚动10条
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
var _useState9 = useState([]),
|
|
80
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
81
|
-
eventData = _useState10[0],
|
|
82
|
-
setEventData = _useState10[1];
|
|
83
|
-
|
|
84
|
-
var _useState11 = useState({}),
|
|
85
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
86
|
-
event = _useState12[0],
|
|
87
|
-
setEvent = _useState12[1]; // 搜索值
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
var _useState13 = useState(''),
|
|
91
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
92
|
-
searchValue = _useState14[0],
|
|
93
|
-
setSearchValue = _useState14[1];
|
|
94
|
-
|
|
95
|
-
var pagesize = 9;
|
|
96
|
-
useEffect(function () {
|
|
97
|
-
if (options.length > 0) {
|
|
98
|
-
setGroup(options[0]);
|
|
99
|
-
setGroup2(options[0]);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
if (defaultValue && defaultValue !== {}) {
|
|
103
|
-
setEvent(defaultValue);
|
|
104
|
-
}
|
|
105
|
-
}, []); // 更改group后,事件列表响应
|
|
106
|
-
|
|
107
|
-
useEffect(function () {
|
|
108
|
-
var arr = [],
|
|
109
|
-
size = 0;
|
|
110
|
-
|
|
111
|
-
if (group && group.children) {
|
|
112
|
-
var _group$children;
|
|
113
|
-
|
|
114
|
-
arr = (_group$children = group.children) === null || _group$children === void 0 ? void 0 : _group$children.slice(0, pagesize);
|
|
115
|
-
size = group.children.length;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
setEventData(arr);
|
|
119
|
-
setEventCount(size);
|
|
120
|
-
}, [group]); // 搜索结果
|
|
121
|
-
|
|
122
|
-
useEffect(function () {
|
|
123
|
-
var arr = group2.children && group2.children.filter(function (item) {
|
|
124
|
-
return item[fieldNames.label] && JSON.stringify(item[fieldNames.label]).toLowerCase().indexOf(searchValue.toLowerCase()) > -1;
|
|
125
|
-
});
|
|
126
|
-
setGroup(function (group) {
|
|
127
|
-
var children = group.children,
|
|
128
|
-
res = _objectWithoutProperties(group, _excluded);
|
|
129
|
-
|
|
130
|
-
return _objectSpread(_objectSpread({}, res), {}, {
|
|
131
|
-
children: arr
|
|
132
|
-
});
|
|
133
|
-
});
|
|
134
|
-
}, [searchValue, group2]); // 加载更多
|
|
135
|
-
|
|
136
|
-
var loadMoreData = function loadMoreData() {
|
|
137
|
-
var _group$children2;
|
|
138
|
-
|
|
139
|
-
var arr = group.children ? (_group$children2 = group.children) === null || _group$children2 === void 0 ? void 0 : _group$children2.slice(eventData.length, eventData.length + pagesize) : [];
|
|
140
|
-
setEventData([].concat(_toConsumableArray(eventData), _toConsumableArray(arr)));
|
|
141
|
-
};
|
|
142
|
-
|
|
143
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
144
|
-
className: "biz-dropdown-cascade biz-flex"
|
|
145
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
146
|
-
className: "biz-dropdown-menu"
|
|
147
|
-
}, options.map(function (menu, index) {
|
|
148
|
-
var _menu$children;
|
|
149
|
-
|
|
150
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
151
|
-
className: "biz-dropdown-item ".concat(menu[fieldNames.groupValue] === group[fieldNames.groupValue] && 'box-hover'),
|
|
152
|
-
key: menu[fieldNames.groupValue],
|
|
153
|
-
onMouseEnter: function onMouseEnter(e) {
|
|
154
|
-
e.stopPropagation();
|
|
155
|
-
setGroup(function () {
|
|
156
|
-
return _objectSpread({}, menu);
|
|
157
|
-
});
|
|
158
|
-
setGroup2(function () {
|
|
159
|
-
return _objectSpread({}, menu);
|
|
160
|
-
});
|
|
161
|
-
}
|
|
162
|
-
}, /*#__PURE__*/React.createElement("span", null, menu[fieldNames.groupLabel]), /*#__PURE__*/React.createElement("span", {
|
|
163
|
-
className: "biz-count"
|
|
164
|
-
}, (_menu$children = menu.children) === null || _menu$children === void 0 ? void 0 : _menu$children.length));
|
|
165
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
166
|
-
className: "biz-dropdown-content"
|
|
167
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
168
|
-
className: "biz-search ".concat(focused && 'active')
|
|
169
|
-
}, /*#__PURE__*/React.createElement(Input, {
|
|
170
|
-
className: "biz-search-box",
|
|
171
|
-
prefix: /*#__PURE__*/React.createElement(UserOutlined, null),
|
|
172
|
-
value: searchValue,
|
|
173
|
-
placeholder: "\u641C\u7D22\u57CB\u70B9\u4E8B\u4EF6",
|
|
174
|
-
onChange: function onChange(e) {
|
|
175
|
-
setSearchValue(e.target.value);
|
|
176
|
-
},
|
|
177
|
-
onFocus: function onFocus() {
|
|
178
|
-
setFocused(true);
|
|
179
|
-
onFocusChange && onFocusChange(true);
|
|
180
|
-
},
|
|
181
|
-
onBlur: function onBlur() {
|
|
182
|
-
setFocused(false);
|
|
183
|
-
onFocusChange && onFocusChange(false);
|
|
184
|
-
}
|
|
185
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
186
|
-
className: "biz-dropdown-box",
|
|
187
|
-
id: "scrollableDiv"
|
|
188
|
-
}, /*#__PURE__*/React.createElement(InfiniteScroll, {
|
|
189
|
-
dataLength: eventData.length,
|
|
190
|
-
next: loadMoreData,
|
|
191
|
-
hasMore: eventData.length < eventCount,
|
|
192
|
-
loader: /*#__PURE__*/React.createElement(Skeleton, {
|
|
193
|
-
paragraph: {
|
|
194
|
-
rows: 1
|
|
195
|
-
},
|
|
196
|
-
active: true
|
|
197
|
-
}),
|
|
198
|
-
scrollableTarget: "scrollableDiv"
|
|
199
|
-
}, /*#__PURE__*/React.createElement(List, {
|
|
200
|
-
dataSource: eventData,
|
|
201
|
-
renderItem: function renderItem(item) {
|
|
202
|
-
return /*#__PURE__*/React.createElement(List.Item, {
|
|
203
|
-
key: item[fieldNames.value],
|
|
204
|
-
className: "biz-dropdown-item ".concat(item[fieldNames.value] === event[fieldNames.value] && 'box-active'),
|
|
205
|
-
onClick: function onClick(e) {
|
|
206
|
-
e.stopPropagation();
|
|
207
|
-
onChange(item);
|
|
208
|
-
}
|
|
209
|
-
}, /*#__PURE__*/React.createElement("div", null, item[fieldNames.label]));
|
|
210
|
-
}
|
|
211
|
-
})))));
|
|
212
|
-
};
|
|
213
|
-
export default BizEventSelector; // export default React.forwardRef(BizEventSelector);
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface ModalProps {
|
|
3
|
-
/**
|
|
4
|
-
* @description 取消编辑别名
|
|
5
|
-
* @default -
|
|
6
|
-
*/
|
|
7
|
-
onCancel: () => void;
|
|
8
|
-
/**
|
|
9
|
-
* @description 编辑别名的回调
|
|
10
|
-
* @default -
|
|
11
|
-
*/
|
|
12
|
-
onChange: (alias: string) => void;
|
|
13
|
-
/**
|
|
14
|
-
* @description 别名
|
|
15
|
-
* @default -
|
|
16
|
-
*/
|
|
17
|
-
defaultValue?: string;
|
|
18
|
-
}
|
|
19
|
-
declare const BizEventNameEditBox: React.FC<ModalProps>;
|
|
20
|
-
export default BizEventNameEditBox;
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
|
|
5
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
|
|
7
|
-
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; }
|
|
8
|
-
|
|
9
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
11
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
|
-
import { Button, Form } from 'antd';
|
|
14
|
-
import React, { useState } from 'react';
|
|
15
|
-
import { BizTargetSelector, BizEventSelector } from '@zgfe/business-lib';
|
|
16
|
-
var cascadeOptions = [{
|
|
17
|
-
value: 1,
|
|
18
|
-
label: '整体',
|
|
19
|
-
children: [{
|
|
20
|
-
value: 'xihu',
|
|
21
|
-
label: 'West Lake'
|
|
22
|
-
}, {
|
|
23
|
-
value: 'xiasha',
|
|
24
|
-
label: 'Xia Sha'
|
|
25
|
-
}]
|
|
26
|
-
}, {
|
|
27
|
-
value: 2,
|
|
28
|
-
label: '分组',
|
|
29
|
-
children: [{
|
|
30
|
-
value: 'xihu2',
|
|
31
|
-
label: 'West Lake2'
|
|
32
|
-
}, {
|
|
33
|
-
value: 'xiasha2',
|
|
34
|
-
label: 'Xia Sha2j'
|
|
35
|
-
}, {
|
|
36
|
-
value: 'xihu21',
|
|
37
|
-
label: 'West Lake2h'
|
|
38
|
-
}, {
|
|
39
|
-
value: 'xiasha21',
|
|
40
|
-
label: 'Xia Sha2'
|
|
41
|
-
}, {
|
|
42
|
-
value: 'xihu22',
|
|
43
|
-
label: 'West Lake2m'
|
|
44
|
-
}, {
|
|
45
|
-
value: 'xiasha22',
|
|
46
|
-
label: 'Xia Sha2n'
|
|
47
|
-
}, {
|
|
48
|
-
value: 'xihu27',
|
|
49
|
-
label: 'West Lake2b'
|
|
50
|
-
}, {
|
|
51
|
-
value: 'xiasha82',
|
|
52
|
-
label: 'Xia Sha2v'
|
|
53
|
-
}, {
|
|
54
|
-
value: 'xihu23',
|
|
55
|
-
label: 'West Lake2c'
|
|
56
|
-
}, {
|
|
57
|
-
value: 'xiasha23',
|
|
58
|
-
label: 'Xia Sha2z'
|
|
59
|
-
}, {
|
|
60
|
-
value: 'xihu24',
|
|
61
|
-
label: 'West Lake22x'
|
|
62
|
-
}, {
|
|
63
|
-
value: 'xiasha24',
|
|
64
|
-
label: 'Xia Sha2a'
|
|
65
|
-
}]
|
|
66
|
-
}];
|
|
67
|
-
|
|
68
|
-
var EventDemo = function EventDemo() {
|
|
69
|
-
var _Form$useForm = Form.useForm(),
|
|
70
|
-
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
71
|
-
form = _Form$useForm2[0];
|
|
72
|
-
|
|
73
|
-
var _useState = useState(''),
|
|
74
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
75
|
-
formData = _useState2[0],
|
|
76
|
-
setFormData = _useState2[1];
|
|
77
|
-
|
|
78
|
-
var onFinish = function onFinish(values) {
|
|
79
|
-
setFormData(JSON.stringify(values));
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
var onFinishFailed = function onFinishFailed(errorInfo) {
|
|
83
|
-
console.log('Failed:', errorInfo);
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
var handleAdd = function handleAdd(data) {
|
|
87
|
-
console.log('add', data);
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
var handleDelete = function handleDelete(data) {
|
|
91
|
-
console.log('delete', data);
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form, {
|
|
95
|
-
form: form,
|
|
96
|
-
onFinish: onFinish,
|
|
97
|
-
onFinishFailed: onFinishFailed,
|
|
98
|
-
initialValues: {
|
|
99
|
-
target: {
|
|
100
|
-
alias: '别名',
|
|
101
|
-
option: 'xiasha2'
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
105
|
-
label: "\u6307\u6807",
|
|
106
|
-
name: "target"
|
|
107
|
-
}, /*#__PURE__*/React.createElement(BizTargetSelector, {
|
|
108
|
-
onAdd: handleAdd,
|
|
109
|
-
onDelete: handleDelete
|
|
110
|
-
}, /*#__PURE__*/React.createElement(BizEventSelector, {
|
|
111
|
-
responseType: 'object',
|
|
112
|
-
fieldNames: {
|
|
113
|
-
label: 'label',
|
|
114
|
-
value: 'value',
|
|
115
|
-
groupLabel: 'label',
|
|
116
|
-
groupValue: 'value',
|
|
117
|
-
children: 'children'
|
|
118
|
-
},
|
|
119
|
-
options: cascadeOptions
|
|
120
|
-
}))), /*#__PURE__*/React.createElement(Form.Item, {
|
|
121
|
-
wrapperCol: {
|
|
122
|
-
offset: 8,
|
|
123
|
-
span: 16
|
|
124
|
-
}
|
|
125
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
126
|
-
type: "primary",
|
|
127
|
-
htmlType: "submit"
|
|
128
|
-
}, "Submit"))), /*#__PURE__*/React.createElement("p", null, formData));
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
export default (function () {
|
|
132
|
-
return /*#__PURE__*/React.createElement(EventDemo, null);
|
|
133
|
-
});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BizTargetSelector, BizEventSelector } from '@zgfe/business-lib';
|
|
3
|
-
var optionGroup = [];
|
|
4
|
-
|
|
5
|
-
var EventDemo = function EventDemo() {
|
|
6
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizTargetSelector, null, /*#__PURE__*/React.createElement(BizEventSelector, {
|
|
7
|
-
options: optionGroup
|
|
8
|
-
})));
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export default (function () {
|
|
12
|
-
return /*#__PURE__*/React.createElement(EventDemo, null);
|
|
13
|
-
});
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
@import '../commonStyle/icon.less';
|
|
2
|
-
@import '../commonStyle/select.less';
|
|
3
|
-
|
|
4
|
-
.biz-placeholder {
|
|
5
|
-
color: #9797af;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.biz-menu-item-edit {
|
|
9
|
-
width: 100%;
|
|
10
|
-
height: 100%;
|
|
11
|
-
.ant-dropdown-menu-item-icon {
|
|
12
|
-
margin-right: 15px;
|
|
13
|
-
font-size: @iconSize;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
.biz-target-container {
|
|
17
|
-
.biz-select-cotainer {
|
|
18
|
-
margin-bottom: 0;
|
|
19
|
-
padding: 0;
|
|
20
|
-
border: none;
|
|
21
|
-
}
|
|
22
|
-
.ant-form {
|
|
23
|
-
flex: 1;
|
|
24
|
-
.ant-form-item {
|
|
25
|
-
margin-bottom: 0;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
|
|
5
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
|
|
7
|
-
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; }
|
|
8
|
-
|
|
9
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
11
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
|
-
import React, { useState } from 'react';
|
|
14
|
-
import { BizUserCluster } from '@zgfe/business-lib';
|
|
15
|
-
import './index.less';
|
|
16
|
-
import { Button, Form } from 'antd';
|
|
17
|
-
var groupOptions = [{
|
|
18
|
-
id: 1,
|
|
19
|
-
name: '用户群1'
|
|
20
|
-
}, {
|
|
21
|
-
id: 2,
|
|
22
|
-
name: '用户群2'
|
|
23
|
-
}, {
|
|
24
|
-
id: 3,
|
|
25
|
-
name: '用户群3'
|
|
26
|
-
}];
|
|
27
|
-
var groupOptions2 = [{
|
|
28
|
-
id: 1,
|
|
29
|
-
name: '用户群1'
|
|
30
|
-
}, {
|
|
31
|
-
id: 2,
|
|
32
|
-
name: '用户群2'
|
|
33
|
-
}, {
|
|
34
|
-
id: 3,
|
|
35
|
-
name: '用户群3'
|
|
36
|
-
}];
|
|
37
|
-
|
|
38
|
-
var UserClusterDemo = function UserClusterDemo() {
|
|
39
|
-
var _Form$useForm = Form.useForm(),
|
|
40
|
-
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
41
|
-
form = _Form$useForm2[0];
|
|
42
|
-
|
|
43
|
-
var _useState = useState(),
|
|
44
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
-
userCluster = _useState2[0],
|
|
46
|
-
setUserCluster = _useState2[1];
|
|
47
|
-
|
|
48
|
-
var onFinish = function onFinish(values) {
|
|
49
|
-
setUserCluster(JSON.stringify(values));
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
var onFinishFailed = function onFinishFailed(errorInfo) {
|
|
53
|
-
console.log('Failed:', errorInfo);
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
var handleChange = function handleChange(selectedGroups, actualGroups) {
|
|
57
|
-
console.log(selectedGroups, actualGroups);
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
className: "biz-user-group-demo"
|
|
62
|
-
}, /*#__PURE__*/React.createElement(Form, {
|
|
63
|
-
form: form,
|
|
64
|
-
onFinish: onFinish,
|
|
65
|
-
onFinishFailed: onFinishFailed,
|
|
66
|
-
initialValues: {
|
|
67
|
-
cluster: [1, 2],
|
|
68
|
-
cluster2: [{
|
|
69
|
-
id: 3
|
|
70
|
-
}, {
|
|
71
|
-
id: 4
|
|
72
|
-
}]
|
|
73
|
-
}
|
|
74
|
-
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
75
|
-
label: "\u7528\u6237\u7FA4",
|
|
76
|
-
name: "cluster"
|
|
77
|
-
}, /*#__PURE__*/React.createElement(BizUserCluster, {
|
|
78
|
-
options: groupOptions,
|
|
79
|
-
maxUserGroup: 6,
|
|
80
|
-
onChange: handleChange
|
|
81
|
-
})), /*#__PURE__*/React.createElement(Form.Item, {
|
|
82
|
-
label: "\u7528\u6237\u7FA42",
|
|
83
|
-
name: "cluster2"
|
|
84
|
-
}, /*#__PURE__*/React.createElement(BizUserCluster, {
|
|
85
|
-
options: groupOptions2,
|
|
86
|
-
responseType: 'object',
|
|
87
|
-
maxUserGroup: 2,
|
|
88
|
-
onChange: handleChange
|
|
89
|
-
})), /*#__PURE__*/React.createElement(Form.Item, {
|
|
90
|
-
wrapperCol: {
|
|
91
|
-
offset: 8,
|
|
92
|
-
span: 16
|
|
93
|
-
}
|
|
94
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
95
|
-
type: "primary",
|
|
96
|
-
htmlType: "submit"
|
|
97
|
-
}, "Submit"))), /*#__PURE__*/React.createElement("p", null, "\u5DF2\u9009\u7528\u6237\u7FA4\u4FE1\u606F\uFF1A", userCluster));
|
|
98
|
-
};
|
|
99
|
-
|
|
100
|
-
export default (function () {
|
|
101
|
-
return /*#__PURE__*/React.createElement(UserClusterDemo, null);
|
|
102
|
-
});
|
package/es/userGroup/index.less
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface UserClusterProps {
|
|
3
|
-
/**
|
|
4
|
-
* @description 若组件是表单选项,value就是form的initialValues,也是组件的默认选项
|
|
5
|
-
* @description.zh-CN
|
|
6
|
-
* @default []
|
|
7
|
-
*/
|
|
8
|
-
value?: Array<ValueType>;
|
|
9
|
-
/**
|
|
10
|
-
* @description 默认值
|
|
11
|
-
* @default []
|
|
12
|
-
*/
|
|
13
|
-
defaultValue?: Array<ValueType>;
|
|
14
|
-
/**
|
|
15
|
-
* @description 返回数据类型
|
|
16
|
-
* @description.zh-CN id | object
|
|
17
|
-
* @default id
|
|
18
|
-
*/
|
|
19
|
-
responseType?: string;
|
|
20
|
-
/**
|
|
21
|
-
* @description 自定义节点 label、value 的字段
|
|
22
|
-
* @description.zh-CN
|
|
23
|
-
* @default -
|
|
24
|
-
*/
|
|
25
|
-
fieldNames?: {
|
|
26
|
-
label: string;
|
|
27
|
-
value: string;
|
|
28
|
-
};
|
|
29
|
-
/**
|
|
30
|
-
* @description 数据化配置选项内容
|
|
31
|
-
* @description.zh-CN
|
|
32
|
-
* @default { label: 'name', value: 'id' }
|
|
33
|
-
*/
|
|
34
|
-
options: Option[];
|
|
35
|
-
/**
|
|
36
|
-
* @description 选中 option 时,调用此函数
|
|
37
|
-
* @description.zh-CN
|
|
38
|
-
* @default -
|
|
39
|
-
*/
|
|
40
|
-
onChange: (valueObject: Option[] | (string | number)[], value: Option[] | (string | number)[]) => void;
|
|
41
|
-
/**
|
|
42
|
-
* @description 最多个数
|
|
43
|
-
* @description.zh-CN
|
|
44
|
-
* @default 3
|
|
45
|
-
*/
|
|
46
|
-
maxUserGroup?: number;
|
|
47
|
-
/**
|
|
48
|
-
* @description 选择框默认文本
|
|
49
|
-
* @description.zh-CN
|
|
50
|
-
* @default 请选择
|
|
51
|
-
*/
|
|
52
|
-
placeholder?: string;
|
|
53
|
-
}
|
|
54
|
-
interface Option {
|
|
55
|
-
key?: string | number;
|
|
56
|
-
disabled?: boolean | null;
|
|
57
|
-
[prop: string]: any;
|
|
58
|
-
}
|
|
59
|
-
interface ValueType {
|
|
60
|
-
[prop: string]: any;
|
|
61
|
-
}
|
|
62
|
-
declare const BizUserCluster: React.FC<UserClusterProps>;
|
|
63
|
-
export default BizUserCluster;
|