doui-react 1.0.0

package/es/tree-select/component/use-tree-select.js

@@ -0,0 +1,59 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["presetProcessOption", "treeNodeAlign"],
+  _excluded2 = ["optionFilterProp", "optionLabelProp", "options", "popupClassName", "activeBackgroundColor", "indent", "multiple"];
+import { Checkbox } from "../../checkbox";
+import { useSelect } from "../../select/component/use-select";
+import { cx } from '@emotion/css';
+import style from "../style";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function useTreeSelect(_ref) {
+  var presetProcessOption = _ref.presetProcessOption,
+    _ref$treeNodeAlign = _ref.treeNodeAlign,
+    treeNodeAlign = _ref$treeNodeAlign === void 0 ? 'center' : _ref$treeNodeAlign,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useSelect = useSelect(_objectSpread(_objectSpread({}, props), {}, {
+      presetProcessOption: processOption
+    })),
+    treeNodeFilterProp = _useSelect.optionFilterProp,
+    treeNodeLabelProp = _useSelect.optionLabelProp,
+    treeData = _useSelect.options,
+    popupClassName = _useSelect.popupClassName,
+    _useSelect$activeBack = _useSelect.activeBackgroundColor,
+    activeBackgroundColor = _useSelect$activeBack === void 0 ? '#e6f7ff' : _useSelect$activeBack,
+    indent = _useSelect.indent,
+    multiple = _useSelect.multiple,
+    params = _objectWithoutProperties(_useSelect, _excluded2);
+  function processOption(option) {
+    return _objectSpread(_objectSpread({}, option), {}, {
+      icon: function icon(_ref2) {
+        var checked = _ref2.checked,
+          halfChecked = _ref2.halfChecked,
+          disabled = _ref2.disabled,
+          boxTooltip = _ref2.boxTooltip;
+        return _jsx(Checkbox, {
+          value: checked,
+          indeterminate: halfChecked,
+          disabled: disabled,
+          boxTooltip: boxTooltip
+        });
+      }
+    }, presetProcessOption === null || presetProcessOption === void 0 ? void 0 : presetProcessOption(option));
+  }
+  var classString = style.wrapper({
+    activeBackgroundColor: activeBackgroundColor,
+    indent: indent,
+    switcherIcon: params.switcherIcon,
+    treeNodeAlign: treeNodeAlign
+  });
+  return _objectSpread({
+    treeNodeFilterProp: treeNodeFilterProp,
+    treeNodeLabelProp: treeNodeLabelProp,
+    treeData: treeData,
+    multiple: multiple,
+    popupClassName: cx(popupClassName, classString),
+    treeCheckable: multiple,
+    treeExpandAction: multiple ? false : 'click',
+    treeIcon: multiple
+  }, params);
+}

package/es/tree-select/index.d.ts

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

package/es/tree-select/index.js

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

package/es/tree-select/style/index.d.ts

@@ -0,0 +1,5 @@
+import { TreeSelectProps } from "..";
+declare const style: {
+    wrapper: ({ activeBackgroundColor, indent, switcherIcon, treeNodeAlign }: TreeSelectProps) => string;
+};
+export default style;

package/es/tree-select/style/index.js

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { transformValueWithStyleUnit } from "../../api";
+import { getAlign } from "../../stack/style";
+import { css } from '@emotion/css';
+var style = {
+  wrapper: function wrapper(_ref) {
+    var activeBackgroundColor = _ref.activeBackgroundColor,
+      indent = _ref.indent,
+      switcherIcon = _ref.switcherIcon,
+      treeNodeAlign = _ref.treeNodeAlign;
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    span.ant-select-tree-node-content-wrapper {\n      display: flex;\n      align-items: ", ";\n      overflow: hidden;\n\n      &.ant-select-tree-node-selected {\n        background-color: ", ";\n      }\n    }\n\n    .ant-select-tree .ant-select-tree-treenode {\n      &:has(.ant-select-tree-indent-unit) .ant-select-tree-node-content-wrapper {\n        margin-left: ", ";\n      }\n\n      .ant-select-tree-switcher {\n        display: ", ";\n      }\n\n      .ant-select-tree-checkbox {\n        display: none !important;\n      }\n\n      .ant-select-tree-iconEle {\n        width: unset;\n        height: unset;\n        margin-right: 10px;\n      }\n\n      .ant-select-tree-title {\n        min-width: 0;\n        overflow: hidden;\n      }\n    }\n  "])), getAlign(treeNodeAlign), activeBackgroundColor, transformValueWithStyleUnit(indent), switcherIcon === false ? 'none' : undefined);
+  }
+};
+export default style;

