@topthink/components 1.0.56 → 1.0.58

package/es/index-4f51cece.js

@@ -1,21 +1,684 @@
-import e from"sweetalert2/dist/sweetalert2.js";import t from"sweetalert2-react-content";import{jsx as n,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useRef as i,useState as a,useEffect as s,createContext as c,Fragment as l,useContext as d,useCallback as u,useMemo as f,forwardRef as h,Children as m,lazy as p,Suspense as g,createElement as y,useImperativeHandle as b}from"react";import{OverlayTrigger as x,Tooltip as v,Spinner as w,Button as k,Modal as C,Alert as N,Card as z,Pagination as S}from"react-bootstrap";import{uniqueId as P,values as j,debounce as B}from"lodash";import T from"axios";import $ from"query-string";import*as E from"retry-axios";import L from"@babel/runtime/helpers/defineProperty";import F from"rc-notification";import H,{css as A}from"styled-components";import D from"classnames";import{useAsyncCallback as M}from"react-async-hook";const U=t(e),O={confirmButtonText:"确定",cancelButtonText:"取消"},I={confirm:async e=>{const{isConfirmed:t}=await U.fire({...O,icon:"warning",showCancelButton:!0,...e,async preConfirm(t){if(e.preConfirm)try{return await e.preConfirm(t)}catch(e){return e instanceof Error&&U.showValidationMessage(e.message),!1}return!0}});return t},success:e=>{U.fire({...O,toast:!0,position:"top",icon:"success",timer:2e3,showConfirmButton:!1,...e})},error:e=>{U.fire({...O,toast:!0,position:"top",icon:"error",timer:5e3,showConfirmButton:!1,...e})},close:e=>{U.close(e)},defaults:O};const R=c({});function _(e){return t=>{let{resolve:r,destroy:o,message:c}=t;const[l,h]=function(e){const t=i(null),[n,r]=a(e);return s((()=>{t.current&&(t.current(),t.current=null)}),[n]),[n,(e,n)=>{t.current="function"==typeof n?n:null,r(e)}]}(!0),m=d(R),p=u((e=>{h(!1,(()=>{r(e)}))}),[h,r]),g=f((()=>({show:l,onHide:()=>p(),onExited:()=>o(),container:m.container})),[l,p,o]);return n(e,{resolve:p,state:g,message:c})}}function q(e){return t=>new Promise((r=>{const o=n(e,{resolve:r,destroy:()=>{J(o)},message:t});Y(o)}))}let V=()=>{},G=new Set;const Y=e=>{G=new Set(G),G.add(e),V(G)},J=e=>{G=new Set(G),G.delete(e),V(G)};function K(e,t){return q(_(e))(t)}function Q(e){let{tooltip:t,children:r,placement:o="bottom"}=e;return n(x,{placement:o,overlay:n(v,{id:P(),children:t}),children:r})}const W=c(!1),X=h(((e,t)=>{let{loading:i,percent:a,disabled:s,children:c,tooltip:l,variant:u,...f}=e;d(W)&&!u&&(u="link"),i&&(s=!0,c=r(o,{children:[n(w,{ref:t,as:"span",size:"sm",role:"status","aria-hidden":"true",animation:"border"}),a?r("span",{className:"ms-2",children:[a,"%"]}):null]}));const h=n(k,{ref:t,...f,variant:u,disabled:s,children:c});return l?n(Q,{tooltip:l,children:n("span",{className:"d-inline-block",children:h})}):h})),Z=function(e){let{state:t,message:{title:o,message:i,okText:a,cancelText:s},resolve:c}=e;return r(C,{centered:!0,...t,children:[n(C.Header,{children:n(C.Title,{as:"h5",children:o||"确认"})}),n(C.Body,{children:i}),r(C.Footer,{children:[n(X,{variant:"secondary",onClick:()=>c(),children:s||"取消"}),n(X,{onClick:()=>c(!0),children:a||"确定"})]})]})};const ee=e=>{let{header:t,children:i,footer:s,closable:c=!0,show:l,cancelText:d="取消",okText:u="确定",onOk:h,onCancel:m,onHide:p,okButtonProps:g,bodyAs:y,headerAs:b="h5",confirmLoading:x=!1,...v}=e;const[w,k]=a(!1),N=f((()=>n(X,{loading:w||x,variant:"primary",onClick:async e=>{k(!0);try{await(h?.(e)),e.defaultPrevented||p?.()}finally{k(!1)}},...g,children:u})),[g,u,h,p,w,x]),z=f((()=>n(X,{variant:"secondary",onClick:e=>{m?.(e),e.defaultPrevented||p?.()},children:d})),[m,p,d]);switch(typeof s){case"undefined":s=r(o,{children:[z,N]});break;case"function":s=s({okButton:N,cancelButton:z})}return r(C,{...v,onHide:p,show:l,children:[t&&n(C.Header,{closeButton:c,children:n(C.Title,{as:b,children:t})}),n(C.Body,{as:y,children:i}),s&&n(C.Footer,{children:s})]})};ee.Message=function(e){const[t,r]=a(G);return s((()=>{V=r}),[]),n(R.Provider,{value:e,children:Array.from(t).map(((e,t)=>n(l,{children:e},`message-${t}`)))})},ee.confirm=function(e){return q(_(Z))(e)},ee.show=K;class te extends Error{constructor(e){super("Unauthorized"),L(this,"url",void 0),this.url=e}}let ne;const re={};const oe=e=>{let{type:t,...r}=e;!function(e){if(ne)return e(ne);F.newInstance({...re,prefixCls:"notification",maxCount:5,style:{top:20,right:20}},(t=>{ne?e(ne):(ne=t,e(t))}))}((e=>{r.duration=3;let o=t;if("error"===t)o="danger",r.duration=r.closable?0:5;r.content=n(N,{variant:o,children:r.content}),e.notice(r)}))},ie=["error","success","info"].reduce(((e,t)=>(e[t]=(e,n)=>{oe({...n,type:t,content:e})},e)),{});ie.defaults=re,E.attach(),T.defaults.raxConfig={retryDelay:2e3,backoffType:"static",shouldRetry:e=>{let{config:t,response:n}=e;return!(t.raxConfig?.retryDecider&&!t.raxConfig.retryDecider())&&("GET"===t.method?.toUpperCase()&&449===n?.status)}},T.defaults.maxContentLength=1/0,T.defaults.maxBodyLength=1/0,T.defaults.baseURL="/api",T.defaults.authTokenName="authorization",T.interceptors.request.use((e=>{const t=e.authTokenName;if(t){const n=localStorage.getItem(t);n&&(e.headers={Authorization:`Bearer ${n}`,...e.headers})}return e}),(e=>Promise.reject(e)));const ae=e=>e&&"object"==typeof e;T.interceptors.response.use((e=>(201===e.status&&e.data.location&&(window.location.href=e.data.location,e.data=void 0),e)),(e=>{if(T.isAxiosError(e)&&e.response){const{data:t,status:n}=e.response;401===n?(e.errors="Unauthorized",ae(t)&&t.url&&(e=new te(t.url)),ie.error("Unauthorized")):ae(t)?422===n?e.errors=t:"message"in t&&(e.errors=t.message):e.errors=t}return Promise.reject(e)}));const se=T.isAxiosError,ce=e=>{if(!T.isAxiosError(e))throw e;{let t=e.errors;"string"!=typeof e.errors&&(t=Object.values(e.errors).join("<br />")),ie.error(t)}},le=async function(e){e="string"==typeof e?{url:e}:e;const{data:t}=await T.request({paramsSerializer:function(e){return $.stringify(e,{sort:!1,skipNull:!0,skipEmptyString:!0,arrayFormat:"bracket"})},...e});return t};le.defaults=T.defaults,le.interceptors=T.interceptors;function de(e){const t=(()=>{const e=i(!1);return s((()=>(e.current=!1,()=>{e.current=!0})),[]),e})(),[n,r]=a(e);return[n,u((e=>{t.current||r(e)}),[])]}const ue=function(e){let{state:t,message:r,resolve:o}=e;const a=i(!0),{result:c,checkUrl:l,onComplete:d}=r,[u,f]=de(!1);return s((()=>{le({url:l,method:"post",data:{order_no:c.order_no},raxConfig:{shouldRetry:e=>a.current&&449===e.response?.status}}).then((()=>{d?.(),o()})).catch((()=>null))}),[]),n(ee,{...t,centered:!0,onHide:()=>{a.current=!1,t.onHide()},backdrop:"static",header:"支付结果",okText:"已完成支付",okButtonProps:{loading:u},onOk:async e=>{e.preventDefault();try{f(!0),await le({url:l,method:"post",data:{order_no:c.order_no},raxConfig:{shouldRetry:()=>!1}}),d?.(),o()}catch{}finally{f(!1)}},cancelText:"取消",children:"请在新打开的页面上进行支付，支付完成后再关闭此窗口"})};function fe(e){const{result:t}=e;window.open(t.pay_url),K(ue,e)}const he=H.div`
+import Swal from 'sweetalert2/dist/sweetalert2.js';
+import withReactContent from 'sweetalert2-react-content';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { useRef, useState, useEffect, createContext, Fragment, useContext, useCallback, useMemo, forwardRef, Children, lazy, Suspense, createElement, useImperativeHandle } from 'react';
+import { OverlayTrigger, Tooltip as Tooltip$1, Spinner, Button as Button$1, Modal as Modal$1, Alert, Card as Card$1, Pagination as Pagination$1 } from 'react-bootstrap';
+import { uniqueId, values, debounce } from 'lodash';
+import axios from 'axios';
+import queryString from 'query-string';
+import * as rax from 'retry-axios';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import Notification from 'rc-notification';
+import styled, { css } from 'styled-components';
+import classNames from 'classnames';
+import { useAsyncCallback } from 'react-async-hook';
+
+const CustomSwal = withReactContent(Swal);
+const defaultOptions$1 = {
+  confirmButtonText: '确定',
+  cancelButtonText: '取消'
+};
+const Message$1 = {
+  confirm: async options => {
+    const {
+      isConfirmed
+    } = await CustomSwal.fire({
+      ...defaultOptions$1,
+      icon: 'warning',
+      showCancelButton: true,
+      ...options,
+      async preConfirm(data) {
+        if (options.preConfirm) {
+          try {
+            return await options.preConfirm(data);
+          } catch (e) {
+            if (e instanceof Error) {
+              CustomSwal.showValidationMessage(e.message);
+            }
+            return false;
+          }
+        }
+        return true;
+      }
+    });
+    return isConfirmed;
+  },
+  success: options => {
+    CustomSwal.fire({
+      ...defaultOptions$1,
+      toast: true,
+      position: 'top',
+      icon: 'success',
+      timer: 2000,
+      showConfirmButton: false,
+      ...options
+    });
+  },
+  error: options => {
+    CustomSwal.fire({
+      ...defaultOptions$1,
+      toast: true,
+      position: 'top',
+      icon: 'error',
+      timer: 5000,
+      showConfirmButton: false,
+      ...options
+    });
+  },
+  close: result => {
+    CustomSwal.close(result);
+  },
+  defaults: defaultOptions$1
+};
+
+function useStateWithCallback(initState) {
+  const callbackRef = useRef(null);
+  const [state, setState] = useState(initState);
+  useEffect(() => {
+    if (callbackRef.current) {
+      callbackRef.current();
+      callbackRef.current = null;
+    }
+  }, [state]);
+  const setCallbackState = (value, callback) => {
+    callbackRef.current = typeof callback === 'function' ? callback : null;
+    setState(value);
+  };
+  return [state, setCallbackState];
+}
+
+const MessageContext = createContext({});
+function wrapMessage(Component) {
+  return _ref => {
+    let {
+      resolve,
+      destroy,
+      message
+    } = _ref;
+    const [show, setShow] = useStateWithCallback(true);
+    const context = useContext(MessageContext);
+    const handleResolve = useCallback(value => {
+      setShow(false, () => {
+        resolve(value);
+      });
+    }, [setShow, resolve]);
+    const state = useMemo(() => {
+      return {
+        show,
+        onHide: () => handleResolve(),
+        onExited: () => destroy(),
+        container: context.container
+      };
+    }, [show, handleResolve, destroy]);
+    return jsx(Component, {
+      resolve: handleResolve,
+      state: state,
+      message: message
+    });
+  };
+}
+function createMessage(Component) {
+  return message => {
+    return new Promise(resolve => {
+      const component = jsx(Component, {
+        resolve: resolve,
+        destroy: () => {
+          hide(component);
+        },
+        message: message
+      });
+      show$1(component);
+    });
+  };
+}
+let listener = () => void 0;
+let memoryState = new Set();
+const show$1 = modal => {
+  memoryState = new Set(memoryState);
+  memoryState.add(modal);
+  listener(memoryState);
+};
+const hide = modal => {
+  memoryState = new Set(memoryState);
+  memoryState.delete(modal);
+  listener(memoryState);
+};
+function Message(props) {
+  const [state, setState] = useState(memoryState);
+  useEffect(() => {
+    listener = setState;
+  }, []);
+  return jsx(MessageContext.Provider, {
+    value: props,
+    children: Array.from(state).map((message, index) => jsx(Fragment, {
+      children: message
+    }, `message-${index}`))
+  });
+}
+
+function show(Component, options) {
+  return createMessage(wrapMessage(Component))(options);
+}
+
+function Tooltip(_ref) {
+  let {
+    tooltip,
+    children,
+    placement = 'bottom'
+  } = _ref;
+  return jsx(OverlayTrigger, {
+    placement: placement,
+    overlay: jsx(Tooltip$1, {
+      id: uniqueId(),
+      children: tooltip
+    }),
+    children: children
+  });
+}
+
+const TableContext = createContext(false);
+
+const Button = forwardRef((_ref, ref) => {
+  let {
+    loading,
+    percent,
+    disabled,
+    children,
+    tooltip,
+    variant,
+    ...props
+  } = _ref;
+  const inTable = useContext(TableContext);
+  if (inTable && !variant) {
+    variant = 'link';
+  }
+  if (loading) {
+    disabled = true;
+    children = jsxs(Fragment$1, {
+      children: [jsx(Spinner, {
+        ref: ref,
+        as: 'span',
+        size: 'sm',
+        role: 'status',
+        "aria-hidden": 'true',
+        animation: 'border'
+      }), percent ? jsxs("span", {
+        className: 'ms-2',
+        children: [percent, "%"]
+      }) : null]
+    });
+  }
+  const button = jsx(Button$1, {
+    ref: ref,
+    ...props,
+    variant: variant,
+    disabled: disabled,
+    children: children
+  });
+  if (tooltip) {
+    return jsx(Tooltip, {
+      tooltip: tooltip,
+      children: jsx("span", {
+        className: 'd-inline-block',
+        children: button
+      })
+    });
+  }
+  return button;
+});
+
+const Confirm = function (_ref) {
+  let {
+    state,
+    message: {
+      title,
+      message,
+      okText,
+      cancelText
+    },
+    resolve
+  } = _ref;
+  return jsxs(Modal$1, {
+    centered: true,
+    ...state,
+    children: [jsx(Modal$1.Header, {
+      children: jsx(Modal$1.Title, {
+        as: 'h5',
+        children: title || '确认'
+      })
+    }), jsx(Modal$1.Body, {
+      children: message
+    }), jsxs(Modal$1.Footer, {
+      children: [jsx(Button, {
+        variant: 'secondary',
+        onClick: () => resolve(),
+        children: cancelText || '取消'
+      }), jsx(Button, {
+        onClick: () => resolve(true),
+        children: okText || '确定'
+      })]
+    })]
+  });
+};
+function confirm(options) {
+  return createMessage(wrapMessage(Confirm))(options);
+}
+
+const Modal = _ref => {
+  let {
+    header,
+    children,
+    footer,
+    closable = true,
+    show,
+    cancelText = '取消',
+    okText = '确定',
+    onOk,
+    onCancel,
+    onHide,
+    okButtonProps,
+    bodyAs,
+    headerAs = 'h5',
+    confirmLoading = false,
+    ...rest
+  } = _ref;
+  const [loading, setLoading] = useState(false);
+  const okButton = useMemo(() => {
+    return jsx(Button, {
+      loading: loading || confirmLoading,
+      variant: 'primary',
+      onClick: async e => {
+        setLoading(true);
+        try {
+          await onOk?.(e);
+          if (!e.defaultPrevented) {
+            onHide?.();
+          }
+        } finally {
+          setLoading(false);
+        }
+      },
+      ...okButtonProps,
+      children: okText
+    });
+  }, [okButtonProps, okText, onOk, onHide, loading, confirmLoading]);
+  const cancelButton = useMemo(() => {
+    return jsx(Button, {
+      variant: 'secondary',
+      onClick: e => {
+        onCancel?.(e);
+        if (!e.defaultPrevented) {
+          onHide?.();
+        }
+      },
+      children: cancelText
+    });
+  }, [onCancel, onHide, cancelText]);
+  switch (typeof footer) {
+    case 'undefined':
+      footer = jsxs(Fragment$1, {
+        children: [cancelButton, okButton]
+      });
+      break;
+    case 'function':
+      footer = footer({
+        okButton,
+        cancelButton
+      });
+      break;
+  }
+  return jsxs(Modal$1, {
+    ...rest,
+    onHide: onHide,
+    show: show,
+    children: [header && jsx(Modal$1.Header, {
+      closeButton: closable,
+      children: jsx(Modal$1.Title, {
+        as: headerAs,
+        children: header
+      })
+    }), jsx(Modal$1.Body, {
+      as: bodyAs,
+      children: children
+    }), footer && jsx(Modal$1.Footer, {
+      children: footer
+    })]
+  });
+};
+Modal.Message = Message;
+Modal.confirm = confirm;
+Modal.show = show;
+
+class Unauthorized extends Error {
+  constructor(url) {
+    super('Unauthorized');
+    _defineProperty(this, "url", void 0);
+    this.url = url;
+  }
+}
+
+let noticeInstance;
+const defaultOptions = {};
+function getNoticeInstance(callback) {
+  if (noticeInstance) {
+    return callback(noticeInstance);
+  }
+  Notification.newInstance({
+    ...defaultOptions,
+    prefixCls: 'notification',
+    maxCount: 5,
+    style: {
+      top: 20,
+      right: 20
+    }
+  }, instance => {
+    if (noticeInstance) {
+      callback(noticeInstance);
+      return;
+    }
+    noticeInstance = instance;
+    callback(instance);
+  });
+}
+const notice = _ref => {
+  let {
+    type,
+    ...options
+  } = _ref;
+  getNoticeInstance(instance => {
+    options.duration = 3;
+    let variant = type;
+    switch (type) {
+      case 'error':
+        variant = 'danger';
+        options.duration = options.closable ? 0 : 5;
+        break;
+    }
+    options.content = jsx(Alert, {
+      variant: variant,
+      children: options.content
+    });
+    instance.notice(options);
+  });
+};
+const types = ['error', 'success', 'info'];
+const Toast = types.reduce((toast, type) => {
+  toast[type] = (content, options) => {
+    notice({
+      ...options,
+      type,
+      content
+    });
+  };
+  return toast;
+}, {});
+Toast.defaults = defaultOptions;
+
+rax.attach();
+axios.defaults.raxConfig = {
+  retryDelay: 2000,
+  backoffType: 'static',
+  shouldRetry: _ref => {
+    let {
+      config,
+      response
+    } = _ref;
+    if (config.raxConfig?.retryDecider && !config.raxConfig.retryDecider()) {
+      return false;
+    }
+    return config.method?.toUpperCase() === 'GET' && response?.status === 449;
+  }
+};
+axios.defaults.maxContentLength = Infinity;
+axios.defaults.maxBodyLength = Infinity;
+axios.defaults.baseURL = '/api';
+axios.defaults.authTokenName = 'authorization';
+axios.interceptors.request.use(config => {
+  const key = config.authTokenName;
+  if (key) {
+    const token = localStorage.getItem(key);
+    if (token) {
+      config.headers = {
+        Authorization: `Bearer ${token}`,
+        ...config.headers
+      };
+    }
+  }
+  return config;
+}, error => {
+  return Promise.reject(error);
+});
+const isRecord = data => {
+  return data && typeof data === 'object';
+};
+axios.interceptors.response.use(response => {
+  if (response.status === 201 && response.data.location) {
+    window.location.href = response.data.location;
+    response.data = undefined; //防止多次跳转
+  }
+
+  return response;
+}, e => {
+  if (axios.isAxiosError(e)) {
+    if (e.response) {
+      const {
+        data,
+        status
+      } = e.response;
+      if (status === 401) {
+        e.errors = 'Unauthorized';
+        if (isRecord(data) && data.url) {
+          e = new Unauthorized(data.url);
+        }
+        Toast.error('Unauthorized');
+      } else {
+        if (isRecord(data)) {
+          if (status === 422) {
+            e.errors = data;
+          } else if ('message' in data) {
+            e.errors = data['message'];
+          }
+        } else {
+          e.errors = data;
+        }
+      }
+    }
+  }
+  return Promise.reject(e);
+});
+const isRequestError = axios.isAxiosError;
+const showRequestError = e => {
+  if (axios.isAxiosError(e)) {
+    let errors = e.errors;
+    if (typeof e.errors !== 'string') {
+      errors = Object.values(e.errors).join('<br />');
+    }
+    Toast.error(errors);
+  } else {
+    throw e;
+  }
+};
+const request = async function (config) {
+  config = typeof config === 'string' ? {
+    url: config
+  } : config;
+  const {
+    data
+  } = await axios.request({
+    paramsSerializer: function (params) {
+      return queryString.stringify(params, {
+        sort: false,
+        skipNull: true,
+        skipEmptyString: true,
+        arrayFormat: 'bracket'
+      });
+    },
+    ...config
+  });
+  return data;
+};
+request.defaults = axios.defaults;
+request.interceptors = axios.interceptors;
+
+const useUnmountedRef = () => {
+  const unmountedRef = useRef(false);
+  useEffect(() => {
+    unmountedRef.current = false;
+    return () => {
+      unmountedRef.current = true;
+    };
+  }, []);
+  return unmountedRef;
+};
+
+function useSafeState(initialState) {
+  const unmountedRef = useUnmountedRef();
+  const [state, setState] = useState(initialState);
+  const setCurrentState = useCallback(currentState => {
+    /** if component is unmounted, stop update */
+    if (unmountedRef.current) return;
+    setState(currentState);
+  }, []);
+  return [state, setCurrentState];
+}
+
+const WaitModal = function (_ref) {
+  let {
+    state,
+    message,
+    resolve
+  } = _ref;
+  const open = useRef(true);
+  const {
+    result,
+    checkUrl,
+    onComplete
+  } = message;
+  const [checking, setChecking] = useSafeState(false);
+  useEffect(() => {
+    request({
+      url: checkUrl,
+      method: 'post',
+      data: {
+        order_no: result.order_no
+      },
+      raxConfig: {
+        shouldRetry(err) {
+          return open.current && err.response?.status === 449;
+        }
+      }
+    }).then(() => {
+      onComplete?.();
+      resolve();
+    }).catch(() => null);
+  }, []);
+  return jsx(Modal, {
+    ...state,
+    centered: true,
+    onHide: () => {
+      open.current = false;
+      state.onHide();
+    },
+    backdrop: 'static',
+    header: '\u652F\u4ED8\u7ED3\u679C',
+    okText: '\u5DF2\u5B8C\u6210\u652F\u4ED8',
+    okButtonProps: {
+      loading: checking
+    },
+    onOk: async e => {
+      e.preventDefault();
+      try {
+        setChecking(true);
+        await request({
+          url: checkUrl,
+          method: 'post',
+          data: {
+            order_no: result.order_no
+          },
+          raxConfig: {
+            shouldRetry() {
+              return false;
+            }
+          }
+        });
+        onComplete?.();
+        resolve();
+      } catch {
+        // ignore
+      } finally {
+        setChecking(false);
+      }
+    },
+    cancelText: '\u53D6\u6D88',
+    children: "\u8BF7\u5728\u65B0\u6253\u5F00\u7684\u9875\u9762\u4E0A\u8FDB\u884C\u652F\u4ED8\uFF0C\u652F\u4ED8\u5B8C\u6210\u540E\u518D\u5173\u95ED\u6B64\u7A97\u53E3"
+  });
+};
+function waitPayComplete(options) {
+  const {
+    result
+  } = options;
+  window.open(result.pay_url);
+  show(WaitModal, options);
+}
+
+const Container$1 = styled.div`
   padding: 48px 32px;
