@titaui/pc 1.7.45 → 1.7.49

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

@@ -1,67 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>承诺-icon</title>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#F4CC55" offset="0%"></stop>
-            <stop stop-color="#EC9400" offset="100%"></stop>
-        </linearGradient>
-        <polygon id="path-2" points="10 0 18.660254 5 18.660254 15 10 20 1.33974596 15 1.33974596 5"></polygon>
-        <filter x="4.7%" y="-2.0%" width="90.6%" height="104.0%" filterUnits="objectBoundingBox" id="filter-3">
-            <feOffset dx="0" dy="0.8" in="SourceAlpha" 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.962292402   0 0 0 0 0.761185213  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="98.5087627%" id="linearGradient-4">
-            <stop stop-color="#EAAD19" offset="0%"></stop>
-            <stop stop-color="#EAB33D" offset="100%"></stop>
-        </linearGradient>
-        <polygon id="path-5" points="10 1.33333333 17.5055535 5.66666667 17.5055535 14.3333333 10 18.6666667 2.4944465 14.3333333 2.4944465 5.66666667"></polygon>
-        <filter x="6.7%" y="0.0%" width="86.6%" height="100.0%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="0" in="SourceAlpha" 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.952941176   0 0 0 0 0.701960784  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="50%" y1="4.21228473%" x2="50%" y2="99.6245949%" id="linearGradient-7">
-            <stop stop-color="#F3C163" offset="0%"></stop>
-            <stop stop-color="#F4CF7D" offset="99.9683277%"></stop>
-        </linearGradient>
-        <polygon id="path-8" points="10 2 16.9282032 6 16.9282032 14 10 18 3.07179677 14 3.07179677 6"></polygon>
-        <filter x="6.7%" y="0.0%" width="86.6%" height="100.0%" filterUnits="objectBoundingBox" id="filter-9">
-            <feOffset dx="0" dy="0" in="SourceAlpha" 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.952941176   0 0 0 0 0.701960784  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <text id="text-10" font-family="PingFangSC-Medium, PingFang SC" font-size="10" font-weight="400" fill="#FFFBDC">
-            <tspan x="4.5" y="13.5">诺</tspan>
-        </text>
-        <filter x="-2.9%" y="-1.8%" width="121.2%" height="107.1%" filterUnits="objectBoundingBox" id="filter-11">
-            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feColorMatrix values="0 0 0 0 0.908231431   0 0 0 0 0.705834611   0 0 0 0 0.372153367  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="-OKR-地图" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="目标地图-默认" transform="translate(-1059.000000, -413.000000)">
-            <g id="KR" transform="translate(827.000000, 394.000000)">
-                <g id="承诺-icon" transform="translate(232.000000, 19.000000)">
-                    <g id="多边形">
-                        <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>
-                    <g id="多边形">
-                        <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
-                        <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    </g>
-                    <g id="多边形">
-                        <use fill="url(#linearGradient-7)" fill-rule="evenodd" xlink:href="#path-8"></use>
-                        <use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
-                    </g>
-                    <g id="诺" fill="#FFFBDC" fill-opacity="1">
-                        <use filter="url(#filter-11)" xlink:href="#text-10"></use>
-                        <use xlink:href="#text-10"></use>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

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

