@autobest-ui/components 2.13.11 → 2.14.0

package/lib/loading-icon/index.js

@@ -7,25 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
 var cls = 'ab-svg-loading';
 var LoadingIcon = function LoadingIcon(props) {
-  var className = props.className,
-    upperRef = props.upperRef;
+  var className = props.className;
   return /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(className, cls),
-    ref: upperRef
+    className: (0, _classnames.default)(className, cls)
   }, /*#__PURE__*/_react.default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
@@ -74,9 +60,5 @@ var LoadingIcon = function LoadingIcon(props) {
     fill: "#fff"
   })));
 };
-var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(LoadingIcon, __assign({}, props, {
-    upperRef: ref
-  }));
-}));
+var _default = /*#__PURE__*/_react.default.memo(LoadingIcon);
 exports.default = _default;

package/lib/move/index.d.ts

@@ -36,6 +36,14 @@ export interface MoveProps {
      * 点击的回调函数， 如果移动，则不是click
      */
     onClick?: (event: any) => void;
+    /**
+     * 禁止水平方向的移动
+     */
+    horizontalMoveDisabled?: boolean;
+    /**
+     * 禁止垂直方向的移动
+     */
+    verticalMoveDisabled?: boolean;
 }
 declare class Move extends React.Component<MoveProps> {
     readonly prefixCls = "ab-move";
@@ -46,6 +54,8 @@ declare class Move extends React.Component<MoveProps> {
         maxScalable: number;
         horizontalPlacement: string;
         verticalPlacement: string;
+        horizontalMoveDisabled: boolean;
+        verticalMoveDisabled: boolean;
     };
     prevElementSize: {
         width: number;

package/lib/move/index.js

@@ -215,13 +215,16 @@ var Move = /** @class */function (_super) {
       if (_this.isTouchScale && event.touches.length <= 1) {
         return;
       }
+      var _a = _this.props,
+        horizontalMoveDisabled = _a.horizontalMoveDisabled,
+        verticalMoveDisabled = _a.verticalMoveDisabled;
       _this.moveObj = {
         left: event.touches ? event.touches[0].pageX : event.clientX,
         top: event.touches ? event.touches[0].pageY : event.clientY
       };
       _this.currentObj = {
-        left: _this.prevObj.left + _this.moveObj.left - _this.startObj.left,
-        top: _this.prevObj.top + _this.moveObj.top - _this.startObj.top
+        left: horizontalMoveDisabled ? _this.prevObj.left : _this.prevObj.left + _this.moveObj.left - _this.startObj.left,
+        top: verticalMoveDisabled ? _this.prevObj.top : _this.prevObj.top + _this.moveObj.top - _this.startObj.top
       };
       _this.setElementInfo(element);
     };
@@ -233,6 +236,10 @@ var Move = /** @class */function (_super) {
       if (event.stopPropagation) {
         event.stopPropagation();
       }
+      var onClick = _this.props.onClick;
+      if (onClick && _this.currentObj.left === _this.prevObj.left && _this.currentObj.top === _this.prevObj.top && _this.prevScaleSize === _this.currentScaleSize) {
+        onClick(event);
+      }
       var _a = _this.checkRange(),
         nextX = _a.nextX,
         nextY = _a.nextY,
@@ -247,10 +254,6 @@ var Move = /** @class */function (_super) {
         _this.currentScaleSize = nextScaleSize;
         _this.setElementInfo(element);
       }
-      var onClick = _this.props.onClick;
-      if (onClick && _this.currentObj.left === _this.prevObj.left && _this.currentObj.top === _this.prevObj.top && _this.prevScaleSize === _this.currentScaleSize) {
-        onClick(event);
-      }
     };
     _this.onTransitionEnd = function () {
       var element = _this.getDomNode();
@@ -385,7 +388,9 @@ var Move = /** @class */function (_super) {
     minScalable: 1,
     maxScalable: 1,
     horizontalPlacement: 'left',
-    verticalPlacement: 'top'
+    verticalPlacement: 'top',
+    horizontalMoveDisabled: false,
+    verticalMoveDisabled: false
   };
   return Move;
 }(_react.default.Component);

package/lib/radio/Radio.js

@@ -60,13 +60,14 @@ var Radio = function Radio(props) {
     if (mergedProps.disabled) {
       return;
     }
+    var checkedValue = ev.target.value;
     if (onChange) {
-      onChange(value, mergedProps.name, ev.target.checked);
+      onChange(checkedValue, mergedProps.name, ev.target.checked);
       return;
     }
     // radioGroup
     if (groupContext.onChange) {
-      groupContext.onChange(value, mergedProps.name);
+      groupContext.onChange(checkedValue, mergedProps.name);
       return;
     }
     setChecked(!checked);
@@ -84,6 +85,7 @@ var Radio = function Radio(props) {
     },
     type: "radio",
     checked: checked,
+    value: value,
     onChange: onRadioChange
   }, mergedProps)), /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(cls, "-control"),
