@titaui/pc 1.7.60 → 1.7.64

package/lib/components/okr-detail/components/okr-tree/tree-node/o-child-node/index.js

@@ -11,22 +11,30 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _okrType = _interopRequireDefault(require("../../../okr-type"));
+var _bsGlobal = require("../../../../../../utils/bs-global");
 
-var _iconText = _interopRequireDefault(require("../../../icon-text"));
+var _auth = require("../../../../../../utils/auth");
 
-var _avatar = _interopRequireDefault(require("../../../../../avatar"));
-
-var _progress = _interopRequireDefault(require("../../../../../progress"));
+var _context = require("../../../../context");
 
 var _utils = require("../../../../../progress/utils");
 
 var _drawerManager = _interopRequireDefault(require("../../../../../drawer-manager"));
 
+var _progress = _interopRequireDefault(require("../../../../../progress"));
+
 var _oClassify = _interopRequireDefault(require("../../../o-classify"));
 
+var _avatar = _interopRequireDefault(require("../../../../../avatar"));
+
+var _iconText = _interopRequireDefault(require("../../../icon-text"));
+
+var _okrType = _interopRequireDefault(require("../../../okr-type"));
+
 var _precls = _interopRequireDefault(require("../../precls"));
 
+var _editChildOkrWeight = _interopRequireDefault(require("./edit-child-okr-weight"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -50,24 +58,37 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var SeasonTectMap = {
-  1: '一',
-  2: '二',
-  3: '三',
-  4: '四'
+  1: "一",
+  2: "二",
+  3: "三",
+  4: "四"
 };
 
 var _default = function _default(props) {
-  var _React$createElement;
+  var _getBSGlobal, _getBSGlobal$KRSettin, _React$createElement;
 
   var data = props.data,
       style = props.style,
       title = props.title;
 
-  var _useState = (0, _react.useState)(data.principalUser),
-      _useState2 = _slicedToArray(_useState, 1),
-      user = _useState2[0];
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      editVisible = _useState2[0],
+      setEditVisible = _useState2[1];
+
+  var _useContext = (0, _react.useContext)(_context.CommonContext),
+      refreshAll = _useContext.refreshAll,
+      okrInfo = _useContext.okrInfo;
+
+  var _useState3 = (0, _react.useState)(data.principalUser),
+      _useState4 = _slicedToArray(_useState3, 1),
+      user = _useState4[0];
 
-  var _useState3 = (0, _react.useState)(function () {
+  var _useState5 = (0, _react.useState)(((_getBSGlobal = (0, _bsGlobal.getBSGlobal)("OkrAdvancedSetting")) === null || _getBSGlobal === void 0 ? void 0 : (_getBSGlobal$KRSettin = _getBSGlobal.KRSetting) === null || _getBSGlobal$KRSettin === void 0 ? void 0 : _getBSGlobal$KRSettin.OKrWeight) || false),
+      _useState6 = _slicedToArray(_useState5, 1),
+      OKrWeightSetting = _useState6[0];
+
+  var _useState7 = (0, _react.useState)(function () {
     // 时间周期
     var cycleType = data.cycleType,
         yqmnum = data.yqmnum,
@@ -89,8 +110,28 @@ var _default = function _default(props) {
         return "\u81EA\u5B9A\u4E49 ".concat(startDate, "-").concat(endDate);
     }
   }),
-      _useState4 = _slicedToArray(_useState3, 1),
-      cycleDateStr = _useState4[0];
+      _useState8 = _slicedToArray(_useState7, 1),
+      cycleDateStr = _useState8[0]; // 权限 & 非结束目标
+
+
+  var _useState9 = (0, _react.useState)(function () {
+    var hasAuth = new _auth.ChildAuth({
+      principalUser: okrInfo.principalUser
+    }).hasAuth();
+    var livetime = okrInfo.status != 2;
+    return hasAuth && livetime;
+  }),
+      _useState10 = _slicedToArray(_useState9, 1),
+      canEdit = _useState10[0];
+
+  var openWeightEditModal = function openWeightEditModal() {
+    return setEditVisible(true);
+  };
+
+  var handleOk = function handleOk() {
+    setEditVisible(false);
+    refreshAll();
+  };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__o-child-node")),
@@ -102,7 +143,7 @@ var _default = function _default(props) {
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__o-child-node-title")),
     onClick: function onClick() {
-      _drawerManager["default"].open('okrDetail', {
+      _drawerManager["default"].open("okrDetail", {
         okrId: data.workId
       });
     }
@@ -115,11 +156,11 @@ var _default = function _default(props) {
   }, /*#__PURE__*/_react["default"].createElement(_okrType["default"], {
     editable: false,
     type: {
-      'okrType': data.okrType,
-      'departmentId': data.departmentId,
-      'departmentName': data.departmentName,
-      'groupId': data.groupId,
-      'groupName': data.groupName
+      okrType: data.okrType,
+      departmentId: data.departmentId,
+      departmentName: data.departmentName,
+      groupId: data.groupId,
+      groupName: data.groupName
     }
   }), /*#__PURE__*/_react["default"].createElement(_avatar["default"].Text, {
     name: user.name,
@@ -133,13 +174,28 @@ var _default = function _default(props) {
     icon: "tu-icon-deferred"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__o-child-node-right"))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, OKrWeightSetting && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_precls["default"], "__o-child-node-weight")
+  }, /*#__PURE__*/_react["default"].createElement(_iconText["default"], {
+    width: 60,
+    editable: canEdit,
+    content: "".concat(data.pweight, "%"),
+    onTextClick: openWeightEditModal,
+    icon: "tu-icon-app-quanzhong"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__o-child-node-progress"))
   }, /*#__PURE__*/_react["default"].createElement(_progress["default"], (_React$createElement = {
     percent: data.progress,
     width: 40,
     backgroundColor: "#F7F8FA"
-  }, _defineProperty(_React$createElement, "width", 40), _defineProperty(_React$createElement, "textColor", data.status === 2 ? "#89919f" : _utils.OkrRiskMapping[data.manualRiskLevel].textColor), _defineProperty(_React$createElement, "color", data.status === 2 ? "linear-gradient(270deg, #BFC7D5, #E1E5EC)" : _utils.OkrRiskMapping[data.manualRiskLevel].line), _React$createElement))))));
+  }, _defineProperty(_React$createElement, "width", 40), _defineProperty(_React$createElement, "textColor", data.status === 2 ? "#89919f" : _utils.OkrRiskMapping[data.manualRiskLevel].textColor), _defineProperty(_React$createElement, "color", data.status === 2 ? "linear-gradient(270deg, #BFC7D5, #E1E5EC)" : _utils.OkrRiskMapping[data.manualRiskLevel].line), _React$createElement))))), /*#__PURE__*/_react["default"].createElement(_editChildOkrWeight["default"], {
+    okrId: okrInfo.workId,
+    visible: editVisible,
+    onCancel: function onCancel() {
+      return setEditVisible(false);
+    },
+    onOk: handleOk
+  }));
 };
 
 exports["default"] = _default;