@@ -1,67 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="20px" viewBox="0 0 18 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>愿景-icon</title>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#FF9C9C" offset="0%"></stop>
-            <stop stop-color="#F36E6E" offset="100%"></stop>
-        </linearGradient>
-        <polygon id="path-2" points="10 0 18.660254 5 18.660254 15 10 20 1.33974596 15 1.33974596 5"></polygon>
-        <filter x="4.7%" y="-2.0%" width="90.6%" height="104.0%" filterUnits="objectBoundingBox" id="filter-3">
-            <feOffset dx="0" dy="0.8" in="SourceAlpha" 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.759565549   0 0 0 0 0.759565549  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
-            <stop stop-color="#ED6868" offset="0%"></stop>
-            <stop stop-color="#FFA8B0" offset="100%"></stop>
-        </linearGradient>
-        <polygon id="path-5" points="10 1.33333333 17.5055535 5.66666667 17.5055535 14.3333333 10 18.6666667 2.4944465 14.3333333 2.4944465 5.66666667"></polygon>
-        <filter x="6.7%" y="0.0%" width="86.6%" height="100.0%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="0" in="SourceAlpha" 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.952941176   0 0 0 0 0.701960784  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="50%" y1="0.126348536%" x2="50%" y2="99.7785045%" id="linearGradient-7">
-            <stop stop-color="#F68585" offset="0.0316722973%"></stop>
-            <stop stop-color="#FFB8B8" offset="100%"></stop>
-        </linearGradient>
-        <polygon id="path-8" points="10 2 16.9282032 6 16.9282032 14 10 18 3.07179677 14 3.07179677 6"></polygon>
-        <filter x="6.7%" y="0.0%" width="86.6%" height="100.0%" filterUnits="objectBoundingBox" id="filter-9">
-            <feOffset dx="0" dy="0" in="SourceAlpha" 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.952941176   0 0 0 0 0.701960784  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <text id="text-10" font-family="PingFangSC-Medium, PingFang SC" font-size="10" font-weight="400" fill="#FFE8E8">
-            <tspan x="5" y="13.5">愿</tspan>
-        </text>
-        <filter x="-2.9%" y="-1.8%" width="121.2%" height="107.1%" filterUnits="objectBoundingBox" id="filter-11">
-            <feOffset dx="0" dy="0.5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feColorMatrix values="0 0 0 0 0.964645607   0 0 0 0 0.491917792   0 0 0 0 0.52828147  0 0 0 1 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="-OKR-地图" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="目标地图-默认" transform="translate(-589.000000, -435.000000)">
-            <g id="O" transform="translate(397.000000, 394.000000)">
-                <g id="愿景-icon" transform="translate(191.000000, 41.000000)">
-                    <g id="多边形">
-                        <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>
-                    <g id="多边形">
-                        <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
-                        <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    </g>
-                    <g id="多边形">
-                        <use fill="url(#linearGradient-7)" fill-rule="evenodd" xlink:href="#path-8"></use>
-                        <use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
-                    </g>
-                    <g id="愿" fill="#FFE8E8" fill-opacity="1">
-                        <use filter="url(#filter-11)" xlink:href="#text-10"></use>
-                        <use xlink:href="#text-10"></use>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

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

@@ -1,18 +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>app-quanzhong</title>
-    <g id="-OKR-地图" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="目标地图-导航加收起" transform="translate(-1032.000000, -660.000000)" fill-rule="nonzero">
-            <g id="O" transform="translate(777.000000, 592.000000)">
-                <g id="承诺型" transform="translate(243.000000, 64.000000)">
-                    <g id="权重" transform="translate(12.000000, 1.000000)">
-                        <g id="app-quanzhong" transform="translate(0.000000, 3.000000)">
-                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="12" height="12"></rect>
-                            <path d="M5.93986113,4.30242693e-05 C5.97870332,-0.000912936735 6.01623916,0.0140965903 6.04371305,0.0415704781 C6.07126118,0.0691186045 6.08673755,0.106481882 6.08673755,0.145440816 L6.08673755,0.824097061 C6.08673755,0.859739726 6.06506699,0.890320959 6.03418271,0.903383909 L6.00068855,0.910146066 C3.1953421,0.910146066 0.912977189,3.19293038 0.912977189,5.99785743 C0.912977189,8.80320388 3.1957615,11.0855688 6.00068855,11.0855688 C8.74227712,11.0855688 10.9843859,8.90536828 11.0848838,6.18827268 L11.0872766,6.05869289 C11.0879972,6.01966418 11.1038222,5.98243509 11.1314244,5.95483292 C11.1589725,5.9272848 11.1963358,5.91180842 11.2352947,5.91180842 L11.913951,5.91180842 C11.9495937,5.91180842 11.9801749,5.93347899 11.9932378,5.96436327 L12,5.99785743 C12,6.80708056 11.8410914,7.59248283 11.5277506,8.33386953 C11.2259429,9.04786828 10.7927602,9.69059877 10.2424065,10.2409525 C9.69098451,10.7923744 9.04930604,11.2250852 8.33550017,11.5262217 C7.59683962,11.8403968 6.81012496,11.9999231 6.00068855,11.9999231 C5.19146542,11.9999231 4.40606314,11.8410145 3.66467645,11.5276737 C2.9506777,11.225866 2.3079472,10.7926832 1.75759352,10.2423296 C1.20617155,9.69090759 0.773460739,9.04922912 0.472247721,8.33524266 C0.158908607,7.59385993 8.8817842e-16,6.80845766 8.8817842e-16,5.99923453 C8.8817842e-16,5.19001139 0.158908607,4.40460912 0.4722494,3.66322242 C0.774057089,2.94922367 1.20723984,2.30649318 1.75759352,1.75613949 C2.30901549,1.20471753 2.95069396,0.772006715 3.66468042,0.470793696 C4.3133903,0.196621972 4.99580265,0.040686104 5.69838593,0.00598607029 L5.93986113,4.30242693e-05 Z M6.7978714,0.0404884719 C7.14374075,0.0524606463 7.40262074,0.0701665739 7.57451135,0.0936062548 C9.83662673,0.405263941 11.6223618,2.20499442 11.9141547,4.46931313 L11.9394516,4.68982352 L11.9551346,4.90345773 L11.9608117,5.20217878 L6.93412487,5.20217878 C6.89798821,5.20217878 6.8633316,5.18782355 6.83777912,5.16227106 C6.81222663,5.13671858 6.7978714,5.10206197 6.7978714,5.06592531 L6.7978714,0.0404884719 Z M7.64282383,0.960760476 L7.64282383,4.40000771 L11.0461541,4.40000771 L11.0315826,4.31175064 C10.7192078,2.70397514 9.49439005,1.41497037 7.91000032,1.01747944 L7.73250538,0.977011657 L7.64282383,0.960760476 Z" id="形状结合" fill="#89919F"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okr-flow/index.js

