@titaui/pc 1.7.13 → 1.7.17

package/src/components/menus/components/flip-menu-card/index.tsx

@@ -0,0 +1,209 @@
+import React, { useState, useRef, forwardRef, useImperativeHandle, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import classNames from 'classnames';
+import MenuCard from '../menu-card';
+import FlipBackHander from './flip-back-header';
+import MenuCloseBtn from '../menu-close-btn';
+import DragResize from '../drag-resize';
+import preCls from './precls';
+import './index.scss';
+
+interface Props {
+  children: any;
+  defaultWidth: number;
+  collapseMenu: Function;
+  onChange?: Function
+}
+
+export interface flipRefIns {
+  next: Function;
+  goback: Function;
+  defaultWidth?: Number;
+}
+
+export default forwardRef((props: Props, ref) => {
+  const {
+    children,
+    defaultWidth,
+    collapseMenu,
+    onChange = () => { }
+  } = props;
+
+  const [isBack, setIsBack] = useState(false);
+  const [isFloat, setIsFloat] = useState(false);
+  const [isFloatHide, setIsFloatHide] = useState(false);
+  const [isHideTopRightIcon, setIsHideTopRightIcon] = useState(false);
+
+  const hideFloatRef = useRef<any>();
+  const flipCardRef = useRef<any>();
+  const flipFrontRef = useRef<any>();
+  const flipBackRef = useRef<any>();
+
+  const goBackHandler = () => {
+    if (!isBack) return;
+    setMenuHideIcon(true);
+    flipBackRef.current.style.position = 'absolute';
+    flipFrontRef.current.style.display = 'block';
+    setTimeout(() => {
+      flipFrontRef.current.style.position = 'relative';
+      flipBackRef.current.style.display = 'none';
+      setMenuHideIcon(false);
+    }, 600)
+    setIsBack(false);
+    onChange(false);
+  }
+
+  const nextHandler = () => {
+    if (isBack) return;
+    setMenuHideIcon(true);
+    flipFrontRef.current.style.position = 'absolute';
+    flipBackRef.current.style.display = 'block';
+    setTimeout(() => {
+      flipBackRef.current.style.position = 'relative';
+      flipFrontRef.current.style.display = 'none';
+      setMenuHideIcon(false);
+    }, 600)
+    setIsBack(true);
+    onChange(true);
+  }
+
+  const setMenuHideIcon = isHide => {
+    if (isHide === false && isFloat) return; // 如果是浮动状态则不能显示隐藏按钮
+    setIsHideTopRightIcon(isHide);
+  }
+
+  useEffect(() => {
+    setMenuHideIcon(isFloat);
+  }, [isFloat]);
+
+  useImperativeHandle(ref, () => ({
+    'next': nextHandler,
+    'goback': goBackHandler,
+  }))
+
+  const onMenuHideHandler = () => {
+    collapseMenu(!isFloat); // 最外层菜单with=0
+    setIsFloat(!isFloat);   // 浮动菜单，设置阴影
+    setTimeout(() => {      // 1秒后隐藏菜单到左侧
+      setIsFloatHide(!isFloatHide);
+    }, !isFloat ? 400 : 0)
+  }
+
+  const removeCloseFloat = () => {
+    clearTimeout(hideFloatRef.current);
+  }
+
+  // 隐藏浮动的菜单（通用）
+  const hideFlipCard = e => {
+    if (!isFloat) return; // 非浮动状态下不隐藏
+    removeCloseFloat();
+    hideFloatRef.current = setTimeout(() => {
+      setIsFloatHide(true);
+    }, 400)
+  }
+
+  const onFixedHideIconMouseEnter = e => {
+    e.stopPropagation();
+    removeCloseFloat();
+    setIsFloatHide(false);
+  }
+
+  const onFixedHideIconMouseLeave = e => {
+    e.stopPropagation();
+    hideFlipCard(e);
+  }
+
+  const onFixedHideIconClickHandler = e => {
+    e.stopPropagation();
+    collapseMenu(false);
+    setIsFloat(false);
+    setIsFloatHide(false);
+  }
+
+  const onFlipMouseEnterHandler = e => {
+    e.stopPropagation();
+    removeCloseFloat();
+  }
+
+  const onFlipMouseLeaveHandler = e => {
+    e.stopPropagation();
+    if (e.currentTarget.className.indexOf('titaui-flip-card--is-float-hide') != -1) {
+      return
+    };
+    hideFlipCard(e);
+  }
+
+  return <React.Fragment>
+    <div
+      ref={flipCardRef}
+      onMouseEnter={onFlipMouseEnterHandler}
+      onMouseLeave={onFlipMouseLeaveHandler}
+      className={classNames(preCls, {
+        [`${preCls}--is-back`]: isBack,
+        [`${preCls}--is-float`]: isFloat,
+        [`${preCls}--is-float-hide`]: isFloatHide,
+      })}
+    >
+      <DragResize
+        minWidth={defaultWidth - 10}
+        maxWidth={600}
+        defaultWidth={defaultWidth}
+      >
+        <div className={classNames(`${preCls}__inner`)}>
+
+          {/* 第一屏的内容 */}
+          <div
+            ref={flipFrontRef}
+            className={classNames(`${preCls}__inner-front`)}
+          >
+            <div className={classNames(`${preCls}__inner-front-content`, {
+              [`${preCls}__inner-front-content--is-float`]: isFloat,
+              [`${preCls}__inner-front-content--is-float-hide`]: isFloatHide
+            })}>
+              <MenuCard style={{ 'padding': '28px 12px 28px 12px' }}>
+                {children[0]}
+              </MenuCard>
+            </div>
+          </div>
+
+          {/* 第二屏的内容 */}
+          <div
+            ref={flipBackRef}
+            className={classNames(`${preCls}__inner-back`)}
+          >
+            <div className={classNames(`${preCls}__inner-back-content`, {
+              [`${preCls}__inner-back-content--is-float`]: isFloat,
+              [`${preCls}__inner-back-content--is-float-hide`]: isFloatHide
+            })}>
+              <MenuCard style={{ 'padding': '42px 12px 28px 12px' }}>
+                <FlipBackHander onClick={goBackHandler} />
+                {children[1]}
+              </MenuCard>
+            </div>
+          </div>
+        </div>
+      </DragResize>
+
+      {/* 菜单右上角的隐藏ICON */}
+      {!isHideTopRightIcon && <MenuCloseBtn
+        className={classNames(`${preCls}__top-right-hide-icon`)}
+        isAutoShow={true}
+        onClick={onMenuHideHandler}
+      />}
+    </div>
+
+    {/* 页面最左侧的隐藏ICON */}
+    {isFloat && ReactDOM.createPortal(
+      <span className={classNames(`${preCls}__fixed-hide-icon`)}>
+        <MenuCloseBtn
+          isClose={true}
+          isAutoShow={false}
+          onClick={onFixedHideIconClickHandler}
+          onMouseEnter={onFixedHideIconMouseEnter}
+          onMouseLeave={onFixedHideIconMouseLeave}
+        />
+      </span>,
+      document.body
+    )}
+  </React.Fragment>
+})

package/src/components/menus/components/flip-menu-card/precls.ts

@@ -0,0 +1 @@
+export default 'titaui-flip-card';

package/src/components/menus/components/menu-card/index.scss

@@ -0,0 +1,18 @@
+.titaui-menus {
+  &__menu-card {
+    position: relative;
+    display: flex;
+    // max-height: calc(100vh - 72px - 74px);
+    min-height: 100px;
+    flex-direction: column;
+    background: #ffffff;
+    box-shadow: 0px 0px 16px 0px rgba(127, 145, 180, 0.1);
+    border-radius: 12px;
+    box-sizing: border-box;
+    will-change: height;
+
+    &--trial {
+      // max-height: calc(100vh - 164px - 74px);
+    }
+  }
+}

package/src/components/menus/components/menu-card/index.tsx

@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import preCls from '../../precls';
+import './index.scss';
+
+interface Props {
+  children: any;
+  style: any;
+  defaultWidth?: number;
+}
+
+export default (props: Props) => {
+  const {
+    children,
+    style,
+  } = props;
+
+  const [isTrial] = useState(window.BSGlobal.tenantAuthentication.Version == 1);
+
+  return <div
+    className={classNames(`${preCls}__menu-card`, {
+      [`${preCls}__menu-card--trial`]: isTrial
+    })}
+    style={{
+      'height': 'auto',
+      ...style
+    }}
+  >
+    {children}
+  </div>
+}

package/src/components/menus/components/menu-close-btn/index.scss

@@ -0,0 +1,47 @@
+.titaui-menus {
+  &--hide-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1;
+    transition: opacity 0.4s;
+    opacity: 0;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
+    font-size: 10px;
+    background-color: white;
+    border-top-right-radius: 50%;
+    border-bottom-right-radius: 50%;
+    cursor: pointer;
+
+    &--show {
+      opacity: 1;
+    }
+
+    .tu-icon-double-right,
+    .tu-icon-double-left {
+      position: relative;
+    }
+
+    &:hover {
+      .titaui-menus--hide-icon--hover {
+        opacity: 1;
+      }
+    }
+
+    &--hover {
+      display: inline-block;
+      position: absolute;
+      top: 5px;
+      left: 6px;
+      transition: opacity 0.2s;
+      opacity: 0;
+      border-radius: 50%;
+      height: 20px;
+      width: 20px;
+      background: #f0f4fa;
+      z-index: -1;
+    }
+  }
+}

