linkmore-design 1.0.62 → 1.0.66

package/es/Approval/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+declare type VoidFunction = () => void;
+export interface IApprovalItemProps {
+    avator?: string;
+    name?: string;
+    time?: string;
+    type?: 'start' | 'comment' | 'carbonCopy' | 'agree' | 'refuse';
+    [prop: string]: any;
+}
+export interface IApprovalProps {
+    visible?: boolean;
+    title?: string;
+    close?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+    userType?: 'self' | 'approver';
+    status?: number;
+    steps?: [];
+    onComment: VoidFunction;
+    onRefuse: VoidFunction;
+    onAgree: VoidFunction;
+}
+declare const LMApproval: React.FC<IApprovalProps>;
+export default LMApproval;

package/es/Approval/index.js

@@ -0,0 +1,210 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React from 'react';
+import classNames from 'classnames';
+import { Button, Drawer, Space } from '..';
+var prefixCls = 'lm_approval';
+var colors = ['#36BCF1', '#AE86DC', '#8BD248', '#F5A173'];
+var statusMap = new Map([[1, '审核中'], [2, '已审核'], [3, '未通过']]);
+var defaultStatus = 1;
+
+var LMDrawer = function LMDrawer(props) {
+  var _props$visible = props.visible,
+      visible = _props$visible === void 0 ? false : _props$visible,
+      _props$title = props.title,
+      title = _props$title === void 0 ? '' : _props$title,
+      _props$status = props.status,
+      status = _props$status === void 0 ? defaultStatus : _props$status,
+      _props$userType = props.userType,
+      userType = _props$userType === void 0 ? 'self' : _props$userType,
+      close = props.close,
+      children = props.children,
+      _props$onComment = props.onComment,
+      onComment = _props$onComment === void 0 ? function () {} : _props$onComment,
+      _props$onRefuse = props.onRefuse,
+      onRefuse = _props$onRefuse === void 0 ? function () {} : _props$onRefuse,
+      _props$onAgree = props.onAgree,
+      onAgree = _props$onAgree === void 0 ? function () {} : _props$onAgree;
+  var currentStatusCls = classNames(prefixCls + '_title_status');
+  var drawerCls = classNames(prefixCls + '_drawer');
+  var statusText = statusMap.has(status) ? statusMap.get(status) : statusMap.get(1);
+
+  var handleClose = function handleClose() {
+    visible = false;
+    close();
+  };
+
+  return /*#__PURE__*/React.createElement(Drawer, {
+    className: drawerCls,
+    visible: visible,
+    title: title,
+    onClose: handleClose,
+    extra: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: currentStatusCls
+    }, /*#__PURE__*/React.createElement("span", null, statusText)), status === 1 && userType === 'approver' && /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
+      size: "small",
+      onClick: onComment
+    }, "\u4EC5\u8BC4\u8BBA"), /*#__PURE__*/React.createElement(Button, {
+      size: "small",
+      onClick: onRefuse,
+      style: {
+        borderColor: '#FA4F53',
+        color: '#FA4F53'
+      }
+    }, "\u62D2\u7EDD"), /*#__PURE__*/React.createElement(Button, {
+      size: "small",
+      onClick: onAgree,
+      type: "primary"
+    }, "\u540C\u610F")))
+  }, children);
+};
+
+var ApprovalItem = function ApprovalItem(props) {
+  var _props$avator = props.avator,
+      avator = _props$avator === void 0 ? '' : _props$avator,
+      _props$name = props.name,
+      name = _props$name === void 0 ? '' : _props$name,
+      _props$time = props.time,
+      time = _props$time === void 0 ? '' : _props$time,
+      color = props.color,
+      status = props.status,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'start' : _props$type;
+  var itemCls = classNames(prefixCls + '_item');
+  var itemHeaderCls = classNames(itemCls + '_header');
+  var itemBodyCls = classNames(itemCls + '_body');
+
+  var getIcon = function getIcon() {
+    if (status === 1) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: 'icon iconfont lmweb-icon_china1'
+      });
+    }
+
+    if (status === 2) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: 'icon iconfont lmweb-icon_china1'
+      }); // return <img className='icon' src={fulfilledSvg} alt="" />
+    }
+
+    if (status === 3) {
+      return /*#__PURE__*/React.createElement("i", {
+        className: 'icon iconfont lmweb-icon_china1'
+      }); // return <img className='icon' src={rejectdSvg} alt="" />
+    }
+
+    return null;
+  };
+
+  var getApprovalText = function getApprovalText() {
+    if (type === 'refuse') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'desc red'
+      }, "\u62D2\u7EDD");
+    }
+
+    if (type === 'start') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'desc'
+      }, "\u53D1\u8D77\u5BA1\u6279");
+    }
+
+    if (type === 'comment') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'desc grey'
+      }, "\u4EC5\u8BC4\u8BBA");
+    }
+
+    if (type === 'carbonCopy') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'desc grey'
+      }, "\u5DF2\u6284\u90018\u4EBA");
+    }
+
+    if (type === 'agree') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'desc'
+      }, "\u5DF2\u540C\u610F");
+    }
+
+    return null;
+  };
+
+  var subname = name.substring(name.length - 1, name.length);
+  return /*#__PURE__*/React.createElement("div", {
+    className: itemCls
+  }, /*#__PURE__*/React.createElement("div", {
+    className: itemHeaderCls
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "avator"
+  }, avator ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("img", {
+    className: 'picture',
+    src: avator,
+    alt: ""
+  }), getIcon()) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: 'subname',
+    style: {
+      backgroundColor: color
+    }
+  }, subname), getIcon())), /*#__PURE__*/React.createElement("div", {
+    className: "content"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'name'
+  }, name), getApprovalText()), /*#__PURE__*/React.createElement("div", {
+    className: "right"
+  }, time)), type !== 'start' && /*#__PURE__*/React.createElement("div", {
+    className: itemBodyCls
+  }, "sdf"));
+};
+
+var Approval = function Approval(props) {
+  var _props$status2 = props.status,
+      status = _props$status2 === void 0 ? 1 : _props$status2,
+      _props$steps = props.steps,
+      steps = _props$steps === void 0 ? [] : _props$steps;
+  var cacheColorMap = new Map();
+  steps.forEach(function (step, i) {
+    if (i === 0) {
+      step.status = status;
+    } else {
+      step.status = 2;
+    }
+
+    if (!step.color) {
+      if (cacheColorMap.has(step.name)) {
+        step.color = cacheColorMap.get(step.name);
+      } else {
+        var index = parseInt(Math.random() * 4 + '');
+        var color = colors[index];
+        step.color = color;
+        cacheColorMap.set(step.name, color);
+      }
+    }
+  });
+  var list = steps.map(function (step) {
+    return /*#__PURE__*/React.createElement(ApprovalItem, Object.assign({}, step));
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, list);
+};
+
+var LMApproval = function LMApproval(props) {
+  var className = props.className,
+      others = __rest(props, ["className"]);
+
+  return /*#__PURE__*/React.createElement(LMDrawer, Object.assign({
+    className: classNames(className, prefixCls)
+  }, others), /*#__PURE__*/React.createElement(Approval, Object.assign({}, others)));
+};
+
+export default LMApproval;