-`,me=H.div`
+`;
+const Icon = styled.div`
   margin-bottom: 24px;
   text-align: center;
   font-size: 72px;
-`,pe=H.div`
+`;
+const Title$1 = styled.div`
   color: rgba(0, 0, 0, .85);
   font-size: 24px;
   line-height: 1.8;
   text-align: center;
-`,ge=H.div`
+`;
+const Extra = styled.div`
   margin-top: 32px;
   text-align: center;
-`,ye={success:n("i",{className:"bi bi-check-circle-fill text-success"}),error:n("i",{className:"bi bi-exclamation-circle-fill text-danger"}),info:n("i",{className:"bi bi-info-circle-fill text-info"}),warning:n("i",{className:"bi bi-exclamation-triangle-fill text-warning"})};function be(e){let{status:t,title:o,icon:i,extra:a}=e;return!i&&t&&(i=ye[t]),r(he,{children:[i&&n(me,{children:i}),o&&n(pe,{children:o}),a&&n(ge,{children:a})]})}H.div`
+`;
+const IconMap = {
+  success: jsx("i", {
+    className: 'bi bi-check-circle-fill text-success'
+  }),
+  error: jsx("i", {
+    className: 'bi bi-exclamation-circle-fill text-danger'
+  }),
+  info: jsx("i", {
+    className: 'bi bi-info-circle-fill text-info'
+  }),
+  warning: jsx("i", {
+    className: 'bi bi-exclamation-triangle-fill text-warning'
+  })
+};
+function Result(_ref) {
+  let {
+    status,
+    title,
+    icon,
+    extra
+  } = _ref;
+  if (!icon && status) {
+    icon = IconMap[status];
+  }
+  return jsxs(Container$1, {
+    children: [icon && jsx(Icon, {
+      children: icon
+    }), title && jsx(Title$1, {
+      children: title
+    }), extra && jsx(Extra, {
+      children: extra
+    })]
+  });
+}
+
+styled.div`
   position: relative;
