npm - @titaui/pc - Versions diffs - 1.7.12 → 1.7.13 - Mend

@titaui/pc 1.7.12 → 1.7.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1952) hide show

package/src/components/dynamic/img/dynamic-promise.svg DELETED Viewed

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

package/src/components/dynamic/img/dynamic-reword.svg DELETED Viewed

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

package/src/components/dynamic/img/dynamic-right-quoto.svg DELETED Viewed

@@ -1,13 +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>右侧</title>
-    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="目标" transform="translate(-1024.000000, -633.000000)" fill="#E9F1FF" fill-rule="nonzero">
-            <g id="新建目标-负责目标" transform="translate(202.000000, 471.000000)">
-                <g id="编组-23" transform="translate(68.000000, 126.000000)">
-                    <path d="M760.761333,42.5026667 C760.761333,38.67 763.955667,36.4083333 766,36 L766,38.2616667 C764.882,38.6073333 763.540333,40.3663333 763.476667,42.2826667 L766,42.2826667 L766,44.6666667 C766,46.5076667 764.507667,48 762.666667,48 L760.761333,48 L760.761333,42.5026667 Z M754,42.5026667 C754,38.67 757.194333,36.4083333 759.238667,36 L759.238667,38.2616667 C758.120667,38.6073333 756.779,40.3663333 756.715333,42.2826667 L759.206667,42.2826667 L759.206667,44.6666667 C759.206667,46.5076667 757.714333,48 755.873333,48 L754,48 L754,42.5026667 Z" id="右侧" transform="translate(760.000000, 42.000000) scale(-1, -1) translate(-760.000000, -42.000000) "></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/dynamic/img/dynamic-risk.svg DELETED Viewed

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

package/src/components/dynamic/img/dynamic-submit-delay.svg DELETED Viewed

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

package/src/components/dynamic/img/dynamic-submit-normal.svg DELETED Viewed

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

package/src/components/dynamic/img/dynamic-top.svg DELETED Viewed

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

package/src/components/dynamic/index.tsx DELETED Viewed

@@ -1,15 +0,0 @@
-import Dynamic, {
-  DynamicQuickOperation,
-  DynamicItem,
-  DynamicTopping,
-  DynamicLiking,
-  DynamicLikeRanking,
-} from './export-module';
-Dynamic.Item = DynamicItem;
-Dynamic.LikeRanking = DynamicLikeRanking;
-Dynamic.Liking = DynamicLiking;
-Dynamic.QuickOperation = DynamicQuickOperation;
-Dynamic.Topping = DynamicTopping;
-export default Dynamic;

package/src/components/dynamic/interface.ts DELETED Viewed

@@ -1,84 +0,0 @@
-export interface IDynamicItemProps {
-  onDeleteFeed?: Function;
-  data: any;
-}
-export interface IDynamicItemContentProps extends IDynamicItemProps {
-  isFold?: boolean;
-  onFoldChange?: Function;
-  hasDynamicOpereateAuth?: boolean;
-}
-export interface IDynamicItemHeaderProps {
-  onDeleteFeed?: Function;
-  showTopping?: boolean;
-  showDelete?: boolean;
-  user: any;
-  data: any;
-  desc: any;
-}
-export interface IDynamicQuickOperation {
-  showCreateOKr?: boolean;
-  showCreateTask?: boolean;
-  showCreateShare?: boolean;
-  showCreateAnnouncement?: boolean;
-}
-export interface IHighLightWordParams {
-  parentDom?: any;
-  keyWord?: string;
-  className?: string;
-  nodeType?: string;
-}
-export interface IDynamicSearchInputProps {
-  setSearchKey: Function;
-  setSearchKeyType: Function;
-  setSearchUser: Function;
-}
-export interface IDynamicListProps {
-  data: any;
-  onDeleteFeed: Function;
-  height?: number;
-}
-export interface IDynamicTaskProjectIconProps {
-  imgUrl: any;
-  background: string;
-  boxShadow: string;
-}
-export interface IDynamicPercentProps {
-  percent: number;
-  growPercent: number;
-  extraClass?: string;
-}
-export interface IDynamicTitleProps {
-  content: any;
-  suffixContent?: any;
-  onClickTitle?: Function;
-}
-export interface IConditionRenderProps {
-  condition: boolean;
-  children: any;
-}
-export interface IDynamicObjStatusProps {
-  oStatus: number;
-  riskLevel: number;
-  extraClass?: string;
-}
-export interface ICreateModuleProps {
-  onClick?: Function;
-  ref?: any;
-}
-export interface IFirstLevelTabsProps {
-  tabsInfo: any[];
-  activeTab?: number;
-  onTabsChange: Function;
-}

package/src/components/dynamic/my-team/img/add-subordinate.png DELETED Viewed

Binary file

package/src/components/dynamic/my-team/img/line.png DELETED Viewed

Binary file

package/src/components/dynamic/my-team/img/team.png DELETED Viewed

