@titaui/pc 1.7.13 → 1.7.17

package/src/components/condition-render/index.tsx

@@ -0,0 +1,18 @@
+import React, { FC } from "react";
+
+interface IConditionRenderProps {
+  condition: boolean;
+  children: any;
+}
+
+const ConditionRender: FC<IConditionRenderProps> = ({
+  condition,
+  children,
+}) => {
+  if (!condition) {
+    return null;
+  }
+  return children;
+};
+
+export default ConditionRender;

package/src/components/confidence/heart.js

@@ -0,0 +1,53 @@
+import React from "react";
+
+import "./index.scss";
+
+const Heart = ({ con, i, confidence }) => {
+  const fill1 = "#F69E17";
+  const fill2 = "#E3E6E8";
+  const fill3 = "#F8F8F8";
+  let fill = "";
+  let item = [];
+  let confidenceIndex = 0;
+  if (confidence == 0) {
+    confidenceIndex = 5;
+  } else {
+    confidenceIndex = confidence;
+  }
+  for (let index = 0; index < 10; index++) {
+    if (con == "true") {
+      if (index < confidenceIndex) {
+        fill = fill1;
+      } else fill = fill2;
+    } else {
+      if (index < i && i != confidenceIndex) fill = fill2;
+      else if (index < i && i == confidenceIndex) fill = fill1;
+      else fill = fill3;
+    }
+
+    if (index % 2 == 0) {
+      item.push(
+        <svg width="8px" height="16px">
+          <path
+            d="M8.49990233,2.27708832 C8.02421795,1.56919071 7.03146287,0.426082896 5.42425753,0.0894335405 C5.14104532,0.030070613 4.84684102,0 4.54975959,0 C3.37788514,0 2.2348557,0.466200631 1.4136952,1.27902699 C0.732554704,1.95331626 -0.0649248561,3.19618775 0.00419987544,5.2881826 C0.138686946,9.36568695 5.56014628,13.8041802 8.33052092,14.9609436 C8.3813501,14.9859906 8.43874502,15 8.49901706,15 L8.50093515,15 C8.50145155,15 8.50204173,15 8.50241059,15"
+            id="left"
+            fill={fill}
+          ></path>
+        </svg>
+      );
+    } else {
+      item.push(
+        <svg width="8px" height="16px" style={{ transform: "scaleX(1.1)" }}>
+          <path
+            d="M0,15 L0.00191808214,15 C0.00243448894,15 0.00302466802,15 0.00339352993,15 C0.0672066492,15 0.127183604,14.984434 0.17948823,14.9571936 C2.95274,13.7944868 8.36246952,9.36115867 8.49680904,5.28825336 C8.56571246,3.19625851 7.7682329,1.95338701 7.08701863,1.27909774 C6.26585813,0.466200631 5.12282869,0 3.95110178,0 C3.65402036,0 3.35974229,0.0300706128 3.07660384,0.0894335405 C1.46939851,0.426082896 0.476643426,1.56919071 0.000885268706,2.27708832"
+            id="right"
+            fill={fill}
+          ></path>
+        </svg>
+      );
+    }
+  }
+  return <div>{item}</div>;
+};
+
+export default Heart;