package/src/components/menus/components/menu-close-btn/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import classNames from 'classnames';
+import preCls from '../../precls';
+import './index.scss';
+
+interface Props {
+  isAutoShow: boolean;
+  isClose?: boolean;
+  onClick: any;
+  className?: string;
+  onMouseEnter?: any;
+  onMouseLeave?: any;
+}
+
+export default (props: Props) => {
+  const {
+    onClick,
+    isAutoShow = true,
+    isClose = false,
+    className,
+    onMouseEnter,
+    onMouseLeave
+  } = props;
+
+  return <div
+    onClick={onClick}
+    onMouseEnter={onMouseEnter}
+    onMouseLeave={onMouseLeave}
+    className={classNames(`${preCls}--hide-icon`, className, {
+      [`${preCls}--hide-icon--show`]: !isAutoShow
+    })}
+  >
+    <span className={classNames(`${preCls}--hide-icon--hover`)} />
+    <span className={`tu-icon-double-${isClose ? 'right' : 'left'}`} />
+  </div>
+}

package/src/components/menus/components/menu-tree/images/appraisal-menu/KH-help.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>KH-help</title>
+    <g id="KH-help" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(50.000000, 17.000000)">
+            <path d="M95.6050016,190.485147 C96.3722275,194.836302 93.4668794,198.985569 89.115725,199.752795 L53.6626459,206.004129 C49.3114914,206.771355 45.1622243,203.866007 44.3949984,199.514853 C43.6277725,195.163698 46.5331206,191.014431 50.884275,190.247205 L86.3373541,183.995871 C90.6885086,183.228645 94.8377757,186.133993 95.6050016,190.485147 Z M113.331541,163.35948 C114.098767,167.710635 111.193419,171.859902 106.842265,172.627128 L35.9361063,185.129796 C31.5849519,185.897022 27.4356848,182.991674 26.6684589,178.64052 C25.9012329,174.289365 28.806581,170.140098 33.1577355,169.372872 L104.063894,156.870204 C108.415048,156.102978 112.564315,159.008326 113.331541,163.35948 Z M70,1.70530257e-13 C108.659932,1.70530257e-13 140,31.3400675 140,70 C140,94.7872411 126.997401,117.2584 106.397876,129.805294 L106.397876,129.805294 L106,130.043 L106,142.000737 C105.999651,145.790116 103.343578,149.046406 99.6591131,149.826119 L99.6591131,149.826119 L99.4063251,149.875421 L43.4063251,159.875421 C38.5029415,160.751025 34.0001,156.98111 34,152.000161 L34,152.000161 L33.999,130.044 L33.6031267,129.805905 C13.2245488,117.394057 0.280513695,95.2697735 0.00450352625,70.7987892 L0.00450352625,70.7987892 L0,70 C0,31.3400675 31.3400675,1.70530257e-13 70,1.70530257e-13 Z M70,16 C40.1766235,16 16,40.1766235 16,70 C16,90.566917 27.5956533,109.058856 45.6173548,118.196747 C48.3054635,119.55975 49.9994039,122.317852 49.9994644,125.331771 L49.9994644,125.331771 L49.999,142.444 L90,135.301 L90.0015363,125.330687 C90.0018053,122.411205 91.5914523,119.731851 94.1344636,118.328132 L94.1344636,118.328132 L94.3835163,118.196305 C112.404743,109.058244 124,90.5665674 124,70 C124,40.1766235 99.8233765,16 70,16 Z" id="形状结合" fill="#141C28"></path>
+            <path d="M75,35 C89.9116882,35 102,47.0883118 102,62 C102,66.418278 98.418278,70 94,70 C89.6650857,70 86.1354571,66.5521622 86.0038068,62.2491793 L86,62 C86,56.0212984 81.2302364,51.1566348 75.2884075,51.0037074 L75,51 C70.581722,51 67,47.418278 67,43 C67,38.581722 70.581722,35 75,35 Z" id="路径" fill="#2879FF" fill-rule="nonzero"></path>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/PF-shezhi.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>PF-shezhi</title>
+    <g id="PF-shezhi" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M178,30 C195.496381,30 209.713128,44.0417829 209.995713,61.4708215 L210,62 L210,92.6666667 C210,97.0849447 206.418278,100.666667 202,100.666667 C197.665086,100.666667 194.135457,97.2188289 194.003807,92.915846 L194,92.6666667 L194,62 C194,53.2686411 187.006099,46.1707953 178.314871,46.0030364 L178,46 L62,46 C53.2686411,46 46.1707953,52.993901 46.0030364,61.6851293 L46,62 L46,178 C46,186.731359 52.993901,193.829205 61.6851293,193.996964 L62,194 L110,194 C114.418278,194 118,197.581722 118,202 C118,206.334914 114.552162,209.864543 110.249179,209.996193 L110,210 L62,210 C44.5036191,210 30.2868724,195.958217 30.0042871,178.529179 L30,178 L30,62 C30,44.5036191 44.0417829,30.2868724 61.4708215,30.0042871 L62,30 L178,30 Z M106,70 C110.418278,70 114,73.581722 114,78 L114,162 C114,166.418278 110.418278,170 106,170 C101.581722,170 98,166.418278 98,162 L98,78 C98,73.581722 101.581722,70 106,70 Z M74,90 C78.418278,90 82,93.581722 82,98 L82,162 C82,166.418278 78.418278,170 74,170 C69.581722,170 66,166.418278 66,162 L66,98 C66,93.581722 69.581722,90 74,90 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <path d="M170,108 C189.882251,108 206,124.117749 206,144 C206,161.132525 194.032153,175.46981 178.000489,179.107823 L177.999,194 L202,194 C206.418278,194 210,197.581722 210,202 C210,206.418278 206.418278,210 202,210 L138,210 C133.581722,210 130,206.418278 130,202 C130,197.581722 133.581722,194 138,194 L161.999,193.999 L162.00051,179.10805 C145.968344,175.470405 134,161.132881 134,144 C134,124.117749 150.117749,108 170,108 Z M170,124 C158.954305,124 150,132.954305 150,144 C150,155.045695 158.954305,164 170,164 C181.045695,164 190,155.045695 190,144 C190,132.954305 181.045695,124 170,124 Z" id="形状结合" fill="#2879FF" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/ZBmuban.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ZBmuban</title>
+    <g id="ZBmuban" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M80,128 C97.673112,128 112,142.326888 112,160 L112,160 L112,178 C112,195.673112 97.673112,210 80,210 L80,210 L62,210 C44.326888,210 30,195.673112 30,178 L30,178 L30,160 C30,142.326888 44.326888,128 62,128 L62,128 Z M80,144 L62,144 C53.163444,144 46,151.163444 46,160 L46,160 L46,178 C46,186.836556 53.163444,194 62,194 L62,194 L80,194 C88.836556,194 96,186.836556 96,178 L96,178 L96,160 C96,151.163444 88.836556,144 80,144 L80,144 Z M178,30 C195.673112,30 210,44.326888 210,62 L210,62 L210,80 C210,97.673112 195.673112,112 178,112 L178,112 L62,112 C44.326888,112 30,97.673112 30,80 L30,80 L30,62 C30,44.326888 44.326888,30 62,30 L62,30 Z M62,46 C53.163444,46 46,53.163444 46,62 L46,62 L46,80 C46,88.836556 53.163444,96 62,96 L62,96 L178,96 C186.836556,96 194,88.836556 194,80 L194,80 L194,62 C194,53.163444 186.836556,46 178,46 L178,46 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <path d="M202,181 C206.418278,181 210,184.581722 210,189 C210,193.418278 206.418278,197 202,197 L138,197 C133.581722,197 130,193.418278 130,189 C130,184.581722 133.581722,181 138,181 L202,181 Z M202,141 C206.418278,141 210,144.581722 210,149 C210,153.418278 206.418278,157 202,157 L138,157 C133.581722,157 130,153.418278 130,149 C130,144.581722 133.581722,141 138,141 L202,141 Z" id="形状结合" fill="#2879FF"></path>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/baobiao.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>baobiao</title>
+    <g id="baobiao" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M170,30 C192.09139,30 210,47.90861 210,70 L210,70 L210,170 C210,192.09139 192.09139,210 170,210 L170,210 L70,210 C47.90861,210 30,192.09139 30,170 L30,170 L30,70 C30,47.90861 47.90861,30 70,30 L70,30 Z M46,170 L46.0032153,170.396884 C46.2151543,183.468663 56.8777143,194 70,194 L70,194 L170,194 C183.254834,194 194,183.254834 194,170 L194,170 L46,170 Z M70,46 C56.745166,46 46,56.745166 46,70 L46,70 L45.9989996,154 C45.9993331,154 45.9996665,154 46,154 L194,154 L194,70 C194,56.745166 183.254834,46 170,46 L170,46 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <path d="M170,73 C174.418278,73 178,76.581722 178,81 C178,85.3349143 174.552162,88.8645429 170.249179,88.9961932 L170,89 L148.715,89 L98.8832476,127.340541 C97.5720881,128.349318 95.9827324,128.925147 94.3351935,128.993185 L94.0049751,129 L70,129 C65.581722,129 62,125.418278 62,121 C62,116.665086 65.4478378,113.135457 69.7508207,113.003807 L70,113 L91.282,113 L141.116752,74.6594592 C142.427912,73.650682 144.017268,73.074853 145.664807,73.0068149 L145.995025,73 L170,73 Z" id="路径-4" fill="#2879FF" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/bumen.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>bumen</title>
+    <g id="bumen" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M160.652174,111 C178.313427,111 192.709503,125.016328 192.995659,142.470058 L193,143 L193.000491,154.082188 C205.319318,155.098723 215,165.41884 215,178 L215,190 C215,203.254834 204.254834,214 191,214 L179,214 C165.745166,214 155,203.254834 155,190 L155,178 C155,165.418498 164.681208,155.098163 177.000513,154.082105 L177,143 C177,134.293069 169.876995,127.169387 160.970994,127.002976 L160.652174,127 L79.3478261,127 C70.4001299,127 63.171858,134.021248 63.0030195,142.68972 L63,143 L63.0004908,154.082188 C75.3193182,155.098723 85,165.41884 85,178 L85,190 C85,203.254834 74.254834,214 61,214 L49,214 C35.745166,214 25,203.254834 25,190 L25,178 C25,165.418498 34.6812076,155.098163 47.0005127,154.082105 L47,143 C47,125.477908 61.2194636,111.286358 78.8136472,111.004279 L79.3478261,111 L160.652174,111 Z M191,170 L179,170 C174.665086,170 171.135457,173.447838 171.003807,177.750821 L171,178 L171,190 C171,194.334914 174.447838,197.864543 178.750821,197.996193 L179,198 L191,198 C195.334914,198 198.864543,194.552162 198.996193,190.249179 L199,190 L199,178 C199,173.665086 195.552162,170.135457 191.249179,170.003807 L191,170 Z M61,170 L49,170 C44.6650857,170 41.1354571,173.447838 41.0038068,177.750821 L41,178 L41,190 C41,194.334914 44.4478378,197.864543 48.7508207,197.996193 L49,198 L61,198 C65.3349143,198 68.8645429,194.552162 68.9961932,190.249179 L69,190 L69,178 C69,173.665086 65.5521622,170.135457 61.2491793,170.003807 L61,170 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <polygon id="矩形" fill="#141C28" points="112 74 128 74 128 127 112 127"></polygon>
+        <path d="M135,26 C148.254834,26 159,36.745166 159,50 L159,66 C159,79.254834 148.254834,90 135,90 L105,90 C91.745166,90 81,79.254834 81,66 L81,50 C81,36.745166 91.745166,26 105,26 L135,26 Z M135,42 L105,42 C100.665086,42 97.1354571,45.4478378 97.0038068,49.7508207 L97,50 L97,66 C97,70.3349143 100.447838,73.8645429 104.750821,73.9961932 L105,74 L135,74 C139.334914,74 142.864543,70.5521622 142.996193,66.2491793 L143,66 L143,50 C143,45.6650857 139.552162,42.1354571 135.249179,42.0038068 L135,42 Z" id="矩形" fill="#2879FF" fill-rule="nonzero"></path>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/kaohe.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>kaohe</title>
+    <g id="kaohe" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(40.000000, 20.000000)" fill-rule="nonzero">
+            <path d="M114,0 C135.870476,0 153.64141,17.5522287 153.994641,39.3385269 L154,40 L154,83.5525899 C154,87.9708679 150.418278,91.5525899 146,91.5525899 C141.665086,91.5525899 138.135457,88.1047521 138.003807,83.8017692 L138,83.5525899 L138,40 C138,26.8777143 127.468663,16.2151543 114.396884,16.0032153 L114,16 L40,16 C26.8777143,16 16.2151543,26.5313372 16.0032153,39.6031161 L16,40 L16,160 C16,173.122286 26.5313372,183.784846 39.6031161,183.996785 L40,184 L49.3904033,184 C53.8086813,184 57.3904033,187.581722 57.3904033,192 C57.3904033,196.334914 53.9425656,199.864543 49.6395827,199.996193 L49.3904033,200 L40,200 C18.1295239,200 0.358590478,182.447771 0.00535885717,160.661473 L0,160 L0,40 C0,18.1295239 17.5522287,0.358590478 39.3385269,0.00535885717 L40,0 L114,0 Z M118,96 C132.3572,96 145.3572,101.8214 154.7718,111.2308 C164.1812,120.6402 170,133.6402 170,148 C170,162.3572 164.1812,175.3572 154.7718,184.7718 C145.3572,194.1812 132.3572,200 118,200 C103.6402,200 90.6402,194.1812 81.2308,184.7718 C71.8214,175.3572 66,162.3572 66,148 C66,133.6402 71.8214,120.6402 81.2308,111.2308 C90.6402,101.8214 103.6402,96 118,96 Z M118,112 C108.308587,112 99.2625923,115.826425 92.5445085,122.544508 C85.8264247,129.262592 82,138.308587 82,148 C82,157.689275 85.826829,166.736699 92.5445085,173.458092 C99.2611185,180.174702 108.306685,184 118,184 C127.691178,184 136.738173,180.174297 143.454967,173.461217 C150.174297,166.738173 154,157.691178 154,148 C154,138.306685 150.174702,129.261119 143.461217,122.547633 C136.736699,115.826829 127.689275,112 118,112 Z M50.927968,119.2955 C55.346246,119.2955 58.927968,122.877222 58.927968,127.2955 C58.927968,131.713778 55.346246,135.2955 50.927968,135.2955 L36.927968,135.2955 C32.50969,135.2955 28.927968,131.713778 28.927968,127.2955 C28.927968,122.877222 32.50969,119.2955 36.927968,119.2955 L50.927968,119.2955 Z M119.032501,35.7776667 C119.100877,35.8460425 119.167747,35.9153535 119.233113,35.9855585 C120.6486,37.3658959 121.55018,39.2709599 121.623607,41.3853973 L121.628429,41.68885 L121.5478,69.6313383 C121.535342,73.9485554 118.104382,77.4607375 113.819076,77.6037276 L113.570917,77.6082207 L113.502095,77.6082873 C109.204527,77.5958864 105.71517,74.1676552 105.596963,69.9013666 L105.593902,69.6543231 L105.621079,60.4368737 L85.0262706,81.0325007 C83.4452968,82.6134745 81.3643654,83.3897785 79.2924041,83.3614129 C77.210377,83.3969976 75.1174053,82.6208433 73.5290627,81.0325007 L59.1648702,66.6671916 L44.8008739,81.0325007 C41.6946577,84.1387169 36.6584861,84.1387169 33.5522699,81.0325007 C30.4460537,77.9262845 30.4460537,72.8901129 33.5522699,69.7838967 L53.4163643,49.9198023 C54.9257491,48.4104175 56.890839,47.6344789 58.8687579,47.5919865 L59.1654865,47.5911135 C61.2414494,47.5587187 63.3287182,48.3349483 64.9135723,49.9198023 L79.2778155,64.2828275 L94.0174563,49.5431867 L84.8878304,49.5695716 C80.5076167,49.5822109 76.9465056,46.0415923 76.9338663,41.6613785 L76.9339328,41.5925565 C76.9466299,37.192316 80.5105748,33.6283711 84.9108153,33.615674 L112.225257,33.5359448 C114.634596,33.1755667 117.177641,33.9228073 119.032501,35.7776667 Z" id="形状结合" fill="#141C28"></path>
+            <path d="M102,129 C106.334914,129 109.864543,132.447838 109.996193,136.750821 L110,137 L110,149 L134,149 C138.418278,149 142,152.581722 142,157 C142,161.334914 138.552162,164.864543 134.249179,164.996193 L134,165 L110,165 C101.268641,165 94.1707953,158.006099 94.0030364,149.314871 L94,149 L94,137 C94,132.581722 97.581722,129 102,129 Z" id="路径" fill="#2879FF" transform="translate(118.000000, 147.000000) rotate(-45.000000) translate(-118.000000, -147.000000) "></path>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/launch.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="18px" viewBox="0 0 36 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>发起</title>
+    <defs>
+        <path d="M9.348,4.308 L9.888,3.408 C9.64,3.232 9.288,3.02 8.832,2.772 C8.6,2.644 8.392,2.536 8.208,2.448 C8.024,2.36 7.864,2.284 7.728,2.22 L7.728,2.22 L7.212,3.048 C7.348,3.112 7.508,3.192 7.692,3.288 C7.876,3.384 8.08,3.5 8.304,3.636 C8.528,3.772 8.726,3.896 8.898,4.008 C9.07,4.12 9.22,4.22 9.348,4.308 L9.348,4.308 Z M10.968,13.704 L11.412,12.624 C9.908,12.192 8.668,11.66 7.692,11.028 C8.548,10.268 9.296,9.26 9.936,8.004 L9.936,8.004 L9.936,7.044 L4.788,7.044 C4.932,6.612 5.064,6.136 5.184,5.616 L5.184,5.616 L11.244,5.616 L11.244,4.656 L5.4,4.656 C5.528,3.952 5.648,3.196 5.76,2.388 L5.76,2.388 L4.656,2.304 C4.56,3.152 4.44,3.936 4.296,4.656 L4.296,4.656 L2.364,4.656 C2.468,4.312 2.558,3.982 2.634,3.666 C2.71,3.35 2.784,3.008 2.856,2.64 L2.856,2.64 L1.848,2.484 C1.816,2.628 1.78,2.796 1.74,2.988 C1.7,3.18 1.648,3.396 1.584,3.636 C1.52,3.868 1.462,4.08 1.41,4.272 C1.358,4.464 1.312,4.628 1.272,4.764 L1.272,4.764 L1.272,5.616 L4.068,5.616 C3.852,6.472 3.588,7.252 3.276,7.956 C2.94,8.732 2.514,9.49 1.998,10.23 C1.482,10.97 0.884,11.68 0.204,12.36 L0.204,12.36 L1.08,13.104 C1.816,12.336 2.436,11.586 2.94,10.854 C3.444,10.122 3.864,9.38 4.2,8.628 C4.44,9.076 4.708,9.494 5.004,9.882 C5.3,10.27 5.624,10.632 5.976,10.968 C4.992,11.552 3.684,12.088 2.052,12.576 L2.052,12.576 L2.508,13.608 C4.34,12.992 5.78,12.348 6.828,11.676 C7.356,12.06 7.96,12.422 8.64,12.762 C9.32,13.102 10.096,13.416 10.968,13.704 L10.968,13.704 Z M6.816,10.38 C6.016,9.708 5.38,8.924 4.908,8.028 L4.908,8.028 L8.736,8.028 C8.272,8.948 7.632,9.732 6.816,10.38 Z M13.128,13.596 C13.328,13.14 13.496,12.708 13.632,12.3 C13.768,11.892 13.872,11.496 13.944,11.112 C14.112,11.376 14.294,11.612 14.49,11.82 C14.686,12.028 14.91,12.212 15.162,12.372 C15.414,12.532 15.704,12.67 16.032,12.786 C16.36,12.902 16.748,12.996 17.196,13.068 C17.876,13.172 18.712,13.23 19.704,13.242 C20.696,13.254 21.908,13.22 23.34,13.14 L23.34,13.14 L23.52,12.12 C22.032,12.2 20.788,12.244 19.788,12.252 C18.788,12.26 17.96,12.212 17.304,12.108 C16.84,12.036 16.44,11.928 16.104,11.784 L16.104,11.784 L16.104,10.044 L17.856,10.044 L17.856,9.06 L16.104,9.06 L16.104,7.272 L17.976,7.272 L17.976,6.324 L15.876,6.324 L15.876,4.764 L17.676,4.764 L17.676,3.816 L15.876,3.816 L15.876,2.352 L14.916,2.352 L14.916,3.816 L13.008,3.816 L13.008,4.764 L14.916,4.764 L14.916,6.324 L12.588,6.324 L12.588,7.272 L15.144,7.272 L15.144,11.16 C14.944,10.976 14.764,10.76 14.604,10.512 C14.444,10.264 14.288,9.984 14.136,9.672 C14.16,9.416 14.178,9.15 14.19,8.874 C14.202,8.598 14.212,8.308 14.22,8.004 L14.22,8.004 L13.26,8.004 C13.26,9.22 13.192,10.192 13.056,10.92 C12.992,11.272 12.896,11.64 12.768,12.024 C12.64,12.408 12.476,12.82 12.276,13.26 L12.276,13.26 L13.128,13.596 Z M20.526,11.16 C20.69,11.16 20.852,11.158 21.012,11.154 C21.172,11.15 21.308,11.144 21.42,11.136 C21.708,11.112 21.944,11.078 22.128,11.034 C22.312,10.99 22.458,10.916 22.566,10.812 C22.674,10.708 22.758,10.562 22.818,10.374 C22.878,10.186 22.932,9.936 22.98,9.624 C22.996,9.536 23.014,9.402 23.034,9.222 C23.054,9.042 23.068,8.908 23.076,8.82 L23.076,8.82 L22.08,8.532 C22.072,8.636 22.062,8.766 22.05,8.922 C22.038,9.078 22.024,9.208 22.008,9.312 C21.984,9.496 21.96,9.642 21.936,9.75 C21.912,9.858 21.87,9.94 21.81,9.996 C21.75,10.052 21.666,10.088 21.558,10.104 C21.45,10.12 21.3,10.132 21.108,10.14 C21.036,10.14 20.946,10.142 20.838,10.146 C20.73,10.15 20.616,10.152 20.496,10.152 C20.376,10.152 20.262,10.15 20.154,10.146 C20.046,10.142 19.956,10.136 19.884,10.128 C19.732,10.12 19.614,10.106 19.53,10.086 C19.446,10.066 19.386,10.024 19.35,9.96 C19.314,9.896 19.292,9.806 19.284,9.69 C19.276,9.574 19.272,9.412 19.272,9.204 L19.272,6.936 L22.5,6.936 L22.5,3.024 L18.156,3.024 L18.156,3.996 L21.54,3.996 L21.54,5.976 L18.312,5.976 L18.312,9.432 C18.312,9.752 18.328,10.018 18.36,10.23 C18.392,10.442 18.456,10.612 18.552,10.74 C18.648,10.868 18.782,10.962 18.954,11.022 C19.126,11.082 19.352,11.12 19.632,11.136 C19.744,11.144 19.88,11.15 20.04,11.154 C20.2,11.158 20.362,11.16 20.526,11.16 Z" id="path-1"></path>
+    </defs>
+    <g id="首页+详情页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发起" fill-rule="nonzero">
+            <path d="M9,0 L27,0 C31.9705627,0 36,4.02943725 36,9 C36,13.9705627 31.9705627,18 27,18 L2,18 C0.8954305,18 0,17.1045695 0,16 L0,9 C0,4.02943725 4.02943725,0 9,0 Z" id="矩形" fill="#D4E4FF"></path>
+            <g id="发起" transform="translate(6.000000, 1.000000)">
+                <use fill="#000000" xlink:href="#path-1"></use>
+                <use fill="#2879FF" xlink:href="#path-1"></use>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/mypingjia.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>mypingjia</title>
+    <g id="mypingjia" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(143.461201, 153.925667) rotate(-315.000000) translate(-143.461201, -153.925667) translate(59.961201, 40.925667)">
+            <path d="M50.6820795,0.878679656 C68.325306,0.69074376 82.781759,14.8478592 82.9717178,32.5286618 L82.9717178,32.5286618 L83.5649712,183.702684 C83.5857215,189.03634 81.4743199,194.156928 77.700787,197.924177 L77.700787,197.924177 L54.3761067,221.210018 C48.1358777,227.439856 38.03158,227.434171 31.798357,221.197315 L31.798357,221.197315 L6.41326808,195.797431 C2.64917057,192.03114 0.543921901,186.916866 0.564971157,181.590568 L0.564971157,181.590568 L1.15713556,32.910529 C1.22669943,15.439821 15.3014514,1.26122504 32.7611121,1.07337733 L32.7611121,1.07337733 Z M65.7878426,61.98171 L17.0158148,61.98083 L16.5388385,181.654246 C16.5349293,182.643415 16.8976981,183.596021 17.5522916,184.330162 L17.7084978,184.495618 L43.0935867,209.895502 L66.418267,186.609661 C67.1729736,185.856211 67.5952539,184.832094 67.5911039,183.765363 L67.5911039,183.765363 L67.1137754,61.8723368 C66.6824969,61.9442745 66.2395415,61.98171 65.7878426,61.98171 Z M164.543723,99.9436508 C167.667917,103.067845 167.667917,108.133165 164.543723,111.257359 L120.703102,155.09798 C117.578908,158.222174 112.513588,158.222174 109.389394,155.09798 C106.265199,151.973785 106.265199,146.908466 109.389394,143.784271 L153.230014,99.9436508 C156.354208,96.8194565 161.419528,96.8194565 164.543723,99.9436508 Z M141.916306,77.3162338 C145.0405,80.4404281 145.0405,85.505748 141.916306,88.6299423 L116.460461,114.085786 C113.336267,117.209981 108.270947,117.209981 105.146753,114.085786 C102.022559,110.961592 102.022559,105.896272 105.146753,102.772078 L130.602597,77.3162338 C133.726791,74.1920395 138.792111,74.1920395 141.916306,77.3162338 Z M51.1682024,16.8615608 L50.8538316,16.8618764 L32.9328642,17.0556307 C24.2030338,17.1495545 17.1656578,24.2388525 17.1308759,32.9742065 L17.1308759,32.9742065 L17.0788148,45.98083 L65.7878426,45.98171 C66.2179157,45.98171 66.6400626,46.0156468 67.0517512,46.0809885 L66.9985274,32.6732209 C66.9036713,23.8464662 59.6754448,16.7679084 50.8538316,16.8618764 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+            <path d="M42.2020561,138.2193 C46.6203341,138.2193 50.2020561,141.801022 50.2020561,146.2193 L50.2020561,182.2193 C50.2020561,186.637578 46.6203341,190.2193 42.2020561,190.2193 C37.7837781,190.2193 34.2020561,186.637578 34.2020561,182.2193 L34.2020561,146.2193 C34.2020561,141.801022 37.7837781,138.2193 42.2020561,138.2193 Z" id="矩形" fill="#2879FF" transform="translate(42.202056, 164.219300) rotate(-180.000000) translate(-42.202056, -164.219300) "></path>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/setting.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="18px" viewBox="0 0 36 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>配置</title>
+    <defs>
+        <path d="M6.132,13.032 L6.132,5.208 L4.632,5.208 L4.632,3.864 L6.396,3.864 L6.396,2.952 L0.552,2.952 L0.552,3.864 L2.484,3.864 L2.484,5.208 L1.02,5.208 L1.02,13.032 L6.132,13.032 Z M9.078,13.206 C9.306,13.21 9.544,13.2 9.792,13.176 C10.08,13.152 10.314,13.118 10.494,13.074 C10.674,13.03 10.816,12.958 10.92,12.858 C11.024,12.758 11.1,12.618 11.148,12.438 C11.196,12.258 11.24,12.012 11.28,11.7 C11.304,11.508 11.326,11.288 11.346,11.04 C11.366,10.792 11.384,10.572 11.4,10.38 L11.4,10.38 L10.404,10.068 C10.404,10.124 10.4,10.21 10.392,10.326 C10.384,10.442 10.376,10.564 10.368,10.692 C10.36,10.82 10.352,10.942 10.344,11.058 C10.336,11.174 10.328,11.264 10.32,11.328 C10.304,11.512 10.284,11.656 10.26,11.76 C10.236,11.864 10.2,11.944 10.152,12 C10.104,12.056 10.042,12.092 9.966,12.108 C9.89,12.124 9.792,12.136 9.672,12.144 C9.48,12.152 9.3,12.158 9.132,12.162 C8.964,12.166 8.784,12.16 8.592,12.144 C8.456,12.136 8.35,12.122 8.274,12.102 C8.198,12.082 8.14,12.042 8.1,11.982 C8.06,11.922 8.034,11.832 8.022,11.712 C8.01,11.592 8.004,11.432 8.004,11.232 L8.004,11.232 L8.004,7.74 L10.884,7.74 L10.884,3 L6.888,3 L6.888,4.008 L9.864,4.008 L9.864,6.72 L6.996,6.72 L6.996,11.604 C6.996,11.932 7.016,12.196 7.056,12.396 C7.096,12.596 7.166,12.752 7.266,12.864 C7.366,12.976 7.504,13.052 7.68,13.092 C7.856,13.132 8.08,13.16 8.352,13.176 C8.608,13.192 8.85,13.202 9.078,13.206 Z M3.888,5.208 L3.216,5.208 L3.216,3.864 L3.888,3.864 L3.888,5.208 Z M5.304,9.96 L1.836,9.96 L1.836,9.204 L2.268,9.528 C2.62,9.096 2.864,8.656 3,8.208 C3.136,7.76 3.208,7.192 3.216,6.504 L3.216,6.504 L3.216,6.096 L3.888,6.096 L3.888,8.052 C3.888,8.412 3.946,8.656 4.062,8.784 C4.178,8.912 4.36,8.984 4.608,9 C4.696,9.016 4.804,9.024 4.932,9.024 L4.932,9.024 L5.304,9.024 L5.304,9.96 Z M5.166,8.28 L5.028,8.28 C4.924,8.28 4.844,8.276 4.788,8.268 C4.732,8.26 4.69,8.238 4.662,8.202 C4.634,8.166 4.618,8.116 4.614,8.052 C4.61,7.988 4.608,7.904 4.608,7.8 L4.608,6.096 L5.304,6.096 L5.304,8.268 C5.256,8.276 5.21,8.28 5.166,8.28 L5.166,8.28 Z M1.836,8.856 L1.836,6.096 L2.52,6.096 L2.52,6.36 C2.52,7.048 2.46,7.576 2.34,7.944 C2.236,8.256 2.068,8.56 1.836,8.856 L1.836,8.856 Z M5.304,12.12 L1.836,12.12 L1.836,10.896 L5.304,10.896 L5.304,12.12 Z M22.572,4.98 L22.572,2.652 L13.416,2.652 L13.416,4.98 L22.572,4.98 Z M16.212,4.284 L14.4,4.284 L14.4,3.348 L16.212,3.348 L16.212,4.284 Z M21.6,4.284 L19.8,4.284 L19.8,3.348 L21.6,3.348 L21.6,4.284 Z M18.888,4.284 L17.124,4.284 L17.124,3.348 L18.888,3.348 L18.888,4.284 Z M23.412,12.984 L23.412,12.18 L21.804,12.18 L21.804,7.032 L18.504,7.032 L18.504,6.408 L22.98,6.408 L22.98,5.688 L18.504,5.688 L18.504,5.112 L17.496,5.112 L17.496,5.688 L13.008,5.688 L13.008,6.408 L17.496,6.408 L17.496,7.032 L14.184,7.032 L14.184,12.18 L12.588,12.18 L12.588,12.984 L23.412,12.984 Z M20.796,8.376 L15.192,8.376 L15.192,7.752 L20.796,7.752 L20.796,8.376 Z M20.796,9.636 L15.192,9.636 L15.192,9.024 L20.796,9.024 L20.796,9.636 Z M20.796,10.908 L15.192,10.908 L15.192,10.296 L20.796,10.296 L20.796,10.908 Z M20.796,12.18 L15.192,12.18 L15.192,11.568 L20.796,11.568 L20.796,12.18 Z" id="path-1"></path>
+    </defs>
+    <g id="首页+详情页" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="配置" fill-rule="nonzero">
+            <path d="M9,0 L27,0 C31.9705627,0 36,4.02943725 36,9 C36,13.9705627 31.9705627,18 27,18 L2,18 C0.8954305,18 0,17.1045695 0,16 L0,9 C0,4.02943725 4.02943725,0 9,0 Z" id="矩形" fill="#FFF2CC"></path>
+            <g id="配置" transform="translate(6.000000, 1.000000)">
+                <use fill="#000000" xlink:href="#path-1"></use>
+                <use fill="#8B572A" xlink:href="#path-1"></use>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/uniEA10.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>uniEA10</title>
+    <g id="uniEA10" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M80,30 C97.673112,30 112,44.326888 112,62 L112,62 L112,178 C112,195.673112 97.673112,210 80,210 L80,210 L62,210 C44.326888,210 30,195.673112 30,178 L30,178 L30,62 C30,44.326888 44.326888,30 62,30 L62,30 Z M62,46 C53.163444,46 46,53.163444 46,62 L46,62 L46,178 C46,186.836556 53.163444,194 62,194 L62,194 L80,194 C88.836556,194 96,186.836556 96,178 L96,178 L96,62 C96,53.163444 88.836556,46 80,46 L80,46 Z M178,30 C195.673112,30 210,44.326888 210,62 L210,62 L210,94 C210,111.673112 195.673112,126 178,126 L178,126 L160,126 C142.326888,126 128,111.673112 128,94 L128,94 L128,62 C128,44.326888 142.326888,30 160,30 L160,30 Z M160,46 C151.163444,46 144,53.163444 144,62 L144,62 L144,94 C144,102.836556 151.163444,110 160,110 L160,110 L178,110 C186.836556,110 194,102.836556 194,94 L194,94 L194,62 C194,53.163444 186.836556,46 178,46 L178,46 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <path d="M171,135 L167,135 C149.326888,135 135,149.326888 135,167 L135,185 C135,202.673112 149.326888,217 167,217 L171,217 C188.673112,217 203,202.673112 203,185 L203,167 C203,149.326888 188.673112,135 171,135 Z M167,151 L171,151 C179.836556,151 187,158.163444 187,167 L187,185 C187,193.836556 179.836556,201 171,201 L167,201 C158.163444,201 151,193.836556 151,185 L151,167 C151,158.163444 158.163444,151 167,151 Z" id="矩形" fill="#2879FF" fill-rule="nonzero" transform="translate(169.000000, 176.000000) rotate(-270.000000) translate(-169.000000, -176.000000) "></path>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/appraisal-menu/untitled.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>untitled</title>
+    <g id="untitled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组" transform="translate(36.000000, 37.000000)">
+            <path d="M164.535544,-7.21093216 C167.403414,-8.58878611 170.435996,-8.10111894 172.662497,-6.50103467 L172.982459,-6.2590223 C175.128008,-4.55220157 176.420121,-1.76970053 175.888006,1.33537681 L175.845801,1.56314235 L142.803774,167.409296 C141.715575,172.871238 135.536927,175.553116 130.819498,172.692759 L130.599463,172.55461 L92.417,147.746 L68.9875601,170.793817 C63.9865833,175.712995 55.571444,172.266329 55.3808366,165.331035 L55.3775415,165.090512 L55.3775415,114.559711 C55.3775415,112.434897 56.2225985,110.401792 57.7188226,108.904711 L57.9369777,108.694537 L119.556961,51.5355418 C122.796208,48.5308014 127.857959,48.7209058 130.862699,51.960152 C133.804841,55.1319138 133.68387,60.0510341 130.63657,63.0754501 L130.438089,63.2658897 L71.377,118.05 L71.377,146 L85.7777599,131.835122 C88.3865464,129.269006 92.3926868,128.807481 95.5084125,130.681226 L95.7462889,130.829971 L129.418,152.706 L157.024,14.148 L16.557,81.634 L42.1814419,97.6606702 C45.852483,99.9566664 47.018304,104.743081 44.8583936,108.459287 L44.7219918,108.685443 C42.4259956,112.356484 37.6395809,113.522305 33.9233748,111.362394 L33.6972195,111.225993 L-4.2421112,87.4974211 C-9.50733841,84.2043657 -9.15738539,76.465353 -3.71169685,73.6275855 L-3.4644563,73.5038278 L164.535544,-7.21093216 Z" id="路径-2" fill="#141C28" fill-rule="nonzero"></path>
+            <polyline id="路径-2" stroke="#2879FF" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" points="63.3775415 165.090512 63.3775415 114.559711 124.997525 57.4007158"></polyline>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/arrow.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="6px" height="6px" viewBox="0 0 6 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>下</title>
+    <g id="4、表单\选择框\搜索" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="选人-交互说明" transform="translate(-1009.000000, -1108.000000)" fill="#6F7886" fill-rule="nonzero">
+            <path d="M1012.46263,1113.47956 L1014.8652,1109.85528 C1015.0031,1109.64723 1015.02653,1109.36711 1014.92563,1109.13259 C1014.82473,1108.89806 1014.61698,1108.74977 1014.38966,1108.75 L1009.58528,1108.75 C1009.35805,1108.75 1009.15048,1108.89837 1009.0497,1109.13284 C1008.94892,1109.36732 1008.97239,1109.64731 1009.11024,1109.85528 L1011.51281,1113.47956 C1011.62585,1113.65 1011.80146,1113.75 1011.98772,1113.75 C1012.17398,1113.75 1012.34959,1113.65 1012.46263,1113.47956 L1012.46263,1113.47956 Z" id="下"></path>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/caidan-xiashu.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-36.000000, -321.000000)" id="主菜单" stroke-width="1.2">
+            <g transform="translate(16.000000, 74.000000)">
+                <g id="caidan-xiashu" transform="translate(20.000000, 247.000000)">
+                    <path d="M6.45,2.1 C6.78137085,2.1 7.08137085,2.23431458 7.29852814,2.45147186 C7.51568542,2.66862915 7.65,2.96862915 7.65,3.3 L7.65,3.3 L7.65,4.65 C7.65,4.98137085 7.51568542,5.28137085 7.29852814,5.49852814 C7.08137085,5.71568542 6.78137085,5.85 6.45,5.85 L6.45,5.85 L4.8,5.85 C4.46862915,5.85 4.16862915,5.71568542 3.95147186,5.49852814 C3.73431458,5.28137085 3.6,4.98137085 3.6,4.65 L3.6,4.65 L3.6,3.3 C3.6,2.96862915 3.73431458,2.66862915 3.95147186,2.45147186 C4.16862915,2.23431458 4.46862915,2.1 4.8,2.1 L4.8,2.1 Z" id="矩形" stroke="#141C28"></path>
+                    <path d="M13.2,5.7 C13.5313708,5.7 13.8313708,5.83431458 14.0485281,6.05147186 C14.2656854,6.26862915 14.4,6.56862915 14.4,6.9 L14.4,6.9 L14.4,8.25 C14.4,8.58137085 14.2656854,8.88137085 14.0485281,9.09852814 C13.8313708,9.31568542 13.5313708,9.45 13.2,9.45 L13.2,9.45 L11.55,9.45 C11.2186292,9.45 10.9186292,9.31568542 10.7014719,9.09852814 C10.4843146,8.88137085 10.35,8.58137085 10.35,8.25 L10.35,8.25 L10.35,6.9 C10.35,6.56862915 10.4843146,6.26862915 10.7014719,6.05147186 C10.9186292,5.83431458 11.2186292,5.7 11.55,5.7 L11.55,5.7 Z" id="矩形" stroke="#2879FF"></path>
+                    <path d="M13.2,12.15 C13.5313708,12.15 13.8313708,12.2843146 14.0485281,12.5014719 C14.2656854,12.7186292 14.4,13.0186292 14.4,13.35 L14.4,13.35 L14.4,14.7 C14.4,15.0313708 14.2656854,15.3313708 14.0485281,15.5485281 C13.8313708,15.7656854 13.5313708,15.9 13.2,15.9 L13.2,15.9 L11.55,15.9 C11.2186292,15.9 10.9186292,15.7656854 10.7014719,15.5485281 C10.4843146,15.3313708 10.35,15.0313708 10.35,14.7 L10.35,14.7 L10.35,13.35 C10.35,13.0186292 10.4843146,12.7186292 10.7014719,12.5014719 C10.9186292,12.2843146 11.2186292,12.15 11.55,12.15 L11.55,12.15 Z" id="矩形" stroke="#141C28"></path>
+                    <path d="M5.625,6.075 L5.625,12.225 C5.625,13.2191125 6.43088745,14.025 7.425,14.025 L10.3491986,14.025" id="路径" stroke="#141C28"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/okr-menu/cases.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>OKR-anli</title>
+    <g id="OKR-anli" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M179,30 C196.120827,30 210,43.8791728 210,61 L210,61 L210,179 C210,196.120827 196.120827,210 179,210 C161.879173,210 148,196.120827 148,179 L148,179 L148,61 C148,43.8791728 161.879173,30 179,30 Z M179,46 C170.715729,46 164,52.7157288 164,61 L164,61 L164,179 C164,187.284271 170.715729,194 179,194 C187.284271,194 194,187.284271 194,179 L194,179 L194,61 C194,52.7157288 187.284271,46 179,46 Z M98,30 C115.673112,30 130,44.326888 130,62 L130,62 L130,96 C130,113.673112 115.673112,128 98,128 L98,128 L62,128 C44.326888,128 30,113.673112 30,96 L30,96 L30,62 C30,44.326888 44.326888,30 62,30 L62,30 Z M98,46 L62,46 C53.163444,46 46,53.163444 46,62 L46,62 L46,96 C46,104.836556 53.163444,112 62,112 L62,112 L98,112 C106.836556,112 114,104.836556 114,96 L114,96 L114,62 C114,53.163444 106.836556,46 98,46 L98,46 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+        <path d="M43,188 L117,188 C121.418278,188 125,191.581722 125,196 C125,200.418278 121.418278,204 117,204 L43,204 C38.581722,204 35,200.418278 35,196 C35,191.581722 38.581722,188 43,188 Z M117,150 C121.418278,150 125,153.581722 125,158 C125,162.418278 121.418278,166 117,166 L43,166 C38.581722,166 35,162.418278 35,158 C35,153.581722 38.581722,150 43,150 L117,150 Z" id="形状结合" fill="#2879FF"></path>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/okr-menu/ditu.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-36.000000, -481.000000)" id="主菜单">
+            <g transform="translate(16.000000, 74.000000)">
+                <g id="ditu" transform="translate(20.000000, 407.000000)">
+                    <rect id="矩形" stroke="#141C28" stroke-width="1.2" x="6.675" y="2.55" width="4.65" height="3.6" rx="1.8"></rect>
+                    <rect id="矩形" stroke="#141C28" stroke-width="1.2" x="12.6" y="12.15" width="3.3" height="3.3" rx="1.65"></rect>
+                    <rect id="矩形" stroke="#141C28" stroke-width="1.2" x="2.1" y="12.15" width="3.3" height="3.3" rx="1.65"></rect>
+                    <polygon id="矩形" fill="#141C28" points="8.4 5.55 9.6 5.55 9.6 12.3 8.4 12.3"></polygon>
+                    <rect id="矩形" stroke="#2879FF" stroke-width="1.2" x="7.35" y="12.15" width="3.3" height="3.3" rx="1.65"></rect>
+                    <path d="M3.75,12.15 L3.75,10.725 C3.75,9.73088745 4.56756698,8.925 5.57608696,8.925 L12.423913,8.925 C13.432433,8.925 14.25,9.73088745 14.25,10.725 L14.25,12.15" id="路径" stroke="#141C28" stroke-width="1.2"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/okr-menu/guanzhu.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-36.000000, -361.000000)" id="主菜单">
+            <g transform="translate(16.000000, 74.000000)">
+                <g id="guanzhu" transform="translate(20.000000, 287.000000)">
+                    <path d="M9,6.9 C9.33137085,6.9 9.6,7.16862915 9.6,7.5 L9.6,8.4 L10.5,8.4 C10.8313708,8.4 11.1,8.66862915 11.1,9 C11.1,9.33137085 10.8313708,9.6 10.5,9.6 L9.6,9.6 L9.6,10.5 C9.6,10.8313708 9.33137085,11.1 9,11.1 C8.66862915,11.1 8.4,10.8313708 8.4,10.5 L8.4,9.6 L7.5,9.6 C7.16862915,9.6 6.9,9.33137085 6.9,9 C6.9,8.66862915 7.16862915,8.4 7.5,8.4 L8.4,8.4 L8.4,7.5 C8.4,7.16862915 8.66862915,6.9 9,6.9 Z" id="形状结合" fill="#2879FF"></path>
+                    <path d="M11.4375,3.6 C13.4878571,3.6 15.15,5.26214287 15.15,7.3125 C15.15,8.25792084 14.7966056,9.120802 14.2147081,9.7762522 L14.2353362,9.79711391 L10.2727922,13.7596579 C9.56984848,14.4626017 8.43015152,14.4626017 7.72720779,13.7596579 L3.76466377,9.79711391 L3.78529194,9.7762522 C3.2033944,9.120802 2.85,8.25792084 2.85,7.3125 C2.85,5.26214287 4.51214287,3.6 6.5625,3.6 C7.49576265,3.6 8.3485949,3.94436349 9.00086212,4.51295583 C9.65229395,3.94400468 10.5047237,3.6 11.4375,3.6 Z" id="形状结合" stroke="#141C28" stroke-width="1.2" stroke-linejoin="round"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/menus/components/menu-tree/images/okr-menu/okr-gongsi.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-36.000000, -401.000000)" id="主菜单">
+            <g transform="translate(16.000000, 74.000000)">
+                <g id="OKR-gongsi" transform="translate(20.000000, 327.000000)">
+                    <g id="编组" transform="translate(2.375000, 1.475000)">
+                        <path d="M4.75317722,0.631991657 L2.05317722,1.82770594 C1.18490441,2.21222676 0.625,3.07253723 0.625,4.02214448 L0.625,12.2106744 C0.625,13.5361578 1.6995166,14.6106744 3.025,14.6106744 L10.225,14.6106744 L10.259627,14.6104136 C11.5734378,14.5891319 12.625,13.5213996 12.625,12.2106744 L12.625,9.10256395 L12.6246896,9.06503977 L12.6237609,9.02835908 C12.5972834,8.22242084 12.172476,7.48614639 11.4896552,7.06279749 L8.125,4.976725 L8.125,2.82643019 C8.125,2.49169882 8.05498002,2.16066884 7.91943854,1.85460741 C7.38271563,0.642652475 5.96513216,0.0952687558 4.75317722,0.631991657 Z M6.82221927,2.3405188 C6.88999001,2.49354951 6.925,2.65906451 6.925,2.82643019 L6.925,5.31067444 C6.925,5.51831755 7.03235976,5.71120066 7.2088362,5.82061605 L10.8573276,8.08268072 C11.2039031,8.29755752 11.4175492,8.67369412 11.4248086,9.0810741 L11.4250238,9.10790821 L11.4250238,12.2106744 C11.4250238,12.8659882 10.8991675,13.3999064 10.2450395,13.4105121 L10.2201393,13.4106941 L3.025,13.4106941 C2.3622583,13.4106941 1.825,12.8734161 1.825,12.2106744 L1.825,4.02214448 C1.825,3.54734085 2.10495221,3.11718562 2.53908861,2.92492521 L5.23908861,1.72921092 C5.83749136,1.46420399 6.53615409,1.72778373 6.81195032,2.31795082 L6.82221927,2.3405188 Z" id="形状结合" fill="#141C28" fill-rule="nonzero"></path>
+                        <rect id="矩形" fill="#2879FF" x="9.25" y="8.61067444" width="1.2" height="3.75" rx="0.6"></rect>
+                        <rect id="矩形" fill="#141C28" x="3.775" y="3.66067444" width="1.2" height="8.7" rx="0.6"></rect>
+                        <rect id="矩形" fill="#141C28" x="6.925" y="4.825" width="1.2" height="8.85"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>