@tdesign/uniapp 0.8.0 → 0.8.1

package/dist/form/type.ts

@@ -4,8 +4,8 @@
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
  * */
 
-import type { IsEmailOptions } from 'validator/es/lib/isEmail';
-import type { IsURLOptions } from 'validator/es/lib/isURL';
+import type { IsEmailOptions } from '../common/common';
+import type { IsURLOptions } from '../common/common';
 import type { FormResetEvent, FormSubmitEvent } from '../common/common';
 
 export interface TdFormProps<FormData extends Data = Data> {
@@ -36,7 +36,7 @@ export interface TdFormProps<FormData extends Data = Data> {
   /**
    * 是否显示必填符号（*），默认显示
    */
-  requiredMark?: boolean;
+  requiredMark?: boolean | null;
   /**
    * 表单必填符号（*）显示位置
    */

package/dist/form-item/form-item.css

@@ -49,6 +49,10 @@
   display: flex;
   flex-direction: column;
 }
+.t-form__item__icon {
+  font-size: 48rpx;
+  color: var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
+}
 .t-form--top {
   align-items: center;
 }

package/dist/form-item/form-item.vue

@@ -1,7 +1,7 @@
 <template>
   <view
     :class="classPrefix + ' ' + formItemClass + ' ' + formClass + '--' + dataLabelAlign + ' ' + formItemClass + '__' + name + ' ' + errorClasses + ' ' + tClass"
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
   >
     <view :class="formItemClass + '-wrap ' + formItemClass + '--' + dataLabelAlign + ' ' + tClassWrap">
       <!-- 标签区域 -->
@@ -48,8 +48,7 @@
     <t-icon
       v-if="arrow"
       name="chevron-right"
-      size="24"
-      color="rgba(0, 0, 0, 0.4)"
+      :class="formItemClass + '__icon'"
     />
   </view>
 </template>

package/dist/form-item/type.ts

@@ -37,7 +37,7 @@ export interface TdFormItemProps {
   /**
    * 是否显示必填符号（*），优先级高于 Form.requiredMark
    */
-  requiredMark?: boolean;
+  requiredMark?: boolean | null;
   /**
    * 表单字段校验规则
    */
@@ -45,5 +45,5 @@ export interface TdFormItemProps {
   /**
    * 校验不通过时，是否显示错误提示信息，优先级高于 `Form.showErrorMessage`
    */
-  showErrorMessage?: boolean;
+  showErrorMessage?: boolean | null;
 }

package/dist/grid/README.md

@@ -8,7 +8,9 @@ isComponent: true
 
 ## 引入
 
-可在 `main.ts` 或在需要使用的页面或组件中引入。
+推荐使用 easycom 模式引入组件，配置后无需手动 import 即可直接在模板中使用 `<t-grid />`。详细配置请参考 [快速开始](../getting-started)。
+
+如需手动引入：
 
 ```js
 import TGrid from '@tdesign/uniapp/grid/grid.vue';

package/dist/guide/README.md

@@ -9,7 +9,9 @@ isComponent: true
 
 ## 引入
 
-可在 `main.ts` 或在需要使用的页面或组件中引入。
+推荐使用 easycom 模式引入组件，配置后无需手动 import 即可直接在模板中使用 `<t-guide />`。详细配置请参考 [快速开始](../getting-started)。
+
+如需手动引入：
 
 ```js
 import TGuide from '@tdesign/uniapp/guide/guide.vue';

package/dist/icon/README.md

@@ -9,7 +9,9 @@ isComponent: true
 
 ## 引入
 
-可在 `main.ts` 或在需要使用的页面或组件中引入。
+推荐使用 easycom 模式引入组件，配置后无需手动 import 即可直接在模板中使用 `<t-icon />`。详细配置请参考 [快速开始](../getting-started)。
+
+如需手动引入：
 
 ```js
 import TIcon from '@tdesign/uniapp/icon/icon.vue';
@@ -40,7 +42,7 @@ import TIcon from '@tdesign/uniapp/icon/icon.vue';
 
 #### 准备图标文件
 
-文件后缀应为`.wxss`，如下方代码块所示：
+内容如下方代码块所示：
 
 ```css
 @font-face {
@@ -57,15 +59,16 @@ import TIcon from '@tdesign/uniapp/icon/icon.vue';
   content: '\e64d';
 }
 ```
-- 添加所需图标，下载图标。图标库一般会提供 **在线链接** 或者 **下载至本地** 等使用方式。**在线链接** 方式会指向一个 `.css` 文件，可以下载或复制其内容，将其修改成后缀名为 `.wxss` 的文件
-- 将 `.wxss` 文件中的 `FontClass/Symbol前缀` 与 `Font Family` 两项内容保持一致，如: `FontClass/Symbol` 前缀为 `icon-`，则 `Font Family` 为 `icon`。
 
-> 注：若是采用 `下载至本地` 方式，需关注 `.css` 和 `.ttf` 文件。由于微信小程序不支持处理 `ttf、woff、eot` 等文件，但支持 `base64`，所以需要将 `.ttf` 文件转换为 `base64`  (可借助转换工具，如 [transfonter.org](https://transfonter.org/)，会得到一个 `stylesheet.css` 文件)，然后将 `.css` 文件中的 `@font-face {}` 内容替换为 `stylesheet.css` 中的 `base64` 内容，最后将 `.css` 文件修改后缀为 `.wxss`
+- 添加所需图标，下载图标。图标库一般会提供 **在线链接** 或者 **下载至本地** 等使用方式。**在线链接** 方式会指向一个 `.css` 文件，可以下载或复制其内容。
+- 将 `.css` 文件中的 `FontClass/Symbol前缀` 与 `Font Family` 两项内容保持一致，如: `FontClass/Symbol` 前缀为 `icon-`，则 `Font Family` 为 `icon`。
+
+> 注：若是采用 `下载至本地` 方式，需关注 `.css` 和 `.ttf` 文件。由于微信小程序不支持处理 `ttf、woff、eot` 等文件，但支持 `base64`，所以需要将 `.ttf` 文件转换为 `base64`  (可借助转换工具，如 [transfonter.org](https://transfonter.org/)，会得到一个 `stylesheet.css` 文件)，然后将 `.css` 文件中的 `@font-face {}` 内容替换为 `stylesheet.css` 中的 `base64` 内容。
 
 #### 引入自定义图标
 
-- 全局引入：在项目 `app.wxss`，使用 `@import` 引入上述的 `.wxss` 文件
-- 局部引入：在 `page` 对应的 `.wxss` 中，使用 `@import` 引入上述的 `.wxss` 文件
+- 全局引入：在项目 `App.vue` 或 `main.ts` 等位置，引入上述图标文件
+- 局部引入：在页面/组件对应的样式文件中，引入上述图标文件
 
 #### 自定义图标的使用