@@ -1,6 +0,0 @@
-import OkrSearchPanelComp from "./export-modules/okr-search-panel";
-
-export const OkrSearchPanel = OkrSearchPanelComp;
-export { checkTenantOkrExist } from './request-apis';
-
-export default OkrSearchPanelComp

package/src/components/okr-flow/mini-map/index.js

@@ -1,74 +0,0 @@
-import React, { useState } from 'react';
-import { useZoomPanHelper } from '@titaui/react-flow-renderer';
-import classNames from 'classnames';
-import Tooltip from '../../tooltip';
-import Map from './map';
-
-import preCls from '../precls';
-import './index.scss';
-
-const MiniMap = props => {
-  
-  const { zoomTo } = useZoomPanHelper();
-
-  const [visible, setVisible] = useState(true);
-  const [zoom, setZoom] = useState(100);
-
-  const MAX_ZOOM = 150;
-  const MIN_ZOOM = 25;
-  const ZOOM_UNIT = 5;
-
-  const onZoomIn = () => {
-    if (zoom == MAX_ZOOM) return;
-    setZoom(zoom + ZOOM_UNIT);
-    zoomTo((zoom + ZOOM_UNIT) / 100);
-  };
-
-  const onZoomOut = () => {
-    if (zoom == MIN_ZOOM) return;
-    setZoom(zoom - ZOOM_UNIT);
-    zoomTo((zoom - ZOOM_UNIT) / 100);
-  };
-
-  return (
-    <div className={classNames(`${preCls}--minimap`)}>
-
-      <div className={classNames(`${preCls}--minimap--snapshot`, { [`${preCls}--minimap--snapshot__hidden`]: !visible })} >
-        <Map onMoveStart={props.onMoveStart} />
-      </div>
-
-      <div className={classNames(`${preCls}--minimap--operat`)} >
-
-        <Tooltip placement='top' overlay={!visible ? '展开' : '收起'}>
-          <span
-            className={classNames(`${preCls}--minimap--icon`, {
-              [`${preCls}--minimap--icon__open`]: !visible,
-              [`${preCls}--minimap--icon__close`]: visible,
-            })}
-            onClick={() => setVisible(!visible)}
-          />
-        </Tooltip>
-
-        <span className={classNames(`${preCls}--minimap--divider`)} >|</span>
-
-        <Tooltip placement='top' overlay={<span>缩小</span>}>
-          <span
-            className={classNames(`${preCls}--minimap--size__min`, `${preCls}--minimap--icon`)}
-            onClick={onZoomOut}
-          />
-        </Tooltip>
-
-        <span>{zoom}%</span>
-
-        <Tooltip placement='top' overlay={<span>放大</span>}>
-          <span
-            className={classNames(`${preCls}--minimap--size__max`, `${preCls}--minimap--icon`)}
-            onClick={onZoomIn}
-          />
-        </Tooltip>
-
-      </div>
-    </div>
-  );
-};
-export default MiniMap;