package/es/tree-select/type/index.d.ts

@@ -0,0 +1,23 @@
+import { SelectProps } from "../../select";
+import { HStackProps } from "../../stack";
+import { TreeSelectProps as RCTreeSelectProps } from 'rc-tree-select/lib/TreeSelect';
+type UnionType = Omit<SelectProps, 'fieldNames' | 'onChange' | 'onDeselect' | 'onSelect'> & RCTreeSelectProps;
+/**
+ * @noExtends
+ */
+export interface TreeSelectProps extends UnionType {
+    /**
+     * @description 缩进
+     */
+    indent?: number | string;
+    /**
+     * @description 选中的背景色
+     * @default #e6f7ff
+     */
+    activeBackgroundColor?: string;
+    /**
+     * @default center
+     */
+    treeNodeAlign?: HStackProps['align'];
+}
+export {};

package/es/tree-select/type/index.js

@@ -0,0 +1 @@
+export {};

package/es/virtual-list/component/index.d.ts

@@ -0,0 +1,2 @@
+import { VirtualListProps } from "..";
+export declare function VirtualList({ data, emptyText, children, ...props }: VirtualListProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/virtual-list/component/index.js

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["data", "emptyText", "children"];
+import { Empty } from "../../empty";
+import _ from 'lodash';
+import { Virtuoso } from 'react-virtuoso';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function VirtualList(_ref) {
+  var data = _ref.data,
+    emptyText = _ref.emptyText,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (_.isEmpty(data)) {
+    return _jsx("div", {
+      className: props.className,
+      style: props.style,
+      children: _jsx(Empty, {
+        description: emptyText
+      })
+    });
+  }
+  return _jsx(Virtuoso, _objectSpread({
+    data: data,
+    itemContent: function itemContent(index, item, context) {
+      return children(item, index, context);
+    }
+  }, props));
+}

package/es/virtual-list/index.d.ts

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

package/es/virtual-list/index.js

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

package/es/virtual-list/type/index.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { VirtuosoProps } from 'react-virtuoso';
+export interface VirtualListProps extends VirtuosoProps<any, any> {
+    /**
+     * @description 数据
+     */
+    data?: any[];
+    /**
+     * @description 每一项渲染函数
+     */
+    children(item: any, index: number, context: any): ReactNode;
+    /**
+     * @description 空数据时显示的文本
+     * @default No data
+     */
+    emptyText?: ReactNode;
+}

package/es/virtual-list/type/index.js

@@ -0,0 +1 @@
+export {};

package/lib/api/component/class-name.d.ts

@@ -0,0 +1,3 @@
+import { BaseComponentProps } from "..";
+export declare function getClassName(className: string): string;
+export declare function combineClassName(className: string, ...props: Array<string | BaseComponentProps | undefined>): string;

package/lib/api/component/class-name.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.combineClassName = combineClassName;
+exports.getClassName = getClassName;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _css = require("@emotion/css");
+var _lodash = _interopRequireDefault(require("lodash"));
+function getClassName(className) {
+  return "do-".concat(className);
+}
+function combineClassName(className) {
+  for (var _len = arguments.length, props = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    props[_key - 1] = arguments[_key];
+  }
+  var names = _lodash.default.map(props, function (prop) {
+    return _lodash.default.isObject(prop) ? prop.className : prop;
+  });
+  return _css.cx.apply(void 0, [getClassName(className)].concat((0, _toConsumableArray2.default)(names)));
+}

package/lib/api/component/common.d.ts

@@ -0,0 +1,22 @@
+import { FunctionType } from "..";
+import { ReactNode } from 'react';
+export declare const isJest: boolean;
+export declare function runDevOrJest<T, U>(fn: T, jestFn: U): any;
+export declare function getPopupContainer(triggerNode: HTMLElement): HTMLElement;
+export declare function executeFunction(fn: any, ...params: any[]): any;
+export declare function renderComponentByType(component?: any, props?: any): any;
+export declare function lowercasedContains(text?: string, search?: string): boolean;
+export declare function uuid(): string;
+/**
+ * 判断是否是 ReactNode，符合下面任意一个条件
+ * 1. 不是 js 对象，比如 undefined, null, number, string, boolean 等
+ * 2. 是 ReactNode
+ */
+export declare function isReactNode(node?: ReactNode): boolean;
+type OptionType = string | number | boolean;
+export declare function includesNonStrictMode(options?: Array<OptionType>, value?: OptionType | Array<OptionType>): boolean;
+export declare function mergeProps<T, U>(originProps: T, patchProps: U): {} & T & U;
+export declare function mergeFunction(...fns: Array<FunctionType | undefined>): (...args: any[]) => void;
+export declare function transformNullToUndefined<T>(value: T): T;
+export declare function wait(fn: Function, timeout?: number): Promise<unknown>;
+export {};

package/lib/api/component/common.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.executeFunction = executeFunction;
+exports.getPopupContainer = getPopupContainer;
+exports.includesNonStrictMode = includesNonStrictMode;
+exports.isJest = void 0;
+exports.isReactNode = isReactNode;
+exports.lowercasedContains = lowercasedContains;
+exports.mergeFunction = mergeFunction;
+exports.mergeProps = mergeProps;
+exports.renderComponentByType = renderComponentByType;
+exports.runDevOrJest = runDevOrJest;
+exports.transformNullToUndefined = transformNullToUndefined;
+exports.uuid = uuid;
+exports.wait = wait;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _delay = _interopRequireDefault(require("delay"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = require("react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var isJest = exports.isJest = !!process.env.JEST_WORKER_ID;
+function runDevOrJest(fn, jestFn) {
+  return executeFunction(isJest ? jestFn : /* istanbul ignore next */fn);
+}
+function getPopupContainer(triggerNode) {
+  var modalElement = triggerNode.closest('.ant-modal-wrap');
+  return modalElement || document.body;
+}
+function executeFunction(fn) {
+  for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    params[_key - 1] = arguments[_key];
+  }
+  return _lodash.default.isFunction(fn) ? fn.apply(void 0, params) : fn;
+}
+function renderComponentByType(component, props) {
+  if (_lodash.default.isFunction(component)) {
+    return component(props);
+  }
+  if ( /*#__PURE__*/(0, _react.isValidElement)(component)) {
+    return /*#__PURE__*/(0, _react.cloneElement)(component, props);
+  }
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: component
+  });
+}
+function lowercasedContains(text, search) {
+  if (!search) {
+    return true;
+  }
+  return !!(text !== null && text !== void 0 && text.toString().toLowerCase().includes(search.toLowerCase()));
+}
+function uuid() {
+  var d = new Date().getTime();
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = (d + Math.random() * 16) % 16 | 0;
+    d = Math.floor(d / 16);
+    return (c === 'x' ? r : r & 0x3 | 0x8).toString(16);
+  });
+}
+
+/**
+ * 判断是否是 ReactNode，符合下面任意一个条件
+ * 1. 不是 js 对象，比如 undefined, null, number, string, boolean 等
+ * 2. 是 ReactNode
+ */
+function isReactNode(node) {
+  return !_lodash.default.isPlainObject(node) || /*#__PURE__*/(0, _react.isValidElement)(node);
+}
+function includesNonStrictMode(options, value) {
+  if (_lodash.default.isArray(value)) {
+    return _lodash.default.every(value, function (val) {
+      return includesNonStrictMode(options, val);
+    });
+  }
+
+  // eslint-disable-next-line eqeqeq
+  return _lodash.default.some(options, function (option) {
+    return option == value;
+  });
+}
+function mergeProps(originProps, patchProps) {
+  return _lodash.default.assignWith({}, originProps, patchProps, function (prop1, prop2) {
+    if (_lodash.default.isFunction(prop1) && _lodash.default.isFunction(prop2)) {
+      return mergeFunction(prop1, prop2);
+    }
+  });
+}
+function mergeFunction() {
+  for (var _len2 = arguments.length, fns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    fns[_key2] = arguments[_key2];
+  }
+  return function () {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    _lodash.default.forEach(fns, function (fn) {
+      return fn === null || fn === void 0 ? void 0 : fn.apply(void 0, args);
+    });
+  };
+}
+function transformNullToUndefined(value) {
+  if (_lodash.default.isNull(value)) {
+    return undefined;
+  }
+  if (_lodash.default.isArray(value)) {
+    return _lodash.default.map(value, transformNullToUndefined);
+  }
+  if (_lodash.default.isObject(value)) {
+    return _lodash.default.mapValues(value, transformNullToUndefined);
+  }
+  return value;
+}
+function wait(fn) {
+  var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30 * 1000;
+  var interval = 100;
+  return new Promise(function (resolve) {
+    function run() {
+      return _run.apply(this, arguments);
+    }
+    function _run() {
+      _run = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+        var times,
+          _args = arguments;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              times = _args.length > 0 && _args[0] !== undefined ? _args[0] : 0;
+              if (!(times * interval >= timeout)) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return", resolve(false));
+            case 3:
+              _context.next = 5;
+              return fn();
+            case 5:
+              if (!_context.sent) {
+                _context.next = 7;
+                break;
+              }
+              return _context.abrupt("return", resolve(true));
+            case 7:
+              _context.next = 9;
+              return (0, _delay.default)(interval);
+            case 9:
+              _context.next = 11;
+              return run(times + 1);
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return _run.apply(this, arguments);
+    }
+    run();
+  });
+}

