@titaui/pc 1.5.82 → 1.5.83

package/lib/components/dynamic/img/dynamic-normal.svg

@@ -0,0 +1,17 @@
+<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<filter x="-81.2%" y="-81.2%" width="262.5%" height="262.5%" filterUnits="objectBoundingBox" id="a">
+			<feMorphology radius=".5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1" />
+			<feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1" />
+			<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
+			<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1" />
+			<feColorMatrix values="0 0 0 0 0.156862745 0 0 0 0 0.474509804 0 0 0 0 1 0 0 0 1 0" in="shadowBlurOuter1" />
+		</filter>
+		<circle id="b" cx="9" cy="9" r="4" />
+	</defs>
+	<g fill="none" fill-rule="evenodd">
+		<circle fill-opacity=".05" fill="#2879FF" cx="9" cy="9" r="9" />
+		<use fill="#000" filter="url(#a)" xlink:href="#b" />
+		<use stroke="#FFF" fill="#2879FF" xlink:href="#b" />
+	</g>
+</svg>

package/lib/components/dynamic/img/dynamic-promise.svg

@@ -0,0 +1,61 @@
+<svg width="18" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<filter x="4.7%" y="-2%" width="90.6%" height="104%" filterUnits="objectBoundingBox" id="c">
+			<feOffset dy=".8" in="SourceAlpha" result="shadowOffsetInner1" />
+			<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1" />
+			<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.962292402 0 0 0 0 0.761185213 0 0 0 1 0" in="shadowInnerInner1" />
+		</filter>
+		<filter x="6.7%" y="0%" width="86.6%" height="100%" filterUnits="objectBoundingBox" id="f">
+			<feOffset in="SourceAlpha" result="shadowOffsetInner1" />
+			<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1" />
+			<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.952941176 0 0 0 0 0.701960784 0 0 0 1 0" in="shadowInnerInner1" />
+		</filter>
+		<filter x="6.7%" y="0%" width="86.6%" height="100%" filterUnits="objectBoundingBox" id="i">
+			<feOffset in="SourceAlpha" result="shadowOffsetInner1" />
+			<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1" />
+			<feColorMatrix values="0 0 0 0 1 0 0 0 0 0.952941176 0 0 0 0 0.701960784 0 0 0 1 0" in="shadowInnerInner1" />
+		</filter>
+		<filter x="-2.9%" y="-1.9%" width="109.6%" height="107.7%" filterUnits="objectBoundingBox" id="j">
+			<feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1" />
+			<feColorMatrix values="0 0 0 0 0.908231431 0 0 0 0 0.705834611 0 0 0 0 0.372153367 0 0 0 1 0" in="shadowOffsetOuter1" />
+		</filter>
+		<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a">
+			<stop stop-color="#F4CC55" offset="0%" />
+			<stop stop-color="#EC9400" offset="100%" />
+		</linearGradient>
+		<linearGradient x1="50%" y1="0%" x2="50%" y2="98.509%" id="d">
+			<stop stop-color="#EAAD19" offset="0%" />
+			<stop stop-color="#EAB33D" offset="100%" />
+		</linearGradient>
+		<linearGradient x1="50%" y1="4.212%" x2="50%" y2="99.625%" id="g">
+			<stop stop-color="#F3C163" offset="0%" />
+			<stop stop-color="#F4CF7D" offset="99.968%" />
+		</linearGradient>
+		<path id="b" d="M10 0l8.66 5v10L10 20l-8.66-5V5z" />
+		<path id="e" d="M10 1.333l7.506 4.334v8.666L10 18.667l-7.506-4.334V5.667z" />
+		<path id="h" d="M10 2l6.928 4v8L10 18l-6.928-4V6z" />
+		<text id="k" font-family="PingFangSC-Medium, PingFang SC" font-size="9" font-weight="400" fill="#FFFBDC">
+			<tspan x="5.5" y="13">
+				诺
+			</tspan>
+		</text>
+	</defs>
+	<g fill="none" fill-rule="evenodd">
+		<g transform="translate(-1)">
+			<use fill="url(#a)" xlink:href="#b" />
+			<use fill="#000" filter="url(#c)" xlink:href="#b" />
+		</g>
+		<g transform="translate(-1)">
+			<use fill="url(#d)" xlink:href="#e" />
+			<use fill="#000" filter="url(#f)" xlink:href="#e" />
+		</g>
+		<g transform="translate(-1)">
+			<use fill="url(#g)" xlink:href="#h" />
+			<use fill="#000" filter="url(#i)" xlink:href="#h" />
+		</g>
+		<g fill="#FFFBDC" transform="translate(-1)">
+			<use filter="url(#j)" xlink:href="#k" />
+			<use xlink:href="#k" />
+		</g>
+	</g>
+</svg>

