@titaui/pc 1.7.12 → 1.7.13

package/src/components/okr-flow/export-modal/index.tsx

@@ -1,176 +0,0 @@
-import React, { useState, useEffect, useRef, Fragment } from "react";
-import classNames from "classnames";
-import Html2Canvas from "html2canvas";
-import ColorPicker from "rc-color-picker";
-import ReactFlow, { ReactFlowProvider } from "@titaui/react-flow-renderer";
-import Toast from "../../toast";
-import Dialog from "../../dialog";
-import { getLayoutedElements, nodeTypes } from "../utils";
-import { CommonContext } from "../context";
-import { isWx } from "../../../utils/bs-global";
-import { getBase64DownloadUrl } from "../../okr-share/request-apis";
-import preCls from "../precls";
-import "rc-color-picker/assets/index.css";
-import "./index.scss";
-
-interface IProps {
-  visible: boolean;
-  onCloseHandler?: Function;
-  dataSource: Array<any>;
-  darkTheme: Boolean;
-  direction: string;
-  showkr: boolean;
-}
-
-const ExportMapModal = (props: IProps) => {
-  const {
-    visible = false,
-    onCloseHandler,
-    dataSource = [],
-    darkTheme = false,
-    direction,
-    showkr,
-  } = props;
-  const [mapInstance, setMapInstance] = useState(null);
-  const [bgColor, setBgColor] = useState("none");
-  const [isExport, setIsExport] = useState(false);
-  const modalRef = useRef();
-  useEffect(() => {
-    if (isWx()) {
-      window["WWOpenData"] &&
-        window["WWOpenData"].enableCanvasSharing &&
-        window["WWOpenData"].enableCanvasSharing();
-      window["WWOpenData"] &&
-        window["WWOpenData"].initCanvas &&
-        window["WWOpenData"].initCanvas();
-    }
-  }, []);
-  useEffect(() => {
-    visible && mapInstance && mapInstance.fitView();
-  }, [visible, mapInstance]);
-
-  const downloadImg = async () => {
-    let okrMapRef = document.querySelector(".titaui-okr-flow__export");
-    let width = okrMapRef.clientWidth; //获取dom 宽度
-    let height = okrMapRef.clientHeight; //获取dom 高度
-    let canvas = document.createElement("canvas"); //创建一个canvas节点
-    let scale = 20; //定义任意放大倍数 支持小数
-    canvas.width = width * scale; //定义canvas 宽度 * 缩放
-    canvas.height = height * scale; //定义canvas高度 *缩放
-    canvas.style.width = width + "px";
-    canvas.style.height = height + "px";
-    let opts = {
-      backgroundColor: bgColor, // 背景透明
-      scale: scale, // 添加的scale 参数
-      canvas: canvas, // 自定义 canvas
-      logging: false, // 日志开关，便于查看html2canvas的内部执行流程
-      width: width, // dom 原始宽度
-      height: height,
-      useCORS: true, // 【重要】开启跨域配置
-    };
-
-    const result = await Html2Canvas(okrMapRef, opts);
-    if (isWx()) {
-      window["WWOpenData"] &&
-        window["WWOpenData"].enableCanvasSharing &&
-        window["WWOpenData"].enableCanvasSharing();
-      window["WWOpenData"] &&
-        window["WWOpenData"].initCanvas &&
-        window["WWOpenData"].initCanvas();
-    }
-    let imgUrl = result.toDataURL("image/png"); //得到图片的base64编码数据
-    const url = await getBase64DownloadUrl(imgUrl.split(",")[1]);
-    let image = new Image();
-
-    image.setAttribute("crossOrigin", "anonymous");
-    image.onload = () => {
-      let a = document.createElement("a"); // 生成一个a元素
-      let event = new MouseEvent("click"); // 创建一个单击事件
-      a.download = "okr地图"; // 设置图片名称
-      a.href = url.Data.obj; // 将生成的URL设置为a.href属性
-      a.dispatchEvent(event); // 触发a的单击事件
-      Toast.Success("导出成功");
-      setIsExport(false);
-      onCloseHandler();
-    };
-    image.src = imgUrl;
-  };
-
-  const confirmHandler = () => {
-    if (isExport) {
-      Toast.Warning("正在导出中", { canClose: true });
-      return;
-    }
-    setIsExport(true);
-    downloadImg();
-  };
-  const fitViewHandler = (instance) => {
-    setMapInstance(instance);
-  };
-
-  const colorChangeHandler = (colors) => {
-    setBgColor(colors ? colors.color : 'none');
-  };
-
-  return (
-    <Dialog
-      title="导出地图"
-      noFooterLine={true}
-      visible={visible}
-      width="1000px"
-      onClose={onCloseHandler}
-      onOk={confirmHandler}
-      onCancel={onCloseHandler}
-      ref={modalRef}
-      className='export-map-modal titaui-dialog'
-      forceRender
-    >
-      <Fragment>
-        <div className="export-map-modal__setting">
-          <span style={{marginRight: 10}}>选择背景色</span>
-            <ColorPicker
-              animation="slide-up"
-              color={"#FFFFFF"}
-              onChange={colorChangeHandler}
-              className="titaui-color-picker"
-              mode="HSB"
-            >
-              <span className='export-map-modal__color-trigger' />
-            </ColorPicker>
-            <span className='export-map-modal__color-trans' onClick={colorChangeHandler} />
-        </div>
-        <div>
-          {/* {visible && ( */}
-            <CommonContext.Provider
-              value={{
-                direction,
-                showkr,
-                darkTheme,
-              }}
-            >
-              <ReactFlowProvider>
-                <ReactFlow
-                  onLoad={fitViewHandler}
-                  nodesDraggable={false}
-                  nodesConnectable={false}
-                  className={classNames(`${preCls}__export`, {
-                    [`${preCls}__dark`]: darkTheme,
-                  })}
-                  elements={getLayoutedElements(dataSource, direction)}
-                  nodeTypes={nodeTypes}
-                  minZoom={0.05}
-                  zoomOnScroll={false}
-                  zoomOnPinch={false}
-                  zoomOnDoubleClick={false}
-                  paneMoveable={false}
-                  style={{ height: 600, width: "100%", background: bgColor }}
-                />
-              </ReactFlowProvider>
-            </CommonContext.Provider>
-          {/* )} */}
-        </div>
-      </Fragment>
-    </Dialog>
-  );
-};
-export default ExportMapModal;