package/lib/components/okr-detail/components/okr-tree/tree-node/o-child-node/weight-input.js

@@ -0,0 +1,95 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _tooltip = _interopRequireDefault(require("../../../../../tooltip"));
+
+require("./index.css");
+
+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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var precls = "child-okrs-weight";
+
+var WeightInput = function WeightInput(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      workId = props.workId;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isError = _useState2[0],
+      setIsError = _useState2[1];
+
+  var onChangeHandler = function onChangeHandler(e) {
+    var currentValue = e.currentTarget.value;
+    setIsError(!/^(\d{1,2}(\.\d{1})?|100)$/g.test(currentValue));
+    onChange({
+      workId: workId,
+      value: currentValue,
+      isError: isError
+    });
+  };
+
+  var onBlurHandler = function onBlurHandler(e) {
+    var currentValue = e.currentTarget.value;
+
+    if (currentValue == "") {
+      onChange({
+        workId: workId,
+        value: 0,
+        isError: false
+      });
+      setIsError(false);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(precls, "__item-weight-content"), _defineProperty({}, "".concat(precls, "__item-weight-content--error"), isError))
+  }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Error, {
+    overlay: /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        color: "#F05E5E"
+      }
+    }, "\u4EC5\u5141\u8BB8\u8F93\u5165 0-100 \u7684\u6570\u5B57\uFF0C\u4EC5\u652F\u6301\u4E00\u4F4D\u5C0F\u6570"),
+    placement: "top",
+    visible: isError
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    className: "".concat(precls, "__item-weight-input"),
+    type: "number",
+    value: value,
+    onChange: onChangeHandler,
+    onBlur: onBlurHandler
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(precls, "__item-weight-suffix")
+  }, "%"));
+};
+
+var _default = WeightInput;
+exports["default"] = _default;