-`;const xe=H.div`
-  display: ${e=>e.active?"flex":"none"};
+`;
+const Dimmer = styled.div`
+  display: ${props => props.active ? 'flex' : 'none'};
   position: absolute;
   top: 0 !important;
   left: 0 !important;
@@ -24,8 +687,8 @@ import e from"sweetalert2/dist/sweetalert2.js";import t from"sweetalert2-react-c
   text-align: center;
   vertical-align: middle;
   padding: 1em;
-  background-color: ${e=>e.inverted?"rgba(255, 255, 255, .85)":"rgba(0, 0, 0, .85)"};
-  opacity: ${e=>e.active?1:0};
+  background-color: ${props => props.inverted ? 'rgba(255, 255, 255, .85)' : 'rgba(0, 0, 0, .85)'};
+  opacity: ${props => props.active ? 1 : 0};
   line-height: 1;
   animation-fill-mode: both;
   animation-duration: .5s;
@@ -36,32 +699,654 @@ import e from"sweetalert2/dist/sweetalert2.js";import t from"sweetalert2-react-c
   user-select: none;
   will-change: opacity;
   z-index: 990;
-`;function ve(e){let{loading:t=!0,children:o,variant:i="primary",animation:a="border",wrap:s,...c}=e;return t?(o&&(o=n("p",{className:"mt-3 text-secondary",children:o})),o=r(xe,{inverted:!0,active:!0,children:[n(w,{animation:a,variant:i,...c}),o]}),s?n(we,{$height:"number"==typeof s?s:150,children:o}):o):null}const we=H.div`
+`;
+
+function Loader(_ref) {
+  let {
+    loading = true,
+    children,
+    variant = 'primary',
+    animation = 'border',
+    wrap,
+    ...props
+  } = _ref;
+  if (!loading) {
+    return null;
+  }
+  if (children) {
+    children = jsx("p", {
+      className: 'mt-3 text-secondary',
+      children: children
+    });
+  }
+  children = jsxs(Dimmer, {
+    inverted: true,
+    active: true,
+    children: [jsx(Spinner, {
+      animation: animation,
+      variant: variant,
+      ...props
+    }), children]
+  });
+  if (wrap) {
+    return jsx(Wrap, {
+      "$height": typeof wrap === 'number' ? wrap : 150,
+      children: children
+    });
+  }
+  return children;
+}
+const Wrap = styled.div`
   position: relative;
