@titaui/pc 1.9.45 → 1.9.49

package/src/components/operation-records/style.ts

@@ -1,8 +1,8 @@
-import styled from 'styled-components'
+import styled from "styled-components";
 
 export const OperationRecordWrapper = styled.div`
 
-`
+`;
 export const OperationRecordTotal = styled.div`
   margin-bottom: 8px;
   font-size: 12px;
@@ -22,37 +22,37 @@ export const OperationRecordTotal = styled.div`
       margin-left: 4px;
     }
   }
-`
+`;
 
 export const OperationRecordList = styled.div`
 
-`
+`;
 export const Dd = styled.dd`
   &.one_tkfb {
     .operation__date__container {
       display: none;
     }
   }
-`
+`;
 export const OperationDateYearWrapper = styled.div`
   padding: 5px 0;
   display: flex;
   align-items: center;
   position: relative;
-`
+`;
 
 export const OperationDateYear = styled.div`
   width: 70px;
   height: 20px;
   text-align: center;
   color: #38ba72;
-  background: url(${require('./assets/vane.png')}) no-repeat 0 0;
+  background: url(${require("./assets/vane.png")}) no-repeat 0 0;
 
   span {
     position: relative;
     left: -5px;
   }
-`
+`;
 
 export const OperationDateYearDot = styled.div`
   width: 6px;
@@ -62,7 +62,7 @@ export const OperationDateYearDot = styled.div`
   border: 1px solid #38ba72;
   z-index: 2;
   background: #ffffff;
-`
+`;
 
 export const OperationDateYearLine = styled.div`
   width: 2px;
@@ -73,7 +73,7 @@ export const OperationDateYearLine = styled.div`
   left: 84px;
   top: 17px;
   z-index: 1;
-`
+`;
 
 export const OperationRecordItemWrapper = styled.div`
   margin-left: 70px;
@@ -106,12 +106,12 @@ export const OperationRecordItemWrapper = styled.div`
       display: none;
     }
   }
-`
+`;
 export const OperationContentWrapper = styled.div`
   width: calc(100% - 30px);
   margin-left: 30px;
   /* display: flex; */
-`
+`;
 export const OperationPublisher = styled.div`
   float: left;
   max-width: 100px;
@@ -121,12 +121,12 @@ export const OperationPublisher = styled.div`
   text-overflow: ellipsis;
   color: #3a4247;
   white-space: nowrap;
-`
+`;
 export const OperationContent = styled.div`
   word-break: break-all;
   word-wrap: break-word;
   overflow:hidden;
-`
+`;
 
 export const OperationRecordItemDate = styled.div`
   min-width: 70px;
@@ -140,7 +140,7 @@ export const OperationRecordItemDate = styled.div`
   .date-time {
       color: #3a4247;
     }
-`
+`;
 
 export const OperationRecordItemDot = styled.div`
   width: 6px;
@@ -151,7 +151,7 @@ export const OperationRecordItemDot = styled.div`
   top: 6px;
   left: 12px;
   z-index: 2;
-`
+`;
 export const OperationRecordItemLine = styled.div`
   width: 2px;
   height: 100%;
