@titaui/pc 1.7.45 → 1.7.49

package/src/components/pagination/select.scss

@@ -1,372 +0,0 @@
-
-.titaui-pagination__select {
-  display: inline-block;
-  font-size: 12px;
-  width: 100px;
-  position: relative;
-}
-.titaui-pagination__select-disabled,
-.titaui-pagination__select-disabled input {
-  cursor: not-allowed;
-}
-.titaui-pagination__select-disabled .titaui-pagination__select-selector {
-  opacity: 0.3;
-}
-.titaui-pagination__select-show-arrow.titaui-pagination__select-loading .titaui-pagination__select-arrow-icon::after {
-  box-sizing: border-box;
-  width: 12px;
-  height: 12px;
-  border-radius: 100%;
-  border: 2px solid #999;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  transform: none;
-  margin-top: 4px;
-  animation: rcSelectLoadingIcon 0.5s infinite;
-}
-.titaui-pagination__select .titaui-pagination__select-selection-placeholder {
-  opacity: 0.4;
-  pointer-events: none;
-}
-.titaui-pagination__select .titaui-pagination__select-selection-search-input {
-  appearance: none;
-}
-.titaui-pagination__select .titaui-pagination__select-selection-search-input::-webkit-search-cancel-button {
-  display: none;
-  appearance: none;
-}
-.titaui-pagination__select-single .titaui-pagination__select-selector {
-  display: flex;
-  position: relative;
-}
-.titaui-pagination__select-single .titaui-pagination__select-selector .titaui-pagination__select-selection-search {
-  width: 100%;
-}
-.titaui-pagination__select-single .titaui-pagination__select-selector .titaui-pagination__select-selection-search-input {
-  width: 100%;
-}
-.titaui-pagination__select-single .titaui-pagination__select-selector .titaui-pagination__select-selection-item,
-.titaui-pagination__select-single .titaui-pagination__select-selector .titaui-pagination__select-selection-placeholder {
-  position: absolute;
-  top: 1px;
-  left: 3px;
-  pointer-events: none;
-}
-.titaui-pagination__select-single:not(.titaui-pagination__select-customize-input) .titaui-pagination__select-selector {
-  padding: 1px;
-  border: 1px solid #000;
-}
-.titaui-pagination__select-single:not(.titaui-pagination__select-customize-input) .titaui-pagination__select-selector .titaui-pagination__select-selection-search-input {
-  border: none;
-  outline: none;
-  background: rgba(255, 0, 0, 0.2);
-  width: 100%;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 1px;
-  border: 1px solid #000;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-item {
-  flex: none;
-  background: #bbb;
-  border-radius: 4px;
-  margin-right: 2px;
-  padding: 0 8px;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-item-disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-overflow {
-  display: flex;
-  flex-wrap: wrap;
-  width: 100%;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-overflow-item {
-  flex: none;
-  max-width: 100%;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-search {
-  position: relative;
-  max-width: 100%;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-search-input,
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-search-mirror {
-  padding: 1px;
-  font-family: system-ui;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-search-mirror {
-  position: absolute;
-  z-index: 999;
-  white-space: nowrap;
-  position: none;
-  left: 0;
-  top: 0;
-  visibility: hidden;
-}
-.titaui-pagination__select-multiple .titaui-pagination__select-selector .titaui-pagination__select-selection-search-input {
-  border: none;
-  outline: none;
-  background: rgba(255, 0, 0, 0.2);
-  width: 100%;
-}
-.titaui-pagination__select-allow-clear.titaui-pagination__select-multiple .titaui-pagination__select-selector {
-  padding-right: 20px;
-}
-.titaui-pagination__select-allow-clear .titaui-pagination__select-clear {
-  position: absolute;
-  right: 20px;
-  top: 0;
-}
-.titaui-pagination__select-show-arrow.titaui-pagination__select-multiple .titaui-pagination__select-selector {
-  padding-right: 20px;
-}
-.titaui-pagination__select-show-arrow .titaui-pagination__select-arrow {
-  pointer-events: none;
-  position: absolute;
-  right: 5px;
-  top: 0;
-}
-.titaui-pagination__select-show-arrow .titaui-pagination__select-arrow-icon::after {
-  content: '';
-  border: 5px solid transparent;
-  width: 0;
-  height: 0;
-  display: inline-block;
-  border-top-color: #999;
-  transform: translateY(5px);
-}
-.titaui-pagination__select-focused .titaui-pagination__select-selector {
-  border-color: blue !important;
-}
-.titaui-pagination__select-dropdown {
-  border: 1px solid green;
-  min-height: 100px;
-  position: absolute;
-  background: #fff;
-}
-.titaui-pagination__select-dropdown-hidden {
-  display: none;
-}
-.titaui-pagination__select-item {
-  font-size: 16px;
-  line-height: 1.5;
-  padding: 4px 16px;
-}
-.titaui-pagination__select-item-group {
-  color: #999;
-  font-weight: bold;
-  font-size: 80%;
-}
-.titaui-pagination__select-item-option {
-  position: relative;
-}
-.titaui-pagination__select-item-option-grouped {
-  padding-left: 24px;
-}
-.titaui-pagination__select-item-option .titaui-pagination__select-item-option-state {
-  position: absolute;
-  right: 0;
-  top: 4px;
-  pointer-events: none;
-}
-.titaui-pagination__select-item-option-active {
-  background: green;
-}
-.titaui-pagination__select-item-option-disabled {
-  color: #999;
-}
-.titaui-pagination__select-item-empty {
-  text-align: center;
-  color: #999;
-}
-.titaui-pagination__select-selection__choice-zoom {
-  transition: all 0.3s;
-}
-.titaui-pagination__select-selection__choice-zoom-appear {
-  opacity: 0;
-  transform: scale(0.5);
-}
-.titaui-pagination__select-selection__choice-zoom-appear.titaui-pagination__select-selection__choice-zoom-appear-active {
-  opacity: 1;
-  transform: scale(1);
-}
-.titaui-pagination__select-selection__choice-zoom-leave {
-  opacity: 1;
-  transform: scale(1);
-}
-.titaui-pagination__select-selection__choice-zoom-leave.titaui-pagination__select-selection__choice-zoom-leave-active {
-  opacity: 0;
-  transform: scale(0.5);
-}
-.titaui-pagination__select-dropdown-slide-up-enter,
-.titaui-pagination__select-dropdown-slide-up-appear {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  transform-origin: 0 0;
-  opacity: 0;
-  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
-  animation-play-state: paused;
-}
-.titaui-pagination__select-dropdown-slide-up-leave {
-  animation-duration: 0.3s;
-  animation-fill-mode: both;
-  transform-origin: 0 0;
-  opacity: 1;
-  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
-  animation-play-state: paused;
-}
-.titaui-pagination__select-dropdown-slide-up-enter.titaui-pagination__select-dropdown-slide-up-enter-active.titaui-pagination__select-dropdown-placement-bottomLeft,
-.titaui-pagination__select-dropdown-slide-up-appear.titaui-pagination__select-dropdown-slide-up-appear-active.titaui-pagination__select-dropdown-placement-bottomLeft {
-  animation-name: rcSelectDropdownSlideUpIn;
-  animation-play-state: running;
-}
-.titaui-pagination__select-dropdown-slide-up-leave.titaui-pagination__select-dropdown-slide-up-leave-active.titaui-pagination__select-dropdown-placement-bottomLeft {
-  animation-name: rcSelectDropdownSlideUpOut;
-  animation-play-state: running;
-}
-.titaui-pagination__select-dropdown-slide-up-enter.titaui-pagination__select-dropdown-slide-up-enter-active.titaui-pagination__select-dropdown-placement-topLeft,
-.titaui-pagination__select-dropdown-slide-up-appear.titaui-pagination__select-dropdown-slide-up-appear-active.titaui-pagination__select-dropdown-placement-topLeft {
-  animation-name: rcSelectDropdownSlideDownIn;
-  animation-play-state: running;
-}
-.titaui-pagination__select-dropdown-slide-up-leave.titaui-pagination__select-dropdown-slide-up-leave-active.titaui-pagination__select-dropdown-placement-topLeft {
-  animation-name: rcSelectDropdownSlideDownOut;
-  animation-play-state: running;
-}
-
-//========paagination select reset css=========
-.titaui-pagination__select {
-  width: 100%;
-  cursor: pointer;
-
-  &-selector {
-    display: inline-block;
-    position: relative;
-    border: 0 !important;
-    height: 22px;
-    padding: 0 14px 0 0 !important;
-    margin-right: 4px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    overflow: hidden;
-
-    &:hover {
-      .titaui-pagination__select-selection-item {
-        color: #2879ff;
-      }
-    }
-
-    &:before {
-      position: absolute;
-      display: inline-block;
-      content: "";
-      width: 8px;
-      height: 8px;
-      right: 0;
-      top: calc(50% - 4px);
-      background: url(./images/arrow.svg) transparent no-repeat 50% 50%;
-      cursor: pointer;
-    }
-  }
-
-  &-selection-item,
-  &-selection-placeholder {
-    position: unset !important;
-    top: unset !important;
-    left: unset !important;
-    height: 22px;
-    font-size: 16px;
-    font-weight: 500;
-    line-height: 22px;
-    color: #3f4755;
-  }
-
-  &-selection-search {
-    display: none;
-    position: absolute;
-  }
-
-  &-arrow {
-    position: unset;
-    line-height: 22px;
-    vertical-align: text-bottom;
-
-    &-icon::after {
-      transform: unset !important;
-    }
-  }
-
-  &-dropdown {
-    min-width: unset !important;
-    width: unset !important;
-    padding: 16px 0;
-    background: #ffffff;
-    box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
-    border: 1px solid #f0f2f5 !important;
-
-    .titaui-pagination__select {
-      &-item-option {
-        padding: 0 24px;
-        height: 36px;
-        line-height: 36px;
-
-        &-active {
-          background: #f7f8fa;
-          cursor: pointer;
-        }
-
-        &-content {
-          font-size: 14px;
-          font-weight: 400;
-        }
-
-        &-selected {
-          .titaui-pagination__select-item-option-content {
-            color: #2879ff;
-          }
-        }
-
-        &-state {
-          display: none;
-        }
-      }
-    }
-  }
-}
-//========paagination select reset css=========
-
-@keyframes rcSelectDropdownSlideUpIn {
-  0% {
-    opacity: 0;
-    transform-origin: 0% 0%;
-    transform: scaleY(0);
-  }
-  100% {
-    opacity: 1;
-    transform-origin: 0% 0%;
-    transform: scaleY(1);
-  }
-}
-@keyframes rcSelectDropdownSlideUpOut {
-  0% {
-    opacity: 1;
-    transform-origin: 0% 0%;
-    transform: scaleY(1);
-  }
-  100% {
-    opacity: 0;
-    transform-origin: 0% 0%;
-    transform: scaleY(0);
-  }
-}
-@keyframes rcSelectLoadingIcon {
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/src/components/password-input/icon/close-eye.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-
-export default () => {
-  return (
-    <svg width="16px" height="16px" viewBox="0 0 16 16">
-      <title>隐藏</title>
-      <g
-        id="企业微信"
-        stroke="none"
-        stroke-width="1"
-        fill="none"
-        fill-rule="evenodd"
-      >
-        <g
-          id="5、交互说明"
-          transform="translate(-973.000000, -390.000000)"
-          fill-rule="nonzero"
-        >
-          <g id="邮箱登录" transform="translate(621.000000, 378.000000)">
-            <g id="隐藏" transform="translate(352.000000, 12.000000)">
-              <rect
-                id="矩形"
-                fill="#000000"
-                opacity="0"
-                x="0"
-                y="0"
-                width="16"
-                height="16"
-              ></rect>
-              <path
-                d="M8.0248,13.28 C5.9048,13.28 2.77912,12.02648 0.92232,8.49336 C0.758963409,8.18391582 0.758963409,7.81376418 0.92232,7.50432 C1.36374784,6.68127474 1.91589933,5.92261488 2.56336,5.24952 C2.73119875,5.07603074 3.00769509,5.07082536 3.18194489,5.23787439 C3.35619468,5.40492341 3.36265586,5.68139326 3.1964,5.8564 C2.6057711,6.47009708 2.1020678,7.1618715 1.69936,7.9124 C1.67093231,7.96739001 1.6715012,8.0328722 1.70088,8.08736 C3.376,11.27408 6.14984,12.4048 8.01664,12.4048 C8.72356806,12.3949365 9.42425556,12.2708837 10.0916,12.03744 C10.2400875,11.9793008 10.4084423,12.0064879 10.531082,12.1084106 C10.6537216,12.2103333 10.7112508,12.3708726 10.6812591,12.5274906 C10.6512674,12.6841087 10.538498,12.8120365 10.38688,12.86144 C9.62727755,13.1275566 8.82959244,13.2689062 8.0248,13.28 Z M13.6328,10.3142408 C13.4658673,10.3145546 13.3132921,10.219885 13.2394475,10.0701733 C13.1656029,9.92046163 13.1833495,9.74178147 13.2852,9.60952 C13.631282,9.15249579 13.9501025,8.67545386 14.24,8.18088 L14.29504,8.09008 C14.3308261,8.03059604 14.3298656,7.95598299 14.29256,7.89744 C12.61536,5.20576 10.3668,3.70848 7.96056,3.68064 C7.69375244,3.68540295 7.42747828,3.70632125 7.1632,3.74328 C7.00840396,3.76528756 6.85362563,3.70304069 6.7571685,3.57998717 C6.66071138,3.45693365 6.63722959,3.29176824 6.6955685,3.14670716 C6.75390742,3.00164608 6.88520396,2.89872756 7.04,2.87672 C7.34202535,2.83442778 7.64635202,2.81062346 7.95128,2.80544 L7.9636,2.80544 C10.6836,2.83408 13.19632,4.47856 15.0392,7.43592 C15.2514782,7.77347348 15.2545762,8.20205302 15.0472,8.54264 L14.99264,8.63264 C14.6855347,9.15600503 14.3476337,9.66067924 13.98072,10.144 C13.8972815,10.2516645 13.7686112,10.314522 13.6324,10.31416 L13.6328,10.3142408 Z M8.032,11.2861053 C7.01800856,11.2900898 6.06102099,10.8175696 5.44771856,10.0100704 C4.83441614,9.20257128 4.63603372,8.153884 4.912,7.17816 C4.97993386,6.94747957 5.22074798,6.81432454 5.45223929,6.87944173 C5.68373059,6.94455893 5.81981086,7.18373222 5.75752,7.416 C5.55642711,8.12731812 5.70107638,8.89178362 6.14814899,9.48045831 C6.59522161,10.069133 7.29280852,10.4136666 8.032,10.41088 C8.19211377,10.4108975 8.35182363,10.3948166 8.50872,10.36288 C8.66258807,10.3296988 8.82242306,10.3816959 8.92731713,10.4990569 C9.0322112,10.6164179 9.06600708,10.7810653 9.01582628,10.9302574 C8.96564547,11.0794494 8.83921754,11.1902054 8.68472,11.22032 C8.46989016,11.2639924 8.25122394,11.2860225 8.032,11.2861053 L8.032,11.2861053 Z M10.83432,8.49520187 C10.5921852,8.49568653 10.3954896,8.29981475 10.39496,8.05768 C10.3910341,6.75578409 9.33390128,5.70280291 8.032,5.704 C7.79032019,5.704 7.5944,5.50807981 7.5944,5.2664 C7.5944,5.02472019 7.79032019,4.8287986 8.032,4.8287986 C9.8178594,4.8271589 11.2680343,6.27142877 11.27368,8.05728 C11.2735318,8.17369717 11.2270937,8.28527669 11.1446019,8.36742337 C11.06211,8.44957005 10.9503368,8.49553994 10.83392,8.49520187 L10.83432,8.49520187 Z M13.54984,13.2800005 C13.4350799,13.2801501 13.3248175,13.2353847 13.24264,13.15528 L2.06632,2.27048 C1.95248447,2.16116827 1.90617545,1.99911431 1.9450649,1.84615944 C1.98395435,1.69320456 2.10204178,1.57294913 2.25426391,1.53128373 C2.40648605,1.48961833 2.56935559,1.53297178 2.68072,1.6448 L13.85672,12.5296 C13.9838879,12.6541238 14.0229853,12.8432542 13.9556143,13.0079934 C13.8882434,13.1727326 13.7278225,13.2802691 13.54984,13.2800005 Z"
-                id="形状"
-                fill="currentColor"
-              ></path>
-            </g>
-          </g>
-        </g>
-      </g>
-    </svg>
-  );
-};

package/src/components/password-input/icon/open-eye.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-
-export default () => {
-  return (
-    <svg width="16px" height="16px" viewBox="0 0 16 16">
-      <title>查看</title>
-      <g
-        id="企业微信"
-        stroke="none"
-        stroke-width="1"
-        fill="none"
-        fill-rule="evenodd"
-      >
-        <g
-          id="2、公众号关注后-创建新用户"
-          transform="translate(-1122.000000, -515.000000)"
-          fill-rule="nonzero"
-        >
-          <g id="邮箱登录" transform="translate(738.000000, 242.000000)">
-            <g id="手机号" transform="translate(32.000000, 261.000000)">
-              <g id="查看" transform="translate(352.000000, 12.000000)">
-                <rect
-                  id="矩形"
-                  fill="#000000"
-                  opacity="0"
-                  x="0"
-                  y="0"
-                  width="16"
-                  height="16"
-                ></rect>
-                <path
-                  d="M15.43,5.74 C13.74,3.45 11.26,2 8.49,2 C5.72,2 3.25,3.45 1.55,5.74 C0.8,6.75 0.8,8.25 1.55,9.26 C3.25,11.55 5.73,13 8.49,13 C11.26,13 13.73,11.55 15.43,9.26 C16.18,8.25 16.18,6.75 15.43,5.74 Z M14.68,8.43 C13.11,10.7 10.85,12 8.48,12 C6.11,12 3.85,10.7 2.28,8.43 C1.9,7.9 1.9,7.11 2.28,6.57 C3.85,4.3 6.11,3 8.48,3 C10.85,3 13.11,4.3 14.68,6.57 C15.05,7.11 15.05,7.9 14.68,8.43 Z M8.5,4 C6.57,4 5,5.57 5,7.5 C5,9.43 6.57,11 8.5,11 C10.43,11 12,9.43 12,7.5 C12,5.57 10.43,4 8.5,4 Z M8.5,10 C7.12,10 6,8.88 6,7.5 C6,6.12 7.12,5 8.5,5 C9.88,5 11,6.12 11,7.5 C11,8.88 9.88,10 8.5,10 Z"
-                  id="形状"
-                  fill="currentColor"
-                ></path>
-              </g>
-            </g>
-          </g>
-        </g>
-      </g>
-    </svg>
-  );
-};

package/src/components/password-input/index.scss

@@ -1,73 +0,0 @@
-.tita-ui-admin-input {
-  display: flex;
-  align-items: center;
-  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
-  &__input {
-    border-radius: 4px;
-    width: 400px;
-    height: 32px;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    border: 1px solid #E9ECF0;
-    outline: none;
-    margin-right: 12px;
-    padding: 5px 12px;
-    font-size: 14px;
-    line-height: 22px;
-    color: #3F4755;
-    &::placeholder {
-      color: #BFC7D5;
-    }
-    &:focus {
-      border: 1px solid #2879FF;
-      box-shadow: 0px 1px 4px 0px rgba(40, 121, 255, 0.3);
-    }
-  }
-  &__visible {
-    margin-right: 12px;
-    color: #89919F;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    &:hover {
-      color: #2879FF;
-    }
-  }
-  &__delete {
-    color: #89919F;
-    margin-right: 12px;
-    cursor: pointer;
-    font-size: 14px;
-    &:hover {
-      color: #F05E5E;
-    }
-  }
-  &__btn {
-    width: 58px;
-    height: 32px;
-    border-radius: 4px;
-    font-size: 14px;
-    line-height: 20px;
-    outline: none;
-    border: none;
-    cursor: pointer;
-    &-sure {
-      background: #2879FF;
-      &:hover{
-        background: #5C8EFF;
-      }
-      color: #FFFFFF;
-      margin-right: 12px;
-    }
-    &-cancel {
-      background: #ffffff;
-      border: 1px solid #E9ECF0;
-      color: #6f7886;
-      &:hover{
-        border: 1px solid #2879FF;
-        color: #2879FF;
-      }
-
-    }
-  }
-}

package/src/components/password-input/index.tsx

@@ -1,96 +0,0 @@
-import React, { FC, useState, useEffect, useRef } from "react";
-import classNames from "classnames";
-import { IPasswordInputProps } from "./interface";
-// @ts-ignore
-import OpenEye from "./icon/open-eye";
-// @ts-ignore
-import CloseEye from "./icon/close-eye";
-import "./index.scss";
-
-const prefix = "tita-ui-admin-input";
-
-const PasswordInput: FC<IPasswordInputProps> = ({
-  value,
-  onCancel,
-  onSure,
-  onDelete,
-  canDel = true
-}) => {
-  const [showValue, setShowValue] = useState(false);
-  const [inputValue, setInputValue] = useState(value);
-  const [isFocus, setIsFocus] = useState(false);
-  const inputRef = useRef(document.createElement('input'));
-
-  const handleValueVisibleChangeClick = () => {
-    setShowValue(!showValue);
-  };
-
-  const handleSureClick = () => {
-    onSure && onSure(inputValue, setIsFocus);
-  };
-
-  const handleCancelClick = () => {
-    setIsFocus(false);
-    setInputValue(value);
-    onCancel && onCancel();
-  };
-
-  const handleDeleteClick = () => {
-    onDelete && onDelete();
-  }
-
-  const handleInputChange = (e) => {
-    setInputValue(e.target.value);
-  }
-
-  const handleInputClick = () => {
-    setIsFocus(true);
-    setTimeout(()=> {
-      inputRef.current.setSelectionRange(99999,99999);
-    }, 0)
-  }
-
-  useEffect(() => {
-    setInputValue(value);
-  }, [value]);
-
-  return (
-    <span className={classNames(prefix)}>
-      <input
-        className={classNames(prefix + "__input")}
-        type={showValue ? 'text' : 'password'}
-        value={inputValue}
-        ref={inputRef}
-        onChange={handleInputChange}
-        onFocus={handleInputClick}
-      />
-      <span
-        className={classNames(prefix + "__visible")}
-        onClick={handleValueVisibleChangeClick}
-      >
-        {showValue ? <OpenEye /> : <CloseEye />}
-      </span>
-      {!isFocus && canDel && value && <i className={classNames("tu-icon-del", prefix + "__delete")} onClick={handleDeleteClick}/>}
-      {
-        isFocus && (
-          <span>
-            <button
-        className={classNames(prefix + "__btn", prefix + "__btn-sure")}
-        onClick={handleSureClick}
-      >
-        保存
-      </button>
-      <button
-        className={classNames(prefix + "__btn", prefix + "__btn-cancel")}
-        onClick={handleCancelClick}
-      >
-        取消
-      </button>
-          </span>
-        ) 
-      }
-    </span>
-  );
-};
-
-export default PasswordInput;

package/src/components/password-input/interface.ts

@@ -1,7 +0,0 @@
-export interface IPasswordInputProps {
-  value: string;
-  onDelete?: Function;
-  onSure?: Function;
-  onCancel?: Function;
-  canDel?: boolean;
-}