linkmore-design 1.0.67 → 1.0.68

package/es/Alert/index.js

@@ -85,8 +85,8 @@ var Alert = function Alert(_a) {
       _a$className = _a.className,
       className = _a$className === void 0 ? '' : _a$className,
       style = _a.style,
-      onMouseEnter = _a.onMouseEnter,
-      onMouseLeave = _a.onMouseLeave,
+      _onMouseEnter = _a.onMouseEnter,
+      _onMouseLeave = _a.onMouseLeave,
       onClick = _a.onClick,
       afterClose = _a.afterClose,
       showIcon = _a.showIcon,
@@ -103,6 +103,11 @@ var Alert = function Alert(_a) {
       closed = _React$useState2[0],
       setClosed = _React$useState2[1];
 
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      hovering = _React$useState4[0],
+      setHovering = _React$useState4[1];
+
   var ref = React.useRef();
 
   var _React$useContext = React.useContext(ConfigContext),
@@ -134,7 +139,18 @@ var Alert = function Alert(_a) {
   var type = getType(); // banner 模式默认有 Icon
 
   var isShowIcon = banner && showIcon === undefined ? true : showIcon;
-  var alertCls = classNames(prefixCls, "".concat(prefixCls, "-").concat(type), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-with-description"), !!description), _defineProperty(_classNames2, "".concat(prefixCls, "-no-icon"), !isShowIcon), _defineProperty(_classNames2, "".concat(prefixCls, "-banner"), !!banner), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2), className, 'lm_alert');
+  var alertCls = classNames(prefixCls, "".concat(prefixCls, "-").concat(type), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-with-description"), !!description), _defineProperty(_classNames2, "".concat(prefixCls, "-no-icon"), !isShowIcon), _defineProperty(_classNames2, "".concat(prefixCls, "-banner"), !!banner), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames2), className, 'lm_alert'); // @ts-ignore
+
+  React.useEffect(function () {
+    if (!hovering && duration > 0) {
+      var timeout = setTimeout(function () {
+        handleClose();
+      }, duration * 1000);
+      return function () {
+        clearTimeout(timeout);
+      };
+    }
+  }, [duration, hovering]);
   var dataOrAriaProps = getDataOrAriaProps(props);
   return /*#__PURE__*/React.createElement(CSSMotion, {
     visible: !closed,
@@ -155,8 +171,14 @@ var Alert = function Alert(_a) {
       "data-show": !closed,
       className: classNames(alertCls, motionClassName),
       style: Object.assign(Object.assign({}, style), motionStyle),
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
+      onMouseEnter: function onMouseEnter(e) {
+        setHovering(true);
+        _onMouseEnter === null || _onMouseEnter === void 0 ? void 0 : _onMouseEnter(e);
+      },
+      onMouseLeave: function onMouseLeave(e) {
+        setHovering(false);
+        _onMouseLeave === null || _onMouseLeave === void 0 ? void 0 : _onMouseLeave(e);
+      },
       onClick: onClick,
       role: "alert"
     }, dataOrAriaProps), isShowIcon ? /*#__PURE__*/React.createElement(IconNode, {

package/es/Alert/style/index.css

@@ -516,7 +516,7 @@ html {
   transition: width 0.2s;
   animation-timing-function: linear;
 }
-.lm_alert:hover .message_progress {
+.lm_alert:hover .alert_progress {
   width: 100%;
   animation-name: none;
   animation-play-state: paused;

package/es/Approval/handle.d.ts

@@ -0,0 +1,11 @@
+import { IApprovalItemProps } from "./type";
+/**
+ * 获取现在到之前的时间差
+ * @param time
+ * @returns
+ */
+export declare function getDistanceTime(time: string | number | Date): string;
+export declare function getCurrentTime(): string;
+export declare const wrapperComment: (user: string, steps: Array<IApprovalItemProps>, update: any, setUpdate: any) => (value: string) => void;
+export declare const wrapperAgree: (user: string, steps: Array<IApprovalItemProps>, update: any, setUpdate: any) => (value: string) => void;
+export declare const wrapperRefuse: (user: string, steps: Array<IApprovalItemProps>, update: any, setUpdate: any) => (value: string) => void;

package/es/Approval/handle.js

@@ -0,0 +1,138 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { ApprovalType, StatusType } from "./type";
+/**
+ * 获取现在到之前的时间差
+ * @param time
+ * @returns
+ */
+
+export function getDistanceTime(time) {
+  if (typeof time === 'string' || typeof time === 'number') {
+    time = new Date(time);
+  }
+
+  var result = '';
+  var dis = Date.now() - time.getTime();
+  var second = parseInt(dis / 1000 + '');
+  var day = parseInt(second / 3600 / 24 + '');
+  var hour = parseInt(second / 3600 % 24 + '');
+  var minute = parseInt(second / 60 % 60 + '');
+
+  if (day > 0) {
+    result += day + '天' + hour + '小时' + minute + '分钟';
+  } else {
+    if (hour > 0) {
+      result += hour + '小时' + minute + '分钟';
+    } else {
+      result += minute + '分钟';
+    }
+  }
+
+  return result;
+}
+export function getCurrentTime() {
+  var _Date$toLocaleString$ = new Date().toLocaleString().split(' '),
+      _Date$toLocaleString$2 = _slicedToArray(_Date$toLocaleString$, 2),
+      t1 = _Date$toLocaleString$2[0],
+      t2 = _Date$toLocaleString$2[1];
+
+  var _t1$split = t1.split('/'),
+      _t1$split2 = _slicedToArray(_t1$split, 3),
+      y = _t1$split2[0],
+      m = _t1$split2[1],
+      d = _t1$split2[2];
+
+  var _t2$split = t2.split(':'),
+      _t2$split2 = _slicedToArray(_t2$split, 2),
+      h = _t2$split2[0],
+      minute = _t2$split2[1];
+
+  if (m.length === 1) {
+    m = 0 + m;
+  }
+
+  if (d.length === 1) {
+    d = 0 + d;
+  }
+
+  return y + '-' + m + '-' + d + ' ' + h + ':' + minute;
+}
+export var wrapperComment = function wrapperComment(user, steps, update, setUpdate) {
+  return function (value) {
+    var index = steps.findIndex(function (step) {
+      return ApprovalType.isPending(step.type, step.approvalStatus);
+    });
+    steps.splice(index, 0, {
+      name: user,
+      time: getCurrentTime(),
+      type: ApprovalType.ONLY_COMMENT,
+      comment: value
+    });
+    setUpdate(!update);
+  };
+};
+export var wrapperAgree = function wrapperAgree(user, steps, update, setUpdate) {
+  return function (value) {
+    var currentTime = getCurrentTime();
+    var index = steps.findIndex(function (step) {
+      return ApprovalType.isPending(step.type, step.approvalStatus);
+    });
+
+    if (index < 0) {
+      return;
+    }
+
+    var step = steps[index];
+
+    if (step.agreeList.length >= step.approverList.length) {
+      return;
+    }
+
+    step.agreeList.push(user);
+
+    if (step.everyoneAgree) {
+      if (step.agreeList.length === step.approverList.length) {
+        step.approvalStatus = StatusType.AGREE;
+        step.name = user;
+        step.comment = value;
+        step.time = currentTime;
+      } else {
+        // 新增一条记录
+        steps.splice(index, 0, {
+          name: user,
+          time: currentTime,
+          type: ApprovalType.APPROVAL,
+          approvalStatus: StatusType.AGREE,
+          comment: value
+        });
+      }
+    } else {
+      step.approvalStatus = StatusType.AGREE;
+      step.name = user;
+      step.comment = value;
+      step.time = currentTime;
+    }
+
+    var nextNode = steps.find(function (step) {
+      return ApprovalType.isPending(step.type, step.approvalStatus);
+    });
+
+    if (nextNode) {
+      nextNode.time = currentTime;
+    }
+
+    setUpdate(!update);
+  };
+};
+export var wrapperRefuse = function wrapperRefuse(user, steps, update, setUpdate) {
+  return function (value) {
+    var step = steps.find(function (step) {
+      return ApprovalType.isPending(step.type, step.approvalStatus);
+    });
+    step.refuse = user;
+    step.approvalStatus = StatusType.REFUSE;
+    step.comment = value;
+    step.time = getCurrentTime();
+    setUpdate(!update);
+  };
+};