@zykj2024/much-library 1.1.7-beta.1 → 1.1.7-beta.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/package.json +10 -8
- package/LICENSE +0 -21
- package/README.md +0 -35
- package/dist/McCascader/city.js +0 -909
- package/dist/McCascader/index.css +0 -60
- package/dist/McCascader/index.d.ts +0 -19
- package/dist/McCascader/index.js +0 -221
- package/dist/McContainer/demo/actionBar.d.ts +0 -8
- package/dist/McContainer/demo/actionBar.js +0 -118
- package/dist/McContainer/demo/base.d.ts +0 -8
- package/dist/McContainer/demo/base.js +0 -82
- package/dist/McContainer/demo/batch.d.ts +0 -8
- package/dist/McContainer/demo/batch.js +0 -129
- package/dist/McContainer/demo/collapse.d.ts +0 -8
- package/dist/McContainer/demo/collapse.js +0 -77
- package/dist/McContainer/demo/expand.d.ts +0 -8
- package/dist/McContainer/demo/expand.js +0 -90
- package/dist/McContainer/demo/generic.d.ts +0 -8
- package/dist/McContainer/demo/generic.js +0 -91
- package/dist/McContainer/demo/pagination.d.ts +0 -7
- package/dist/McContainer/demo/pagination.js +0 -133
- package/dist/McContainer/demo/search.d.ts +0 -7
- package/dist/McContainer/demo/search.js +0 -102
- package/dist/McContainer/demo/standard.d.ts +0 -7
- package/dist/McContainer/demo/standard.js +0 -219
- package/dist/McContainer/index.css +0 -123
- package/dist/McContainer/index.d.ts +0 -192
- package/dist/McContainer/index.js +0 -522
- package/dist/McContainer/mock/index.d.ts +0 -21
- package/dist/McContainer/mock/index.js +0 -50
- package/dist/McDateRange/demo/base.d.ts +0 -6
- package/dist/McDateRange/demo/base.js +0 -22
- package/dist/McDateRange/demo/cancelPresets.d.ts +0 -6
- package/dist/McDateRange/demo/cancelPresets.js +0 -23
- package/dist/McDateRange/demo/overlap.d.ts +0 -2
- package/dist/McDateRange/demo/overlap.js +0 -32
- package/dist/McDateRange/index.css +0 -31
- package/dist/McDateRange/index.d.ts +0 -28
- package/dist/McDateRange/index.js +0 -167
- package/dist/McEllipsis/demo/base.d.ts +0 -6
- package/dist/McEllipsis/demo/base.js +0 -22
- package/dist/McEllipsis/demo/middle.d.ts +0 -6
- package/dist/McEllipsis/demo/middle.js +0 -24
- package/dist/McEllipsis/demo/table.d.ts +0 -5
- package/dist/McEllipsis/demo/table.js +0 -93
- package/dist/McEllipsis/demo/tooltip-size.d.ts +0 -6
- package/dist/McEllipsis/demo/tooltip-size.js +0 -20
- package/dist/McEllipsis/demo/tooltip.d.ts +0 -6
- package/dist/McEllipsis/demo/tooltip.js +0 -53
- package/dist/McEllipsis/index.css +0 -4
- package/dist/McEllipsis/index.d.ts +0 -40
- package/dist/McEllipsis/index.js +0 -115
- package/dist/McEllipsisMiddle/demo/base.d.ts +0 -6
- package/dist/McEllipsisMiddle/demo/base.js +0 -25
- package/dist/McEllipsisMiddle/demo/tooltip.d.ts +0 -6
- package/dist/McEllipsisMiddle/demo/tooltip.js +0 -35
- package/dist/McEllipsisMiddle/index.css +0 -4
- package/dist/McEllipsisMiddle/index.d.ts +0 -13
- package/dist/McEllipsisMiddle/index.js +0 -42
- package/dist/McFonts/index.d.ts +0 -8
- package/dist/McFonts/index.js +0 -7
- package/dist/McGroupPanel/comps/SelectedItem/index.d.ts +0 -4
- package/dist/McGroupPanel/comps/SelectedItem/index.js +0 -75
- package/dist/McGroupPanel/index.css +0 -169
- package/dist/McGroupPanel/index.d.ts +0 -30
- package/dist/McGroupPanel/index.js +0 -426
- package/dist/McIconFont/iconfont.js +0 -1
- package/dist/McIconFont/index.d.ts +0 -5
- package/dist/McIconFont/index.js +0 -8
- package/dist/McIcons/business.json +0 -137
- package/dist/McIcons/index.css +0 -33
- package/dist/McInput/Input.d.ts +0 -19
- package/dist/McInput/Input.js +0 -48
- package/dist/McInput/Search.d.ts +0 -39
- package/dist/McInput/Search.js +0 -81
- package/dist/McInput/TextArea.d.ts +0 -11
- package/dist/McInput/TextArea.js +0 -37
- package/dist/McInput/demo/Input/addonBefore.d.ts +0 -3
- package/dist/McInput/demo/Input/addonBefore.js +0 -67
- package/dist/McInput/demo/Input/base.d.ts +0 -2
- package/dist/McInput/demo/Input/base.js +0 -31
- package/dist/McInput/demo/Input/isTrim.d.ts +0 -2
- package/dist/McInput/demo/Input/isTrim.js +0 -22
- package/dist/McInput/demo/Input/label.d.ts +0 -2
- package/dist/McInput/demo/Input/label.js +0 -26
- package/dist/McInput/demo/Input/ref.d.ts +0 -3
- package/dist/McInput/demo/Input/ref.js +0 -53
- package/dist/McInput/demo/Input/status.d.ts +0 -2
- package/dist/McInput/demo/Input/status.js +0 -23
- package/dist/McInput/demo/Search/search-base.d.ts +0 -2
- package/dist/McInput/demo/Search/search-base.js +0 -38
- package/dist/McInput/demo/TextArea/text-area-base.d.ts +0 -2
- package/dist/McInput/demo/TextArea/text-area-base.js +0 -38
- package/dist/McInput/index.css +0 -71
- package/dist/McInput/index.d.ts +0 -13
- package/dist/McInput/index.js +0 -7
- package/dist/McInputNumber/demo/index.d.ts +0 -2
- package/dist/McInputNumber/demo/index.js +0 -34
- package/dist/McInputNumber/demo/label.d.ts +0 -2
- package/dist/McInputNumber/demo/label.js +0 -26
- package/dist/McInputNumber/demo/precision.d.ts +0 -2
- package/dist/McInputNumber/demo/precision.js +0 -20
- package/dist/McInputNumber/index.css +0 -36
- package/dist/McInputNumber/index.d.ts +0 -16
- package/dist/McInputNumber/index.js +0 -50
- package/dist/McLazyLoader/demo/basic.d.ts +0 -2
- package/dist/McLazyLoader/demo/basic.js +0 -33
- package/dist/McLazyLoader/demo/container.d.ts +0 -2
- package/dist/McLazyLoader/demo/container.js +0 -83
- package/dist/McLazyLoader/demo/form.d.ts +0 -2
- package/dist/McLazyLoader/demo/form.js +0 -38
- package/dist/McLazyLoader/demo/has-root.d.ts +0 -2
- package/dist/McLazyLoader/demo/has-root.js +0 -44
- package/dist/McLazyLoader/demo/hori.d.ts +0 -2
- package/dist/McLazyLoader/demo/hori.js +0 -39
- package/dist/McLazyLoader/demo/table.d.ts +0 -2
- package/dist/McLazyLoader/demo/table.js +0 -73
- package/dist/McLazyLoader/index.d.ts +0 -39
- package/dist/McLazyLoader/index.js +0 -88
- package/dist/McListSelect/comps/ListSelect.d.ts +0 -67
- package/dist/McListSelect/comps/ListSelect.js +0 -289
- package/dist/McListSelect/comps/ListSelectPanel.d.ts +0 -138
- package/dist/McListSelect/comps/ListSelectPanel.js +0 -451
- package/dist/McListSelect/comps/SelectedItem.d.ts +0 -17
- package/dist/McListSelect/comps/SelectedItem.js +0 -76
- package/dist/McListSelect/demo/base.d.ts +0 -6
- package/dist/McListSelect/demo/base.js +0 -125
- package/dist/McListSelect/demo/inexistent.d.ts +0 -6
- package/dist/McListSelect/demo/inexistent.js +0 -111
- package/dist/McListSelect/demo/layout.d.ts +0 -6
- package/dist/McListSelect/demo/layout.js +0 -70
- package/dist/McListSelect/demo/other.d.ts +0 -6
- package/dist/McListSelect/demo/other.js +0 -68
- package/dist/McListSelect/demo/panel-inexistent.d.ts +0 -6
- package/dist/McListSelect/demo/panel-inexistent.js +0 -86
- package/dist/McListSelect/index.css +0 -273
- package/dist/McListSelect/index.d.ts +0 -10
- package/dist/McListSelect/index.js +0 -5
- package/dist/McListSelect/mock/index.d.ts +0 -1
- package/dist/McListSelect/mock/index.js +0 -27
- package/dist/McModalProvider/index.d.ts +0 -174
- package/dist/McModalProvider/index.js +0 -498
- package/dist/McPeriodSelect/demo/base.d.ts +0 -6
- package/dist/McPeriodSelect/demo/base.js +0 -19
- package/dist/McPeriodSelect/demo/half.d.ts +0 -6
- package/dist/McPeriodSelect/demo/half.js +0 -20
- package/dist/McPeriodSelect/index.css +0 -189
- package/dist/McPeriodSelect/index.d.ts +0 -13
- package/dist/McPeriodSelect/index.js +0 -305
- package/dist/McPopoverButton/index.d.ts +0 -14
- package/dist/McPopoverButton/index.js +0 -52
- package/dist/McPopoverForm/index.d.ts +0 -14
- package/dist/McPopoverForm/index.js +0 -95
- package/dist/McProSelect/demo/async.d.ts +0 -2
- package/dist/McProSelect/demo/async.js +0 -66
- package/dist/McProSelect/demo/base.d.ts +0 -2
- package/dist/McProSelect/demo/base.js +0 -29
- package/dist/McProSelect/demo/exclusion-async-rename.d.ts +0 -3
- package/dist/McProSelect/demo/exclusion-async-rename.js +0 -103
- package/dist/McProSelect/demo/exclusion-rename.d.ts +0 -3
- package/dist/McProSelect/demo/exclusion-rename.js +0 -74
- package/dist/McProSelect/demo/exclusion.d.ts +0 -3
- package/dist/McProSelect/demo/exclusion.js +0 -70
- package/dist/McProSelect/demo/require.d.ts +0 -2
- package/dist/McProSelect/demo/require.js +0 -82
- package/dist/McProSelect/index.d.ts +0 -35
- package/dist/McProSelect/index.js +0 -152
- package/dist/McResult/default.d.ts +0 -1
- package/dist/McResult/default.js +0 -98
- package/dist/McResult/demo/403.d.ts +0 -6
- package/dist/McResult/demo/403.js +0 -17
- package/dist/McResult/demo/404.d.ts +0 -6
- package/dist/McResult/demo/404.js +0 -17
- package/dist/McResult/demo/500.d.ts +0 -6
- package/dist/McResult/demo/500.js +0 -17
- package/dist/McResult/demo/building.d.ts +0 -6
- package/dist/McResult/demo/building.js +0 -12
- package/dist/McResult/demo/empty.d.ts +0 -2
- package/dist/McResult/demo/empty.js +0 -11
- package/dist/McResult/demo/noFunction.d.ts +0 -2
- package/dist/McResult/demo/noFunction.js +0 -11
- package/dist/McResult/demo/noUser.d.ts +0 -6
- package/dist/McResult/demo/noUser.js +0 -12
- package/dist/McResult/demo/preview.d.ts +0 -2
- package/dist/McResult/demo/preview.js +0 -19
- package/dist/McResult/icon.d.ts +0 -25
- package/dist/McResult/icon.js +0 -1014
- package/dist/McResult/index.css +0 -20
- package/dist/McResult/index.d.ts +0 -31
- package/dist/McResult/index.js +0 -119
- package/dist/McResult/public/403.svg +0 -164
- package/dist/McResult/public/404.svg +0 -123
- package/dist/McResult/public/500.svg +0 -129
- package/dist/McResult/public/building.svg +0 -127
- package/dist/McResult/public/code403.svg +0 -7
- package/dist/McResult/public/code404.svg +0 -5
- package/dist/McResult/public/code500.svg +0 -5
- package/dist/McResult/public/detailEmpty.svg +0 -1
- package/dist/McResult/public/empty.svg +0 -1
- package/dist/McResult/public/noFunction.svg +0 -1
- package/dist/McResult/public/noUser.svg +0 -90
- package/dist/McSelect/components/PanelSearchInput/index.css +0 -6
- package/dist/McSelect/components/PanelSearchInput/index.d.ts +0 -12
- package/dist/McSelect/components/PanelSearchInput/index.js +0 -45
- package/dist/McSelect/demo/base.d.ts +0 -2
- package/dist/McSelect/demo/base.js +0 -63
- package/dist/McSelect/demo/changeOnHidden.d.ts +0 -2
- package/dist/McSelect/demo/changeOnHidden.js +0 -43
- package/dist/McSelect/demo/dropdownRender.d.ts +0 -7
- package/dist/McSelect/demo/dropdownRender.js +0 -78
- package/dist/McSelect/demo/exclusion.d.ts +0 -3
- package/dist/McSelect/demo/exclusion.js +0 -64
- package/dist/McSelect/demo/fetchOptions.d.ts +0 -7
- package/dist/McSelect/demo/fetchOptions.js +0 -211
- package/dist/McSelect/demo/inexistent.d.ts +0 -2
- package/dist/McSelect/demo/inexistent.js +0 -79
- package/dist/McSelect/demo/labelInValue.d.ts +0 -2
- package/dist/McSelect/demo/labelInValue.js +0 -72
- package/dist/McSelect/demo/maxTagCount.d.ts +0 -3
- package/dist/McSelect/demo/maxTagCount.js +0 -51
- package/dist/McSelect/demo/multiple.d.ts +0 -2
- package/dist/McSelect/demo/multiple.js +0 -46
- package/dist/McSelect/demo/optionRender.d.ts +0 -3
- package/dist/McSelect/demo/optionRender.js +0 -51
- package/dist/McSelect/demo/panelInSearch.d.ts +0 -2
- package/dist/McSelect/demo/panelInSearch.js +0 -47
- package/dist/McSelect/demo/tagRender.d.ts +0 -3
- package/dist/McSelect/demo/tagRender.js +0 -51
- package/dist/McSelect/index.css +0 -60
- package/dist/McSelect/index.d.ts +0 -47
- package/dist/McSelect/index.js +0 -436
- package/dist/McTag/demo/demo1.d.ts +0 -2
- package/dist/McTag/demo/demo1.js +0 -18
- package/dist/McTag/demo/demo2.d.ts +0 -2
- package/dist/McTag/demo/demo2.js +0 -20
- package/dist/McTag/demo/demo3.d.ts +0 -2
- package/dist/McTag/demo/demo3.js +0 -19
- package/dist/McTag/demo/demo4.d.ts +0 -2
- package/dist/McTag/demo/demo4.js +0 -22
- package/dist/McTag/index.d.ts +0 -22
- package/dist/McTag/index.js +0 -59
- package/dist/McThemeConfig/customToken.json +0 -39
- package/dist/McThemeConfig/demo/button.d.ts +0 -2
- package/dist/McThemeConfig/demo/button.js +0 -226
- package/dist/McThemeConfig/demo/card.d.ts +0 -2
- package/dist/McThemeConfig/demo/card.js +0 -60
- package/dist/McThemeConfig/demo/drawer.d.ts +0 -2
- package/dist/McThemeConfig/demo/drawer.js +0 -59
- package/dist/McThemeConfig/demo/modal.d.ts +0 -2
- package/dist/McThemeConfig/demo/modal.js +0 -78
- package/dist/McThemeConfig/demo/radio.d.ts +0 -2
- package/dist/McThemeConfig/demo/radio.js +0 -136
- package/dist/McThemeConfig/demo/switch.d.ts +0 -2
- package/dist/McThemeConfig/demo/switch.js +0 -96
- package/dist/McThemeConfig/demo/tabs.d.ts +0 -2
- package/dist/McThemeConfig/demo/tabs.js +0 -35
- package/dist/McThemeConfig/globalStyle.d.ts +0 -2
- package/dist/McThemeConfig/globalStyle.js +0 -198
- package/dist/McThemeConfig/index.d.ts +0 -9
- package/dist/McThemeConfig/index.js +0 -16
- package/dist/McThemeConfig/layoutStyle.d.ts +0 -2
- package/dist/McThemeConfig/layoutStyle.js +0 -1
- package/dist/McThemeConfig/provider.d.ts +0 -8
- package/dist/McThemeConfig/provider.js +0 -20
- package/dist/McThemeConfig/themeToken.json +0 -152
- package/dist/McTreePanel/SelectedItem.d.ts +0 -4
- package/dist/McTreePanel/SelectedItem.js +0 -75
- package/dist/McTreePanel/demo/base.d.ts +0 -6
- package/dist/McTreePanel/demo/base.js +0 -45
- package/dist/McTreePanel/demo/fieldNames.d.ts +0 -6
- package/dist/McTreePanel/demo/fieldNames.js +0 -37
- package/dist/McTreePanel/demo/inexistent.d.ts +0 -6
- package/dist/McTreePanel/demo/inexistent.js +0 -56
- package/dist/McTreePanel/demo/labelInValue.d.ts +0 -6
- package/dist/McTreePanel/demo/labelInValue.js +0 -56
- package/dist/McTreePanel/demo/sortable.d.ts +0 -6
- package/dist/McTreePanel/demo/sortable.js +0 -34
- package/dist/McTreePanel/index.css +0 -110
- package/dist/McTreePanel/index.d.ts +0 -27
- package/dist/McTreePanel/index.js +0 -315
- package/dist/McTreeSelect/demo/base.d.ts +0 -5
- package/dist/McTreeSelect/demo/base.js +0 -58
- package/dist/McTreeSelect/demo/inexistent.d.ts +0 -5
- package/dist/McTreeSelect/demo/inexistent.js +0 -63
- package/dist/McTreeSelect/demo/label.d.ts +0 -5
- package/dist/McTreeSelect/demo/label.js +0 -60
- package/dist/McTreeSelect/demo/multiple.d.ts +0 -5
- package/dist/McTreeSelect/demo/multiple.js +0 -71
- package/dist/McTreeSelect/index.css +0 -60
- package/dist/McTreeSelect/index.d.ts +0 -13
- package/dist/McTreeSelect/index.js +0 -182
- package/dist/Utils/index.d.ts +0 -13
- package/dist/Utils/index.js +0 -60
- package/dist/index.d.ts +0 -31
- package/dist/index.js +0 -31
- package/dist/styles/demo/basic.d.ts +0 -2
- package/dist/styles/demo/basic.js +0 -44
- package/dist/styles/demo/delete-icon.d.ts +0 -2
- package/dist/styles/demo/delete-icon.js +0 -72
- package/dist/styles/demo/form-bottom-0.d.ts +0 -2
- package/dist/styles/demo/form-bottom-0.js +0 -33
- package/dist/styles/index.css +0 -41
- package/dist/styles/mixins.css +0 -2
- package/dist/styles/utilities.css +0 -41
- package/dist/typings.d.ts +0 -20
@@ -1,95 +0,0 @@
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
3
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
4
|
-
var _excluded = ["children", "title", "placement", "disabled", "formItem", "formData", "formProps", "onConfirm"];
|
5
|
-
import { Form, Popconfirm } from 'antd';
|
6
|
-
import React, { useEffect, useRef, useState } from 'react';
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
8
|
-
var McPopoverForm = function McPopoverForm(_ref) {
|
9
|
-
var children = _ref.children,
|
10
|
-
title = _ref.title,
|
11
|
-
_ref$placement = _ref.placement,
|
12
|
-
placement = _ref$placement === void 0 ? 'rightTop' : _ref$placement,
|
13
|
-
_ref$disabled = _ref.disabled,
|
14
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
15
|
-
formItem = _ref.formItem,
|
16
|
-
formData = _ref.formData,
|
17
|
-
formProps = _ref.formProps,
|
18
|
-
onConfirm = _ref.onConfirm,
|
19
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
20
|
-
var _Form$useForm = Form.useForm(),
|
21
|
-
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
22
|
-
form = _Form$useForm2[0];
|
23
|
-
var _useState = useState(false),
|
24
|
-
_useState2 = _slicedToArray(_useState, 2),
|
25
|
-
open = _useState2[0],
|
26
|
-
setOpen = _useState2[1];
|
27
|
-
var clickTypeRef = useRef('');
|
28
|
-
var handelConfirm = function handelConfirm() {
|
29
|
-
clickTypeRef.current = 'confirm';
|
30
|
-
form.validateFields().then(function (values) {
|
31
|
-
onConfirm(values);
|
32
|
-
setOpen(false);
|
33
|
-
});
|
34
|
-
};
|
35
|
-
var handelCancel = function handelCancel() {
|
36
|
-
clickTypeRef.current = 'confirm';
|
37
|
-
setOpen(false);
|
38
|
-
};
|
39
|
-
var handelOpenPageChange = function handelOpenPageChange(value, e) {
|
40
|
-
if (value) {
|
41
|
-
setOpen(true);
|
42
|
-
} else {
|
43
|
-
if (e) {
|
44
|
-
clickTypeRef.current = 'cancel';
|
45
|
-
if (clickTypeRef.current === 'comfirm') {
|
46
|
-
handelConfirm();
|
47
|
-
}
|
48
|
-
} else {
|
49
|
-
clickTypeRef.current = '';
|
50
|
-
setOpen(false);
|
51
|
-
}
|
52
|
-
}
|
53
|
-
};
|
54
|
-
useEffect(function () {
|
55
|
-
if (formData && open) {
|
56
|
-
var _form$setFieldsValue;
|
57
|
-
form === null || form === void 0 || (_form$setFieldsValue = form.setFieldsValue) === null || _form$setFieldsValue === void 0 || _form$setFieldsValue.call(form, formData);
|
58
|
-
}
|
59
|
-
}, [formData, open]);
|
60
|
-
return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({
|
61
|
-
title: /*#__PURE__*/_jsx("div", {
|
62
|
-
style: {
|
63
|
-
marginBottom: 8
|
64
|
-
},
|
65
|
-
children: title
|
66
|
-
}),
|
67
|
-
icon: false,
|
68
|
-
open: open,
|
69
|
-
onOpenChange: handelOpenPageChange,
|
70
|
-
description: /*#__PURE__*/_jsx("div", {
|
71
|
-
style: {
|
72
|
-
marginBottom: 8
|
73
|
-
},
|
74
|
-
children: /*#__PURE__*/_jsx(Form, _objectSpread(_objectSpread({
|
75
|
-
form: form,
|
76
|
-
autoComplete: "off"
|
77
|
-
}, formProps), {}, {
|
78
|
-
children: formItem
|
79
|
-
}))
|
80
|
-
}),
|
81
|
-
overlayInnerStyle: {
|
82
|
-
padding: 16
|
83
|
-
},
|
84
|
-
okText: "\u4FDD\u5B58",
|
85
|
-
cancelText: "\u53D6\u6D88",
|
86
|
-
placement: placement,
|
87
|
-
disabled: disabled,
|
88
|
-
destroyTooltipOnHide: true,
|
89
|
-
onCancel: handelCancel,
|
90
|
-
onConfirm: handelConfirm
|
91
|
-
}, rest), {}, {
|
92
|
-
children: children
|
93
|
-
}));
|
94
|
-
};
|
95
|
-
export default McPopoverForm;
|
@@ -1,66 +0,0 @@
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
|
2
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
3
|
-
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
4
|
-
/**
|
5
|
-
* title: 远程请求 + 设置fieldNames
|
6
|
-
* description: 通过远程请求获取数据,同时支持通过fieldNames映射label、value字段。
|
7
|
-
*/
|
8
|
-
import { McProSelect } from "../..";
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
10
|
-
var mockDataList = {
|
11
|
-
total: 10,
|
12
|
-
pageSize: 1,
|
13
|
-
current: 1,
|
14
|
-
records: [{
|
15
|
-
id: 1,
|
16
|
-
name: '路由规则1'
|
17
|
-
}, {
|
18
|
-
id: 2,
|
19
|
-
name: '路由规则2'
|
20
|
-
}]
|
21
|
-
};
|
22
|
-
export default (function () {
|
23
|
-
var getRoutingList = /*#__PURE__*/function () {
|
24
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
|
25
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
26
|
-
while (1) switch (_context.prev = _context.next) {
|
27
|
-
case 0:
|
28
|
-
return _context.abrupt("return", new Promise(function (resolve) {
|
29
|
-
console.log({
|
30
|
-
params: params
|
31
|
-
});
|
32
|
-
setTimeout(function () {
|
33
|
-
resolve(_objectSpread(_objectSpread({}, mockDataList), {}, {
|
34
|
-
records: mockDataList.records.filter(function (item) {
|
35
|
-
return !params.name || item.name.includes(params.name);
|
36
|
-
})
|
37
|
-
}));
|
38
|
-
}, 200);
|
39
|
-
}));
|
40
|
-
case 1:
|
41
|
-
case "end":
|
42
|
-
return _context.stop();
|
43
|
-
}
|
44
|
-
}, _callee);
|
45
|
-
}));
|
46
|
-
return function getRoutingList(_x) {
|
47
|
-
return _ref.apply(this, arguments);
|
48
|
-
};
|
49
|
-
}();
|
50
|
-
return /*#__PURE__*/_jsx(McProSelect, {
|
51
|
-
name: "routing",
|
52
|
-
label: "\u8DEF\u7531\u89C4\u5219",
|
53
|
-
searchKey: "name",
|
54
|
-
request: function request(params) {
|
55
|
-
return getRoutingList(_objectSpread(_objectSpread({}, params), {}, {
|
56
|
-
status: 1
|
57
|
-
}));
|
58
|
-
},
|
59
|
-
fieldNames: {
|
60
|
-
label: 'name',
|
61
|
-
value: 'id'
|
62
|
-
},
|
63
|
-
multiple: false,
|
64
|
-
required: true
|
65
|
-
});
|
66
|
-
});
|
@@ -1,29 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* title: 基本用法
|
3
|
-
* description: 增加name和label,原McSelect的属性放到fieldPros中
|
4
|
-
*/
|
5
|
-
import { McProSelect } from "../..";
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
7
|
-
export default (function () {
|
8
|
-
return /*#__PURE__*/_jsx(McProSelect, {
|
9
|
-
name: "select1",
|
10
|
-
label: "select1",
|
11
|
-
fieldProps: {
|
12
|
-
defaultValue: 'lucy',
|
13
|
-
options: [{
|
14
|
-
value: 'jack',
|
15
|
-
label: 'Jack'
|
16
|
-
}, {
|
17
|
-
value: 'lucy',
|
18
|
-
label: 'Lucy'
|
19
|
-
}, {
|
20
|
-
value: 'Yiminghe',
|
21
|
-
label: 'yiminghe'
|
22
|
-
}, {
|
23
|
-
value: 'disabled',
|
24
|
-
label: 'Disabled',
|
25
|
-
disabled: true
|
26
|
-
}]
|
27
|
-
}
|
28
|
-
});
|
29
|
-
});
|
@@ -1,103 +0,0 @@
|
|
1
|
-
import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
|
2
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
3
|
-
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
4
|
-
/**
|
5
|
-
* title: 动态option + 两个互斥的select + 设置fieldNames
|
6
|
-
* description: 基于远程请求,其他同上一个demo
|
7
|
-
*/
|
8
|
-
import { Form } from 'antd';
|
9
|
-
import { McProSelect } from "../..";
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
11
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
12
|
-
var mockDataList = {
|
13
|
-
total: 10,
|
14
|
-
pageSize: 1,
|
15
|
-
current: 1,
|
16
|
-
records: [{
|
17
|
-
id: 1,
|
18
|
-
name: '路由规则1'
|
19
|
-
}, {
|
20
|
-
id: 2,
|
21
|
-
name: '路由规则2'
|
22
|
-
}]
|
23
|
-
};
|
24
|
-
var App = function App() {
|
25
|
-
var getRoutingList = /*#__PURE__*/function () {
|
26
|
-
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
|
27
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
28
|
-
while (1) switch (_context.prev = _context.next) {
|
29
|
-
case 0:
|
30
|
-
return _context.abrupt("return", new Promise(function (resolve) {
|
31
|
-
console.log({
|
32
|
-
params: params
|
33
|
-
});
|
34
|
-
setTimeout(function () {
|
35
|
-
resolve(_objectSpread(_objectSpread({}, mockDataList), {}, {
|
36
|
-
records: mockDataList.records.filter(function (item) {
|
37
|
-
return !params.name || item.name.includes(params.name);
|
38
|
-
})
|
39
|
-
}));
|
40
|
-
}, 200);
|
41
|
-
}));
|
42
|
-
case 1:
|
43
|
-
case "end":
|
44
|
-
return _context.stop();
|
45
|
-
}
|
46
|
-
}, _callee);
|
47
|
-
}));
|
48
|
-
return function getRoutingList(_x) {
|
49
|
-
return _ref.apply(this, arguments);
|
50
|
-
};
|
51
|
-
}();
|
52
|
-
return /*#__PURE__*/_jsxs(Form, {
|
53
|
-
name: "exclusion3",
|
54
|
-
children: [/*#__PURE__*/_jsx(Form.Item, {
|
55
|
-
noStyle: true,
|
56
|
-
dependencies: ['select2'],
|
57
|
-
children: function children(_ref2) {
|
58
|
-
var _getFieldValue;
|
59
|
-
var getFieldValue = _ref2.getFieldValue;
|
60
|
-
return /*#__PURE__*/_jsx(McProSelect, {
|
61
|
-
label: "select1",
|
62
|
-
name: "select1",
|
63
|
-
searchKey: "name",
|
64
|
-
request: function request(params) {
|
65
|
-
return getRoutingList(_objectSpread(_objectSpread({}, params), {}, {
|
66
|
-
status: 1
|
67
|
-
}));
|
68
|
-
},
|
69
|
-
fieldNames: {
|
70
|
-
label: 'name',
|
71
|
-
value: 'id'
|
72
|
-
},
|
73
|
-
tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F0",
|
74
|
-
excludeIds: [(_getFieldValue = getFieldValue('select2')) === null || _getFieldValue === void 0 ? void 0 : _getFieldValue.id]
|
75
|
-
});
|
76
|
-
}
|
77
|
-
}), /*#__PURE__*/_jsx(Form.Item, {
|
78
|
-
noStyle: true,
|
79
|
-
dependencies: ['select1'],
|
80
|
-
children: function children(_ref3) {
|
81
|
-
var _getFieldValue2;
|
82
|
-
var getFieldValue = _ref3.getFieldValue;
|
83
|
-
return /*#__PURE__*/_jsx(McProSelect, {
|
84
|
-
label: "select2",
|
85
|
-
name: "select2",
|
86
|
-
searchKey: "name",
|
87
|
-
request: function request(params) {
|
88
|
-
return getRoutingList(_objectSpread(_objectSpread({}, params), {}, {
|
89
|
-
status: 1
|
90
|
-
}));
|
91
|
-
},
|
92
|
-
fieldNames: {
|
93
|
-
label: 'name',
|
94
|
-
value: 'id'
|
95
|
-
},
|
96
|
-
tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F02",
|
97
|
-
excludeIds: [(_getFieldValue2 = getFieldValue('select1')) === null || _getFieldValue2 === void 0 ? void 0 : _getFieldValue2.id]
|
98
|
-
});
|
99
|
-
}
|
100
|
-
})]
|
101
|
-
});
|
102
|
-
};
|
103
|
-
export default App;
|
@@ -1,74 +0,0 @@
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
2
|
-
/**
|
3
|
-
* title: 静态option + 两个互斥的select + 设置fieldNames
|
4
|
-
* description: 上两种情况的组合
|
5
|
-
*/
|
6
|
-
import { Form } from 'antd';
|
7
|
-
import { useForm } from 'antd/es/form/Form';
|
8
|
-
import { McProSelect } from "../..";
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
10
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
11
|
-
var options = [{
|
12
|
-
name: 'goldLabel',
|
13
|
-
id: 'gold'
|
14
|
-
}, {
|
15
|
-
name: 'limeLabel',
|
16
|
-
id: 'lime'
|
17
|
-
}, {
|
18
|
-
name: 'greenLabel',
|
19
|
-
id: 'green'
|
20
|
-
}, {
|
21
|
-
name: 'cyanLabel',
|
22
|
-
id: 'cyan'
|
23
|
-
}];
|
24
|
-
var App = function App() {
|
25
|
-
var _useForm = useForm(),
|
26
|
-
_useForm2 = _slicedToArray(_useForm, 1),
|
27
|
-
form = _useForm2[0];
|
28
|
-
return /*#__PURE__*/_jsxs(Form, {
|
29
|
-
form: form,
|
30
|
-
name: "exclusion2",
|
31
|
-
children: [/*#__PURE__*/_jsx(Form.Item, {
|
32
|
-
noStyle: true,
|
33
|
-
dependencies: ['select2'],
|
34
|
-
children: function children(_ref) {
|
35
|
-
var _getFieldValue;
|
36
|
-
var getFieldValue = _ref.getFieldValue;
|
37
|
-
return /*#__PURE__*/_jsx(McProSelect, {
|
38
|
-
label: "select1",
|
39
|
-
name: "select1",
|
40
|
-
tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F0",
|
41
|
-
excludeIds: [(_getFieldValue = getFieldValue('select2')) === null || _getFieldValue === void 0 ? void 0 : _getFieldValue.id],
|
42
|
-
fieldNames: {
|
43
|
-
label: 'name',
|
44
|
-
value: 'id'
|
45
|
-
},
|
46
|
-
fieldProps: {
|
47
|
-
options: options
|
48
|
-
}
|
49
|
-
});
|
50
|
-
}
|
51
|
-
}), /*#__PURE__*/_jsx(Form.Item, {
|
52
|
-
noStyle: true,
|
53
|
-
dependencies: ['select1'],
|
54
|
-
children: function children(_ref2) {
|
55
|
-
var _getFieldValue2;
|
56
|
-
var getFieldValue = _ref2.getFieldValue;
|
57
|
-
return /*#__PURE__*/_jsx(McProSelect, {
|
58
|
-
label: "select2",
|
59
|
-
name: "select2",
|
60
|
-
tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F02",
|
61
|
-
excludeIds: [(_getFieldValue2 = getFieldValue('select1')) === null || _getFieldValue2 === void 0 ? void 0 : _getFieldValue2.id],
|
62
|
-
fieldNames: {
|
63
|
-
label: 'name',
|
64
|
-
value: 'id'
|
65
|
-
},
|
66
|
-
fieldProps: {
|
67
|
-
options: options
|
68
|
-
}
|
69
|
-
});
|
70
|
-
}
|
71
|
-
})]
|
72
|
-
});
|
73
|
-
};
|
74
|
-
export default App;
|
@@ -1,70 +0,0 @@
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
2
|
-
/**
|
3
|
-
* title: 静态option + 两个互斥的select
|
4
|
-
* description: select1中选择的选项会在select2中被排除,反之亦然。此方法同样支持远程select。
|
5
|
-
*/
|
6
|
-
import { Form } from 'antd';
|
7
|
-
import { useForm } from 'antd/es/form/Form';
|
8
|
-
import { McProSelect } from "../..";
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
10
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
11
|
-
var options = [{
|
12
|
-
label: 'goldLabel',
|
13
|
-
value: 'gold'
|
14
|
-
}, {
|
15
|
-
label: 'limeLabel',
|
16
|
-
value: 'lime'
|
17
|
-
}, {
|
18
|
-
label: 'greenLabel',
|
19
|
-
value: 'green'
|
20
|
-
}, {
|
21
|
-
label: 'cyanLabel',
|
22
|
-
value: 'cyan'
|
23
|
-
}];
|
24
|
-
var App = function App() {
|
25
|
-
var _useForm = useForm(),
|
26
|
-
_useForm2 = _slicedToArray(_useForm, 1),
|
27
|
-
form = _useForm2[0];
|
28
|
-
return /*#__PURE__*/_jsxs(Form, {
|
29
|
-
form: form,
|
30
|
-
name: "exclusion2",
|
31
|
-
children: [/*#__PURE__*/_jsx(Form.Item, {
|
32
|
-
noStyle: true
|
33
|
-
// 也可以用dependencies
|
34
|
-
,
|
35
|
-
shouldUpdate: function shouldUpdate(prev, next) {
|
36
|
-
return prev['select2'] !== next['select2'];
|
37
|
-
},
|
38
|
-
children: function children(_ref) {
|
39
|
-
var _getFieldValue;
|
40
|
-
var getFieldValue = _ref.getFieldValue;
|
41
|
-
return /*#__PURE__*/_jsx(McProSelect, {
|
42
|
-
label: "select1",
|
43
|
-
name: "select1",
|
44
|
-
tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F0",
|
45
|
-
excludeIds: [(_getFieldValue = getFieldValue('select2')) === null || _getFieldValue === void 0 ? void 0 : _getFieldValue.value],
|
46
|
-
fieldProps: {
|
47
|
-
options: options
|
48
|
-
}
|
49
|
-
});
|
50
|
-
}
|
51
|
-
}), /*#__PURE__*/_jsx(Form.Item, {
|
52
|
-
noStyle: true,
|
53
|
-
dependencies: ['select1'],
|
54
|
-
children: function children(_ref2) {
|
55
|
-
var _getFieldValue2;
|
56
|
-
var getFieldValue = _ref2.getFieldValue;
|
57
|
-
return /*#__PURE__*/_jsx(McProSelect, {
|
58
|
-
label: "select2",
|
59
|
-
name: "select2",
|
60
|
-
tooltip: "\u7531JAVA spring\u6846\u67B6\u7BA1\u7406\u7684bean\u5B9E\u4F8B\u540D\u79F02",
|
61
|
-
excludeIds: [(_getFieldValue2 = getFieldValue('select1')) === null || _getFieldValue2 === void 0 ? void 0 : _getFieldValue2.value],
|
62
|
-
fieldProps: {
|
63
|
-
options: options
|
64
|
-
}
|
65
|
-
});
|
66
|
-
}
|
67
|
-
})]
|
68
|
-
});
|
69
|
-
};
|
70
|
-
export default App;
|
@@ -1,82 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* title: 内置为空校验
|
3
|
-
* description: 为空校验。required为true时,会自动校验是否为空。可通过设置required为string类型,自定义提示信息。
|
4
|
-
*/
|
5
|
-
import { Flex, Form } from 'antd';
|
6
|
-
import { McProSelect } from "../..";
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
8
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
9
|
-
var requireDemo = function requireDemo() {
|
10
|
-
return /*#__PURE__*/_jsx(Form, {
|
11
|
-
children: /*#__PURE__*/_jsxs(Flex, {
|
12
|
-
gap: "middle",
|
13
|
-
justify: "space-between",
|
14
|
-
children: [/*#__PURE__*/_jsx(McProSelect, {
|
15
|
-
name: "select1",
|
16
|
-
label: "select1",
|
17
|
-
fieldProps: {
|
18
|
-
defaultValue: 'lucy',
|
19
|
-
options: [{
|
20
|
-
value: 'jack',
|
21
|
-
label: 'Jack'
|
22
|
-
}, {
|
23
|
-
value: 'lucy',
|
24
|
-
label: 'Lucy'
|
25
|
-
}, {
|
26
|
-
value: 'Yiminghe',
|
27
|
-
label: 'yiminghe'
|
28
|
-
}, {
|
29
|
-
value: 'disabled',
|
30
|
-
label: 'Disabled',
|
31
|
-
disabled: true
|
32
|
-
}]
|
33
|
-
},
|
34
|
-
required: "\u8BF7\u9009\u62E9select1"
|
35
|
-
}), /*#__PURE__*/_jsx(McProSelect, {
|
36
|
-
name: "select2",
|
37
|
-
label: "select2",
|
38
|
-
fieldProps: {
|
39
|
-
defaultValue: 'lucy',
|
40
|
-
options: [{
|
41
|
-
value: 'jack',
|
42
|
-
label: 'Jack'
|
43
|
-
}, {
|
44
|
-
value: 'lucy',
|
45
|
-
label: 'Lucy'
|
46
|
-
}, {
|
47
|
-
value: 'Yiminghe',
|
48
|
-
label: 'yiminghe'
|
49
|
-
}, {
|
50
|
-
value: 'disabled',
|
51
|
-
label: 'Disabled',
|
52
|
-
disabled: true
|
53
|
-
}]
|
54
|
-
},
|
55
|
-
required: true
|
56
|
-
}), /*#__PURE__*/_jsx(McProSelect, {
|
57
|
-
name: "select3",
|
58
|
-
label: "select3",
|
59
|
-
multiple: true,
|
60
|
-
fieldProps: {
|
61
|
-
defaultValue: 'lucy',
|
62
|
-
options: [{
|
63
|
-
value: 'jack',
|
64
|
-
label: 'Jack'
|
65
|
-
}, {
|
66
|
-
value: 'lucy',
|
67
|
-
label: 'Lucy'
|
68
|
-
}, {
|
69
|
-
value: 'Yiminghe',
|
70
|
-
label: 'yiminghe'
|
71
|
-
}, {
|
72
|
-
value: 'disabled',
|
73
|
-
label: 'Disabled',
|
74
|
-
disabled: true
|
75
|
-
}]
|
76
|
-
},
|
77
|
-
required: true
|
78
|
-
})]
|
79
|
-
})
|
80
|
-
});
|
81
|
-
};
|
82
|
-
export default requireDemo;
|
@@ -1,35 +0,0 @@
|
|
1
|
-
import { FormItemProps } from 'antd/es/form/FormItem';
|
2
|
-
import { McSelectProps, Option } from '../McSelect';
|
3
|
-
type McProselectOptions<T> = (T & Partial<Pick<Option, 'title' | 'disabled'>> & {
|
4
|
-
extra?: T;
|
5
|
-
})[] | undefined;
|
6
|
-
type McProSelectProps<T = {
|
7
|
-
label: string;
|
8
|
-
value: string;
|
9
|
-
}> = Omit<FormItemProps, 'required'> & {
|
10
|
-
multiple?: boolean;
|
11
|
-
/** 默认为keyword */
|
12
|
-
searchKey?: string;
|
13
|
-
/** 为string时表示未填写时的提示文案 */
|
14
|
-
required?: boolean | string;
|
15
|
-
disabled?: boolean;
|
16
|
-
excludeIds?: (string | number)[];
|
17
|
-
fieldNames?: {
|
18
|
-
label?: keyof T;
|
19
|
-
value?: keyof T;
|
20
|
-
};
|
21
|
-
fieldProps?: Omit<McSelectProps, 'multiple' | 'fetchOption' | 'toFilterOptions' | 'options'> & {
|
22
|
-
options: McProselectOptions<T>;
|
23
|
-
};
|
24
|
-
request?: (params: {
|
25
|
-
current: number;
|
26
|
-
pageSize: number;
|
27
|
-
[key: string]: number | string;
|
28
|
-
}) => Promise<{
|
29
|
-
records: T[];
|
30
|
-
total: number;
|
31
|
-
[key: string]: any;
|
32
|
-
}>;
|
33
|
-
};
|
34
|
-
declare const McProSelect: <T extends Record<string, any>>({ label, name, fieldNames, required, request, multiple, disabled, searchKey, excludeIds, fieldProps, ...restProps }: McProSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
35
|
-
export default McProSelect;
|