@@ -160,4 +160,4 @@ export const OperationRecordItemLine = styled.div`
   top: 12px;
   left: 14px;
   z-index: 1;
-`
+`;

package/src/components/pagination/index.tsx

@@ -1,3 +1,3 @@
-import Pagination from './pagination'
+import Pagination from "./pagination";
 
-export default Pagination;
+export default Pagination;

package/src/components/pagination/locale/en_US.js

@@ -1,16 +1,16 @@
 export default {
   // Options.jsx
-  items_per_page: '/ page',
-  jump_to: 'Go to',
-  jump_to_confirm: 'confirm',
-  page: 'Page',
+  items_per_page: "/ page",
+  jump_to: "Go to",
+  jump_to_confirm: "confirm",
+  page: "Page",
 
   // Pagination.jsx
-  prev_page: 'Previous Page',
-  next_page: 'Next Page',
-  prev_5: 'Previous 5 Pages',
-  next_5: 'Next 5 Pages',
-  prev_3: 'Previous 3 Pages',
-  next_3: 'Next 3 Pages',
-  page_size: 'Page Size',
+  prev_page: "Previous Page",
+  next_page: "Next Page",
+  prev_5: "Previous 5 Pages",
+  next_5: "Next 5 Pages",
+  prev_3: "Previous 3 Pages",
+  next_3: "Next 3 Pages",
+  page_size: "Page Size",
 };

package/src/components/pagination/locale/zh_CN.js

@@ -1,16 +1,16 @@
 export default {
   // Options.jsx
-  items_per_page: '条/页',
-  jump_to: '跳至',
-  jump_to_confirm: '确定',
-  page: '页',
+  items_per_page: "条/页",
+  jump_to: "跳至",
+  jump_to_confirm: "确定",
+  page: "页",
 
   // Pagination.jsx
-  prev_page: '上一页',
-  next_page: '下一页',
-  prev_5: '向前 5 页',
-  next_5: '向后 5 页',
-  prev_3: '向前 3 页',
-  next_3: '向后 3 页',
-  page_size: '页码',
+  prev_page: "上一页",
+  next_page: "下一页",
+  prev_5: "向前 5 页",
+  next_5: "向后 5 页",
+  prev_3: "向前 3 页",
+  next_3: "向后 3 页",
+  page_size: "页码",
 };

package/src/components/pagination/pagination.tsx

@@ -1,36 +1,36 @@
-import React from 'react';
-import classnames from 'classnames';
-import Pagination, { PaginationProps } from 'rc-pagination';
-import Select from 'rc-select';
-import 'rc-pagination/assets/index.css';
-import './index.scss';
-import './select.scss';
-import { isEn } from '../../utils/getLocale';
-import zh_CN from './locale/zh_CN';
-import en_US from './locale/en_US';
+import React from "react";
+import classnames from "classnames";
+import Pagination, { PaginationProps } from "rc-pagination";
+import Select from "rc-select";
+import "rc-pagination/assets/index.css";
+import "./index.scss";
+import "./select.scss";
+import { isEn } from "../../utils/getLocale";
+import zh_CN from "./locale/zh_CN";
+import en_US from "./locale/en_US";
 
 interface Props extends PaginationProps {
-  size?: 'md' | 'sm';
+  size?: "md" | "sm";
 }
 
-export default (props: Props) => {
+export default function (props: Props) {
   const {
     className,
-    size = 'md',
+    size = "md",
     ...restProps
   } = props;
 
   const itemRender = (current, type, element) => {
-    if (type === 'page') {
+    if (type === "page") {
       return <a className="titaui-pagination-item_text">{current}</a>;
     }
-    if (type === 'prev') {
+    if (type === "prev") {
       return <a className="titaui-pagination-item_text tu-icon tu-icon-left" />;
     }
-    if (type === 'next') {
+    if (type === "next") {
       return <a className="titaui-pagination-item_text tu-icon tu-icon-APP-xi" />;
     }
-    if (type === 'jump-prev') {
+    if (type === "jump-prev") {
       return (
         <a className="titaui-pagination-jump-icon">
           <span className="tu-icons tu-icon-double-left" />
@@ -38,7 +38,7 @@ export default (props: Props) => {
         </a>
       );
     }
-    if (type === 'jump-next') {
+    if (type === "jump-next") {
       return (
         <a className="titaui-pagination-jump-icon">
           <span className="tu-icons tu-icon-double-right" />
@@ -61,11 +61,11 @@ export default (props: Props) => {
       selectComponentClass={Select}
       selectPrefixCls="titaui-pagination__select"
       showLessItems={false}
-      showQuickJumper={true}
-      showSizeChanger={true}
+      showQuickJumper
+      showSizeChanger
       showTitle={false}
       locale={isEn ? en_US : zh_CN}
       {...restProps}
     />
   );
-};
+}

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

@@ -1,20 +1,20 @@
-import React from 'react';
+import React from "react";
 
-export default () => {
+export default function () {
   return (
     <svg width="16px" height="16px" viewBox="0 0 16 16">
       <title>隐藏</title>
       <g
         id="企业微信"
         stroke="none"
-        stroke-width="1"
+        strokeWidth="1"
         fill="none"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       >
         <g
           id="5、交互说明"
           transform="translate(-973.000000, -390.000000)"
-          fill-rule="nonzero"
+          fillRule="nonzero"
         >
           <g id="邮箱登录" transform="translate(621.000000, 378.000000)">
             <g id="隐藏" transform="translate(352.000000, 12.000000)">
@@ -26,16 +26,16 @@ export default () => {
                 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,20 +1,20 @@
-import React from 'react';
+import React from "react";
 
-export default () => {
+export default function () {
   return (
     <svg width="16px" height="16px" viewBox="0 0 16 16">
       <title>查看</title>
       <g
         id="企业微信"
         stroke="none"
-        stroke-width="1"
+        strokeWidth="1"
         fill="none"
-        fill-rule="evenodd"
+        fillRule="evenodd"
       >
         <g
           id="2、公众号关注后-创建新用户"
           transform="translate(-1122.000000, -515.000000)"
-          fill-rule="nonzero"
+          fillRule="nonzero"
         >
           <g id="邮箱登录" transform="translate(738.000000, 242.000000)">
             <g id="手机号" transform="translate(32.000000, 261.000000)">
@@ -27,12 +27,12 @@ export default () => {
                   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>
@@ -40,4 +40,4 @@ export default () => {
       </g>
     </svg>
   );
-};
+}

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

@@ -1,4 +1,6 @@
-import React, { FC, useState, useEffect, useRef } from "react";
+import React, {
+  FC, useState, useEffect, useRef,
+} from "react";
 import classNames from "classnames";
 import { IPasswordInputProps } from "./interface";
 // @ts-ignore
@@ -15,12 +17,12 @@ const PasswordInput: FC<IPasswordInputProps> = ({
   onCancel,
   onSure,
   onDelete,
-  canDel = true
+  canDel = true,
 }) => {
   const [showValue, setShowValue] = useState(false);
   const [inputValue, setInputValue] = useState(value);
   const [isFocus, setIsFocus] = useState(false);
-  const inputRef = useRef(document.createElement('input'));
+  const inputRef = useRef(document.createElement("input"));
 
   const handleValueVisibleChangeClick = () => {
     setShowValue(!showValue);
@@ -38,18 +40,18 @@ const PasswordInput: FC<IPasswordInputProps> = ({
 
   const handleDeleteClick = () => {
     onDelete && onDelete();
-  }
+  };
 
   const handleInputChange = (e) => {
     setInputValue(e.target.value);
-  }
+  };
 
   const handleInputClick = () => {
     setIsFocus(true);
-    setTimeout(()=> {
-      inputRef.current.setSelectionRange(99999,99999);
-    }, 0)
-  }
+    setTimeout(() => {
+      inputRef.current.setSelectionRange(99999, 99999);
+    }, 0);
+  };
 
   useEffect(() => {
     setInputValue(value);
@@ -58,33 +60,37 @@ const PasswordInput: FC<IPasswordInputProps> = ({
   return (
     <span className={classNames(prefix)}>
       <input
-        className={classNames(prefix + "__input")}
-        type={showValue ? 'text' : 'password'}
+        className={classNames(`${prefix}__input`)}
+        type={showValue ? "text" : "password"}
         value={inputValue}
         ref={inputRef}
         onChange={handleInputChange}
         onFocus={handleInputClick}
       />
       <span
-        className={classNames(prefix + "__visible")}
+        className={classNames(`${prefix}__visible`)}
         onClick={handleValueVisibleChangeClick}
       >
         {showValue ? <OpenEye /> : <CloseEye />}
       </span>
-      {!isFocus && canDel && value && <i className={classNames("tu-icon-del", prefix + "__delete")} onClick={handleDeleteClick}/>}
+      {!isFocus && canDel && value && <i className={classNames("tu-icon-del", `${prefix}__delete`)} onClick={handleDeleteClick} />}
       {
         isFocus && (
           <span>
             <button
-              className={classNames(prefix + "__btn", prefix + "__btn-sure")}
+              className={classNames(`${prefix}__btn`, `${prefix}__btn-sure`)}
               onClick={handleSureClick}
-            >{getLocale('Mod_Save')}</button>
+            >
+              {getLocale("Mod_Save")}
+            </button>
             <button
-              className={classNames(prefix + "__btn", prefix + "__btn-cancel")}
+              className={classNames(`${prefix}__btn`, `${prefix}__btn-cancel`)}
               onClick={handleCancelClick}
-            >{getLocale('Mod_Cancel')}</button>
+            >
+              {getLocale("Mod_Cancel")}
+            </button>
           </span>
-        ) 
+        )
       }
     </span>
   );

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

@@ -4,4 +4,4 @@ export interface IPasswordInputProps {
   onSure?: Function;
   onCancel?: Function;
   canDel?: boolean;
-}
+}