package/src/components/confidence/heart.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="15px" viewBox="0 0 16 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>信心指数</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFBC00" offset="0%"></stop>
+            <stop stop-color="#FFCE22" offset="100%"></stop>
+        </linearGradient>
+        <path d="M9.05954286,1.14796154 C8.6024,1.36603846 8.1784,1.66603846 7.81725714,2.02488462 C7.45725714,1.66603846 7.03325714,1.36603846 6.57497143,1.14796154 C5.98411429,0.865269231 5.3304,0.716423077 4.68582857,0.716423077 C3.54525714,0.716423077 2.48811429,1.15142308 1.70754286,1.94180769 C0.925828571,2.73219231 0.497257143,3.80180769 0.497257143,4.95565385 C0.497257143,7.75719231 2.85382857,9.93334615 6.42068571,13.2287308 L6.56468571,13.3614231 L7.81725714,14.4979615 L8.06297143,14.2752692 L9.06868571,13.3637308 L9.21382857,13.2287308 C12.7818286,9.93334615 15.1395429,7.75719231 15.1395429,4.95565385 C15.1395429,3.80180769 14.7086857,2.73219231 13.9281143,1.94180769 C13.1475429,1.15142308 12.0904,0.716423077 10.9498286,0.716423077 C10.3052571,0.716423077 9.65154286,0.865269231 9.05954286,1.14796154 Z" id="path-2"></path>
+        <filter x="-6.8%" y="-7.3%" width="113.7%" height="114.5%" filterUnits="objectBoundingBox" id="filter-3">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 0.550043706   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="89.6060735%" y1="21.3707973%" x2="22.6890015%" y2="67.4962687%" id="linearGradient-4">
+            <stop stop-color="#FBF4CC" stop-opacity="0.3" offset="0%"></stop>
+            <stop stop-color="#FFEFDD" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="OKR列表" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="任务展示" transform="translate(-1129.000000, -614.000000)">
+            <g id="编组-5" transform="translate(361.000000, 276.000000)">
+                <g id="编组-12" transform="translate(48.000000, 331.000000)">
+                    <g id="信心值" transform="translate(716.000000, 0.000000)">
+                        <g id="信心指数" transform="translate(4.000000, 7.000000)">
+                            <g id="Fill-5">
+                                <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
+                                <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                            </g>
+                            <path d="M3.81257143,4.55769231 C4.38057143,4.72961538 5.008,4.82538462 5.66742857,4.82538462 C7.48685714,4.82538462 9.064,4.09846154 9.83428571,3.03692308 C9.97371429,2.84653846 10.1908571,2.73 10.4251429,2.73 C11.24,2.73 12.0034286,3.04846154 12.5771429,3.62769231 C13.1234286,4.18038462 13.4388571,4.91423077 13.4651429,5.69307692 C13.4902857,6.46961538 13.2285714,7.21846154 12.7268571,7.80230769 C12.7268571,7.80230769 12.7177143,7.81269231 12.7165714,7.81384615 L8.28114286,12.2930769 C8.02628571,12.5492308 7.616,12.5492308 7.36228571,12.2930769 L2.912,7.8 L2.89485714,7.78038462 C2.42742857,7.23 2.168,6.525 2.168,5.79692308 C2.168,5.78769231 2.168,5.77961538 2.16914286,5.77153846 C2.176,4.91307692 2.99885714,4.31076923 3.81257143,4.55769231 Z" id="Fill-9" fill="url(#linearGradient-4)"></path>
+                            <path d="M5.29908571,1.94907692 C4.44194286,1.94907692 3.63622857,2.286 3.03051429,2.89753846 C2.46137143,3.47215385 2.1288,4.23484615 2.09337143,5.04484615 C2.08422857,5.24446154 2.23737143,5.41176923 2.43508571,5.421 L2.44994286,5.421 C2.6408,5.421 2.79851429,5.26984615 2.80651429,5.07715385 C2.83394286,4.44715385 3.09222857,3.85407692 3.53565714,3.40753846 C4.01108571,2.92753846 4.64422857,2.66561538 5.31851429,2.67023077 L5.32194286,2.67023077 C5.51737143,2.67023077 5.67737143,2.511 5.67966327,2.31253846 C5.6808,2.11407692 5.52194286,1.95138462 5.32422857,1.94907692 C5.31622857,1.94907692 5.30708571,1.94907692 5.29908571,1.94907692" id="Fill-11" fill="#FFD675"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/confidence/index.scss

@@ -0,0 +1,112 @@
+$font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+$text-color: #89919f;
+
+.titaui-kr-heart {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  line-height: 18px;
+  width: 53px;
+  &--editable {
+    cursor: pointer;
+    position: relative;
+    &:hover {
+      &:before {
+        position: absolute;
+        content: "";
+        left: -4px;
+        top: -3px;
+        right: -4px;
+        bottom: -3px;
+        border: 1px solid #e9ecf0;
+        border-radius: 4px;
+      }
+    }
+  }
+
+  &-icon {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    background: url("./heart.svg") no-repeat;
+    margin-right: 6px;
+  }
+  &-text {
+    font-family: $font-family;
+    color: $text-color;
+  }
+}
+
+.heart-selector-pop {
+  .heart-selector-pop-heart {
+    display: inline-block;
+  }
+  .heart-selector-pop-score {
+    display: inline-block;
+    line-height: 16px;
+    margin-left: 6px;
+  }
+  p,
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    list-style: none;
+  }
+  padding-top: 12px;
+  background: #ffffff;
+  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+  width: 250px;
+  &-title {
+    font-family: $font-family;
+    font-size: 12px;
+    line-height: 24px;
+    color: #a7aeb4;
+    letter-spacing: 0.3px;
+    text-align: center;
+  }
+  &-list {
+    &-item {
+      display: flex;
+      position: relative;
+      height: 16px;
+      padding: 6px 0;
+      font-family: $font-family;
+      font-size: 12px;
+      color: $text-color;
+      justify-content: center;
+      cursor: pointer;
+      &:hover {
+        background: rgba(133, 194, 255, 0.1);
+        color: #0d8ee9;
+      }
+    }
+    &-item--selected {
+      background: rgba(133, 194, 255, 0.1);
+      color: #0d8ee9;
+    }
+  }
+}
+.heartbackground {
+  position: relative;
+  height: 16px;
+  padding: 6px 5px 6px 58px;
+  background: rgba(133, 194, 255, 0.1);
+  font-family: $font-family;
+  font-size: 12px;
+  color: #0d8ee9;
+}
+.heartbackground2 {
+  position: relative;
+  height: 16px;
+  padding: 6px 5px 6px 58px;
+  font-size: 12px;
+  &:hover {
+    background: rgba(133, 194, 255, 0.1);
+  }
+}
+.fen {
+}

