doui-react 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Vshow
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,28 @@
+# Doui React
+
+A React UI library based on Ant Design
+
+## Development
+
+```bash
+# develop library by docs demo
+$ yarn dev
+
+# build library source code and docs
+$ yarn build:all
+
+# run tests for library
+$ yarn test
+```
+
+## patch package
+
+1. dumi
+
+```bash
+$ yarn patch-package dumi
+```
+
+## LICENSE
+
+MIT

package/es/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/es/api/component/class-name.js

@@ -0,0 +1,15 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { cx } from '@emotion/css';
+import _ from 'lodash';
+export function getClassName(className) {
+  return "do-".concat(className);
+}
+export 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 = _.map(props, function (prop) {
+    return _.isObject(prop) ? prop.className : prop;
+  });
+  return cx.apply(void 0, [getClassName(className)].concat(_toConsumableArray(names)));
+}

package/es/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/es/api/component/common.js

@@ -0,0 +1,144 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import delay from 'delay';
+import _ from 'lodash';
+import { cloneElement, isValidElement } from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var isJest = !!process.env.JEST_WORKER_ID;
+export function runDevOrJest(fn, jestFn) {
+  return executeFunction(isJest ? jestFn : /* istanbul ignore next */fn);
+}
+export function getPopupContainer(triggerNode) {
+  var modalElement = triggerNode.closest('.ant-modal-wrap');
+  return modalElement || document.body;
+}
+export 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 _.isFunction(fn) ? fn.apply(void 0, params) : fn;
+}
+export function renderComponentByType(component, props) {
+  if (_.isFunction(component)) {
+    return component(props);
+  }
+  if ( /*#__PURE__*/isValidElement(component)) {
+    return /*#__PURE__*/cloneElement(component, props);
+  }
+  return _jsx(_Fragment, {
+    children: component
+  });
+}
+export function lowercasedContains(text, search) {
+  if (!search) {
+    return true;
+  }
+  return !!(text !== null && text !== void 0 && text.toString().toLowerCase().includes(search.toLowerCase()));
+}
+export 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
+ */
+export function isReactNode(node) {
+  return !_.isPlainObject(node) || /*#__PURE__*/isValidElement(node);
+}
+export function includesNonStrictMode(options, value) {
+  if (_.isArray(value)) {
+    return _.every(value, function (val) {
+      return includesNonStrictMode(options, val);
+    });
+  }
+
+  // eslint-disable-next-line eqeqeq
+  return _.some(options, function (option) {
+    return option == value;
+  });
+}
+export function mergeProps(originProps, patchProps) {
+  return _.assignWith({}, originProps, patchProps, function (prop1, prop2) {
+    if (_.isFunction(prop1) && _.isFunction(prop2)) {
+      return mergeFunction(prop1, prop2);
+    }
+  });
+}
+export 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];
+    }
+    _.forEach(fns, function (fn) {
+      return fn === null || fn === void 0 ? void 0 : fn.apply(void 0, args);
+    });
+  };
+}
+export function transformNullToUndefined(value) {
+  if (_.isNull(value)) {
+    return undefined;
+  }
+  if (_.isArray(value)) {
+    return _.map(value, transformNullToUndefined);
+  }
+  if (_.isObject(value)) {
+    return _.mapValues(value, transformNullToUndefined);
+  }
+  return value;
+}
+export 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 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var times,
+          _args = arguments;
+        return _regeneratorRuntime().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 delay(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/es/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/es/api/component/dom.js

@@ -0,0 +1,7 @@
+export function $(selector) {
+  var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  return $$(selector)[index];
+}
+export function $$(selector) {
+  return document.querySelectorAll(selector);
+}

package/es/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/es/api/component/global-style.js

@@ -0,0 +1,16 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { transformValueToGap } from "./..";
+import { injectGlobal } from '@emotion/css';
+import { css } from '@emotion/react';
+var commonStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.do-hide-scroll {\n    overflow: hidden !important;\n  }\n"])));
+injectGlobal(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  body {\n    ", "\n  }\n"])), commonStyle);
+export var commonFontFamily = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\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"])));
+export var 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 css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  flex-wrap: ", ";\n  min-width: 0;\n"])), vertical ? 'column' : 'row', transformValueToGap(gap), wrap ? 'wrap' : 'nowrap');
+};

package/es/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/es/api/component/index.js

@@ -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/es/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/es/api/component/react-dom.js

@@ -0,0 +1,72 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["hideBodyScroll"];
+import { hideBodyScroll } from "./..";
+import ReactDOM from 'react-dom';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+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.render(element, container);
+    },
+    unmount: function unmount(container) {
+      ReactDOM.unmountComponentAtNode(container);
+    }
+  };
+}
+var closeFunctionSet = new Set();
+export 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 && 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,
+    getContainer: container
+  })), container);
+
+  // 缓存 close 方法
+  closeFunctionSet.add(close);
+  return close;
+}
+export function unmountComponent() {
+  closeFunctionSet.forEach(function (close) {
+    return close();
+  });
+  closeFunctionSet.clear();
+}

