@titaui/pc 1.7.45 → 1.7.49

package/src/components/okr-detail/components/base-okr-type/object-type.tsx

@@ -1,176 +0,0 @@
-import React, { Component, Fragment } from 'react';
-import { RadioGroup, Radio } from '../../../../components-v1/radio';
-import { getUserInfo } from '../../../../utils/bs-global';
-import StatelessDropdown from '../../../../components-v1/dropDownSelector/StatelessDropdown'
-import { OpenDepartmentName } from '../../../../utils/open-data';
-import UserSelector from  '../../../user-selector';
-import './index.scss';
-
-import { BaseAuth } from '../../../../utils/auth';
-// 干脆把数据封闭起来, 通过ref取状态
-interface ObjectTypeProps {
-  okrType: number;
-  okrTypeName: string;
-  depth?: any; // 默认部门数据
-  departmentId: number;
-  departmentName: string;
-  onSelected?: (...args: any[]) => any;
-  groupId?: number;
-  groupName?: string;
-}
-interface ObjectTypeState {
-  okrType: number;
-  depth: any;
-  departmentId: number;
-  departmentName: string;
-  label: string;
-  groupId?: number;
-  groupName?: string;
-  auth?: boolean;
-}
-const radios = [
-  { label: '公司', value: 3 },
-  { label: '部门', value: 2 },
-  { label: '团队', value: 4 },
-  { label: '个人', value: 1 },
-];
-export default class ObjectType extends Component<ObjectTypeProps, ObjectTypeState> {
-  constructor(props: ObjectTypeProps) {
-    super(props);
-    this.state = {
-      okrType: 0,
-      departmentName: '',
-      departmentId: 0,
-      depth: [],
-      label: '',
-      groupId: 0,
-      groupName: '',
-      auth: false,
-    };
-    //@ts-ignore
-    this.popup = React.createRef();
-    //@ts-ignore
-    this.departPopup = React.createRef();
-  }
-  componentWillMount() {
-    const { okrType, okrTypeName, departmentName, departmentId, groupId, groupName } = this.props;
-    let baseAuth = new BaseAuth();
-    let auth = baseAuth.isBoss() || baseAuth.isManager();
-    this.setState({
-      departmentName: okrType == 2 ? departmentName: '',
-      departmentId: okrType == 2 ? departmentId: 0,
-      okrType,
-      label: okrTypeName,
-      groupName: okrType == 4 ? groupName : '',
-      groupId: okrType == 4 ? groupId : 0,
-      auth,
-    });
-  }
-  onTeamSelect = ([info]) => {
-    this.setState({ groupName: info.data.name, groupId: info.data.id });
-    //@ts-ignore
-    this.popup.current.close();
-  };
-  onDepartSelect = (_nodeKey, { node }) => {
-    const { data } = node;
-    this.setState({
-      departmentName: data.name,
-      departmentId: data.id,
-      okrType: 2,
-      label: '',
-    });
-    //@ts-ignore
-    this.departPopup.current.close();
-  };
-
-  renderTeamType = () => {
-    return (
-      <UserSelector.Group
-        // @ts-ignore
-        ref={this.popup}
-        // @ts-ignore
-        onSelect={this.onTeamSelect}
-        position='bottom'
-        trigger={
-          // @ts-ignore
-          <div onClick={() => this.popup.current.open()} style={{ width: '100%' }}>
-            <StatelessDropdown
-              className='mx-w-240'
-              overlayClassName='okr-detail-okrtype__selector--has-underline'
-              labelText='团队'
-            >
-              {this.state.groupName || '团队'}
-            </StatelessDropdown>
-          </div>
-        }
-      />
-    );
-  };
-  renderType = () => {
-    // 只有存在选择部门的情况
-    if (this.state.okrType === 2) {
-      return (
-        <UserSelector.Depart
-          // @ts-ignore
-          onSelect={this.onDepartSelect}
-          // @ts-ignore
-          ref={this.departPopup}
-          position='bottom'
-          isGetRoot={false}
-          trigger={
-            // @ts-ignore
-            <div onClick={() => this.departPopup.current.open()} style={{ width: '100%' }}>
-              <StatelessDropdown
-                className='mx-w-240'
-                overlayClassName='okr-detail-okrtype__selector--has-underline'
-                labelText='部门'
-              >
-                <OpenDepartmentName
-                  id={this.state.departmentId}
-                  name={this.state.departmentName}
-                ></OpenDepartmentName>
-              </StatelessDropdown>
-            </div>
-          }
-        />
-      );
-    }
-    if (this.state.okrType === 4) {
-      return this.renderTeamType();
-    }
-    return <div style={{ height: 10 }}></div>;
-  };
-  handleChange = (okrType: any, label: string) => {
-    const { Department, DepartmentId } = getUserInfo();
-    if (okrType === 2) {
-      this.setState({ okrType, label: '', departmentId: DepartmentId, departmentName: Department });
-    } else {
-      this.setState({
-        okrType,
-        label,
-        departmentId: this.props.departmentId,
-        departmentName: this.props.departmentName,
-      });
-    }
-  };
-  render() {
-    return (
-      <Fragment>
-        <RadioGroup name='okrType' labelText='类型' style={{ marginBottom: 8 }}>
-          {radios.map(({ label, value }) => (
-            <Radio
-              key={value}
-              value={value}
-              onChange={this.handleChange}
-              checked={value === this.state.okrType ? true : false}
-            >
-              {label}
-            </Radio>
-            // Radio 切换的时候就直接把默认值带上
-          ))}
-        </RadioGroup>
-        <div className='okr-detail-okrtype__dropdown-content'>{this.renderType()}</div>
-      </Fragment>
-    );
-  }
-}