-  height: ${e=>`${e.$height}px`};
-`;function ke(e){let{children:t,title:i,className:a,...s}=e;return n(z,{className:D("border-0 shadow-sm mb-3",a),...s,children:r("div",{className:"card-body",children:[i&&r(o,{children:[n("h5",{children:i}),n("hr",{})]}),t]})})}function Ce(e){let{errors:t}=e;return t?n(N,{variant:"danger",children:n("ul",{className:"mb-0",children:"string"==typeof t?n("li",{children:t}):Object.entries(t).map((e=>{let[t,r]=e;return n("li",{children:r},t)}))})}):null}function Ne(e){let{children:t,className:r,size:o="small",direction:i="horizontal"}=e;"string"==typeof o&&(o={small:8,middle:16,large:24}[o]);const a=m.map(t,(e=>{if(e)return n(Se,{children:e})}));return n(ze,{className:r,$direction:i,$size:o,children:a})}const ze=H.div`
+  height: ${props => `${props.$height}px`};
+`;
+
+function Card(_ref) {
+  let {
+    children,
+    title,
+    className,
+    ...props
+  } = _ref;
+  return jsx(Card$1, {
+    className: classNames('border-0 shadow-sm mb-3', className),
+    ...props,
+    children: jsxs("div", {
+      className: 'card-body',
+      children: [title && jsxs(Fragment$1, {
+        children: [jsx("h5", {
+          children: title
+        }), jsx("hr", {})]
+      }), children]
+    })
+  });
+}
+
+function Error$1(_ref) {
+  let {
+    errors
+  } = _ref;
+  if (!errors) {
+    return null;
+  }
+  return jsx(Alert, {
+    variant: 'danger',
+    children: jsx("ul", {
+      className: 'mb-0',
+      children: typeof errors === 'string' ? jsx("li", {
+        children: errors
+      }) : Object.entries(errors).map(_ref2 => {
+        let [name, error] = _ref2;
+        return jsx("li", {
+          children: error
+        }, name);
+      })
+    })
+  });
+}
+
+function Space(_ref) {
+  let {
+    children,
+    className,
+    size = 'small',
+    direction = 'horizontal'
+  } = _ref;
+  if (typeof size === 'string') {
+    size = {
+      small: 8,
+      middle: 16,
+      large: 24
+    }[size];
+  }
+  const items = Children.map(children, child => {
+    if (child) {
+      return jsx(Item, {
+        children: child
+      });
+    }
+  });
+  return jsx(Container, {
+    className: className,
+    "$direction": direction,
+    "$size": size,
+    children: items
+  });
+}
+const Container = styled.div`
   display: inline-flex;
   align-items: center;