package/src/components/okr-flow/export-modules/okr-search-panel/index.js

@@ -1,286 +0,0 @@
-import React, {
-  useState,
-  useEffect,
-  forwardRef,
-  useImperativeHandle,
-  useRef,
-} from "react";
-import cloneDeep from "clone-deep";
-import classNames from "classnames";
-
-import OkrMap from "../../okr-map";
-import { searchOkrs, expandNode, expandNodesByLevel } from "../../request-apis";
-import { debounce } from "../../utils/helper";
-
-import {
-  buildTreeNodes,
-  deleteChildrenById,
-  diffAndUpdate,
-  formatNodes,
-  toTree,
-  transToMapData,
-  findNode,
-  deleteKrById,
-  checkChildrenLevel,
-} from "../../utils/tree-handler";
-import Toast from "../../../toast";
-import ExportMapModal from "../../export-modal";
-
-import { OkrTypeSetting } from "../../utils/config";
-import "./index.scss";
-
-import preCls from "../../precls";
-
-
-const OkrSearchPanel = (props, ref) => {
-  const {
-    // 搜索条件
-    searchType,
-    rootId = 0,
-    rootName = "",
-    avatar = {},
-    direction,
-    cycleType,
-    yqmNum,
-    annualNum,
-    okrType = "",
-    openLevel = 2,
-
-    // 展示
-    showkr = true, // 展示kr
-    darkTheme = false, // 暗黑模式
-
-    // 事件
-    onNodeClick,
-  } = props;
-
-  const [loading, setLoading] = useState(true);
-  const [dataSource, setDataSource] = useState([]);
-
-  const [exportVisible, setExportVisible] = useState(false);
-  const [treeNodes, setTreeNodes] = useState(null); // 当前树
-
-  const getSearchData = useRef(
-    debounce(
-      async (
-        searchType,
-        rootId,
-        rootName,
-        avatar,
-        cycleType,
-        yqmNum,
-        annualNum,
-        okrType,
-        openLevel,
-        showkr
-      ) => {
-        setLoading(true);
-        setTreeNodes(null);
-        const { works } = await searchOkrs({
-          cycleType,
-          yqmNum,
-          annualNum,
-          userIds: searchType == "user" ? rootId : "",
-          departmentIds: searchType == "depart" ? rootId : "",
-          groupIds: searchType == "group" ? rootId : "",
-          orderType: 2, // 排序
-          okrType: OkrTypeSetting ? (searchType == "user" ? "" : okrType) : "",
-          status: 0,
-        });
-        const okrIds = (works || []).reduce(
-          (ids, cur) => [...ids, cur.workId],
-          []
-        );
-        if (!okrIds.length) {
-          setDataSource([]);
-          setLoading(false);
-          return;
-        }
-        const nodes = await expandNodesByLevel({
-          okrIds,
-          level: openLevel - 1,
-          showKr: showkr ? 0: 1
-        });
-        const allNodes = formatNodes(nodes, showkr, okrIds);
-        // 初始情况
-        const subTreeNodes = buildTreeNodes(allNodes, openLevel, showkr);
-        setTreeNodes({
-          id: 0,
-          modelType: "root",
-          data: {
-            searchType,
-            rootName,
-            rootId,
-            avatar: {
-              hasAvatar: avatar.HasAvatar || avatar.hasAvatar,
-              color: avatar.Color || avatar.color,
-              small: avatar.Small || avatar.small,
-            },
-            searchType,
-          },
-          children: subTreeNodes,
-        });
-        setLoading(false);
-      },
-      500
-    )
-  ).current;
-
-  const okrFlow = useRef();
-
-  useEffect(() => {
-    if (!annualNum) return;
-    getSearchData(
-      searchType,
-      rootId,
-      rootName,
-      avatar,
-      cycleType,
-      yqmNum,
-      annualNum,
-      okrType,
-      openLevel,
-      showkr
-    );
-  }, [
-    searchType,
-    rootId,
-    rootName,
-    cycleType,
-    yqmNum,
-    annualNum,
-    okrType,
-    openLevel,
-    showkr,
-  ]);
-
-  useEffect(() => {
-    const data = transToMapData(treeNodes, showkr);
-    setDataSource(data.length > 1 ? data : []);
-  }, [treeNodes, showkr]);
-
-  const handleParentExpand = async (node) => {
-    const { id, modelType, data } = node;
-    const res = await expandNode({
-      krId: modelType == "kr" ? id : 0,
-      okrId: modelType == "kr" ? data.workId : id,
-      okrIdParent: modelType == "work" ? data.parentId : data.workId,
-      childRoot: false,
-    });
-    const [parentTree] = toTree(formatNodes(res, showkr), showkr);
-    let prevIndex, prevNode;
-    treeNodes.children.forEach((item, index) => {
-      if (!item) return false;
-      if (item.id == id) {
-        prevNode = item;
-        prevIndex = index;
-      }
-    });
-    for (let i = 0; i < parentTree.children.length; i++) {
-      if (parentTree.children[i].id == id) {
-        parentTree.children[i] = prevNode;
-      }
-    }
-    diffAndUpdate([parentTree], treeNodes.children || []);
-
-    treeNodes.children.splice(prevIndex, 1, parentTree);
-    setTreeNodes(cloneDeep(treeNodes));
-  };
-
-  const handleChildExpand = async (node) => {
-    const { id, modelType, data } = node;
-    const res = await expandNode({
-      krId: modelType == "kr" ? id : 0,
-      okrId: modelType == "work" ? id : data.workId,
-      okrIdParent: 0,
-      childRoot: true,
-      currentOkrRole:
-        modelType == "kr" ? data.mapkrVisible : data.MapOkrVisible,
-    });
-    const children = formatNodes(res, showkr);
-
-    const subNodes = toTree(children, showkr);
-    for (let i = 0; i < subNodes.length; i++) {
-      checkChildrenLevel(subNodes[i], 1, 1);
-    }
-    // const { children: firstLevelNodes = [] } = treeNodes;
-    // diffAndUpdate(subNodes, firstLevelNodes); //children merge firstLevelNodes
-
-    const currentExpandNode = findNode(treeNodes, id);
-    currentExpandNode.children = subNodes;
-
-    setTreeNodes(cloneDeep(treeNodes));
-  };
-
-  const handleChildClose = (id) => {
-    deleteChildrenById(treeNodes, id);
-    setTreeNodes(cloneDeep(treeNodes));
-  };
-
-  const handleNodeClick = (node) => {
-    onNodeClick && onNodeClick(node);
-  };
-
-  const exportCurrentFlow = async () => {
-    if (!dataSource.length) {
-      Toast.Warning("暂无OKR");
-      return;
-    }
-    setExportVisible(true);
-  };
-
-  useImperativeHandle(ref, () => ({
-    updateNodeData: ({ id, data }) => {
-      if (!id) return;
-      let updateNode = findNode(treeNodes, id);
-      if (!updateNode) return;
-      updateNode.data = { ...updateNode.data, ...data };
-      setTreeNodes(cloneDeep(treeNodes));
-    },
-    deleteNode: ({ id }) => {
-      if (!id) return;
-      // 删除当前kr ，将kr 的children 添加到parent.children 中
-      deleteKrById(id, treeNodes);
-      setTreeNodes(cloneDeep(treeNodes));
-    },
-    exportCurrentFlow,
-  }));
-  const cancelHandler = () => setExportVisible(false);
-  return (
-    <React.Fragment>
-      {loading ? (
-        <div className={classNames(`${preCls}--loading`)}>
-          <div
-            className={classNames(`${preCls}--loading-img`, {
-              [`${preCls}--loading-img__dark`]: darkTheme,
-            })}
-          />
-        </div>
-      ) : (
-        <React.Fragment>
-          <OkrMap
-            ref={okrFlow}
-            dataSource={dataSource}
-            direction={direction}
-            darkTheme={darkTheme}
-            showkr={showkr}
-            onNodeClick={handleNodeClick}
-            onChildExpand={handleChildExpand}
-            onChildClose={handleChildClose}
-            onParentExpand={handleParentExpand}
-          />
-          <ExportMapModal
-            visible={exportVisible}
-            onCloseHandler={cancelHandler}
-            direction={direction}
-            darkTheme={darkTheme}
-            showkr={showkr}
-            dataSource={dataSource}
-          />
-        </React.Fragment>
-      )}
-    </React.Fragment>
-  );
-};
-
-export default forwardRef(OkrSearchPanel);