package/src/components/okr-detail/components/block-line/index.js

@@ -1,6 +0,0 @@
-import React from "react";
-import "./index.scss";
-
-export default ({ style }) => {
-  return <div className={`okr-detail__blockline`} style={style}></div>
-}

package/src/components/okr-detail/components/block-line/index.scss

@@ -1,15 +0,0 @@
-.okr-detail {
-  &__blockline {
-    display: inline-block;
-    width: 100%;
-    height: 8px;
-    box-sizing: border-box;
-    &::before {
-      display: inline-block;
-      content: '';
-      background: #F0F2F5;
-      width: 100%;
-      height: 100%;
-    }
-  }
-}

package/src/components/okr-detail/components/editable-input/index.scss

@@ -1,65 +0,0 @@
-
-.titaui-editable-input {
-  display: inline-block;
-  background-color: white;
-  width: 100%;
-  position: relative;
-  z-index: 10;
-
-  &__text {
-    &:hover {
-      color: #2879ff;
-      .tu-icon-bianji2 {
-        visibility: visible;
-      }
-    }
-
-    & > span:first-child {
-    }
-
-    &-icon {
-      visibility: hidden;
-      color: #89919f;
-      font-size: 13px;
-      margin-left: 5px;
-      &:hover {
-        color: #2879ff;
-      }
-    }
-  }
-
-  &__textarea {
-    position: absolute;
-    background-color: white;
-    top: 15px;
-    left: 32px;
-    right: 0;
-    top: 0;
-    left: 0;
-    bottom: -10px;
-    border-radius: 4px;
-    border: 1px solid #2879ff;
-    padding: 5px 8px;
-    background-color: #fff;
-
-    &--error {
-      border: 1px solid #f05e5e;
-      box-shadow: none;
-    }
-
-    & > textarea {
-      padding: 0;
-      resize: none;
-      outline: none;
-      border: none;
-      width: 100%;
-      height: 100%;
-      font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-      color: #3f4755;
-      font-size: 14px;
-      line-height: 22px;
-      border-radius: 4px;
-      caret-color: #2879ff;
-    }
-  }
-}

package/src/components/okr-detail/components/editable-input/index.tsx

