@cloudbase/weda-ui 2.0.12 → 2.0.28

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/navigationBar/index.tsx

@@ -32,6 +32,7 @@ const defaultNavigationBar: {
     showTitle: true,
     title: '菜单标题',
     showLogo: true,
+    logoPath: '',
     logoUrl:
       'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/43d3b2b7-445c-4858-8eb0-50ac5d5cc08e.svg',
     titleFontSize: 18,

package/src/web/components/navigationBar/type.d.ts

@@ -34,7 +34,10 @@ export interface IMenuItem {
    * 图标链接
    */
   iconUrl?: string;
-
+  /**
+   * 图标path
+   */
+  iconPath?: string;
   /**
    * 子菜单
    */
@@ -92,6 +95,10 @@ export interface INavigationStyle {
    * 图标地址
    */
   logoUrl: string;
+  /**
+   * 图标path
+   */
+  logoPath: string;
   /**
    * 标题字号
    */

package/src/web/components/navigationBar/verticalMenu.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Menu } from 'tea-component';
-import { IMenuItem, INavigationStyle } from './type';
+import type { IMenuItem, INavigationStyle } from './type';
 import {
   renderMenuTitle,
   renderLogo,

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);
       });
     }

package/src/web/utils/platform.js

@@ -122,6 +122,20 @@ export const cutFileTitle = (str = '', count = 10) => {
  */
 export const isInIde = () => !!window?.app?.cloud?.IS_WEDA_IDE;
 
+/**
+ * 解析素材资源
+ */
+export const resolveStaticResourceUrl = (path) => {
+  try {
+    // eslint-disable-next-line no-unsafe-optional-chaining
+    const resourceUrl =
+      window?.app?.__internal__?.resolveStaticResourceUrl(path);
+    return resourceUrl;
+  } catch (error) {
+    return '';
+  }
+};
+
 /**
  * cloudid和文件名转换
  */
@@ -141,3 +155,16 @@ const reg =
   /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
 
 export const isUrl = (path) => reg.test(path);
+
+/**
+ * 生成随机数
+ */
+export const randomUuid = () => {
+  var s = [];
+  var hexDigits = '0123456789abcdef';
+  for (var i = 0; i < 32; i++) {
+    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+  }
+  var uuid = s.join('');
+  return uuid;
+};

package/src/web/weda-ui.css

@@ -40,19 +40,13 @@ body .weda-ui {
   background-color: var(--weui-TAG-TEXT-BLUE);
 }
 
-.weda-ui .wedatea2td-form__controls {
-  font-size: 1rem;
-}
-
 @media (min-width: 1024px) {
   .weda-ui .weui-cells {
     /* prettier-ignore */
-    font-size: 14PX;
+    font-size: 1em;
   }
 }
 @media (min-width: 1024px) {
-  .weda-ui .weui-cell {
-  }
   .weui .weui-cell_active:active {
     background-color: unset !important;
   }
@@ -67,14 +61,18 @@ body .weda-ui {
 }
 
 .weda-ui .weui-cell {
-  font-size: 16px; /* 修改默认weui的17为16 */
+  font-size: inherit; /* 要让内联样式生效 */
+}
+
+.weda-ui .weui-cells {
+  font-size: 1em;
 }
 
 .weui-picker a:link:hover {
   text-decoration: none;
 }
 
-.wedatea2td-form.wedatea2td-form--vertical .wedatea2td-form__label label {
+.weda-formcells__pc.vertical .wedatea2td-form__label label {
   width: auto; /* vertcal 情况下label不固定宽度 */
 }
 
@@ -86,3 +84,7 @@ body .weda-ui {
   visibility: visible;
   display: inline;
 }
+
+.weda-ui .wedatea2td-form__controls {
+  font-size: 1em;
+}

package/src/docs/common/format.tsx

@@ -1,115 +0,0 @@
-export interface ICompsConfig {
-  type: String;
-  name: string;
-  title: string;
-  description: string;
-  'x-platforms': string[];
-  default: string;
-  platforms: string;
-  'x-index': number;
-}
-export type TCompsConfig = ICompsConfig;
-
-export const sortBy = (props) => {
-  return function (a, b) {
-    return a[props] - b[props];
-  };
-};
-
-export const objFormat = (args: any, type, origin) => {
-  //判断属性title值是否为拓展写法
-  const uuidReg = /(?<=text)\('(.*)(?=',)/;
-  let transformData: any = [];
-  for (let i in args) {
-    if (type && type == 'event') {
-      transformData.push({
-        name: origin == 'lowCode' ? args[i]?.name : args[i]?.title,
-        title: origin == 'lowCode' ? args[i]?.eventName : args[i]?.name,
-        description: args[i]?.remarks || '-',
-        platforms: args[i]['x-platforms']
-          ? args[i]['x-platforms'].indexOf('MP') > -1
-            ? '小程序端'
-            : args[i]['x-platforms'].indexOf('WEB') > -1
-            ? 'web端'
-            : '兼容三端'
-          : '兼容三端',
-      });
-    } else if (type && type == 'attribute' && args[i].type != 'slot') {
-      if (
-        args[i]?.display == false ||
-        args[i]?.isReactNode == true ||
-        args[i]['x-component'] == 'sub-category-title' ||
-        args[i]['x-component'] == 'Divider'
-      ) {
-        continue;
-      }
-      transformData.push({
-        code: i,
-        title:
-          args[i].title.indexOf('{{') != -1
-            ? args[i]?.title.match(uuidReg)[1]
-            : args[i]?.title,
-        description: args[i]?.remarks || '-',
-        type: args[i]?.type || '-',
-        default: JSON.stringify(args[i]?.default) || '-',
-        'x-index': args[i]['x-index'] ? args[i]['x-index'] : 999999,
-        'x-category': args[i]['x-category']
-          ? args[i]['x-category']
-          : '基础属性',
-      });
-    } else if (type && type == 'slot' && args[i].type == 'slot') {
-      transformData.push({
-        code: i,
-        title: args[i]?.title,
-        description: args[i]?.description || '-',
-      });
-    }
-  }
-
-  if (type && type == 'attribute') transformData.sort(sortBy('x-index'));
-
-  if (type && type == 'attribute') {
-    transformData = groupByType(transformData, 'x-category');
-  }
-  return transformData;
-};
-function groupByType(arr, param) {
-  var map = {};
-  var dest = [];
-  var structureMap = [];
-  var storgeType = [];
-  for (var i = 0; i < arr.length; i++) {
-    var ai = arr[i];
-    if (ai[param] && !map[ai[param]]) {
-      dest.push({
-        name: ai[param],
-        data: [ai],
-      });
-      map[ai[param]] = ai;
-    } else if (!ai[param]) {
-      dest.push({
-        name: '基础属性',
-        data: [ai],
-      });
-      map[ai[param]] = ai;
-    } else {
-      for (var j = 0; j < dest.length; j++) {
-        var dj = dest[j];
-        if (dj.name == ai[param]) {
-          dj.data.push(ai);
-          break;
-        }
-      }
-    }
-  }
-  for (var k = 0; k < dest.length; k++) {
-    if (k == 0 && dest[k]?.name != '基础属性') {
-      storgeType = storgeType.concat(dest[k]?.data);
-      continue;
-    }
-    structureMap = structureMap.concat(dest[k]?.data);
-  }
-
-  storgeType.length != 0 ? structureMap.push(...storgeType) : null;
-  return structureMap;
-}

package/src/docs/common/tableView.css

@@ -1,164 +0,0 @@
-.tableview {
-  width: 700px;
-  table-layout: fixed;
-}
-.tr-width-1 {
-  width: 100px;
-}
-.tr-width-2 {
-  width: 200px;
-}
-.tr-width-3 {
-  width: 300px;
-}
-.tr-width-4 {
-  width: 400px;
-}
-.tr-width-6 {
-  width: 600px;
-}
-.tr-width-7 {
-  width: 700px;
-}
-.custom-table--body-wrapper.is-fixed {
-  overflow-y: hidden;
-}
-
-.custom-table--fixed-wrapper {
-  box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
-
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 800px;
-  background-color: #fff;
-}
-
-.custom-table td,
-.custom-table th {
-  white-space: nowrap;
-  overflow: hidden;
-  height: 42px;
-  padding: 2px !important;
-}
-.custom-table .table {
-  table-layout: fixed;
-  margin-bottom: 0;
-}
-/** 底部边框 */
-.custom-table::after {
-  content: '';
-  display: block;
-  height: 0px;
-  position: relative;
-  top: -1px;
-  border-bottom: 1px solid #ddd;
-}
-/** 右侧边框 */
-.custom-table::before {
-  content: '';
-  display: block;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  border-right: 1px solid #ddd;
-}
-.custom-table th.gutter {
-  width: 15px;
-  padding: 0;
-}
-.tea-table__header {
-  overflow: hidden;
-  margin-bottom: -18px;
-}
-.tea-table__box {
-  border-collapse: collapse;
-  table-layout: fixed;
-  width: 100%;
-  position: relative;
-  border-spacing: 0px;
-}
-.tea-text-overflow,
-.tea-text-truncate {
-  display: flex;
-  vertical-align: middle;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  overflow: hidden;
-}
-.tea-table__header thead {
-  background-color: transparent;
-  border-width: 0px;
-  border-style: initial;
-  border-color: initial;
-  border-image: initial;
-}
-colgroup {
-  display: table-column-group;
-}
-.tea-table__box tr {
-  outline: none 0px;
-  transition: background-color 0.1s linear 0s;
-}
-.tea-table__box th {
-  position: relative;
-  padding: 10px;
-  border-bottom: 1px solid rgb(231, 234, 239);
-}
-.tea-table__box th > div {
-  position: relative;
-  color: rgb(0 0 0 / 77%);
-  padding: 0px;
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 16px;
-  width: 100%;
-  overflow-wrap: break-word;
-  word-break: break-word;
-}
-.tea-table__box tr > td {
-  color: rgb(0 0 0);
-  padding: 10px;
-  vertical-align: middle;
-  font-size: 16px;
-  vertical-align: top;
-}
-.tea-table__box tr > td > code {
-  color: #c7254e;
-  font-size: 85%;
-  border: none;
-}
-.tea-text-overflow,
-.tea-text-truncate {
-  display: flex;
-  vertical-align: middle;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  overflow: hidden;
-}
-table {
-  display: table;
-  border-collapse: separate;
-  box-sizing: border-box;
-  text-indent: initial;
-  border-spacing: 2px;
-  border-color: grey;
-}
-.tea-table__body {
-  border-bottom: 1px solid rgb(207, 213, 222);
-  overflow: auto;
-}
-colgroup {
-  display: table-column-group;
-}
-col {
-  display: table-column;
-}
-.hash-link {
-  opacity: 0;
-  padding-left: 0.5rem;
-  transition: opacity var(--ifm-transition-fast);
-}