@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.
@@ -1,19 +1,23 @@
1
1
  import { Store } from 'antd/es/form/interface';
2
- import React, { ReactElement, RefObject } from 'react';
3
- import { DialogButtonRef, DialogButtonsProps } from './button';
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
- Buttons: (e: DialogButtonsProps<T>) => ReactElement;
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: (e?: any) => void;
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>;
@@ -1,4 +1,7 @@
1
1
  import React, { useContext } from 'react';
2
+
3
+ // formInstance?: FormInstance<T>;
4
+
2
5
  var DialogContentContext = /*#__PURE__*/React.createContext({});
3
6
  var useDialogContext = function useDialogContext() {
4
7
  var context = useContext(DialogContentContext);
@@ -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 default function CcsDrawerFooter({ okText, okAuth, loading, children, hideCancel, cancelText, onOk, }: DialogButtonsProps): null;
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 _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); }
2
- 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; }
3
- 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; }
4
- 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; }
5
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
- 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); }
7
- import { CcsButton } from "./..";
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 { jsxs as _jsxs } from "react/jsx-runtime";
14
- export default function CcsDrawerFooter(_ref) {
15
- var okText = _ref.okText,
16
- okAuth = _ref.okAuth,
17
- loading = _ref.loading,
18
- children = _ref.children,
19
- hideCancel = _ref.hideCancel,
20
- cancelText = _ref.cancelText,
21
- onOk = _ref.onOk;
22
- var _CcsDialog$useInstanc = CcsDialog.useInstance(),
23
- closeDialog = _CcsDialog$useInstanc.closeDialog,
24
- drawerFooterRef = _CcsDialog$useInstanc.drawerFooterRef,
25
- formInitialValues = _CcsDialog$useInstanc.formInitialValues;
26
- var form = Form.useFormInstance();
27
- var onOkClick = function onOkClick() {
28
- if (!onOk) return;
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
- // form返回表单值和所有初始值
31
- if (form) {
32
- form.validateFields().then(function (values) {
33
- onOk(_objectSpread(_objectSpread({}, formInitialValues), values));
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
- if (!onOk && !children) return;
42
- var btns = /*#__PURE__*/_jsxs(_Fragment, {
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
  });
@@ -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: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<DialogFormRef>>;
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 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
24
- var children = _ref.children,
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(ref, function () {
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;
@@ -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 DialogEvent<TParams, TData> = {
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 CcsDialogDrawerProps<TParams = any, TData = any> = DialogEvent<TParams, TData> & Omit<DrawerProps, 'extra' | 'onClose' | 'onOk' | 'afterOpenChange' | 'footer'> & {
48
- /** antd form */
49
- form?: FormProps;
50
- /** 表单接口请求权限 */
51
- auth?: string;
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 modal = /*#__PURE__*/_jsx(HookModal, {
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(modal);
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: modal
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 modalRef = /*#__PURE__*/React.createRef();
146
+ var dialogRef = /*#__PURE__*/React.createRef();
137
147
  var closeFunc;
138
- var modal = /*#__PURE__*/_jsx(HookDrawer, {
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: modalRef
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(modal);
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: modal
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 _modalRef$current3;
173
- (_modalRef$current3 = modalRef.current) === null || _modalRef$current3 === void 0 || _modalRef$current3.destroy();
190
+ var _dialogRef$current;
191
+ (_dialogRef$current = dialogRef.current) === null || _dialogRef$current === void 0 || _dialogRef$current.destroy();
174
192
  }
175
- if (modalRef.current) {
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 _modalRef$current4;
186
- (_modalRef$current4 = modalRef.current) === null || _modalRef$current4 === void 0 || _modalRef$current4.update(newConfig);
204
+ var _dialogRef$current2;
205
+ (_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 || _dialogRef$current2.update(newConfig);
187
206
  }
188
- if (modalRef.current) {
207
+ if (dialogRef.current) {
189
208
  updateAction();
190
209
  } else {
191
210
  setActionQueue(function (prev) {
@@ -1,5 +1,5 @@
1
1
  import ThemeDialog from '../theme-dialog';
2
- import CcsDialogButtons from './button';
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 CcsDialogButtons;
13
+ Buttons: typeof CcsDialogFooter;
14
14
  /** drawer footer */
15
15
  DrawerFooter: typeof CcsDrawerFooter;
16
16
  };
@@ -1,11 +1,11 @@
1
1
  import ThemeDialog from "../theme-dialog";
2
- import CcsDialogButtons from "./button";
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 = CcsDialogButtons;
8
+ CcsDialog.Buttons = CcsDialogFooter;
9
9
  CcsDialog.useDialog = useCcsDialog;
10
10
  CcsDialog.useInstance = useDialogContext;
11
11
  CcsDialog.DrawerFooter = CcsDrawerFooter;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ccs-ui/rc-pro",
3
- "version": "2.1.9",
3
+ "version": "2.2.1-beta-1",
4
4
  "description": "",
5
5
  "license": "MIT",
6
6
  "author": {
@@ -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;