@sheinx/base 3.0.0-alpha.2 → 3.0.0-alpha.20

package/cjs/collapse/collapse.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _groupContext = _interopRequireDefault(require("./group-context"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _hooks = require("@sheinx/hooks");
+var _jsxRuntime = require("react/jsx-runtime");
+var Collapse = function Collapse(props) {
+  var children = props.children,
+    jssStyle = props.jssStyle,
+    style = props.style,
+    className = props.className,
+    defaultActive = props.defaultActive,
+    activeProps = props.active,
+    _props$accordion = props.accordion,
+    accordion = _props$accordion === void 0 ? false : _props$accordion,
+    onChangeProps = props.onChange,
+    triggerRegion = props.triggerRegion,
+    _props$expandIconPosi = props.expandIconPosition,
+    expandIconPosition = _props$expandIconPosi === void 0 ? 'left' : _props$expandIconPosi,
+    _props$extraPosition = props.extraPosition,
+    extraPosition = _props$extraPosition === void 0 ? 'right' : _props$extraPosition,
+    expandIcon = props.expandIcon,
+    _props$border = props.border,
+    border = _props$border === void 0 ? true : _props$border;
+  var _useCollapse = (0, _hooks.useCollapse)({
+      defaultActive: defaultActive,
+      active: activeProps,
+      accordion: accordion,
+      onChange: onChangeProps
+    }),
+    active = _useCollapse.active,
+    onChange = _useCollapse.onChange;
+  var collapseRootClassName = (0, _classnames.default)(className, jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapse.wrapper, !border && (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.collapse.borderLess));
+  var providerValue = {
+    active: active,
+    triggerRegion: triggerRegion,
+    expandIconPosition: expandIconPosition,
+    extraPosition: extraPosition,
+    border: border,
+    expandIcon: expandIcon !== undefined ? expandIcon : expandIconPosition === 'right' ?
+    // ? Icons.ArrowLeft
+    _icons.default.ArrowRight : _icons.default.ArrowRight,
+    onChange: onChange
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_groupContext.default.Provider, {
+    value: providerValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: collapseRootClassName,
+      style: style,
+      children: children
+    })
+  });
+};
+var _default = Collapse;
+exports.default = _default;

