@cloudbase/weda-ui 2.0.12 → 2.0.26

package/src/web/components/form/uploaderFile/index.css

@@ -87,7 +87,7 @@
 
 .weda-upload-file-pc .weda-upload-file-pc__btn-descripe {
   margin-left: 16px;
-  font-size: 12px;
+  font-size: 0.75em;
   line-height: 20px;
   color: rgba(0, 0, 0, 0.4);
 }
@@ -103,13 +103,13 @@
 
 .weda-upload-file-pc .weda-upload-file-pc--item {
   display: flex;
-  font-size: 14px;
+  font-size: 0.875em;
 }
 
 .weda-upload-file-pc .weda-upload-file-pc--item-header {
   border: 1px solid #e7e7e7;
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 0.875em;
+  line-height: 1.375em;
   color: rgba(0, 0, 0, 0.4);
   margin-top: 16px;
 }
@@ -117,8 +117,8 @@
 .weda-upload-file-pc .weda-upload-file-pc--item-body {
   border-left: 1px dashed #e7e7e7;
   border-right: 1px dashed #e7e7e7;
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 0.875em;
+  line-height: 1.375em;
   color: rgba(0, 0, 0, 0.9);
 }
 
@@ -166,7 +166,7 @@
   border-color: #dcdcdc;
   color: rgba(0, 0, 0, 0.9);
   width: 88px;
-  font-size: 14px;
+  font-size: 0.875em;
 }
 
 .weda-upload-file-pc
@@ -187,8 +187,8 @@
   .weda-upload-file-pc--item
   .weda-upload-file-pc--item-action
   .wedatea2td-btn {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 0.875em;
+  line-height: 1.375em;
   color: #0052d9;
   margin-right: 12px;
 }
@@ -214,9 +214,9 @@
 .weda-upload-file-pc
   .weda-upload-file-pc--item-empty
   .weda-upload-file-pc--item {
-  font-size: 14px;
+  font-size: 0.875em;
   color: rgba(0, 0, 0, 0.4);
-  line-height: 22px;
+  line-height: 1.375em;
 }
 
 /* ----上传文件----  h5 */