@@ -1,105 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import ErrorTip from "../../../tooltip/error-tip";
-import classNames from "classnames";
-
-import './index.scss';
-
-const preCls = 'titaui-editable-input';
-
-interface IProps {
-  emptyMessage?: string;
-  text?: string;
-  onKeyDown?: Function;
-  maxLength?: Number;
-  defaultValue?: string;
-  onBlur?: Function;
-  editable?: boolean;
-  onTextClick?: any;
-}
-
-export default (props: IProps) => {
-  const {
-    emptyMessage,
-    defaultValue,
-    onKeyDown,
-    maxLength = 500,
-    onBlur,
-    editable,
-    onTextClick = () => {}
-  } = props;
-
-  const inputRef = useRef();
-  const [errorTip, setErrorTip] = useState('');
-  const [edit, isEdit] = useState(false);
-  const [text, setText] = useState(defaultValue);
-
-  useEffect(() => {
-    if (edit && editable) {
-      inputRef.current.setSelectionRange(9999999, 9999999);
-    }
-  }, [edit, editable])
-
-  const onValueChangeHandler = e => {
-    const val = e.currentTarget.value;
-    if (val.length == 0) {
-      return setErrorTip(emptyMessage || '');
-    }
-    if (val.length > maxLength) {
-      return setErrorTip(`已输入${val.length}字，最多可输入${maxLength}字`);
-    }
-    setText(val);
-    setErrorTip('');
-  };
-
-  const onKeyDownHandler = e => {
-    if (e.keyCode !== 13) return;
-    e.preventDefault();
-    if (errorTip.length > 0) return;
-    setText(e.currentTarget.value);
-    isEdit(false);
-    onKeyDown && onKeyDown(e.currentTarget.value);
-  };
-
-  const onBlurHandler = () => {
-    isEdit(false);
-    onBlur && onBlur(text);
-  }
-  const triggerEdit = (e) => {
-    e.stopPropagation();
-    e.nativeEvent.stopImmediatePropagation()
-    isEdit(true)
-  }
-
-  return (
-    <span className={classNames(preCls)}>
-
-      <span className={classNames(`${preCls}__text`)}>
-        <span onClick={onTextClick}>{text}</span>
-        {editable &&
-          <span className={classNames(`${preCls}__text-icon`)} style={{ 'visibility': edit ? 'visible' : 'hidden' }}>
-            <span className='tu-icon-bianji2' onClick={triggerEdit} />
-          </span>}
-      </span>
-
-      {edit && editable &&
-        <span
-          className={classNames(`${preCls}__textarea`, {
-            [`${preCls}--error`]: errorTip.length > 0
-          })}
-          onClick={e => e.stopPropagation()}
-        >
-          <ErrorTip overlay={errorTip} visible={errorTip.length > 0} placement='top'>
-            <textarea
-              autoFocus
-              // @ts-ignore
-              ref={inputRef}
-              defaultValue={text}
-              onChange={onValueChangeHandler}
-              onKeyDown={onKeyDownHandler}
-              onBlur={onBlurHandler}
-            />
-          </ErrorTip>
-        </span>}
-    </span>
-  )
-};

package/src/components/okr-detail/components/header/edit-name.tsx

@@ -1,105 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import classNames from "classnames";
-import Toast from "../../../toast";
-import { updateOkrName } from "../../request-apis";
-
-interface IEditNameProps {
-  okrName: string;
-  okrId: number;
-  setIsEdit: Function;
-  setOkrName: Function;
-}
-
-const EditNameCmp = (props: IEditNameProps) => {
-  const { okrName, okrId, setIsEdit, setOkrName } = props;
-  const [errorTip, setErrorTip] = useState("");
-
-  const inputRef = useRef();
-
-  useEffect(() => {
-    inputRef.current.setSelectionRange(9999999, 9999999);
-  }, [])
-
-  const checkError = (val) => {
-    if (val.length == 0) {
-      setErrorTip("目标名称不能为空");
-      return;
-    }
-    if (val.length > 500) {
-      setErrorTip(`已输入${val.length}字，最多可输入500字`);
-      return;
-    }
-    setErrorTip("");
-  };
-
-  const onTitleChangeHandler = (e) => {
-    checkError(e.currentTarget.value);
-  };
-
-  const cancelEditHandler = () => {
-    setIsEdit(false);
-    setErrorTip("");
-  };
-
-  const confiremEditHandle = async () => {
-    if (errorTip.length > 0) return;
-    const editVal = inputRef.current.value;
-
-    if (okrName == editVal) {
-      setIsEdit(false);
-      return;
-    }
-    const data = await updateOkrName({
-      workId: okrId,
-      workName: editVal,
-    });
-    if (data.Code == 1) {
-      setIsEdit(false);
-      setOkrName(editVal);
-      Toast.Success("修改成功");
-    } else {
-      Toast.Error(data.Message);
-    }
-  };
-
-  return (
-    <section className="okr-drawer-header__edit">
-      <div
-        className={classNames("okr-drawer-header__edit-input", {
-          "okr-drawer-header__edit-input--error": errorTip.length > 0,
-        })}
-      >
-        <textarea
-          autoFocus
-          onChange={onTitleChangeHandler}
-          ref={inputRef}
-          defaultValue={okrName}
-        />
-      </div>
-      {errorTip.length > 0 && (
-        <span className="okr-drawer-header__edit-error-tip">{errorTip}</span>
-      )}
-      <div className="okr-drawer-header__edit-btns">
-        <span
-          className={classNames(
-            "titaui-pc-button",
-            "okr-drawer-header__edit-btns-cancel"
-          )}
-          onClick={cancelEditHandler}
-        >
-          取消
-        </span>
-        <span
-          className={classNames(
-            "titaui-pc-button",
-            "okr-drawer-header__edit-btns-confirm"
-          )}
-          onClick={confiremEditHandle}
-        >
-          确定
-        </span>
-      </div>
-    </section>
-  );
-};
-export default EditNameCmp;

package/src/components/okr-detail/components/header/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-detail/components/header/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>