Binary file

package/src/components/dynamic/my-team/index.scss DELETED Viewed

@@ -1,161 +0,0 @@
-.titaui-dynamic-my-team {
-  &__container {
-    border-radius: 12px;
-    box-shadow: 0px 2px 12px 0px rgba(127, 145, 180, 0.2);
-    background: #ffffff;
-    padding-bottom: 12px;
-    margin-top: 10px;
-    width: 278px;
-    .titaui-pc-avator-container {
-      display: inline-flex;
-    }
-  }
-  &__header {
-    display: flex;
-    align-items: center;
-    padding: 16px 16px 0 16px;
-    &-icon {
-      width: 20px;
-      height: 20px;
-      margin-right: 4px;
-      border-radius: 50%;
-      background: #2879ff;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      &-img {
-        width: 16px;
-        height: 16px;
-      }
-    }
-    &-text {
-      font-size: 16px;
-      font-weight: 600;
-      color: #3f4755;
-      line-height: 24px;
-    }
-  }
-  &__content {
-    margin-top: 20px;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-    &-superior {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      &-text {
-        margin-top: 4px;
-        font-size: 12px;
-        color: #6f7886;
-        line-height: 18px;
-      }
-      &::after {
-        content: "";
-        width: 1px;
-        height: 16px;
-        background-color: #e9ecf0;
-        margin-bottom: 4px;
-      }
-    }
-    &-add-subordinate {
-      width: 190px;
-      height: 31px;
-      background: url("./img/line.png") no-repeat;
-      background-size: 190px 22px;
-      background-position-y: 9px;
-      display: flex;
-      justify-content: center;
-      margin-top: 12px;
-      &-icon {
-        width: 20px;
-        height: 20px;
-        background: #e9f1ff;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 50%;
-        cursor: pointer;
-        &-img {
-          width: 12px;
-          height: 12px;
-        }
-      }
-    }
-    &-subordinate {
-      width: 100%;
-      &--empty {
-        margin-top: 12px;
-        font-size: 14px;
-        color: #6f7886;
-        line-height: 22px;
-        text-align: center;
-      }
-    }
-  }
-  &__subordinates {
-    display: flex;
-    align-items: center;
-    position: relative;
-    width: 100%;
-    height: 46px;
-    &-left-mask {
-      width: 20px;
-      height: 46px;
-      background: #ffffff;
-      opacity: 0.9;
-      position: absolute;
-      left: 0;
-      z-index: 1;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      &-icon {
-        font-size: 16px;
-        color: #89919f;
-        &:hover {
-          color: #2879ff;
-          cursor: pointer;
-        }
-      }
-    }
-    &-right-mask {
-      width: 20px;
-      height: 46px;
-      background: #ffffff;
-      opacity: 0.9;
-      position: absolute;
-      right: 0;
-      z-index: 1;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      &-icon {
-        font-size: 16px;
-        color: #89919f;
-        transform: rotate(180deg);
-        &:hover {
-          cursor: pointer;
-          color: #2879ff;
-        }
-      }
-    }
-    &-content {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      word-break: keep-all;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-    &-item {
-      margin-left: 12px;
-      &:first-of-type {
-        margin-left: 20px;
-      }
-      &:last-of-type {
-        margin-right: 20px;
-      }
-    }
-  }
-}

package/src/components/dynamic/my-team/index.tsx DELETED Viewed

