@autobest-ui/components 2.6.3-alpha.0 → 2.6.3

package/esm/index.d.ts

@@ -56,3 +56,5 @@ export { default as LoadingContainer } from './loading-container';
 export { default as LoadingBar } from './loading-bar';
 export type { LoadingIconProps } from './loading-icon';
 export { default as LoadingIcon } from './loading-icon';
+export type { TriggerProps, TriggerType, TriggerPlacement, ArrowStyleProps } from './trigger';
+export { default as Trigger } from './trigger';

package/esm/index.js

@@ -26,4 +26,5 @@ export { default as Tabs } from './tabs';
 export { default as Loading } from './loading';
 export { default as LoadingContainer } from './loading-container';
 export { default as LoadingBar } from './loading-bar';
-export { default as LoadingIcon } from './loading-icon';
+export { default as LoadingIcon } from './loading-icon';
+export { default as Trigger } from './trigger';

package/esm/input/Adorn.js

@@ -33,24 +33,20 @@ var Adorn = function Adorn(props) {
     if (disabled) {
       return;
     }
-    if (!isFocus) {
-      changeFocusStatus(true);
-    }
+    changeFocusStatus(true);
     if (onFocus) {
       onFocus(ev);
     }
-  }, [onFocus, isFocus, disabled]);
+  }, [onFocus, disabled]);
   var onBlurCallback = useCallback(function (ev) {
-    if (isFocus) {
-      changeFocusStatus(false);
-    }
+    changeFocusStatus(false);
     if (disabled) {
       return;
     }
     if (onBlur) {
       onBlur(ev);
     }
-  }, [onBlur, isFocus, disabled]);
+  }, [onBlur, disabled]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, className, (_a = {}, _a["".concat(prefixCls, "-enter")] = isEnter || isFocus, _a), (_b = {}, _b["".concat(prefixCls, "-focus")] = isFocus, _b), (_c = {}, _c["".concat(prefixCls, "-disabled")] = disabled, _c)),
     onMouseEnter: onMouseEnterCallback,

package/esm/input/Input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AdornProps } from './Adorn';
 export declare type InputValue = string | File | undefined;