package/src/components/okr-flow/export-modules/okr-search-panel/index.scss

@@ -1,17 +0,0 @@
-.titaui-okr-flow {
-  &--loading {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    &-img {
-      width: 162px;
-      height: 140px;
-      background: url('../../images/loading-light.gif') no-repeat;
-      &__dark {
-        background-image: url('../../images/loading-dark.gif');
-      }
-    }
-  }
-}

package/src/components/okr-flow/images/company.svg

@@ -1,16 +0,0 @@
-<?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>gong_si</title>
-    <g id="-OKR-地图" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="目标地图-默认" transform="translate(-223.000000, -554.000000)" fill-rule="nonzero">
-            <g id="顶" transform="translate(205.000000, 544.000000)">
-                <g id="顶目标" transform="translate(12.000000, 4.000000)">
-                    <g id="gong_si" transform="translate(6.000000, 6.000000)">
-                        <rect id="矩形" fill="#89919F" opacity="0" x="0" y="0" width="12" height="12"></rect>
-                        <path d="M7.6666016,11.9894643 L0.698028504,11.9894643 L0.698028504,2.28967902 C0.698028504,1.9582326 0.920554371,1.66426423 1.2391177,1.57525389 L6.72145227,0.0281135408 C6.9474917,-0.0351306545 7.18407183,0.00937452126 7.37146204,0.151088357 C7.55885224,0.292802193 7.66543042,0.508300924 7.66543041,0.743709869 L7.66543041,11.9894643 L7.6666016,11.9894643 Z M1.40074175,11.2867511 L6.96388835,11.2867511 L6.96388835,0.742538674 C6.96388835,0.737853916 6.96388835,0.72262847 6.9474917,0.710916576 C6.93109506,0.699204693 6.9170408,0.702718256 6.91235604,0.703889451 L1.43002147,2.2510298 C1.41245364,2.25571456 1.40074175,2.2721112 1.40074175,2.28967902 L1.40074175,11.2867511 Z M5.25395276,6.59262652 L2.84715987,6.59262652 C2.65274254,6.59262652 2.49580324,6.43568722 2.49580324,6.24126989 C2.49580324,6.04685256 2.65274254,5.88991327 2.84715987,5.88991327 L5.25395276,5.88991327 C5.44837009,5.88991327 5.60530939,6.04685256 5.60530939,6.24126989 C5.60530939,6.43568722 5.4483701,6.59262652 5.25395276,6.59262652 Z M5.25395276,4.30061012 L2.84715987,4.30061012 C2.65274254,4.30061012 2.49580324,4.14367083 2.49580324,3.9492535 C2.49580324,3.75483617 2.65274254,3.59789686 2.84715987,3.59789686 L5.25395276,3.59789686 C5.44837009,3.59789686 5.60530939,3.75483615 5.60530939,3.9492535 C5.60530939,4.14367084 5.4483701,4.30061012 5.25395276,4.30061012 Z M5.25395276,8.88581411 L2.84715987,8.88581411 C2.65274254,8.88581411 2.49580324,8.72887481 2.49580324,8.53445747 C2.49580324,8.34004013 2.65274254,8.18310085 2.84715987,8.18310085 L5.25395276,8.18310085 C5.44837009,8.18310085 5.60530939,8.34004014 5.60530939,8.53445747 C5.60530939,8.72770362 5.4483701,8.88581411 5.25395276,8.88581411 Z M9.54050361,8.81554278 L8.53913722,8.81554278 C8.34471989,8.81554278 8.1877806,8.65860348 8.1877806,8.46418615 C8.1877806,8.26976882 8.34471989,8.11282953 8.53913722,8.11282953 L9.54050361,8.11282953 C9.73492095,8.11282953 9.89186024,8.26976882 9.89186024,8.46418615 C9.89186024,8.6574323 9.73374976,8.81554278 9.54050361,8.81554278 Z M11.2328714,11.3804462 L10.5301581,11.379275 L10.5360141,7.07515628 C10.5360141,7.00371376 10.5008784,6.93578482 10.442319,6.89479322 L6.9685731,4.48331556 L7.36911966,3.90591951 L10.8428655,6.31739715 C11.0911575,6.4895619 11.2387273,6.77298958 11.2387273,7.07515628 L11.2328714,11.3804462 L11.2328714,11.3804462 Z M11.6416162,11.9824372 L0.351356625,11.9824372 C0.156939293,11.9824372 0,11.8254979 0,11.6310805 C0,11.4366632 0.156939293,11.2797239 0.351356625,11.2797239 L11.6416162,11.2797239 C11.8360336,11.2797239 11.9929729,11.4366632 11.9929729,11.6310805 C11.9929729,11.8254979 11.8360336,11.9824372 11.6416162,11.9824372 Z" id="形状" fill="#FFFFFF"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/images/light/close-hover.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>收起滑过</title>
-    <g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-283.000000, -155.000000)" fill-rule="nonzero">
-            <g id="收起备份" transform="translate(283.000000, 155.000000)">
-                <rect id="矩形" fill="#E9ECF0" opacity="0" x="0" y="0" width="14" height="14"></rect>
-                <path d="M8.16320311,5.04925268 L11.981592,1.23086379 C12.0250547,1.18740109 11.9937616,1.11264524 11.9329138,1.11264524 L9.13043858,1.11264524 C8.82793816,1.11264524 8.57063895,0.874469616 8.56194641,0.571969192 C8.55325386,0.257299211 8.80533755,8.8817842e-16 9.11826902,8.8817842e-16 L13.4436774,8.8817842e-16 C13.7513933,8.8817842e-16 14,0.24860667 14,0.556322618 L14,4.86956142 C14,5.17206184 13.7618244,5.42936105 13.459324,5.43805359 C13.144654,5.44674614 12.8873548,5.19466245 12.8873548,4.88173098 L12.8873548,2.06534772 C12.8873548,2.00276143 12.8125989,1.97320679 12.7691362,2.01666949 L8.94900881,5.83505838 C8.73169529,6.0523719 8.37877812,6.0523719 8.1614646,5.83505838 C7.94588959,5.61774486 7.94588959,5.26656621 8.16320311,5.04925268 Z" id="路径" fill="#2879FF" transform="translate(11.000000, 2.999022) scale(-1, -1) rotate(-360.000000) translate(-11.000000, -2.999022) "></path>
-                <path d="M-8.8817842e-16,13.4457112 L-8.8817842e-16,9.13138841 C-8.8817842e-16,8.82881196 0.238235481,8.57144809 0.540811931,8.56275336 C0.855560997,8.55405863 1.11292487,8.80620568 1.11292487,9.1192158 L1.11292487,11.9345679 C1.11292487,11.99717 1.18769951,12.026732 1.23117314,11.9832584 L5.0509707,8.16346084 C5.16052425,8.0539073 5.3013788,8 5.4439723,8 C5.5865658,8 5.7291593,8.0539073 5.8369739,8.16346084 C6.05434203,8.38082898 6.05434203,8.73383484 5.8369739,8.95120298 L2.01891528,12.7710005 C1.97544165,12.8144742 2.00674266,12.8892488 2.06760574,12.8892488 L4.87078527,12.8892488 C5.17336172,12.8892488 5.4307256,13.1274843 5.43942032,13.4300607 C5.44811505,13.7448098 5.195968,14.0021737 4.88295788,14.0021737 L0.556462437,14.0021737 C0.248669151,14.0021737 -8.8817842e-16,13.7535045 -8.8817842e-16,13.4457112 Z" id="路径" fill="#2879FF" transform="translate(3.000000, 11.001087) scale(-1, -1) rotate(-360.000000) translate(-3.000000, -11.001087) "></path>
-                <path d="M0.5137664,5 C0.230021052,5 3.47487832e-17,4.76997895 0,4.4862336 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L4.47466565,0 C4.7647998,-5.32967783e-17 5,0.235200198 5,0.525334346 C5,0.815468494 4.7647998,1.05066869 4.47466565,1.05066869 L1.5275328,1.05066869 C1.25139043,1.05066869 1.0275328,1.27452632 1.0275328,1.55066869 L1.0275328,4.4862336 C1.0275328,4.76997895 0.797511748,5 0.5137664,5 Z" id="路径" fill="#2879FF"></path>
-                <path d="M13,14 L9.51454222,14 C9.2303684,14 9,13.7696316 9,13.4854578 C9,13.201284 9.2303684,12.9709156 9.51454222,12.9709156 L12.4789433,12.9709156 C12.7550856,12.9709156 12.9789433,12.7470579 12.9789433,12.4709156 L12.9789433,9.51052837 C12.9789433,9.22857134 13.2075146,9 13.4894716,9 C13.7714287,9 14,9.22857134 14,9.51052837 L14,13 C14,13.5522847 13.5522847,14 13,14 Z" id="路径" fill="#2879FF"></path>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/images/light/close-minimap.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>收起</title>
-    <g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-203.000000, -155.000000)" fill-rule="nonzero">
-            <g id="收起" transform="translate(203.000000, 155.000000)">
-                <rect id="矩形" fill="#E9ECF0" opacity="0" x="0" y="0" width="14" height="14"></rect>
-                <path d="M8.16320311,5.04925268 L11.981592,1.23086379 C12.0250547,1.18740109 11.9937616,1.11264524 11.9329138,1.11264524 L9.13043858,1.11264524 C8.82793816,1.11264524 8.57063895,0.874469616 8.56194641,0.571969192 C8.55325386,0.257299211 8.80533755,8.8817842e-16 9.11826902,8.8817842e-16 L13.4436774,8.8817842e-16 C13.7513933,8.8817842e-16 14,0.24860667 14,0.556322618 L14,4.86956142 C14,5.17206184 13.7618244,5.42936105 13.459324,5.43805359 C13.144654,5.44674614 12.8873548,5.19466245 12.8873548,4.88173098 L12.8873548,2.06534772 C12.8873548,2.00276143 12.8125989,1.97320679 12.7691362,2.01666949 L8.94900881,5.83505838 C8.73169529,6.0523719 8.37877812,6.0523719 8.1614646,5.83505838 C7.94588959,5.61774486 7.94588959,5.26656621 8.16320311,5.04925268 Z" id="路径" fill="#6F7886" transform="translate(11.000000, 2.999022) scale(-1, -1) rotate(-360.000000) translate(-11.000000, -2.999022) "></path>
-                <path d="M-8.8817842e-16,13.4457112 L-8.8817842e-16,9.13138841 C-8.8817842e-16,8.82881196 0.238235481,8.57144809 0.540811931,8.56275336 C0.855560997,8.55405863 1.11292487,8.80620568 1.11292487,9.1192158 L1.11292487,11.9345679 C1.11292487,11.99717 1.18769951,12.026732 1.23117314,11.9832584 L5.0509707,8.16346084 C5.16052425,8.0539073 5.3013788,8 5.4439723,8 C5.5865658,8 5.7291593,8.0539073 5.8369739,8.16346084 C6.05434203,8.38082898 6.05434203,8.73383484 5.8369739,8.95120298 L2.01891528,12.7710005 C1.97544165,12.8144742 2.00674266,12.8892488 2.06760574,12.8892488 L4.87078527,12.8892488 C5.17336172,12.8892488 5.4307256,13.1274843 5.43942032,13.4300607 C5.44811505,13.7448098 5.195968,14.0021737 4.88295788,14.0021737 L0.556462437,14.0021737 C0.248669151,14.0021737 -8.8817842e-16,13.7535045 -8.8817842e-16,13.4457112 Z" id="路径" fill="#6F7886" transform="translate(3.000000, 11.001087) scale(-1, -1) rotate(-360.000000) translate(-3.000000, -11.001087) "></path>
-                <path d="M0.5137664,5 C0.230021052,5 3.47487832e-17,4.76997895 0,4.4862336 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L4.47466565,0 C4.7647998,-5.32967783e-17 5,0.235200198 5,0.525334346 C5,0.815468494 4.7647998,1.05066869 4.47466565,1.05066869 L1.5275328,1.05066869 C1.25139043,1.05066869 1.0275328,1.27452632 1.0275328,1.55066869 L1.0275328,4.4862336 C1.0275328,4.76997895 0.797511748,5 0.5137664,5 Z" id="路径" fill="#6F7886"></path>
-                <path d="M13,14 L9.51454222,14 C9.2303684,14 9,13.7696316 9,13.4854578 C9,13.201284 9.2303684,12.9709156 9.51454222,12.9709156 L12.4789433,12.9709156 C12.7550856,12.9709156 12.9789433,12.7470579 12.9789433,12.4709156 L12.9789433,9.51052837 C12.9789433,9.22857134 13.2075146,9 13.4894716,9 C13.7714287,9 14,9.22857134 14,9.51052837 L14,13 C14,13.5522847 13.5522847,14 13,14 Z" id="路径" fill="#6F7886"></path>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/images/light/open-hover.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>滑过展开</title>
-    <g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-132.000000, -155.000000)" fill-rule="nonzero">
-            <g id="展开" transform="translate(132.000000, 155.000000)">
-                <rect id="矩形" fill="#E9ECF0" opacity="0" x="0" y="0" width="14" height="14"></rect>
-                <path d="M8.16320311,5.04925268 L11.981592,1.23086379 C12.0250547,1.18740109 11.9937616,1.11264524 11.9329138,1.11264524 L9.13043858,1.11264524 C8.82793816,1.11264524 8.57063895,0.874469616 8.56194641,0.571969192 C8.55325386,0.257299211 8.80533755,8.8817842e-16 9.11826902,8.8817842e-16 L13.4436774,8.8817842e-16 C13.7513933,8.8817842e-16 14,0.24860667 14,0.556322618 L14,4.86956142 C14,5.17206184 13.7618244,5.42936105 13.459324,5.43805359 C13.144654,5.44674614 12.8873548,5.19466245 12.8873548,4.88173098 L12.8873548,2.06534772 C12.8873548,2.00276143 12.8125989,1.97320679 12.7691362,2.01666949 L8.94900881,5.83505838 C8.73169529,6.0523719 8.37877812,6.0523719 8.1614646,5.83505838 C7.94588959,5.61774486 7.94588959,5.26656621 8.16320311,5.04925268 Z" id="路径" fill="#2879FF" transform="translate(11.000000, 2.999022) rotate(-360.000000) translate(-11.000000, -2.999022) "></path>
-                <path d="M-8.8817842e-16,13.4457112 L-8.8817842e-16,9.13138841 C-8.8817842e-16,8.82881196 0.238235481,8.57144809 0.540811931,8.56275336 C0.855560997,8.55405863 1.11292487,8.80620568 1.11292487,9.1192158 L1.11292487,11.9345679 C1.11292487,11.99717 1.18769951,12.026732 1.23117314,11.9832584 L5.0509707,8.16346084 C5.16052425,8.0539073 5.3013788,8 5.4439723,8 C5.5865658,8 5.7291593,8.0539073 5.8369739,8.16346084 C6.05434203,8.38082898 6.05434203,8.73383484 5.8369739,8.95120298 L2.01891528,12.7710005 C1.97544165,12.8144742 2.00674266,12.8892488 2.06760574,12.8892488 L4.87078527,12.8892488 C5.17336172,12.8892488 5.4307256,13.1274843 5.43942032,13.4300607 C5.44811505,13.7448098 5.195968,14.0021737 4.88295788,14.0021737 L0.556462437,14.0021737 C0.248669151,14.0021737 -8.8817842e-16,13.7535045 -8.8817842e-16,13.4457112 Z" id="路径" fill="#2879FF" transform="translate(3.000000, 11.001087) rotate(-360.000000) translate(-3.000000, -11.001087) "></path>
-                <path d="M0.5137664,5 C0.230021052,5 3.47487832e-17,4.76997895 0,4.4862336 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L4.47466565,0 C4.7647998,-5.32967783e-17 5,0.235200198 5,0.525334346 C5,0.815468494 4.7647998,1.05066869 4.47466565,1.05066869 L1.5275328,1.05066869 C1.25139043,1.05066869 1.0275328,1.27452632 1.0275328,1.55066869 L1.0275328,4.4862336 C1.0275328,4.76997895 0.797511748,5 0.5137664,5 Z" id="路径" fill="#2879FF"></path>
-                <path d="M13,14 L9.51454222,14 C9.2303684,14 9,13.7696316 9,13.4854578 C9,13.201284 9.2303684,12.9709156 9.51454222,12.9709156 L12.4789433,12.9709156 C12.7550856,12.9709156 12.9789433,12.7470579 12.9789433,12.4709156 L12.9789433,9.51052837 C12.9789433,9.22857134 13.2075146,9 13.4894716,9 C13.7714287,9 14,9.22857134 14,9.51052837 L14,13 C14,13.5522847 13.5522847,14 13,14 Z" id="路径" fill="#2879FF"></path>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/images/light/open-minimap.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>展开</title>
-    <g id="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-68.000000, -155.000000)" fill-rule="nonzero">
-            <g id="展开" transform="translate(68.000000, 155.000000)">
-                <rect id="矩形" fill="#E9ECF0" opacity="0" x="0" y="0" width="14" height="14"></rect>
-                <path d="M8.16320311,5.04925268 L11.981592,1.23086379 C12.0250547,1.18740109 11.9937616,1.11264524 11.9329138,1.11264524 L9.13043858,1.11264524 C8.82793816,1.11264524 8.57063895,0.874469616 8.56194641,0.571969192 C8.55325386,0.257299211 8.80533755,8.8817842e-16 9.11826902,8.8817842e-16 L13.4436774,8.8817842e-16 C13.7513933,8.8817842e-16 14,0.24860667 14,0.556322618 L14,4.86956142 C14,5.17206184 13.7618244,5.42936105 13.459324,5.43805359 C13.144654,5.44674614 12.8873548,5.19466245 12.8873548,4.88173098 L12.8873548,2.06534772 C12.8873548,2.00276143 12.8125989,1.97320679 12.7691362,2.01666949 L8.94900881,5.83505838 C8.73169529,6.0523719 8.37877812,6.0523719 8.1614646,5.83505838 C7.94588959,5.61774486 7.94588959,5.26656621 8.16320311,5.04925268 Z" id="路径" fill="#6F7886" transform="translate(11.000000, 2.999022) rotate(-360.000000) translate(-11.000000, -2.999022) "></path>
-                <path d="M-8.8817842e-16,13.4457112 L-8.8817842e-16,9.13138841 C-8.8817842e-16,8.82881196 0.238235481,8.57144809 0.540811931,8.56275336 C0.855560997,8.55405863 1.11292487,8.80620568 1.11292487,9.1192158 L1.11292487,11.9345679 C1.11292487,11.99717 1.18769951,12.026732 1.23117314,11.9832584 L5.0509707,8.16346084 C5.16052425,8.0539073 5.3013788,8 5.4439723,8 C5.5865658,8 5.7291593,8.0539073 5.8369739,8.16346084 C6.05434203,8.38082898 6.05434203,8.73383484 5.8369739,8.95120298 L2.01891528,12.7710005 C1.97544165,12.8144742 2.00674266,12.8892488 2.06760574,12.8892488 L4.87078527,12.8892488 C5.17336172,12.8892488 5.4307256,13.1274843 5.43942032,13.4300607 C5.44811505,13.7448098 5.195968,14.0021737 4.88295788,14.0021737 L0.556462437,14.0021737 C0.248669151,14.0021737 -8.8817842e-16,13.7535045 -8.8817842e-16,13.4457112 Z" id="路径" fill="#6F7886" transform="translate(3.000000, 11.001087) rotate(-360.000000) translate(-3.000000, -11.001087) "></path>
-                <path d="M0.5137664,5 C0.230021052,5 3.47487832e-17,4.76997895 0,4.4862336 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L4.47466565,0 C4.7647998,-5.32967783e-17 5,0.235200198 5,0.525334346 C5,0.815468494 4.7647998,1.05066869 4.47466565,1.05066869 L1.5275328,1.05066869 C1.25139043,1.05066869 1.0275328,1.27452632 1.0275328,1.55066869 L1.0275328,4.4862336 C1.0275328,4.76997895 0.797511748,5 0.5137664,5 Z" id="路径" fill="#6F7886"></path>
-                <path d="M13,14 L9.51454222,14 C9.2303684,14 9,13.7696316 9,13.4854578 C9,13.201284 9.2303684,12.9709156 9.51454222,12.9709156 L12.4789433,12.9709156 C12.7550856,12.9709156 12.9789433,12.7470579 12.9789433,12.4709156 L12.9789433,9.51052837 C12.9789433,9.22857134 13.2075146,9 13.4894716,9 C13.7714287,9 14,9.22857134 14,9.51052837 L14,13 C14,13.5522847 13.5522847,14 13,14 Z" id="路径" fill="#6F7886"></path>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/images/light/zoom-in-hover.svg

