@titaui/pc 1.6.8 → 1.6.12

package/lib/components/menus/components/menu-tree/tree-node/index.css

@@ -0,0 +1,360 @@
+.titaui-menus-tree__group-name-node {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  padding: 0 12px;
+}
+
+.titaui-menus-tree__group-name-node-title {
+  font-size: 12px;
+  font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
+  font-weight: 400;
+  color: #89919f;
+  line-height: 18px;
+}
+
+.titaui-menus-tree__menu-item-node {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  padding: 0 8px;
+  cursor: pointer;
+}
+
+.titaui-menus-tree__menu-item-node:hover .titaui-menus-tree__menu-item-node-title {
+  color: #2879ff;
+}
+
+.titaui-menus-tree__menu-item-node-indent {
+  display: inline-block;
+  width: 16px;
+}
+
+.titaui-menus-tree__menu-item-node-title {
+  font-size: 14px;
+  color: #3f4755;
+  line-height: 22px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+}
+
+.titaui-menus-tree__menu-item-node-icon {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  margin-right: 6px;
+  vertical-align: middle;
+}
+
+.titaui-menus-tree__menu-item-node-icon.okr {
+  background-image: url("../images/okr-menu/okr.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.kaohe {
+  background-image: url("../images/appraisal-menu/kaohe.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.uniEA10 {
+  background-image: url("../images/appraisal-menu/uniEA10.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.ZBmuban {
+  background-image: url("../images/appraisal-menu/ZBmuban.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.untitled {
+  background-image: url("../images/appraisal-menu/untitled.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.PF-shezhi {
+  background-image: url("../images/appraisal-menu/PF-shezhi.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.bumen {
+  background-image: url("../images/appraisal-menu/bumen.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.caidan-xiashu {
+  background-image: url("../images/caidan-xiashu.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.guanzhu {
+  background-image: url("../images/okr-menu/guanzhu.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.okr-gongsi-m {
+  background-image: url("../images/okr-menu/okr-gongsi.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.ditu {
+  background-image: url("../images/okr-menu/ditu.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.yibiao {
+  background-image: url("../images/yibiao.svg");
+}
+
+.titaui-menus-tree__menu-item-node-icon.rw-zx {
+  background-image: url("../images/okr-menu/rw-zx.svg");
+}
+
+.titaui-menus-tree__menu-node {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  padding: 0 8px;
+  cursor: pointer;
+}
+
+.titaui-menus-tree__menu-node-title {
+  font-size: 14px;
+  color: #3f4755;
+  line-height: 22px;
+  font-family: Resource-Han-Rounded-CN-Medium, Resource-Han-Rounded-CN;
+  font-weight: 500;
+}
+
+.titaui-menus-tree__menu-node-icon {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  margin-right: 6px;
+  vertical-align: middle;
+}
+
+.titaui-menus-tree__menu-node-icon.okr {
+  background-image: url("../images/okr-menu/okr.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.kaohe {
+  background-image: url("../images/appraisal-menu/kaohe.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.uniEA10 {
+  background-image: url("../images/appraisal-menu/uniEA10.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.ZBmuban {
+  background-image: url("../images/appraisal-menu/ZBmuban.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.untitled {
+  background-image: url("../images/appraisal-menu/untitled.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.PF-shezhi {
+  background-image: url("../images/appraisal-menu/PF-shezhi.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.bumen {
+  background-image: url("../images/appraisal-menu/bumen.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.caidan-xiashu {
+  background-image: url("../images/caidan-xiashu.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.guanzhu {
+  background-image: url("../images/okr-menu/guanzhu.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.okr-gongsi-m {
+  background-image: url("../images/okr-menu/okr-gongsi.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.ditu {
+  background-image: url("../images/okr-menu/ditu.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.yibiao {
+  background-image: url("../images/yibiao.svg");
+}
+
+.titaui-menus-tree__menu-node-icon.rw-zx {
+  background-image: url("../images/okr-menu/rw-zx.svg");
+}
+
+.titaui-menus-tree__company-all-node {
+  display: flex;
+  align-items: center;
+  text-align: left;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  padding: 0 8px;
+  cursor: pointer;
+}
+
+.titaui-menus-tree__company-all-node-title {
+  font-size: 14px;
+  color: #3f4755;
+  line-height: 22px;
+  font-family: Resource-Han-Rounded-CN-Medium, Resource-Han-Rounded-CN;
+  font-weight: 500;
+}
+
+.titaui-menus-tree__company-all-node-icon {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  margin-right: 6px;
+  vertical-align: middle;
+}
+
+.titaui-menus-tree__company-all-node-icon.okr {
+  background-image: url("../images/okr-menu/okr.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.kaohe {
+  background-image: url("../images/appraisal-menu/kaohe.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.uniEA10 {
+  background-image: url("../images/appraisal-menu/uniEA10.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.ZBmuban {
+  background-image: url("../images/appraisal-menu/ZBmuban.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.untitled {
+  background-image: url("../images/appraisal-menu/untitled.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.PF-shezhi {
+  background-image: url("../images/appraisal-menu/PF-shezhi.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.bumen {
+  background-image: url("../images/appraisal-menu/bumen.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.caidan-xiashu {
+  background-image: url("../images/caidan-xiashu.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.guanzhu {
+  background-image: url("../images/okr-menu/guanzhu.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.okr-gongsi-m {
+  background-image: url("../images/okr-menu/okr-gongsi.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.ditu {
+  background-image: url("../images/okr-menu/ditu.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.yibiao {
+  background-image: url("../images/yibiao.svg");
+}
+
+.titaui-menus-tree__company-all-node-icon.rw-zx {
+  background-image: url("../images/okr-menu/rw-zx.svg");
+}
+
+.titaui-menus-tree__user-concern-node {
+  position: relative;
+  display: flex;
+  align-items: center;
+  text-align: left;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  padding: 0 8px;
+  cursor: pointer;
+}
+
+.titaui-menus-tree__user-concern-node-title {
+  font-size: 14px;
+  color: #3f4755;
+  line-height: 22px;
+  font-family: Resource-Han-Rounded-CN-Medium, Resource-Han-Rounded-CN;
+  font-weight: 500;
+}
+
+.titaui-menus-tree__user-concern-node-icon {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  margin-right: 6px;
+  vertical-align: middle;
+}
+
+.titaui-menus-tree__user-concern-node-icon.okr {
+  background-image: url("../images/okr-menu/okr.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.kaohe {
+  background-image: url("../images/appraisal-menu/kaohe.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.uniEA10 {
+  background-image: url("../images/appraisal-menu/uniEA10.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.ZBmuban {
+  background-image: url("../images/appraisal-menu/ZBmuban.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.untitled {
+  background-image: url("../images/appraisal-menu/untitled.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.PF-shezhi {
+  background-image: url("../images/appraisal-menu/PF-shezhi.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.bumen {
+  background-image: url("../images/appraisal-menu/bumen.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.caidan-xiashu {
+  background-image: url("../images/caidan-xiashu.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.guanzhu {
+  background-image: url("../images/okr-menu/guanzhu.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.okr-gongsi-m {
+  background-image: url("../images/okr-menu/okr-gongsi.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.ditu {
+  background-image: url("../images/okr-menu/ditu.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.yibiao {
+  background-image: url("../images/yibiao.svg");
+}
+
+.titaui-menus-tree__user-concern-node-icon.rw-zx {
+  background-image: url("../images/okr-menu/rw-zx.svg");
+}
+
+.titaui-menus-tree__user-concern-node-add {
+  position: absolute;
+  right: 8px;
+  display: inline-block;
+  height: 14px;
+  width: 14px;
+  background: url(../images/user-concern-add.svg) transparent no-repeat 50% 50%;
+}

package/lib/components/menus/components/menu-tree/tree-node/index.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _menuItemNode = _interopRequireDefault(require("./menu-item-node"));
+
+var _menuNode = _interopRequireDefault(require("./menu-node"));
+
+var _groupNameNode = _interopRequireDefault(require("./group-name-node"));
+
+var _userConcernNode = _interopRequireDefault(require("./user-concern-node"));
+
+var _componyNode = _interopRequireDefault(require("./compony-node"));
+
+var _departNode = _interopRequireDefault(require("./depart-node"));
+
+var _userNode = _interopRequireDefault(require("./user-node"));
+
+var _companyAllNode = _interopRequireDefault(require("./company-all-node"));
+
+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, _ref) {
+  var onExpand = _ref.onExpand,
+      renderSwitcher = _ref.renderSwitcher;
+
+  switch (node.nodeType) {
+    case 'company-all':
+      return /*#__PURE__*/_react["default"].createElement(_companyAllNode["default"], node);
+
+    case 'compony-node':
+      return /*#__PURE__*/_react["default"].createElement(_componyNode["default"], _extends({}, node, {
+        level: level,
+        onExpand: onExpand,
+        renderSwitcher: renderSwitcher
+      }));
+
+    case 'user':
+      return /*#__PURE__*/_react["default"].createElement(_userNode["default"], _extends({}, node, {
+        level: level,
+        onExpand: onExpand,
+        renderSwitcher: renderSwitcher
+      }));
+
+    case 'user-concern':
+      return /*#__PURE__*/_react["default"].createElement(_userConcernNode["default"], _extends({}, node, {
+        level: level,
+        onExpand: onExpand,
+        renderSwitcher: renderSwitcher
+      }));
+
+    case "group-name":
+      return /*#__PURE__*/_react["default"].createElement(_groupNameNode["default"], _extends({}, node, {
+        level: level
+      }));
+
+    case "depart-node":
+      return /*#__PURE__*/_react["default"].createElement(_departNode["default"], _extends({}, node, {
+        level: level,
+        onExpand: onExpand
+      }));
+
+    case "menu":
+      return /*#__PURE__*/_react["default"].createElement(_menuNode["default"], _extends({}, node, {
+        level: level,
+        onExpand: onExpand,
+        renderSwitcher: renderSwitcher
+      }));
+
+    case "menu-item":
+      return /*#__PURE__*/_react["default"].createElement(_menuItemNode["default"], _extends({}, node, {
+        level: level,
+        onExpand: onExpand,
+        renderSwitcher: renderSwitcher
+      }));
+
+    default:
+      return;
+  }
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/menu-tree/tree-node/menu-item-node.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _precls = _interopRequireDefault(require("../precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(props) {
+  var data = props.data,
+      level = props.level;
+
+  var onNodeClickHandler = function onNodeClickHandler() {
+    if (data.href) {
+      window.location.href = data.href;
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-item-node")),
+    onClick: onNodeClickHandler
+  }, level > 0 && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-item-node-indent"))
+  }), data.icon && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-item-node-icon"), data.icon)
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-item-node-title"), 'noselect')
+  }, props.title));
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/menu-tree/tree-node/menu-node.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _precls = _interopRequireDefault(require("../precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(props) {
+  var onExpand = props.onExpand,
+      data = props.data;
+
+  var onExpandHander = function onExpandHander(e) {
+    onExpand(e);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-node")),
+    onClick: onExpandHander
+  }, data.icon && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-node-icon"), data.icon)
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__menu-node-title"), 'noselect')
+  }, props.title));
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/menu-tree/tree-node/user-concern-node.js

@@ -0,0 +1,86 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _userSelector = require("../../../../user-selector");
+
+var _requestApis = require("../../../request-apis");
+
+var _popDownNotification = require("../../../../pop-down-notification");
+
+var _precls = _interopRequireDefault(require("../precls"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+var _default = function _default(props) {
+  var onExpand = props.onExpand,
+      title = props.title,
+      data = props.data;
+  var userRef = (0, _react.useRef)();
+
+  var onExpandHander = function onExpandHander(e) {
+    onExpand(e);
+  };
+
+  var onAddConcernHandler = function onAddConcernHandler(e) {
+    e.stopPropagation(); // @ts-ignore
+
+    userRef.current && userRef.current.open();
+  };
+
+  var onUserSelectHandler = function onUserSelectHandler(users, _, e) {
+    (0, _requestApis.addFollower)(users[0].data.userId).then(function (res) {
+      if (res.Message) {
+        _popDownNotification.Toast.Error(res.Message, {});
+
+        onExpand(e);
+        return;
+      }
+
+      debugger;
+    })["catch"](function (err) {
+      return console.log(err);
+    });
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__user-concern-node")),
+    onClick: onExpandHander
+  }, data.icon && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__user-concern-node-icon"), data.icon)
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__user-concern-node-title"), 'noselect')
+  }, title), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(_precls["default"], "__user-concern-node-add"), 'noselect'),
+    onClick: onAddConcernHandler
+  }), /*#__PURE__*/_react["default"].createElement(_userSelector.FieldPersonSelector, {
+    ref: userRef,
+    multiple: false,
+    position: "bottomLeft",
+    onSelect: onUserSelectHandler,
+    disabledDepartSelect: true,
+    showSearchInput: true,
+    trigger: /*#__PURE__*/_react["default"].createElement("span", null),
+    panes: {
+      'depart': false,
+      'group': false
+    }
+  }));
+};
+
+exports["default"] = _default;

package/lib/components/menus/components/menu-tree/tree-node/user-node/index.css

@@ -0,0 +1,56 @@
+.titaui-menus-tree__user-node {
+  display: flex;
+  align-items: center;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 12px;
+  cursor: pointer;
+  position: relative;
+}
+
+.titaui-menus-tree__user-node:hover .titaui-menus-tree__user-node-username {
+  color: #2879ff;
+}
+
+.titaui-menus-tree__user-node-avatar {
+  display: inline-block;
+  line-height: 24px;
+  width: 24px;
+  height: 24px;
+  font-size: 12px;
+  border-radius: 50%;
+  color: white;
+  margin-right: 8px;
+}
+
+.titaui-menus-tree__user-node-avatar-slice {
+  display: inline-block;
+  width: 18px;
+  text-indent: 6px;
+  overflow: hidden;
+}
+
+.titaui-menus-tree__user-node-username {
+  font-size: 14px;
+  font-family: Resource-Han-Rounded-CN-Normal, Resource-Han-Rounded-CN;
+  font-weight: 400;
+  color: #3f4755;
+  line-height: 20px;
+}
+
+.titaui-menus-tree__user-node-sub {
+  position: absolute;
+  width: 24px;
+  height: 24px;
+  color: #2879ff;
+  right: 0;
+  top: 8px;
+  cursor: pointer;
+  display: flex;
+  justify-items: center;
+  align-items: center;
+}
+
+.titaui-menus-tree__user-node-sub:hover {
+  color: #5C8EFF;
+}