@@ -236,8 +236,8 @@
   padding: 0 20px 8px 20px;
 }
 .weda-upload-file-mobile .weda-upload-file-mobile__title {
-  font-size: 14px;
-  line-height: 20px;
+  font-size: 0.875em;
+  line-height: 1.25em;
   color: #000;
   margin-right: 20px;
   padding-top: 6px;
@@ -246,18 +246,18 @@
 .weda-upload-file-mobile .weda-upload-file-mobile__btn--weak {
   width: 88px;
   padding: 0 16px;
-  font-size: 14px;
+  font-size: 0.875em;
   color: rgba(0, 0, 0, 0.9);
   border: 1px solid #dcdcdc;
   border-radius: 3px;
-  line-height: 22px;
+  line-height: 1.375em;
 }
 
 .weda-upload-file-mobile .weda-upload-file-mobile__tips {
   display: block;
   margin-top: 8px;
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 0.75em;
+  line-height: 1.25em;
   color: rgba(0, 0, 0, 0.4);
 }
 
@@ -331,8 +331,8 @@
 .weda-upload-file-mobile
   .weda-upload-file-mobile__item
   .weda-upload-file-mobile__file-name {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 0.875em;
+  line-height: 1.375em;
   color: rgba(0, 0, 0, 0.9);
   max-width: 6.5rem;
   overflow: hidden;
@@ -373,16 +373,16 @@
   .weda-upload-file-mobile__file-status--msg {
   width: 4.2rem;
   margin-left: 4px;
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 0.75em;
+  line-height: 1.25em;
   color: rgba(0, 0, 0, 0.9);
 }
 
 .weda-upload-file-mobile
   .weda-upload-file-mobile__item
   .weda-upload-file-mobile__file-foot {
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 0.75em;
+  line-height: 1.25em;
   color: rgba(0, 0, 0, 0.4);
   margin-top: 8px;
   display: flex;
@@ -415,6 +415,7 @@
 }
 .weda-upload-file-mobile .weui-uploader-mobile__input {
   position: absolute;
+  font-size: 1em;
   opacity: 0;
   width: 92px;
   height: 32px;

package/src/web/components/form/uploaderFile/uploadFile.h5.tsx

@@ -11,7 +11,6 @@ import {
   Progress,
   Tooltip,
 } from 'tea-component';
-import { v4 } from 'uuid';
 import {
   filterStrList,
   isCloudFileID,
@@ -19,6 +18,7 @@ import {
   transSize,
   downloadFile,
   transFileCloudidToName,
+  randomUuid,
 } from '../../../utils/platform';
 import { getCloudInstance, getTempFileURL } from '../../../utils/tcb';
 import classNames from '../../../utils/classnames';
@@ -78,6 +78,7 @@ export function UploadFileH5({
   const [fileSizeObj, setFileSizeObj] = React.useState({}); // 管理上传文件大小 {uuid:size}
   // 两次默认值不同, 需要刷新
   const prevDefaultRef = React.useRef<any>([]);
+  const fileRef = React.useRef(fileIDList);
   React.useMemo(() => {
     //有有效默认值时不刷新，解决初次渲染默认值不显示问题
     if (
@@ -103,7 +104,10 @@ export function UploadFileH5({
       onChange && onChange(pureFileIDList);
       events?.change?.({ value: pureFileIDList });
     }
-    events?.success?.({ value: pureFileIDList });
+    if (!isObjectEqual(fileRef.current, fileIDList)) {
+      events?.success?.({ value: pureFileIDList });
+      fileRef.current = fileIDList;
+    }
   }, [fileIDList]);
 
   // 外层组件类
@@ -206,13 +210,14 @@ export function UploadFileH5({
                             weui.alert(`请上传不超过1024M的文件`);
                             return false;
                           }
-                          fileList.forEach((f) => (f['_uuid'] = v4()));
+                          fileList.forEach((f) => (f['_uuid'] = randomUuid()));
                           setFileList((list) => [...list, ...fileList]);
                         }}
                       />
                       <a
                         type="weak"
                         className="wedatea2td-btn wedatea2td-btn--weak"
+                        style={{ fontSize: '1em' }}
                       >
                         点击上传
                       </a>
@@ -381,7 +386,7 @@ const TcbFileUpload = ({
     try {
       setStatus('UPLOAD_STATUS_PENDING');
       const { fileID } = await tcb.uploadFile({
-        cloudPath: `${uploadPath}/${uuid.replaceAll('-', '')}-${file?.name}`,
+        cloudPath: `${uploadPath}/${randomUuid()}-${file?.name}`,
         filePath: file,
         onUploadProgress: (progressEvent) => {
           let percent = 0;

package/src/web/components/form/uploaderFile/uploadFile.pc.tsx

@@ -8,7 +8,6 @@ import {
   Text,
   List,
 } from 'tea-component';
-import { v4 } from 'uuid';
 import {
   filterStrList,
   isCloudFileID,
@@ -17,6 +16,7 @@ import {
   downloadFile,
   cutFileTitle,
   transFileCloudidToName,
+  randomUuid,
 } from '../../../utils/platform';
 import { getCloudInstance, getTempFileURL } from '../../../utils/tcb';
 import classNames from '../../../utils/classnames';
@@ -75,6 +75,7 @@ export function UploadFilePc({
   const [fileSizeObj, setFileSizeObj] = React.useState({}); // 管理上传文件大小 {uuid:size}
   // 两次默认值不同, 需要刷新
   const prevDefaultRef = React.useRef<any>([]);
+  const fileRef = React.useRef(fileIDList);
   React.useMemo(() => {
     //有有效默认值时不刷新，解决初次渲染默认值不显示问题
     if (
@@ -96,11 +97,13 @@ export function UploadFilePc({
       const file = pureFileIDList[0] || '';
       onChange?.(file);
       events?.change?.({ value: file });
-      events?.success?.({ value: file });
     } else {
       onChange?.(pureFileIDList);
       events?.change?.({ value: pureFileIDList });
+    }
+    if (!isObjectEqual(fileRef.current, fileIDList)) {
       events?.success?.({ value: pureFileIDList });
+      fileRef.current = fileIDList;
     }
   }, [fileIDList]);
   // 外层组件类
@@ -128,7 +131,7 @@ export function UploadFilePc({
       } catch (e) {}
       return false;
     }
-    file['_uuid'] = v4();
+    file['_uuid'] = randomUuid();
     setFileList((list) => [...list, file]);
     return false;
   };
@@ -352,7 +355,7 @@ const TcbFileUpload = ({ file }: ITcbFileUpload) => {
     try {
       setStatus('0');
       const { fileID } = await tcb.uploadFile({
-        cloudPath: `${uploadPath}/${uuid.replaceAll('-', '')}-${file?.name}`,
+        cloudPath: `${uploadPath}/${randomUuid()}-${file?.name}`,
         filePath: file,
         onUploadProgress: (progressEvent) => {
           let percent = 0;

package/src/web/components/graphicCard/index.css

@@ -81,8 +81,8 @@
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title {
-  font-size: 16px;
-  line-height: 24px;
+  font-size: 1.1428em;
+  line-height: 1.71428em;
   text-align: center;
   color: rgba(0, 0, 0, 0.9);
   display: -webkit-box;
@@ -93,8 +93,8 @@
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: rgba(0, 0, 0, 0.4);
   text-align: center;
   display: -webkit-box;
@@ -105,8 +105,8 @@
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__btn--text {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: #0052d9;
   margin-right: 8px;
 }

package/src/web/components/listView/index.css

@@ -22,8 +22,8 @@
 .weda-list-view__containor .weda-list-view__more .weda-list-view__more-text {
   padding-top: 10px;
   padding-bottom: 14px;
-  font-size: 12px;
-  line-height: 22px;
+  font-size: 0.85714em;
+  line-height: 0.85714em;
   color: rgba(0, 0, 0, 0.4);
   text-align: center;
   box-sizing: border-box;
@@ -81,8 +81,8 @@
 .weda-list-view__containor
   .weda-list-view__more
   .weda-list-view__pagination-next {
-  font-size: 12px;
-  line-height: 24px;
+  font-size: 0.85714em;
+  line-height: 1.71428em;
   color: rgba(0, 0, 0, 0.4);
   padding: 0 24px;
   cursor: pointer;
@@ -105,8 +105,8 @@
   .weda-list-view__pagination-next::after {
   position: absolute;
   content: '';
-  width: 24px;
-  height: 24px;
+  width: 1.71428em;
+  height: 1.71428em;
   top: 10px;
   opacity: 0.2;
   background-image: url(arrow-right-line.svg);
@@ -137,7 +137,7 @@
 .weda-list-view__containor
   .weda-list-view__more
   .weda-list-view__pagination-text {
-  font-size: 12px;
-  line-height: 22px;
+  font-size: 0.85714em;
+  line-height: 1.71428em;
   color: rgba(0, 0, 0, 0.4);
 }

package/src/web/components/lottery/index.tsx

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react';
 import { usePlatform } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import './index.css';
-import { CommonPropsType } from '../../types';
+import type { CommonPropsType } from '../../types';
 import { ConfigProvider } from 'tea-component';
 import LotteryAction from './lotteryUtil';
 

package/src/web/components/navLayout/index.css

@@ -156,36 +156,36 @@
 }
 
 .weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__icon {
-  width: 56px;
-  height: 56px;
+  width: 4em;
+  height: 4em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col
   .weda-grid-navigation__fonticon {
-  font-size: 56px;
+  font-size: 4em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--small
   .weda-grid-navigation__icon {
-  width: 48px;
-  height: 48px;
+  width: 3.428571em;
+  height: 3.428571em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--small
   .weda-grid-navigation__fonticon {
-  font-size: 48px;
+  font-size: 3.428571em;
 }
 
 .weda-grid-navigation
   .weda-grid-navigation__col--big
   .weda-grid-navigation__icon {
-  width: 72px;
-  height: 72px;
+  width: 5.14285em;
+  height: 5.14285em;
 }
 .weda-grid-navigation
   .weda-grid-navigation__col--big
   .weda-grid-navigation__fonticon {
-  font-size: 72px;
+  font-size: 5.14285em;
 }
 
 .weda-grid-navigation .weda-grid-navigation__img {
@@ -194,7 +194,7 @@
 }
 
 .weda-grid-navigation .weda-grid-navigation__col .weda-grid-navigation__text {
-  font-size: 16px;
+  font-size: 1.142857em;
   /* line-height: 24px; */
   text-align: center;
   color: rgba(0, 0, 0, 0.6);
@@ -215,15 +215,15 @@
 .weda-grid-navigation
   .weda-grid-navigation__col--small
   .weda-grid-navigation__text {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.5714em;
 }
 
 .weda-grid-navigation
   .weda-grid-navigation__col--big
   .weda-grid-navigation__text {
-  font-size: 20px;
-  line-height: 28px;
+  font-size: 1.42857em;
+  line-height: 2em;
 }
 
 /* h5 style */
@@ -280,36 +280,36 @@
 .weda-grid-navigation-mobile
   .weda-grid-navigation__col
   .weda-grid-navigation__icon {
-  width: 36px;
-  height: 36px;
+  width: 2.57142em;
+  height: 2.57142em;
 }
 .weda-grid-navigation-mobile
   .weda-grid-navigation__col
   .weda-grid-navigation__fonticon {
-  font-size: 36px;
+  font-size: 2.57142em;
 }
 
 .weda-grid-navigation-mobile
   .weda-grid-navigation__col--small
   .weda-grid-navigation__icon {
-  width: 32px;
-  height: 32px;
+  width: 2.285714em;
+  height: 2.285714em;
 }
 .weda-grid-navigation-mobile
   .weda-grid-navigation__col--small
   .weda-grid-navigation__fonticon {
-  font-size: 32px;
+  font-size: 2.285714em;
 }
 .weda-grid-navigation-mobile
   .weda-grid-navigation__col--big
   .weda-grid-navigation__fonticon {
-  font-size: 40px;
+  font-size: 2.857142em;
 }
 .weda-grid-navigation-mobile
   .weda-grid-navigation__col--big
   .weda-grid-navigation__icon {
-  width: 40px;
-  height: 40px;
+  width: 2.85714em;
+  height: 2.85714em;
 }
 .weda-grid-navigation-mobile
   .weda-grid-navigation__col
@@ -320,8 +320,8 @@
 .weda-grid-navigation-mobile
   .weda-grid-navigation__col--small
   .weda-grid-navigation__text {
-  font-size: 12px;
-  line-height: 20px;
+  font-size: 0.85714em;
+  line-height: 1.42857em;
   margin-top: 4px;
 }
 

package/src/web/components/navigationBar/index.css

@@ -50,8 +50,8 @@
   .wedatea2td-menu__title
   .wedatea2td-menu__title-icon {
   display: block;
-  width: 32px;
-  height: 32px;
+  width: 2.28571em;
+  height: 2.28571em;
   margin-right: 12px;
 }
 
@@ -60,8 +60,8 @@
   .weda-menu__menu-content
   .wedatea2td-menu__title
   .wedatea2td-h2 {
-  font-size: 16px;
-  line-height: 18px;
+  font-size: 1.1428571em;
+  line-height: 1.28571em;
   color: #000000;
   margin-top: 0;
   font-weight: normal;
@@ -85,8 +85,8 @@
   .wedatea2td-menu__body
   .wedatea2td-menu__item
   .wedatea2td-menu__list-icon {
-  width: 20px;
-  height: 20px;
+  width: 1.42857em;
+  height: 1.42857em;
   margin-top: 0;
 }
 
@@ -96,8 +96,8 @@
   .wedatea2td-menu__item
   .wedatea2td-menu__text {
   font-weight: normal;
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: rgba(0, 0, 0, 0.9);
   padding: 0;
 }
@@ -298,7 +298,7 @@
 
 .weda-menu-horizontal .weda-menu__nav .weda-menu__nav-title .weda-menu__title {
   font-weight: normal;
-  font-size: 16px;
+  font-size: 1.14285em;
   line-height: 18px;
   color: #000000;
   margin-left: 12px;
@@ -410,8 +410,8 @@
 
 .weda-menu-horizontal .wedatea2td-dropdown .wedatea2td-dropdown__value {
   font-weight: 400;
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: #000000;
   white-space: nowrap;
 }
@@ -437,8 +437,8 @@
   .weda-menu__dropdown
   .wedatea2td-dropdown__value {
   font-weight: normal;
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.5714em;
   color: #000000;
   padding: 0;
   white-space: nowrap;
@@ -450,7 +450,7 @@
   .wedatea2td-dropdown__header {
   padding-left: 0;
   padding-right: 23px;
-  height: 22px;
+  height: 21.5714em;
 }
 
 .weda-menu-horizontal
@@ -515,8 +515,8 @@
   margin-bottom: 4px;
   color: rgba(0, 0, 0, 0.9);
   font-weight: 400;
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 1em;
+  line-height: 1.5714em;
 }
 
 .weda-menu__dropdown-menu-list .weda-menu__dropdown-list-item:last-child {
@@ -543,7 +543,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 0 20px 0 16px;
-  height: 64px;
+  height: 4.5714em;
   background-color: #fff;
   position: relative;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
@@ -557,8 +557,8 @@
 
 .weda-menu-mobile .weda-menu__bar-main .weda-menu__main-logo {
   font-weight: normal;
-  font-size: 18px;
-  line-height: 18px;
+  font-size: 1.28571em;
+  line-height: 1.28571em;
   color: #000000;
   text-decoration: none;
   display: flex;
@@ -566,8 +566,8 @@
 }
 
 .weda-menu-mobile .weda-menu__bar-main .weda-menu__main-icon {
-  width: 32px;
-  height: 32px;
+  width: 2.2857em;
+  height: 2.2857em;
   margin-right: 12px;
 }
 
@@ -579,8 +579,8 @@
 
 .weda-menu-mobile .weda-menu__bar-extra .weda-menu__bar-btn,
 .weda-menu-mobile .weda-menu__bar-extra .weda-menu__bar-btn--close {
-  width: 24px;
-  height: 24px;
+  width: 1.71428em;
+  height: 1.71428em;
 }
 
 .weda-menu__drawer {
@@ -676,8 +676,8 @@
   .wedatea2td-menu__submenu
   .wedatea2td-menu__list
   .wedatea2td-menu__text {
-  font-size: 16px;
-  line-height: 20px;
+  font-size: 1.14285em;
+  line-height: 1.142857em;
   color: rgba(0, 0, 0, 0.9);
   padding: 0;
   max-width: 100%;
@@ -719,7 +719,7 @@
 .weda-menu__fonticon.lcap-icon,
 .weda-menu__fonticon.t-icon {
   margin: 0 4px 0 0;
-  font-size: 14px;
+  font-size: 1em;
 }
 .weda-menu__fonticon.lcap-icon:hover {
   background-color: unset;

package/src/web/components/richTextView/index.css

@@ -1,3 +1,6 @@
+.weda-RichTextView {
+  font-size: 14px;
+}
 .weda-RichTextView blockquote {
   margin: 0 0 10px;
   padding: 15px 20px;
@@ -17,9 +20,10 @@
   border-radius: 3px;
   color: #666;
   font-family: monospace;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 16px;
+  font-size: 1em;
+  /* font-weight: 400; */
+  font-weight: inherit;
+  line-height: 1.14285px;
   word-wrap: break-word;
   white-space: pre-wrap;
 }

package/src/web/components/tabs/index.css

@@ -11,7 +11,6 @@
   align-items: center;
   background-color: #fff;
   position: relative;
-  font-size: 0;
   white-space: nowrap;
   border-bottom: 1px solid #eee;
   overflow-x: auto;
@@ -30,7 +29,7 @@
   flex-basis: 0;
   flex-grow: 1;
   height: 100%;
-  font-size: 14px;
+  font-size: 1em;
   color: #000;
   box-sizing: border-box;
   padding: 0 16px;

package/src/web/components/wedaVideo/index.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import videojs from 'video.js';
 import 'video.js/dist/video-js.css';
 import './index.css';
-import { usePlatform, isCloudFileID } from '../../utils/platform';
+import { usePlatform, isCloudFileID, isInIde } from '../../utils/platform';
 import { getTempFileURL } from '../../utils/tcb';
 import classNames from '../../utils/classnames';
 import type { CommonPropsType } from '../../types';
@@ -154,9 +154,19 @@ const WedaVideo: React.FC<WedaVideoProps> = ({
         setVideoErrMsg('');
       });
       players.on('error', function () {
-        setVideoErrMsg(
-          `视频资源加载出错，错误信息：${players?.error().message}`
-        );
+        let errorMsg = `视频资源加载出错，错误信息：${
+          players?.error().message
+        }`;
+        let pattern = new RegExp('^(((https?)://)|/resources/)[^\\s]+$');
+        if (
+          isInIde() &&
+          !pattern.test(videoDataSource) &&
+          !isCloudFileID(videoDataSource)
+        ) {
+          errorMsg = '请在预览区查看视频效果';
+        }
+        console.log('player error', errorMsg);
+        setVideoErrMsg(errorMsg);
         setVideoModalStatus(true);
       });
     }