package/lib/components/dynamic/img/dynamic-reword.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>红包</title>
+    <defs>
+        <linearGradient x1="74.7316457%" y1="69.1537042%" x2="-1.13686838e-11%" y2="-10.6398923%" id="linearGradient-1">
+            <stop stop-color="#F05E5E" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="74.7316457%" y1="52.0216121%" x2="-1.13686838e-11%" y2="43.5996538%" id="linearGradient-2">
+            <stop stop-color="#F05E5E" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="绩效考核/@与回复/打赏" transform="translate(-430.000000, -841.000000)" fill-rule="nonzero">
+            <g id="红包" transform="translate(442.247449, 853.247449) rotate(-345.000000) translate(-442.247449, -853.247449) translate(432.247449, 843.247449)">
+                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="20" height="20"></rect>
+                <path d="M13.404,7.025 C13.438,7.222 13.456,7.424 13.456,7.631 C13.456,9.599 11.86,11.195 9.892,11.195 C7.924,11.195 6.328,9.599 6.328,7.631 C6.328,7.373 6.356,7.122 6.408,6.879 L2.408,4.373 L2.408,16.685 C2.408,17.662 3.2,18.453 4.176,18.453 L15.608,18.453 C16.585,18.453 17.376,17.661 17.376,16.685 L17.376,4.735 L13.404,7.025 Z" id="路径" fill="url(#linearGradient-1)"></path>
+                <path d="M15.609,1.496 L4.177,1.496 C3.217,1.496 2.437,2.262 2.411,3.216 L6.757,5.938 C7.36,4.824 8.538,4.068 9.893,4.068 C11.301,4.068 12.518,4.884 13.097,6.07 L17.378,3.603 L17.378,3.266 C17.377,2.287 16.586,1.496 15.609,1.496 Z" id="路径" fill="url(#linearGradient-2)"></path>
+                <path d="M11.609,8.418 L10.441,8.418 L10.441,8.068 L11.609,8.068 C11.885,8.068 12.109,7.844 12.109,7.568 C12.109,7.292 11.885,7.068 11.609,7.068 L10.912,7.068 L11.542,6.38 C11.6317614,6.28238727 11.6789492,6.15304365 11.673132,6.02056149 C11.6673148,5.88807932 11.6089717,5.76336949 11.511,5.674 C11.4133873,5.58423855 11.2840436,5.53705084 11.1515615,5.54286804 C11.0190793,5.54868525 10.8943695,5.60702828 10.805,5.705 L9.92,6.672 L9.086,5.715 C8.90477419,5.50694212 8.58926579,5.48501316 8.381,5.666 C8.17294212,5.84722581 8.15101316,6.16273421 8.332,6.371 L8.939,7.069 L8.273,7.069 C7.997,7.069 7.773,7.293 7.773,7.569 C7.773,7.845 7.997,8.069 8.273,8.069 L9.441,8.069 L9.441,8.419 L8.273,8.419 C7.997,8.419 7.773,8.643 7.773,8.919 C7.773,9.195 7.997,9.419 8.273,9.419 L9.441,9.419 L9.441,10.134 C9.441,10.41 9.665,10.634 9.941,10.634 C10.217,10.634 10.441,10.41 10.441,10.134 L10.441,9.419 L11.609,9.419 C11.885,9.419 12.109,9.195 12.109,8.919 C12.109,8.643 11.886,8.418 11.609,8.418 L11.609,8.418 Z" id="路径" fill="#F05E5E"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/img/dynamic-right-quoto.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>右侧</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="目标" transform="translate(-1024.000000, -633.000000)" fill="#E9F1FF" fill-rule="nonzero">
+            <g id="新建目标-负责目标" transform="translate(202.000000, 471.000000)">
+                <g id="编组-23" transform="translate(68.000000, 126.000000)">
+                    <path d="M760.761333,42.5026667 C760.761333,38.67 763.955667,36.4083333 766,36 L766,38.2616667 C764.882,38.6073333 763.540333,40.3663333 763.476667,42.2826667 L766,42.2826667 L766,44.6666667 C766,46.5076667 764.507667,48 762.666667,48 L760.761333,48 L760.761333,42.5026667 Z M754,42.5026667 C754,38.67 757.194333,36.4083333 759.238667,36 L759.238667,38.2616667 C758.120667,38.6073333 756.779,40.3663333 756.715333,42.2826667 L759.206667,42.2826667 L759.206667,44.6666667 C759.206667,46.5076667 757.714333,48 755.873333,48 L754,48 L754,42.5026667 Z" id="右侧" transform="translate(760.000000, 42.000000) scale(-1, -1) translate(-760.000000, -42.000000) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/img/dynamic-risk.svg