@@ -1,9 +0,0 @@
-<?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="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-612.000000, -149.000000)" fill="#2879FF" fill-rule="nonzero">
-            <path d="M620,149 C624.418278,149 628,152.581722 628,157 C628,161.418278 624.418278,165 620,165 C615.581722,165 612,161.418278 612,157 C612,152.581722 615.581722,149 620,149 Z M620,149.941176 C616.101519,149.941176 612.941176,153.101519 612.941176,157 C612.941176,160.898481 616.101519,164.058824 620,164.058824 C623.898481,164.058824 627.058824,160.898481 627.058824,157 C627.058824,153.101519 623.898481,149.941176 620,149.941176 Z M620,152.2609 C620.293533,152.2609 620.531488,152.498855 620.531488,152.792388 L620.531,156.247 L623.986159,156.247059 C624.279692,156.247059 624.517647,156.485014 624.517647,156.778547 C624.517647,157.072079 624.279692,157.310035 623.986159,157.310035 L620.531,157.31 L620.531488,160.764706 C620.531488,161.058239 620.293533,161.296194 620,161.296194 C619.706467,161.296194 619.468512,161.058239 619.468512,160.764706 L619.468,157.31 L616.013841,157.310035 C615.720308,157.310035 615.482353,157.072079 615.482353,156.778547 C615.482353,156.485014 615.720308,156.247059 616.013841,156.247059 L619.468,156.247 L619.468512,152.792388 C619.468512,152.498855 619.706467,152.2609 620,152.2609 Z" id="滑过放大"></path>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/images/light/zoom-in.svg

