@titaui/pc 1.15.20-beta.4 → 1.15.20-beta.5

package/lib/components/nav-top/components/app-center/images/quick.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>OKR 目标</title>
+    <defs>
+        <linearGradient x1="93.0938721%" y1="100%" x2="58.0596924%" y2="57.6904297%" id="linearGradient-1">
+            <stop stop-color="#FFD15E" offset="0%"></stop>
+            <stop stop-color="#FFC637" offset="78.8761029%"></stop>
+            <stop stop-color="#FFC32C" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="导航" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="快捷入口" transform="translate(-136.000000, -98.000000)">
+            <g id="菜单" transform="translate(0.000000, 54.000000)">
+                <g id="编组-21" transform="translate(120.000000, 32.000000)">
+                    <g id="OKR-目标" transform="translate(16.000000, 12.000000)">
+                        <path d="M7.46667804,1.42220516 C13.1555878,-0.474068385 18.8444122,-0.474068385 24.533322,1.42220516 C26.8087323,2.2663208 29.7336137,5.19128562 30.5777299,7.4666944 C32.47409,13.155515 32.47409,18.844421 30.5777299,24.5333269 C29.7336137,26.8086504 26.8087323,29.7336152 24.533322,30.5777308 C18.8444122,32.4740897 13.1555878,32.4740897 7.46667804,30.5777308 C5.19135308,29.7336152 2.26638631,26.8086504 1.4222701,24.5333269 C-0.474090035,18.844421 -0.474090035,13.155515 1.4222701,7.4666944 C2.26638631,5.19128562 5.19135308,2.2663208 7.46667804,1.42220516" id="background" fill="url(#linearGradient-1)"></path>
+                        <g id="验收标准规范库" transform="translate(4.000000, 4.000000)" fill-rule="nonzero">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                            <g id="闪电">
+                                <rect id="矩形" fill="#F6BD16" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                                <path d="M11.9573624,15.9479022 L8.20069499,15.9479022 C7.71022824,15.9479022 7.37189483,15.4569688 7.5464282,14.9989353 L11.2792956,5.2008001 C11.3826842,4.9294091 11.6429117,4.75000001 11.9333291,4.75000001 L18.232397,4.75000001 C18.729397,4.75000001 19.0681971,5.25353345 18.8805971,5.7139002 L16.7070967,11.0488346 L20.7988308,11.0488346 C21.4005976,11.0488346 21.7216643,11.758168 21.3247642,12.2103681 L9.50537109,21.8832397 C9.01770434,22.4390398 8.11353748,21.9574397 8.30277086,21.2427395 L11.9573624,15.9479022 Z" id="路径" fill-opacity="0.4" fill="#FFFFFF"></path>
+                                <path d="M9.95736238,13.9479022 L6.20069499,13.9479022 C5.71022824,13.9479022 5.37189483,13.4569688 5.5464282,12.9989353 L9.27929559,3.2008001 C9.38268419,2.9294091 9.64291165,2.75000001 9.93332906,2.75000001 L16.232397,2.75000001 C16.729397,2.75000001 17.0681971,3.25353345 16.8805971,3.7139002 L14.7070967,9.04883456 L18.7988308,9.04883456 C19.4005976,9.04883456 19.7216643,9.75816804 19.3247642,10.2103681 L9.29282894,21.6413704 C8.80516218,22.1971705 7.90099532,21.7155704 8.0902287,21.0008702 L9.95736238,13.9479022 Z" id="路径" fill="#FFFFFF"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/components/app-center/index.css

@@ -46,6 +46,10 @@
   background-size: contain;
 }
 
+.app-center__app-item-icon--quick {
+  background-image: url("./images/quick.svg");
+}
+
 .app-center__app-item-icon--chart {
   background-image: url(./images/chart.svg);
 }
@@ -137,6 +141,10 @@
   padding: 0 16px;
 }
 
+.app-center__app-item--quick:hover {
+  background-color: rgba(255, 178, 0, 0.1);
+}
+
 .app-center__app-item--okr:hover, .app-center__app-item--demo:hover {
   background-color: rgba(40, 121, 255, 0.1);
 }

package/lib/components/quick-entrance/index.css

@@ -35,21 +35,31 @@
 .titaui-quick-entrance-dialog__content__left-wrapper {
   margin-top: 20px;
   overflow-y: scroll;
+  overflow-y: overlay;
   height: 95%;
 }
 
