@titaui/pc 1.11.4-0 → 1.11.4-0.beta-2

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

@@ -0,0 +1,299 @@
+.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;
+  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: 92px;
+  margin-left: 24px;
+}
+
+.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;
+  box-sizing: border-box;
+  width: 82px;
+  height: 32px;
+  padding: 4px;
+  text-align: left;
+  line-height: 32px;
+  margin-left: 28px;
+}
+
+.titaui-task-tree__e-task-node-actions-date > span {
+  vertical-align: text-bottom;
+}
+
+.titaui-task-tree__e-task-node-actions-date--canedit:hover {
+  border-radius: 8px;
+  border: 1px solid #DFE3EA;
+  padding: 3px;
+}
+
+.titaui-task-tree__e-task-node-actions-progress {
+  position: relative;
+  top: 3px;
+  color: #89919f;
+  cursor: auto;
+  width: 68px;
+  margin-left: 20px;
+}
+
+.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: 92px;
+  margin-left: 24px;
+}
+
+.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;
+  box-sizing: border-box;
+  width: 82px;
+  height: 32px;
+  padding: 4px;
+  text-align: left;
+  line-height: 32px;
+  margin-left: 28px;
+}
+
+.titaui-task-tree__e-project-node-actions-date > span {
+  vertical-align: text-bottom;
+}
+
+.titaui-task-tree__e-project-node-actions-date--canedit:hover {
+  border-radius: 8px;
+  border: 1px solid #DFE3EA;
+  padding: 3px;
+}
+
+.titaui-task-tree__e-project-node-actions-progress {
+  position: relative;
+  top: 3px;
+  color: #89919f;
+  cursor: auto;
+  width: 68px;
+  margin-left: 20px;
+}
+
+.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,16 @@
+.titaui-task-tree {
+  position: relative;
+  overflow: hidden;
+}
+
+.titaui-task-tree .rc-tree-treenode {
+  padding: 0 4px;
+}
+
+.titaui-task-tree .rc-tree-treenode .rc-tree-node-content-wrapper {
+  width: 100% !important;
+}
+
+.titaui-task-tree .rc-tree-treenode-switcher-close:hover {
+  background: #f0f4fa;
+}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _taskNodeRender = _interopRequireDefault(require("./task-item-node/task-node-render"));
+
+var _tree = _interopRequireDefault(require("../tree"));
+
+var _precls = _interopRequireDefault(require("./precls"));
+
+require("./task-tree.css");
+
+var _excluded = ["dataSource", "defaultExpandedKeys", "draggable"];
+
+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); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+var TaskTree = function TaskTree(props) {
+  var dataSource = props.dataSource,
+      defaultExpandedKeys = props.defaultExpandedKeys,
+      _props$draggable = props.draggable,
+      draggable = _props$draggable === void 0 ? false : _props$draggable,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _precls["default"]
+  }, /*#__PURE__*/_react["default"].createElement(_tree["default"], _extends({
+    draggable: draggable,
+    defaultExpandedKeys: defaultExpandedKeys,
+    treeData: dataSource,
+    titleRender: _taskNodeRender["default"],
+    allowDrop: function allowDrop() {
+      return true;
+    }
+  }, restProps)));
+};
+
+var _default = TaskTree;
+exports["default"] = _default;

package/lib/components/time-picker/index.css

@@ -19,10 +19,28 @@
   border-color: #2879ff;
 }
 
+.tita-ui__time-picker-trigger--disabled {
+  cursor: not-allowed;
+}
+
+.tita-ui__time-picker-trigger--disabled .tita-ui__time-picker-input {
+  cursor: not-allowed;
+}
+
+.tita-ui__time-picker-trigger--disabled:hover {
+  border-color: #e9ecf0;
+}
+
 .tita-ui__time-picker-inputs {
   flex: 1;
 }
 
+.tita-ui__time-picker-inputs--placeholder input,
+  .tita-ui__time-picker-inputs--placeholder span {
+  text-shadow: 0 0 0 #bfc7d5;
+  color: transparent;
+}
+
 .tita-ui__time-picker-input {
   width: 16px;
   padding: 0;
@@ -44,9 +62,15 @@
 
 .tita-ui__time-picker-icon {
   font-size: 16px;
+  color: #3f4755;
   cursor: pointer;
 }
 
+.tita-ui__time-picker-icon::before {
+  transform: scale(0.5);
+  display: inline-block;
+}
+
 .tita-ui__time-picker-icon:hover {
   color: #2879ff;
 }

package/lib/components/time-picker/time-picker-selector.js

@@ -47,9 +47,8 @@ var TimePickerSelector = function TimePickerSelector(props) {
       minutes = _props$timeData.minutes,
       _props$timeSetting = props.timeSetting,
       hour = _props$timeSetting.hour,
-      setHour = _props$timeSetting.setHour,
       minute = _props$timeSetting.minute,
-      setMinute = _props$timeSetting.setMinute,
+      setTime = _props$timeSetting.setTime,
       _props$visibleSetting = props.visibleSetting,
       visible = _props$visibleSetting.visible,
       setVisible = _props$visibleSetting.setVisible,
@@ -59,11 +58,10 @@ var TimePickerSelector = function TimePickerSelector(props) {
   var pickerMenuItemActiveIndexRef = (0, _react.useRef)(0);
   var timerRef = (0, _react.useRef)();
 
-  var onItemClickHandler = function onItemClickHandler(_ref) {
-    var hour = _ref.hour,
-        minute = _ref.minute;
-    setHour(hour);
-    setMinute(minute);
+  var onItemClickHandler = function onItemClickHandler(time) {
+    // setHour(hour);
+    // setMinute(minute);
+    setTime(time);
     setVisible(false);
   };
 
@@ -84,6 +82,7 @@ var TimePickerSelector = function TimePickerSelector(props) {
           pickerMenuItemActiveIndexRef.current = hIndex + mIndex + 1 + hIndex * (minutes.length - 1);
         }
 
+        var time = "".concat(h, ":").concat(m);
         return (
           /*#__PURE__*/
           // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
@@ -93,12 +92,9 @@ var TimePickerSelector = function TimePickerSelector(props) {
             }),
             key: m,
             onClick: function onClick() {
-              return onItemClickHandler({
-                hour: h,
-                minute: m
-              });
+              return onItemClickHandler(time);
             }
-          }, "".concat(h, ":").concat(m))
+          }, time)
         );
       });
     }), /*#__PURE__*/_react["default"].createElement("p", {