doui-react 2.0.0 → 2.0.1-dev

package/es/api/component/react-dom.js

@@ -1,12 +1,15 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["hideBodyScroll"];
-import { hideBodyScroll } from "./..";
+var _excluded = ["hideBodyScroll", "getContainer"];
+import { $, executeFunction, hideBodyScroll } from "./..";
+import _ from 'lodash';
 import { createRoot } from 'react-dom/client';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 function getContainer() {
+  var to = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
   var container = document.createElement('div');
-  document.body.append(container);
+  var root = _.isString(to) ? $(to) : executeFunction(to);
+  root.append(container);
   return container;
 }
 // 处理React17和18版本的兼容性
@@ -29,7 +32,11 @@ function getReactDOM() {
 var closeFunctionSet = new Set();
 export function mountComponent(Component) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var container = getContainer();
+  var _props$hideBodyScroll = props.hideBodyScroll,
+    hide = _props$hideBodyScroll === void 0 ? false : _props$hideBodyScroll,
+    outerContainer = props.getContainer,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var container = getContainer(outerContainer);
   var _getReactDOM = getReactDOM(),
     render = _getReactDOM.render,
     unmount = _getReactDOM.unmount;
@@ -39,9 +46,6 @@ export function mountComponent(Component) {
     closeFunctionSet.delete(close);
     !closeFunctionSet.size && hideBodyScroll(false);
   };
-  var _props$hideBodyScroll = props.hideBodyScroll,
-    hide = _props$hideBodyScroll === void 0 ? false : _props$hideBodyScroll,
-    restProps = _objectWithoutProperties(props, _excluded);
   hide && hideBodyScroll();
   render(_jsx(Component, _objectSpread(_objectSpread({}, restProps), {}, {
     unmount: close,

package/es/form/component/form-item-map.d.ts

@@ -14,6 +14,7 @@ export interface FormItemSelectProps extends Pick<FormItemProps, 'requiredInOpti
 export declare function useCollectFormItemState({ name, collectState, filterNotExistValue, requiredInOptions, form: outerForm, ...props }: FormItemSelectProps): {
     __filterNotExistValue__: boolean;
     __callback__: import("use-debounce").DebouncedState<({ loading, options, value }: SelectCallbackProps) => Promise<void>>;
+    __callbackDeps__: (string | number | boolean | undefined)[];
     labelInValue?: boolean | undefined;
 };
 declare function FormItemSelect(props: FormItemSelectProps & SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/form/component/form-item-map.js

@@ -84,7 +84,8 @@ export function useCollectFormItemState(_ref) {
   }
   return _objectSpread(_objectSpread({}, props), {}, {
     __filterNotExistValue__: !!requiredInOptionsAndFilterNotExistValue,
-    __callback__: useDebounce(onCallback)
+    __callback__: useDebounce(onCallback),
+    __callbackDeps__: [filterNotExistValue, requiredInOptions]
   });
 }
 function FormItemSelect(props) {

package/es/form/component/utils.d.ts

@@ -38,21 +38,21 @@ export declare function getFormItemProps(props: any): {
         defaultVisible?: boolean | undefined;
         onVisibleChange?: ((visible: boolean) => void) | undefined;
         afterVisibleChange?: ((visible: boolean) => void) | undefined;
-        zIndex?: number | undefined;
         animation?: string | undefined;
-        motion?: import("rc-motion").CSSMotionProps | undefined;
-        id?: string | undefined;
-        prefixCls?: string | undefined;
         transitionName?: string | undefined;
+        prefixCls?: string | undefined;
+        zIndex?: number | undefined;
+        forceRender?: boolean | undefined;
+        id?: string | undefined;
+        align?: import("@rc-component/trigger").AlignType | undefined;
+        motion?: import("rc-motion").CSSMotionProps | undefined;
         mouseEnterDelay?: number | undefined;
         mouseLeaveDelay?: number | undefined;
         onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
         overlayClassName?: string | undefined;
-        align?: import("@rc-component/trigger").AlignType | undefined;
         overlayStyle?: import("react").CSSProperties | undefined;
         trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
         popupVisible?: boolean | undefined;
-        forceRender?: boolean | undefined;
         fresh?: boolean | undefined;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
         showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
@@ -85,7 +85,7 @@ export declare function transformPathToName(path?: NamePath): string | undefined
 export declare function transformKeyToPath(params?: Record<string, any>): Record<string, any>;
 export declare function parseFormFailedError(error: ValidateErrorEntity): Record<string, string>;
 export declare function noStyle(item: FormItemProps): boolean;
-export declare function transformOptions(item: FormItemProps, values: FormValues, params: CommonParams): import("../../api").FunctionReturn<SelectOptions> | ((values: FormValues, params: import("..").OptionsParams) => import("../../api").FunctionReturn<SelectOptions>) | ((search?: string) => import("../../api").FunctionReturn<SelectOptions>) | undefined;
+export declare function transformOptions(item: FormItemProps, values: FormValues, params: CommonParams): ((values: FormValues, params: import("..").OptionsParams) => import("../../api").FunctionReturn<SelectOptions>) | import("../../api").FunctionReturn<SelectOptions> | ((search?: string) => import("../../api").FunctionReturn<SelectOptions>) | undefined;
 interface FocusFirstInputParams extends CommonParams {
     focusFirstOnMount: FormProps['focusFirstOnMount'];
 }

package/es/form/component/utils.js

@@ -149,7 +149,7 @@ function generateRules(_ref2) {
       var _form$getItems;
       var value = _ref3.value;
       var options = (_form$getItems = form.getItems(item.name)) === null || _form$getItems === void 0 ? void 0 : _form$getItems.options;
-      if (!isEmpty(value) && isValueNotExistInOptions(value, options)) {
+      if (!isEmpty(value) && options && isValueNotExistInOptions(value, options)) {
         return _message;
       }
     };

package/es/grid/component/pagination.d.ts

@@ -23,11 +23,13 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     showSizeChanger?: boolean | import("antd").SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> | undefined;
     selectComponentClass?: any;
     pageSizeOptions?: (string | number)[] | undefined;
-    style?: import("react").CSSProperties | undefined;
     className?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    prefixCls?: string | undefined;
+    disabled?: boolean | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -37,7 +39,7 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -47,7 +49,7 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "tree" | "true" | "false" | "grid" | "listbox" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -58,13 +60,13 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     "aria-modal"?: (boolean | "true" | "false") | undefined;
     "aria-multiline"?: (boolean | "true" | "false") | undefined;
     "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "vertical" | "horizontal" | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -78,12 +80,10 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    disabled?: boolean | undefined;
     locale?: import("rc-pagination").PaginationLocale | undefined;
+    align?: "center" | "start" | "end" | undefined;
     prevIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
     nextIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
-    prefixCls?: string | undefined;
-    align?: "center" | "end" | "start" | undefined;
     selectPrefixCls?: string | undefined;
     defaultCurrent?: number | undefined;
     defaultPageSize?: number | undefined;
@@ -98,7 +98,7 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     jumpPrevIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
     jumpNextIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
     onShowSizeChange?: ((current: number, size: number) => void) | undefined;
-    itemRender?: ((page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", element: import("react").ReactNode) => import("react").ReactNode) | undefined;
+    itemRender?: ((page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: import("react").ReactNode) => import("react").ReactNode) | undefined;
     showTotal?: ((total: number, range: [number, number]) => import("react").ReactNode) | undefined;
     justify?: "center" | "left" | "right" | "between" | undefined;
 };

package/es/hooks/hook/use-fetch.js

@@ -6,7 +6,6 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["wait"];
 import { useDebounce, useDeepEffect } from "./..";
 import _ from 'lodash';
-import isEqual from 'react-fast-compare';
 import { useLatest, useSetState } from 'react-use';
 var defaultOptions = {
   automatic: true,
@@ -45,7 +44,8 @@ export function useFetch(_fn, dependencyList, options) {
             args[_key] = _args[_key];
           }
           setState({
-            loading: true
+            loading: true,
+            error: undefined
           });
           _context.prev = 2;
           _context.next = 5;
@@ -65,16 +65,9 @@ export function useFetch(_fn, dependencyList, options) {
           }
           return _context.abrupt("return");
         case 10:
-          setState(function (prevState) {
-            if (isEqual(prevState.data, data)) {
-              return {
-                loading: false
-              };
-            }
-            return {
-              loading: false,
-              data: data
-            };
+          setState({
+            loading: false,
+            data: data
           });
           _context.next = 16;
           break;