package/lib/components/okr-detail/request-apis.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.workDelete = exports.updateVisibility = exports.updateTaskStatus = exports.updateTaskPrincipal = exports.updateTaskDate = exports.updateProgressDesc = exports.updateProgress = exports.updateParentId = exports.updateOkrVisibility = exports.updateOkrPrincipal = exports.updateOkrName = exports.updateOCommitType = exports.updateOClassify = exports.updateKrProgressAndStatus = exports.updateKrPrincipal = exports.updateKrName = exports.updateKrDate = exports.updateConfidenceIndex = exports.updateClassify = exports.transferPrincipal = exports.start = exports.setTaskPriority = exports.saveODesc = exports.remindAction = exports.krChangeOrder = exports.getRelWorks = exports.getRelProgress = exports.getProgress = exports.getPraiseComments = exports.getOrg = exports.getOkrUsers = exports.getOkrDetail = exports.getKrsByCondition = exports.getKrs = exports.getFeedById = exports.deleteUser = exports.deleteProgressDesc = exports.deleteKr = exports.createNewKr = exports.close = exports.cancelRel = exports.cancelPraise = exports.cancelParentOkr = exports.addUserRelation = exports.addUser = exports.addPraise = exports.addComment = void 0;
+exports.workDelete = exports.updateVisibility = exports.updateTaskStatus = exports.updateTaskPrincipal = exports.updateTaskDate = exports.updateProgressDesc = exports.updateProgress = exports.updateParentId = exports.updateOkrVisibility = exports.updateOkrPrincipal = exports.updateOkrName = exports.updateOCommitType = exports.updateOClassify = exports.updateKrProgressAndStatus = exports.updateKrPrincipal = exports.updateKrName = exports.updateKrDate = exports.updateConfidenceIndex = exports.updateClassify = exports.updateChildOkrWeight = exports.transferPrincipal = exports.start = exports.setTaskPriority = exports.saveODesc = exports.remindAction = exports.krChangeOrder = exports.getRelWorks = exports.getRelProgress = exports.getProgress = exports.getPraiseComments = exports.getOrg = exports.getOkrUsers = exports.getOkrDetail = exports.getKrsByCondition = exports.getKrs = exports.getFeedById = exports.deleteUser = exports.deleteProgressDesc = exports.deleteKr = exports.createNewKr = exports.close = exports.cancelRel = exports.cancelPraise = exports.cancelParentOkr = exports.addUserRelation = exports.addUser = exports.addPraise = exports.addComment = void 0;
 
 var _qs = _interopRequireDefault(require("qs"));
 