@@ -0,0 +1,17 @@
+<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<filter x="-81.2%" y="-81.2%" width="262.5%" height="262.5%" filterUnits="objectBoundingBox" id="a">
+			<feMorphology radius=".5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1" />
+			<feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1" />
+			<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
+			<feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1" />
+			<feColorMatrix values="0 0 0 0 0.964705882 0 0 0 0 0.741176471 0 0 0 0 0.0862745098 0 0 0 1 0" in="shadowBlurOuter1" />
+		</filter>
+		<circle id="b" cx="9" cy="9" r="4" />
+	</defs>
+	<g fill="none" fill-rule="evenodd">
+		<circle fill-opacity=".05" fill="#F6BD16" cx="9" cy="9" r="9" />
+		<use fill="#000" filter="url(#a)" xlink:href="#b" />
+		<use stroke="#FFF" fill="#F6BD16" xlink:href="#b" />
+	</g>
+</svg>

package/lib/components/dynamic/img/dynamic-submit-delay.svg

@@ -0,0 +1,16 @@
+<?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="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="总结" transform="translate(-508.000000, -274.000000)" fill-rule="nonzero">
+            <g id="新建目标-负责目标" transform="translate(202.000000, 186.000000)">
+                <g id="编组-9" transform="translate(68.000000, 78.000000)">
+                    <g id="延时提交" transform="translate(238.000000, 10.000000)">
+                        <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                        <path d="M6.92,15.784 C4.608,12.92 1.888,10.752 0,10.072 L4.48,7.384 L6.64,11.584 C6.64,11.584 10.16,3.056 15.72,0.216 C15.6,2.248 15.048,4.008 16,6.176 C13.56,6.728 8.552,12.816 6.92,15.784 Z" id="路径" fill="#624DFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/img/dynamic-submit-normal.svg