package/src/components/okr-flow/mini-map/index.scss

@@ -1,72 +0,0 @@
-.titaui-okr-flow--minimap {
-  position: absolute;
-  left: 30px;
-  bottom: 60px;
-  width: 200px;
-  height: 152px;
-  z-index: 5;
-
-  &--snapshot{
-    height: 120px;
-    border-radius: 4px 4px 0 0;
-    background: #A4ACB9;
-    box-shadow:0px 2px 4px 0px rgba(127, 145, 180, 0.2);
-    cursor: grab;
-    &__hidden {
-      visibility: hidden;
-    }
-  }
-  &--operat{
-    background: #fff;
-    height: 16px;
-    line-height: 16px;
-    padding: 8px 24px;
-    border-radius: 0 0 4px 4px;
-    font-size: 14px;
-    color: #6F7886;
-    box-shadow: 0px 2px 4px 0px rgba(127, 145, 180, 0.2);
-  }
-  &--icon {
-    display: inline-block;
-    width: 14px;
-    height: 16px;
-    cursor: pointer;
-    vertical-align: middle;
-    background-size: contain;
-    background-repeat: no-repeat;
-
-    &__open{
-      background-image: url('../images/light/open-minimap.svg');
-      &:hover {
-        background-image: url('../images/light/open-hover.svg');
-      }
-    }
-
-    &__close{
-      background-image: url('../images/light/close-minimap.svg');
-      &:hover {
-        background-image: url('../images/light/close-hover.svg');
-      }
-    }
-
-  }
-
-  &--divider {
-    margin: 0 18px;
-  }
-
-  &--size__min{
-    margin-right: 16px;
-    background-image: url('../images/light/zoom-out.svg');
-    &:hover{
-      background-image: url('../images/light/zoom-out-hover.svg');
-    }
-  }
-  &--size__max{
-    margin-left: 16px;
-    background-image: url('../images/light/zoom-in.svg');
-    &:hover{
-      background-image: url('../images/light/zoom-in-hover.svg');
-    }
-  }
-}

package/src/components/okr-flow/mini-map/map.js

@@ -1,92 +0,0 @@
-import React, { memo, HTMLAttributes, useRef } from 'react';
-import cc from 'classcat';
-
-import { useStoreState } from '@titaui/react-flow-renderer';
-import { getRectOfNodes, getBoundsofRects } from './utils';
-import MiniNode from './mini-node';
-
-const defaultWidth = 200;
-const defaultHeight = 120;
-
-const MiniMap = ({
-  style,
-  className,
-  nodeStrokeColor = '#555',
-  nodeColor = '#fff',
-  nodeClassName = '',
-  nodeBorderRadius = 5,
-  nodeStrokeWidth = 2,
-  maskColor = 'rgb(240, 242, 243, 0.7)',
-  onMoveStart,
-}) => {
-  const containerWidth = useStoreState(s => s.width);
-  const containerHeight = useStoreState(s => s.height);
-  const [tX, tY, tScale] = useStoreState(s => s.transform);
-  const nodes = useStoreState(s => s.nodes);
-
-  const mapClasses = cc(['react-flow__minimap', className]);
-  const elementWidth = (style && style.width) || defaultWidth;
-  const elementHeight = (style && style.height) || defaultHeight;
-  const nodeColorFunc = () => nodeColor;
-  const nodeStrokeColorFunc = () => nodeStrokeColor;
-  const nodeClassNameFunc = () => nodeClassName;
-  const hasNodes = nodes && nodes.length;
-  const bb = getRectOfNodes(nodes);
-  const viewBB = {
-    x: -tX / tScale,
-    y: -tY / tScale,
-    width: containerWidth / tScale,
-    height: containerHeight / tScale,
-  };
-  const boundingRect = hasNodes ? getBoundsofRects(bb, viewBB) : viewBB;
-  const scaledWidth = boundingRect.width / elementWidth;
-  const scaledHeight = boundingRect.height / elementHeight;
-  const viewScale = Math.max(scaledWidth, scaledHeight);
-  const viewWidth = viewScale * elementWidth;
-  const viewHeight = viewScale * elementHeight;
-  const offset = 5 * viewScale;
-  const x = boundingRect.x - (viewWidth - boundingRect.width) / 2 - offset;
-  const y = boundingRect.y - (viewHeight - boundingRect.height) / 2 - offset;
-  const width = viewWidth + offset * 2;
-  const height = viewHeight + offset * 2;
-
-  return (
-    <div onMouseDown={onMoveStart}>
-      <svg
-        width={elementWidth}
-        height={elementHeight}
-        viewBox={`${x} ${y} ${width} ${height}`}
-        style={style}
-      >
-        {nodes
-          .filter(node => !node.isHidden)
-          .map(node => (
-            <MiniNode
-              key={node.id}
-              x={node.__rf.position.x}
-              y={node.__rf.position.y}
-              width={node.__rf.width}
-              height={node.__rf.height}
-              style={node.style}
-              className={nodeClassNameFunc(node)}
-              color={nodeColorFunc(node)}
-              borderRadius={nodeBorderRadius}
-              strokeColor={nodeStrokeColorFunc(node)}
-              strokeWidth={nodeStrokeWidth}
-            />
-          ))}
-        <path
-          className='react-flow__minimap-mask'
-          d={`M${x - offset},${y - offset}h${width + offset * 2}v${height + offset * 2}h${-width -
-            offset * 2}zM${viewBB.x},${viewBB.y}h${viewBB.width}v${viewBB.height}h${-viewBB.width}z`}
-          fill={maskColor}
-          fillRule='evenodd'
-        />
-      </svg>
-    </div>
-  );
-};
-
-MiniMap.displayName = 'MiniMap';
-
-export default memo(MiniMap);