package/cjs/collapse/collapse.type.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { CommonType } from '../common/type';
+import type { BaseCollapseProps, BaseCollapseItemContext } from '@sheinx/hooks';
+import { CollapseItemProps } from './collapse-item.type';
+export interface CollapseClasses {
+    /**
+     * 最外层class
+     */
+    wrapper: string;
+    borderLess: string;
+}
+export interface CollapseProps extends Pick<CommonType, 'className' | 'style'>, Pick<CollapseItemProps, 'expandIcon'>, Pick<BaseCollapseItemContext, 'triggerRegion'>, BaseCollapseProps {
+    jssStyle?: {
+        collapse: CollapseClasses;
+    };
+    /**
+     * @en Whether to show the border
+     * @cn 是否显示边框
+     * @default true
+     */
+    border?: boolean;
+    /**
+     * @en The position of the expand icon
+     * @cn 折叠图标位置
+     * @default 'left'
+     */
+    expandIconPosition?: 'left' | 'right';
+    /**
+     * @en The position of the extra content
+     * @cn 扩展内容位置
+     * @default 'right'
+     */
+    extraPosition?: 'left' | 'right';
+    /**
+     * @en The content inside the collapse
+     * @cn 折叠面板内的内容
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=collapse.type.d.ts.map

package/cjs/collapse/collapse.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.type.d.ts","sourceRoot":"","sources":["collapse.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,EACrC,IAAI,CAAC,uBAAuB,EAAE,eAAe,CAAC,EAC9C,iBAAiB;IACnB,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,eAAe,CAAC;KAC3B,CAAC;IACF;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/cjs/collapse/collapse.type.js

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

package/cjs/collapse/group-context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ObjectType } from '@sheinx/hooks';
+declare const groupContext: import("react").Context<ObjectType<any>>;
+export default groupContext;
+//# sourceMappingURL=group-context.d.ts.map

package/cjs/collapse/group-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-context.d.ts","sourceRoot":"","sources":["group-context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,YAAY,0CAAgC,CAAC;AAEnD,eAAe,YAAY,CAAC"}

package/cjs/collapse/group-context.js

@@ -0,0 +1,11 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var groupContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = groupContext;
+exports.default = _default;

package/cjs/collapse/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Collapse } from './collapse';
+export type { CollapseProps } from './collapse.type';
+export { default as CollapseItem } from './collapse-item';
+export type { CollapseItemProps } from './collapse-item.type';
+//# sourceMappingURL=index.d.ts.map

package/cjs/collapse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/cjs/collapse/index.js

@@ -0,0 +1,27 @@
+"use strict";
+"use client";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Collapse", {
+  enumerable: true,
+  get: function get() {
+    return _collapse.default;
+  }
+});
+Object.defineProperty(exports, "CollapseItem", {
+  enumerable: true,
+  get: function get() {
+    return _collapseItem.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _collapse.default;
+  }
+});
+var _collapse = _interopRequireDefault(require("./collapse"));
+var _collapseItem = _interopRequireDefault(require("./collapse-item"));

package/cjs/common/type.d.ts

@@ -1,5 +1,9 @@
 import React, { CSSProperties } from 'react';
 export interface CommonType {
+    /**
+     * @en The status of the component
+     * @cn 组件状态
+     */
     status?: 'error';
     /**
      * @en Custom class name
@@ -26,6 +30,7 @@ export interface CommonType {
     /**
      * @en Placeholder title, which needs to be used together with innerTitle
      * @cn 占位标题，需要配合 innerTitle 一起使用
+     * @private
      */
     placeTitle?: React.ReactNode;
     /**

package/cjs/common/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,GAAG,SAAS,CAAC;CAC9F;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnD"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,gBAAgB,GAAG,OAAO,GAAG,SAAS,CAAC;CAC9F;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACnD"}

package/cjs/common/use-inner-title.d.ts

@@ -6,8 +6,10 @@ export interface InnerTitleClasses {
     wrapperSmall: string;
     wrapperLarge: string;
     title: string;
+    top: string;
     place: string;
     content: string;
+    animation: string;
 }
 export interface InnerTitleProps {
     innerTitle?: React.ReactNode;

package/cjs/common/use-inner-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-inner-title.d.ts","sourceRoot":"","sources":["use-inner-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;CACH;AAED,QAAA,MAAM,aAAa,UAAW,eAAe,UAGL,MAAM,YAAY,gBA+BzD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"use-inner-title.d.ts","sourceRoot":"","sources":["use-inner-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;KACtC,CAAC;CACH;AAED,QAAA,MAAM,aAAa,UAAW,eAAe,UASL,MAAM,YAAY,gBAoCzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/common/use-inner-title.js

@@ -1,40 +1,60 @@
 "use strict";
 
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("@sheinx/hooks");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var useInnerTitle = function useInnerTitle(props) {
   var _jssStyle$innerTitle;
   var innerTitle = props.innerTitle,
-    open = props.open,
     placeTitle = props.placeTitle,
     size = props.size,
     jssStyle = props.jssStyle;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    animation = _useState2[0],
+    setAnimation = _useState2[1];
+  var open = !!props.open;
+  var prevOpen = (0, _hooks.usePrevious)(!!open);
   var innerTitleStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$innerTitle = jssStyle.innerTitle) === null || _jssStyle$innerTitle === void 0 ? void 0 : _jssStyle$innerTitle.call(jssStyle);
+  if (props.innerTitle && !open !== !prevOpen && !animation) {
+    setAnimation(true);
+  }
   var renderInput = (0, _hooks.usePersistFn)(function (el) {
     if (!innerTitle) return el;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapper, !!open && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperOpen), size === 'small' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperSmall), size === 'large' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperLarge)),
+      className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapper, !!open && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperOpen), size === 'small' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperSmall), size === 'large' && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.wrapperLarge), animation && (innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.animation)),
+      onAnimationEnd: function onAnimationEnd() {
+        return setAnimation(false);
+      },
+      onAnimationIteration: function onAnimationIteration() {
+        return setAnimation(false);
+      },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, props.titleClassName),
+        className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.top, props.titleClassName),
         children: innerTitle
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         onMouseDown: function onMouseDown(e) {
           e.preventDefault();
           e.stopPropagation();
         },
-        style: open ? {
-          paddingTop: 0,
-          paddingBottom: 0
-        } : undefined,
-        className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.place, props.titleClassName),
-        children: placeTitle || innerTitle
+        className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.place),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)(innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.title, props.titleClassName),
+          children: placeTitle || innerTitle
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: innerTitleStyle === null || innerTitleStyle === void 0 ? void 0 : innerTitleStyle.content,
         children: el

package/cjs/common/use-tip.d.ts

@@ -1,9 +1,29 @@
 import React from 'react';
 import type { PopoverProps } from '../popover/popover.type';
 export interface BaseTipProps {
-    popover?: PopoverProps['position'];
-    popoverProps?: PopoverProps;
+    /**
+     * @en The position where the validation info pop up
+     * @cn 校验信息弹出位置
+     * @override PopoverProps["position"]
+     */
+    popover?: boolean | PopoverProps['position'];
+    /**
+     * @en Prompt information
+     * @cn 提示信息
+     * @private 内部属性
+     */
     tip?: React.ReactNode;
+    /**
+     * @en Vilidate popup properties
+     * @cn 校验或者tip弹框接受的属性
+     * @type PopoverProps
+     */
+    popoverProps?: PopoverProps;
+    /**
+     * @cn 错误信息
+     * @en error message
+     * @private 内部属性
+     */
     error?: string | {
         message?: string;
     };

package/cjs/common/use-tip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tip.d.ts","sourceRoot":"","sources":["use-tip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC;AACD,QAAA,MAAM,MAAM;aACuB,OAAO;aAAW,MAAM,SAAS,CAAC,WAAW,CAAC;wBA2BhF,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"use-tip.d.ts","sourceRoot":"","sources":["use-tip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;IAC7C;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;CACrC;AACD,QAAA,MAAM,MAAM;aACuB,OAAO;aAAW,MAAM,SAAS,CAAC,WAAW,CAAC;wBA0BhF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/cjs/common/use-tip.js

@@ -24,7 +24,6 @@ var useTip = function useTip(props) {
     focused = props.focused,
     rootRef = props.rootRef,
     jssStyle = props.jssStyle;
-  if (!tip) return null;
   var styles = popoverProps !== null && popoverProps !== void 0 && popoverProps.style && popoverProps !== null && popoverProps !== void 0 && (_popoverProps$style = popoverProps.style) !== null && _popoverProps$style !== void 0 && _popoverProps$style.width ? popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.style : Object.assign({
     minWidth: 200,
     maxWidth: 400

package/cjs/common/use-with-form-config.d.ts

@@ -1,3 +1,3 @@
-export declare const useWithFormConfig: (props: any) => any;
+export declare const useWithFormConfig: <T>(props: T) => T;
 export default useWithFormConfig;
 //# sourceMappingURL=use-with-form-config.d.ts.map

package/cjs/common/use-with-form-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-with-form-config.d.ts","sourceRoot":"","sources":["use-with-form-config.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,UAAW,GAAG,QAS3C,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"use-with-form-config.d.ts","sourceRoot":"","sources":["use-with-form-config.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,oBAS7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/cjs/config/index.d.ts

@@ -2,13 +2,17 @@ import { CaretType } from '../icons/caret.type';
 import { INTERNAL_Snapshot as Snapshot } from 'valtio/vanilla';
 import { LanType, Direction } from './locale/Props';
 export interface ConfigOption {
+    prefix: string;
     locale: LanType;
+    delay?: number;
+    trim?: boolean;
+    spin?: string;
     caret?: CaretType;
     direction: Direction;
     popupContainer?: HTMLElement | null | (() => HTMLElement | null);
 }
 export declare let config: ConfigOption;
-export declare function getDefaultContainer(): HTMLElement;
+export declare function getDefaultContainer(): HTMLElement | null;
 export declare const useConfig: () => Snapshot<ConfigOption>;
 export declare const setConfig: (option: Partial<ConfigOption>) => void;
 export { setLocale, getLocale } from './locale/index';

package/cjs/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAG3B,MAAM,EAAE,OAAO,CAAC;IAMhB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAQD,eAAO,IAAI,MAAM,EAAE,YAMlB,CAAC;AAQF,wBAAgB,mBAAmB,gBAWlC;AAED,eAAO,MAAM,SAAS,QAAO,SAAS,YAAY,CAEjD,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;CAClE;AAQD,eAAO,IAAI,MAAM,EAAE,YASlB,CAAC;AAQF,wBAAgB,mBAAmB,uBAWlC;AAED,eAAO,MAAM,SAAS,QAAO,SAAS,YAAY,CAEjD,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,QAAQ,YAAY,CAAC,SAQtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/cjs/config/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -33,11 +34,14 @@ try {
   processEnv = {};
 }
 var config = {
-  popupContainer: undefined,
-  caret: 'line',
+  prefix: 'so',
   locale: processEnv.LOCALE || 'zh-CN',
-  direction: 'ltr'
-  // prefix: 'so',
+  delay: 0,
+  trim: undefined,
+  spin: undefined,
+  caret: 'line',
+  direction: 'ltr',
+  popupContainer: null
 };
 exports.config = config;
 var state = (0, _valtio.proxy)(config);
@@ -47,12 +51,12 @@ var state = (0, _valtio.proxy)(config);
 function getDefaultContainer() {
   if (_hooks.util.isFunc(config.popupContainer)) {
     var container = config.popupContainer();
-    if (container instanceof HTMLElement) {
+    if (_hooks.util.isDomElement(container)) {
       return container;
     }
   }
-  if (config.popupContainer instanceof HTMLElement) return config.popupContainer;
-  return document.body;
+  if (_hooks.util.isDomElement(config.popupContainer)) return config.popupContainer;
+  return _hooks.util.isBrowser() ? document.body : null;
 }
 var useConfig = function useConfig() {
   return (0, _valtio.useSnapshot)(state);

package/cjs/config/locale/en_US.d.ts

@@ -1,4 +1,24 @@
 declare const _default: {
+    now: string;
+    current: string;
+    selectQuarter: string;
+    selectYear: string;
+    selectMonth: string;
+    selectDate: string;
+    selectWeek: string;
+    selectTime: string;
+    startQuarter: string;
+    endQuarter: string;
+    startYear: string;
+    endYear: string;
+    startMonth: string;
+    endMonth: string;
+    startDate: string;
+    endDate: string;
+    startWeek: string;
+    endWeek: string;
+    startTime: string;
+    endTime: string;
     weekdayValues: {
         narrow: string[];
         short: string[];
@@ -42,6 +62,10 @@ declare const _default: {
     urlInvalidMsg: string;
     invalidAccept: string;
     notFound: string;
+    exmples: string;
+    api: string;
+    guide: string;
+    updateRecord: string;
 };
 export default _default;
 //# sourceMappingURL=en_US.d.ts.map

package/cjs/config/locale/en_US.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en_US.d.ts","sourceRoot":"","sources":["en_US.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAgEE"}
+{"version":3,"file":"en_US.d.ts","sourceRoot":"","sources":["en_US.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA6FE"}

package/cjs/config/locale/en_US.js

@@ -5,6 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _default = {
+  now: 'Today',
+  current: 'Current',
+  selectQuarter: 'Please select quarter',
+  selectYear: 'Please select year',
+  selectMonth: 'Please select month',
+  selectDate: 'Please select date',
+  selectWeek: 'Please select week',
+  selectTime: 'Please select time',
+  startQuarter: 'Start quarter',
+  endQuarter: 'End quarter',
+  startYear: 'Start year',
+  endYear: 'End year',
+  startMonth: 'Start month',
+  endMonth: 'End month',
+  startDate: 'Start date',
+  endDate: 'End date',
+  startWeek: 'Start week',
+  endWeek: 'End week',
+  startTime: 'Start time',
+  endTime: 'End time',
   weekdayValues: {
     narrow: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
     short: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
@@ -47,6 +67,10 @@ var _default = {
   search: 'search',
   urlInvalidMsg: 'Picture format is incorrect, please upload again',
   invalidAccept: 'Invalid file format',
-  notFound: 'not found'
+  notFound: 'not found',
+  exmples: 'exmples',
+  api: 'API',
+  guide: 'guide',
+  updateRecord: 'update record'
 };
 exports.default = _default;

package/cjs/config/locale/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/cjs/config/locale/zh-CN.d.ts

@@ -62,6 +62,10 @@ declare const _default: {
     urlInvalidMsg: string;
     invalidAccept: string;
     notFound: string;
+    exmples: string;
+    api: string;
+    guide: string;
+    updateRecord: string;
 };
 export default _default;
 //# sourceMappingURL=zh-CN.d.ts.map

package/cjs/config/locale/zh-CN.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["zh-CN.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA0FE"}
+{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["zh-CN.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA8FE"}

package/cjs/config/locale/zh-CN.js

@@ -67,6 +67,10 @@ var _default = {
   search: '搜索',
   urlInvalidMsg: '图片格式不正确，请重新上传',
   invalidAccept: '文件格式不正确',
-  notFound: '未找到'
+  notFound: '未找到',
+  exmples: '示例',
+  api: 'API',
+  guide: '指南',
+  updateRecord: '更新记录'
 };
 exports.default = _default;

package/cjs/date-picker/date-picker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DatePickerProps, DatePickerValueType } from './date-picker.type';
-declare const DatePicker: <Value extends DatePickerValueType>(props: DatePickerProps<Value>) => JSX.Element;
+declare const DatePicker: <Value extends DatePickerValueType>(props0: DatePickerProps<Value>) => JSX.Element;
 export default DatePicker;
 //# sourceMappingURL=date-picker.d.ts.map

package/cjs/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAc1E,QAAA,MAAM,UAAU,mFAuPf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAgB1E,QAAA,MAAM,UAAU,oFAkQf,CAAC;AAEF,eAAe,UAAU,CAAC"}