package/lib/api/component/dom.d.ts

@@ -0,0 +1,2 @@
+export declare function $<T extends Element = HTMLElement>(selector: string, index?: number): T;
+export declare function $$<T extends Element = HTMLElement>(selector: string): NodeListOf<T>;

package/lib/api/component/dom.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.$ = $;
+exports.$$ = $$;
+function $(selector) {
+  var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  return $$(selector)[index];
+}
+function $$(selector) {
+  return document.querySelectorAll(selector);
+}

package/lib/api/component/global-style.d.ts

@@ -0,0 +1,3 @@
+import { BaseFlexProps } from "..";
+export declare const commonFontFamily: import("@emotion/react").SerializedStyles;
+export declare const flexStyle: ({ vertical, gap, wrap }: BaseFlexProps) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.flexStyle = exports.commonFontFamily = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _ = require("./..");
+var _css = require("@emotion/css");
+var _react = require("@emotion/react");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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);
+var commonFontFamily = exports.commonFontFamily = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: 'MyriadPro-Cond', 'Helvetica Neue', Helvetica, sans-serif;\n\n  input,\n  button,\n  select,\n  textarea {\n    font-family: 'MyriadPro-Cond', 'Helvetica Neue', Helvetica, sans-serif;\n  }\n"])));
+var flexStyle = exports.flexStyle = function flexStyle(_ref) {
+  var vertical = _ref.vertical,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 8 : _ref$gap,
+    _ref$wrap = _ref.wrap,
+    wrap = _ref$wrap === void 0 ? true : _ref$wrap;
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  flex-wrap: ", ";\n  min-width: 0;\n"])), vertical ? 'column' : 'row', (0, _.transformValueToGap)(gap), wrap ? 'wrap' : 'nowrap');
+};

