@titaui/pc 1.7.12 → 1.7.13

package/src/components/tree/rc-tree.css

@@ -1,179 +0,0 @@
-.titaui-tree {
-    margin: 0;
-    border: 1px solid transparent;
-  }
-  .titaui-tree-focused:not(.titaui-tree-active-focused) {
-    border-color: cyan;
-  }
-  .titaui-tree .titaui-tree-treenode {
-    margin: 0;
-    padding: 0;
-    line-height: 24px;
-    white-space: nowrap;
-    list-style: none;
-    outline: 0;
-  }
-  .titaui-tree .titaui-tree-treenode .draggable {
-    color: #333;
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    -khtml-user-drag: element;
-    -webkit-user-drag: element;
-  }
-  .titaui-tree .titaui-tree-treenode.drop-container > .draggable::after {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    box-shadow: inset 0 0 0 2px red;
-    content: "";
-  }
-  .titaui-tree .titaui-tree-treenode.drop-container ~ .titaui-tree-treenode {
-    border-left: 2px solid chocolate;
-  }
-  .titaui-tree .titaui-tree-treenode.drop-target {
-    background-color: yellowgreen;
-  }
-  .titaui-tree .titaui-tree-treenode.drop-target ~ .titaui-tree-treenode {
-    border-left: none;
-  }
-  .titaui-tree .titaui-tree-treenode.filter-node > .titaui-tree-node-content-wrapper {
-    color: #a60000 !important;
-    font-weight: bold !important;
-  }
-  .titaui-tree .titaui-tree-treenode ul {
-    margin: 0;
-    padding: 0 0 0 18px;
-  }
-  .titaui-tree .titaui-tree-treenode .titaui-tree-node-content-wrapper {
-    position: relative;
-    display: inline-block;
-    height: 24px;
-    margin: 0;
-    padding: 0;
-    text-decoration: none;
-    vertical-align: top;
-    cursor: pointer;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-switcher.titaui-tree-icon__customize,
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-checkbox.titaui-tree-icon__customize,
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-iconEle.titaui-tree-icon__customize {
-    background-image: none;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-icon_loading {
-    margin-right: 2px;
-    vertical-align: top;
-    background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-switcher.titaui-tree-switcher-noop {
-    cursor: auto;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-switcher.titaui-tree-switcher_open {
-    background-position: -93px -56px;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-switcher.titaui-tree-switcher_close {
-    background-position: -75px -56px;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-checkbox {
-    width: 13px;
-    height: 13px;
-    margin: 0 3px;
-    background-position: 0 0;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-checkbox-checked {
-    background-position: -14px 0;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-checkbox-indeterminate {
-    background-position: -14px -28px;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-checkbox-disabled {
-    background-position: 0 -56px;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-checkbox.titaui-tree-checkbox-checked.titaui-tree-checkbox-disabled {
-    background-position: -14px -56px;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-checkbox.titaui-tree-checkbox-indeterminate.titaui-tree-checkbox-disabled {
-    position: relative;
-    background: #ccc;
-    border-radius: 3px;
-  }
-  .titaui-tree .titaui-tree-treenode span.titaui-tree-checkbox.titaui-tree-checkbox-indeterminate.titaui-tree-checkbox-disabled::after {
-    position: absolute;
-    top: 5px;
-    left: 3px;
-    width: 5px;
-    height: 0;
-    border: 2px solid #fff;
-    border-top: 0;
-    border-left: 0;
-    -webkit-transform: scale(1);
-    transform: scale(1);
-    content: ' ';
-  }
-  .titaui-tree:not(.titaui-tree-show-line) .titaui-tree-treenode .titaui-tree-switcher-noop {
-    background: none;
-  }
-  .titaui-tree.titaui-tree-show-line .titaui-tree-treenode:not(:last-child) > ul {
-    background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;
-  }
-  .titaui-tree.titaui-tree-show-line .titaui-tree-treenode:not(:last-child) > .titaui-tree-switcher-noop {
-    background-position: -56px -18px;
-  }
-  .titaui-tree.titaui-tree-show-line .titaui-tree-treenode:last-child > .titaui-tree-switcher-noop {
-    background-position: -56px -36px;
-  }
-  .titaui-tree-child-tree {
-    display: none;
-  }
-  .titaui-tree-child-tree-open {
-    display: block;
-  }
-  .titaui-tree-treenode-disabled > span:not(.titaui-tree-switcher),
-  .titaui-tree-treenode-disabled > a,
-  .titaui-tree-treenode-disabled > a span {
-    color: #767676;
-    cursor: not-allowed;
-  }
-  .titaui-tree-treenode-active {
-    background: rgba(0,0,0,0.1);
-  }
-  .titaui-tree-node-selected {
-    background-color: #ffe6b0;
-    box-shadow: 0 0 0 1px #ffb951;
-    opacity: 0.8;
-  }
-  .titaui-tree-icon__open {
-    margin-right: 2px;
-    vertical-align: top;
-    background-position: -110px -16px;
-  }
-  .titaui-tree-icon__close {
-    margin-right: 2px;
-    vertical-align: top;
-    background-position: -110px 0;
-  }
-  .titaui-tree-icon__docu {
-    margin-right: 2px;
-    vertical-align: top;
-    background-position: -110px -32px;
-  }
-  .titaui-tree-icon__customize {
-    margin-right: 2px;
-    vertical-align: top;
-  }
-  .titaui-tree-title {
-    display: inline-block;
-  }
-  .titaui-tree-indent {
-    display: inline-block;
-    vertical-align: bottom;
-    height: 0;
-  }
-  .titaui-tree-indent-unit {
-    width: 16px;
-    display: inline-block;
-  }
-  

package/src/components/update-modal/index.scss

@@ -1,72 +0,0 @@
-.tt-update-modal{
-  width: 610px;
-  background-color: #fff;
-  padding-top: 237px;
-  padding-bottom: 40px;
-  background-image: url(./img/background.png);
-  background-size: 610px 237px;
-  background-position: 0 0;
-  background-repeat: no-repeat;
-  border-radius: 40px;
-  position: relative;
-  .tu-icon-canceled {
-    position: absolute;
-    top: 20px;
-    right: 30px;
-    font-size: 20px;
-    font-weight: bold;
-    color: #141c28;
-  }
-  &__rocket {
-    position: absolute;
-    width: 200px;
-    height: 221px;
-    right: 113px;
-    top: -51px;
-  }
-  &__update-list{
-    margin-bottom: 40px;
-    padding: 0 40px;
-  }
-  &__update-item {
-    font-size: 16px;
-    font-weight: 400;
-    color: #3F4755;
-    line-height: 24px;
-    position: relative;
-    padding-left: 18px;
-    &::before{
-      content: '';
-      display: inline-block;
-      position: absolute;
-      top: 10px;
-      left: 0;
-      width: 4px;
-      height: 4px;
-      border-radius: 50%;
-      background-color: #6F7886;
-    }
-  }
-  &__update-item:not(:last-child){
-    margin-bottom: 12px;
-  }
-  &__detail-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 auto;
-    width: 160px;
-    height: 40px;
-    color: #FFF;
-    background: linear-gradient(180deg, #FFB565 0%, #FF9100 100%);
-    box-shadow: 0px 8px 8px 1px #FFEEE1, 0px 1px 12px 0px rgba(255, 255, 255, 0.5), 0px -2px 5px 0px rgba(242, 156, 51, 0.4);
-    border-radius: 29px;
-    font-size: 16px;
-    &:hover {
-      color: #FFF;
-      background: linear-gradient(180deg, #FF9E23 0%, #FF9E23 100%);
-      box-shadow: 0px 8px 8px 1px #FFEEE1, 0px -2px 5px 0px rgba(242, 156, 51, 0.4);
-      border-radius: 29px;
-    }
-  }
-}

package/src/components/update-modal/index.tsx

@@ -1,56 +0,0 @@
-import React, { ReactElement, useState, useEffect, useCallback } from "react";
-import { Modal } from "tita-ui";
-import { getBSGlobal } from "../period-selector/helper";
-import "./index.scss";
-import { cancelGuide } from "./request-api";
-
-interface Props {
-  updates: string[];
-  detailLink: string;
-}
-
-const preCls = "tt-update-modal";
-
-function UpdateModal({ updates = [], detailLink }: Props): ReactElement {
-  const [visible, setVisible] = useState<boolean>(() => {
-    const userGuides = getBSGlobal("userGuides");
-    return (
-      (userGuides &&
-        userGuides.upgradeGuide &&
-        userGuides.upgradeGuide.value) ||
-      false
-    );
-  });
-
-  const handleClose = useCallback(() => {
-    cancelGuide(getBSGlobal("userGuides").upgradeGuide.type);
-    getBSGlobal("userGuides").upgradeGuide.value = false;
-    setVisible(false);
-  }, []);
-
-  return (
-    <Modal visible={visible} customContent footer={null} width={610}>
-      <div className={preCls}>
-        <img
-          className={preCls + "__rocket"}
-          src={require("./img/rocket.png")}
-        />
-        <a className="tu-icon-canceled" onClick={handleClose} />
-        <div className={preCls + "__update-list"}>
-          {updates.map((upd) => (
-            <div className={preCls + "__update-item"}>{upd}</div>
-          ))}
-        </div>
-        <a
-          href={detailLink}
-          target="_blank"
-          className={preCls + "__detail-btn"}
-        >
-          了解更多
-        </a>
-      </div>
-    </Modal>
-  );
-}
-
-export default UpdateModal;

package/src/components/update-modal/request-api.ts

@@ -1,13 +0,0 @@
-import { rpost } from "../../utils/request";
-import qs from "qs";
-
-export const cancelGuide = (type) => {
-  return rpost("v2")(
-    `user/cancelUserGuide?type=` + type,
-    {type},
-    {
-      headers: { "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8" },
-      transformRequest: qs.stringify,
-    }
-  );
-};

package/src/components/upload/components/uploadedPreview.tsx

@@ -1,161 +0,0 @@
-import React, { PureComponent, Fragment } from 'react'
-import { Tooltip } from 'tita-ui';
-import { UploadResultObj } from '../type'
-import {
-  PreviewContent,
-  PreviewImageWrapper,
-  PreviewMessageWrapper,
-  PreviewFileTitle,
-  UploadProgress,
-  PreviewOptionsWrapper
-} from '../style'
-import '../index.scss';
-import { getFileSize, getFileTypeMapIcon } from '../util';
-
-interface Props {
-  className?: string
-  index: number
-  uploadResultItem: UploadResultObj
-  onSubmit: (index: number, options: string) => void
-}
-
-export default class UploadedPreview extends PureComponent<Props> {
-  constructor(props: Props) {
-    super(props)
-  }
-
-  updateStatusTimer: any;
-
-  componentWillUnmount() {
-    clearTimeout(this.updateStatusTimer)
-  }
-
-  // 附件缩略图
-  renderPreviewThumbnail = () => {
-    const { uploadResultItem } = this.props
-    // 上传中或不是图片文件时用默认icon
-    if (uploadResultItem.uploadStatus === 2 || !uploadResultItem.IsImage) {
-      return <img src={getFileTypeMapIcon(uploadResultItem.FileType)} className='upload-preview-img'/>
-    } else {
-      return <img src={uploadResultItem.ClientUrl} className='upload-preview-img'/> // 上传成功且为图片时
-    }
-  }
-
-  // 删除、预览icon
-  dealPreviewOptions = (uploadStatus: number, index: number, deleteable: boolean, smallImageUrl: string) => {
-    const { onSubmit } = this.props
-
-    if (uploadStatus === 2 || uploadStatus === 1) { // 上传中
-      return (
-        <Tooltip content='取消上传' container={document.body}>
-          <span className='upload-file-action-wrapper'>
-            <span className='tu-icon-canceled action-icon action-icon-delete'
-              onMouseDown={() => onSubmit(index, 'cancel')}>
-            </span>
-          </span>
-        </Tooltip>
-      )
-    } else if (uploadStatus === 3) { // 上传成功
-      if (smallImageUrl && deleteable) { // 是图片且能删除
-        return (
-          [
-            <Tooltip content='预览' container={document.body}>
-              <span className='upload-file-action-wrapper'>
-                <span className='tu-icon-yulan action-icon'
-                  onMouseDown={() => onSubmit(index, 'preview')}>
-                </span>
-              </span>
-            </Tooltip>
-            ,
-            <Tooltip content='删除' container={document.body}>
-              <span className='upload-file-action-wrapper'>
-                <span className='tu-icon-canceled action-icon delete'
-                  onMouseDown={() => onSubmit(index, 'delete')}>
-                </span>
-              </span>
-            </Tooltip>
-          ]
-        )
-      } else if (!smallImageUrl && deleteable) { // 不是图片但能删除
-        return (
-          <Tooltip content='删除' container={document.body}>
-            <span className='upload-file-action-wrapper'>
-              <span className='tu-icon-canceled action-icon delete'
-                onMouseDown={() => onSubmit(index, 'delete')}>
-              </span>
-            </span>
-          </Tooltip>
-        )
-      } else if (smallImageUrl && !deleteable) { // 是图片不能删除
-        return (
-          <Tooltip content='预览' container={document.body}>
-            <span className='upload-file-action-wrapper'>
-              <span className='tu-icon-magnifier-circle action-icon'
-                onMouseDown={() => onSubmit(index, 'preview')}>
-              </span>
-            </span>
-          </Tooltip>
-        )
-      } else { // 不是图片也不能删除
-        return <span></span>
-      }
-    } else if (uploadStatus === 5) {
-      return (
-        <Tooltip content='删除' container={document.body}>
-          <span className='upload-file-action-wrapper'>
-            <span className='tu-icon-canceled action-icon delete'
-              onMouseDown={() => onSubmit(index, 'delete')}>
-            </span>
-          </span>
-        </Tooltip>
-      )
-    } else { // 4：上传失败
-      return (
-        <Fragment>
-          <Tooltip content='重新上传' container={document.body}>
-            <span className='upload-file-action-wrapper'>
-              <span className='tu-icon-gengxin1 action-icon'
-                onMouseDown={() => onSubmit(index, 'reupload')}>
-              </span>
-            </span>
-          </Tooltip>
-          <Tooltip content='删除' container={document.body}>
-            <span className='upload-file-action-wrapper'>
-              <span className='tu-icon-canceled action-icon delete'
-                onMouseDown={() => onSubmit(index, 'delete')}>
-              </span>
-            </span>
-          </Tooltip>
-        </Fragment>
-      )
-    }
-  }
-
-  render() {
-    const { className, uploadResultItem, index } = this.props
-
-    return (
-      <PreviewContent className={['preview__content', className].join(' ')}>
-        <PreviewImageWrapper>{this.renderPreviewThumbnail()}</PreviewImageWrapper>
-        <PreviewMessageWrapper>
-          <Tooltip content={uploadResultItem.FileName} container={document.body}>
-            <PreviewFileTitle data-tip={uploadResultItem.FileName} key={uploadResultItem.uid}>
-              {uploadResultItem.FileName}
-              {
-                (uploadResultItem.uploadStatus === 2 || uploadResultItem.uploadStatus === 3) && uploadResultItem.percentComplete !== 100 ? (
-                  <UploadProgress>
-                    <div style={{ width: uploadResultItem.percentComplete + '%' }} className={'upload-file--progress'}></div>
-                  </UploadProgress>
-                ) : (
-                <div className={uploadResultItem.uploadStatus === 3 || uploadResultItem.uploadStatus === 2 ? 'upload-file-size' : 'upload-file-size upload-file-size--error'}>
-                  {uploadResultItem.uploadStatus === 3 || uploadResultItem.uploadStatus === 2 ? getFileSize(uploadResultItem.FileSize) : uploadResultItem.Msg}
-                </div>)
-              }
-            </PreviewFileTitle>
-          </Tooltip>
-        </PreviewMessageWrapper>
-        <PreviewOptionsWrapper>{this.dealPreviewOptions(uploadResultItem.uploadStatus, index, uploadResultItem.Deleteable, uploadResultItem.SmallImageUrl)} </PreviewOptionsWrapper>
-      </PreviewContent>
-    )
-  }
-}

package/src/components/upload/img/doc.svg

@@ -1 +0,0 @@
-<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#2879FF" offset="0%"/><stop stop-color="#005BDC" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-color="#88BCFF" offset="0%"/><stop stop-color="#2879FF" offset="100%"/></linearGradient><filter x="-31.7%" y="-38%" width="163.3%" height="176%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.105882353 0 0 0 0 0.435294118 0 0 0 0 0.952941176 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6.533 8.773)"><path d="M.677 4.775h9.846a.677.677 0 1 1 0 1.355H.677a.677.677 0 1 1 0-1.355z" fill="#D2E3FF"/><path d="M.677 1.162h4.246a.677.677 0 0 1 0 1.355H.677a.677.677 0 0 1 0-1.355z" fill="#FFF"/><path d="M.677 8.351h9.846a.677.677 0 1 1 0 1.355H.677a.677.677 0 0 1 0-1.355z" fill="#A8C9FF"/></g></g></svg>

package/src/components/upload/img/other.svg

@@ -1 +0,0 @@
-<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#26D8F0" offset="0%"/><stop stop-color="#00A7BD" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#00BDD6" offset="0%"/><stop stop-color="#9EF4FF" offset="100%"/></linearGradient><filter x="-31.7%" y="-35.3%" width="163.3%" height="170.6%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 0 0.839215686 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 7.677h15.555c.86 0 1.556.669 1.556 1.493v14.176c0 .825-.696 1.493-1.556 1.493H8.09c-.86 0-1.556-.668-1.556-1.493V9.17c0-.824.697-1.493 1.556-1.493z" fill="url(#a)" fill-rule="nonzero" transform="translate(0 .452)"/><path d="M20.291 2.258c.84 0 1.521.674 1.521 1.505v19.57c0 .832.681 1.506 1.521 1.506H4.321c-.84 0-1.521-.674-1.521-1.506V3.763c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero" transform="translate(0 .452)"/><g filter="url(#c)" transform="translate(6.3 8.6)" fill-rule="nonzero"><path d="M8.846 1.02H3.395l1.267 2.198A2 2 0 0 0 6.38 4.22l4.126.031V2.664c0-.916-.753-1.643-1.66-1.643zm0 1.175c.268 0 .486.21.486.47v.399l-3.416-.02-.49-.85h3.42z" fill="#C7F8FF"/><path d="M3.298 0H1.403C.628 0 0 .628 0 1.403v7.964c0 .775.628 1.403 1.403 1.403h9.193a1.403 1.403 0 0 0 1.403-1.403L12 4.545l-.006-.126a1.4 1.4 0 0 0-1.373-1.27l-4.678-.037L4.615.807C4.331.337 3.856 0 3.298 0zM1.403 1.174h1.895c.094 0 .222.09.306.23l1.49 2.585c.104.18.295.291.503.293l5.01.04c.12.002.219.102.22.225l-.002 4.82a.23.23 0 0 1-.229.23H1.403a.23.23 0 0 1-.23-.23V1.403a.23.23 0 0 1 .23-.23z" fill="#FFF"/></g></g></svg>

package/src/components/upload/img/pdf.svg

@@ -1 +0,0 @@
-<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#FD4F54" offset="0%"/><stop stop-color="#CD1116" offset="100%"/></linearGradient><linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="b"><stop stop-color="#EC3C3C" offset="0%"/><stop stop-color="#FF8383" offset="100%"/></linearGradient><linearGradient x1="47.638%" y1="10.393%" x2="52.642%" y2="90.65%" id="d"><stop stop-color="#FFF" offset="0%"/><stop stop-color="#F6AFAF" offset="45.302%"/><stop stop-color="#FFF" offset="100%"/></linearGradient><filter x="-15.6%" y="-15.6%" width="131.2%" height="131.2%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".25" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.878431373 0 0 0 0 0.125490196 0 0 0 0 0.125490196 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(4 6.032)" fill-rule="nonzero"><path d="m11.249.837.176.048.189.062c.729.268 1.145.751 1.297 1.338.31 1.258-.573 2.82-2.161 4.553l-.334.355.101.388c.175.649.362 1.257.564 1.823l.155.417.131.33.215.099c1.977.926 3.282 1.856 3.643 2.845l.045.141.032.143c.103.492-.05.963-.441 1.359-.329.282-.684.43-1.06.43-1.233 0-2.347-1.514-3.368-3.854l-.082-.188-.421-.174a24.406 24.406 0 0 0-1.997-.705l-.49-.143L7.043 10l-.206.136c-1.307.845-2.517 1.418-3.54 1.549l-.217.02-.21.008c-.924 0-1.603-.48-1.851-1.311-.172-.587-.078-1.098.184-1.43.4-.557 1.189-.824 2.353-.824.815 0 1.813.13 2.908.379l.322.076.345-.251c.414-.31.815-.636 1.195-.97l.374-.338.28-.267-.04-.192c-.412-2.088-.448-3.81.134-4.852l.092-.151.096-.135c.465-.59 1.17-.801 1.986-.609zm.968 11.202.039.07c.628 1.126 1.235 1.783 1.545 1.783.033 0 .077-.018.145-.075.085-.085.094-.119.08-.18-.073-.369-.656-.928-1.695-1.534l-.114-.064zm-8.66-2.594c-.813 0-1.194.138-1.303.27l-.024.046c-.024.053-.027.134.016.289.065.26.22.386.625.386.511 0 1.225-.234 2.084-.68l.27-.146-.089-.016a10.444 10.444 0 0 0-1.345-.145l-.234-.004zM9.333 8.21l-.263.229-.337.283-.374.305.172.052c.36.112.723.235 1.078.364l.12.045-.067-.195a21.92 21.92 0 0 1-.205-.656l-.124-.427zm1.348-6.148a.506.506 0 0 0-.418.193c-.348.437-.439 1.523-.247 2.97l.061.414.085-.095c1.02-1.189 1.577-2.254 1.512-2.853l-.016-.095c-.031-.158-.143-.297-.471-.415l-.134-.043a.994.994 0 0 0-.372-.076z" fill="#FFF"/><path d="m10.416 7.193.101.388c.175.649.362 1.257.564 1.823l.155.417.131.33c.817 2.33 1.982 3.858 3.494 4.587-.329.282-.684.43-1.06.43-1.233 0-2.347-1.514-3.368-3.854l-.082-.188a25.48 25.48 0 0 1-.766-2.113 27.948 27.948 0 0 1-.605-2.237l-.038-.192c-.413-2.088-.449-3.81.133-4.852l.092-.151.096-.135c.465-.59 1.17-.801 1.986-.609l.176.048.189.062c.729.268 1.684 1.674-.427 1.23-1.408-.297-1.665 1.375-.77 5.016z" fill="url(#d)"/></g></g></svg>

package/src/components/upload/img/ppt.svg

@@ -1 +0,0 @@
-<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#F0A326" offset="0%"/><stop stop-color="#D68500" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#F0A326" offset="0%"/><stop stop-color="#FFDA9E" offset="100%"/></linearGradient><filter x="-47.5%" y="-34.5%" width="195%" height="169.1%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.839215686 0 0 0 0 0.521568627 0 0 0 0 0 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(8 9)"><path d="M.933 9.687V2.7a.7.7 0 1 1 1.4 0v6.987a.7.7 0 1 1-1.4 0z" fill="#FFDA9E"/><path d="M4.57 0c2.222 0 3.333.91 3.333 2.745 0 1.847-1.125 2.77-3.36 2.77H.933a.608.608 0 0 1-.56-.592.597.597 0 0 1 .656-.586l3.423.002c.706 0 1.215-.126 1.542-.38.314-.252.484-.657.484-1.214 0-.557-.17-.961-.497-1.189-.327-.253-.837-.38-1.53-.38H.934a.602.602 0 0 1-.56-.589C.373.263.645 0 .98 0L.932.003.933 0z" fill="#FFF" fill-rule="nonzero"/></g></g></svg>

package/src/components/upload/img/radio.svg

@@ -1 +0,0 @@
-<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#F026D8" offset="0%"/><stop stop-color="#BD00A7" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2=".295%" id="b"><stop stop-color="#F026D8" offset="0%"/><stop stop-color="#FF9EF4" offset="100%"/></linearGradient><filter x="-31.7%" y="-31.7%" width="163.3%" height="163.3%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.839215686 0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6 8.37)" fill-rule="nonzero"><path d="M3.285 5.04a.567.567 0 0 1-.081-1.129l3.902-.703a.568.568 0 0 1 .166 1.12l-3.902.704a.448.448 0 0 1-.085.007z" fill="#FFC7F8"/><path d="M10.926.137a.569.569 0 0 1 .197.43v8.059a.566.566 0 0 1-.032.187c-.148.82-.946 1.447-1.903 1.447-1.063 0-1.928-.772-1.928-1.72s.865-1.72 1.928-1.72c.285 0 .556.056.8.156v-5.75l.484-1.22a.57.57 0 0 1 .454.131zM9.187 7.955c-.43 0-.792.268-.792.585 0 .317.363.585.793.585.43 0 .792-.268.792-.585 0-.317-.363-.585-.793-.585z" fill="#FFF"/><path d="M3.287 10.278a.568.568 0 0 1-.568-.567V1.652c0-.281.205-.52.483-.561l7.27-1.085a.57.57 0 0 1 .65.561c-.002.165-.035.287-.1.365a.49.49 0 0 1-.27.159l-6.9 1.051v7.57a.564.564 0 0 1-.565.566z" fill="#FFF"/><path d="M1.927 7.905c1.062 0 1.927.772 1.927 1.72s-.865 1.72-1.927 1.72C.864 11.344 0 10.572 0 9.624s.864-1.72 1.927-1.72zm0 1.135c-.43 0-.793.267-.793.585 0 .317.363.585.793.585.43 0 .793-.268.793-.585 0-.318-.364-.585-.793-.585z" fill="#FFF"/></g></g></svg>

package/src/components/upload/img/video.svg

@@ -1 +0,0 @@
-<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#A226F0" offset="0%"/><stop stop-color="#7500BD" offset="100%"/></linearGradient><linearGradient x1="50%" y1="99.348%" x2="50%" y2="0%" id="b"><stop stop-color="#A226F0" offset="0%"/><stop stop-color="#DA9EFF" offset="100%"/></linearGradient><filter x="-31.7%" y="-31.7%" width="163.3%" height="163.3%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".8" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".4" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.458823529 0 0 0 0 0 0 0 0 0 0.741176471 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6 8)"><path d="M6 10.6h5.3a.7.7 0 0 1 0 1.4H6v-1.4z" fill="#EAC7FF"/><circle stroke="#FFF" stroke-width="1.4" cx="6" cy="6" r="5.3"/><path d="M5.032 7.75c.842 0 2.916-.746 2.916-1.75S5.874 4.25 5.032 4.25c-.843 0-.843 3.5 0 3.5z" stroke="#FFF" stroke-width="1.2" stroke-linejoin="round"/></g></g></svg>

package/src/components/upload/img/xls.svg

@@ -1 +0,0 @@
-<svg width="28" height="28" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="100%" y1="29.782%" x2="83.621%" y2="29.782%" id="a"><stop stop-color="#3FC87D" offset="0%"/><stop stop-color="#009B46" offset="100%"/></linearGradient><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-color="#21E9AA" offset="0%"/><stop stop-color="#00BF77" offset="100%"/></linearGradient><filter x="-20.8%" y="-22.7%" width="141.7%" height="145.5%" filterUnits="objectBoundingBox" id="c"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".25" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.0745098039 0 0 0 0 0.662745098 0 0 0 0 0.337254902 0 0 0 1 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 .452h28v27.097H0z"/><path d="M8.089 8.129h15.555c.86 0 1.556.668 1.556 1.492v14.177c0 .824-.696 1.492-1.556 1.492H8.09c-.86 0-1.556-.668-1.556-1.492V9.621c0-.824.697-1.492 1.556-1.492z" fill="url(#a)" fill-rule="nonzero"/><path d="M20.291 2.71c.84 0 1.521.674 1.521 1.505v19.57c0 .831.681 1.505 1.521 1.505H4.321c-.84 0-1.521-.674-1.521-1.505V4.215c0-.831.681-1.505 1.521-1.505h15.97z" fill="url(#b)" fill-rule="nonzero"/><g filter="url(#c)" transform="translate(6.067 9.032)"><path d="M10.99 8.129H1.143a.677.677 0 1 1 0-1.355h9.845a.677.677 0 0 1 0 1.355z" fill="#A1EDD3"/><path d="M2.567 9.461V.926a.7.7 0 1 1 1.4 0V9.46a.7.7 0 0 1-1.4 0z" fill="#FFF"/></g></g></svg>

package/src/components/upload/index.scss

@@ -1,25 +0,0 @@
-.upload-preview-img {
-  margin-right: 8px;
-  width: 36px;
-  height: 36px;
-}
-.upload-file-action-wrapper {
-  width: 20px;
-  height: 20px;
-  border: 1px solid #DFE3EA;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  margin-left: 10px;
-  &:hover {
-    .action-icon {
-      color: #2879ff;
-    }
-  }
-  .action-icon {
-    font-size: 22px;
-    transform: scale(0.5);
-  }
-}