@zat-design/sisyphus-react 3.2.2 → 3.3.0-beta.2
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/README.md +7 -0
- package/dist/index.esm.css +82 -37
- package/es/ProAction/index.less +3 -0
- package/es/ProDownload/index.js +9 -6
- package/es/ProDownload/style/index.less +5 -2
- package/es/ProDrawerForm/index.js +1 -15
- package/es/ProDrawerForm/style/index.less +76 -73
- package/es/ProEditLabel/style/index.less +12 -9
- package/es/ProEditTable/components/RenderField/index.js +6 -4
- package/es/ProEditTable/index.js +34 -20
- package/es/ProEditTable/style/index.less +57 -47
- package/es/ProEditTable/utils/config.d.ts +1 -1
- package/es/ProEditTable/utils/config.js +3 -3
- package/es/ProEnum/style/index.less +3 -0
- package/es/ProForm/components/base/DatePicker/index.d.ts +2 -2
- package/es/ProForm/components/base/DatePicker/index.js +5 -8
- package/es/ProForm/components/base/RangePicker/index.d.ts +3 -2
- package/es/ProForm/components/base/RangePicker/index.js +3 -5
- package/es/ProForm/components/base/SwitchCheckbox/style/index.less +3 -0
- package/es/ProForm/components/base/TextArea/index.less +4 -3
- package/es/ProForm/components/base/TimePicker/index.js +3 -3
- package/es/ProForm/components/base/TimePicker/style/index.less +4 -1
- package/es/ProForm/components/combination/Container/style/index.less +6 -3
- package/es/ProForm/components/combination/FormList/style/index.less +20 -24
- package/es/ProForm/components/combination/Group/style/index.less +18 -15
- package/es/ProForm/components/combination/ProAddressBar/style/index.less +6 -3
- package/es/ProForm/components/combination/ProCombination/style/index.less +5 -2
- package/es/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js +6 -1
- package/es/ProForm/components/combination/ProModalSelect/index.js +22 -24
- package/es/ProForm/components/combination/ProModalSelect/style/index.less +32 -11
- package/es/ProForm/components/combination/ProNumberRange/style/index.less +13 -10
- package/es/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
- package/es/ProForm/components/combination/ProRangeLimit/index.js +6 -6
- package/es/ProForm/components/combination/ProTimeLimit/hooks/useControlled.d.ts +2 -2
- package/es/ProForm/components/combination/ProTimeLimit/hooks/useControlled.js +2 -2
- package/es/ProForm/components/combination/ProTimeLimit/index.d.ts +2 -2
- package/es/ProForm/components/combination/ProTimeLimit/index.js +4 -4
- package/es/ProForm/components/combination/ProTimeLimit/style/index.less +9 -6
- package/es/ProForm/components/old/ProCertValidity/index.js +16 -16
- package/es/ProForm/components/old/ProCertValidity/propsType.d.ts +4 -4
- package/es/ProForm/components/render/RenderFields.js +4 -5
- package/es/ProForm/style/index.less +46 -44
- package/es/ProIcon/style/index.less +4 -1
- package/es/ProLayout/components/Layout/Header/style/index.less +1 -1
- package/es/ProLayout/components/Layout/Menu/FoldMenu/style/index.less +10 -7
- package/es/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +31 -28
- package/es/ProLayout/components/Layout/Menu/SideMenu/style/index.less +14 -11
- package/es/ProLayout/components/Layout/Menu/style/index.less +2 -0
- package/es/ProLayout/components/Layout/Notice/style/index.less +3 -0
- package/es/ProLayout/components/ProCollapse/style/index.less +27 -24
- package/es/ProLayout/components/ProFooter/style/index.less +11 -7
- package/es/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less +4 -1
- package/es/ProLayout/components/ProHeader/index.js +4 -4
- package/es/ProLayout/components/ProHeader/style/index.less +12 -11
- package/es/ProLayout/style/index.less +10 -7
- package/es/ProSelect/index.less +3 -0
- package/es/ProStep/index.js +2 -2
- package/es/ProStep/style/index.less +3 -0
- package/es/ProTable/index.js +15 -7
- package/es/ProTable/style/index.less +76 -54
- package/es/ProTable/utils.d.ts +1 -1
- package/es/ProTable/utils.js +52 -33
- package/es/ProTabs/style/index.less +25 -23
- package/es/ProThemeTools/component/PrdTools/index.d.ts +1 -1
- package/es/ProThemeTools/component/PrdTools/index.js +7 -6
- package/es/ProThemeTools/component/PrdTools/style/index.less +6 -6
- package/es/ProThemeTools/index.d.ts +1 -1
- package/es/ProThemeTools/index.js +7 -2
- package/es/ProThemeTools/propsType.d.ts +4 -0
- package/es/ProThemeTools/style/index.less +6 -3
- package/es/ProThemeTools/utils/index.d.ts +1 -1
- package/es/ProThemeTools/utils/index.js +2 -1
- package/es/ProTooltip/style/index.less +3 -0
- package/es/ProTree/components/CloseIcon.js +2 -4
- package/es/ProTree/components/ProTree.js +27 -11
- package/es/ProTree/components/Tree.js +1 -1
- package/es/ProTree/propsType.d.ts +2 -2
- package/es/ProTree/style/index.less +29 -26
- package/es/ProTree/utils.d.ts +6 -0
- package/es/ProTree/utils.js +11 -0
- package/es/ProTreeModal/components/CloseIcon.js +2 -4
- package/es/ProTreeModal/components/Trigger.d.ts +3 -0
- package/es/ProTreeModal/components/Trigger.js +79 -19
- package/es/ProTreeModal/index.js +38 -6
- package/es/ProTreeModal/propsType.d.ts +5 -2
- package/es/ProTreeModal/style/index.less +11 -8
- package/es/ProTreeSelect/index.js +6 -4
- package/es/ProTreeSelect/propsType.d.ts +2 -0
- package/es/ProTreeSelect/style/index.less +25 -22
- package/es/ProUpload/components/DragRender.js +7 -4
- package/es/ProUpload/components/ImageRender.js +5 -1
- package/es/ProUpload/index.js +11 -7
- package/es/ProUpload/style/index.less +13 -4
- package/es/ProViewer/index.js +3 -1
- package/es/ProViewer/style/index.less +6 -3
- package/es/locale/en_US.d.ts +4 -0
- package/es/locale/en_US.js +5 -1
- package/es/locale/index.js +2 -2
- package/es/locale/zh_CN.d.ts +4 -0
- package/es/locale/zh_CN.js +6 -2
- package/es/old/ProCertValidity/index.js +16 -16
- package/es/old/ProCertValidity/propsType.d.ts +4 -4
- package/es/old/ProEditableTable/utils.d.ts +5 -5
- package/es/old/ProEditableTable/utils.js +5 -5
- package/es/style/core/compatible.less +6 -6
- package/es/style/theme/antd.less +272 -253
- package/lib/ProAction/index.less +3 -0
- package/lib/ProDownload/index.js +9 -6
- package/lib/ProDownload/style/index.less +5 -2
- package/lib/ProDrawerForm/index.js +0 -14
- package/lib/ProDrawerForm/style/index.less +76 -73
- package/lib/ProEditLabel/style/index.less +12 -9
- package/lib/ProEditTable/components/RenderField/index.js +6 -4
- package/lib/ProEditTable/index.js +32 -18
- package/lib/ProEditTable/style/index.less +57 -47
- package/lib/ProEditTable/utils/config.d.ts +1 -1
- package/lib/ProEditTable/utils/config.js +3 -3
- package/lib/ProEnum/style/index.less +3 -0
- package/lib/ProForm/components/base/DatePicker/index.d.ts +2 -2
- package/lib/ProForm/components/base/DatePicker/index.js +5 -8
- package/lib/ProForm/components/base/RangePicker/index.d.ts +3 -2
- package/lib/ProForm/components/base/RangePicker/index.js +4 -4
- package/lib/ProForm/components/base/SwitchCheckbox/style/index.less +3 -0
- package/lib/ProForm/components/base/TextArea/index.less +4 -3
- package/lib/ProForm/components/base/TimePicker/index.js +3 -3
- package/lib/ProForm/components/base/TimePicker/style/index.less +4 -1
- package/lib/ProForm/components/combination/Container/style/index.less +6 -3
- package/lib/ProForm/components/combination/FormList/style/index.less +20 -24
- package/lib/ProForm/components/combination/Group/style/index.less +18 -15
- package/lib/ProForm/components/combination/ProAddressBar/style/index.less +6 -3
- package/lib/ProForm/components/combination/ProCombination/style/index.less +5 -2
- package/lib/ProForm/components/combination/ProModalSelect/hooks/useRequestList.js +7 -1
- package/lib/ProForm/components/combination/ProModalSelect/index.js +22 -24
- package/lib/ProForm/components/combination/ProModalSelect/style/index.less +32 -11
- package/lib/ProForm/components/combination/ProNumberRange/style/index.less +13 -10
- package/lib/ProForm/components/combination/ProRangeLimit/index.d.ts +2 -2
- package/lib/ProForm/components/combination/ProRangeLimit/index.js +6 -6
- package/lib/ProForm/components/combination/ProTimeLimit/hooks/useControlled.d.ts +2 -2
- package/lib/ProForm/components/combination/ProTimeLimit/hooks/useControlled.js +2 -2
- package/lib/ProForm/components/combination/ProTimeLimit/index.d.ts +2 -2
- package/lib/ProForm/components/combination/ProTimeLimit/index.js +4 -4
- package/lib/ProForm/components/combination/ProTimeLimit/style/index.less +9 -6
- package/lib/ProForm/components/old/ProCertValidity/index.js +16 -16
- package/lib/ProForm/components/old/ProCertValidity/propsType.d.ts +4 -4
- package/lib/ProForm/components/render/RenderFields.js +4 -5
- package/lib/ProForm/style/index.less +46 -44
- package/lib/ProIcon/style/index.less +4 -1
- package/lib/ProLayout/components/Layout/Header/style/index.less +1 -1
- package/lib/ProLayout/components/Layout/Menu/FoldMenu/style/index.less +10 -7
- package/lib/ProLayout/components/Layout/Menu/OpenMenu/style/index.less +31 -28
- package/lib/ProLayout/components/Layout/Menu/SideMenu/style/index.less +14 -11
- package/lib/ProLayout/components/Layout/Menu/style/index.less +2 -0
- package/lib/ProLayout/components/Layout/Notice/style/index.less +3 -0
- package/lib/ProLayout/components/ProCollapse/style/index.less +27 -24
- package/lib/ProLayout/components/ProFooter/style/index.less +11 -7
- package/lib/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less +4 -1
- package/lib/ProLayout/components/ProHeader/index.js +4 -4
- package/lib/ProLayout/components/ProHeader/style/index.less +12 -11
- package/lib/ProLayout/style/index.less +10 -7
- package/lib/ProSelect/index.less +3 -0
- package/lib/ProStep/index.js +1 -1
- package/lib/ProStep/style/index.less +3 -0
- package/lib/ProTable/index.js +14 -6
- package/lib/ProTable/style/index.less +76 -54
- package/lib/ProTable/utils.d.ts +1 -1
- package/lib/ProTable/utils.js +52 -33
- package/lib/ProTabs/style/index.less +25 -23
- package/lib/ProThemeTools/component/PrdTools/index.d.ts +1 -1
- package/lib/ProThemeTools/component/PrdTools/index.js +7 -6
- package/lib/ProThemeTools/component/PrdTools/style/index.less +6 -6
- package/lib/ProThemeTools/index.d.ts +1 -1
- package/lib/ProThemeTools/index.js +7 -2
- package/lib/ProThemeTools/propsType.d.ts +4 -0
- package/lib/ProThemeTools/style/index.less +6 -3
- package/lib/ProThemeTools/utils/index.d.ts +1 -1
- package/lib/ProThemeTools/utils/index.js +2 -1
- package/lib/ProTooltip/style/index.less +3 -0
- package/lib/ProTree/components/CloseIcon.js +2 -4
- package/lib/ProTree/components/ProTree.js +26 -10
- package/lib/ProTree/components/Tree.js +1 -1
- package/lib/ProTree/propsType.d.ts +2 -2
- package/lib/ProTree/style/index.less +29 -26
- package/lib/ProTree/utils.d.ts +6 -0
- package/lib/ProTree/utils.js +12 -0
- package/lib/ProTreeModal/components/CloseIcon.js +2 -4
- package/lib/ProTreeModal/components/Trigger.d.ts +3 -0
- package/lib/ProTreeModal/components/Trigger.js +74 -18
- package/lib/ProTreeModal/index.js +38 -6
- package/lib/ProTreeModal/propsType.d.ts +5 -2
- package/lib/ProTreeModal/style/index.less +11 -8
- package/lib/ProTreeSelect/index.js +6 -4
- package/lib/ProTreeSelect/propsType.d.ts +2 -0
- package/lib/ProTreeSelect/style/index.less +25 -22
- package/lib/ProUpload/components/DragRender.js +7 -4
- package/lib/ProUpload/components/ImageRender.js +5 -1
- package/lib/ProUpload/index.js +11 -7
- package/lib/ProUpload/style/index.less +13 -4
- package/lib/ProViewer/index.js +4 -3
- package/lib/ProViewer/style/index.less +6 -3
- package/lib/locale/en_US.d.ts +4 -0
- package/lib/locale/en_US.js +5 -1
- package/lib/locale/index.js +2 -2
- package/lib/locale/zh_CN.d.ts +4 -0
- package/lib/locale/zh_CN.js +6 -2
- package/lib/old/ProCertValidity/index.js +16 -16
- package/lib/old/ProCertValidity/propsType.d.ts +4 -4
- package/lib/old/ProEditableTable/utils.d.ts +5 -5
- package/lib/old/ProEditableTable/utils.js +5 -5
- package/lib/style/core/compatible.less +6 -6
- package/lib/style/theme/antd.less +272 -253
- package/package.json +3 -2
- package/typings.d.ts +0 -6
|
@@ -27,7 +27,8 @@ var PrdTools = function PrdTools(_ref) {
|
|
|
27
27
|
visible = _ref.visible,
|
|
28
28
|
state = _ref.state,
|
|
29
29
|
tableBorder = _ref.tableBorder,
|
|
30
|
-
tableStripe = _ref.tableStripe
|
|
30
|
+
tableStripe = _ref.tableStripe,
|
|
31
|
+
prefixCls = _ref.prefixCls;
|
|
31
32
|
var _useState = (0, _react.useState)([{
|
|
32
33
|
color: '#006AFF',
|
|
33
34
|
active: true
|
|
@@ -150,18 +151,18 @@ var PrdTools = function PrdTools(_ref) {
|
|
|
150
151
|
var after = e.target.value === 'left' ? 'inline' : 'none';
|
|
151
152
|
var before = e.target.value === 'right' ? 'inline' : 'none';
|
|
152
153
|
// 遍历添加className
|
|
153
|
-
var formItemLabels = document.querySelectorAll(
|
|
154
|
+
var formItemLabels = document.querySelectorAll(".".concat(prefixCls, "-form-item-label"));
|
|
154
155
|
// 遍历元素列表,为每个元素添加新的 class
|
|
155
156
|
formItemLabels.forEach(function (label) {
|
|
156
157
|
var _label$classList, _label$classList$valu, _label$classList2, _label$classList2$val;
|
|
157
158
|
if (!label) {
|
|
158
159
|
return false;
|
|
159
160
|
}
|
|
160
|
-
if (e.target.value === 'left' && !((_label$classList = label.classList) === null || _label$classList === void 0 ? void 0 : (_label$classList$valu = _label$classList.value) === null || _label$classList$valu === void 0 ? void 0 : _label$classList$valu.includes(
|
|
161
|
-
label.classList.add(
|
|
161
|
+
if (e.target.value === 'left' && !((_label$classList = label.classList) === null || _label$classList === void 0 ? void 0 : (_label$classList$valu = _label$classList.value) === null || _label$classList$valu === void 0 ? void 0 : _label$classList$valu.includes("".concat(prefixCls, "-form-item-label-left")))) {
|
|
162
|
+
label.classList.add("".concat(prefixCls, "-form-item-label-left"));
|
|
162
163
|
}
|
|
163
|
-
if (e.target.value === 'right' && ((_label$classList2 = label.classList) === null || _label$classList2 === void 0 ? void 0 : (_label$classList2$val = _label$classList2.value) === null || _label$classList2$val === void 0 ? void 0 : _label$classList2$val.includes(
|
|
164
|
-
label.classList.remove(
|
|
164
|
+
if (e.target.value === 'right' && ((_label$classList2 = label.classList) === null || _label$classList2 === void 0 ? void 0 : (_label$classList2$val = _label$classList2.value) === null || _label$classList2$val === void 0 ? void 0 : _label$classList2$val.includes("".concat(prefixCls, "-form-item-label-left")))) {
|
|
165
|
+
label.classList.remove("".concat(prefixCls, "-form-item-label-left"));
|
|
165
166
|
}
|
|
166
167
|
});
|
|
167
168
|
setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
.pro-theme-prd-tools-drawer {
|
|
2
|
-
|
|
2
|
+
.@{ant-prefix}-drawer-header {
|
|
3
3
|
border-bottom: none;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
.@{ant-prefix}-drawer-title {
|
|
7
7
|
font-size: var(--zaui-font-size-xl, 18px);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
.@{ant-prefix}-drawer-body {
|
|
11
11
|
padding: 0 32px 32px;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
.@{ant-prefix}-space-vertical {
|
|
15
15
|
gap: var(--zaui-space-size-sm, 8px) !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
@@ -118,12 +118,12 @@
|
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
-
|
|
121
|
+
.@{ant-prefix}-radio-button-wrapper {
|
|
122
122
|
padding: 0 28px;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.pro-theme-tools-form {
|
|
126
|
-
|
|
126
|
+
.@{ant-prefix}-radio-button-wrapper {
|
|
127
127
|
padding: 0 42px;
|
|
128
128
|
}
|
|
129
129
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ProThemeToolsProps } from './propsType';
|
|
2
2
|
declare const ProThemeTools: {
|
|
3
|
-
({ size, className, cacheTime, color, mode, iconFollowTheme, tableBorder, tableStripe, theme, ...props }: ProThemeToolsProps): JSX.Element;
|
|
3
|
+
({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, ...props }: ProThemeToolsProps): JSX.Element;
|
|
4
4
|
defaultProps: {
|
|
5
5
|
size: number;
|
|
6
6
|
mode: string;
|
|
@@ -17,7 +17,7 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
|
17
17
|
var _index = require("./utils/index");
|
|
18
18
|
var _component = require("./component");
|
|
19
19
|
var _locale = _interopRequireDefault(require("../locale"));
|
|
20
|
-
var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "tableBorder", "tableStripe", "theme"];
|
|
20
|
+
var _excluded = ["size", "className", "cacheTime", "color", "mode", "iconFollowTheme", "prefixCls", "tableBorder", "tableStripe", "theme"];
|
|
21
21
|
/* eslint-disable prefer-const */
|
|
22
22
|
var defaultCacheTime = 1; // 配置保存时间为一天
|
|
23
23
|
var defaultThemeConfig = {
|
|
@@ -42,6 +42,8 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
42
42
|
color = _ref.color,
|
|
43
43
|
mode = _ref.mode,
|
|
44
44
|
iconFollowTheme = _ref.iconFollowTheme,
|
|
45
|
+
_ref$prefixCls = _ref.prefixCls,
|
|
46
|
+
prefixCls = _ref$prefixCls === void 0 ? 'ant' : _ref$prefixCls,
|
|
45
47
|
_ref$tableBorder = _ref.tableBorder,
|
|
46
48
|
tableBorder = _ref$tableBorder === void 0 ? false : _ref$tableBorder,
|
|
47
49
|
_ref$tableStripe = _ref.tableStripe,
|
|
@@ -121,6 +123,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
121
123
|
setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), localThemeConfig));
|
|
122
124
|
(0, _index.setThemes)(cssVariables);
|
|
123
125
|
_antd.ConfigProvider.config({
|
|
126
|
+
prefixCls: prefixCls,
|
|
124
127
|
theme: {
|
|
125
128
|
primaryColor: (_localThemeConfig = localThemeConfig) === null || _localThemeConfig === void 0 ? void 0 : _localThemeConfig.zauiBrand
|
|
126
129
|
}
|
|
@@ -128,6 +131,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
128
131
|
} else {
|
|
129
132
|
(0, _index.setThemes)((0, _index.getMapKebabCase)(state));
|
|
130
133
|
_antd.ConfigProvider.config({
|
|
134
|
+
prefixCls: prefixCls,
|
|
131
135
|
theme: {
|
|
132
136
|
primaryColor: state === null || state === void 0 ? void 0 : state.zauiBrand
|
|
133
137
|
}
|
|
@@ -150,7 +154,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
150
154
|
}, [zauiBrand]);
|
|
151
155
|
// 斑马纹设置
|
|
152
156
|
(0, _react.useEffect)(function () {
|
|
153
|
-
(0, _index.setTableNoStripe)(zauiStripe);
|
|
157
|
+
(0, _index.setTableNoStripe)(zauiStripe, prefixCls);
|
|
154
158
|
}, [zauiStripe]);
|
|
155
159
|
// 表格边框设置
|
|
156
160
|
(0, _react.useEffect)(function () {
|
|
@@ -182,6 +186,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
182
186
|
showDrawer();
|
|
183
187
|
}
|
|
184
188
|
}), (0, _jsxRuntime.jsx)(_component.PrdTools, {
|
|
189
|
+
prefixCls: prefixCls,
|
|
185
190
|
onReset: onReset,
|
|
186
191
|
onClose: onClose,
|
|
187
192
|
onCopy: onCopy,
|
|
@@ -9,6 +9,8 @@ export interface DevToolsPropsType {
|
|
|
9
9
|
tableBorder?: boolean;
|
|
10
10
|
/** 是否有斑马纹 */
|
|
11
11
|
tableStripe?: boolean;
|
|
12
|
+
/** 统一样式前缀, 默认ant */
|
|
13
|
+
prefixCls?: string;
|
|
12
14
|
}
|
|
13
15
|
export interface ProThemeToolsProps {
|
|
14
16
|
size?: number;
|
|
@@ -23,6 +25,8 @@ export interface ProThemeToolsProps {
|
|
|
23
25
|
tableBorder?: boolean;
|
|
24
26
|
/** 是否有斑马纹 */
|
|
25
27
|
tableStripe?: boolean;
|
|
28
|
+
/** 统一样式前缀, 默认ant */
|
|
29
|
+
prefixCls?: string;
|
|
26
30
|
[key: string]: any;
|
|
27
31
|
}
|
|
28
32
|
export interface LocalThemeConfigPropsType {
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@root-entry-name: 'default';
|
|
2
|
+
@import (reference) '~antd/es/style/themes/index.less';
|
|
3
|
+
|
|
1
4
|
@import '../component/PrdTools/style/index.less';
|
|
2
5
|
|
|
3
6
|
.pro-theme-tools {
|
|
@@ -19,11 +22,11 @@
|
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
.pro-theme-tools-drawer {
|
|
22
|
-
|
|
25
|
+
.@{ant-prefix}-drawer-body {
|
|
23
26
|
padding: 32px;
|
|
24
27
|
}
|
|
25
28
|
|
|
26
|
-
|
|
29
|
+
.@{ant-prefix}-space-vertical {
|
|
27
30
|
gap: var(--zaui-space-size-sm, 8px) !important;
|
|
28
31
|
}
|
|
29
32
|
|
|
@@ -49,7 +52,7 @@
|
|
|
49
52
|
margin-bottom: var(--zaui-space-size-md, 16px);
|
|
50
53
|
}
|
|
51
54
|
|
|
52
|
-
|
|
55
|
+
.@{ant-prefix}-radio-button-wrapper {
|
|
53
56
|
padding: 0 12px;
|
|
54
57
|
}
|
|
55
58
|
}
|
|
@@ -23,7 +23,7 @@ export declare const getMapHumpCase: (obj?: {}) => {};
|
|
|
23
23
|
* 设置表格斑马纹
|
|
24
24
|
* @param stripe boolean
|
|
25
25
|
*/
|
|
26
|
-
export declare const setTableNoStripe: (stripe: boolean) => void;
|
|
26
|
+
export declare const setTableNoStripe: (stripe: boolean, prefixCls?: string) => void;
|
|
27
27
|
/**
|
|
28
28
|
* 设置表格边框
|
|
29
29
|
* @param border boolean
|
|
@@ -81,8 +81,9 @@ var getMapHumpCase = exports.getMapHumpCase = function getMapHumpCase() {
|
|
|
81
81
|
* @param stripe boolean
|
|
82
82
|
*/
|
|
83
83
|
var setTableNoStripe = exports.setTableNoStripe = function setTableNoStripe(stripe) {
|
|
84
|
+
var prefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ant';
|
|
84
85
|
var proTables = document.querySelectorAll('.pro-table');
|
|
85
|
-
var antTables = document.querySelectorAll(
|
|
86
|
+
var antTables = document.querySelectorAll(".".concat(prefixCls, "-table"));
|
|
86
87
|
if (!proTables.length) {
|
|
87
88
|
return;
|
|
88
89
|
}
|
|
@@ -8,11 +8,9 @@ exports.default = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
function CloseIcon(props) {
|
|
11
|
-
return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
12
|
-
className: "ant-input-suffix"
|
|
13
|
-
}, props), {}, {
|
|
11
|
+
return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
14
12
|
children: (0, _jsxRuntime.jsx)("span", {
|
|
15
|
-
className: "
|
|
13
|
+
className: "pro-tree-modal-checkbox-close",
|
|
16
14
|
role: "button",
|
|
17
15
|
children: (0, _jsxRuntime.jsx)("span", {
|
|
18
16
|
role: "img",
|
|
@@ -25,7 +25,7 @@ var _locale = _interopRequireDefault(require("../../locale"));
|
|
|
25
25
|
var _utils = require("../utils");
|
|
26
26
|
var _inputSearch = _interopRequireDefault(require("../../assets/input-search.svg"));
|
|
27
27
|
require("../style/index.less");
|
|
28
|
-
var _excluded = ["value", "onChange", "dataSource", "mode", "code", "useRequest", "allValue", "showCodeName", "checkStrictly", "tags", "placeholder", "labelInValue", "fieldNames", "disabled", "isView", "transformResponse", "optionRender", "onSelect", "loading", "style", "className", "showSearch", "title", "footer", "expandedKeys", "showExpand", "
|
|
28
|
+
var _excluded = ["value", "onChange", "dataSource", "mode", "code", "useRequest", "allValue", "showCodeName", "checkStrictly", "tags", "placeholder", "labelInValue", "fieldNames", "disabled", "isView", "transformResponse", "optionRender", "onSelect", "loading", "style", "className", "showSearch", "title", "footer", "expandedKeys", "showExpand", "defaultExpandAll"];
|
|
29
29
|
var ProTree = function ProTree(props) {
|
|
30
30
|
var _props$otherProps, _props$otherProps2, _locale$ProTree, _state$innerExpandKey2, _state$innerExpandKey3, _locale$ProTree2, _locale$ProTree3, _locale$ProTree4;
|
|
31
31
|
var _useProConfig = (0, _ProConfigProvider.useProConfig)('ProEnum'),
|
|
@@ -71,7 +71,7 @@ var ProTree = function ProTree(props) {
|
|
|
71
71
|
expandedKeys = props.expandedKeys,
|
|
72
72
|
_props$showExpand = props.showExpand,
|
|
73
73
|
showExpand = _props$showExpand === void 0 ? false : _props$showExpand,
|
|
74
|
-
|
|
74
|
+
defaultExpandAll = props.defaultExpandAll,
|
|
75
75
|
other = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
76
76
|
var fieldNameLabel = fieldNames.label;
|
|
77
77
|
var fieldNameValue = fieldNames.value;
|
|
@@ -86,7 +86,7 @@ var ProTree = function ProTree(props) {
|
|
|
86
86
|
checkAll: false,
|
|
87
87
|
allKeys: [],
|
|
88
88
|
clickShowLoading: false,
|
|
89
|
-
innerExpandKeys:
|
|
89
|
+
innerExpandKeys: []
|
|
90
90
|
}),
|
|
91
91
|
_useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
|
|
92
92
|
state = _useSetState2[0],
|
|
@@ -96,11 +96,14 @@ var ProTree = function ProTree(props) {
|
|
|
96
96
|
onSuccess: function onSuccess(res) {
|
|
97
97
|
if (transformResponse && typeof transformResponse === 'function') {
|
|
98
98
|
var responseData = transformResponse(res);
|
|
99
|
+
var flatTrees = (0, _utils.getFlatTreeData)(responseData, fieldNames);
|
|
100
|
+
var allKey = (0, _utils.getAllKeys)(responseData, fieldNames);
|
|
99
101
|
setState({
|
|
100
102
|
treeData: responseData,
|
|
101
103
|
originalTreeData: responseData,
|
|
102
|
-
flatTreeData:
|
|
103
|
-
allKeys:
|
|
104
|
+
flatTreeData: flatTrees,
|
|
105
|
+
allKeys: allKey,
|
|
106
|
+
innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : (0, _utils.getDefaultExpandKeys)(defaultExpandAll, allKey)
|
|
104
107
|
});
|
|
105
108
|
} else {
|
|
106
109
|
var _res$status = res.status,
|
|
@@ -111,11 +114,14 @@ var ProTree = function ProTree(props) {
|
|
|
111
114
|
_antd.message.error(msg);
|
|
112
115
|
return;
|
|
113
116
|
}
|
|
117
|
+
var _flatTrees = (0, _utils.getFlatTreeData)(data, fieldNames);
|
|
118
|
+
var _allKey = (0, _utils.getAllKeys)(data, fieldNames);
|
|
114
119
|
setState({
|
|
115
120
|
treeData: data,
|
|
116
121
|
originalTreeData: data,
|
|
117
|
-
flatTreeData:
|
|
118
|
-
allKeys:
|
|
122
|
+
flatTreeData: _flatTrees,
|
|
123
|
+
allKeys: _allKey,
|
|
124
|
+
innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : (0, _utils.getDefaultExpandKeys)(defaultExpandAll, _allKey)
|
|
119
125
|
});
|
|
120
126
|
}
|
|
121
127
|
},
|
|
@@ -123,11 +129,13 @@ var ProTree = function ProTree(props) {
|
|
|
123
129
|
}, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
|
|
124
130
|
(0, _ahooks.useDeepCompareEffect)(function () {
|
|
125
131
|
if (dataSource && dataSource.length) {
|
|
132
|
+
var allKey = (0, _utils.getAllKeys)(dataSource, fieldNames);
|
|
126
133
|
setState({
|
|
127
134
|
treeData: dataSource,
|
|
128
135
|
originalTreeData: (0, _lodash.cloneDeep)(dataSource),
|
|
129
136
|
flatTreeData: (0, _utils.getFlatTreeData)(dataSource, fieldNames),
|
|
130
|
-
allKeys:
|
|
137
|
+
allKeys: allKey,
|
|
138
|
+
innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : (0, _utils.getDefaultExpandKeys)(defaultExpandAll, allKey)
|
|
131
139
|
});
|
|
132
140
|
} else if (enumCode) {
|
|
133
141
|
var dictEnum = dics[enumCode] || [];
|
|
@@ -140,11 +148,13 @@ var ProTree = function ProTree(props) {
|
|
|
140
148
|
console.error('请返回有效的数组');
|
|
141
149
|
dictEnum = [];
|
|
142
150
|
}
|
|
151
|
+
var _allKey2 = (0, _utils.getAllKeys)(dictEnum, fieldNames);
|
|
143
152
|
setState({
|
|
144
153
|
treeData: dictEnum,
|
|
145
154
|
originalTreeData: (0, _lodash.cloneDeep)(dictEnum),
|
|
146
155
|
flatTreeData: (0, _utils.getFlatTreeData)(dictEnum, fieldNames),
|
|
147
|
-
allKeys: (0, _utils.getAllKeys)(dictEnum, fieldNames)
|
|
156
|
+
allKeys: (0, _utils.getAllKeys)(dictEnum, fieldNames),
|
|
157
|
+
innerExpandKeys: (props === null || props === void 0 ? void 0 : props.expandedKeys) ? props === null || props === void 0 ? void 0 : props.expandedKeys : (0, _utils.getDefaultExpandKeys)(defaultExpandAll, _allKey2)
|
|
148
158
|
});
|
|
149
159
|
}
|
|
150
160
|
}, [dataSource, enumCode]);
|
|
@@ -204,7 +214,7 @@ var ProTree = function ProTree(props) {
|
|
|
204
214
|
return item[fieldNameValue];
|
|
205
215
|
});
|
|
206
216
|
} else {
|
|
207
|
-
//
|
|
217
|
+
// 复选,单纯value数组场景
|
|
208
218
|
checkedValues = _innerVal;
|
|
209
219
|
}
|
|
210
220
|
}
|
|
@@ -215,6 +225,11 @@ var ProTree = function ProTree(props) {
|
|
|
215
225
|
// treeViewData,
|
|
216
226
|
});
|
|
217
227
|
}
|
|
228
|
+
} else if (!(other === null || other === void 0 ? void 0 : other.checkable)) {
|
|
229
|
+
// 单选--场景-->如果表单的value没有值,那么配置的selectedKey就起作用了,选中树节点
|
|
230
|
+
setState({
|
|
231
|
+
checkedValues: props === null || props === void 0 ? void 0 : props.selectedKey
|
|
232
|
+
});
|
|
218
233
|
}
|
|
219
234
|
}, [value, state.allKeys]);
|
|
220
235
|
/**
|
|
@@ -240,6 +255,7 @@ var ProTree = function ProTree(props) {
|
|
|
240
255
|
onChange && onChange(values);
|
|
241
256
|
}
|
|
242
257
|
};
|
|
258
|
+
// 该方法只有复选框,在勾中checkbox后才会走到这个方法
|
|
243
259
|
var onCheck = function onCheck(checkedKeys, info) {
|
|
244
260
|
if (disabled || isView) {
|
|
245
261
|
return null;
|
|
@@ -100,8 +100,8 @@ function List(props) {
|
|
|
100
100
|
}
|
|
101
101
|
}, [checkedValues]);
|
|
102
102
|
(0, _react.useEffect)(function () {
|
|
103
|
+
// 复选树,配置的selectedKey在这里处理选中,单选树,在ProTree组件里跟value比优先级处理,到这个组件里面是checkedValues了
|
|
103
104
|
if (checkable) {
|
|
104
|
-
// 复选树,selectedKey,选中那个树节点
|
|
105
105
|
setState({
|
|
106
106
|
currentClickTreeNode: selectedKey
|
|
107
107
|
});
|
|
@@ -118,8 +118,8 @@ export interface ProTreeProps extends PropTreeSelectProps {
|
|
|
118
118
|
prefixCls?: string;
|
|
119
119
|
children?: any;
|
|
120
120
|
blockNode?: boolean;
|
|
121
|
-
/**
|
|
122
|
-
|
|
121
|
+
/** 点中的树节点key,表单模式下value有值该配置优先级降低 */
|
|
122
|
+
selectedKey?: string | number | undefined;
|
|
123
123
|
}
|
|
124
124
|
export interface DataProps {
|
|
125
125
|
label?: string;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
+
@root-entry-name: 'default';
|
|
2
|
+
@import (reference) '~antd/es/style/themes/index.less';
|
|
3
|
+
|
|
1
4
|
.pro-tree {
|
|
2
5
|
height: 100%; // tree auto css
|
|
3
6
|
|
|
4
|
-
|
|
7
|
+
.@{ant-prefix}-spin-nested-loading {
|
|
5
8
|
height: 100%; // tree auto css
|
|
6
9
|
|
|
7
|
-
|
|
10
|
+
.@{ant-prefix}-spin-container {
|
|
8
11
|
height: 100%; // tree auto css
|
|
9
12
|
}
|
|
10
13
|
}
|
|
@@ -68,19 +71,19 @@
|
|
|
68
71
|
}
|
|
69
72
|
}
|
|
70
73
|
|
|
71
|
-
|
|
74
|
+
.@{ant-prefix}-tree-checkbox {
|
|
72
75
|
margin-top: 11px;
|
|
73
76
|
}
|
|
74
77
|
|
|
75
|
-
|
|
78
|
+
.@{ant-prefix}-tree-switcher {
|
|
76
79
|
line-height: 44px;
|
|
77
80
|
}
|
|
78
81
|
|
|
79
|
-
|
|
82
|
+
.@{ant-prefix}-tree-switcher-leaf-line {
|
|
80
83
|
display: none;
|
|
81
84
|
}
|
|
82
85
|
|
|
83
|
-
|
|
86
|
+
.@{ant-prefix}-tree-treenode {
|
|
84
87
|
align-items: flex-start;
|
|
85
88
|
width : 100%;
|
|
86
89
|
padding : 0;
|
|
@@ -88,15 +91,15 @@
|
|
|
88
91
|
font-size : var(--zaui-font-size);
|
|
89
92
|
}
|
|
90
93
|
|
|
91
|
-
|
|
94
|
+
.@{ant-prefix}-tree-node-content-wrapper {
|
|
92
95
|
min-height : 20px;
|
|
93
96
|
line-height: 20px;
|
|
94
97
|
}
|
|
95
98
|
|
|
96
|
-
|
|
99
|
+
.@{ant-prefix}-tree-node-content-wrapper {
|
|
97
100
|
width: 100%;
|
|
98
101
|
|
|
99
|
-
|
|
102
|
+
.@{ant-prefix}-tree-title {
|
|
100
103
|
display: block;
|
|
101
104
|
width : 100%;
|
|
102
105
|
}
|
|
@@ -104,13 +107,13 @@
|
|
|
104
107
|
|
|
105
108
|
// 只读状态下,是否隐藏未勾选行
|
|
106
109
|
.hide-disable-node {
|
|
107
|
-
|
|
110
|
+
.@{ant-prefix}-tree-treenode.@{ant-prefix}-tree-treenode-disabled {
|
|
108
111
|
display: none;
|
|
109
112
|
}
|
|
110
113
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
+
.@{ant-prefix}-tree-treenode-checkbox-indeterminate,
|
|
115
|
+
.@{ant-prefix}-tree-treenode-checkbox-checked {
|
|
116
|
+
&.@{ant-prefix}-tree-treenode-disabled {
|
|
114
117
|
display: flex;
|
|
115
118
|
}
|
|
116
119
|
}
|
|
@@ -221,17 +224,17 @@
|
|
|
221
224
|
}
|
|
222
225
|
|
|
223
226
|
// 连接线、箭头宽度
|
|
224
|
-
|
|
227
|
+
.@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-indent-unit {
|
|
225
228
|
width: 20px;
|
|
226
229
|
}
|
|
227
230
|
|
|
228
|
-
|
|
231
|
+
.@{ant-prefix}-tree-switcher {
|
|
229
232
|
width : 20px;
|
|
230
233
|
align-self: flex-start;
|
|
231
234
|
margin-top: -4px;
|
|
232
235
|
}
|
|
233
236
|
|
|
234
|
-
|
|
237
|
+
.@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-indent-unit::before {
|
|
235
238
|
right: 9px;
|
|
236
239
|
}
|
|
237
240
|
|
|
@@ -244,8 +247,8 @@
|
|
|
244
247
|
}
|
|
245
248
|
|
|
246
249
|
// 去除antd白色背景
|
|
247
|
-
|
|
248
|
-
|
|
250
|
+
.@{ant-prefix}-tree-show-line .@{ant-prefix}-tree-switcher,
|
|
251
|
+
.@{ant-prefix}-tree {
|
|
249
252
|
background-color: transparent;
|
|
250
253
|
}
|
|
251
254
|
|
|
@@ -264,12 +267,12 @@
|
|
|
264
267
|
padding-top: 0px;
|
|
265
268
|
min-width : 120px;
|
|
266
269
|
|
|
267
|
-
|
|
270
|
+
.@{ant-prefix}-popover-inner-content {
|
|
268
271
|
padding: 0px;
|
|
269
272
|
width : 100%;
|
|
270
273
|
}
|
|
271
274
|
|
|
272
|
-
|
|
275
|
+
.@{ant-prefix}-popover-arrow {
|
|
273
276
|
display: none;
|
|
274
277
|
}
|
|
275
278
|
|
|
@@ -301,8 +304,8 @@
|
|
|
301
304
|
}
|
|
302
305
|
}
|
|
303
306
|
|
|
304
|
-
|
|
305
|
-
|
|
307
|
+
.@{ant-prefix}-tree .@{ant-prefix}-tree-treenode-disabled {
|
|
308
|
+
.@{ant-prefix}-tree-node-content-wrapper {
|
|
306
309
|
color: var(--zaui-text);
|
|
307
310
|
}
|
|
308
311
|
|
|
@@ -316,20 +319,20 @@
|
|
|
316
319
|
}
|
|
317
320
|
|
|
318
321
|
// 重置ant-form view模式样式ant-tree样式
|
|
319
|
-
.pro-form.pro-form-view
|
|
322
|
+
.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree * {
|
|
320
323
|
line-height: 1 !important;
|
|
321
324
|
height : auto !important;
|
|
322
325
|
min-height : auto !important;
|
|
323
326
|
}
|
|
324
327
|
|
|
325
|
-
.pro-form.pro-form-view
|
|
328
|
+
.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox {
|
|
326
329
|
margin-top: var(--zaui-space-size-sm);
|
|
327
330
|
}
|
|
328
331
|
|
|
329
|
-
.pro-form.pro-form-view
|
|
332
|
+
.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-switcher {
|
|
330
333
|
padding-top: var(--zaui-font-size-sm);
|
|
331
334
|
}
|
|
332
335
|
|
|
333
|
-
.pro-form.pro-form-view
|
|
336
|
+
.pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox * {
|
|
334
337
|
height: 16px !important;
|
|
335
338
|
}
|
package/lib/ProTree/utils.d.ts
CHANGED
|
@@ -35,3 +35,9 @@ export declare function filterCheckedNodes(data: any, checkedKeys: any, searchSt
|
|
|
35
35
|
* @returns
|
|
36
36
|
*/
|
|
37
37
|
export declare function getChildrenKeys(node: TreeDataProps, childrenKeys: string[], fieldNames: FieldNamesType, type: 'treeClose' | 'treeCheck'): void;
|
|
38
|
+
/**
|
|
39
|
+
* 如果默认全开展那么返回所有key,否则返回空[]
|
|
40
|
+
* @param isExpand 是否全展开
|
|
41
|
+
* @param allkeys 所有key
|
|
42
|
+
*/
|
|
43
|
+
export declare function getDefaultExpandKeys(isExpand: any, allKeys: any): any;
|
package/lib/ProTree/utils.js
CHANGED
|
@@ -8,6 +8,7 @@ exports.filterCheckedNodes = filterCheckedNodes;
|
|
|
8
8
|
exports.findTreeNodeByKey = findTreeNodeByKey;
|
|
9
9
|
exports.getAllKeys = getAllKeys;
|
|
10
10
|
exports.getChildrenKeys = getChildrenKeys;
|
|
11
|
+
exports.getDefaultExpandKeys = getDefaultExpandKeys;
|
|
11
12
|
exports.getFlatTreeData = getFlatTreeData;
|
|
12
13
|
exports.getParentKey = void 0;
|
|
13
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
@@ -192,4 +193,15 @@ function getChildrenKeys(node, childrenKeys, fieldNames, type) {
|
|
|
192
193
|
}
|
|
193
194
|
});
|
|
194
195
|
}
|
|
196
|
+
}
|
|
197
|
+
/**
|
|
198
|
+
* 如果默认全开展那么返回所有key,否则返回空[]
|
|
199
|
+
* @param isExpand 是否全展开
|
|
200
|
+
* @param allkeys 所有key
|
|
201
|
+
*/
|
|
202
|
+
function getDefaultExpandKeys(isExpand, allKeys) {
|
|
203
|
+
if (isExpand) {
|
|
204
|
+
return allKeys;
|
|
205
|
+
}
|
|
206
|
+
return [];
|
|
195
207
|
}
|
|
@@ -8,11 +8,9 @@ exports.default = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
10
|
function CloseIcon(props) {
|
|
11
|
-
return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
12
|
-
className: "ant-input-suffix"
|
|
13
|
-
}, props), {}, {
|
|
11
|
+
return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
|
|
14
12
|
children: (0, _jsxRuntime.jsx)("span", {
|
|
15
|
-
className: "
|
|
13
|
+
className: "pro-tree-modal-checkbox-close",
|
|
16
14
|
role: "button",
|
|
17
15
|
children: (0, _jsxRuntime.jsx)("span", {
|
|
18
16
|
role: "img",
|
|
@@ -5,9 +5,12 @@ interface TriggerProps {
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
isView?: boolean;
|
|
7
7
|
checkAll?: boolean;
|
|
8
|
+
appoint: boolean;
|
|
9
|
+
allValue?: string | number;
|
|
8
10
|
triggerStyle?: CSSProperties;
|
|
9
11
|
handleClick: () => void;
|
|
10
12
|
handleClearAll: () => void;
|
|
13
|
+
appointChange: (appoint?: boolean) => void;
|
|
11
14
|
}
|
|
12
15
|
declare function Trigger(props: TriggerProps): JSX.Element;
|
|
13
16
|
export default Trigger;
|