package/lib/api/component/index.d.ts

@@ -0,0 +1,9 @@
+export * from './class-name';
+export * from './common';
+export * from './dom';
+export * from './global-style';
+export * from './react-dom';
+export * from './sort';
+export * from './style';
+export * from './url';
+export * from './validate-input';

package/lib/api/component/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _className = require("./class-name");
+Object.keys(_className).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _className[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _className[key];
+    }
+  });
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _common[key];
+    }
+  });
+});
+var _dom = require("./dom");
+Object.keys(_dom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _dom[key];
+    }
+  });
+});
+var _globalStyle = require("./global-style");
+Object.keys(_globalStyle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _globalStyle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _globalStyle[key];
+    }
+  });
+});
+var _reactDom = require("./react-dom");
+Object.keys(_reactDom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _reactDom[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _reactDom[key];
+    }
+  });
+});
+var _sort = require("./sort");
+Object.keys(_sort).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sort[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _sort[key];
+    }
+  });
+});
+var _style = require("./style");
+Object.keys(_style).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _style[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _style[key];
+    }
+  });
+});
+var _url = require("./url");
+Object.keys(_url).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _url[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _url[key];
+    }
+  });
+});
+var _validateInput = require("./validate-input");
+Object.keys(_validateInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _validateInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _validateInput[key];
+    }
+  });
+});