-  gap: ${e=>e.$size}px;
+  gap: ${props => props.$size}px;
 
-  ${e=>"vertical"===e.$direction&&A`
+  ${props => props.$direction === 'vertical' && css`
     display: flex;
     flex-direction: column;
     align-items: inherit;
   `}
-`,Se=H.div`
+`;
+const Item = styled.div`
+
+`;
 
-`,Pe=p((()=>import("./steps-afba29a7.js"))),je=p((()=>import("./steps-afba29a7.js").then((e=>{let{Step:t}=e;return{default:t}}))));function Be(e){return n(g,{fallback:null,children:n(Pe,{...e})})}const Te=function(e){return n(g,{fallback:null,children:n(je,{...e})})};function $e(e){let{title:t,content:o,footer:i}=e;return r(ke,{children:[n(Fe,{children:t}),n(Le,{children:o}),i&&n(Ee,{children:i})]})}Be.Step=Te;const Ee=H.div`
+const LazySteps = lazy(() => import('./steps-afba29a7.js'));
+const LazyStep = lazy(() => import('./steps-afba29a7.js').then(_ref => {
+  let {
+    Step
+  } = _ref;
+  return {
+    default: Step
+  };
+}));
+function Steps(props) {
+  return jsx(Suspense, {
+    fallback: null,
+    children: jsx(LazySteps, {
+      ...props
+    })
+  });
+}
+const Step = function (props) {
+  return jsx(Suspense, {
+    fallback: null,
+    children: jsx(LazyStep, {
+      ...props
+    })
+  });
+};
+Steps.Step = Step;
+
+function Statistic(_ref) {
+  let {
+    title,
+    content,
+    footer
+  } = _ref;
+  return jsxs(Card, {
+    children: [jsx(Title, {
+      children: title
+    }), jsx(Content, {
+      children: content
+    }), footer && jsx(Footer, {
+      children: footer
+    })]
+  });
+}
+const Footer = styled.div`
   margin-top: 9px;
   padding-top: 10px;
   border-top: 1px solid #f0f0f0;
   color: rgba(0, 0, 0, .65);
-`,Le=H.div`
+`;
+const Content = styled.div`
   color: rgba(0, 0, 0, .85);
   font-size: 24px;
-`,Fe=H.div`
+`;
+const Title = styled.div`
   margin-bottom: 4px;
   color: rgba(0, 0, 0, .45);
   font-size: 1.1rem;
-`;function He(){}function Ae(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e}function De(e){let{total:t=0,onChange:r=He,defaultCurrent:o=1,defaultPageSize:i=10,className:c,...l}=e;const[d,h]=a(o),[m,p]=a(i);s((()=>{Ae(l.current)&&h(l.current)}),[l.current]),s((()=>{Ae(l.pageSize)&&p(l.pageSize)}),[l.pageSize]);const g=f((()=>Math.floor((t-1)/m)+1),[t,m]),y=u((e=>()=>{e!==d&&(h(e),r(e,m))}),[r,d,m]),b=d-1>0?d-1:0,x=d+1<g?d+1:g,v=[];let w=null,k=null,C=null,N=null;if(g<=7)for(let e=1;e<=g;e+=1){const t=d===e;v.push(n(S.Item,{active:t,onClick:y(e),children:e},e))}else{N=n(S.Last,{onClick:y(g)},"last"),C=n(S.First,{onClick:y(1)},"first"),w=n(S.Prev,{onClick:y(b)},"prev"),k=n(S.Next,{onClick:y(x)},"next");let e=Math.max(1,d-2),t=Math.min(d+2,g);d-1<=2&&(t=5),g-d<=2&&(e=g-4);for(let r=e;r<=t;r+=1){const e=d===r;v.push(n(S.Item,{active:e,onClick:y(r),children:r},r))}d-1>=4&&3!==d&&v.unshift(w),g-d>=4&&d!==g-2&&v.push(k),1!==e&&v.unshift(C),t!==g&&v.push(N)}return n(S,{className:c,children:v})}function Me(e){let{className:t,value:r,locale:i="zh-CN",currency:a=!0,options:s={}}=e;const c=f((()=>{let e;return e=a?{style:"currency",currency:"CNY"}:{minimumFractionDigits:2},new Intl.NumberFormat(i,{...e,...s})}),[a,i,s]);return t?n("span",{className:t,children:c.format(r)}):n(o,{children:c.format(r)})}function Ue(e){let{loading:t,disabled:r,children:o,...i}=e;return n(k,{...i,disabled:t||r,children:t?"Loading…":o})}const Oe=p((()=>import("./image-zoom-912e2b3b.js")));function Ie(e){return n(g,{fallback:null,children:n(Oe,{...e})})}function Re(e){let{url:t,method:n,confirm:r,onSuccess:o,children:i,disabled:a,as:s=X,...c}=e;const[l,d]=de(!1),f=u((async e=>{e.preventDefault();try{if(d(!0),r&&!await ee.confirm({message:r}))return;const e="string"==typeof t?{url:t,method:n}:{method:n,...t},i=await le(e);o&&o(i)}catch(e){ce(e)}finally{d(!1)}}),[t,n,d]);return y(s,{...c,disabled:a||l,onClick:f},i)}const _e=p((()=>import("./form-9c0e638a.js"))),qe=h(((e,t)=>n(g,{fallback:null,children:n(_e,{...e,ref:t})}))),Ve=p((()=>import("./index-d964165a.js"))),Ge=h(((e,t)=>n(g,{fallback:null,children:n(Ve,{...e,ref:t})})));let Ye=0;function Je(){let{onHide:e,onShow:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[n,r]=a(!1),[o,i]=a(`visible-${Ye}`),s=u((()=>{r(!1),e&&e()}),[r,e]),c=u((()=>{i("visible-"+ ++Ye)}),[i,Ye]),l=u((()=>{r(!0),t&&t()}),[r,t]),d={show:n,onHide:s,onExited:c,key:o};return{visible:n,show:l,hide:s,state:d}}const Ke=h(((e,t)=>{let{text:i,onOk:a,modalProps:s,children:c,onShow:l,confirmLoading:d,as:u=X,...f}=e;const{state:h,show:m,hide:p}=Je({onShow:l});b(t,(()=>({close:p})));const g=y(u,{...f,onClick:m},i);return r(o,{children:[g,n(ee,{header:i,...s,...h,confirmLoading:d,onOk:async e=>{if(a){!1===await a()&&e.preventDefault()}},children:c})]})}));function Qe(e){let{text:t,onSuccess:o,buttonProps:s,modalProps:c,children:l,...d}=e;const[f,h]=a(!1),m=i(null),p=i(null),g=u((()=>(p.current?.submit(),!1)),[]),y=u((e=>{o&&o(e),m.current?.close()}),[o]);return n(Ke,{ref:m,text:t,...s,modalProps:c,onOk:g,confirmLoading:f,children:r(qe,{...d,onSubmitting:h,ref:p,onSuccess:y,children:[l,n("input",{type:"submit",hidden:!0})]})})}function We(e){let{manual:t,refreshDeps:n,...r}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{execute:o,currentParams:i,error:a,...c}=M((async t=>(e="string"==typeof e?{url:e}:e,await le({...e,...t}))),r);s((()=>{if(!t&&!n)try{o()}catch{}}),[]),s((()=>{n&&l()}),n);const l=u((async()=>{try{i?await o(...i):await o()}catch{}}),[o,i]);if(a&&se(a)){const e=a.errors;a=new Error("string"==typeof e?e:j(e).join(""))}return{refresh:l,execute:o,error:a,...c}}function Xe(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const n=i(e);return s((()=>{n.current=e})),u((function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return n.current?.(...t)}),t)}function Ze(e){const{value:t,defaultValue:n,onChange:r,shouldUpdate:o=((e,t)=>e!==t)}=e,i=Xe(r),s=Xe(o),[c,l]=a(n),d=void 0!==t,u=d?t:c,f=Xe((e=>{const t="function"==typeof e?e(u):e;s(u,t)&&(d||l(t),i(t))}),[d,i,u,s]);return[u,f]}function et(e,t,n){const r=i(e),o=i(B(e,t,n));return s((()=>{r.current=e})),s((()=>{o.current=B((function(){r.current(...arguments)}),t,n)}),[t,n]),o.current}export{X as B,ke as C,Ce as E,qe as F,Ie as I,ve as L,I as M,Me as N,De as P,be as R,Ne as S,W as T,te as U,et as a,Ze as b,ie as c,Be as d,Te as e,$e as f,Ue as g,Re as h,Ge as i,Qe as j,Ke as k,ee as l,Q as m,We as n,Je as o,se as p,le as r,ce as s,de as u,fe as w};
+`;
+
+function noop() {}
+function isInteger(value) {
+  return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
+}
+function Pagination(_ref) {
+  let {
+    total = 0,
+    onChange = noop,
+    defaultCurrent = 1,
+    defaultPageSize = 10,
+    className,
+    ...props
+  } = _ref;
+  const [current, setCurrent] = useState(defaultCurrent);
+  const [pageSize, setPageSize] = useState(defaultPageSize);
+  useEffect(() => {
+    if (isInteger(props.current)) {
+      setCurrent(props.current);
+    }
+  }, [props.current]);
+  useEffect(() => {
+    if (isInteger(props.pageSize)) {
+      setPageSize(props.pageSize);
+    }
+  }, [props.pageSize]);
+  const allPages = useMemo(() => {
+    return Math.floor((total - 1) / pageSize) + 1;
+  }, [total, pageSize]);
+  const handleChange = useCallback(p => {
+    return () => {
+      if (p !== current) {
+        setCurrent(p);
+        onChange(p, pageSize);
+      }
+    };
+  }, [onChange, current, pageSize]);
+  const pageBufferSize = 2;
+  const prevPage = current - 1 > 0 ? current - 1 : 0;
+  const nextPage = current + 1 < allPages ? current + 1 : allPages;
+  const pagerList = [];
+  let jumpPrev = null;
+  let jumpNext = null;
+  let firstPager = null;
+  let lastPager = null;
+  if (allPages <= 3 + pageBufferSize * 2) {
+    for (let i = 1; i <= allPages; i += 1) {
+      const active = current === i;
+      pagerList.push(jsx(Pagination$1.Item, {
+        active: active,
+        onClick: handleChange(i),
+        children: i
+      }, i));
+    }
+  } else {
+    lastPager = jsx(Pagination$1.Last, {
+      onClick: handleChange(allPages)
+    }, 'last');
+    firstPager = jsx(Pagination$1.First, {
+      onClick: handleChange(1)
+    }, 'first');
+    jumpPrev = jsx(Pagination$1.Prev, {
+      onClick: handleChange(prevPage)
+    }, 'prev');
+    jumpNext = jsx(Pagination$1.Next, {
+      onClick: handleChange(nextPage)
+    }, 'next');
+    let left = Math.max(1, current - pageBufferSize);
+    let right = Math.min(current + pageBufferSize, allPages);
+    if (current - 1 <= pageBufferSize) {
+      right = 1 + pageBufferSize * 2;
+    }
+    if (allPages - current <= pageBufferSize) {
+      left = allPages - pageBufferSize * 2;
+    }
+    for (let i = left; i <= right; i += 1) {
+      const active = current === i;
+      pagerList.push(jsx(Pagination$1.Item, {
+        active: active,
+        onClick: handleChange(i),
+        children: i
+      }, i));
+    }
+    if (current - 1 >= pageBufferSize * 2 && current !== 1 + 2) {
+      pagerList.unshift(jumpPrev);
+    }
+    if (allPages - current >= pageBufferSize * 2 && current !== allPages - 2) {
+      pagerList.push(jumpNext);
+    }
+    if (left !== 1) {
+      pagerList.unshift(firstPager);
+    }
+    if (right !== allPages) {
+      pagerList.push(lastPager);
+    }
+  }
+  return jsx(Pagination$1, {
+    className: className,
+    children: pagerList
+  });
+}
+
+function NumberFormat(_ref) {
+  let {
+    className,
+    value,
+    locale = 'zh-CN',
+    currency = true,
+    options = {}
+  } = _ref;
+  const formatter = useMemo(() => {
+    let opt;
+    if (currency) {
+      opt = {
+        style: 'currency',
+        currency: 'CNY'
+      };
+    } else {
+      opt = {
+        minimumFractionDigits: 2
+      };
+    }
+    return new Intl.NumberFormat(locale, {
+      ...opt,
+      ...options
+    });
+  }, [currency, locale, options]);
+  if (className) {
+    return jsx("span", {
+      className: className,
+      children: formatter.format(value)
+    });
+  }
+  return jsx(Fragment$1, {
+    children: formatter.format(value)
+  });
+}
+
+function LoadingButton(_ref) {
+  let {
+    loading,
+    disabled,
+    children,
+    ...props
+  } = _ref;
+  return jsx(Button$1, {
+    ...props,
+    disabled: loading || disabled,
+    children: loading ? 'Loading…' : children
+  });
+}
+
+const LazyImageZoom = lazy(() => import('./image-zoom-912e2b3b.js'));
+function ImageZoom(props) {
+  return jsx(Suspense, {
+    fallback: null,
+    children: jsx(LazyImageZoom, {
+      ...props
+    })
+  });
+}
+
+function RequestButton(_ref) {
+  let {
+    url,
+    method,
+    confirm,
+    onSuccess,
+    children,
+    disabled,
+    as = Button,
+    ...props
+  } = _ref;
+  const [fetching, setFetching] = useSafeState(false);
+  const handleClick = useCallback(async e => {
+    e.preventDefault();
+    try {
+      setFetching(true);
+      if (confirm) {
+        if (!(await Modal.confirm({
+          message: confirm
+        }))) {
+          return;
+        }
+      }
+      const config = typeof url === 'string' ? {
+        url,
+        method
+      } : {
+        method,
+        ...url
+      };
+      const result = await request(config);
+      if (onSuccess) {
+        onSuccess(result);
+      }
+    } catch (e) {
+      showRequestError(e);
+    } finally {
+      setFetching(false);
+    }
+  }, [url, method, setFetching]);
+  return createElement(as, {
+    ...props,
+    disabled: disabled || fetching,
+    onClick: handleClick
+  }, children);
+}
+
+const LazyForm = lazy(() => import('./form-9c0e638a.js'));
+const Form = forwardRef((props, ref) => {
+  return jsx(Suspense, {
+    fallback: null,
+    children: jsx(LazyForm, {
+      ...props,
+      ref: ref
+    })
+  });
+});
+
+const LazyTable = lazy(() => import('./index-d964165a.js'));
+const Table = forwardRef((props, ref) => {
+  return jsx(Suspense, {
+    fallback: null,
+    children: jsx(LazyTable, {
+      ...props,
+      ref: ref
+    })
+  });
+});
+
+let id = 0;
+function useOverlayState() {
+  let {
+    onHide,
+    onShow
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const [visible, setVisible] = useState(false);
+  const [key, setKey] = useState(`visible-${id}`);
+  const hide = useCallback(() => {
+    setVisible(false);
+    if (onHide) {
+      onHide();
+    }
+  }, [setVisible, onHide]);
+  const exit = useCallback(() => {
+    setKey(`visible-${++id}`);
+  }, [setKey, id]);
+  const show = useCallback(() => {
+    setVisible(true);
+    if (onShow) {
+      onShow();
+    }
+  }, [setVisible, onShow]);
+  const state = {
+    show: visible,
+    onHide: hide,
+    onExited: exit,
+    key
+  };
+  return {
+    visible,
+    show,
+    hide,
+    state
+  };
+}
+
+const ModalButton = forwardRef((_ref, ref) => {
+  let {
+    text,
+    onOk,
+    modalProps,
+    children,
+    onShow,
+    confirmLoading,
+    as = Button,
+    ...props
+  } = _ref;
+  const {
+    state,
+    show,
+    hide
+  } = useOverlayState({
+    onShow
+  });
+  useImperativeHandle(ref, () => ({
+    close: hide
+  }));
+  const handleOk = async e => {
+    if (onOk) {
+      const result = await onOk();
+      if (result === false) {
+        e.preventDefault();
+      }
+    }
+  };
+  const button = createElement(as, {
+    ...props,
+    onClick: show
+  }, text);
+  return jsxs(Fragment$1, {
+    children: [button, jsx(Modal, {
+      header: text,
+      ...modalProps,
+      ...state,
+      confirmLoading: confirmLoading,
+      onOk: handleOk,
+      children: children
+    })]
+  });
+});
+
+function ModalForm(_ref) {
+  let {
+    text,
+    onSuccess,
+    buttonProps,
+    modalProps,
+    children,
+    ...props
+  } = _ref;
+  const [loading, setLoading] = useState(false);
+  const ref = useRef(null);
+  const form = useRef(null);
+  const handleOk = useCallback(() => {
+    form.current?.submit();
+    return false;
+  }, []);
+  const handleSuccess = useCallback(data => {
+    if (onSuccess) {
+      onSuccess(data);
+    }
+    ref.current?.close();
+  }, [onSuccess]);
+  return jsx(ModalButton, {
+    ref: ref,
+    text: text,
+    ...buttonProps,
+    modalProps: modalProps,
+    onOk: handleOk,
+    confirmLoading: loading,
+    children: jsxs(Form, {
+      ...props,
+      onSubmitting: setLoading,
+      ref: form,
+      onSuccess: handleSuccess,
+      children: [children, jsx("input", {
+        type: 'submit',
+        hidden: true
+      })]
+    })
+  });
+}
+
+function useRequest(config) {
+  let {
+    manual,
+    refreshDeps,
+    ...options
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let {
+    execute,
+    currentParams,
+    error,
+    ...others
+  } = useAsyncCallback(async params => {
+    config = typeof config === 'string' ? {
+      url: config
+    } : config;
+    return await request({
+      ...config,
+      ...params
+    });
+  }, options);
+  useEffect(() => {
+    if (!manual && !refreshDeps) {
+      try {
+        execute();
+      } catch {}
+    }
+  }, []);
+  useEffect(() => {
+    if (refreshDeps) {
+      refresh();
+    }
+  }, refreshDeps);
+  const refresh = useCallback(async () => {
+    try {
+      if (currentParams) {
+        await execute(...currentParams);
+      } else {
+        await execute();
+      }
+    } catch {}
+  }, [execute, currentParams]);
+  if (error && isRequestError(error)) {
+    const errors = error.errors;
+    error = new Error(typeof errors === 'string' ? errors : values(errors).join(''));
+  }
+  return {
+    refresh,
+    execute,
+    error,
+    ...others
+  };
+}
+
+function useCallbackRef(callback) {
+  let deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return callbackRef.current?.(...args);
+  }, deps);
+}
+
+function useControllableState(props) {
+  const {
+    value: valueProp,
+    defaultValue,
+    onChange,
+    shouldUpdate = (prev, next) => prev !== next
+  } = props;
+  const onChangeProp = useCallbackRef(onChange);
+  const shouldUpdateProp = useCallbackRef(shouldUpdate);
+  const [uncontrolledState, setUncontrolledState] = useState(defaultValue);
+  const controlled = valueProp !== undefined;
+  const value = controlled ? valueProp : uncontrolledState;
+  const setValue = useCallbackRef(next => {
+    const setter = next;
+    const nextValue = typeof next === 'function' ? setter(value) : next;
+    if (!shouldUpdateProp(value, nextValue)) {
+      return;
+    }
+    if (!controlled) {
+      setUncontrolledState(nextValue);
+    }
+    onChangeProp(nextValue);
+  }, [controlled, onChangeProp, value, shouldUpdateProp]);
+  return [value, setValue];
+}
+
+function useDebounce(callback, wait, options) {
+  const callbackRef = useRef(callback);
+  const debouncedCallbackRef = useRef(debounce(callback, wait, options));
+  useEffect(() => {
+    callbackRef.current = callback;
+  });
+  useEffect(() => {
+    debouncedCallbackRef.current = debounce(function () {
+      callbackRef.current(...arguments);
+    }, wait, options);
+  }, [wait, options]);
+  return debouncedCallbackRef.current;
+}
+
+export { Button as B, Card as C, Error$1 as E, Form as F, ImageZoom as I, Loader as L, Message$1 as M, NumberFormat as N, Pagination as P, Result as R, Space as S, TableContext as T, Unauthorized as U, useDebounce as a, useControllableState as b, Toast as c, Steps as d, Step as e, Statistic as f, LoadingButton as g, RequestButton as h, Table as i, ModalForm as j, ModalButton as k, Modal as l, Tooltip as m, useRequest as n, useOverlayState as o, isRequestError as p, request as r, showRequestError as s, useSafeState as u, waitPayComplete as w };
 //# sourceMappingURL=index-4f51cece.js.map