@@ -0,0 +1,18 @@
+<?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="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="总结" transform="translate(-473.000000, -718.000000)" fill-rule="nonzero">
+            <g id="复盘" transform="translate(202.000000, 630.000000)">
+                <g id="编组-9" transform="translate(68.000000, 78.000000)">
+                    <g id="编组-10" transform="translate(203.000000, 7.000000)">
+                        <g id="按时提交" transform="translate(0.000000, 3.000000)">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                            <path d="M6.92,15.784 C4.608,12.92 1.888,10.752 0,10.072 L4.48,7.384 L6.64,11.584 C6.64,11.584 10.16,3.056 15.72,0.216 C15.6,2.248 15.048,4.008 16,6.176 C13.56,6.728 8.552,12.816 6.92,15.784 Z" id="路径" fill="#00D685"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/img/dynamic-top.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>top</title>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="关键成果" transform="translate(-1306.000000, -1911.000000)" fill="#141C28">
+            <g id="编组-9" transform="translate(1292.000000, 1897.000000)">
+                <g id="top" transform="translate(14.000000, 14.000000)">
+                    <path d="M12.0142136,5.6 C12.2358884,5.6 12.4365049,5.69016094 12.5813929,5.83581246 C12.640826,5.86963662 12.6972878,5.91247294 12.7485281,5.96371324 L12.7485281,5.96371324 L18.9710678,12.1862529 C19.2834872,12.4986723 19.2834872,13.0052043 18.9710678,13.3176238 C18.6586484,13.6300432 18.1521164,13.6300432 17.839697,13.3176238 L17.839697,13.3176238 L12.8140447,8.292 L12.8142136,20.8 C12.8142136,21.2418278 12.4560414,21.6 12.0142136,21.6 C11.5723858,21.6 11.2142136,21.2418278 11.2142136,20.8 L11.2140447,8.292 L6.18873016,13.3176238 C5.87631073,13.6300432 5.36977875,13.6300432 5.05735931,13.3176238 C4.74493988,13.0052043 4.74493988,12.4986723 5.05735931,12.1862529 L11.279899,5.96371324 C11.3309062,5.91270599 11.3870877,5.87002645 11.4467538,5.83567462 C11.5910041,5.69057405 11.7920315,5.6 12.0142136,5.6 Z" id="形状结合"></path>
+                    <path d="M12,-5.8 C12.4418278,-5.8 12.8,-5.4418278 12.8,-5 L12.8,11.4 C12.8,11.8418278 12.4418278,12.2 12,12.2 C11.5581722,12.2 11.2,11.8418278 11.2,11.4 L11.2,-5 C11.2,-5.4418278 11.5581722,-5.8 12,-5.8 Z" id="矩形" transform="translate(12.000000, 3.200000) rotate(-270.000000) translate(-12.000000, -3.200000) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/index.js

@@ -0,0 +1,27 @@
+"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.DynamicLikeRanking = exports.DynamicLiking = exports.DynamicTopping = exports.DynamicItem = exports.DynamicQuickOperation = exports["default"] = void 0;
+
+var _exportModule = _interopRequireWildcard(require("./export-module"));
+
+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 = _exportModule["default"];
+exports["default"] = _default;
+var DynamicQuickOperation = _exportModule.DynamicQuickOperation;
+exports.DynamicQuickOperation = DynamicQuickOperation;
+var DynamicItem = _exportModule.DynamicItem;
+exports.DynamicItem = DynamicItem;
+var DynamicTopping = _exportModule.DynamicTopping;
+exports.DynamicTopping = DynamicTopping;
+var DynamicLiking = _exportModule.DynamicLiking;
+exports.DynamicLiking = DynamicLiking;
+var DynamicLikeRanking = _exportModule.DynamicLikeRanking;
+exports.DynamicLikeRanking = DynamicLikeRanking;

package/lib/components/dynamic/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/dynamic/quick-operation/components/create-announcement/index.css