-export interface InputProps extends Omit<AdornProps, 'prefixCls' | 'children' | 'onBlur' | 'onFocus'>, Pick<React.InputHTMLAttributes<any>, 'placeholder' | 'style' | 'maxLength' | 'type' | 'accept'> {
+export interface InputProps<T = InputValue> extends Omit<AdornProps, 'prefixCls' | 'children' | 'onBlur' | 'onFocus'>, Pick<React.InputHTMLAttributes<any>, 'placeholder' | 'style' | 'maxLength' | 'type' | 'accept'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -21,15 +21,15 @@ export interface InputProps extends Omit<AdornProps, 'prefixCls' | 'children' |
     /**
      * 值修改后的回调函数，用于修改value属性
      */
-    onChange?: (value: InputValue, name?: string) => void;
+    onChange?: (value: T, name?: string) => void;
     /**
      * 获得焦点的回调函数
      */
-    onFocus?: (value: InputValue, name?: string) => void;
+    onFocus?: (value: T, name?: string) => void;
     /**
      * 失去焦点的回调函数
      */
-    onBlur?: (value: InputValue, name?: string) => void;
+    onBlur?: (value: T, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */
@@ -38,7 +38,7 @@ export interface InputProps extends Omit<AdornProps, 'prefixCls' | 'children' |
 interface InputStates {
     value: string | undefined;
 }
-interface InputPropsWithRef extends InputProps {
+interface InputPropsWithRef extends InputProps<any> {
     /**
      * 此属性可以忽略， storybook问题
      */
@@ -66,5 +66,5 @@ export declare class InputNotRef extends React.Component<InputPropsWithRef, Inpu
     onKeyDown: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<InputProps<any> & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/esm/input/TextArea.d.ts

@@ -20,15 +20,15 @@ export interface TextAreaProps extends Omit<AdornProps, 'prefixCls' | 'children'
     /**
      * 值修改后的回调函数，用于修改value属性
      */
-    onChange?: (value: string | undefined, name?: string) => void;
+    onChange?: (value: string, name?: string) => void;
     /**
      * 获得焦点的回调函数
      */
-    onFocus?: (value: string | undefined, name?: string) => void;
+    onFocus?: (value: string, name?: string) => void;
     /**
      * 失去焦点的回调函数
      */
-    onBlur?: (value: string | undefined, name?: string) => void;
+    onBlur?: (value: string, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */

package/esm/input-number/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AddListenerEventHandler } from '@autobest-ui/utils';
 import { InputProps, InputValue } from '../input/Input';
-export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'suffix' | 'onKeyDown'> {
+export interface InputNumberProps extends Omit<InputProps<number>, 'value' | 'defaultValue' | 'suffix' | 'onKeyDown'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -38,23 +38,11 @@ export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultVal
      * 是否启用键盘上下快捷行为
      */
     keyboard?: boolean;
-    /**
-     * 值修改后的回调函数，用于修改value属性
-     */
-    onChange?: (parserValue: number | undefined, name?: string) => void;
     /**
      * 值发生改变将会触发，onChange是不合法将不在触发，只在最后onBlur时再触发一次
      * 该方法主要用在用户输入内容判断上，不要在此方法中执行修改value的操作
      */
     onContinualChange?: (originalValue: string | number | undefined, parserValue: number | undefined, name?: string) => void;
-    /**
-     * 获得焦点的回调函数
-     */
-    onFocus?: (parserValue: number | undefined, name?: string) => void;
-    /**
-     * 失去焦点的回调函数
-     */
-    onBlur?: (parserValue: number | undefined, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */

package/esm/popover/index.d.ts

@@ -14,6 +14,18 @@ export interface PopoverProps extends Pick<TriggerProps, Exclude<keyof TriggerPr
      * 是否隐藏close图标
      */
     hiddenClose?: boolean;
+    /**
+     * 箭头 className
+     */
+    arrowClassName?: string;
+    /**
+     * close图标 className
+     */
+    closeClassName?: string;
+    /**
+     * 内容样式，可以定义内容元素样式
+     */
+    innerClassName?: string;
 }
 export declare type PopoverPlacement = TriggerPlacement;
 export declare type PopoverTriggerType = TriggerType;

package/esm/trigger/index.d.ts

@@ -28,7 +28,13 @@ export interface TriggerProps {
      * 用于手动控制浮层显隐
      */
     visible?: boolean;
+    /**
+     * 水平位移
+     */
     translateX?: number;
+    /**
+     * 垂直位移
+     */
     translateY?: number;
     /**
      * 用于嵌套多个弹框提示时， 点击别处只隐藏当前元素
@@ -38,6 +44,9 @@ export interface TriggerProps {
      * 插入元素，不使用传送门， 和当前元素同级，形成兄弟节点（sibling）
      */
     isInsertNode?: boolean;
+    /**
+     * 监听屏幕大小变化并更新位置
+     */
     monitorWindowResize?: boolean;
     /**
      * 当resize时，隐藏trigger
@@ -55,32 +64,38 @@ export interface TriggerProps {
      * 隐藏时延迟时间 单位：秒
      */
     mouseLeaveDelay?: number;
+    /**
+     * 弹框最多高度，超出显示滚动条
+     */
     maxHeight?: number;
+    /**
+     * 弹框最小宽度是 root 元素的宽度
+     */
     isMinRootWidth?: boolean;
+    /**
+     * 弹框最大宽度是 root 元素的宽度
+     */
     isMaxRootWidth?: boolean;
+    /**
+     * 元素到弹框之间的间距
+     */
     rootToPopupSpacing?: number;
+    /**
+     * 弹框到边界的间距
+     */
     popupLimitSpacing?: number;
+    /**
+     * 动画原点方位， horizontal，circle
+     */
     isTransformHorizontalDirection?: boolean;
     /**
      * 隐藏箭头
      */
     hiddenArrow?: boolean;
-    /**
-     * 箭头样式重置
-     */
-    arrowClassName?: string;
     /**
      * 主体样式, 这里可以定义内容宽度,高度, border等
      */
     wrapClassName?: string;
-    /**
-     * 内容样式，可以定义内容元素样式
-     */
-    innerClassName?: string;
-    /**
-     * 对当前Popover close图标, 重置样式
-     */
-    closeClassName?: string;
     /**
      * visible变化的回调函数，回调函数返回status和name
      */
@@ -90,6 +105,9 @@ export interface TriggerProps {
      * 隐藏后的回调函数
      */
     onDestroy?: () => void;
+    /**
+     * 参数为箭头位置信息
+     */
     onArrowStyleChange?: (v: ArrowStyleProps) => void;
 }
 interface TriggerStates {

package/lib/index.d.ts

@@ -56,3 +56,5 @@ export { default as LoadingContainer } from './loading-container';
 export { default as LoadingBar } from './loading-bar';
 export type { LoadingIconProps } from './loading-icon';
 export { default as LoadingIcon } from './loading-icon';
+export type { TriggerProps, TriggerType, TriggerPlacement, ArrowStyleProps } from './trigger';
+export { default as Trigger } from './trigger';

package/lib/index.js

@@ -185,6 +185,12 @@ Object.defineProperty(exports, "Tooltip", {
     return _tooltip.default;
   }
 });
+Object.defineProperty(exports, "Trigger", {
+  enumerable: true,
+  get: function get() {
+    return _trigger.default;
+  }
+});
 Object.defineProperty(exports, "message", {
   enumerable: true,
   get: function get() {
@@ -220,5 +226,6 @@ var _loading = _interopRequireDefault(require("./loading"));
 var _loadingContainer = _interopRequireDefault(require("./loading-container"));
 var _loadingBar = _interopRequireDefault(require("./loading-bar"));
 var _loadingIcon = _interopRequireDefault(require("./loading-icon"));
+var _trigger = _interopRequireDefault(require("./trigger"));
 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; }

package/lib/input/Adorn.js

@@ -43,24 +43,20 @@ var Adorn = function Adorn(props) {
     if (disabled) {
       return;
     }
-    if (!isFocus) {
-      changeFocusStatus(true);
-    }
+    changeFocusStatus(true);
     if (onFocus) {
       onFocus(ev);
     }
-  }, [onFocus, isFocus, disabled]);
+  }, [onFocus, disabled]);
   var onBlurCallback = (0, _react.useCallback)(function (ev) {
-    if (isFocus) {
-      changeFocusStatus(false);
-    }
+    changeFocusStatus(false);
     if (disabled) {
       return;
     }
     if (onBlur) {
       onBlur(ev);
     }
-  }, [onBlur, isFocus, disabled]);
+  }, [onBlur, disabled]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(prefixCls, className, (_a = {}, _a["".concat(prefixCls, "-enter")] = isEnter || isFocus, _a), (_b = {}, _b["".concat(prefixCls, "-focus")] = isFocus, _b), (_c = {}, _c["".concat(prefixCls, "-disabled")] = disabled, _c)),
     onMouseEnter: onMouseEnterCallback,

package/lib/input/Input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AdornProps } from './Adorn';
 export declare type InputValue = string | File | undefined;
-export interface InputProps extends Omit<AdornProps, 'prefixCls' | 'children' | 'onBlur' | 'onFocus'>, Pick<React.InputHTMLAttributes<any>, 'placeholder' | 'style' | 'maxLength' | 'type' | 'accept'> {
+export interface InputProps<T = InputValue> extends Omit<AdornProps, 'prefixCls' | 'children' | 'onBlur' | 'onFocus'>, Pick<React.InputHTMLAttributes<any>, 'placeholder' | 'style' | 'maxLength' | 'type' | 'accept'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -21,15 +21,15 @@ export interface InputProps extends Omit<AdornProps, 'prefixCls' | 'children' |
     /**
      * 值修改后的回调函数，用于修改value属性
      */
-    onChange?: (value: InputValue, name?: string) => void;
+    onChange?: (value: T, name?: string) => void;
     /**
      * 获得焦点的回调函数
      */
-    onFocus?: (value: InputValue, name?: string) => void;
+    onFocus?: (value: T, name?: string) => void;
     /**
      * 失去焦点的回调函数
      */
-    onBlur?: (value: InputValue, name?: string) => void;
+    onBlur?: (value: T, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */
@@ -38,7 +38,7 @@ export interface InputProps extends Omit<AdornProps, 'prefixCls' | 'children' |
 interface InputStates {
     value: string | undefined;
 }
-interface InputPropsWithRef extends InputProps {
+interface InputPropsWithRef extends InputProps<any> {
     /**
      * 此属性可以忽略， storybook问题
      */
@@ -66,5 +66,5 @@ export declare class InputNotRef extends React.Component<InputPropsWithRef, Inpu
     onKeyDown: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<InputProps<any> & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/lib/input/TextArea.d.ts

@@ -20,15 +20,15 @@ export interface TextAreaProps extends Omit<AdornProps, 'prefixCls' | 'children'
     /**
      * 值修改后的回调函数，用于修改value属性
      */
-    onChange?: (value: string | undefined, name?: string) => void;
+    onChange?: (value: string, name?: string) => void;
     /**
      * 获得焦点的回调函数
      */
-    onFocus?: (value: string | undefined, name?: string) => void;
+    onFocus?: (value: string, name?: string) => void;
     /**
      * 失去焦点的回调函数
      */
-    onBlur?: (value: string | undefined, name?: string) => void;
+    onBlur?: (value: string, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */

package/lib/input-number/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AddListenerEventHandler } from '@autobest-ui/utils';
 import { InputProps, InputValue } from '../input/Input';
-export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'onBlur' | 'onFocus' | 'suffix' | 'onKeyDown'> {
+export interface InputNumberProps extends Omit<InputProps<number>, 'value' | 'defaultValue' | 'suffix' | 'onKeyDown'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -38,23 +38,11 @@ export interface InputNumberProps extends Omit<InputProps, 'value' | 'defaultVal
      * 是否启用键盘上下快捷行为
      */
     keyboard?: boolean;
-    /**
-     * 值修改后的回调函数，用于修改value属性
-     */
-    onChange?: (parserValue: number | undefined, name?: string) => void;
     /**
      * 值发生改变将会触发，onChange是不合法将不在触发，只在最后onBlur时再触发一次
      * 该方法主要用在用户输入内容判断上，不要在此方法中执行修改value的操作
      */
     onContinualChange?: (originalValue: string | number | undefined, parserValue: number | undefined, name?: string) => void;
-    /**
-     * 获得焦点的回调函数
-     */
-    onFocus?: (parserValue: number | undefined, name?: string) => void;
-    /**
-     * 失去焦点的回调函数
-     */
-    onBlur?: (parserValue: number | undefined, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */

package/lib/popover/index.d.ts

@@ -14,6 +14,18 @@ export interface PopoverProps extends Pick<TriggerProps, Exclude<keyof TriggerPr
      * 是否隐藏close图标
      */
     hiddenClose?: boolean;
+    /**
+     * 箭头 className
+     */
+    arrowClassName?: string;
+    /**
+     * close图标 className
+     */
+    closeClassName?: string;
+    /**
+     * 内容样式，可以定义内容元素样式
+     */
+    innerClassName?: string;
 }
 export declare type PopoverPlacement = TriggerPlacement;
 export declare type PopoverTriggerType = TriggerType;

package/lib/trigger/index.d.ts

@@ -28,7 +28,13 @@ export interface TriggerProps {
      * 用于手动控制浮层显隐
      */
     visible?: boolean;
+    /**
+     * 水平位移
+     */
     translateX?: number;
+    /**
+     * 垂直位移
+     */
     translateY?: number;
     /**
      * 用于嵌套多个弹框提示时， 点击别处只隐藏当前元素
@@ -38,6 +44,9 @@ export interface TriggerProps {
      * 插入元素，不使用传送门， 和当前元素同级，形成兄弟节点（sibling）
      */
     isInsertNode?: boolean;
+    /**
+     * 监听屏幕大小变化并更新位置
+     */
     monitorWindowResize?: boolean;
     /**
      * 当resize时，隐藏trigger
@@ -55,32 +64,38 @@ export interface TriggerProps {
      * 隐藏时延迟时间 单位：秒
      */
     mouseLeaveDelay?: number;
+    /**
+     * 弹框最多高度，超出显示滚动条
+     */
     maxHeight?: number;
+    /**
+     * 弹框最小宽度是 root 元素的宽度
+     */
     isMinRootWidth?: boolean;
+    /**
+     * 弹框最大宽度是 root 元素的宽度
+     */
     isMaxRootWidth?: boolean;
+    /**
+     * 元素到弹框之间的间距
+     */
     rootToPopupSpacing?: number;
+    /**
+     * 弹框到边界的间距
+     */
     popupLimitSpacing?: number;
+    /**
+     * 动画原点方位， horizontal，circle
+     */
     isTransformHorizontalDirection?: boolean;
     /**
      * 隐藏箭头
      */
     hiddenArrow?: boolean;
-    /**
-     * 箭头样式重置
-     */
-    arrowClassName?: string;
     /**
      * 主体样式, 这里可以定义内容宽度,高度, border等
      */
     wrapClassName?: string;
-    /**
-     * 内容样式，可以定义内容元素样式
-     */
-    innerClassName?: string;
-    /**
-     * 对当前Popover close图标, 重置样式
-     */
-    closeClassName?: string;
     /**
      * visible变化的回调函数，回调函数返回status和name
      */
@@ -90,6 +105,9 @@ export interface TriggerProps {
      * 隐藏后的回调函数
      */
     onDestroy?: () => void;
+    /**
+     * 参数为箭头位置信息
+     */
     onArrowStyleChange?: (v: ArrowStyleProps) => void;
 }
 interface TriggerStates {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobest-ui/components",
-  "version": "2.6.3-alpha.0",
+  "version": "2.6.3",
   "private": false,
   "description": "components common ui for React",
   "main": "lib/index.js",
@@ -52,5 +52,5 @@
   "dependencies": {
     "@autobest-ui/utils": "^2.1.0"
   },
-  "gitHead": "51262b3b63e6cbce586e7a2d09df17b4e75e334a"
+  "gitHead": "61c137cce5fd878ad5c1402bfc211e7514d44cba"
 }