@@ -1,9 +0,0 @@
-<?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="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-532.000000, -149.000000)" fill="#6F7886" fill-rule="nonzero">
-            <path d="M540,149 C544.418278,149 548,152.581722 548,157 C548,161.418278 544.418278,165 540,165 C535.581722,165 532,161.418278 532,157 C532,152.581722 535.581722,149 540,149 Z M540,149.941176 C536.101519,149.941176 532.941176,153.101519 532.941176,157 C532.941176,160.898481 536.101519,164.058824 540,164.058824 C543.898481,164.058824 547.058824,160.898481 547.058824,157 C547.058824,153.101519 543.898481,149.941176 540,149.941176 Z M540,152.2609 C540.293533,152.2609 540.531488,152.498855 540.531488,152.792388 L540.531,156.247 L543.986159,156.247059 C544.279692,156.247059 544.517647,156.485014 544.517647,156.778547 C544.517647,157.072079 544.279692,157.310035 543.986159,157.310035 L540.531,157.31 L540.531488,160.764706 C540.531488,161.058239 540.293533,161.296194 540,161.296194 C539.706467,161.296194 539.468512,161.058239 539.468512,160.764706 L539.468,157.31 L536.013841,157.310035 C535.720308,157.310035 535.482353,157.072079 535.482353,156.778547 C535.482353,156.485014 535.720308,156.247059 536.013841,156.247059 L539.468,156.247 L539.468512,152.792388 C539.468512,152.498855 539.706467,152.2609 540,152.2609 Z" id="放大"></path>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/images/light/zoom-out-hover.svg