@@ -1,203 +0,0 @@
-import React, { FC, useEffect, useState, useRef } from "react";
-import classNames from "classnames";
-import { showAddIcon } from "./util";
-import { getSuperior, getSubordinate, addSubPerson } from "./request-api";
-import { getBSGlobal } from "../../../utils/bs-global";
-import Avatar from "../../avatar";
-import ConditionRender from "../../condition-render";
-import AddSubordinatePng from "./img/add-subordinate.png";
-import UserSelector from "../../user-selector";
-import Toast from "../../toast";
-import TeamPng from "./img/team.png";
-import "./index.scss";
-const prefix = "titaui-dynamic-my-team";
-const DynamicMyTeam: FC = () => {
-  const loginUser = getBSGlobal("loginUserInfo");
-  const [superior, setSuperior] = useState<any>();
-  const [subordinate, setSubordinate] = useState([]);
-  const [isMouseEnter, setIsMouseEnter] = useState(false);
-  const [scrollLeft, setScrollLeft] = useState(0);
-  const subordinateContainerRef = useRef<any>();
-  const selectorRef = useRef();
-  const handleScrollToLeft = () => {
-    subordinateContainerRef.current.scrollTo({
-      left: scrollLeft - 96,
-      behavior: "smooth",
-    });
-    setScrollLeft((data) => data - 96);
-  };
-  const handleScrollToRight = () => {
-    subordinateContainerRef.current.scrollTo({
-      left: scrollLeft + 96,
-      behavior: "smooth",
-    });
-    setScrollLeft((data) => data + 96);
-  };
-  const handleMouseEnter = () => {
-    setIsMouseEnter(true);
-  };
-  const handleMouseLeave = () => {
-    setIsMouseEnter(false);
-  };
-  const getSubordinateData = () => {
-    getSubordinate().then((resp) => {
-      if (resp.Code === 1) {
-        setSubordinate(
-          resp.Data.data.members.filter(
-            (item) => item.user.userId !== loginUser.Id
-          )
-        );
-      }
-    });
-  };
-  const handleSelected = ([user]) => {
-    addSubPerson(user.data.userId).then((resp) => {
-      if (resp.Code === 1 && resp.Data) {
-        Toast.Success("添加成功", { canClose: false });
-        setTimeout(getSubordinateData, 1500);
-      } else {
-        Toast.Error(resp.Message, { canClose: false });
-      }
-    });
-  };
-  useEffect(() => {
-    getSuperior().then((resp) => {
-      if (resp.Code === 1) {
-        setSuperior(resp.Data[0].parentUser);
-      }
-    });
-    getSubordinateData();
-  }, []);
-  return (
-    <div className={prefix}>
-      <div className={`${prefix}__container`}>
-        <div className={`${prefix}__header`}>
-          <span className={`${prefix}__header-icon`}>
-            <img className={`${prefix}__header-icon-img`} src={TeamPng} />
-          </span>
-          <span className={`${prefix}__header-text`}>我的团队</span>
-        </div>
-        <div className={`${prefix}__content`}>
-          {superior && (
-            <div className={`${prefix}__content-superior`}>
-              <Avatar
-                size={{ width: 40, textNum: 1, fontSize: 14 }}
-                src={superior.avatar.Medium}
-                userId={superior.userId}
-                name={superior.name}
-                color={superior.avatar.Color}
-                showNameTips
-              />
-              <span className={`${prefix}__content-superior-text`}>
-                直属上级
-              </span>
-            </div>
-          )}
-          <Avatar
-            size={{ width: 56, textNum: 3, fontSize: 14 }}
-            src={loginUser.UserAvatar.Medium}
-            userId={loginUser.Id}
-            name={loginUser.Name}
-            color={loginUser.UserAvatar.Color}
-            showNameTips
-          />
-          <div className={`${prefix}__content-add-subordinate`}>
-            {showAddIcon() && (
-              <UserSelector
-                ref={selectorRef}
-                multiple={false}
-                position="centerRight"
-                onSelect={handleSelected}
-                disabledDepartSelect={true}
-                searchedPanes={{ user: true, depart: false, group: false }}
-                popupAlign={{
-                  "offset": [0, 0],
-                  "overflow": { "adjustX": true, "adjustY": true },
-                  "targetOffset": [12, 209],
-                }}
-                panes={{ 'depart': true }}
-                trigger={
-                  <span className={`${prefix}__content-add-subordinate-icon`}>
-                    <img
-                      className={`${prefix}__content-add-subordinate-icon-img`}
-                      src={AddSubordinatePng}
-                    />
-                  </span>
-                }
-              />
-            )}
-          </div>
-          <div
-            className={`${prefix}__content-subordinate`}
-            onMouseEnter={handleMouseEnter}
-            onMouseLeave={handleMouseLeave}
-          >
-            <ConditionRender condition={subordinate.length > 0}>
-              <div className={`${prefix}__subordinates`}>
-                <div className={`${prefix}__subordinates-left-mask`}>
-                  {isMouseEnter && (
-                    <i
-                      onClick={handleScrollToLeft}
-                      className={classNames(
-                        "tu-icon-left",
-                        `${prefix}__subordinates-left-mask-icon`
-                      )}
-                    />
-                  )}
-                </div>
-                <div
-                  className={`${prefix}__subordinates-content`}
-                  ref={subordinateContainerRef}
-                >
-                  {subordinate.map((item: any) => {
-                    const user = item.user;
-                    return (
-                      <span className={`${prefix}__subordinates-item`}>
-                        <Avatar
-                          size={{ width: 40, textNum: 1, fontSize: 14 }}
-                          src={user.avatar.Medium}
-                          userId={user.userId}
-                          name={user.name}
-                          color={user.avatar.Color}
-                          showNameTips
-                        />
-                      </span>
-                    );
-                  })}
-                </div>
-                <div className={`${prefix}__subordinates-right-mask`}>
-                  {isMouseEnter && (
-                    <i
-                      onClick={handleScrollToRight}
-                      className={classNames(
-                        "tu-icon-left",
-                        `${prefix}__subordinates-right-mask-icon`
-                      )}
-                    />
-                  )}
-                </div>
-              </div>
-            </ConditionRender>
-            <ConditionRender condition={subordinate.length === 0}>
-              <div className={`${prefix}__content-subordinate--empty`}>
-                您暂无下属，快去添加吧~
-              </div>
-            </ConditionRender>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-export default DynamicMyTeam;