@ccs-ui/rc-pro 2.1.9 → 2.2.1-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/button/index.d.ts +1 -1
- package/es/dialog/HookDrawer.js +33 -30
- package/es/dialog/HookModal.js +26 -41
- package/es/dialog/button.d.ts +13 -3
- package/es/dialog/button.js +188 -41
- package/es/dialog/context.d.ts +10 -6
- package/es/dialog/context.js +3 -0
- package/es/dialog/drawer-footer.d.ts +6 -1
- package/es/dialog/drawer-footer.js +33 -49
- package/es/dialog/form.d.ts +5 -4
- package/es/dialog/form.js +5 -4
- package/es/dialog/hook.d.ts +19 -19
- package/es/dialog/hook.js +34 -15
- package/es/dialog/index.d.ts +2 -2
- package/es/dialog/index.js +2 -2
- package/package.json +1 -1
- package/es/dialog/DialogRequestButton.d.ts +0 -8
- package/es/dialog/DialogRequestButton.js +0 -116
- package/es/dialog/DialogSelfOkButton.d.ts +0 -8
- package/es/dialog/DialogSelfOkButton.js +0 -99
package/es/dialog/context.d.ts
CHANGED
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
import { Store } from 'antd/es/form/interface';
|
|
2
|
-
import React, {
|
|
3
|
-
import { DialogButtonRef
|
|
2
|
+
import React, { RefObject } from 'react';
|
|
3
|
+
import { DialogButtonRef } from './button';
|
|
4
|
+
import { DialogFormRef } from './form';
|
|
5
|
+
import { OkEvent } from './hook';
|
|
4
6
|
type DialogContextType<T = Store> = {
|
|
5
7
|
/** 表单初始值 */
|
|
6
8
|
formInitialValues: T;
|
|
7
|
-
/**
|
|
8
|
-
|
|
9
|
+
/** ant form 实例 */
|
|
10
|
+
formRef?: React.RefObject<DialogFormRef<T>>;
|
|
9
11
|
/** 按钮类型 */
|
|
10
12
|
buttonType: 'modal' | 'drawer';
|
|
11
13
|
/** 按钮 ref */
|
|
12
14
|
buttonRef: RefObject<DialogButtonRef>;
|
|
13
15
|
/** drawer footer ref */
|
|
14
16
|
drawerFooterRef?: RefObject<DialogButtonRef>;
|
|
15
|
-
/**
|
|
16
|
-
closeDialog: (
|
|
17
|
+
/** 关闭弹框回调 */
|
|
18
|
+
closeDialog: () => void;
|
|
19
|
+
/** 确定回调 */
|
|
20
|
+
onOkCallBack: OkEvent<any, any> | undefined;
|
|
17
21
|
};
|
|
18
22
|
declare const DialogContentContext: React.Context<DialogContextType<any>>;
|
|
19
23
|
declare const useDialogContext: <T = Store>() => DialogContextType<T>;
|
package/es/dialog/context.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
1
2
|
import { PropsWithNodeChildren } from '../ccs';
|
|
3
|
+
import { DialogButtonRef } from './button';
|
|
2
4
|
type DialogButtonsProps = PropsWithNodeChildren & {
|
|
3
5
|
okText?: string;
|
|
4
6
|
cancelText?: string;
|
|
@@ -7,5 +9,8 @@ type DialogButtonsProps = PropsWithNodeChildren & {
|
|
|
7
9
|
hideCancel?: boolean;
|
|
8
10
|
onOk?: (values?: any) => void;
|
|
9
11
|
};
|
|
10
|
-
export
|
|
12
|
+
export declare const FooterButtonHolder: ({ buttonRef, }: {
|
|
13
|
+
buttonRef: RefObject<DialogButtonRef>;
|
|
14
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default function CcsDrawerFooter({ children }: DialogButtonsProps): null;
|
|
11
16
|
export {};
|
|
@@ -1,57 +1,41 @@
|
|
|
1
|
-
function
|
|
2
|
-
function
|
|
3
|
-
function
|
|
4
|
-
function
|
|
5
|
-
function
|
|
6
|
-
function
|
|
7
|
-
import {
|
|
8
|
-
import { Button, Form } from 'antd';
|
|
9
|
-
import { useEffect } from 'react';
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import { useEffect, useImperativeHandle, useState } from 'react';
|
|
10
8
|
import CcsDialog from '.';
|
|
11
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
9
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
|
-
import {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
// drawer footer holder
|
|
12
|
+
export var FooterButtonHolder = function FooterButtonHolder(_ref) {
|
|
13
|
+
var buttonRef = _ref.buttonRef;
|
|
14
|
+
var _useState = useState(),
|
|
15
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
16
|
+
buttons = _useState2[0],
|
|
17
|
+
setButtons = _useState2[1];
|
|
18
|
+
useImperativeHandle(buttonRef, function () {
|
|
19
|
+
return {
|
|
20
|
+
onSetButtons: function onSetButtons(e) {
|
|
21
|
+
setButtons(e);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
});
|
|
25
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
26
|
+
children: buttons
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
onOk();
|
|
38
|
-
};
|
|
30
|
+
// drawer footer content
|
|
31
|
+
export default function CcsDrawerFooter(_ref2) {
|
|
32
|
+
var children = _ref2.children;
|
|
33
|
+
var _CcsDialog$useInstanc = CcsDialog.useInstance(),
|
|
34
|
+
drawerFooterRef = _CcsDialog$useInstanc.drawerFooterRef;
|
|
39
35
|
useEffect(function () {
|
|
40
36
|
var _drawerFooterRef$curr;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
children: [children, onOk && /*#__PURE__*/_jsxs(_Fragment, {
|
|
44
|
-
children: [!hideCancel && /*#__PURE__*/_jsx(Button, {
|
|
45
|
-
onClick: closeDialog,
|
|
46
|
-
children: cancelText || '取消'
|
|
47
|
-
}), /*#__PURE__*/_jsx(CcsButton, {
|
|
48
|
-
auth: okAuth || '',
|
|
49
|
-
type: "primary",
|
|
50
|
-
loading: loading,
|
|
51
|
-
onClick: onOkClick,
|
|
52
|
-
children: okText || '确定'
|
|
53
|
-
})]
|
|
54
|
-
})]
|
|
37
|
+
var btns = /*#__PURE__*/_jsx(_Fragment, {
|
|
38
|
+
children: children
|
|
55
39
|
});
|
|
56
40
|
drawerFooterRef === null || drawerFooterRef === void 0 || (_drawerFooterRef$curr = drawerFooterRef.current) === null || _drawerFooterRef$curr === void 0 || _drawerFooterRef$curr.onSetButtons(btns);
|
|
57
41
|
});
|
package/es/dialog/form.d.ts
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { FormInstance, FormProps } from 'antd';
|
|
2
2
|
import React, { ReactNode } from 'react';
|
|
3
|
-
type PropsType = {
|
|
3
|
+
type PropsType<TParams> = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
formProps: FormProps;
|
|
6
|
+
formRef: React.RefObject<DialogFormRef<TParams>>;
|
|
6
7
|
};
|
|
7
|
-
export type DialogFormRef = {
|
|
8
|
-
formInstance: FormInstance
|
|
8
|
+
export type DialogFormRef<TParams> = {
|
|
9
|
+
formInstance: FormInstance<TParams>;
|
|
9
10
|
};
|
|
10
11
|
/**
|
|
11
12
|
* 添加form实例
|
|
12
13
|
* @returns
|
|
13
14
|
*/
|
|
14
|
-
declare const DialogForm:
|
|
15
|
+
declare const DialogForm: <TParams>({ formRef, children, formProps: { labelCol, wrapperCol, ...restProps }, }: PropsType<TParams>) => import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export default DialogForm;
|
package/es/dialog/form.js
CHANGED
|
@@ -20,8 +20,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
20
20
|
* 添加form实例
|
|
21
21
|
* @returns
|
|
22
22
|
*/
|
|
23
|
-
var DialogForm =
|
|
24
|
-
var
|
|
23
|
+
var DialogForm = function DialogForm(_ref) {
|
|
24
|
+
var formRef = _ref.formRef,
|
|
25
|
+
children = _ref.children,
|
|
25
26
|
_ref$formProps = _ref.formProps,
|
|
26
27
|
labelCol = _ref$formProps.labelCol,
|
|
27
28
|
wrapperCol = _ref$formProps.wrapperCol,
|
|
@@ -29,7 +30,7 @@ var DialogForm = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
29
30
|
var _Form$useForm = Form.useForm(),
|
|
30
31
|
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
31
32
|
form = _Form$useForm2[0];
|
|
32
|
-
useImperativeHandle(
|
|
33
|
+
useImperativeHandle(formRef, function () {
|
|
33
34
|
return {
|
|
34
35
|
formInstance: form
|
|
35
36
|
};
|
|
@@ -46,5 +47,5 @@ var DialogForm = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
46
47
|
}, restProps), {}, {
|
|
47
48
|
children: children
|
|
48
49
|
}));
|
|
49
|
-
}
|
|
50
|
+
};
|
|
50
51
|
export default DialogForm;
|
package/es/dialog/hook.d.ts
CHANGED
|
@@ -24,37 +24,37 @@ export type DialogRequestData = {
|
|
|
24
24
|
msg: string;
|
|
25
25
|
};
|
|
26
26
|
export type Service<TParams, TData> = (params: TParams) => Promise<TData>;
|
|
27
|
-
export type OkEvent<TParams> = (params?: TParams) => Promise<boolean> | boolean | void;
|
|
27
|
+
export type OkEvent<TParams, TData> = (params?: TParams, result?: TData) => Promise<boolean | undefined> | boolean | void;
|
|
28
28
|
export type Values<TParams extends any> = (params: TParams) => TParams;
|
|
29
|
-
type
|
|
30
|
-
/** 确定按钮,返回false 或者 promiss false 则阻止关闭对话框 */
|
|
31
|
-
onOk?: OkEvent<TParams>;
|
|
32
|
-
/** 表单接口请求 */
|
|
33
|
-
request?: Service<TParams, TData>;
|
|
34
|
-
};
|
|
35
|
-
export type CcsDialogModalProps<TParams = any, TData = any> = DialogEvent<TParams, TData> & Omit<ModalFuncProps, 'onCancel' | 'afterOpenChange' | 'onOk' | 'footer'> & {
|
|
29
|
+
type DialogProps<TParams, TData> = {
|
|
36
30
|
/** antd form */
|
|
37
31
|
form?: FormProps;
|
|
38
32
|
/** 表单接口请求权限 */
|
|
39
33
|
auth?: string;
|
|
40
|
-
/** 关闭后销毁组件,默认true */
|
|
41
|
-
destroyOnClose?: boolean;
|
|
42
34
|
/** 通过参数传递的扩展按钮 */
|
|
43
35
|
extraBtn?: ReactNode;
|
|
36
|
+
/** 确定按钮,返回false 或者 promiss false 则阻止关闭对话框 */
|
|
37
|
+
onOk?: OkEvent<TParams, TData>;
|
|
38
|
+
/** 表单接口请求 */
|
|
39
|
+
request?: Service<TParams, TData>;
|
|
40
|
+
/** 请求success和errorMsg字段指定 */
|
|
41
|
+
requestFieldNames?: {
|
|
42
|
+
success?: string[];
|
|
43
|
+
errorMsg?: string[];
|
|
44
|
+
};
|
|
45
|
+
/** 阻止对request结果进行处理 */
|
|
46
|
+
preventRequestHandle?: boolean;
|
|
44
47
|
/** 弹框关闭回调 */
|
|
45
48
|
onClose?: () => void;
|
|
46
49
|
};
|
|
47
|
-
export type
|
|
48
|
-
/**
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
export type CcsDialogModalProps<TParams = any, TData = any> = DialogProps<TParams, TData> & Omit<ModalFuncProps, 'onCancel' | 'afterOpenChange' | 'onOk' | 'footer'> & {
|
|
51
|
+
/** 关闭后销毁组件,默认true */
|
|
52
|
+
destroyOnClose?: boolean;
|
|
53
|
+
hideFooter?: boolean;
|
|
54
|
+
};
|
|
55
|
+
export type CcsDialogDrawerProps<TParams = any, TData = any> = DialogProps<TParams, TData> & Omit<DrawerProps, 'onClose' | 'onOk' | 'afterOpenChange' | 'footer'> & {
|
|
52
56
|
/** 抽屉内容 */
|
|
53
57
|
content?: ReactNode;
|
|
54
|
-
/** 通过参数传递的扩展按钮 */
|
|
55
|
-
extraBtn?: ReactNode;
|
|
56
|
-
/** 弹框关闭回调 */
|
|
57
|
-
onClose?: () => void;
|
|
58
58
|
};
|
|
59
59
|
export type ModalDialog = (...args: Parameters<ModalFunc>) => ReturnType<ModalFunc>;
|
|
60
60
|
export type DrawerDialog = (...args: Parameters<ModalFunc>) => ReturnType<DrawerFunc>;
|
package/es/dialog/hook.js
CHANGED
|
@@ -13,6 +13,8 @@ import CcsUtils from '@ccs-ui/utils';
|
|
|
13
13
|
import _debounce from 'lodash.debounce';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
import { createRoot } from 'react-dom/client';
|
|
16
|
+
import { useCcsPage } from '..';
|
|
17
|
+
import { PageContext } from "../context";
|
|
16
18
|
import useAppConfig from "../hooks/use-app";
|
|
17
19
|
import HookDrawer from "./HookDrawer";
|
|
18
20
|
import HookModal from "./HookModal";
|
|
@@ -53,6 +55,7 @@ export default function useCcsDialog() {
|
|
|
53
55
|
actionQueue = _React$useState2[0],
|
|
54
56
|
setActionQueue = _React$useState2[1];
|
|
55
57
|
var appConfig = useAppConfig() || {};
|
|
58
|
+
var CcsPageContext = useCcsPage();
|
|
56
59
|
React.useEffect(function () {
|
|
57
60
|
if (actionQueue.length) {
|
|
58
61
|
var cloneQueue = _toConsumableArray(actionQueue);
|
|
@@ -69,7 +72,7 @@ export default function useCcsDialog() {
|
|
|
69
72
|
// 关闭事件
|
|
70
73
|
var closeFunc;
|
|
71
74
|
// modal
|
|
72
|
-
var
|
|
75
|
+
var dialog = /*#__PURE__*/_jsx(HookModal, {
|
|
73
76
|
config: config,
|
|
74
77
|
afterClose: function afterClose() {
|
|
75
78
|
var _closeFunc;
|
|
@@ -77,12 +80,19 @@ export default function useCcsDialog() {
|
|
|
77
80
|
},
|
|
78
81
|
dialogRef: modalRef
|
|
79
82
|
}, "modal-".concat(modalUuid));
|
|
80
|
-
|
|
83
|
+
console.log('modal CcsPageContext ...', CcsPageContext);
|
|
84
|
+
// 添加page上下文
|
|
85
|
+
if (CcsPageContext && CcsPageContext.id) {
|
|
86
|
+
dialog = /*#__PURE__*/_jsx(PageContext.Provider, {
|
|
87
|
+
value: CcsPageContext,
|
|
88
|
+
children: dialog
|
|
89
|
+
});
|
|
90
|
+
}
|
|
81
91
|
// 优先使用自定义contextHolder、其次使用全局contextHolder
|
|
82
92
|
var $holderRef = holderRef.current ? holderRef : appConfig.holderRef;
|
|
83
93
|
if ($holderRef !== null && $holderRef !== void 0 && $holderRef.current) {
|
|
84
94
|
// 加载了contextHolder
|
|
85
|
-
closeFunc = $holderRef.current.patchElement(
|
|
95
|
+
closeFunc = $holderRef.current.patchElement(dialog);
|
|
86
96
|
} else {
|
|
87
97
|
CcsUtils.showWarning(false, "\u672A\u4F7F\u7528CssAppConfig\u5168\u5C40\u914D\u7F6E\u3001\u4E5F\u672A\u5C06contextHolder\u63D2\u5165\u7EC4\u4EF6\u4E2D\uFF0C\u5C06\u65E0\u6CD5\u9002\u914Dantd\u4E3B\u9898\u914D\u7F6E\u548C\u83B7\u53D6context\u3002");
|
|
88
98
|
// 未加载contextHolder,创建dom
|
|
@@ -90,7 +100,7 @@ export default function useCcsDialog() {
|
|
|
90
100
|
document.body.append(dialogEle);
|
|
91
101
|
var root = createRoot(dialogEle);
|
|
92
102
|
root.render( /*#__PURE__*/_jsx(_Fragment, {
|
|
93
|
-
children:
|
|
103
|
+
children: dialog
|
|
94
104
|
}));
|
|
95
105
|
closeFunc = function closeFunc() {
|
|
96
106
|
setTimeout(function () {
|
|
@@ -133,21 +143,29 @@ export default function useCcsDialog() {
|
|
|
133
143
|
}, []);
|
|
134
144
|
var getDrawerFunc = React.useCallback(function (config) {
|
|
135
145
|
drawerUuid += 1;
|
|
136
|
-
var
|
|
146
|
+
var dialogRef = /*#__PURE__*/React.createRef();
|
|
137
147
|
var closeFunc;
|
|
138
|
-
var
|
|
148
|
+
var dialog = /*#__PURE__*/_jsx(HookDrawer, {
|
|
139
149
|
config: config,
|
|
140
150
|
afterClose: function afterClose() {
|
|
141
151
|
var _closeFunc2;
|
|
142
152
|
(_closeFunc2 = closeFunc) === null || _closeFunc2 === void 0 || _closeFunc2();
|
|
143
153
|
},
|
|
144
|
-
dialogRef:
|
|
154
|
+
dialogRef: dialogRef
|
|
145
155
|
}, "drawer-".concat(drawerUuid));
|
|
156
|
+
console.log('drawer CcsPageContext ...', CcsPageContext);
|
|
157
|
+
// 添加page上下文
|
|
158
|
+
if (CcsPageContext && CcsPageContext.id) {
|
|
159
|
+
dialog = /*#__PURE__*/_jsx(PageContext.Provider, {
|
|
160
|
+
value: CcsPageContext,
|
|
161
|
+
children: dialog
|
|
162
|
+
});
|
|
163
|
+
}
|
|
146
164
|
var $holderRef = holderRef.current ? holderRef : appConfig.holderRef;
|
|
147
165
|
if ($holderRef !== null && $holderRef !== void 0 && $holderRef.current) {
|
|
148
166
|
var _$holderRef$current;
|
|
149
167
|
// 加载了contextHolder
|
|
150
|
-
closeFunc = (_$holderRef$current = $holderRef.current) === null || _$holderRef$current === void 0 ? void 0 : _$holderRef$current.patchElement(
|
|
168
|
+
closeFunc = (_$holderRef$current = $holderRef.current) === null || _$holderRef$current === void 0 ? void 0 : _$holderRef$current.patchElement(dialog);
|
|
151
169
|
} else {
|
|
152
170
|
CcsUtils.showWarning(false, "\u672A\u4F7F\u7528CssAppConfig\u5168\u5C40\u914D\u7F6E\u3001\u4E5F\u672A\u5C06contextHolder\u63D2\u5165\u7EC4\u4EF6\u4E2D\uFF0C\u5C06\u65E0\u6CD5\u9002\u914Dantd\u4E3B\u9898\u914D\u7F6E\u548C\u83B7\u53D6context\u3002");
|
|
153
171
|
// 未加载contextHolder,创建dom
|
|
@@ -155,7 +173,7 @@ export default function useCcsDialog() {
|
|
|
155
173
|
document.body.append(dialogEle);
|
|
156
174
|
var root = createRoot(dialogEle);
|
|
157
175
|
root.render( /*#__PURE__*/_jsx(_Fragment, {
|
|
158
|
-
children:
|
|
176
|
+
children: dialog
|
|
159
177
|
}));
|
|
160
178
|
closeFunc = function closeFunc() {
|
|
161
179
|
setTimeout(function () {
|
|
@@ -169,10 +187,10 @@ export default function useCcsDialog() {
|
|
|
169
187
|
var instance = {
|
|
170
188
|
destroy: function destroy() {
|
|
171
189
|
function destroyAction() {
|
|
172
|
-
var
|
|
173
|
-
(
|
|
190
|
+
var _dialogRef$current;
|
|
191
|
+
(_dialogRef$current = dialogRef.current) === null || _dialogRef$current === void 0 || _dialogRef$current.destroy();
|
|
174
192
|
}
|
|
175
|
-
if (
|
|
193
|
+
if (dialogRef.current) {
|
|
176
194
|
destroyAction();
|
|
177
195
|
} else {
|
|
178
196
|
setActionQueue(function (prev) {
|
|
@@ -181,11 +199,12 @@ export default function useCcsDialog() {
|
|
|
181
199
|
}
|
|
182
200
|
},
|
|
183
201
|
update: function update(newConfig) {
|
|
202
|
+
console.log('newConfig', newConfig, dialogRef.current);
|
|
184
203
|
function updateAction() {
|
|
185
|
-
var
|
|
186
|
-
(
|
|
204
|
+
var _dialogRef$current2;
|
|
205
|
+
(_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 || _dialogRef$current2.update(newConfig);
|
|
187
206
|
}
|
|
188
|
-
if (
|
|
207
|
+
if (dialogRef.current) {
|
|
189
208
|
updateAction();
|
|
190
209
|
} else {
|
|
191
210
|
setActionQueue(function (prev) {
|
package/es/dialog/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import ThemeDialog from '../theme-dialog';
|
|
2
|
-
import
|
|
2
|
+
import CcsDialogFooter from './button';
|
|
3
3
|
import { useDialogContext } from './context';
|
|
4
4
|
import CcsDrawerFooter from './drawer-footer';
|
|
5
5
|
import useCcsDialog from './hook';
|
|
@@ -10,7 +10,7 @@ type DialogInterface = {
|
|
|
10
10
|
/** dialog 实例 */
|
|
11
11
|
useInstance: typeof useDialogContext;
|
|
12
12
|
/** dialog 按钮 */
|
|
13
|
-
Buttons: typeof
|
|
13
|
+
Buttons: typeof CcsDialogFooter;
|
|
14
14
|
/** drawer footer */
|
|
15
15
|
DrawerFooter: typeof CcsDrawerFooter;
|
|
16
16
|
};
|
package/es/dialog/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import ThemeDialog from "../theme-dialog";
|
|
2
|
-
import
|
|
2
|
+
import CcsDialogFooter from "./button";
|
|
3
3
|
import { useDialogContext } from "./context";
|
|
4
4
|
import CcsDrawerFooter from "./drawer-footer";
|
|
5
5
|
import useCcsDialog from "./hook";
|
|
6
6
|
import "./index.less";
|
|
7
7
|
var CcsDialog = ThemeDialog;
|
|
8
|
-
CcsDialog.Buttons =
|
|
8
|
+
CcsDialog.Buttons = CcsDialogFooter;
|
|
9
9
|
CcsDialog.useDialog = useCcsDialog;
|
|
10
10
|
CcsDialog.useInstance = useDialogContext;
|
|
11
11
|
CcsDialog.DrawerFooter = CcsDrawerFooter;
|
package/package.json
CHANGED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FormProps } from 'antd';
|
|
2
|
-
import { DialogFormRef } from './form';
|
|
3
|
-
import { CcsDialogModalProps } from './hook';
|
|
4
|
-
declare const DialogRequestButton: <TParams, TData>({ auth, formRef, extraBtn, formInitialValues, request, onOk, onClose, }: Pick<CcsDialogModalProps<TParams, TData>, "auth" | "request" | "onOk" | "onClose" | "extraBtn"> & {
|
|
5
|
-
formRef: React.RefObject<DialogFormRef>;
|
|
6
|
-
formInitialValues: FormProps['initialValues'];
|
|
7
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export default DialogRequestButton;
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
2
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
-
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
9
|
-
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
10
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
12
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
13
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
14
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
15
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
-
import CcsUtils from '@ccs-ui/utils';
|
|
17
|
-
import { Button } from 'antd';
|
|
18
|
-
import { useState } from 'react';
|
|
19
|
-
import { CcsButton, CcsDialog } from '..';
|
|
20
|
-
import { useDialogFields } from "../hooks/use-app";
|
|
21
|
-
import { getDataFromFields } from "../select";
|
|
22
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
23
|
-
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
24
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
25
|
-
var DialogRequestButton = function DialogRequestButton(_ref) {
|
|
26
|
-
var auth = _ref.auth,
|
|
27
|
-
formRef = _ref.formRef,
|
|
28
|
-
extraBtn = _ref.extraBtn,
|
|
29
|
-
_ref$formInitialValue = _ref.formInitialValues,
|
|
30
|
-
formInitialValues = _ref$formInitialValue === void 0 ? {} : _ref$formInitialValue,
|
|
31
|
-
request = _ref.request,
|
|
32
|
-
onOk = _ref.onOk,
|
|
33
|
-
onClose = _ref.onClose;
|
|
34
|
-
var _useState = useState(false),
|
|
35
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
36
|
-
loading = _useState2[0],
|
|
37
|
-
setLoading = _useState2[1];
|
|
38
|
-
var fieldNames = useDialogFields();
|
|
39
|
-
var onOkClick = /*#__PURE__*/function () {
|
|
40
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
41
|
-
var _formRef$current;
|
|
42
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
43
|
-
while (1) switch (_context.prev = _context.next) {
|
|
44
|
-
case 0:
|
|
45
|
-
if ((_formRef$current = formRef.current) !== null && _formRef$current !== void 0 && _formRef$current.formInstance) {
|
|
46
|
-
_context.next = 3;
|
|
47
|
-
break;
|
|
48
|
-
}
|
|
49
|
-
CcsUtils.showWarning(false, "\u672A\u5B9A\u4E49form");
|
|
50
|
-
return _context.abrupt("return");
|
|
51
|
-
case 3:
|
|
52
|
-
formRef.current.formInstance.validateFields().then(function (values) {
|
|
53
|
-
setLoading(true);
|
|
54
|
-
var params = _objectSpread(_objectSpread({}, formInitialValues), values);
|
|
55
|
-
request(params).then(function (result) {
|
|
56
|
-
setLoading(false);
|
|
57
|
-
|
|
58
|
-
// 获取成功标识
|
|
59
|
-
var success = getDataFromFields(result, fieldNames.success);
|
|
60
|
-
// 获取异常信息
|
|
61
|
-
var msg = getDataFromFields(result, fieldNames.errorMsg);
|
|
62
|
-
if (success) {
|
|
63
|
-
if (onOk) {
|
|
64
|
-
var okResult = onOk(params);
|
|
65
|
-
// 返回false阻止关闭对话框
|
|
66
|
-
if (typeof okResult === 'boolean' && okResult === false) {
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
// 返回promiss
|
|
71
|
-
if (_typeof(okResult) === 'object') {
|
|
72
|
-
try {
|
|
73
|
-
okResult.then(function (d) {
|
|
74
|
-
if (d !== false) onClose();
|
|
75
|
-
});
|
|
76
|
-
} catch (error) {
|
|
77
|
-
onClose();
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
onClose();
|
|
83
|
-
}
|
|
84
|
-
CcsDialog.easyMessage({
|
|
85
|
-
success: success,
|
|
86
|
-
msg: msg
|
|
87
|
-
});
|
|
88
|
-
}).catch(function (err) {
|
|
89
|
-
setLoading(false);
|
|
90
|
-
console.log('e', err);
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
case 4:
|
|
94
|
-
case "end":
|
|
95
|
-
return _context.stop();
|
|
96
|
-
}
|
|
97
|
-
}, _callee);
|
|
98
|
-
}));
|
|
99
|
-
return function onOkClick() {
|
|
100
|
-
return _ref2.apply(this, arguments);
|
|
101
|
-
};
|
|
102
|
-
}();
|
|
103
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
104
|
-
children: [extraBtn, /*#__PURE__*/_jsx(Button, {
|
|
105
|
-
onClick: onClose,
|
|
106
|
-
children: "\u53D6\u6D88"
|
|
107
|
-
}), /*#__PURE__*/_jsx(CcsButton, {
|
|
108
|
-
auth: auth || '',
|
|
109
|
-
type: "primary",
|
|
110
|
-
onClick: onOkClick,
|
|
111
|
-
loading: loading,
|
|
112
|
-
children: "\u786E\u5B9A"
|
|
113
|
-
})]
|
|
114
|
-
});
|
|
115
|
-
};
|
|
116
|
-
export default DialogRequestButton;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FormProps } from 'antd';
|
|
2
|
-
import { DialogFormRef } from './form';
|
|
3
|
-
import { CcsDialogModalProps } from './hook';
|
|
4
|
-
declare const DialogSelfOkButton: <TParams, TData>({ auth, formRef, extraBtn, formInitialValues, onClose, onOk, }: Pick<CcsDialogModalProps<TParams, TData>, "auth" | "onOk" | "onClose" | "extraBtn"> & {
|
|
5
|
-
formRef: React.RefObject<DialogFormRef>;
|
|
6
|
-
formInitialValues: FormProps['initialValues'];
|
|
7
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export default DialogSelfOkButton;
|