doui-react 2.0.6 → 2.0.8

package/es/tooltip/component/index.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="react" />
-import { getPopupContainer } from "../../api";
 import { TooltipProps } from "..";
 export declare const tooltipOverlayClassName: string;
 export declare function getTooltipProps(props: TooltipProps): {
     color?: string | undefined;
     title?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
     overlay?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
-    styles?: Partial<Record<"body" | "root", import("react").CSSProperties>> | undefined;
-    classNames: Partial<Record<"body" | "root", string>>;
+    styles?: Partial<Record<"root" | "body", import("react").CSSProperties>> | undefined;
+    classNames: Partial<Record<"root" | "body", string>>;
     style?: import("react").CSSProperties | undefined;
     className?: string | undefined;
     rootClassName?: string | undefined;
@@ -20,7 +19,7 @@ export declare function getTooltipProps(props: TooltipProps): {
         pointAtCenter?: boolean | undefined;
     };
     autoAdjustOverflow?: boolean | import("antd/es/tooltip").AdjustOverflow | undefined;
-    getPopupContainer: typeof getPopupContainer;
+    getPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
     children?: import("react").ReactNode;
     destroyTooltipOnHide?: boolean | {
         keepParent?: boolean | undefined;
@@ -34,22 +33,22 @@ export declare function getTooltipProps(props: TooltipProps): {
     defaultVisible?: boolean | undefined;
     onVisibleChange?: ((visible: boolean) => void) | undefined;
     afterVisibleChange?: ((visible: boolean) => void) | undefined;
-    align?: import("@rc-component/trigger").AlignType | undefined;
-    id?: string | undefined;
-    prefixCls?: string | undefined;
     zIndex?: number | undefined;
     animation?: string | undefined;
     motion?: import("rc-motion").CSSMotionProps | undefined;
     transitionName?: string | undefined;
-    mouseEnterDelay?: number | undefined;
-    mouseLeaveDelay?: number | undefined;
-    onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
-    overlayClassName?: string | undefined;
-    overlayStyle?: import("react").CSSProperties | undefined;
-    trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
-    popupVisible?: boolean | undefined;
+    prefixCls?: string | undefined;
     forceRender?: boolean | undefined;
+    id?: string | undefined;
+    align?: import("@rc-component/trigger").AlignType | undefined;
+    onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
     fresh?: boolean | undefined;
+    mouseLeaveDelay?: number | undefined;
+    mouseEnterDelay?: number | undefined;
+    popupVisible?: boolean | undefined;
+    trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
+    overlayStyle?: import("react").CSSProperties | undefined;
+    overlayClassName?: string | undefined;
     getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
     showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
     arrowContent?: import("react").ReactNode;

package/lib/api/component/global-style.js

@@ -11,7 +11,7 @@ var _css = require("@emotion/css");
 var _react = require("@emotion/react");
 var _templateObject, _templateObject2, _templateObject3;
 var commonStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &.do-hide-scroll {\n    overflow: hidden !important;\n  }\n"])));
-(0, _css.injectGlobal)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  body {\n    ", "\n  }\n"])), commonStyle);
+(0, _css.injectGlobal)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  body {\n    ", "\n  }\n\n  [class*='do-']  {\n    * {\n      box-sizing: border-box;\n    }\n  }\n"])), commonStyle);
 var flexStyle = exports.flexStyle = function flexStyle(_ref) {
   var vertical = _ref.vertical,
     _ref$gap = _ref.gap,

package/lib/color-picker/component/index.d.ts

@@ -0,0 +1,2 @@
+import { ColorPickerProps } from '../type';
+export declare function ColorPicker({ onChange, ...props }: ColorPickerProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/color-picker/component/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorPicker = ColorPicker;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _api = require("../../api");
+var _antd = require("antd");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["onChange"];
+function ColorPicker(_ref) {
+  var _onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _jsxRuntime.jsx)(_antd.ColorPicker, (0, _objectSpread2.default)({
+    allowClear: true,
+    onChange: function onChange(color) {
+      _onChange === null || _onChange === void 0 || _onChange(color.cleared ? undefined : color.toHexString());
+    },
+    getPopupContainer: _api.getPopupContainer
+  }, props));
+}

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

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/lib/color-picker/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/color-picker/type/index.d.ts

@@ -0,0 +1,7 @@
+import { ColorPickerProps as AntdColorPickerProps } from 'antd';
+export interface ColorPickerProps extends Omit<AntdColorPickerProps, 'onChange'> {
+    /**
+     * @description 回调方法
+     */
+    onChange?: (value?: string) => void;
+}

package/lib/color-picker/type/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { CheckboxProps } from "../../checkbox";
+import { ColorPicker } from "../../color-picker";
 import { DatePicker, RangePicker } from "../../date-picker";
 import { FormInstance, FormItemContext, FormItemProps } from "..";
 import { Radio } from "../../radio";
@@ -35,6 +36,7 @@ export declare const formItemMap: {
     switch: typeof Switch;
     radio: typeof Radio;
     slider: import("react").ForwardRefExoticComponent<(import("antd").SliderSingleProps | import("antd/es/slider").SliderRangeProps) & import("react").RefAttributes<import("rc-slider").SliderRef>>;
+    colorPicker: typeof ColorPicker;
     date: typeof DatePicker;
     rangeDate: typeof RangePicker;
 };

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

@@ -11,6 +11,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _checkbox = require("../../checkbox");
+var _colorPicker = require("../../color-picker");
 var _datePicker = require("../../date-picker");
 var _ = require("./..");
 var _hooks = require("../../hooks");
@@ -124,6 +125,7 @@ var formItemMap = exports.formItemMap = (0, _objectSpread2.default)({
   switch: _switch.Switch,
   radio: _radio.Radio,
   slider: _antd.Slider,
+  colorPicker: _colorPicker.ColorPicker,
   date: _datePicker.DatePicker,
   rangeDate: _datePicker.RangePicker
 }, supportCollectStateItem);

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

@@ -12,8 +12,8 @@ export declare function getFormItemProps(props: any): {
         color?: string | undefined;
         title?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
         overlay?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
-        styles?: Partial<Record<"body" | "root", import("react").CSSProperties>> | undefined;
-        classNames: Partial<Record<"body" | "root", string>>;
+        styles?: Partial<Record<"root" | "body", import("react").CSSProperties>> | undefined;
+        classNames: Partial<Record<"root" | "body", string>>;
         rootClassName?: string | undefined;
         placement?: import("antd/es/tooltip").TooltipPlacement | undefined;
         builtinPlacements?: import("@rc-component/trigger").BuildInPlacements | undefined;
@@ -24,7 +24,7 @@ export declare function getFormItemProps(props: any): {
             pointAtCenter?: boolean | undefined;
         };
         autoAdjustOverflow?: boolean | import("antd/es/tooltip").AdjustOverflow | undefined;
-        getPopupContainer: typeof import("../../api").getPopupContainer;
+        getPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
         children?: import("react").ReactNode;
         destroyTooltipOnHide?: boolean | {
             keepParent?: boolean | undefined;
@@ -38,26 +38,26 @@ export declare function getFormItemProps(props: any): {
         defaultVisible?: boolean | undefined;
         onVisibleChange?: ((visible: boolean) => void) | undefined;
         afterVisibleChange?: ((visible: boolean) => void) | undefined;
-        align?: import("@rc-component/trigger").AlignType | undefined;
-        id?: string | undefined;
         prefixCls?: string | undefined;
-        zIndex?: number | undefined;
+        onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
+        fresh?: boolean | undefined;
+        mouseLeaveDelay?: number | undefined;
+        mouseEnterDelay?: number | undefined;
+        forceRender?: boolean | undefined;
+        popupVisible?: boolean | undefined;
+        trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
+        transitionName?: string | undefined;
         animation?: string | undefined;
         motion?: import("rc-motion").CSSMotionProps | undefined;
-        transitionName?: string | undefined;
-        mouseEnterDelay?: number | undefined;
-        mouseLeaveDelay?: number | undefined;
-        onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
-        overlayClassName?: string | 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;
+        overlayClassName?: string | undefined;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+        align?: import("@rc-component/trigger").AlignType | undefined;
         showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
         arrowContent?: import("react").ReactNode;
+        id?: string | undefined;
         overlayInnerStyle?: import("react").CSSProperties | undefined;
+        zIndex?: number | undefined;
         icon: import("@emotion/react/jsx-runtime").JSX.Element;
     } | undefined;
     initialValue: any;
@@ -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): ((values: FormValues, params: import("..").OptionsParams) => import("../../api").FunctionReturn<SelectOptions>) | import("../../api").FunctionReturn<SelectOptions> | ((search?: string) => import("../../api").FunctionReturn<SelectOptions>) | undefined;
+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;
 interface FocusFirstInputParams extends CommonParams {
     focusFirstOnMount: FormProps['focusFirstOnMount'];
 }

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

@@ -11,11 +11,11 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     current: number;
     total: number;
     onChange: import("react").Dispatch<import("react").SetStateAction<number>>;
-    position?: ("none" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "topCenter" | "bottomCenter")[] | undefined;
+    position?: ("none" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter")[] | undefined;
     showQuickJumper?: boolean | {
         goButton?: import("react").ReactNode;
     } | undefined;
-    size?: "default" | "small" | undefined;
+    size?: "small" | "default" | undefined;
     responsive?: boolean | undefined;
     role?: string | undefined;
     totalBoundaryShowSizeChanger?: number | undefined;
@@ -24,12 +24,11 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     selectComponentClass?: any;
     pageSizeOptions?: (string | number)[] | undefined;
     className?: string | undefined;
-    align?: "start" | "end" | "center" | undefined;
-    disabled?: boolean | undefined;
     style?: import("react").CSSProperties | undefined;
+    prefixCls?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "inline" | "none" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
@@ -39,17 +38,17 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "step" | "date" | "time" | "true" | "false" | "page" | "location" | undefined;
+    "aria-current"?: boolean | "page" | "true" | "false" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "menu" | "tree" | "dialog" | "true" | "false" | "grid" | "listbox" | undefined;
+    "aria-haspopup"?: boolean | "grid" | "true" | "false" | "dialog" | "listbox" | "menu" | "tree" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
     "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -60,13 +59,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"?: "horizontal" | "vertical" | undefined;
+    "aria-orientation"?: "vertical" | "horizontal" | 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" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
@@ -80,7 +79,8 @@ export declare function usePagination({ data, rows, column, pagination }: Pagina
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    prefixCls?: string | undefined;
+    disabled?: boolean | undefined;
+    align?: "start" | "end" | "center" | undefined;
     locale?: import("rc-pagination").PaginationLocale | undefined;
     prevIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
     nextIcon?: import("react").ReactNode | import("react").ComponentType<{}>;
@@ -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: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: import("react").ReactNode) => import("react").ReactNode) | undefined;
+    itemRender?: ((page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: import("react").ReactNode) => import("react").ReactNode) | undefined;
     showTotal?: ((total: number, range: [number, number]) => import("react").ReactNode) | undefined;
     justify?: "left" | "right" | "center" | "between" | undefined;
 };