@tdesign/uniapp 0.9.0 → 0.9.1

package/dist/dialog/dialog.vue

@@ -216,19 +216,22 @@
   </t-popup>
 </template>
 <script>
-import TPopup from '../popup/popup';
-import TIcon from '../icon/icon';
 import TButton from '../button/button';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+
+import { getFunctionalMixin } from '../common/functional/mixin';
+import { uniComponent } from '../common/src/index';
 import { toCamel, coalesce, toPascal } from '../common/utils';
+import tools from '../common/utils.wxs';
 import { isObject } from '../common/validator';
+import { canUseVirtualHost } from '../common/version';
+import TIcon from '../icon/icon';
 import useCustomNavbar from '../mixins/using-custom-navbar';
-import tools from '../common/utils.wxs';
+import TPopup from '../popup/popup';
+
 import { getActionClass } from './computed.js';
-import { getFunctionalMixin } from '../common/functional/mixin';
-import { canUseVirtualHost } from '../common/version';
+
+import props from './props';
 
 const name = `${prefix}-dialog`;
 

package/dist/dialog/index.js

@@ -1,6 +1,7 @@
-import props from './props';
 import { getInstance } from '../common/utils';
 
+import props from './props';
+
 
 const defaultOptions = {
   actions: [],

package/dist/divider/README.en-US.md

@@ -28,7 +28,7 @@ t-class-content | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-divider-border-width | 2rpx | -
 --td-divider-color | @bg-color-component | -

package/dist/divider/README.md

@@ -54,7 +54,7 @@ t-class-content | 内容样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-divider-border-width | 2rpx | -
 --td-divider-color | @bg-color-component | -

package/dist/divider/divider.vue

@@ -26,11 +26,13 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { uniComponent } from '../common/src/index';
+
 import tools from '../common/utils.wxs';
 
+import props from './props';
+
 
 const name = `${prefix}-divider`;
 

package/dist/draggable/draggable.vue

@@ -10,12 +10,15 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { uniComponent } from '../common/src/index';
+
+
 import { getRect, getWindowInfo } from '../common/utils';
 import tools from '../common/utils.wxs';
 
+import props from './props';
+
 
 const name = `${prefix}-draggable`;
 

package/dist/drawer/README.en-US.md

@@ -38,7 +38,7 @@ title | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-drawer-bg-color | @bg-color-container | -
 --td-drawer-border-color | @border-level-1-color | -

package/dist/drawer/README.md

@@ -66,7 +66,7 @@ title | 自定义 `title` 显示内容
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-drawer-bg-color | @bg-color-container | -
 --td-drawer-border-color | @border-level-1-color | -

package/dist/drawer/drawer.vue

@@ -62,14 +62,16 @@
   </view>
 </template>
 <script>
-import TPopup from '../popup/popup';
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
 import { coalesce } from '../common/utils';
-import props from './props';
-import useCustomNavbar from '../mixins/using-custom-navbar';
+
 import tools from '../common/utils.wxs';
+import TIcon from '../icon/icon';
+import useCustomNavbar from '../mixins/using-custom-navbar';
+import TPopup from '../popup/popup';
+
+import props from './props';
 
 
 const name = `${prefix}-drawer`;

package/dist/dropdown-item/dropdown-item.vue

@@ -117,21 +117,24 @@
 </template>
 <script>
 import TButton from '../button/button';
-import TRadio from '../radio/radio';
-import TRadioGroup from '../radio-group/radio-group';
 import TCheckbox from '../checkbox/checkbox';
 import TCheckboxGroup from '../checkbox-group/checkbox-group';
-import TPopup from '../popup/popup';
 
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+
+import { ChildrenMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
 import { coalesce, getRect, getWindowInfo } from '../common/utils';
-import props from './props';
-import menuProps from '../dropdown-menu/props';
 import tools from '../common/utils.wxs';
-import { getStyles } from './computed';
-import { ChildrenMixin, RELATION_MAP } from '../common/relation';
 import { canUseVirtualHost } from '../common/version';
+import menuProps from '../dropdown-menu/props';
+import TPopup from '../popup/popup';
+import TRadio from '../radio/radio';
+import TRadioGroup from '../radio-group/radio-group';
+
+import { getStyles } from './computed';
+
+import props from './props';
 
 
 const name = `${prefix}-dropdown-item`;
@@ -224,7 +227,7 @@ export default {
             boxSizing: 'border-box',
 
             display: 'grid',
-            gridGap: '0px',
+            gridGap: '0',
 
             gridTemplateColumns: `repeat(${this.optionsColumns}, 1fr)`,
           },
@@ -238,10 +241,10 @@ export default {
             boxSizing: 'border-box',
 
             display: 'grid',
-            gridGap: '12px',
+            gridGap: '24rpx',
 
             gridTemplateColumns: `repeat(${this.optionsColumns}, 1fr)`,
-            padding: '16px',
+            padding: '32rpx',
           },
         ]);
       },