@@ -96,21 +98,22 @@ var Radio = function Radio(props) {
     className: "".concat(cls, "-outer"),
     focusable: "false",
     "aria-hidden": "true",
-    viewBox: "0 0 20 20"
+    viewBox: "0 0 512 512"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    stroke: "none",
-    d: "M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+    d: "M448,256c0-106-86-192-192-192S64,150,64,256s86,192,192,192S448,362,448,256Z",
+    strokeWidth: "1.5em",
+    fill: "#fff"
   })), /*#__PURE__*/_react.default.createElement("svg", {
     className: "".concat(cls, "-dot"),
     focusable: "false",
     "aria-hidden": "true",
     viewBox: "0 0 24 24"
   }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M12 6a6 6 0 100 12 6 6 0 000-12Z"
+    d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
   }))), children);
 };
 Radio.defaultProps = {
-  size: 13
+  size: 16
 };
 var _default = Radio;
 exports.default = _default;

package/lib/radio/RadioGroup.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("@autobest-ui/utils");
 var _context = require("./context");
 var _Radio = _interopRequireDefault(require("./Radio"));
@@ -106,12 +105,10 @@ var RadioGroup = /** @class */function (_super) {
     return null;
   };
   RadioGroup.prototype.render = function () {
-    var _a = this.props,
-      _b = _a.direction,
-      direction = _b === void 0 ? 'horizontal' : _b,
-      className = _a.className;
+    var _a = this.props.direction,
+      direction = _a === void 0 ? 'horizontal' : _a;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(className, "".concat(cls, "-group-").concat(direction))
+      className: "".concat(cls, "-group-").concat(direction)
     }, 'options' in this.props ? this.renderRadioList() : this.renderRadioGroup());
   };
   return RadioGroup;

package/lib/radio/style/index.css