+.titaui-quick-entrance-dialog__content__left-wrapper::-webkit-scrollbar {
+  display: none;
+}
+
+.titaui-quick-entrance-dialog__content__left-wrapper:hover::-webkit-scrollbar {
+  display: block;
+}
+
 .titaui-quick-entrance-dialog__content__left__item:nth-child(1) {
   padding-top: 0px;
 }
 
 .titaui-quick-entrance-dialog__content__left__item {
-  padding: 20px 25px 0 20px;
+  padding: 20px 20px 0 20px;
 }
 
 .titaui-quick-entrance-dialog__content__left__item__menu-one {
   display: flex;
   flex-direction: row;
   align-items: center;
+  margin-bottom: 8px;
 }
 
 .titaui-quick-entrance-dialog__content__left__item__menu-one__icon {
@@ -77,12 +87,19 @@
   border-radius: 8px;
 }
 
+.titaui-quick-entrance-dialog__content__left__item__menu-two:hover {
+  background: #F0F4FA;
+  cursor: pointer;
+}
+
 .titaui-quick-entrance-dialog__content__left__item__menu-two__title {
   margin-left: 36px;
 }
 
 .titaui-quick-entrance-dialog__content__left__item__menu-two__checkbox {
+  display: inline-block;
   padding-top: 10px;
+  padding-right: 6px;
 }
 
 .titaui-quick-entrance-dialog__content__right {
@@ -90,7 +107,7 @@
   border-left: 1px solid #DFE3EA;
   height: 100%;
   box-sizing: border-box;
-  padding: 23px 20px;
+  padding: 20px 20px;
   overflow-y: scroll;
 }
 

package/lib/components/quick-entrance/index.js

@@ -21,7 +21,7 @@ var _bsGlobal = require("../../utils/bs-global");
 
 var _requestApi = require("./request-api");
 
-var _renderCheckbox = _interopRequireDefault(require("./render-checkbox"));
+var _checkbox = _interopRequireDefault(require("../checkbox"));
 
 require("./index.css");
 
@@ -158,8 +158,27 @@ var QuickEntranceDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     return true;
   };
 
-  var _handleOnchangeCheckBox = function handleOnchangeCheckBox(e, item) {
-    var isChecked = e;
+  var isCheckedById = function isCheckedById(id, appId) {
+    var index = entrancelist.findIndex(function (item) {
+      return item.id === id;
+    });
+
+    if (index !== -1) {
+      return true;
+    } else {
+      return false;
+    }
+  };
+
+  var handleClickMenuTwoItem = function handleClickMenuTwoItem(item) {
+    var findItem = entrancelist.find(function (i) {
+      return i.id === item.id;
+    });
+    var isChecked = true;
+
+    if (findItem) {
+      isChecked = false;
+    }
 
     var newEntrancelist = _toConsumableArray(entrancelist);
 
@@ -190,18 +209,6 @@ var QuickEntranceDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     }
   };
 
-  var _isCheckedById = function isCheckedById(id, appId) {
-    var index = entrancelist.findIndex(function (item) {
-      return item.id === id;
-    });
-
-    if (index !== -1) {
-      return true;
-    } else {
-      return false;
-    }
-  };
-
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
     wrapClassName: "".concat(preCls, "__wrap"),
     noFooterLine: true,
@@ -231,19 +238,17 @@ var QuickEntranceDialog = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
       className: "".concat(preCls, "__content__left__item__menu-one__title")
     }, item.title)), item.children.length > 0 && item.children.map(function (i) {
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(preCls, "__content__left__item__menu-two")
+        className: "".concat(preCls, "__content__left__item__menu-two"),
+        onClick: function onClick() {
+          return handleClickMenuTwoItem(i);
+        }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(preCls, "__content__left__item__menu-two__title")
       }, i.title), /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(preCls, "__content__left__item__menu-two__checkbox")
-      }, /*#__PURE__*/_react["default"].createElement(_renderCheckbox["default"], {
-        isCheckedById: function isCheckedById() {
-          return _isCheckedById(i.id, i.appId);
-        },
-        entrancelist: entrancelist,
-        item: i,
-        handleOnchangeCheckBox: function handleOnchangeCheckBox(e) {
-          return _handleOnchangeCheckBox(e, i);
+      }, /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+        checked: function checked() {
+          return isCheckedById(i.id, i.appId);
         }
       })));
     }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.15.20-beta.4",
+  "version": "1.15.20-beta.5",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",

package/lib/components/quick-entrance/render-checkbox.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-
-require("./index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var RenderCheckbox = function RenderCheckbox(props) {
-  var item = props.item,
-      handleOnchangeCheckBox = props.handleOnchangeCheckBox,
-      isCheckedById = props.isCheckedById;
-  return (
-    /*#__PURE__*/
-    //@ts-ignore
-    _react["default"].createElement(_checkbox["default"], {
-      checked: function checked() {
-        return isCheckedById(item.id, item.appId);
-      },
-      onChange: function onChange(e) {
-        return handleOnchangeCheckBox(e, item);
-      }
-    })
-  );
-};
-
-var _default = RenderCheckbox;
-exports["default"] = _default;