@titaui/pc 1.15.23 → 1.15.25-beta.2

package/lib/components/progress/ring-progress/index.css

@@ -0,0 +1,79 @@
+.titaui-ring-progress {
+  width: 140px;
+  height: 70px;
+  overflow: hidden;
+  position: relative;
+}
+
+.titaui-ring-progress__space {
+  position: absolute;
+  height: 24px;
+  width: 2px;
+  background: #ffffff;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 3;
+}
+
+.titaui-ring-progress__space::before, .titaui-ring-progress__space::after {
+  content: "";
+  height: 24px;
+  width: 2px;
+  background: #ffffff;
+  position: absolute;
+}
+
+.titaui-ring-progress__space::before {
+  transform: rotate(-45deg);
+  left: -42px;
+  top: 18px;
+}
+
+.titaui-ring-progress__space::after {
+  transform: rotate(45deg);
+  left: 42px;
+  top: 18px;
+}
+
+.titaui-ring-progress__total {
+  width: 140px;
+  height: 140px;
+  border-radius: 50%;
+  background: #e9f1ff;
+  position: absolute;
+  z-index: 1;
+}
+
+.titaui-ring-progress__done {
+  width: 140px;
+  height: 140px;
+  border-radius: 50%;
+  background: #2879ff;
+  position: absolute;
+  z-index: 2;
+  clip-path: polygon(0 0, 0 50%, 100% 50%, 100% 0);
+}
+
+.titaui-ring-progress__center {
+  width: 94px;
+  height: 94px;
+  border-radius: 50%;
+  background: #ffffff;
+  position: absolute;
+  z-index: 3;
+  left: 24px;
+  top: 24px;
+}
+
+.titaui-ring-progress__percent-text {
+  height: 70px;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  z-index: 4;
+  position: relative;
+  font-size: 22px;
+  font-weight: 600;
+  color: #141c28;
+  line-height: 22px;
+}

package/lib/components/progress/ring-progress/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _util = require("./util");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "titaui-ring-progress";
+
+var RingProgress = function RingProgress(_ref) {
+  var _ref$percent = _ref.percent,
+      percent = _ref$percent === void 0 ? 0 : _ref$percent;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__total")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__done"),
+    style: {
+      transform: "rotate(-".concat((0, _util.getRotateDeg)(percent), "deg)")
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__center")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__space")
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefix, "__percent-text")
+  }, percent, "%"));
+};
+
+var _default = RingProgress;
+exports["default"] = _default;

package/lib/components/progress/ring-progress/util.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRotateDeg = void 0;
+
+var getRotateDeg = function getRotateDeg(percent) {
+  return Math.ceil(180 - percent / 100 * 180);
+};
+
+exports.getRotateDeg = getRotateDeg;