package/src/components/okr-flow/mini-map/mini-node.js

@@ -1,39 +0,0 @@
-import React, { memo, CSSProperties } from 'react';
-import classNames from 'classnames';
-import preCls from '../precls';
-
-const MiniNode = ({
-  x,
-  y,
-  width,
-  height,
-  style,
-  color,
-  strokeColor,
-  strokeWidth,
-  className,
-  borderRadius,
-}) => {
-
-  const { background, backgroundColor } = style || {};
-  const fill = color || background || backgroundColor;
-
-  return (
-    <rect
-      className={classNames([`${preCls}--minimap-node`, className])}
-      x={x}
-      y={y}
-      rx={borderRadius}
-      ry={borderRadius}
-      width={width}
-      height={height}
-      fill={fill}
-      stroke={strokeColor}
-      strokeWidth={strokeWidth}
-    />
-  );
-};
-
-MiniNode.displayName = 'MiniNode';
-
-export default memo(MiniNode);

package/src/components/okr-flow/mini-map/utils.js

@@ -1,33 +0,0 @@
-export const rectToBox = ({ x, y, width, height }) => ({
-  x,
-  y,
-  x2: x + width,
-  y2: y + height,
-});
-
-const getBoundsOfBoxes = (box1, box2) => ({
-  x: Math.min(box1.x, box2.x),
-  y: Math.min(box1.y, box2.y),
-  x2: Math.max(box1.x2, box2.x2),
-  y2: Math.max(box1.y2, box2.y2),
-});
-
-export const boxToRect = ({ x, y, x2, y2 }) => ({
-  x,
-  y,
-  width: x2 - x,
-  height: y2 - y,
-});
-
-export const getBoundsofRects = (rect1, rect2) =>
-  boxToRect(getBoundsOfBoxes(rectToBox(rect1), rectToBox(rect2)));
-
-export const getRectOfNodes = (nodes) => {
-  const box = nodes.reduce(
-    (currBox, { __rf: { position, width, height } = {} }) =>
-      getBoundsOfBoxes(currBox, rectToBox({ ...position, width, height })),
-    { x: Infinity, y: Infinity, x2: -Infinity, y2: -Infinity }
-  );
-
-  return boxToRect(box);
-};

package/src/components/okr-flow/okr-map/index.js

