@ccs-ui/rc-pro 1.0.7-rc.9 → 1.1.0

package/es/auth/auth-button.d.ts

@@ -1,5 +1,4 @@
 import { ButtonProps } from 'antd';
-import React from 'react';
 type CcsAuthButtonProps = ButtonProps & {
     auth: string;
     text?: string;
@@ -10,5 +9,5 @@ type CcsAuthButtonProps = ButtonProps & {
  * @param CcsAuthButtonProps
  * @returns
  */
-declare const _default: ({ auth, text, confirm, onClick, ...restProps }: CcsAuthButtonProps) => React.JSX.Element;
+declare const _default: ({ auth, text, confirm, onClick, ...restProps }: CcsAuthButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/es/auth/index.d.ts

@@ -34,16 +34,23 @@ export interface CcsAuthProps {
 }
 export declare function ModalConfirm({ modalRef }: {
     modalRef: any;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare function CcsAuth({ auth, children }: CcsAuthProps): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 declare namespace CcsAuth {
     var Group: typeof AuthGroup;
-    var Button: ({ auth, text, confirm, onClick, ...restProps }: ButtonProps & {
+    var Button: ({ auth, text, confirm, onClick, ...restProps }: Partial<{
+        href: string;
+        target?: React.HTMLAttributeAnchorTarget | undefined;
+        onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
+    } & import("antd/es/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "onClick" | "type"> & {
+        htmlType?: "button" | "reset" | "submit" | undefined;
+        onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "type">> & {
         auth: string;
         text?: string | undefined;
         confirm?: string | undefined;
-    }) => React.JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     var Dropdown: ({ auth, menus, children, onClick, ...restProps }: import("./auth-dropdown").CcsAuthDropdownProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 }
-declare function AuthGroup({ size, isLink, showCount, moreIcon, moreText, items, onClick, }: CcsAuthGroupProps): React.JSX.Element | null;
+declare function AuthGroup({ size, isLink, showCount, moreIcon, moreText, items, onClick, }: CcsAuthGroupProps): import("react/jsx-runtime").JSX.Element | null;
 export default CcsAuth;

package/es/cascader/index.d.ts

@@ -1,5 +1,4 @@
 import { CascaderProps } from 'antd';
-import React from 'react';
 import { HttpResult, RecordType } from '..';
 type CacheType = {
     /** 缓存key，同一个key将共享数据 */
@@ -14,12 +13,12 @@ type ApiCascaderProps = CascaderProps & {
     /** 依赖参数 */
     defaultParams?: RecordType;
     /** 查询请求 */
-    onQuery?: (dependParams?: RecordType) => Promise<HttpResult<any[]>>;
+    onQuery?: (params?: any) => Promise<HttpResult<any[]>>;
 };
 /**
  * 基于接口查询的select组件
  * @param CcsSelectProps
  * @returns
  */
-export default function CcsApiCascader({ onQuery, cache, defaultParams, ...restProps }: ApiCascaderProps): React.JSX.Element;
+export default function CcsApiCascader({ onQuery, cache, defaultParams, ...restProps }: ApiCascaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/es/cascader/index.js

@@ -23,7 +23,8 @@ import React, { useEffect } from 'react';
 export default function CcsApiCascader(_ref) {
   var onQuery = _ref.onQuery,
     cache = _ref.cache,
-    defaultParams = _ref.defaultParams,
+    _ref$defaultParams = _ref.defaultParams,
+    defaultParams = _ref$defaultParams === void 0 ? {} : _ref$defaultParams,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useRequest = useRequest( /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
@@ -60,7 +61,7 @@ export default function CcsApiCascader(_ref) {
     run = _useRequest.run;
   useEffect(function () {
     if (onQuery) run(defaultParams);
-  }, [defaultParams]);
+  }, [JSON.stringify(defaultParams)]);
   return /*#__PURE__*/React.createElement(Cascader, _extends({
     options: data,
     loading: loading,

package/es/color-picker/index.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import { CSSProperties } from 'react';
 import { RGBColor } from 'react-color';
 import './index.less';
 export interface PropsType {
@@ -14,5 +14,5 @@ export interface PropsType {
 /**
  * 颜色选择组件
  */
-declare const ColorPicker: ({ onChange, value, style }: PropsType) => React.JSX.Element;
+declare const ColorPicker: ({ onChange, value, style }: PropsType) => import("react/jsx-runtime").JSX.Element;
 export default ColorPicker;

package/es/config.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { GlobalContextPropsType } from './context';
-declare const _default: ({ userDetail, children }: GlobalContextPropsType) => React.JSX.Element;
+declare const _default: ({ userDetail, children }: GlobalContextPropsType) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/es/config.js

@@ -1,11 +1,12 @@
-import React from 'react';
 import { GlobalContext } from "./context";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default (function (_ref) {
   var userDetail = _ref.userDetail,
     children = _ref.children;
-  return /*#__PURE__*/React.createElement(GlobalContext.Provider, {
+  return /*#__PURE__*/_jsx(GlobalContext.Provider, {
     value: {
       userDetail: userDetail
-    }
-  }, children);
+    },
+    children: children
+  });
 });

package/es/context/index.d.ts

@@ -1,20 +1,33 @@
+import { TabPaneProps } from 'antd';
 import { Store } from 'antd/es/form/interface';
 import { Location } from 'history';
-import { Tab } from 'rc-tabs/lib/interface';
 import React from 'react';
-import { CcsUserDetailType } from '..';
-interface TabProps {
+import { CcsUserDetailType, RecordType } from '..';
+type CcsTabsChangeProps = {
+    /** 当前激活tab面板的key */
+    activeKey?: string;
+    /** 启用tab keys */
+    enableKeys?: string[];
+    /** 禁用tab keys */
+    disableKeys?: string[];
+    /** tab间传递的参数 */
+    options?: RecordType;
+};
+export type CcsTabProps = Omit<TabPaneProps, 'tab'> & {
+    key: string;
+    label: React.ReactNode;
+};
+interface CcsTabsContextType {
     /** 当前激活tab面板的key */
     activeKey: string;
-    /** Tabs items */
-    items: Tab[];
     /** tab间传递的参数 */
-    option: any;
-}
-interface TabsContextType extends TabProps {
-    option: any;
+    options: RecordType;
+    /** 添加tab */
+    onAddTabs: (tab: CcsTabProps | CcsTabProps[]) => void;
+    /** 移除tab */
+    onRemoveTabs: (key: string | string[]) => void;
     /** 改变tab间传递的参数 */
-    onChange: (tab: Partial<TabProps>) => void;
+    onTabChange: (tab: CcsTabsChangeProps) => void;
 }
 type PageContextType = {
     /** ID */
@@ -41,6 +54,6 @@ interface FnContextType<T = Store> {
 declare const GlobalContext: React.Context<GlobalContextType>;
 declare const DrawerAndModalContext: React.Context<FnContextType<any>>;
 declare const PageContext: React.Context<PageContextType>;
-declare const TabsContext: React.Context<TabsContextType>;
-export type { TabProps, FnContextType, TabsContextType, GlobalContextPropsType, };
+declare const TabsContext: React.Context<CcsTabsContextType>;
+export type { FnContextType, CcsTabsContextType, CcsTabsChangeProps, GlobalContextPropsType, };
 export { TabsContext, PageContext, GlobalContext, DrawerAndModalContext };

package/es/context/index.js

@@ -2,10 +2,5 @@ import React, { createContext } from 'react';
 var GlobalContext = /*#__PURE__*/createContext({});
 var DrawerAndModalContext = /*#__PURE__*/createContext({});
 var PageContext = /*#__PURE__*/createContext({});
-var TabsContext = /*#__PURE__*/React.createContext({
-  items: [],
-  activeKey: '',
-  option: {},
-  onChange: function onChange() {}
-});
+var TabsContext = /*#__PURE__*/React.createContext({});
 export { TabsContext, PageContext, GlobalContext, DrawerAndModalContext };

package/es/date-picker/index.d.ts

@@ -2,7 +2,6 @@ import { DatePickerProps } from 'antd';
 import { PickerPanelDateProps } from 'antd/es/calendar/generateCalendar';
 import { RangePickerProps } from 'antd/es/date-picker';
 import { Dayjs } from 'dayjs';
-import React from 'react';
 type CcsDatePickerProps = {
     value?: string;
     picker?: 'year' | 'month' | 'date';
@@ -14,8 +13,8 @@ type CcsRangePickerProps = {
     picker?: 'year' | 'month' | 'date';
     onChange?: (e: [string, string]) => void;
 } & Omit<RangePickerProps, 'value' | 'onChange'>;
-declare function CcsDatePicker({ value, onChange, ...restProps }: CcsDatePickerProps): React.JSX.Element;
+declare function CcsDatePicker({ value, onChange, ...restProps }: CcsDatePickerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace CcsDatePicker {
-    var RangePicker: ({ value, onChange, ...restProps }: CcsRangePickerProps) => React.JSX.Element;
+    var RangePicker: ({ value, onChange, ...restProps }: CcsRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 }
 export default CcsDatePicker;

package/es/dialog/HookDrawer.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CcsDialogDrawer, CcsDialogDrawerProps } from './dialog';
+export interface HookDrawerProps {
+    afterClose: () => void;
+    config: CcsDialogDrawerProps;
+}
+declare const _default: import("react").ForwardRefExoticComponent<HookDrawerProps & import("react").RefAttributes<CcsDialogDrawer>>;
+export default _default;

package/es/dialog/HookDrawer.js

@@ -0,0 +1,106 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Drawer } from 'antd';
+import classNames from 'classnames';
+import { forwardRef, useImperativeHandle, useState } from 'react';
+import { ModalContentContext } from "./context";
+import DialogForm from "./form";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HookDrawer = function HookDrawer(_ref, ref) {
+  var _config$form;
+  var hookAfterClose = _ref.afterClose,
+    config = _ref.config;
+  var _useState = useState(function () {
+      if (config.open === undefined) {
+        return _objectSpread(_objectSpread({}, config), {}, {
+          open: true
+        });
+      }
+      return config;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerConfig = _useState2[0],
+    setInnerConfig = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasButtons = _useState4[0],
+    setHasButtons = _useState4[1];
+  var afterClose = function afterClose() {
+    hookAfterClose();
+  };
+  var close = function close() {
+    setInnerConfig(function (c) {
+      return _objectSpread(_objectSpread({}, c), {}, {
+        open: false
+      });
+    });
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      destroy: close,
+      update: function update(newConfig) {
+        setInnerConfig(function (originConfig) {
+          return _objectSpread(_objectSpread({}, originConfig), newConfig);
+        });
+      }
+    };
+  });
+  var onGetContainer = function onGetContainer() {
+    var doms = document.body.querySelectorAll("[id*=\"_tab_content_\"][data-display=\"true\"]");
+    if (doms.length > 0) {
+      return doms[0];
+    }
+    return undefined;
+  };
+  var isCrInProp = ('getContainer' in innerConfig);
+  return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
+    onClose: close,
+    afterOpenChange: function afterOpenChange(open) {
+      if (!open) afterClose();
+    }
+  }, innerConfig), {}, {
+    className: classNames('ccs-dialog-drawer', innerConfig.className),
+    maskStyle: _objectSpread({
+      background: 'rgba(0, 0, 0, 0.1)'
+    }, innerConfig.maskStyle),
+    bodyStyle: _objectSpread(_objectSpread({}, hasButtons ? {
+      marginBottom: 80
+    } : {}), config.form ? {
+      padding: 0
+    } : innerConfig.bodyStyle),
+    rootStyle: _objectSpread(_objectSpread({}, !isCrInProp ? {
+      position: 'absolute'
+    } : {}), innerConfig.rootStyle),
+    contentWrapperStyle: _objectSpread(_objectSpread({}, !isCrInProp ? {
+      boxShadow: 'none'
+    } : {}), innerConfig.contentWrapperStyle),
+    getContainer: isCrInProp ? innerConfig.getContainer : onGetContainer,
+    children: /*#__PURE__*/_jsx(ModalContentContext.Provider, {
+      value: {
+        closeDialog: close,
+        onHasButtons: function onHasButtons() {
+          return setHasButtons(true);
+        },
+        formInitialValues: ((_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.initialValues) || {}
+      },
+      children: config.form ? /*#__PURE__*/_jsx(DialogForm, {
+        formProps: config.form,
+        bodyStyle: _objectSpread({
+          padding: 24
+        }, innerConfig.bodyStyle),
+        children: config.content
+      }) : config.content
+    })
+  }));
+};
+export default /*#__PURE__*/forwardRef(HookDrawer);

package/es/dialog/HookModal.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CcsDialogModal, CcsDialogModalProps } from './dialog';
+export interface HookModalProps {
+    afterClose: () => void;
+    config: CcsDialogModalProps;
+}
+declare const _default: import("react").ForwardRefExoticComponent<HookModalProps & import("react").RefAttributes<CcsDialogModal>>;
+export default _default;

package/es/dialog/HookModal.js

@@ -0,0 +1,179 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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."); }
+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); }
+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; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Modal } from 'antd';
+import classNames from 'classnames';
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import Draggable from 'react-draggable';
+import { ModalContentContext } from "./context";
+import DialogForm from "./form";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DragModal = function DragModal(_ref) {
+  var modal = _ref.modal,
+    dragState = _ref.dragState,
+    onDragState = _ref.onDragState;
+  var draggleRef = useRef(null);
+  var _onStart = function onStart(event, uiData) {
+    var _draggleRef$current;
+    var _window$document$docu = window.document.documentElement,
+      clientWidth = _window$document$docu.clientWidth,
+      clientHeight = _window$document$docu.clientHeight;
+    var targetRect = (_draggleRef$current = draggleRef.current) === null || _draggleRef$current === void 0 ? void 0 : _draggleRef$current.getBoundingClientRect();
+    if (!targetRect) {
+      return;
+    }
+    onDragState(function (e) {
+      return _objectSpread(_objectSpread({}, e), {}, {
+        bounds: {
+          left: -targetRect.left + uiData.x,
+          right: clientWidth - (targetRect.right - uiData.x),
+          top: -targetRect.top + uiData.y,
+          bottom: clientHeight - (targetRect.bottom - uiData.y)
+        }
+      });
+    });
+  };
+  return /*#__PURE__*/_jsx(Draggable, {
+    disabled: dragState.disabled,
+    bounds: dragState.bounds,
+    onStart: function onStart(event, uiData) {
+      return _onStart(event, uiData);
+    },
+    children: /*#__PURE__*/_jsx("div", {
+      ref: draggleRef,
+      children: modal
+    })
+  });
+};
+var HookModal = function HookModal(_ref2, ref) {
+  var _config$form;
+  var hookAfterClose = _ref2.afterClose,
+    config = _ref2.config;
+  var _useState = useState(function () {
+      if (config.open === undefined) {
+        return _objectSpread(_objectSpread({}, config), {}, {
+          open: true
+        });
+      }
+      return config;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerConfig = _useState2[0],
+    setInnerConfig = _useState2[1];
+  var _useState3 = useState({
+      disabled: true,
+      bounds: {
+        left: 0,
+        top: 0,
+        bottom: 0,
+        right: 0
+      }
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dragState = _useState4[0],
+    setDragState = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasButtons = _useState6[0],
+    setHasButtons = _useState6[1];
+  var afterClose = function afterClose() {
+    var _innerConfig$afterClo;
+    if (config.destroyOnClose !== false) hookAfterClose();
+    (_innerConfig$afterClo = innerConfig.afterClose) === null || _innerConfig$afterClo === void 0 ? void 0 : _innerConfig$afterClo.call(innerConfig);
+  };
+  var close = function close() {
+    setInnerConfig(function (c) {
+      return _objectSpread(_objectSpread({}, c), {}, {
+        open: false
+      });
+    });
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var triggerCancel = args.some(function (param) {
+      return param && param.triggerCancel;
+    });
+    if (innerConfig.onCancel && triggerCancel) {
+      innerConfig.onCancel.apply(innerConfig, [function () {}].concat(_toConsumableArray(args.slice(1))));
+    }
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      destroy: close,
+      update: function update(newConfig) {
+        setInnerConfig(function (originConfig) {
+          return _objectSpread(_objectSpread({}, originConfig), newConfig);
+        });
+      }
+    };
+  });
+  return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+    onCancel: close,
+    afterClose: afterClose
+  }, innerConfig), {}, {
+    bodyStyle: _objectSpread(_objectSpread({
+      position: 'relative'
+    }, innerConfig.bodyStyle), hasButtons ? {
+      paddingBottom: 44
+    } : {}),
+    className: classNames('ccs-dialog-modal', innerConfig.className),
+    footer: null,
+    title: config.isDrag ? /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%',
+        cursor: 'move'
+      },
+      onMouseOver: function onMouseOver() {
+        if (dragState.disabled) {
+          setDragState(function (e) {
+            return _objectSpread(_objectSpread({}, e), {}, {
+              disabled: false
+            });
+          });
+        }
+      },
+      onMouseOut: function onMouseOut() {
+        setDragState(function (e) {
+          return _objectSpread(_objectSpread({}, e), {}, {
+            disabled: true
+          });
+        });
+      },
+      children: config.title
+    }) : config.title,
+    modalRender: config.isDrag ? function (modal) {
+      return /*#__PURE__*/_jsx(DragModal, {
+        modal: modal,
+        dragState: dragState,
+        onDragState: setDragState
+      });
+    } : undefined,
+    children: /*#__PURE__*/_jsx(ModalContentContext.Provider, {
+      value: {
+        closeDialog: close,
+        onHasButtons: function onHasButtons() {
+          return setHasButtons(true);
+        },
+        formInitialValues: ((_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.initialValues) || {}
+      },
+      children: config.form ? /*#__PURE__*/_jsx(DialogForm, {
+        formProps: config.form,
+        children: config.content
+      }) : config.content
+    })
+  }));
+};
+export default /*#__PURE__*/forwardRef(HookModal);

package/es/dialog/button.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface DialogButtonsProps {
+    okText?: string;
+    okAuth?: string;
+    loading?: boolean;
+    children?: ReactNode;
+    onOk?: (values?: any) => void;
+}
+export default function CcsDialogButtons({ okText, okAuth, loading, children, onOk, }: DialogButtonsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/es/dialog/button.js

@@ -0,0 +1,47 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { CcsAuth } from "./..";
+import { Button, Form } from 'antd';
+import React, { useEffect } from 'react';
+import CcsDialog from '.';
+export default function CcsDialogButtons(_ref) {
+  var okText = _ref.okText,
+    okAuth = _ref.okAuth,
+    loading = _ref.loading,
+    children = _ref.children,
+    onOk = _ref.onOk;
+  var _CcsDialog$useContext = CcsDialog.useContext(),
+    closeDialog = _CcsDialog$useContext.closeDialog,
+    onHasButtons = _CcsDialog$useContext.onHasButtons,
+    formInitialValues = _CcsDialog$useContext.formInitialValues;
+  var form = Form.useFormInstance();
+  useEffect(function () {
+    onHasButtons();
+  }, []);
+  var onOkClick = function onOkClick() {
+    if (!onOk) return;
+
+    // form返回表单值和所有初始值
+    if (form) {
+      form.validateFields().then(function (values) {
+        onOk(_objectSpread(_objectSpread({}, formInitialValues), values));
+      });
+      return;
+    }
+    onOk();
+  };
+  return onOk ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "ccs-dialog-buttons"
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: closeDialog
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(CcsAuth.Button, {
+    auth: okAuth || '',
+    type: "primary",
+    loading: loading,
+    onClick: onOkClick
+  }, okText || '确定'), children)) : null;
+}

package/es/dialog/context.d.ts

@@ -0,0 +1,11 @@
+import { Store } from 'antd/es/form/interface';
+import React from 'react';
+interface ContentContextType<T = Store> {
+    locationKey: string;
+    formInitialValues: T;
+    closeDialog: () => void;
+    onHasButtons: () => void;
+}
+declare const ModalContentContext: React.Context<ContentContextType<any>>;
+declare const useDialogContext: <T = Store>() => ContentContextType<T>;
+export { useDialogContext, ModalContentContext };

package/es/dialog/context.js

@@ -0,0 +1,10 @@
+import React, { useContext } from 'react';
+var ModalContentContext = /*#__PURE__*/React.createContext({});
+var useDialogContext = function useDialogContext() {
+  var context = useContext(ModalContentContext);
+  if (context === undefined) {
+    throw new Error('ModalContentContext not found');
+  }
+  return context;
+};
+export { useDialogContext, ModalContentContext };

package/es/dialog/dialog.d.ts

@@ -0,0 +1,41 @@
+import { DrawerProps, FormProps, ModalFuncProps } from 'antd';
+import React, { ReactNode } from 'react';
+export interface CcsDialogModal {
+    destroy: () => void;
+    update: (config: ModalFuncProps) => void;
+}
+export interface CcsDialogDrawer {
+    destroy: () => void;
+    update: (config: DrawerProps) => void;
+}
+type ModalFunc = (props: ModalFuncProps) => {
+    destroy: () => void;
+    update: (configUpdate: ModalFuncProps) => void;
+};
+type DrawerFunc = (props: DrawerProps) => {
+    destroy: () => void;
+    update: (configUpdate: DrawerProps) => void;
+};
+export type CcsDialogModalProps = ModalFuncProps & {
+    /** 可拖拽 */
+    isDrag?: boolean;
+    /** antd form */
+    form?: FormProps;
+    /** 关闭后销毁组件，默认true */
+    destroyOnClose?: boolean;
+};
+export type CcsDialogDrawerProps = DrawerProps & {
+    /** antd form */
+    form?: FormProps;
+    /** 抽屉内容 */
+    content?: ReactNode;
+};
+export type ModalDialog = (...args: Parameters<ModalFunc>) => ReturnType<ModalFunc>;
+export type DrawerDialog = (...args: Parameters<ModalFunc>) => ReturnType<DrawerFunc>;
+export interface CcsDialogType {
+    openDrawer: (props: CcsDialogDrawerProps) => ReturnType<DrawerDialog>;
+    openModal: (props: CcsDialogModalProps) => ReturnType<ModalDialog>;
+    contextHolder: React.JSX.Element;
+}
+export default function useCcsDialog(): CcsDialogType;
+export {};