package/es/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[];

package/es/api/component/sort.js

@@ -0,0 +1,20 @@
+import _ from 'lodash';
+export function sorter(a, b) {
+  if (_.isNumber(a)) {
+    return a - b;
+  }
+  if (_.isNil(a) && _.isNil(b)) {
+    return 0;
+  }
+  if (_.isNil(a)) {
+    return -1;
+  }
+  return a.localeCompare(b);
+}
+export function sortBy() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var key = arguments.length > 1 ? arguments[1] : undefined;
+  return data.sort(function (a, b) {
+    return sorter(a[key], b[key]);
+  });
+}

package/es/api/component/style.d.ts

@@ -0,0 +1,4 @@
+export declare function transformValueWithStyleUnit(value?: string | number, defaultValue?: any): any;
+export declare function transformValueToFlex(value?: string | number, defaultValue?: any): any;
+export declare function transformValueToGap(value?: number | [number, number], defaultValue?: any): any;
+export declare function hideBodyScroll(hide?: boolean): void;

package/es/api/component/style.js

@@ -0,0 +1,33 @@
+import _ from 'lodash';
+var regularUnitsRegx = /(auto|unset|inherit|initial|%|px|vh|vw|em)$/i;
+export function transformValueWithStyleUnit(value, defaultValue) {
+  if (_.isNil(value)) {
+    return defaultValue;
+  }
+  if (_.isNumber(value)) {
+    return "".concat(value, "px");
+  }
+  if (regularUnitsRegx.test(value)) {
+    return value;
+  }
+  return "".concat(value, "px");
+}
+export function transformValueToFlex(value, defaultValue) {
+  if (_.isNil(value)) {
+    return defaultValue;
+  }
+  return _.isString(value) ? value : "".concat(value, " 0 0");
+}
+export function transformValueToGap(value, defaultValue) {
+  if (_.isNil(value)) {
+    return defaultValue;
+  }
+  var gap = _.isArray(value) ? value : [value, value];
+  return gap.reverse().map(function (item) {
+    return "".concat(item, "px");
+  }).join(' ');
+}
+export function hideBodyScroll() {
+  var hide = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  hide ? document.body.classList.add('do-hide-scroll') : document.body.classList.remove('do-hide-scroll');
+}

package/es/api/component/url.d.ts

@@ -0,0 +1,33 @@
+import queryString, { ParseOptions, StringifyOptions } from 'query-string';
+/**
+ * Query 相关方法
+ */
+declare class Query {
+    [key: string]: any;
+    constructor(query: Record<string, any>);
+    toString(options?: StringifyOptions): string;
+}
+declare function parseQuery(url?: string, options?: ParseOptions): Record<string, any>;
+declare function updateQuery(query?: Record<string, any>, url?: string): Query;
+declare function removeQuery(key?: string | string[], url?: string): Query;
+declare function stringifyQuery(query?: Record<string, any>, options?: StringifyOptions): string;
+declare function parseParams(url?: string): Partial<Record<string, string | string[]>>;
+declare function stringifyUrl(query?: Record<string, any>, url?: string, options?: StringifyOptions & ParseOptions): string;
+declare function replaceUrl(query?: Record<string, any>, url?: string, options?: StringifyOptions & ParseOptions): string;
+declare function parse(url?: string, options?: ParseOptions): {
+    params: Partial<Record<string, string | string[]>>;
+    url: string;
+    query: queryString.ParsedQuery<string>;
+    fragmentIdentifier?: string | undefined;
+};
+export declare const url: {
+    parse: typeof parse;
+    parseQuery: typeof parseQuery;
+    updateQuery: typeof updateQuery;
+    removeQuery: typeof removeQuery;
+    stringifyQuery: typeof stringifyQuery;
+    parseParams: typeof parseParams;
+    stringifyUrl: typeof stringifyUrl;
+    replaceUrl: typeof replaceUrl;
+};
+export {};

package/es/api/component/url.js

