@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,60 +0,0 @@
|
|
1
|
-
.mc-cascader__label {
|
2
|
-
color: #262626;
|
3
|
-
font-size: 14px;
|
4
|
-
position: absolute;
|
5
|
-
top: 0;
|
6
|
-
left: 11px;
|
7
|
-
z-index: 2;
|
8
|
-
height: 100%;
|
9
|
-
display: -webkit-box;
|
10
|
-
display: -ms-flexbox;
|
11
|
-
display: flex;
|
12
|
-
-webkit-box-align: center;
|
13
|
-
-ms-flex-align: center;
|
14
|
-
align-items: center;
|
15
|
-
}
|
16
|
-
.mc-cascader__label::after {
|
17
|
-
content: '\FF1A';
|
18
|
-
margin-left: 2px;
|
19
|
-
}
|
20
|
-
.mc-cascader__label.mc-cascader--disabled {
|
21
|
-
color: rgba(0, 0, 0, 0.25);
|
22
|
-
cursor: no-drop;
|
23
|
-
}
|
24
|
-
.mc-cascader__content {
|
25
|
-
width: 100%;
|
26
|
-
height: 100%;
|
27
|
-
}
|
28
|
-
.mc-cascader__content.ant-cascader.ant-select .ant-select-selector {
|
29
|
-
padding-left: var(--selector-pl);
|
30
|
-
}
|
31
|
-
.mc-cascader__content.ant-cascader.ant-select .ant-select-selector .ant-select-selection-overflow-item-rest .ant-select-selection-item {
|
32
|
-
color: #fff;
|
33
|
-
background: #325cf7;
|
34
|
-
padding-left: 4px;
|
35
|
-
}
|
36
|
-
.mc-cascader__content.ant-cascader.ant-select .ant-select-selector .ant-select-selection-overflow-item-rest .ant-select-selection-item .ant-select-selection-item-content {
|
37
|
-
margin-right: 0;
|
38
|
-
}
|
39
|
-
.mc-cascader__content.ant-cascader.ant-select .ant-select-selector .ant-select-selection-item[title*='「'][title$='」'] {
|
40
|
-
color: var(--inexistent-color);
|
41
|
-
}
|
42
|
-
.mc-cascader__content.ant-cascader.ant-select.ant-select-single .ant-select-selector .ant-select-selection-search {
|
43
|
-
left: var(--selector-pl);
|
44
|
-
}
|
45
|
-
.mc-cascader__content.ant-cascader.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
|
46
|
-
left: var(--selector-pl);
|
47
|
-
}
|
48
|
-
.mc-cascader__content.ant-cascader.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search {
|
49
|
-
margin-left: 0;
|
50
|
-
}
|
51
|
-
.mc-cascader.mc-cascader--inline .ant-select-selection-overflow-item:not(
|
52
|
-
.ant-select-selection-overflow-item-rest,
|
53
|
-
.ant-select-selection-overflow-item-suffix
|
54
|
-
) {
|
55
|
-
-webkit-box-flex: 1;
|
56
|
-
-ms-flex: 1;
|
57
|
-
flex: 1;
|
58
|
-
min-width: 0;
|
59
|
-
margin-right: 4px;
|
60
|
-
}
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import { CascaderProps } from 'antd';
|
2
|
-
import { CSSProperties, FC, ReactNode } from 'react';
|
3
|
-
import './index.less';
|
4
|
-
type Inexistent = {
|
5
|
-
inexistentText?: string;
|
6
|
-
inexistentColor?: string;
|
7
|
-
reserveOriginalValue?: boolean;
|
8
|
-
};
|
9
|
-
export type McCascaderProps = CascaderProps & {
|
10
|
-
style?: CSSProperties;
|
11
|
-
className?: string;
|
12
|
-
name?: string;
|
13
|
-
label?: ReactNode;
|
14
|
-
inexistent?: boolean | Inexistent;
|
15
|
-
city?: boolean;
|
16
|
-
[key: string]: any;
|
17
|
-
};
|
18
|
-
declare const McCascader: FC<McCascaderProps>;
|
19
|
-
export default McCascader;
|
package/dist/McCascader/index.js
DELETED
@@ -1,221 +0,0 @@
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
2
|
-
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
4
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
5
|
-
var _excluded = ["style", "className", "label", "inexistent", "city", "value", "onChange", "options", "multiple", "disabled", "fieldNames", "maxTagCount"];
|
6
|
-
import { Cascader, Divider, Popover } from 'antd';
|
7
|
-
import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
|
8
|
-
import { cityData } from "./city";
|
9
|
-
import "./index.css";
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
11
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
12
|
-
var McCascader = /*#__PURE__*/forwardRef(function (props, ref) {
|
13
|
-
var style = props.style,
|
14
|
-
className = props.className,
|
15
|
-
label = props.label,
|
16
|
-
_props$inexistent = props.inexistent,
|
17
|
-
inexistent = _props$inexistent === void 0 ? false : _props$inexistent,
|
18
|
-
_props$city = props.city,
|
19
|
-
city = _props$city === void 0 ? false : _props$city,
|
20
|
-
value = props.value,
|
21
|
-
onChange = props.onChange,
|
22
|
-
options = props.options,
|
23
|
-
multiple = props.multiple,
|
24
|
-
disabled = props.disabled,
|
25
|
-
fieldNames = props.fieldNames,
|
26
|
-
maxTagCount = props.maxTagCount,
|
27
|
-
rest = _objectWithoutProperties(props, _excluded);
|
28
|
-
var _ref = typeof inexistent === 'boolean' ? {} : inexistent,
|
29
|
-
_ref$inexistentText = _ref.inexistentText,
|
30
|
-
inexistentText = _ref$inexistentText === void 0 ? '不存在' : _ref$inexistentText,
|
31
|
-
_ref$inexistentColor = _ref.inexistentColor,
|
32
|
-
inexistentColor = _ref$inexistentColor === void 0 ? '#ff4d4f' : _ref$inexistentColor,
|
33
|
-
_ref$reserveOriginalV = _ref.reserveOriginalValue,
|
34
|
-
reserveOriginalValue = _ref$reserveOriginalV === void 0 ? false : _ref$reserveOriginalV;
|
35
|
-
var _maxTagCount = useMemo(function () {
|
36
|
-
return props.hasOwnProperty('maxTagCount') ? maxTagCount : 1;
|
37
|
-
}, [maxTagCount]);
|
38
|
-
|
39
|
-
/* 对于城市级联的选项以及字段名处理 */
|
40
|
-
var _options = useMemo(function () {
|
41
|
-
return city ? cityData : options;
|
42
|
-
}, [city, options]);
|
43
|
-
var _fieldNames = useMemo(function () {
|
44
|
-
return city ? {
|
45
|
-
label: 'name',
|
46
|
-
value: 'name',
|
47
|
-
children: 'districts'
|
48
|
-
} : fieldNames;
|
49
|
-
}, [city, fieldNames]);
|
50
|
-
|
51
|
-
/* 获取label宽度 */
|
52
|
-
var labelRef = useRef();
|
53
|
-
var _useState = useState(11),
|
54
|
-
_useState2 = _slicedToArray(_useState, 2),
|
55
|
-
paddingLeft = _useState2[0],
|
56
|
-
setPaddingLeft = _useState2[1];
|
57
|
-
var labelResizeObserver = new ResizeObserver(function (entries) {
|
58
|
-
setPaddingLeft(entries[0].contentRect.width + 11);
|
59
|
-
});
|
60
|
-
useEffect(function () {
|
61
|
-
labelRef.current && labelResizeObserver.observe(labelRef.current);
|
62
|
-
return function () {
|
63
|
-
return labelResizeObserver.disconnect();
|
64
|
-
};
|
65
|
-
}, []);
|
66
|
-
|
67
|
-
/* 判断value值是否存在于options中 */
|
68
|
-
var _useState3 = useState(),
|
69
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
70
|
-
cascaderValue = _useState4[0],
|
71
|
-
setCascaderValue = _useState4[1];
|
72
|
-
var _inexistent = useRef(false);
|
73
|
-
// 获取所有备选项的值列表
|
74
|
-
var _values = useMemo(function () {
|
75
|
-
var _ref2 = _fieldNames || {},
|
76
|
-
_ref2$value = _ref2.value,
|
77
|
-
fieldValue = _ref2$value === void 0 ? 'value' : _ref2$value,
|
78
|
-
_ref2$children = _ref2.children,
|
79
|
-
fieldChildren = _ref2$children === void 0 ? 'children' : _ref2$children;
|
80
|
-
var values = [];
|
81
|
-
/* 递归获取当前节点的完整级联数据 */
|
82
|
-
var fn = function fn(list, parents) {
|
83
|
-
return list === null || list === void 0 ? void 0 : list.forEach(function (item) {
|
84
|
-
var v = [].concat(_toConsumableArray(parents), [item[fieldValue]]);
|
85
|
-
values.push(v.join(':'));
|
86
|
-
fn(item[fieldChildren], v);
|
87
|
-
});
|
88
|
-
};
|
89
|
-
fn(_options, []);
|
90
|
-
return values;
|
91
|
-
}, [_options, _fieldNames]);
|
92
|
-
// 监听值和值列表的变化(执行不存在值的判断逻辑)
|
93
|
-
useEffect(function () {
|
94
|
-
// 若已执行不存在外抛undefined逻辑,则不再向下执行后续代码,并重置标记
|
95
|
-
if (inexistent && _inexistent.current) {
|
96
|
-
_inexistent.current = false;
|
97
|
-
return;
|
98
|
-
}
|
99
|
-
var _v = value;
|
100
|
-
/* 若inexistent为true,判断不存在情况并重置值 */
|
101
|
-
if (inexistent) {
|
102
|
-
if (multiple) {
|
103
|
-
var _v2;
|
104
|
-
_v = ((_v2 = _v) === null || _v2 === void 0 ? void 0 : _v2.map(function (i) {
|
105
|
-
var _i$join;
|
106
|
-
if (_values.includes(i === null || i === void 0 || (_i$join = i.join) === null || _i$join === void 0 ? void 0 : _i$join.call(i, ':'))) {
|
107
|
-
return i;
|
108
|
-
} else {
|
109
|
-
var _i = _toConsumableArray(i);
|
110
|
-
_i[_i.length - 1] = _i[_i.length - 1] + "\u300C".concat(inexistentText, "\u300D");
|
111
|
-
return _i;
|
112
|
-
}
|
113
|
-
})) || [];
|
114
|
-
} else {
|
115
|
-
var _v3, _v3$join, _v$join, _v4;
|
116
|
-
_v = _v ? _values.includes((_v3 = _v) === null || _v3 === void 0 || (_v3$join = _v3.join) === null || _v3$join === void 0 ? void 0 : _v3$join.call(_v3, ':')) ? _v : [((_v$join = (_v4 = _v).join) === null || _v$join === void 0 ? void 0 : _v$join.call(_v4, ' / ')) + "\u300C".concat(inexistentText, "\u300D")] : undefined;
|
117
|
-
}
|
118
|
-
}
|
119
|
-
// 若当前value包含不存在值,且不保留原值时,则向外抛出undefined,并标记_inexistent为true
|
120
|
-
if (_v && JSON.stringify(_v).indexOf("\u300C".concat(inexistentText, "\u300D")) !== -1 && !reserveOriginalValue) {
|
121
|
-
_inexistent.current = true;
|
122
|
-
onChange === null || onChange === void 0 || onChange([], undefined);
|
123
|
-
}
|
124
|
-
setCascaderValue(_v);
|
125
|
-
}, [value, JSON.stringify(_values), inexistent, multiple]);
|
126
|
-
// 组件change事件
|
127
|
-
var change = function change(v, selectedOptions) {
|
128
|
-
var _v = v,
|
129
|
-
_selectedOptions = selectedOptions;
|
130
|
-
// 若inexistent为true,当重新触发change事件时,将不存在的项移除(仅多选时需处理)
|
131
|
-
if (inexistent && multiple) {
|
132
|
-
_v = v.filter(function (item) {
|
133
|
-
return !item.some(function (i) {
|
134
|
-
return ('' + i).indexOf("\u300C".concat(inexistentText, "\u300D")) !== -1;
|
135
|
-
});
|
136
|
-
});
|
137
|
-
_selectedOptions = selectedOptions.filter(function (item) {
|
138
|
-
return !item.some(function (i) {
|
139
|
-
return !i;
|
140
|
-
});
|
141
|
-
});
|
142
|
-
}
|
143
|
-
if (!props.hasOwnProperty('value')) {
|
144
|
-
setCascaderValue(_v);
|
145
|
-
}
|
146
|
-
onChange === null || onChange === void 0 || onChange(_v, _selectedOptions);
|
147
|
-
};
|
148
|
-
// 扩展全选功能 (继承原有插槽)
|
149
|
-
var dropdownRender = function dropdownRender(menus, _dropdownRender) {
|
150
|
-
return /*#__PURE__*/_jsxs("div", {
|
151
|
-
children: [menus, _dropdownRender, /*#__PURE__*/_jsx(Divider, {
|
152
|
-
style: {
|
153
|
-
margin: 0
|
154
|
-
}
|
155
|
-
}), /*#__PURE__*/_jsx("div", {
|
156
|
-
style: {
|
157
|
-
padding: 8
|
158
|
-
},
|
159
|
-
onClick: function onClick() {
|
160
|
-
// console.log(ref)
|
161
|
-
},
|
162
|
-
children: "\u5168\u9009"
|
163
|
-
})]
|
164
|
-
});
|
165
|
-
};
|
166
|
-
return /*#__PURE__*/_jsxs("div", {
|
167
|
-
style: _objectSpread({
|
168
|
-
position: label ? 'relative' : 'static',
|
169
|
-
height: multiple ? 'auto' : 32,
|
170
|
-
'--selector-pl': "".concat(paddingLeft, "px"),
|
171
|
-
'--inexistent-color': inexistentColor
|
172
|
-
}, style),
|
173
|
-
className: "mc-cascader ".concat(multiple && _maxTagCount === 1 ? 'mc-cascader--inline' : '', " ").concat(className || ''),
|
174
|
-
children: [label && /*#__PURE__*/_jsx("span", {
|
175
|
-
ref: labelRef,
|
176
|
-
className: "mc-cascader__label ".concat(disabled ? 'mc-cascader--disabled' : ''),
|
177
|
-
children: label
|
178
|
-
}), /*#__PURE__*/_jsx(Cascader, _objectSpread({
|
179
|
-
ref: ref,
|
180
|
-
className: "mc-cascader__content",
|
181
|
-
value: cascaderValue,
|
182
|
-
onChange: change,
|
183
|
-
options: _options,
|
184
|
-
multiple: multiple,
|
185
|
-
disabled: disabled,
|
186
|
-
fieldNames: _fieldNames
|
187
|
-
// dropdownRender={dropdownRender}
|
188
|
-
,
|
189
|
-
placeholder: "\u8BF7\u9009\u62E9",
|
190
|
-
showSearch: true,
|
191
|
-
allowClear: true,
|
192
|
-
maxTagCount: _maxTagCount,
|
193
|
-
maxTagPlaceholder: function maxTagPlaceholder(v) {
|
194
|
-
return /*#__PURE__*/_jsx(Popover, {
|
195
|
-
overlayStyle: {
|
196
|
-
maxWidth: 300
|
197
|
-
},
|
198
|
-
content: v.map(function (_ref3, index) {
|
199
|
-
var _ref4;
|
200
|
-
var value = _ref3.value,
|
201
|
-
label = _ref3.label;
|
202
|
-
return /*#__PURE__*/_jsxs("span", {
|
203
|
-
children: [index !== 0 && /*#__PURE__*/_jsx("span", {
|
204
|
-
children: ", "
|
205
|
-
}), /*#__PURE__*/_jsx("span", {
|
206
|
-
style: {
|
207
|
-
color: ((_ref4 = '' + value) === null || _ref4 === void 0 ? void 0 : _ref4.indexOf("\u300C".concat(inexistentText, "\u300D"))) === -1 ? 'rgba(0, 0, 0, 0.88)' : inexistentColor
|
208
|
-
},
|
209
|
-
children: label
|
210
|
-
})]
|
211
|
-
}, value);
|
212
|
-
}),
|
213
|
-
children: /*#__PURE__*/_jsx("span", {
|
214
|
-
children: '+' + v.length
|
215
|
-
})
|
216
|
-
});
|
217
|
-
}
|
218
|
-
}, rest))]
|
219
|
-
});
|
220
|
-
});
|
221
|
-
export default McCascader;
|
@@ -1,118 +0,0 @@
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
2
|
-
/**
|
3
|
-
* title: 操作栏区域
|
4
|
-
* description: 若未设置该项,则不显示。`actionBarRender` 可自定义操作栏区域,提供批量操作按钮实例
|
5
|
-
* transform: true
|
6
|
-
* compact: true
|
7
|
-
*/
|
8
|
-
|
9
|
-
import { useToggle } from '@zykj2024/much-hooks';
|
10
|
-
import { Button, Space, Switch } from 'antd';
|
11
|
-
import { AddOutlined } from 'much-icons';
|
12
|
-
import { McContainer, McInput } from "../..";
|
13
|
-
import { useState } from 'react';
|
14
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
15
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
16
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
17
|
-
export default (function () {
|
18
|
-
var _selectedRows$length;
|
19
|
-
var dataSource = Array.from({
|
20
|
-
length: 5
|
21
|
-
}, function (_, index) {
|
22
|
-
return {
|
23
|
-
id: index + 1,
|
24
|
-
name: "\u59D3\u540D".concat(index + 1),
|
25
|
-
age: 18 + index
|
26
|
-
};
|
27
|
-
});
|
28
|
-
var _useState = useState([]),
|
29
|
-
_useState2 = _slicedToArray(_useState, 2),
|
30
|
-
selectedRows = _useState2[0],
|
31
|
-
setSelectedRows = _useState2[1];
|
32
|
-
var _useToggle = useToggle(false),
|
33
|
-
_useToggle2 = _slicedToArray(_useToggle, 2),
|
34
|
-
showCustomActionBar = _useToggle2[0],
|
35
|
-
toggle = _useToggle2[1].toggle;
|
36
|
-
var columns = [{
|
37
|
-
title: 'ID',
|
38
|
-
dataIndex: 'id'
|
39
|
-
}, {
|
40
|
-
title: '姓名',
|
41
|
-
dataIndex: 'name'
|
42
|
-
}, {
|
43
|
-
title: '年龄',
|
44
|
-
dataIndex: 'age'
|
45
|
-
}, {
|
46
|
-
title: '操作',
|
47
|
-
dataIndex: 'option',
|
48
|
-
width: 100,
|
49
|
-
render: function render() {
|
50
|
-
return /*#__PURE__*/_jsx("a", {
|
51
|
-
children: "\u7F16\u8F91"
|
52
|
-
});
|
53
|
-
}
|
54
|
-
}];
|
55
|
-
var queryItems = /*#__PURE__*/_jsx(_Fragment, {
|
56
|
-
children: /*#__PURE__*/_jsx(McInput, {
|
57
|
-
label: "\u59D3\u540D",
|
58
|
-
name: "name",
|
59
|
-
style: {
|
60
|
-
width: 270
|
61
|
-
}
|
62
|
-
})
|
63
|
-
});
|
64
|
-
var actionBar = /*#__PURE__*/_jsxs(_Fragment, {
|
65
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
66
|
-
type: "primary",
|
67
|
-
icon: /*#__PURE__*/_jsx(AddOutlined, {}),
|
68
|
-
children: "\u65B0\u589E"
|
69
|
-
}), /*#__PURE__*/_jsx(Button, {
|
70
|
-
children: "\u4E0A\u4F20"
|
71
|
-
})]
|
72
|
-
});
|
73
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
74
|
-
children: [/*#__PURE__*/_jsxs("div", {
|
75
|
-
style: {
|
76
|
-
padding: '24px 24px 0'
|
77
|
-
},
|
78
|
-
children: ["\u662F\u5426\u81EA\u5B9A\u4E49\u6E32\u67D3\u64CD\u4F5C\u533A\uFF1A", /*#__PURE__*/_jsx(Switch, {
|
79
|
-
checked: showCustomActionBar,
|
80
|
-
onChange: toggle
|
81
|
-
})]
|
82
|
-
}), /*#__PURE__*/_jsx(McContainer, {
|
83
|
-
height: "100%",
|
84
|
-
queryItems: queryItems,
|
85
|
-
actionBar: actionBar,
|
86
|
-
actionBarRender: showCustomActionBar ? function (batchEl) {
|
87
|
-
return /*#__PURE__*/_jsxs(Space, {
|
88
|
-
size: 16,
|
89
|
-
style: {
|
90
|
-
marginBottom: 16
|
91
|
-
},
|
92
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
93
|
-
type: "primary",
|
94
|
-
children: "\u4E0B\u8F7D"
|
95
|
-
}), batchEl]
|
96
|
-
});
|
97
|
-
} : undefined,
|
98
|
-
batchNum: (_selectedRows$length = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) !== null && _selectedRows$length !== void 0 ? _selectedRows$length : 0,
|
99
|
-
onCancel: function onCancel() {
|
100
|
-
return setSelectedRows([]);
|
101
|
-
},
|
102
|
-
tableProps: {
|
103
|
-
columns: columns,
|
104
|
-
dataSource: dataSource,
|
105
|
-
rowKey: 'id',
|
106
|
-
rowSelection: {
|
107
|
-
selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) {
|
108
|
-
return item.id;
|
109
|
-
}),
|
110
|
-
preserveSelectedRowKeys: true,
|
111
|
-
onChange: function onChange(selectedRowKeys, selectedRows) {
|
112
|
-
return setSelectedRows(selectedRows);
|
113
|
-
}
|
114
|
-
}
|
115
|
-
}
|
116
|
-
})]
|
117
|
-
});
|
118
|
-
});
|
@@ -1,82 +0,0 @@
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
2
|
-
/**
|
3
|
-
* title: 基本用法
|
4
|
-
* description: 设置 `immediateQuery` 为 `false`,不触发首次查询;`immediateQuery` 默认为 `true`。
|
5
|
-
* transform: true
|
6
|
-
* compact: true
|
7
|
-
*/
|
8
|
-
|
9
|
-
import { McContainer, McInput } from "../..";
|
10
|
-
import { useState } from 'react';
|
11
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
12
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
13
|
-
var tableData = Array.from({
|
14
|
-
length: 5
|
15
|
-
}, function (_, index) {
|
16
|
-
return {
|
17
|
-
id: index + 1,
|
18
|
-
name: "\u59D3\u540D".concat(index + 1),
|
19
|
-
age: 18 + index
|
20
|
-
};
|
21
|
-
});
|
22
|
-
export default (function () {
|
23
|
-
var _useState = useState(tableData),
|
24
|
-
_useState2 = _slicedToArray(_useState, 2),
|
25
|
-
dataSource = _useState2[0],
|
26
|
-
setDataSource = _useState2[1];
|
27
|
-
var _useState3 = useState(false),
|
28
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
29
|
-
loading = _useState4[0],
|
30
|
-
setLoading = _useState4[1];
|
31
|
-
var columns = [{
|
32
|
-
title: 'ID',
|
33
|
-
dataIndex: 'id'
|
34
|
-
}, {
|
35
|
-
title: '姓名',
|
36
|
-
dataIndex: 'name'
|
37
|
-
}, {
|
38
|
-
title: '年龄',
|
39
|
-
dataIndex: 'age'
|
40
|
-
}, {
|
41
|
-
title: '操作',
|
42
|
-
dataIndex: 'option',
|
43
|
-
width: 100,
|
44
|
-
render: function render() {
|
45
|
-
return /*#__PURE__*/_jsx("a", {
|
46
|
-
children: "\u7F16\u8F91"
|
47
|
-
});
|
48
|
-
}
|
49
|
-
}];
|
50
|
-
var queryItems = /*#__PURE__*/_jsx(_Fragment, {
|
51
|
-
children: /*#__PURE__*/_jsx(McInput, {
|
52
|
-
label: "\u59D3\u540D",
|
53
|
-
name: "name",
|
54
|
-
style: {
|
55
|
-
width: 270
|
56
|
-
}
|
57
|
-
})
|
58
|
-
});
|
59
|
-
var onQuery = function onQuery() {
|
60
|
-
return new Promise(function (resolve) {
|
61
|
-
setLoading(true);
|
62
|
-
setTimeout(function () {
|
63
|
-
setDataSource(tableData);
|
64
|
-
setLoading(false);
|
65
|
-
resolve();
|
66
|
-
}, 1000);
|
67
|
-
});
|
68
|
-
};
|
69
|
-
return /*#__PURE__*/_jsx(McContainer, {
|
70
|
-
height: "100%",
|
71
|
-
immediateQuery: false,
|
72
|
-
loading: loading,
|
73
|
-
loadingText: "\u52A0\u8F7D\u4E2D",
|
74
|
-
onQuery: onQuery,
|
75
|
-
queryItems: queryItems,
|
76
|
-
tableProps: {
|
77
|
-
columns: columns,
|
78
|
-
dataSource: dataSource,
|
79
|
-
rowKey: 'id'
|
80
|
-
}
|
81
|
-
});
|
82
|
-
});
|
@@ -1,8 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* title: 预设批量操作
|
3
|
-
* description: 包括多选数据的处理、展示、批量操作区,开启多选功能时,在`tableProps`中进行多选的配置,`rowKey`必须设置且唯一。`batchNum`展示批量操作数、`batchBtns`配置批量操作区、`onCancel`取消批量选中,配合实现多选功能。设置`batch`参数时,注意`actionBar`要为合法的React节点,如`<Button>操作1</Button>`、`<>只需要字符串的场景</>`,设置`batch.show`为`true`显示批量操作按钮,设置`batch.order`可以调整批量操作按钮的位置
|
4
|
-
* transform: true
|
5
|
-
* compact: true
|
6
|
-
*/
|
7
|
-
declare const _default: () => import("react/jsx-runtime").JSX.Element;
|
8
|
-
export default _default;
|
@@ -1,129 +0,0 @@
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
2
|
-
/**
|
3
|
-
* title: 预设批量操作
|
4
|
-
* description: 包括多选数据的处理、展示、批量操作区,开启多选功能时,在`tableProps`中进行多选的配置,`rowKey`必须设置且唯一。`batchNum`展示批量操作数、`batchBtns`配置批量操作区、`onCancel`取消批量选中,配合实现多选功能。设置`batch`参数时,注意`actionBar`要为合法的React节点,如`<Button>操作1</Button>`、`<>只需要字符串的场景</>`,设置`batch.show`为`true`显示批量操作按钮,设置`batch.order`可以调整批量操作按钮的位置
|
5
|
-
* transform: true
|
6
|
-
* compact: true
|
7
|
-
*/
|
8
|
-
|
9
|
-
import { useToggle } from '@zykj2024/much-hooks';
|
10
|
-
import { Button, Switch } from 'antd';
|
11
|
-
import { McContainer, McInput, McInputNumber } from "../..";
|
12
|
-
import { useState } from 'react';
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
14
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
15
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
16
|
-
export default (function () {
|
17
|
-
var _selectedRows$length;
|
18
|
-
var _useState = useState([]),
|
19
|
-
_useState2 = _slicedToArray(_useState, 2),
|
20
|
-
selectedRows = _useState2[0],
|
21
|
-
setSelectedRows = _useState2[1];
|
22
|
-
var dataSource = Array.from({
|
23
|
-
length: 5
|
24
|
-
}, function (_, index) {
|
25
|
-
return {
|
26
|
-
id: index + 1,
|
27
|
-
name: "\u59D3\u540D".concat(index + 1),
|
28
|
-
age: 18 + index
|
29
|
-
};
|
30
|
-
});
|
31
|
-
var _useToggle = useToggle(true),
|
32
|
-
_useToggle2 = _slicedToArray(_useToggle, 2),
|
33
|
-
showBatchBtn = _useToggle2[0],
|
34
|
-
toggle = _useToggle2[1].toggle;
|
35
|
-
var _useState3 = useState(),
|
36
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
37
|
-
batchBtnOrder = _useState4[0],
|
38
|
-
setBatchBtnOrder = _useState4[1];
|
39
|
-
var columns = [{
|
40
|
-
title: 'ID',
|
41
|
-
dataIndex: 'id'
|
42
|
-
}, {
|
43
|
-
title: '姓名',
|
44
|
-
dataIndex: 'name'
|
45
|
-
}, {
|
46
|
-
title: '年龄',
|
47
|
-
dataIndex: 'age'
|
48
|
-
}, {
|
49
|
-
title: '操作',
|
50
|
-
dataIndex: 'option',
|
51
|
-
width: 100,
|
52
|
-
render: function render() {
|
53
|
-
return /*#__PURE__*/_jsx("a", {
|
54
|
-
children: "\u7F16\u8F91"
|
55
|
-
});
|
56
|
-
}
|
57
|
-
}];
|
58
|
-
var queryItems = /*#__PURE__*/_jsx(_Fragment, {
|
59
|
-
children: /*#__PURE__*/_jsx(McInput, {
|
60
|
-
label: "\u59D3\u540D",
|
61
|
-
name: "name",
|
62
|
-
style: {
|
63
|
-
width: 270
|
64
|
-
}
|
65
|
-
})
|
66
|
-
});
|
67
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
68
|
-
children: [/*#__PURE__*/_jsxs("div", {
|
69
|
-
style: {
|
70
|
-
padding: 24
|
71
|
-
},
|
72
|
-
children: ["\u662F\u5426\u5C55\u793A\u6279\u91CF\u64CD\u4F5C\u6309\u94AE\uFF1A", /*#__PURE__*/_jsx(Switch, {
|
73
|
-
checked: showBatchBtn,
|
74
|
-
onChange: toggle
|
75
|
-
})]
|
76
|
-
}), /*#__PURE__*/_jsxs("div", {
|
77
|
-
style: {
|
78
|
-
padding: '0 0 24px 24px'
|
79
|
-
},
|
80
|
-
children: ["\u6279\u91CF\u64CD\u4F5C\u6309\u94AE\u4F4D\u7F6E\uFF1A", /*#__PURE__*/_jsx(McInputNumber, {
|
81
|
-
value: batchBtnOrder,
|
82
|
-
onChange: setBatchBtnOrder
|
83
|
-
})]
|
84
|
-
}), /*#__PURE__*/_jsx(McContainer, {
|
85
|
-
height: "100%",
|
86
|
-
queryItems: queryItems,
|
87
|
-
batchNum: (_selectedRows$length = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) !== null && _selectedRows$length !== void 0 ? _selectedRows$length : 0,
|
88
|
-
onCancel: function onCancel() {
|
89
|
-
return setSelectedRows([]);
|
90
|
-
},
|
91
|
-
actionBar: /*#__PURE__*/_jsxs(_Fragment, {
|
92
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
93
|
-
type: "primary",
|
94
|
-
children: "\u64CD\u4F5C1"
|
95
|
-
}), /*#__PURE__*/_jsx(Button, {
|
96
|
-
type: "primary",
|
97
|
-
children: "\u64CD\u4F5C2"
|
98
|
-
})]
|
99
|
-
}),
|
100
|
-
batchBtns: /*#__PURE__*/_jsxs(_Fragment, {
|
101
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
102
|
-
type: "primary",
|
103
|
-
children: "\u6279\u91CF\u64CD\u4F5C1"
|
104
|
-
}), /*#__PURE__*/_jsx(Button, {
|
105
|
-
type: "primary",
|
106
|
-
children: "\u6279\u91CF\u64CD\u4F5C2"
|
107
|
-
})]
|
108
|
-
}),
|
109
|
-
batch: {
|
110
|
-
show: showBatchBtn,
|
111
|
-
order: batchBtnOrder
|
112
|
-
},
|
113
|
-
tableProps: {
|
114
|
-
columns: columns,
|
115
|
-
dataSource: dataSource,
|
116
|
-
rowKey: 'id',
|
117
|
-
rowSelection: {
|
118
|
-
selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) {
|
119
|
-
return item.id;
|
120
|
-
}),
|
121
|
-
preserveSelectedRowKeys: true,
|
122
|
-
onChange: function onChange(selectedRowKeys, selectedRows) {
|
123
|
-
return setSelectedRows(selectedRows);
|
124
|
-
}
|
125
|
-
}
|
126
|
-
}
|
127
|
-
})]
|
128
|
-
});
|
129
|
-
});
|