package/lib/components/quick-entrance/img/canceled.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="导航" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="快捷入口-设置" transform="translate(-764.000000, -239.000000)" fill="#444444">
+            <g id="编组-5" transform="translate(80.000000, 110.000000)">
+                <g id="编组-4" transform="translate(401.000000, 119.000000)">
+                    <g id="canceled" transform="translate(283.000000, 10.000000)">
+                        <path d="M3.67140452,2.88954305 L8.00814045,7.22580712 L12.3452477,2.88954305 C12.5535273,2.68126343 12.8768366,2.65812125 13.1106784,2.82011651 L13.1937758,2.88954305 C13.4280904,3.12385763 13.4280904,3.50375661 13.1937758,3.73807119 L13.1937758,3.73807119 L8.85614045,8.07480712 L13.1937758,12.4119144 C13.4280904,12.6462289 13.4280904,13.0261279 13.1937758,13.2604425 C12.9594613,13.4947571 12.5795623,13.4947571 12.3452477,13.2604425 L8.00814045,8.92280712 L3.67140452,13.2604425 C3.4631249,13.4687221 3.13981562,13.4918643 2.90597385,13.329869 L2.82287638,13.2604425 C2.58856181,13.0261279 2.58856181,12.6462289 2.82287638,12.4119144 L2.82287638,12.4119144 L7.15914045,8.07480712 L2.82287638,3.73807119 C2.58856181,3.50375661 2.58856181,3.12385763 2.82287638,2.88954305 C3.05719096,2.65522847 3.43708995,2.65522847 3.67140452,2.88954305 Z" id="形状结合"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/quick-entrance/img/drag-icon.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="导航" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="快捷入口-设置" transform="translate(-489.000000, -238.000000)" fill="#6F7886" fill-rule="nonzero">
+            <g id="编组-5" transform="translate(80.000000, 110.000000)">
+                <g id="编组-4" transform="translate(401.000000, 119.000000)">
+                    <g id="shitu" transform="translate(8.000000, 9.000000)">
+                        <g id="拖拽" transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) translate(0.000000, 0.000000)">
+                            <rect id="矩形" opacity="0" x="0" y="0" width="18" height="18"></rect>
+                            <path d="M3.85714285,10.2857143 C3.2142857,10.2857143 2.57142857,10.9285714 2.57142857,11.5714286 C2.57142857,12.2142857 3.21428572,12.8571428 3.85714285,12.8571428 C4.49999998,12.8571428 5.14285715,12.2142857 5.14285715,11.5714286 C5.14285715,10.9285714 4.5,10.2857143 3.85714285,10.2857143 L3.85714285,10.2857143 Z M14.1428572,7.71428572 C14.7857143,7.71428572 15.4285714,7.07142857 15.4285714,6.42857143 C15.4285714,5.7857143 14.7857143,5.14285715 14.1428572,5.14285715 C13.5,5.14285715 12.8571428,5.7857143 12.8571428,6.42857143 C12.8571428,7.07142857 13.5,7.71428572 14.1428572,7.71428572 Z M3.85714285,5.14285715 C3.2142857,5.14285715 2.57142857,5.7857143 2.57142857,6.42857143 C2.57142857,7.07142857 3.21428572,7.71428572 3.85714285,7.71428572 C4.49999998,7.71428572 5.14285715,7.07142857 5.14285715,6.42857143 C5.14285715,5.7857143 4.5,5.14285715 3.85714285,5.14285715 L3.85714285,5.14285715 Z M14.1428572,10.2857143 C13.5,10.2857143 12.8571428,10.9285714 12.8571428,11.5714286 C12.8571428,12.2142857 13.5,12.8571428 14.1428572,12.8571428 C14.7857143,12.8571428 15.4285714,12.2142857 15.4285714,11.5714286 C15.4285714,10.9285714 14.7857143,10.2857143 14.1428572,10.2857143 Z M9,5.14285715 C8.35714285,5.14285715 7.71428572,5.7857143 7.71428572,6.42857143 C7.71428572,7.07142857 8.35714287,7.71428572 9,7.71428572 C9.64285713,7.71428572 10.2857143,7.07142857 10.2857143,6.42857143 C10.2857143,5.7857143 9.64285713,5.14285715 9,5.14285715 Z M9,10.2857143 C8.35714285,10.2857143 7.71428572,10.9285714 7.71428572,11.5714286 C7.71428572,12.2142857 8.35714287,12.8571428 9,12.8571428 C9.64285713,12.8571428 10.2857143,12.2142857 10.2857143,11.5714286 C10.2857143,10.9285714 9.64285713,10.2857143 9,10.2857143 Z" id="形状"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/quick-entrance/img/ork.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>OKR 目标</title>
+    <g id="导航" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="快捷入口-设置" transform="translate(-132.000000, -192.000000)">
+            <g id="编组-5" transform="translate(80.000000, 110.000000)">
+                <g id="OKR-目标" transform="translate(52.000000, 82.000000)">
+                    <path d="M6.53334329,1.24442951 C11.5111393,-0.414809837 16.4888607,-0.414809837 21.4666567,1.24442951 C23.4576407,1.9830307 26.016912,4.54237492 26.7555137,6.5333576 C28.4148288,11.5110756 28.4148288,16.4888684 26.7555137,21.4666611 C26.016912,23.4575691 23.4576407,26.0169133 21.4666567,26.7555145 C16.4888607,28.4148285 11.5111393,28.4148285 6.53334329,26.7555145 C4.54243394,26.0169133 1.98308802,23.4575691 1.24448634,21.4666611 C-0.41482878,16.4888684 -0.41482878,11.5110756 1.24448634,6.5333576 C1.98308802,4.54237492 4.54243394,1.9830307 6.53334329,1.24442951" id="background" fill-opacity="0.16" fill="#2879FF"></path>
+                    <g id="OKR" transform="translate(3.500000, 3.500000)">
+                        <rect id="矩形" x="0" y="0" width="21" height="21"></rect>
+                        <g id="OKR-s" transform="translate(1.995000, 1.863750)">
+                            <path d="M8.09375,1.085 C8.66199831,1.085 9.21658714,1.14358923 9.75181398,1.25505187 C9.38672791,1.92228989 9.27848041,2.66571244 9.43355306,3.37927085 L9.48798094,3.5923364 L9.555,3.82025 L6.77863573,6.77578425 L6.66849312,6.90164897 C5.90017515,7.83926871 5.91778637,9.17185929 6.69462529,10.070066 L6.816842,10.2014355 L6.93945026,10.3160503 L7.06773487,10.4206986 C7.98002533,11.1150318 9.26799621,11.0837868 10.1464754,10.3269636 L10.2816652,10.2014355 L12.93075,7.378875 L13.4182196,7.5224615 L13.6280665,7.57525344 L13.8294958,7.60785364 C14.5976374,7.70950435 15.330038,7.54676585 15.9329267,7.1631847 C16.0995953,7.80664622 16.1875,8.48242685 16.1875,9.17875 C16.1875,11.4134344 15.2818094,13.4368719 13.8172453,14.9022453 C12.3518719,16.3668094 10.3284344,17.2725 8.09375,17.2725 C5.85866094,17.2725 3.83522344,16.3668094 2.37065938,14.9022453 C0.906095313,13.4368719 0,11.4134344 0,9.17875 C0,6.94366094 0.906095313,4.92022344 2.37065938,3.45565938 C3.83522344,1.99109531 5.85866094,1.085 8.09375,1.085 Z M14.7185612,0.435678663 C14.8239579,0.541075399 14.9126613,0.661458095 14.9832696,0.796088175 L15.0477944,0.935440029 L15.093795,1.0677741 L15.28625,1.72375 L15.9426175,1.91659912 C16.6453566,2.12328707 17.0800593,2.80303357 17.0016942,3.5066142 L16.9809284,3.63870521 L16.9499513,3.76337771 C16.9078934,3.90637449 16.8446858,4.04189234 16.7603056,4.16834698 L16.668867,4.29172187 L16.5747165,4.39547664 L15.3340144,5.63617867 C15.0204895,5.94970364 14.5860527,6.10476039 14.1445462,6.06475024 L13.9972716,6.04413862 L13.8624868,6.01141824 L12.446875,5.59475 L9.16797205,9.08774229 C8.87883387,9.37688047 8.43768633,9.42136326 8.10177604,9.22119068 L8.0129666,9.16053232 L7.93053518,9.08774229 C7.62256899,8.77977609 7.59144025,8.29788368 7.84265547,7.95325009 L7.91134462,7.87013134 L11.319875,4.242 L10.9989816,3.14792444 C10.8877726,2.76981396 10.9322317,2.36779037 11.1166382,2.02435424 L11.1923199,1.89847311 L11.2809375,1.77905136 L11.3742165,1.67638069 L12.6149185,0.435678663 C13.1958234,-0.145226221 14.1376563,-0.145226221 14.7185612,0.435678663 Z M13.538875,1.98625 L12.72075,2.8035 L13.0585,3.950625 L14.2065,4.288375 L15.024625,3.47025 L14.3350399,3.26790447 C14.1344727,3.20891412 13.9632704,3.08063261 13.8471211,2.9014498 L13.7937531,2.80770177 L13.7513647,2.70366164 L13.538875,1.98625 Z" id="形状结合" fill="#2175FF"></path>
+                            <path d="M3.5,8.0889986 C3.98324916,8.0889986 4.375,8.48074944 4.375,8.9639986 C4.375,10.9936451 6.02035354,12.6389986 8.05,12.6389986 C8.53324916,12.6389986 8.925,13.0307494 8.925,13.5139986 C8.925,13.9972478 8.53324916,14.3889986 8.05,14.3889986 C5.05385523,14.3889986 2.625,11.9601434 2.625,8.9639986 C2.625,8.48074944 3.01675084,8.0889986 3.5,8.0889986 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/quick-entrance/img/performance.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>绩效管理</title>
+    <g id="导航" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="快捷入口-设置" transform="translate(-132.000000, -348.000000)">
+            <g id="编组-5" transform="translate(80.000000, 110.000000)">
+                <g id="绩效管理" transform="translate(52.000000, 238.000000)">
+                    <path d="M6.53334329,1.24442951 C11.5111393,-0.414809837 16.4888607,-0.414809837 21.4666567,1.24442951 C23.4576407,1.9830307 26.016912,4.54237492 26.7555137,6.5333576 C28.4148288,11.5110756 28.4148288,16.4888684 26.7555137,21.4666611 C26.016912,23.4575691 23.4576407,26.0169133 21.4666567,26.7555145 C16.4888607,28.4148285 11.5111393,28.4148285 6.53334329,26.7555145 C4.54243394,26.0169133 1.98308802,23.4575691 1.24448634,21.4666611 C-0.41482878,16.4888684 -0.41482878,11.5110756 1.24448634,6.5333576 C1.98308802,4.54237492 4.54243394,1.9830307 6.53334329,1.24442951" id="background备份" fill-opacity="0.16" fill="#FFB200"></path>
+                    <g id="OKR" transform="translate(3.500000, 3.500000)">
+                        <rect id="矩形" x="0" y="0" width="21" height="21"></rect>
+                        <g id="编组" transform="translate(2.625000, 2.625000)">
+                            <path d="M12.25,0 C14.1829966,0 15.75,1.56700338 15.75,3.5 L15.75,3.5 L15.75,12.25 C15.75,14.1829966 14.1829966,15.75 12.25,15.75 L12.25,15.75 L3.5,15.75 C1.56700338,15.75 0,14.1829966 0,12.25 L0,12.25 L0,3.5 C0,1.56700338 1.56700338,0 3.5,0 L3.5,0 Z M11.2811972,10.325 L4.4561972,10.325 C4.06959787,10.325 3.7561972,10.6384007 3.7561972,11.025 C3.7561972,11.4115993 4.06959787,11.725 4.4561972,11.725 L4.4561972,11.725 L11.2811972,11.725 C11.6677965,11.725 11.9811972,11.4115993 11.9811972,11.025 C11.9811972,10.6384007 11.6677965,10.325 11.2811972,10.325 L11.2811972,10.325 Z" id="形状结合" fill="#F6BD16" fill-rule="nonzero"></path>
+                            <path d="M8.90770601,2.32268098 C9.05405518,2.31973186 9.20113474,2.36280472 9.32537987,2.45183158 L9.41391406,2.52721704 L11.1363565,4.25962865 C11.3813835,4.50607373 11.4058861,4.88897619 11.2098646,5.16271274 L11.1363565,5.24957815 C10.8891933,5.49533378 10.5085653,5.51888235 10.2379137,5.32299674 L10.1521037,5.24957815 L9.58290022,4.67709611 L9.5843368,7.31219083 C9.59054936,7.3495778 9.5937818,7.38797209 9.5937818,7.42712136 C9.5937818,7.81149601 9.28218459,8.12309323 8.89780994,8.12309323 L7.03190022,8.12209611 L7.03284394,9.98805923 C7.03284394,10.3724339 6.72124673,10.6840311 6.33687208,10.6840311 C5.95249743,10.6840311 5.64090022,10.3724339 5.64090022,9.98805923 L5.64090022,7.44250295 C5.64090022,7.24601293 5.7223266,7.06854105 5.85327664,6.94199004 C5.97829177,6.81257588 6.15576364,6.7311495 6.35225367,6.7311495 L8.19090022,6.73109611 L8.19090022,4.72109611 L7.62830027,5.28802038 C7.35807038,5.5598143 6.91867327,5.5610822 6.64687935,5.29085232 C6.64593265,5.28991106 6.64498867,5.28896708 6.64404742,5.28802038 C6.3717953,5.01419252 6.3717953,4.57189875 6.64404742,4.29807089 L8.32931531,2.6023815 C8.45619913,2.43225904 8.65901628,2.32209611 8.88756337,2.32209611 L8.90770601,2.32268098 Z" id="形状结合" fill="#FFFFFF" transform="translate(8.491139, 6.503064) rotate(-315.000000) translate(-8.491139, -6.503064) "></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/quick-entrance/img/project.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>项目</title>
+    <g id="导航" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="快捷入口-设置" transform="translate(-132.000000, -504.000000)">
+            <g id="编组-5" transform="translate(80.000000, 110.000000)">
+                <g id="项目" transform="translate(52.000000, 394.000000)">
+                    <path d="M6.53334329,1.24442951 C11.5111393,-0.414809837 16.4888607,-0.414809837 21.4666567,1.24442951 C23.4576407,1.9830307 26.016912,4.54237492 26.7555137,6.5333576 C28.4148288,11.5110756 28.4148288,16.4888684 26.7555137,21.4666611 C26.016912,23.4575691 23.4576407,26.0169133 21.4666567,26.7555145 C16.4888607,28.4148285 11.5111393,28.4148285 6.53334329,26.7555145 C4.54243394,26.0169133 1.98308802,23.4575691 1.24448634,21.4666611 C-0.41482878,16.4888684 -0.41482878,11.5110756 1.24448634,6.5333576 C1.98308802,4.54237492 4.54243394,1.9830307 6.53334329,1.24442951" id="background备份" fill-opacity="0.16" fill="#624DFF"></path>
+                    <g id="OKR" transform="translate(3.500000, 3.500000)">
+                        <rect id="矩形" x="0" y="0" width="21" height="21"></rect>
+                        <g id="zongjie-s">
+                            <polygon id="Stroke-7" points="0 21 21 21 21 0 0 0"></polygon>
+                            <path d="M14.875,2.625 C16.8079966,2.625 18.375,4.19200338 18.375,6.125 L18.375,6.125 L18.375,14.875 C18.375,16.8079966 16.8079966,18.375 14.875,18.375 L14.875,18.375 L6.125,18.375 C4.19200338,18.375 2.625,16.8079966 2.625,14.875 L2.625,14.875 L2.625,6.125 C2.625,4.19200338 4.19200338,2.625 6.125,2.625 L6.125,2.625 Z M6.5625,13.125 C6.07925084,13.125 5.6875,13.5167508 5.6875,14 C5.6875,14.4832492 6.07925084,14.875 6.5625,14.875 C7.04574916,14.875 7.4375,14.4832492 7.4375,14 C7.4375,13.5167508 7.04574916,13.125 6.5625,13.125 Z M14.4375,13.125 L9.1875,13.125 C8.70425084,13.125 8.3125,13.5167508 8.3125,14 C8.3125,14.4832492 8.70425084,14.875 9.1875,14.875 L9.1875,14.875 L14.4375,14.875 C14.9207492,14.875 15.3125,14.4832492 15.3125,14 C15.3125,13.5167508 14.9207492,13.125 14.4375,13.125 L14.4375,13.125 Z M6.5625,9.625 C6.07925084,9.625 5.6875,10.0167508 5.6875,10.5 C5.6875,10.9832492 6.07925084,11.375 6.5625,11.375 C7.04574916,11.375 7.4375,10.9832492 7.4375,10.5 C7.4375,10.0167508 7.04574916,9.625 6.5625,9.625 Z M14.4375,9.625 L9.1875,9.625 C8.70425084,9.625 8.3125,10.0167508 8.3125,10.5 C8.3125,10.9832492 8.70425084,11.375 9.1875,11.375 L9.1875,11.375 L14.4375,11.375 C14.9207492,11.375 15.3125,10.9832492 15.3125,10.5 C15.3125,10.0167508 14.9207492,9.625 14.4375,9.625 L14.4375,9.625 Z M14.4375,6.125 L6.5625,6.125 C6.07925084,6.125 5.6875,6.51675084 5.6875,7 C5.6875,7.48324916 6.07925084,7.875 6.5625,7.875 L6.5625,7.875 L14.4375,7.875 C14.9207492,7.875 15.3125,7.48324916 15.3125,7 C15.3125,6.51675084 14.9207492,6.125 14.4375,6.125 L14.4375,6.125 Z" id="形状结合" fill="#624DFF" fill-rule="nonzero"></path>
+                            <path d="M10.5,2.1875 C10.9832492,2.1875 11.375,2.57925084 11.375,3.0625 L11.375,10.9375 C11.375,11.4207492 10.9832492,11.8125 10.5,11.8125 C10.0167508,11.8125 9.625,11.4207492 9.625,10.9375 L9.625,3.0625 C9.625,2.57925084 10.0167508,2.1875 10.5,2.1875 Z" id="矩形" fill="#FFFFFF" transform="translate(10.500000, 7.000000) rotate(-270.000000) translate(-10.500000, -7.000000) "></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -0,0 +1,172 @@
+.titaui-quick-entrance-dialog {
+  padding: 0 32px;
+}
+
+.titaui-quick-entrance-dialog__wrap .rc-dialog {
+  width: 760px;
+  height: 580px;
+}
+
+.titaui-quick-entrance-dialog__title {
+  width: 108px;
+  font-size: 18px;
+  font-weight: 500;
+  color: #141C28;
+  line-height: 26px;
+  padding: 18px 0;
+}
+
+.titaui-quick-entrance-dialog__content {
+  width: 696px;
+  height: 442px;
+  background: #FFFFFF;
+  border-radius: 12px;
+  border: 1px solid #DFE3EA;
+  display: flex;
+  flex-direction: row;
+}
+
+.titaui-quick-entrance-dialog__content__left {
+  width: 348px;
+  height: 100%;
+  flex-shrink: 0;
+}
+
+.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 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 {
+  width: 28px;
+  height: 28px;
+  display: inline-block;
+  background-size: cover;
+}
+
+.titaui-quick-entrance-dialog__content__left__item__menu-one__title {
+  margin-left: 8px;
+  font-size: 14px;
+  font-weight: normal;
+  color: #89919F;
+  line-height: 22px;
+}
+
+.titaui-quick-entrance-dialog__content__left__item__menu-two {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: 36px;
+  background: #FFFFFF;
+  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 {
+  flex: 1;
+  border-left: 1px solid #DFE3EA;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 20px 20px;
+  overflow-y: scroll;
+}
+
+.titaui-quick-entrance-dialog__content__right-yixuan {
+  font-size: 14px;
+  font-weight: normal;
+  color: #3F4755;
+  line-height: 22px;
+  margin-bottom: 12px;
+}
+
+.titaui-quick-entrance-dialog__content__right__item {
+  cursor: pointer;
+}
+
+.titaui-quick-entrance-dialog__content__right__item__container {
+  cursor: pointer;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 307px;
+  height: 36px;
+  background: #F0F4FA;
+  border-radius: 8px;
+  margin-bottom: 8px;
+  padding: 0 8px;
+  position: relative;
+}
+
+.titaui-quick-entrance-dialog__content__right__item__container__drag-icon {
+  width: 18px;
+  height: 18px;
+  background-image: url("./img/drag-icon.svg");
+}
+
+.titaui-quick-entrance-dialog__content__right__item__container__cancle-icon {
+  width: 16px;
+  height: 16px;
+  background-image: url("./img/canceled.svg");
+  position: absolute;
+  right: 8px;
+}
+
+.titaui-quick-entrance-dialog__content__right__item__container__title {
+  margin-left: 9px;
+}
+
+.titaui-quick-entrance-dialog .drag-boder {
+  width: 307px;
+  position: relative;
+}
+
+.titaui-quick-entrance-dialog .drag-boder::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 307px;
+  height: 1px;
+  background: #2879FF;
+}