@@ -11,6 +11,18 @@ var _request = require("../../utils/request");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -517,4 +529,15 @@ var getRelWorks = function getRelWorks(okrId) {
   return (0, _request.rget)("v1")("okr/detail/relWorks?okrId=".concat(okrId));
 };
 
-exports.getRelWorks = getRelWorks;
+exports.getRelWorks = getRelWorks;
+
+var updateChildOkrWeight = function updateChildOkrWeight(data) {
+  return (0, _request.rpost)('v1')('okr/weight/save', {
+    OkrWeights: _toConsumableArray(data)
+  }, {
+    // "headers": { "Content-Type": "application/x-www-form-urlencoded" },
+    "transformRequest": _qs["default"].stringify
+  });
+};
+
+exports.updateChildOkrWeight = updateChildOkrWeight;

package/lib/components/upload/index.js

@@ -329,6 +329,19 @@ var Upload = /*#__PURE__*/function (_PureComponent) {
       });
     };
 
+    _this.getImgIndex = function (index) {
+      var newIndex = 0;
+      var uploadSuccessFiles = _this.state.uploadSuccessFiles;
+
+      for (var i = 0; i < index; i++) {
+        if ((0, _util.isImg)(uploadSuccessFiles[i].FileType)) {
+          newIndex++;
+        }
+      }
+
+      return newIndex;
+    };
+
     _this.handlerUploadPreviewOptions = function (index, options) {
       var _this$props2 = _this.props,
           onSubmit = _this$props2.onSubmit,
@@ -356,7 +369,9 @@ var Upload = /*#__PURE__*/function (_PureComponent) {
           uploadSuccessFiles: uploadResultFiles
         });
       } else if (options === 'preview') {
-        _this.refs.imgViewerRef.show(index);
+        var imgIndex = _this.getImgIndex(index);
+
+        _this.refs.imgViewerRef.show(imgIndex);
       } else if (options === 'reupload') {
         var _reUploadFileInfo = _this.state.uploadSuccessFiles[index];
         var reUploadFile = _this.state.selectFiles[_reUploadFileInfo.FileName];

package/lib/components/version-change-modal/index.js

@@ -19,7 +19,7 @@ var _constant = require("./constant");
 
 require("./index.css");
 
-var _helpers = require("&/utils/helpers");
+var _helpers = require("../../utils/helpers");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/lib/components/weekly-report/common-painter/openDataPainter.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = _default;
 
-var _openData = require("&/components/common/openData");
+var _openData = require("../../../utils/open-data");
 
-var _helper = require("&/components/helper");
+var _bsGlobal = require("../../../utils/bs-global");
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
@@ -33,7 +33,7 @@ function _ref() {
             maxWidth = _args.length > 3 && _args[3] !== undefined ? _args[3] : Infinity;
             name = openDataParams.name;
 
-            if (!(0, _helper.isWx)()) {
+            if (!(0, _bsGlobal.isWx)()) {
               _context.next = 6;
               break;
             }

package/lib/utils/auth.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasSuperior = exports.OAuth = exports.KRAuth = exports.EAuth = exports.DynamicManagerAuth = exports.BaseAuth = void 0;
+exports.hasSuperior = exports.OAuth = exports.KRAuth = exports.EAuth = exports.DynamicManagerAuth = exports.ChildAuth = exports.BaseAuth = void 0;
 
 var _bsGlobal = require("./bs-global");
 
@@ -246,4 +246,39 @@ var DynamicManagerAuth = /*#__PURE__*/function (_BaseAuth4) {
   return DynamicManagerAuth;
 }(BaseAuth);
 
-exports.DynamicManagerAuth = DynamicManagerAuth;
+exports.DynamicManagerAuth = DynamicManagerAuth;
+
+var ChildAuth = /*#__PURE__*/function (_BaseAuth5) {
+  _inherits(ChildAuth, _BaseAuth5);
+
+  var _super5 = _createSuper(ChildAuth);
+
+  function ChildAuth(props) {
+    var _this5;
+
+    _classCallCheck(this, ChildAuth);
+
+    _this5 = _super5.call(this, props);
+    var principalUser = props.principalUser;
+    _this5.userId = _this5.loginUserInfor.Id;
+    _this5.principalUser = principalUser;
+    return _this5;
+  }
+
+  _createClass(ChildAuth, [{
+    key: "isPrincipalUser",
+    value: function isPrincipalUser() {
+      return this.userId == this.principalUser.userId;
+    } // 超管、助理、目标管理员以及目标负责人可以修改此目标下对齐子目标的权重；
+
+  }, {
+    key: "hasAuth",
+    value: function hasAuth() {
+      return this.isManager() || this.isPrincipalUser();
+    }
+  }]);
+
+  return ChildAuth;
+}(BaseAuth);
+
+exports.ChildAuth = ChildAuth;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@titaui/pc",
-  "version": "1.7.60",
+  "version": "1.7.64",
   "nameCN": "",
   "description": "",
-  "main": "src/index.js",
+  "main": "lib/index.js",
   "scripts": {
     "storybook": "start-storybook -p 6006 --no-dll",
     "start": "dev_server=on webpack-dev-server --disableHostCheck=true --progress --colors  --config webpack-stories.config.js",

package/src/components/avatar/default.tsx

@@ -1,173 +0,0 @@
-import React, { FC, useState, useCallback } from "react";
-import { isWechat, OpenUserName } from "../../utils/open-data";
-import Tooltip from "../tooltip";
-import CloseSvg from "./img/avatar-close-normal.svg";
-import CloseRedSvg from './img/avatar-close-red.svg';
-
-import "./index.scss";
-interface IAvatarProps {
-  src?: string;
-  name: string;
-  color: string;
-  size?: Size;
-  userId?: number;
-  style?: React.CSSProperties;
-  nameTips?: (string) => React.ReactElement;
-  showNameTips?: boolean;
-  onClick?: any;
-  onMouseEnter?: any;
-  onMouseLeave?: any;
-  canDelUser?: boolean;
-  onDelUser?: Function;
-}
-
-interface Size {
-  width: number;
-  textNum: number;
-  fontSize: number;
-}
-
-const Avatar: FC<IAvatarProps> = (props) => {
-  const {
-    size = { width: 24, textNum: 1, fontSize: 12 },
-    src,
-    userId,
-    style,
-    name,
-    onClick,
-    onMouseEnter,
-    onMouseLeave,
-    nameTips = (name) => name,
-    showNameTips = false,
-    color,
-    canDelUser,
-    onDelUser,
-  } = props;
-
-  const [mouseIsEnter, setMouseIsEnter] = useState(false);
-  const [mouseIsEnterCloseIcon, setMouseIsEnterCloseIcon] = useState(false);
-
-  const handleDelUser = () => {
-    onDelUser && onDelUser({ name, id: userId });
-  };
-
-  const handleMouseEnter = useCallback(() => {
-    setMouseIsEnter(true);
-  }, []);
-
-  const handleMouseLeave = useCallback(() => {
-    setMouseIsEnter(false);
-  }, []);
-
-  const handleCloseIconMouseEnter = useCallback(() => {
-    setMouseIsEnterCloseIcon(true);
-  }, []);
-
-  const handleCloseIconMouseLeave = useCallback(() => {
-    setMouseIsEnterCloseIcon(false);
-  }, []);
-
-  const renderImgAvatar = () => {
-    return (
-      <img
-        style={{ width: size.width, height: size.width, verticalAlign: "top" }}
-        src={src}
-      />
-    );
-  };
-  const renderTextAvatar = () => {
-    if (isWechat())
-      return (
-        <div
-          className="titaui-pc-avatar--text"
-          style={{
-            width: size.width,
-            height: size.width,
-            backgroundColor: color,
-          }}
-        >
-          <div
-            style={{
-              display: "inline-block",
-              width: size.fontSize + "px",
-              margin: "0 auto",
-              overflow: "hidden",
-              whiteSpace: "nowrap",
-              fontSize: size.fontSize + "px",
-              lineHeight: size.width + "px",
-            }}
-          >
-            <OpenUserName name={name} id={userId} />
-          </div>
-        </div>
-      );
-    let cuttedName = "";
-    let cuttedNameLen = 0;
-    for (let i = 0, lent = name.length; i < lent; i++) {
-      let len = 1;
-      name[i].match(/[0-9a-z]/) && (len = 0.6);
-      if (cuttedNameLen + len > size.textNum) break;
-      cuttedNameLen += len;
-      cuttedName += name[i];
-    }
-
-    return (
-      <div
-        className="titaui-pc-avatar--text"
-        style={{
-          width: size.width,
-          height: size.width,
-          backgroundColor: color,
-          fontSize: size.fontSize + "px",
-        }}
-      >
-        {cuttedName}
-      </div>
-    );
-  };
-
-  const hasAvatar = src && !src.match(/default\w*.jpg$/);
-  const avatarContent = hasAvatar ? renderImgAvatar() : renderTextAvatar();
-
-  let avatar = (
-    <div
-      className="titaui-pc-avator-container"
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-    >
-      <div
-        onClick={handleDelUser}
-        onMouseLeave={handleCloseIconMouseLeave}
-        onMouseEnter={handleCloseIconMouseEnter}
-        className={`titaui-pc-avator__delete-wrapper ${canDelUser && mouseIsEnter ? "titaui-pc-avator--enter" : ""
-          }`}
-      >
-        <img width={6} height={6} src={mouseIsEnterCloseIcon ? CloseRedSvg : CloseSvg} />
-      </div>
-      <div
-        className="titaui-pc-avator-wrapper"
-        style={style}
-        onClick={onClick}
-        onMouseEnter={onMouseEnter}
-        onMouseLeave={onMouseLeave}
-      >
-        {avatarContent}
-      </div>
-    </div>
-  );
-
-  if (showNameTips) {
-    avatar = (
-      <Tooltip
-        overlay={nameTips(<OpenUserName name={name} id={userId} />)}
-        placement="top"
-        align={{ offset: [0, 5] }}
-      >
-        {avatar}
-      </Tooltip>
-    );
-  }
-  return avatar;
-};
-
-export default Avatar;

package/src/components/avatar/icon-avatar/index.scss

@@ -1,13 +0,0 @@
-.tita-icon-avatar{
-  position: relative;
-  .titaui-pc-avator-container{
-    display: inline-flex;
-  }
-  &-image{
-    position: absolute;
-    width: 18px;
-    height: 18px;
-    bottom: -3px;
-    right: -2px;
-  }
-}

package/src/components/avatar/icon-avatar/index.tsx

@@ -1,42 +0,0 @@
-import React, { FC } from "react";
-import Avatar from "../default";
-import attitudeArr from "../../upvote/attitude";
-
-import "./index.scss";
-
-interface IconAvatarProps {
-  userId?: any;
-  avatar?: any;
-  name?: any;
-  type?: Number;
-  [key: string]: any;
-}
-
-const IconAvatar: FC<IconAvatarProps> = ({
-  userId,
-  avatar,
-  name,
-  type,
-  ...restProps
-}) => {
-  return (
-    <div className={`tita-icon-avatar`}>
-      <Avatar
-        userId={userId}
-        src={avatar.HasAvatar || avatar.hasAvatar ? avatar.medium : ""}
-        color={avatar.color}
-        name={name}
-        {...restProps}
-      />
-      <img
-        className={`tita-icon-avatar-image`}
-        src={
-          // @ts-ignore
-          attitudeArr.find((att) => att.type == type).img
-        }
-      />
-    </div>
-  );
-};
-
-export default IconAvatar;