package/src/components/confidence/index.tsx

@@ -0,0 +1,81 @@
+import React, { useRef } from "react";
+import classNames from "classnames";
+import Tooltip from "..//tooltip";
+import Popup from "../popup";
+
+import Heart from "./heart";
+import "./index.scss";
+
+interface IConfidenceProps {
+  editable?: false;
+  value: number;
+  onValueChange?: () => {};
+  popupPlacement?: string;
+}
+const popPrecls = "heart-selector-pop";
+
+const Confidence = (props: IConfidenceProps) => {
+  const {
+    value = 5,
+    editable = false,
+    onValueChange = (val: number) => val,
+    popupPlacement = "bottomRight"
+  } = props;
+
+  const HEART_RANGE = [10, 9, 8, 7, 6, 5, 4, 3, 2, 1];
+
+  const onHeartChangeHandler = (_e: Event, i: number) => {
+    onValueChange(i);
+    popupRef.current.close();
+  };
+
+  const popupRef = useRef();
+  const PopupContent = (
+    <div className={`${popPrecls}`}>
+      <p className={`${popPrecls}-title`}>请用分数描述你能完成关键指标的信心</p>
+      <ul className={`${popPrecls}-list`}>
+        {HEART_RANGE.map((i, j) => (
+          <li
+            key={j}
+            className={classNames(`${popPrecls}-list-item`, {
+              [`${popPrecls}-list-item--selected`]: i == value,
+            })}
+            onClick={(e) => onHeartChangeHandler(e, i)}
+          >
+            <span className={classNames(`${popPrecls}-heart`)}>
+              <Heart i={i} confidence={value} />
+            </span>
+            <span className={`${popPrecls}-score`}>{i}分</span>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+  if (!editable) {
+    return (
+      <div
+        className={classNames("titaui-kr-heart", {
+          "titaui-kr-heart--editable": editable,
+        })}
+      >
+        <span className="titaui-kr-heart-icon" />
+        <span className="titaui-kr-heart-text">{value} 分</span>
+      </div>
+    );
+  }
+  return (
+    <Tooltip overlay="修改信心指数" placement="top">
+      <Popup popup={PopupContent} popupPlacement={popupPlacement} ref={popupRef}>
+        <div
+          className={classNames("titaui-kr-heart", {
+            "titaui-kr-heart--editable": editable,
+          })}
+        >
+          <span className="titaui-kr-heart-icon" />
+          <span className="titaui-kr-heart-text">{value} 分</span>
+        </div>
+      </Popup>
+    </Tooltip>
+  );
+};
+export default Confidence;

package/src/components/create-okr-modal/animation/check-animation.ts

@@ -0,0 +1 @@
+export default { "v": "5.5.9", "fr": 25, "ip": 0, "op": 50, "w": 594, "h": 80, "nm": "书写", "ddd": 0, "assets": [], "layers": [{ "ddd": 0, "ind": 5, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [443.365, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.335, 10.673, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [35, 35, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [100, 100, 100] }, { "t": 25, "s": [35, 35, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 10.423], [2.085, 10.423], [2.085, -10.423], [-2.085, -10.423]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.335, 10.673], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 2, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 7, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [460.042, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 22.93, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 22.93], [2.085, 22.93], [2.085, -22.93], [-2.085, -22.93]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 22.931], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 9, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [476.717, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 35.437, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [-66.902, 48.797, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 35.438], [2.086, 35.438], [2.086, -35.437], [-2.085, -35.437]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 35.438], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 11, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [493.393, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.084, 22.93, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [32.562, 32.562, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 22.93], [2.085, 22.93], [2.085, -22.93], [-2.085, -22.93]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.084, 22.931], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 13, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [510.07, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 10.423, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.084, 10.423], [2.084, 10.423], [2.084, -10.423], [-2.084, -10.423]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.084, 10.423], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 15, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [525.878, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.084, 14.071, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-296.918, 78.869], [296.918, 78.869], [296.918, -78.869], [-296.918, -78.869]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ind": 1, "ty": "sh", "ix": 2, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-296.918, -78.869], [296.918, -78.869], [296.918, 78.869], [-296.918, 78.869]], "c": true }, "ix": 2 }, "nm": "路径 2", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ind": 2, "ty": "sh", "ix": 3, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[226.876, 52.481], [231.045, 52.481], [231.045, 24.34], [226.876, 24.34]], "c": true }, "ix": 2 }, "nm": "路径 3", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "mm", "mm": 1, "nm": "合并路径 1", "mn": "ADBE Vector Filter - Merge", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [-226.876, -24.34], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 5, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 17, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [542.555, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 7.47, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 7.47], [2.085, 7.47], [2.085, -7.469], [-2.085, -7.469]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.084, 7.47], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 19, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [560.273, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 4.43, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 194.021, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.084, 4.43], [2.085, 4.43], [2.085, -4.429], [-2.084, -4.429]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 4.43], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 21, "ty": 4, "nm": "“right”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [577.992, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.084, 2.953, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 2.953], [2.085, 2.953], [2.085, -2.953], [-2.085, -2.953]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 2.953], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 23, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [149.79, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.335, 10.673, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 10.423], [2.085, 10.423], [2.085, -10.423], [-2.085, -10.423]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.335, 10.673], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 2, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 25, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [133.113, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 22.93, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 22.93], [2.085, 22.93], [2.085, -22.93], [-2.085, -22.93]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 22.931], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 27, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [116.436, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.084, 35.437, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [-66.902, 48.797, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 35.438], [2.085, 35.438], [2.085, -35.437], [-2.085, -35.437]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.084, 35.438], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 29, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [99.76, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.084, 22.93, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [32.562, 32.562, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.084, 22.93], [2.085, 22.93], [2.085, -22.93], [-2.084, -22.93]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 22.931], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 31, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [83.083, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 10.423, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-2.085, 10.423], [2.085, 10.423], [2.085, -10.423], [-2.085, -10.423]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 10.423], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 33, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [67.275, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.084, 14.071, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [29.044, 29.044, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-296.919, 78.869], [296.919, 78.869], [296.919, -78.869], [-296.919, -78.869]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ind": 1, "ty": "sh", "ix": 2, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-296.919, -78.869], [296.919, -78.869], [296.919, 78.869], [-296.919, 78.869]], "c": true }, "ix": 2 }, "nm": "路径 2", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ind": 2, "ty": "sh", "ix": 3, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[-231.728, 52.481], [-227.559, 52.481], [-227.559, 24.34], [-231.728, 24.34]], "c": true }, "ix": 2 }, "nm": "路径 3", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "mm", "mm": 1, "nm": "合并路径 1", "mn": "ADBE Vector Filter - Merge", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [231.728, -24.34], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 5, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 35, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [50.599, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 7.47, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[2.084, -7.47], [-2.085, -7.47], [-2.085, 7.469], [2.084, 7.469]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.084, 7.469], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 37, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [32.88, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 4.43, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [29.044, 164.495, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[2.085, -4.43], [-2.084, -4.43], [-2.084, 4.429], [2.085, 4.429]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 4.429], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }, { "ddd": 0, "ind": 39, "ty": 4, "nm": "“left”轮廓", "sr": 1, "ks": { "o": { "a": 0, "k": 100, "ix": 11 }, "r": { "a": 0, "k": 0, "ix": 10 }, "p": { "a": 0, "k": [15.161, 40.279, 0], "ix": 2 }, "a": { "a": 0, "k": [2.085, 2.953, 0], "ix": 1 }, "s": { "a": 1, "k": [{ "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 0, "s": [100, 100, 100] }, { "i": { "x": [0.833, 0.833, 0.833], "y": [0.833, 0.833, 0.833] }, "o": { "x": [0.167, 0.167, 0.167], "y": [0.167, 0.167, 0.167] }, "t": 15, "s": [58.57, 58.57, 100] }, { "t": 25, "s": [100, 100, 100] }], "ix": 6, "x": "var $bm_rt;\n$bm_rt = loopOut('cycle', 0);" } }, "ao": 0, "shapes": [{ "ty": "gr", "it": [{ "ind": 0, "ty": "sh", "ix": 1, "ks": { "a": 0, "k": { "i": [[0, 0], [0, 0], [0, 0], [0, 0]], "o": [[0, 0], [0, 0], [0, 0], [0, 0]], "v": [[2.085, -2.953], [-2.085, -2.953], [-2.085, 2.953], [2.085, 2.953]], "c": true }, "ix": 2 }, "nm": "路径 1", "mn": "ADBE Vector Shape - Group", "hd": false }, { "ty": "fl", "c": { "a": 0, "k": [0.964999988032, 0.741000007181, 0.086000001197, 1], "ix": 4 }, "o": { "a": 0, "k": 100, "ix": 5 }, "r": 1, "bm": 0, "nm": "填充 1", "mn": "ADBE Vector Graphic - Fill", "hd": false }, { "ty": "tr", "p": { "a": 0, "k": [2.085, 2.953], "ix": 2 }, "a": { "a": 0, "k": [0, 0], "ix": 1 }, "s": { "a": 0, "k": [100, 100], "ix": 3 }, "r": { "a": 0, "k": 0, "ix": 6 }, "o": { "a": 0, "k": 100, "ix": 7 }, "sk": { "a": 0, "k": 0, "ix": 4 }, "sa": { "a": 0, "k": 0, "ix": 5 }, "nm": "变换" }], "nm": "组 1", "np": 4, "cix": 2, "bm": 0, "ix": 1, "mn": "ADBE Vector Group", "hd": false }], "ip": 0, "op": 50, "st": 0, "bm": 0 }], "markers": [] }

