@titaui/pc 1.11.4-1 → 1.11.4-2

package/lib/components/task-tree/task-item-node/index.css

@@ -0,0 +1,290 @@
+.titaui-task-tree__e-task-node {
+  display: flex;
+  align-items: center;
+  padding: 2px 0;
+  width: 100%;
+}
+
+.titaui-task-tree__e-task-node-prefix {
+  position: relative;
+  top: 2px;
+  display: inline-block;
+  width: 21px;
+  vertical-align: top;
+}
+
+.titaui-task-tree__e-task-node-prefix .tu-icon-jiantou-right:before {
+  color: #89919f;
+}
+
+.titaui-task-tree__e-task-node-title {
+  height: 22px;
+  font-size: 14px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #3f4755;
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  word-break: keep-all;
+  padding-top: 1px;
+  flex: 1;
+}
+
+.titaui-task-tree__e-task-node-priority {
+  display: inline-block;
+  margin-right: 4px;
+  vertical-align: top;
+}
+
+.titaui-task-tree__e-task-node-priority > span {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  vertical-align: text-bottom;
+  height: 16px;
+  width: 16px;
+}
+
+.titaui-task-tree__e-task-node-priority-p1 {
+  background: url(../images/P1.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-priority-p2 {
+  background: url(../images/P2.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-priority-p3 {
+  background: url(../images/P3.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-priority-p4 {
+  background: url(../images/P4.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-priority-p5 {
+  background: url(../images/P5.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-task-node-actions {
+  display: flex;
+  align-items: center;
+  float: right;
+}
+
+.titaui-task-tree__e-task-node-actions-user {
+  display: inline-block;
+  width: 64px;
+  margin-left: 16px;
+}
+
+.titaui-task-tree__e-task-node-actions-date {
+  font-size: 12px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #89919f;
+  line-height: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  box-sizing: border-box;
+  width: 78px;
+  height: 26px;
+  padding: 4px;
+  text-align: left;
+  line-height: 26px;
+}
+
+.titaui-task-tree__e-task-node-actions-date > span {
+  vertical-align: text-bottom;
+}
+
+.titaui-task-tree__e-task-node-actions-progress {
+  position: relative;
+  top: 3px;
+  color: #89919f;
+  cursor: auto;
+  width: 64px;
+  margin-left: 16px;
+  margin-right: 4px;
+}
+
+.titaui-task-tree__e-task-node-actions-progress .tooltip-text-wrapper {
+  margin-left: 4px;
+}
+
+.titaui-task-tree__e-task-node-actions-connect {
+  display: inline-block;
+  color: #cccccc;
+  margin-left: 27px;
+  margin-right: 10px;
+}
+
+.titaui-task-tree__e-task-node-actions-connect:hover {
+  color: #2879ff;
+}
+
+.titaui-task-tree__e-task-node-select-priority {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin-right: 10px;
+  vertical-align: text-bottom;
+}
+
+.titaui-task-tree__e-project-node {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 2px 0;
+}
+
+.titaui-task-tree__e-project-node-prefix {
+  display: inline-block;
+  font-size: 14px;
+  width: 21px;
+  color: #89919f;
+  line-height: 1;
+}
+
+.titaui-task-tree__e-project-node-title {
+  display: inline-flex;
+  font-size: 14px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #3f4755;
+  line-height: 22px;
+  overflow: hidden;
+  white-space: nowrap;
+  word-break: keep-all;
+  flex: 1;
+}
+
+.titaui-task-tree__e-project-node-title-name {
+  overflow: hidden;
+}
+
+.titaui-task-tree__e-project-node-title-approvaling {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 36px;
+  padding: 0 6px;
+  height: 20px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #f05e5e;
+  background: rgba(240, 94, 94, 0.1);
+  border-radius: 10px;
+  margin-left: 8px;
+}
+
+.titaui-task-tree__e-project-node-gray {
+  color: #bfc7d5 !important;
+}
+
+.titaui-task-tree__e-project-node-priority {
+  display: inline-block;
+  margin-right: 4px;
+  vertical-align: top;
+}
+
+.titaui-task-tree__e-project-node-priority > span {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  vertical-align: text-bottom;
+  height: 16px;
+  width: 16px;
+}
+
+.titaui-task-tree__e-project-node-priority-p1 {
+  background: url(../images/P1.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-priority-p2 {
+  background: url(../images/P2.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-priority-p3 {
+  background: url(../images/P3.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-priority-p4 {
+  background: url(../images/P4.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-priority-p5 {
+  background: url(../images/P5.svg) transparent no-repeat 50% 50%;
+}
+
+.titaui-task-tree__e-project-node-actions {
+  display: flex;
+  align-items: center;
+  float: right;
+}
+
+.titaui-task-tree__e-project-node-actions-user {
+  display: inline-block;
+  width: 64px;
+  margin-left: 16px;
+}
+
+.titaui-task-tree__e-project-node-actions-date {
+  font-size: 12px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #89919f;
+  line-height: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  box-sizing: border-box;
+  width: 78px;
+  height: 26px;
+  padding: 4px;
+  text-align: left;
+  line-height: 26px;
+}
+
+.titaui-task-tree__e-project-node-actions-date > span {
+  vertical-align: text-bottom;
+}
+
+.titaui-task-tree__e-project-node-actions-progress {
+  position: relative;
+  top: 3px;
+  color: #89919f;
+  cursor: auto;
+  width: 64px;
+  margin-left: 16px;
+  margin-right: 4px;
+}
+
+.titaui-task-tree__e-project-node-actions-progress .tooltip-text-wrapper {
+  margin-left: 4px;
+}
+
+.titaui-task-tree__e-project-node-actions-connect {
+  display: inline-block;
+  color: #cccccc;
+  margin-left: 27px;
+  margin-right: 10px;
+}
+
+.titaui-task-tree__e-project-node-actions-connect:hover {
+  color: #2879ff;
+}
+
+.titaui-task-tree__e-empty-node {
+  font-size: 12px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  color: #a4acb9;
+  line-height: 18px;
+  padding-left: 12px;
+}
+
+.titaui-task-tree__e-empty-node:hover {
+  cursor: text;
+}
+
+.e-node-status-icon {
+  color: #89919f;
+}

package/lib/components/task-tree/task-item-node/task-node-render.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _eTask = _interopRequireDefault(require("./e-task"));
+
+var _eProject = _interopRequireDefault(require("./e-project"));
+
+var _eEmpty = _interopRequireDefault(require("./e-empty"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = function _default(node, level) {
+  switch (node.nodeType) {
+    case "e-task":
+      return /*#__PURE__*/_react["default"].createElement(_eTask["default"], _extends({}, node, {
+        level: level
+      }));
+
+    case "e-project":
+      return /*#__PURE__*/_react["default"].createElement(_eProject["default"], _extends({}, node, {
+        level: level
+      }));
+
+    case "e-empty":
+      return /*#__PURE__*/_react["default"].createElement(_eEmpty["default"], _extends({}, node, {
+        level: level
+      }));
+
+    default:
+  }
+};
+
+exports["default"] = _default;

package/lib/components/task-tree/task-tree.css

@@ -0,0 +1,8 @@
+.titaui-task-tree {
+  position: relative;
+  overflow: hidden;
+}
+
+.titaui-task-tree .rc-tree-treenode-switcher-close:hover {
+  background: #F7F8FA;
+}

package/{es/components/okr-detail/components/okr-tree/index.js → lib/components/task-tree/task-tree.js}

@@ -3,21 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _taskNodeRender = _interopRequireDefault(require("./task-item-node/task-node-render"));
 
-var _tree = _interopRequireDefault(require("../../../tree"));
-
-var _treeNode = _interopRequireDefault(require("./tree-node"));
+var _tree = _interopRequireDefault(require("../tree"));
 
 var _precls = _interopRequireDefault(require("./precls"));
 
-require("./index.scss");
+require("./task-tree.css");
 
-var _excluded = ["data", "defaultExpandedKeys", "draggable"];
+var _excluded = ["dataSource", "defaultExpandedKeys", "draggable"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -27,22 +25,25 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _default(props) {
-  var data = props.data,
+var TaskTree = function TaskTree(props) {
+  var dataSource = props.dataSource,
       defaultExpandedKeys = props.defaultExpandedKeys,
-      draggable = props.draggable,
+      _props$draggable = props.draggable,
+      draggable = _props$draggable === void 0 ? false : _props$draggable,
       restProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(_precls["default"])
+    className: _precls["default"]
   }, /*#__PURE__*/_react["default"].createElement(_tree["default"], _extends({
     draggable: draggable,
     defaultExpandedKeys: defaultExpandedKeys,
-    treeData: data,
-    titleRender: _treeNode["default"],
+    treeData: dataSource,
+    titleRender: _taskNodeRender["default"],
     allowDrop: function allowDrop() {
       return true;
-    },
-    className: "okr-list-tree"
+    }
   }, restProps)));
-}
+};
+
+var _default = TaskTree;
+exports["default"] = _default;

package/lib/components/tita-chart/errorBoundary/index.js

@@ -37,7 +37,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(ErrorBoundary);
 
   function ErrorBoundary() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, ErrorBoundary);
 
@@ -45,7 +45,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.state = {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.state = {
       hasError: false
     }, _this.renderError = function (e) {
       var errorTemplate = _this.props.errorTemplate;
@@ -55,7 +55,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           // fallback
           return errorTemplate && typeof errorTemplate === "function" ? errorTemplate(e) : /*#__PURE__*/_react["default"].createElement("h5", null, "\u7EC4\u4EF6\u51FA\u9519\u4E86\uFF0C\u8BF7\u6838\u67E5\u540E\u91CD\u8BD5\uFF1A", e.message);
       }
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(ErrorBoundary, [{

package/lib/components-v1/animate/AnimateChild.js

@@ -45,7 +45,7 @@ var AnimateChild = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(AnimateChild);
 
   function AnimateChild() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, AnimateChild);
 
@@ -53,14 +53,14 @@ var AnimateChild = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.componentWillEnter = function (done) {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.componentWillEnter = function (done) {
       _this.transition("enter", done);
     }, _this.componentWillLeave = function (done) {
       _this.transition("leave", done);
     }, _this.transition = function (animationType, done) {
       var name = _typeof(_this.props.transitionName) === "object" ? _this.props.transitionName[animationType] : "".concat(_this.props.transitionName, "-").concat(animationType);
       (0, _animate["default"])((0, _reactDom.findDOMNode)(_assertThisInitialized(_this)), name, done);
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(AnimateChild, [{

package/lib/components-v1/avatar/index.js

@@ -45,7 +45,7 @@ var Avatar = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(Avatar);
 
   function Avatar() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, Avatar);
 
@@ -53,7 +53,7 @@ var Avatar = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.renderImgAvatar = function () {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.renderImgAvatar = function () {
       var src = _this.props.src;
       return /*#__PURE__*/_react["default"].createElement("img", {
         style: {
@@ -103,7 +103,7 @@ var Avatar = /*#__PURE__*/function (_PureComponent) {
         height: size.width,
         background: color
       }, cuttedName);
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(Avatar, [{

package/lib/components-v1/dropDownSelector/StatelessDropdown.js

@@ -47,7 +47,7 @@ var StatelessDropdown = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(StatelessDropdown);
 
   function StatelessDropdown() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, StatelessDropdown);
 
@@ -55,7 +55,7 @@ var StatelessDropdown = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.renderLabel = function () {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.renderLabel = function () {
       if (_this.props.labelText) {
         return /*#__PURE__*/_react["default"].createElement("span", {
           className: "drop-down-label"
@@ -63,7 +63,7 @@ var StatelessDropdown = /*#__PURE__*/function (_Component) {
       }
 
       return "";
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(StatelessDropdown, [{

package/lib/components-v1/progress/CircleProgress.js

@@ -41,7 +41,7 @@ var CircleProgress = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(CircleProgress);
 
   function CircleProgress() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, CircleProgress);
 
@@ -49,7 +49,7 @@ var CircleProgress = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.getTextContent = function () {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.getTextContent = function () {
       var _this$props = _this.props,
           formatText = _this$props.formatText,
           percent = _this$props.percent;
@@ -59,7 +59,7 @@ var CircleProgress = /*#__PURE__*/function (_Component) {
       }
 
       return percent + getLocale("OKR_MyO_Pop_Upd_Percentage");
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(CircleProgress, [{

package/lib/components-v1/select/Option.js

@@ -47,7 +47,7 @@ var Option = /*#__PURE__*/function (_Component) {
   var _super = _createSuper(Option);
 
   function Option() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, Option);
 
@@ -55,7 +55,7 @@ var Option = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleSelect = function (e) {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleSelect = function (e) {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
       var onSelect = _this.props.onSelect;
@@ -65,7 +65,7 @@ var Option = /*#__PURE__*/function (_Component) {
         height: _this.props.height,
         lineHeight: _this.props.height
       };
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(Option, [{

package/lib/components-v1/userSelector/UserSelectorPop.js

@@ -52,7 +52,7 @@ var UserSelectorPop = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(UserSelectorPop);
 
   function UserSelectorPop() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, UserSelectorPop);
 
@@ -60,7 +60,7 @@ var UserSelectorPop = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function (e) {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleShowPop = function (e) {
       if (_this.props.stopPropagation && !!e) {
         e.stopPropagation();
         e.nativeEvent.stopImmediatePropagation();
@@ -74,7 +74,7 @@ var UserSelectorPop = /*#__PURE__*/function (_PureComponent) {
     }, _this.show = function (el) {
       // @ts-ignore
       _this.refs.pop.show(el);
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(UserSelectorPop, [{

package/lib/components-v1/userSelector/components/MultiMode/index.js

@@ -61,7 +61,7 @@ var MutiMode = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(MutiMode);
 
   function MutiMode() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, MutiMode);
 
@@ -69,7 +69,7 @@ var MutiMode = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleDepartment = function (d) {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleDepartment = function (d) {
       var _this$props = _this.props,
           selectedDept = _this$props.selectedDept,
           onSelectDept = _this$props.onSelectDept;
@@ -90,7 +90,7 @@ var MutiMode = /*#__PURE__*/function (_PureComponent) {
       });
       if (!filterdUsers.length) return;
       onSelectUser(filterdUsers);
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(MutiMode, [{

package/lib/components-v1/userSelector/components/UserItem.js

@@ -47,7 +47,7 @@ var UserItem = /*#__PURE__*/function (_PureComponent) {
   var _super = _createSuper(UserItem);
 
   function UserItem() {
-    var _temp, _this;
+    var _this;
 
     _classCallCheck(this, UserItem);
 
@@ -55,7 +55,7 @@ var UserItem = /*#__PURE__*/function (_PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.handleClick = function () {
+    return _possibleConstructorReturn(_this, (_this = _super.call.apply(_super, [this].concat(args)), _this.handleClick = function () {
       var _this$props = _this.props,
           onClick = _this$props.onClick,
           user = _this$props.user;
@@ -71,7 +71,7 @@ var UserItem = /*#__PURE__*/function (_PureComponent) {
           }
         }, keyword)];
       }));
-    }, _temp));
+    }, _assertThisInitialized(_this)));
   }
 
   _createClass(UserItem, [{

package/lib/index.js

@@ -471,6 +471,12 @@ Object.defineProperty(exports, "TaskRelationModal", {
     return _taskRelationModal["default"];
   }
 });
+Object.defineProperty(exports, "TaskTree", {
+  enumerable: true,
+  get: function get() {
+    return _taskTree["default"];
+  }
+});
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
   get: function get() {
@@ -782,4 +788,6 @@ var _picker = _interopRequireDefault(require("./components/picker"));
 
 var _timePicker = _interopRequireDefault(require("./components/time-picker"));
 
+var _taskTree = _interopRequireDefault(require("./components/task-tree"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.11.4-1",
+  "version": "1.11.4-2",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",