@@ -0,0 +1,25 @@
+.titaui-pc-create-announcement {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+
+.titaui-pc-create-announcement__img {
+  width: 44px;
+  height: 45px;
+}
+
+.titaui-pc-create-announcement__text {
+  margin-top: 5px;
+}
+
+.titaui-pc-create-announcement:hover {
+  color: #2879ff;
+  cursor: pointer;
+}
+
+.titaui-pc-create-announcement:hover img {
+  animation: dynamicQuickOperationRubberBand 1s;
+}

package/lib/components/dynamic/quick-operation/components/create-announcement/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _createAnnouncement = _interopRequireDefault(require("../../img/create-announcement.png"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = 'titaui-pc-create-announcement';
+
+var CreateAnnouncement = function CreateAnnouncement(_ref) {
+  var onClick = _ref.onClick;
+
+  var handleCreateAnnouncementClick = function handleCreateAnnouncementClick() {
+    onClick && onClick();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix,
+    onClick: handleCreateAnnouncementClick
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__img animate__rubberBand"),
+    src: _createAnnouncement["default"]
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + '__text'
+  }, "\u53D1\u516C\u544A"));
+};
+
+var _default = CreateAnnouncement;
+exports["default"] = _default;

package/lib/components/dynamic/quick-operation/components/create-okr/index.css

@@ -0,0 +1,25 @@
+.titaui-pc-create-okr {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+
+.titaui-pc-create-okr__img {
+  width: 44px;
+  height: 45px;
+}
+
+.titaui-pc-create-okr__text {
+  margin-top: 5px;
+}
+
+.titaui-pc-create-okr:hover {
+  color: #2879ff;
+  cursor: pointer;
+}
+
+.titaui-pc-create-okr:hover img {
+  animation: dynamicQuickOperationRubberBand 1s;
+}

package/lib/components/dynamic/quick-operation/components/create-okr/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _createOkr = _interopRequireDefault(require("../../img/create-okr.png"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = 'titaui-pc-create-okr';
+
+var CreateOKr = function CreateOKr(_ref) {
+  var onClick = _ref.onClick;
+
+  var handleCreateOKrClick = function handleCreateOKrClick() {
+    onClick && onClick();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix,
+    onClick: handleCreateOKrClick
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__img animate__rubberBand"),
+    src: _createOkr["default"]
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + '__text'
+  }, "\u65B0\u5EFAOKR"));
+};
+
+var _default = CreateOKr;
+exports["default"] = _default;

package/lib/components/dynamic/quick-operation/components/create-share/index.css

@@ -0,0 +1,25 @@
+.titaui-pc-create-share {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+
+.titaui-pc-create-share__img {
+  width: 44px;
+  height: 45px;
+}
+
+.titaui-pc-create-share__text {
+  margin-top: 5px;
+}
+
+.titaui-pc-create-share:hover {
+  color: #2879ff;
+  cursor: pointer;
+}
+
+.titaui-pc-create-share:hover img {
+  animation: dynamicQuickOperationRubberBand 1s;
+}

package/lib/components/dynamic/quick-operation/components/create-share/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _createShare = _interopRequireDefault(require("../../img/create-share.png"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var prefix = "titaui-pc-create-share";
+
+var CreateShare = function CreateShare(_ref) {
+  var onClick = _ref.onClick;
+
+  var handleCreateShareClick = function handleCreateShareClick() {
+    onClick && onClick();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix,
+    onClick: handleCreateShareClick
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__img animate__rubberBand"),
+    src: _createShare["default"]
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + "__text"
+  }, "\u53D1\u5206\u4EAB"));
+};
+
+var _default = CreateShare;
+exports["default"] = _default;

package/lib/components/dynamic/quick-operation/components/create-task/index.css

@@ -0,0 +1,25 @@
+.titaui-pc-create-task {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+
+.titaui-pc-create-task__img {
+  width: 44px;
+  height: 45px;
+}
+
+.titaui-pc-create-task__text {
+  margin-top: 5px;
+}
+
+.titaui-pc-create-task:hover {
+  color: #2879ff;
+  cursor: pointer;
+}
+
+.titaui-pc-create-task:hover img {
+  animation: dynamicQuickOperationRubberBand 1s;
+}

package/lib/components/dynamic/quick-operation/components/create-task/index.js

@@ -0,0 +1,42 @@
+"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 _createTask = _interopRequireDefault(require("../../img/create-task.png"));
+
+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 prefix = 'titaui-pc-create-task';
+var CreateTask = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var onClick = _ref.onClick;
+
+  var handleCreateTaskClick = function handleCreateTaskClick() {
+    onClick && onClick();
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: prefix,
+    onClick: handleCreateTaskClick,
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(prefix, "__img animate__rubberBand"),
+    src: _createTask["default"]
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: prefix + '__text'
+  }, "\u65B0\u5EFA\u4EFB\u52A1"));
+});
+var _default = CreateTask;
+exports["default"] = _default;

package/lib/components/dynamic/quick-operation/index.css

@@ -0,0 +1,51 @@
+.titaui-pc-dynamic-quick-operation {
+  width: 278px;
+  height: 126px;
+  padding: 0 5px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  background: #ffffff;
+  box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
+  border-radius: 12px;
+  font-size: 12px;
+  color: #3f4755;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+}
+
+@keyframes dynamicQuickOperationRubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}