package/src/components/create-okr-modal/constant.ts

@@ -0,0 +1,25 @@
+export const ODesc = ["O = 动词+你要做什么/渴望做什么+为了改变什么"];
+export const OExample = [
+  "提高我们年度用户大会的出席率和参与度，为了提高客户的续费率",
+];
+export const OCheckTarget = ["含动词", "不建议包含数字"];
+
+export const KrDesc = [
+  "KR1 = 动词+你要追踪的内容+从 X 到 Y/或者具体值",
+  "KR2 = 动词+什么时间节点+达成什么关键成果",
+];
+export const KrExample = ["将客户续约率从70%提高到90%"];
+export const KrCheckTarget = [
+  "至少含 1 个关键成果",
+  "不建议超过 5 个关键成果",
+  "关键成果定量可衡量",
+];
+
+export const CreateSuccessTips = {
+  0: "有时候目标会给你当头一棒，但不要灰心，关键成果会带领你拿棒子打回去。",
+  1: "没有计划的学习都只是浪费时间，没有目标的努力都只是自己骗自己而已。",
+  2: "目标应该激励你上天，关键成果要让你立足于大地。",
+  3: "OKRs-E——做正确的事，正确地做事，把事做正确。",
+  4: "OKR 像指南针，重在确定方向。",
+  5: "OKR 确保每一个人都朝向同一方向划船。",
+};