package/lib/api/component/react-dom.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare function mountComponent<T>(Component: FC<T>, props?: any): () => void;
+export declare function unmountComponent(): void;

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mountComponent = mountComponent;
+exports.unmountComponent = unmountComponent;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _ = require("./..");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["hideBodyScroll"];
+function getContainer() {
+  var container = document.createElement('div');
+  document.body.append(container);
+  return container;
+}
+// 处理React17和18版本的兼容性
+function getReactDOM() {
+  // const { createRoot } = ReactDOM as any;
+  // if (createRoot) {
+  //   return {
+  //     render: (element, container: any) => {
+  //       const root = createRoot(container);
+  //       root.render(element);
+  //       container._reactRootContainer = root;
+  //     },
+  //     unmount: (container: any) => {
+  //       const root = container._reactRootContainer;
+  //       if (root) {
+  //         root.unmount();
+  //         delete container._reactRootContainer;
+  //       }
+  //     },
+  //   };
+  // }
+
+  return {
+    render: function render(element, container) {
+      _reactDom.default.render(element, container);
+    },
+    unmount: function unmount(container) {
+      _reactDom.default.unmountComponentAtNode(container);
+    }
+  };
+}
+var closeFunctionSet = new Set();
+function mountComponent(Component) {
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var container = getContainer();
+  var _getReactDOM = getReactDOM(),
+    render = _getReactDOM.render,
+    unmount = _getReactDOM.unmount;
+  var close = function close() {
+    unmount(container);
+    container.remove();
+    closeFunctionSet.delete(close);
+    !closeFunctionSet.size && (0, _.hideBodyScroll)(false);
+  };
+  var _props$hideBodyScroll = props.hideBodyScroll,
+    hide = _props$hideBodyScroll === void 0 ? false : _props$hideBodyScroll,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  hide && (0, _.hideBodyScroll)();
+  render((0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    unmount: close,
+    getContainer: container
+  })), container);
+
+  // 缓存 close 方法
+  closeFunctionSet.add(close);
+  return close;
+}
+function unmountComponent() {
+  closeFunctionSet.forEach(function (close) {
+    return close();
+  });
+  closeFunctionSet.clear();
+}

package/lib/api/component/sort.d.ts

@@ -0,0 +1,2 @@
+export declare function sorter(a: any, b: any): any;
+export declare function sortBy(data: any[] | undefined, key: string): any[];