@@ -1 +1 @@
-.ab-radio{position:relative;display:inline-flex;align-items:center;cursor:pointer}.ab-radio:hover .ab-radio-control{color:#4f4f4f}.ab-radio input{cursor:inherit;position:absolute;margin:0;padding:0;opacity:0;top:50%;left:0;transform:translateY(-50%);z-index:1}.ab-radio-checked:hover .ab-radio-control{color:#005cc8}.ab-radio-checked .ab-radio-control{color:#0075ff}.ab-radio-checked .ab-radio-control svg{display:inline-block}.ab-radio-disabled{cursor:not-allowed}.ab-radio-disabled .ab-radio-control,.ab-radio-disabled:hover .ab-radio-control{color:#d1d1d1}.ab-radio-control{margin-right:.06rem;position:relative;color:#767676;flex-shrink:0}.ab-radio-control svg{width:1em;height:1em;user-select:none;flex-shrink:0;fill:currentcolor;stroke:currentcolor;overflow:visible}.ab-radio-dot,.ab-radio-outer{position:absolute;left:0;top:0}.ab-radio-dot{display:none}.ab-radio-group-horizontal{display:flex}.ab-radio-group-horizontal .ab-radio-item{margin-right:.2rem}.ab-radio-group-horizontal .ab-radio-item:last-child{margin-right:0}.ab-radio-group-vertical{display:flex;flex-direction:column;align-items:flex-start}.ab-radio-group-vertical .ab-radio-item{margin-bottom:.15rem}.ab-radio-group-vertical .ab-radio-item:last-child{margin-bottom:0}
+.ab-radio{position:relative;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer;font-size:.14rem}.ab-radio:hover .ab-radio-control{color:#4f4f4f}.ab-radio input{cursor:inherit;position:absolute;margin:0;padding:0;opacity:0;top:0;left:0;z-index:1}.ab-radio-checked:hover .ab-radio-control{color:#005cc8}.ab-radio-checked .ab-radio-control{color:#0075ff}.ab-radio-checked .ab-radio-control svg{display:inline-block}.ab-radio-disabled{cursor:not-allowed}.ab-radio-disabled .ab-radio-control,.ab-radio-disabled:hover .ab-radio-control{color:#d1d1d1}.ab-radio-control{margin-right:.06rem;position:relative;color:#767676}.ab-radio-control svg{width:1em;height:1em;user-select:none;flex-shrink:0;fill:currentcolor;stroke:currentcolor}.ab-radio-dot,.ab-radio-outer{position:absolute;left:0;top:0}.ab-radio-dot{display:none}.ab-radio-group-horizontal{display:flex}.ab-radio-group-horizontal .ab-radio-item{margin-right:.2rem}.ab-radio-group-horizontal .ab-radio-item:last-child{margin-right:0}.ab-radio-group-vertical{display:flex;flex-direction:column}.ab-radio-group-vertical .ab-radio-item{margin-bottom:.15rem}.ab-radio-group-vertical .ab-radio-item:last-child{margin-bottom:0}

package/lib/radio/type.d.ts

@@ -1,4 +1,3 @@
-import { ReactChild } from 'react';
 export declare type RadioValue = string | number;
 export interface RadioProps {
     name?: string;
@@ -9,7 +8,6 @@ export interface RadioProps {
     size?: number;
     onChange?: (value: RadioValue, name?: string, checked?: boolean) => void;
     className?: string;
-    children?: ReactChild | ReactChild[];
 }
 export declare type RadioOptionItem = Pick<RadioProps, 'disabled' | 'name' | 'value'>;
 export interface RadioGroupProps extends Pick<RadioProps, 'value' | 'name' | 'disabled' | 'className' | 'size'> {

package/lib/read-more/index.d.ts

@@ -0,0 +1,92 @@
+import React, { Component } from 'react';
+export interface ReadMoreProps {
+    /**
+     * 需要显示的内容
+     */
+    children: React.ReactChild[] | React.ReactChild;
+    /**
+     * 整体样式
+     */
+    className?: string;
+    /**
+     * 需要忽略的类名数组，例如 ['mc_title']
+     */
+    ignoreClassList?: string[];
+    /**
+     * 展开文本
+     */
+    expandText?: string;
+    /**
+     * 折叠文本, 展开后点击收起的文字
+     */
+    collapseText?: string;
+    /**
+     * 初始时，显示的行数
+     */
+    lines?: number;
+    /**
+     * 是否执行resizeObserver监听宽度变化
+     */
+    isResizeObserver?: boolean;
+    /**
+     * 垂直方向触发换行的判定阈值 (默认 1px), 当一行中有字体，大小不同时，需要根据情况动态触发换行
+     */
+    lineThreshold?: number;
+    /**
+     * [不推荐]设置Wrap最大高度, 用于解决初始化时页面抖动问题，建议通过屏幕大小动态设置className
+     */
+    defaultWrapMaxHeight?: number;
+    /**
+     * 右下角按钮宽度
+     */
+    buttonWidth?: number;
+    /**
+     * 默认是否折叠
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * 点击展开/收起前的回调函数，返回false时阻止change
+     */
+    onBeforeChange?: (isCollapsed: boolean) => Promise<boolean>;
+    /**
+     * 点击展开/收起后的回调函数
+     */
+    onAfterChange?: (isCollapsed: boolean) => void;
+}
+interface ReadMoreState {
+    wrapStyle: React.CSSProperties;
+}
+declare class ReadMore extends Component<ReadMoreProps, ReadMoreState> {
+    static defaultProps: {
+        onAfterChange: () => void;
+        isResizeObserver: boolean;
+        defaultCollapsed: boolean;
+        expandText: string;
+        buttonWidth: number;
+        collapseText: string;
+        lineThreshold: number;
+        lines: number;
+    };
+    cacheWrapWidth: number;
+    isCollapsed: boolean;
+    resizeObserver: ResizeObserver;
+    originalContent: string;
+    wrapRef: React.RefObject<HTMLDivElement>;
+    prefixCls: string;
+    constructor(props: ReadMoreProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ReadMoreProps): void;
+    componentWillUnmount(): void;
+    /**
+     * 计算高度并设置样式
+     */
+    delayCalculate(): void;
+    /**
+     * 创建Show More/Show Less 按钮
+     */
+    getButtonElement: (wrapElement: HTMLDivElement, isCollapsed: boolean) => HTMLSpanElement;
+    applyToggle: (wrapElement: HTMLDivElement, node: any, index: number) => void;
+    onResizeObserver: () => void;
+    render(): JSX.Element;
+}
+export default ReadMore;