package/src/components/create-okr-modal/createCycle.tsx

@@ -0,0 +1,164 @@
+import React, { ReactElement, useEffect, useRef, useState } from 'react';
+import { CreateCycleWrapper, DateLine, SelectBtn, TimeSapn } from './style';
+import Pop from "../../components-v1/pop";
+// import { Button } from 'tita-ui';
+import Button from "../period-selector/components/button"
+import PeriodSelector from "../period-selector"
+import RangePickerPop from "../range-picker-pop";
+import {getCycleSetting} from './request-api';
+import moment from "moment";
+
+
+
+export interface CreateCycleData {
+  cycleType: string;
+  annualNum: number | string;
+  yqmNum: number | string; // 默认当前季度
+  startDate?: string;
+  endDate?: string;
+}
+
+interface Props {
+  cycle: any;
+  container?: Element;
+  onChange: (cycle: CreateCycleData) => any;
+}
+
+
+function CreateCycle({ cycle, container, onChange }: Props): ReactElement {
+  const popRef = useRef<Pop>() as React.RefObject<Pop>;
+  const btnRef = useRef<HTMLDivElement>() as React.RefObject<HTMLDivElement>;
+  const [selfCycle, setSelfCycle] = useState(cycle || {});
+  const [cycleSetting,setCycleSetting] = useState<{
+    hasSetting: boolean;
+    isOpenCustom: boolean;
+    isOpenMonth: boolean;
+    isOpenQuarter: boolean;
+    isOpenYear: boolean;
+    isOpenBimonthly: boolean;
+    isOpenHalfYear: boolean;
+    yearStartMonth: number;
+}>()
+
+  useEffect(() => {
+    getCycleSetting().then(setCycleSetting);
+  },[])
+
+  const onSelectClickHandler = () => {
+    setSelfCycle(cycle);
+    popRef.current && popRef.current.show(btnRef.current);
+  }
+
+  const onPeriodSelectorChangeHandler = c => {
+    setSelfCycle({
+      ...selfCycle,
+      ...c,
+      ...PeriodSelector.getDateRangeByCycle(c as any)
+    } as any);
+  }
+
+  const onStartDateConfirmHandler = d => {
+    setSelfCycle({ ...selfCycle, ...d });
+  }
+
+  const onEndDateCOnfirmHandler = d => {
+    setSelfCycle({ ...selfCycle, ...d });
+  }
+
+  const onSureClickHandler = () => {
+    onChange(selfCycle);
+    popRef.current && popRef.current.hide();
+  }
+
+  const onCancelClickHandler = () => {
+    popRef.current && popRef.current.hide()
+  }
+  if(!cycleSetting) return <SelectBtn>
+  <span>{PeriodSelector.formatPeriod(selfCycle)}</span>
+  <i className='tu-icon-sort-down' />
+</SelectBtn>
+  return (
+    <>
+      <SelectBtn ref={btnRef} onClick={onSelectClickHandler}>
+        <span>{PeriodSelector.formatPeriod(cycle)}</span>
+        <i className='tu-icon-sort-down' />
+      </SelectBtn>
+
+      <Pop ref={popRef} container={container}>
+
+        <CreateCycleWrapper>
+          <PeriodSelector
+            selected={selfCycle}
+            showFullCycle={false}
+            onChange={onPeriodSelectorChangeHandler}
+            container={container}
+            yearsRange={[2018, 2030]}
+            isFetch={false}
+            showYear={cycleSetting.isOpenYear}
+            showCustom={cycleSetting.isOpenCustom}
+            showMonth={cycleSetting.isOpenMonth}
+            showQuarter={cycleSetting.isOpenQuarter}
+            showBimonthly={cycleSetting.isOpenBimonthly}
+            showHalfYear={cycleSetting.isOpenHalfYear}
+            startMonth={cycleSetting.yearStartMonth}
+            style={{width:'100%'}}
+            // wrapperStyle={{ 'width': 200, }}
+          >
+            <SelectBtn>
+              <span>{PeriodSelector.formatPeriod(selfCycle)}</span>
+              <i className='tu-icon-sort-down' />
+            </SelectBtn>
+          </PeriodSelector>
+
+          <DateLine style={{ borderBottom: '1px solid #F0F2F5' }}>
+            开始日期：
+            <RangePickerPop
+              format='YYYY/MM/DD'
+              controlled
+              onConfirm={onStartDateConfirmHandler}
+              defaultRange={{ 'startDate': selfCycle.startDate, 'endDate': selfCycle.endDate }}
+              container={container}
+            >
+              <TimeSapn>
+                {selfCycle.startDate}
+                <i className='tu-icon-arrow-down' />
+              </TimeSapn>
+            </RangePickerPop>
+          </DateLine>
+
+          <DateLine>
+            结束日期：
+            <RangePickerPop
+              format='YYYY/MM/DD'
+              controlled
+              onConfirm={onEndDateCOnfirmHandler}
+              defaultRange={{ 'startDate': selfCycle.startDate, 'endDate': selfCycle.endDate }}
+              container={container}
+            >
+              <TimeSapn>
+                {selfCycle.endDate}
+                <i className='tu-icon-arrow-down' />
+              </TimeSapn>
+            </RangePickerPop>
+          </DateLine>
+
+          <div style={{ 'display': 'flex', 'justifyContent': 'flex-end' }}>
+            <Button
+              size='s'
+              style={{ 'marginRight': 12 }}
+              onClick={onCancelClickHandler}
+            >取消</Button>
+
+            <Button
+              size='s'
+              type='primary'
+              onClick={onSureClickHandler}
+            >确定</Button>
+          </div>
+        </CreateCycleWrapper>
+      </Pop>
+    </>
+  );
+}
+
+export default CreateCycle;