@@ -1,9 +0,0 @@
-<?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="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-448.000000, -149.000000)" fill="#2879FF" fill-rule="nonzero">
-            <path d="M456,149 C460.418278,149 464,152.581722 464,157 C464,161.418278 460.418278,165 456,165 C451.581722,165 448,161.418278 448,157 C448,152.581722 451.581722,149 456,149 Z M456,149.941176 C452.101519,149.941176 448.941176,153.101519 448.941176,157 C448.941176,160.898481 452.101519,164.058824 456,164.058824 C459.898481,164.058824 463.058824,160.898481 463.058824,157 C463.058824,153.101519 459.898481,149.941176 456,149.941176 Z M459.986159,156.247059 C460.279692,156.247059 460.517647,156.485014 460.517647,156.778547 C460.517647,157.072079 460.279692,157.310035 459.986159,157.310035 L452.013841,157.310035 C451.720308,157.310035 451.482353,157.072079 451.482353,156.778547 C451.482353,156.485014 451.720308,156.247059 452.013841,156.247059 L459.986159,156.247059 Z" id="滑过缩小"></path>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/images/light/zoom-out.svg

@@ -1,9 +0,0 @@
-<?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="icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR地图-icon" transform="translate(-366.000000, -149.000000)" fill="#6F7886" fill-rule="nonzero">
-            <path d="M374,149 C378.418278,149 382,152.581722 382,157 C382,161.418278 378.418278,165 374,165 C369.581722,165 366,161.418278 366,157 C366,152.581722 369.581722,149 374,149 Z M374,149.941176 C370.101519,149.941176 366.941176,153.101519 366.941176,157 C366.941176,160.898481 370.101519,164.058824 374,164.058824 C377.898481,164.058824 381.058824,160.898481 381.058824,157 C381.058824,153.101519 377.898481,149.941176 374,149.941176 Z M377.986159,156.247059 C378.279692,156.247059 378.517647,156.485014 378.517647,156.778547 C378.517647,157.072079 378.279692,157.310035 377.986159,157.310035 L370.013841,157.310035 C369.720308,157.310035 369.482353,157.072079 369.482353,156.778547 C369.482353,156.485014 369.720308,156.247059 370.013841,156.247059 L377.986159,156.247059 Z" id="缩小"></path>
-        </g>
-    </g>
-</svg>