package/dist/dropdown-menu/README.en-US.md

@@ -82,7 +82,7 @@ t-class-footer | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-dropdown-menu-active-color | @brand-color | -
 --td-dropdown-menu-bg-color | @bg-color-container | -

package/dist/dropdown-menu/README.md

@@ -112,7 +112,7 @@ t-class-footer | 底部样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-dropdown-menu-active-color | @brand-color | -
 --td-dropdown-menu-bg-color | @bg-color-container | -

package/dist/dropdown-menu/dropdown-menu.vue

@@ -43,15 +43,17 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+
+import { parseEventDynamicCode } from '../common/event/dynamic';
+import { ParentMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
 import { calcIcon } from '../common/utils';
 import tools from '../common/utils.wxs';
-import { ParentMixin, RELATION_MAP } from '../common/relation';
-import { parseEventDynamicCode } from '../common/event/dynamic';
 import { canUseVirtualHost } from '../common/version';
+import TIcon from '../icon/icon';
+
+import props from './props';
 
 
 const name = `${prefix}-dropdown-menu`;
@@ -166,8 +168,8 @@ export default {
 <style scoped src="./dropdown-menu.css"></style>
 <style scoped>
 :deep(.t-dropdown-menu__icon) {
-  font-size: var(--td-dropdown-menu-icon-size, 20px);
-  padding: 2px;
+  font-size: var(--td-dropdown-menu-icon-size, 48rpx);
+  padding: 4rpx;
   box-sizing: border-box;
   transition: transform 240ms ease;
 }
@@ -175,6 +177,6 @@ export default {
   transform: rotate(180deg);
 }
 :deep(.t-dropdown-menu__icon):not(:empty) {
-  margin-left: 4px;
+  margin-left: 8rpx;
 }
 </style>

package/dist/empty/README.en-US.md

@@ -30,7 +30,7 @@ t-class-image | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-empty-action-margin-top | @spacer-4 | -
 --td-empty-description-color | @text-color-placeholder | -

package/dist/empty/README.md

@@ -62,7 +62,7 @@ t-class-image | 图片样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-empty-action-margin-top | @spacer-4 | -
 --td-empty-description-color | @text-color-placeholder | -

package/dist/empty/empty.vue

@@ -60,14 +60,15 @@
   </view>
 </template>
 <script>
-import TIcon from '../icon/icon';
-import TImage from '../image/image';
-import { uniComponent } from '../common/src/index';
-import props from './props';
 import { prefix } from '../common/config';
+import { uniComponent } from '../common/src/index';
 import { setIcon } from '../common/utils';
 import tools from '../common/utils.wxs';
 import { canUseVirtualHost } from '../common/version';
+import TIcon from '../icon/icon';
+import TImage from '../image/image';
+
+import props from './props';
 
 
 const name = `${prefix}-empty`;

package/dist/fab/README.en-US.md

@@ -32,6 +32,6 @@ name | Description
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-fab-shadow | @shadow-2 | -

package/dist/fab/README.md

@@ -78,6 +78,6 @@ drag-start | `(context: { e: TouchEvent })` | 开始拖拽时触发
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-fab-shadow | @shadow-2 | -

package/dist/fab/fab.vue

@@ -115,13 +115,16 @@
 
 <script>
 import TButton from '../button/button';
-import TDraggable from '../draggable/draggable.vue';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
-import useCustomNavbar from '../mixins/using-custom-navbar';
+import { uniComponent } from '../common/src/index';
+
+
 import { unitConvert, getWindowInfo, calcIcon } from '../common/utils';
 import tools from '../common/utils.wxs';
+import TDraggable from '../draggable/draggable.vue';
+import useCustomNavbar from '../mixins/using-custom-navbar';
+
+import props from './props';
 
 const name = `${prefix}-fab`;
 

package/dist/footer/README.en-US.md

@@ -17,7 +17,7 @@ theme | String | 'text' | `deprecated`。options: text/logo | N
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-footer-link-color | @brand-color | -
 --td-footer-link-dividing-line-color | @text-color-placeholder | -

package/dist/footer/README.md

@@ -47,7 +47,7 @@ theme | String | 'text' | 已废弃。页脚展示类型。可选项：text/logo
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-footer-link-color | @brand-color | -
 --td-footer-link-dividing-line-color | @text-color-placeholder | -

package/dist/footer/footer.vue

@@ -63,11 +63,12 @@
   </view>
 </template>
 <script>
-import TImage from '../image/image';
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+import { uniComponent } from '../common/src/index';
 import tools from '../common/utils.wxs';
+import TImage from '../image/image';
+
+import props from './props';
 
 
 const name = `${prefix}-footer`;
@@ -98,14 +99,14 @@ export default {
     computed: {
       iconCustomStyle() {
         return tools._style({
-          width: 'var(--td-footer-logo-icon-width, 24px)',
-          height: 'var(--td-footer-logo-icon-height, 24px)',
-          marginRight: 'var(--td-footer-logo-icon-margin-right, var(--td-spacer, 8px))',
+          width: 'var(--td-footer-logo-icon-width, 48rpx)',
+          height: 'var(--td-footer-logo-icon-height, 48rpx)',
+          marginRight: 'var(--td-footer-logo-icon-margin-right, var(--td-spacer, 16rpx))',
         });
       },
       titleUrlCustomStyle() {
         return tools._style({
-          width: 'var(--td-footer-logo-title-url-width, 128px)',
+          width: 'var(--td-footer-logo-title-url-width, 256rpx)',
         });
       },
     },

package/dist/form/README.en-US.md

@@ -22,6 +22,7 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 custom-style | Object | - | CSS(Cascading Style Sheets) | N
 colon | Boolean | false | \- | N
+content-align | String | left | options: left/right | N
 data | Object | {} | Typescript: `FormData` | N
 error-message | Object | - | Typescript: `FormErrorMessage` | N
 label-align | String | right | options: left/right/top | N
@@ -59,6 +60,7 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 custom-style | Object | - | CSS(Cascading Style Sheets) | N
 arrow | Boolean | false | \- | N
+content-align | String | - | options: left/right | N
 help | String | - | \- | N
 label | String | '' | \- | N
 label-align | String | - | options: left/right/top | N
@@ -120,7 +122,7 @@ whitespace | String | - | \- | N
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-form-bg-color | @bg-color-container | -
 --td-form-item-border-color | @component-stroke | -

package/dist/form/README.md

@@ -33,6 +33,7 @@ import TFormItem from '@tdesign/uniapp/form-item/form-item.vue';
 -- | -- | -- | -- | --
 custom-style | Object | - | 自定义样式 | N
 colon | Boolean | false | 是否在表单标签字段右侧显示冒号 | N
+content-align | String | left | 表单内容对齐方式：左对齐、右对齐。可选项：left/right | N
 data | Object | {} | 表单数据。TS 类型：`FormData` | N
 error-message | Object | - | 表单错误信息配置，示例：`{ idcard: '请输入正确的身份证号码', max: '字符长度不能超过 ${max}' }`。TS 类型：`FormErrorMessage` | N
 label-align | String | right | 表单字段标签对齐方式：左对齐、右对齐、顶部对齐。可选项：left/right/top | N
@@ -70,6 +71,7 @@ validate | `(params?: FormValidateParams)` | `Promise<FormValidateResult<FormDat
 -- | -- | -- | -- | --
 custom-style | Object | - | 自定义样式 | N
 arrow | Boolean | false | 是否显示右侧箭头 | N
+content-align | String | - | 表单内容对齐方式：左对齐、右对齐，优先级高于 Form.contentAlign。可选项：left/right | N
 help | String | - | 表单项说明内容 | N
 label | String | '' | 字段标签名称 | N
 label-align | String | - | 表单字段标签对齐方式：左对齐、右对齐、顶部对齐。默认使用 Form 的对齐方式，优先级高于 Form.labelAlign。可选项：left/right/top | N
@@ -131,7 +133,7 @@ whitespace | String | - | 值为空格校验不通过时表单项显示文案，
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-form-bg-color | @bg-color-container | -
 --td-form-item-border-color | @component-stroke | -

package/dist/form/form.vue

@@ -8,13 +8,15 @@
 </template>
 <script>
 
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
-import props from './props';
+
 import { ParentMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
 import { coalesce } from '../common/utils';
 import tools from '../common/utils.wxs';
 
+import props from './props';
+
 const name = `${prefix}-form`;
 
 const needValidate = (name, fields) => {

package/dist/form/props.ts

@@ -8,6 +8,15 @@ import type { TdFormProps } from './type';
 export default {
   /** 是否在表单标签字段右侧显示冒号 */
   colon: Boolean,
+  /** 表单内容对齐方式：左对齐、右对齐 */
+  contentAlign: {
+    type: String,
+    default: 'left' as TdFormProps['contentAlign'],
+    validator(val: TdFormProps['contentAlign']): boolean {
+      if (!val) return true;
+      return ['left', 'right'].includes(val);
+    },
+  },
   /** 表单数据 */
   data: {
     type: Object,

package/dist/form/type.ts

@@ -14,6 +14,11 @@ export interface TdFormProps<FormData extends Data = Data> {
    * @default false
    */
   colon?: boolean;
+  /**
+   * 表单内容对齐方式：左对齐、右对齐
+   * @default left
+   */
+  contentAlign?: 'left' | 'right';
   /**
    * 表单数据
    * @default {}

package/dist/form-item/README.en-US.md

@@ -8,6 +8,7 @@ name | type | default | description | required
 -- | -- | -- | -- | --
 custom-style | Object | - | CSS(Cascading Style Sheets) | N
 arrow | Boolean | false | \- | N
+content-align | String | - | options: left/right | N
 help | String | - | \- | N
 label | String | '' | \- | N
 label-align | String | - | options: left/right/top | N
@@ -27,7 +28,7 @@ label | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-form-item-border-color | @component-stroke | -
 --td-form-item-border-left-space | @form-item-vertical-padding | -

package/dist/form-item/README.md

@@ -8,6 +8,7 @@
 -- | -- | -- | -- | --
 custom-style | Object | - | 自定义样式 | N
 arrow | Boolean | false | 是否显示右侧箭头 | N
+content-align | String | - | 表单内容对齐方式：左对齐、右对齐，优先级高于 Form.contentAlign。可选项：left/right | N
 help | String | - | 表单项说明内容 | N
 label | String | '' | 字段标签名称 | N
 label-align | String | - | 表单字段标签对齐方式：左对齐、右对齐、顶部对齐。默认使用 Form 的对齐方式，优先级高于 Form.labelAlign。可选项：left/right/top | N
@@ -27,7 +28,7 @@ label | 自定义 `label` 显示内容
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-form-item-border-color | @component-stroke | -
 --td-form-item-border-left-space | @form-item-vertical-padding | -

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

@@ -60,16 +60,18 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
-import { getRect } from '../common/utils';
 import { prefix } from '../common/config';
-import props from './props';
-import { validateRules, ValidateStatus } from './form-model';
-import TIcon from '../icon/icon.vue';
+
 import { ChildrenMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
+import { getRect } from '../common/utils';
 import tools from '../common/utils.wxs';
-import usingConfig from '../mixins/using-config';
 import { isNumeric } from '../common/validator';
+import TIcon from '../icon/icon.vue';
+import usingConfig from '../mixins/using-config';
+
+import { validateRules, ValidateStatus } from './form-model';
+import props from './props';
 
 const parentComponentName = 'form';
 const componentName = 'form-item';

package/dist/form-item/props.ts

@@ -8,6 +8,14 @@ import type { TdFormItemProps } from './type';
 export default {
   /** 是否显示右侧箭头 */
   arrow: Boolean,
+  /** 表单内容对齐方式：左对齐、右对齐，优先级高于 Form.contentAlign */
+  contentAlign: {
+    type: String,
+    validator(val: TdFormItemProps['contentAlign']): boolean {
+      if (!val) return true;
+      return ['left', 'right'].includes(val);
+    },
+  },
   /** 表单项说明内容 */
   help: {
     type: String,

package/dist/form-item/type.ts

@@ -12,6 +12,10 @@ export interface TdFormItemProps {
    * @default false
    */
   arrow?: boolean;
+  /**
+   * 表单内容对齐方式：左对齐、右对齐，优先级高于 Form.contentAlign
+   */
+  contentAlign?: 'left' | 'right';
   /**
    * 表单项说明内容
    */

package/dist/grid/README.en-US.md

@@ -70,7 +70,7 @@ t-class-text | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-grid-bg-color | @bg-color-container | -
 --td-grid-card-radius | @radius-large | -

package/dist/grid/README.md

@@ -123,7 +123,7 @@ t-class-text | 文本样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-grid-bg-color | @bg-color-container | -
 --td-grid-card-radius | @radius-large | -

package/dist/grid/grid.vue

@@ -22,12 +22,13 @@
   </view>
 </template>
 <script>
-import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
+import { ParentMixin, RELATION_MAP } from '../common/relation';
+import { uniComponent } from '../common/src/index';
+import tools from '../common/utils.wxs';
 import { isObject } from '../common/validator';
+
 import props from './props';
-import tools from '../common/utils.wxs';
-import { ParentMixin, RELATION_MAP } from '../common/relation';
 
 
 const name = `${prefix}-grid`;

package/dist/grid-item/README.en-US.md

@@ -45,7 +45,7 @@ t-class-text | \-
 ### CSS Variables
 
 The component provides the following CSS variables, which can be used to customize styles.
-Name | Default Value | Description 
+Name | Default Value | Description
 -- | -- | --
 --td-grid-item-bg-color | @bg-color-container | -
 --td-grid-item-description-color | @text-color-placeholder | -

package/dist/grid-item/README.md

@@ -45,7 +45,7 @@ t-class-text | 文本样式类
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。
-名称 | 默认值 | 描述 
+名称 | 默认值 | 描述
 -- | -- | --
 --td-grid-item-bg-color | @bg-color-container | -
 --td-grid-item-description-color | @text-color-placeholder | -