@@ -0,0 +1,126 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _ from 'lodash';
+import { match } from 'match-path-parser';
+import queryString from 'query-string';
+function getUrl(url) {
+  return new URL(url !== null && url !== void 0 ? url : location.href, location.origin);
+}
+
+/**
+ * Query 相关方法
+ */
+var Query = /*#__PURE__*/function () {
+  function Query(query) {
+    _classCallCheck(this, Query);
+    Object.assign(this, query);
+  }
+  _createClass(Query, [{
+    key: "toString",
+    value: function toString(options) {
+      return stringifyQuery(this, options);
+    }
+  }]);
+  return Query;
+}();
+function parseQuery(url, options) {
+  var _getUrl = getUrl(url),
+    search = _getUrl.search;
+  return queryString.parse(search, _objectSpread({
+    parseNumbers: true,
+    parseBooleans: true
+  }, options));
+}
+function updateQuery(query, url) {
+  var parsedQuery = parseQuery(url);
+  var mergedQuery = _.assign(parsedQuery, query);
+  return new Query(mergedQuery);
+}
+function removeQuery() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var url = arguments.length > 1 ? arguments[1] : undefined;
+  var keys = _.isArray(key) ? key : [key];
+  var query = _.omit(parseQuery(url), keys);
+  return new Query(query);
+}
+function stringifyQuery() {
+  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var options = arguments.length > 1 ? arguments[1] : undefined;
+  return queryString.stringify(query, _objectSpread({
+    skipEmptyString: true,
+    skipNull: true
+  }, options));
+}
+
+/**
+ * Url 相关方法
+ */
+function getUrlMatch(pathname) {
+  // ESB
+  if (_.startsWith(pathname, '/project/')) {
+    return match('/project/:projectId{/dashboard/:dashboardId}', {
+      end: false
+    });
+  }
+
+  // Data Process
+  if (_.startsWith(pathname, '/dp/') || _.startsWith(pathname, '/projects/')) {
+    return match('{/dp}/projects/:projectId{/flows/:flowId}', {
+      end: false
+    });
+  }
+
+  // EyeVia
+  if (_.startsWith(pathname, '/v/')) {
+    return match('/v/:projectId{/d/:dashboardId/s/:screenId}', {
+      end: false
+    });
+  }
+  if (_.startsWith(pathname, '/p/')) {
+    return match('/p/:projectId', {
+      end: false
+    });
+  }
+}
+function parseParams(url) {
+  var _getUrl2 = getUrl(url),
+    pathname = _getUrl2.pathname;
+  var fn = getUrlMatch(pathname);
+  var res = fn === null || fn === void 0 ? void 0 : fn(pathname);
+  return res ? res.params : {};
+}
+function stringifyUrl(query, url, options) {
+  var parsedUrl = parse(url, options);
+  _.assign(parsedUrl.query, query);
+  return queryString.stringifyUrl(parsedUrl, _objectSpread({
+    skipEmptyString: true,
+    skipNull: true
+  }, options));
+}
+function replaceUrl(query, url, options) {
+  var newUrl = stringifyUrl(query, url, options);
+  history.replaceState({}, '', newUrl);
+  return newUrl;
+}
+function parse(url, options) {
+  var _getUrl3 = getUrl(url),
+    href = _getUrl3.href;
+  var parsedUrl = queryString.parseUrl(href, _objectSpread({
+    parseNumbers: true,
+    parseBooleans: true
+  }, options));
+  return _objectSpread(_objectSpread({}, parsedUrl), {}, {
+    params: parseParams(url)
+  });
+}
+export var url = {
+  parse: parse,
+  parseQuery: parseQuery,
+  updateQuery: updateQuery,
+  removeQuery: removeQuery,
+  stringifyQuery: stringifyQuery,
+  parseParams: parseParams,
+  stringifyUrl: stringifyUrl,
+  replaceUrl: replaceUrl
+};

package/es/api/component/validate-input.d.ts

@@ -0,0 +1,8 @@
+export declare const inputValueReg: RegExp;
+export declare const scriptReg: RegExp;
+export declare function validateScript(value: string): boolean;
+/**
+ * validate data of general String type
+ *  letters, numbers, spot, underlines and Spaces
+ */
+export declare function validateString(value: string): boolean;

package/es/api/component/validate-input.js

@@ -0,0 +1,16 @@
+export var inputValueReg = /^[a-zA-Z0-9_\-\s/.:*{}€,()%$|+#@=><']*$/i;
+export var scriptReg = /<[/]*[^/<]*\s*script[\s+]*[^/>]*[/]*>/i;
+export function validateScript(value) {
+  return !value.match(scriptReg);
+}
+
+/**
+ * validate data of general String type
+ *  letters, numbers, spot, underlines and Spaces
+ */
+export function validateString(value) {
+  if (!inputValueReg.test(value)) {
+    return false;
+  }
+  return validateScript(value);
+}

package/es/api/index.d.ts

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

package/es/api/index.js

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

package/es/api/type/common.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties, MutableRefObject } from 'react';
+export type Refs = MutableRefObject<any>;
+export interface BaseComponentProps {
+    className?: string;
+    style?: CSSProperties;
+    refs?: Refs;
+}
+export interface BaseFlexProps {
+    /**
+     * @description 是否垂直排列
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * @description 间距，如果是数组，第一个为水平间距，第二个为垂直间距
+     * @default 8
+     */
+    gap?: number | [number, number];
+    /**
+     * @description 是否自动换行
+     * @default true
+     */
+    wrap?: boolean;
+}

package/es/api/type/common.js

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

package/es/api/type/index.d.ts

@@ -0,0 +1,5 @@
+export * from './common';
+export type FunctionReturn<T> = Promise<T> | T;
+export type FunctionType = (...args: any[]) => any;
+export type MapValues<T> = T[keyof T];
+export type Records<T = any> = Record<string, T>;