@@ -1,134 +0,0 @@
-import React, { useState, useEffect, useRef, useImperativeHandle, forwardRef } from "react";
-import ReactFlow, { ReactFlowProvider } from "@titaui/react-flow-renderer";
-import classNames from "classnames";
-import Html2Canvas from "html2canvas";
-import Empty from "../empty";
-import Toast from "../../toast";
-import { getLayoutedElements, nodeTypes } from "../utils";
-import { CommonContext } from "../context";
-import drawerWrapper from "../../drawer-manager";
-import MiniMap from "../mini-map";
-import "./index.scss";
-import preCls from "../precls";
-
-const OkrMap = forwardRef((props, ref) => {
-  const {
-    // // 展示配置
-    direction = "horizontal", // 横向： horizontal，纵向： vertical
-    darkTheme = false, // 黑暗主题
-    showkr = false,
-    // 事件
-    onNodeClick = () => {},
-    onChildExpand = () => {},
-    onParentExpand = () => {},
-    onChildClose = () => {},
-    // 数据
-    dataSource = [],
-  } = props;
-
-  const [elements, setElements] = useState([]);
-  const [flowInstance, setFlowInstance] = useState();
-  const isMoving = useRef(false);
-
-  const handleEmementClick = (_e, element) => {
-    const { data = {}, type } = element;
-    if (type == "default" || type == "RootNode") return;
-    onNodeClick & onNodeClick(data);
-  };
-
-  const layoutedElements = getLayoutedElements(dataSource, direction);
-
-  const getDefaultPos = () => {
-    const containerHeight = document.body.clientHeight - 200 - 96;
-    const containerWidth = document.body.clientWidth - 180 - 320;
-    const rootNode = layoutedElements[0];
-
-    if (direction == "horizontal") {
-      const targetY = containerHeight / 2;
-      return [-160, targetY - rootNode.position.y];
-    } else {
-      const targetX = containerWidth / 2;
-      return [targetX - rootNode.position.x, -48];
-    }
-  };
-  const onLoad = (reactFlowInstance) => {
-    setFlowInstance(reactFlowInstance);
-  };
-
-  useEffect(() => {
-    if (flowInstance) {
-      const [x, y] = getDefaultPos();
-      flowInstance.setTransform({ x, y, zoom: 1 });
-    }
-  }, [direction, flowInstance]);
-
-  const mapMovingHandler = (e) => {
-    if (flowInstance) {
-      const {
-        position: [x, y],
-        zoom,
-        width,
-        height,
-      } = flowInstance.toObject();
-
-      const spacePixel = 15;
-      const moveX = x - e.movementX * spacePixel;
-      const moveY = y - e.movementY * spacePixel;
-
-      if (isMoving.current) {
-        if (moveX > width * 2.5 || moveX < -1 * width * 2.5) return;
-        if (moveY > height * 2.5 || moveY < -1 * height * 2.5) return;
-        flowInstance.setTransform({ x: moveX, y: moveY, zoom });
-      }
-    }
-  };
-  const panelMouseUpHandler = () => {
-    isMoving.current = false;
-    // drawerWrapper.close()
-  };
-  // const closeOkrDrawer = () => {
-  //   drawerWrapper.close()
-  // }
-  return (
-    <CommonContext.Provider
-      value={{
-        direction,
-        showkr,
-        onNodeClick,
-        onChildExpand,
-        onParentExpand,
-        onChildClose,
-        darkTheme
-      }}
-    >
-      <div
-        className={classNames(`${preCls}`, { [`${preCls}__dark`]: darkTheme })}
-        onMouseMove={mapMovingHandler}
-        onMouseUp={panelMouseUpHandler}
-        // onClick={closeOkrDrawer}
-      >
-        <ReactFlowProvider>
-          {dataSource.length == 0 ? (
-            <Empty />
-          ) : (
-            <React.Fragment>
-              <ReactFlow
-                onLoad={onLoad}
-                elements={layoutedElements}
-                nodesDraggable={false}
-                nodesConnectable={false}
-                nodeTypes={nodeTypes}
-                onElementClick={handleEmementClick}
-                minZoom={0.25}
-                maxZoom={1.5}
-                panOnScroll={true}
-              />
-              <MiniMap onMoveStart={() => (isMoving.current = true)} />
-            </React.Fragment>
-          )}
-        </ReactFlowProvider>
-      </div>
-    </CommonContext.Provider>
-  );
-});
-export default OkrMap;

package/src/components/okr-flow/okr-map/index.scss

@@ -1,21 +0,0 @@
-.titaui-okr-flow {
-  width: 100%;
-  height: 100%;
-  background: #f7f9fb;
-  position: relative;
-  cursor: grab;
-  &__dark {
-    background: #141c28;
-  }
-
-  .react-flow__edge-path {
-    stroke: #bfc7d5;
-    stroke-width: 1px;
-  }
-  &__dark {
-    .react-flow__edge-path {
-      stroke: #3f4755;
-      stroke-width: 1px;
-    }
-  }
-}