@tdesign/uniapp 0.7.1 → 0.7.3

package/dist/dialog/dialog.vue

@@ -118,39 +118,39 @@
             </t-button>
           </template>
           <slot name="actions" />
-          <template v-if="_cancel">
+          <template v-if="innerCancel">
             <t-button
-              :t-id="_cancel.tId"
-              :custom-style="_cancel.style"
-              :block="_cancel.block"
-              :t-class="_cancel.tClass"
-              :class="_cancel.class"
-              :disabled="_cancel.disabled"
+              :t-id="innerCancel.tId"
+              :custom-style="innerCancel.style"
+              :block="innerCancel.block"
+              :t-class="innerCancel.tClass"
+              :class="innerCancel.class"
+              :disabled="innerCancel.disabled"
               :data-type="'cancel'"
-              :data-extra="_cancel.index"
-              :custom-dataset="_cancel.customDataset"
-              :content="_cancel.content"
-              :icon="_cancel.icon"
-              :loading="_cancel.loading"
-              :loading-props="_cancel.loadingProps"
-              :theme="_cancel.theme"
-              :ghost="_cancel.ghost"
-              :shape="_cancel.shape"
-              :size="_cancel.size"
-              :variant="_cancel.variant"
-              :open-type="_cancel.openType"
-              :hover-class="_cancel.hoverClass"
-              :hover-stop-propagation="_cancel.hoverStopPropagation"
-              :hover-start-time="_cancel.hoverStartTime"
-              :hover-stay-time="_cancel.hoverStayTime"
-              :lang="_cancel.lang"
-              :session-from="_cancel.sessionFrom"
-              :send-message-title="_cancel.sendMessageTitle"
-              :send-message-path="_cancel.sendMessagePath"
-              :send-message-img="_cancel.sendMessageImg"
-              :app-parameter="_cancel.appParameter"
-              :show-message-card="_cancel.showMessageCard"
-              :aria-label="_cancel.ariaLabel"
+              :data-extra="innerCancel.index"
+              :custom-dataset="innerCancel.customDataset"
+              :content="innerCancel.content"
+              :icon="innerCancel.icon"
+              :loading="innerCancel.loading"
+              :loading-props="innerCancel.loadingProps"
+              :theme="innerCancel.theme"
+              :ghost="innerCancel.ghost"
+              :shape="innerCancel.shape"
+              :size="innerCancel.size"
+              :variant="innerCancel.variant"
+              :open-type="innerCancel.openType"
+              :hover-class="innerCancel.hoverClass"
+              :hover-stop-propagation="innerCancel.hoverStopPropagation"
+              :hover-start-time="innerCancel.hoverStartTime"
+              :hover-stay-time="innerCancel.hoverStayTime"
+              :lang="innerCancel.lang"
+              :session-from="innerCancel.sessionFrom"
+              :send-message-title="innerCancel.sendMessageTitle"
+              :send-message-path="innerCancel.sendMessagePath"
+              :send-message-img="innerCancel.sendMessageImg"
+              :app-parameter="innerCancel.appParameter"
+              :show-message-card="innerCancel.showMessageCard"
+              :aria-label="innerCancel.ariaLabel"
               @click="onCancel($event, { type: 'action', extra: 0 })"
               @getuserinfo="onCancel($event, { type: 'action', extra: 0 })"
               @contact="onCancel($event, { type: 'action', extra: 0 })"
@@ -160,43 +160,43 @@
               @launchapp="onCancel($event, { type: 'action', extra: 0 })"
               @agreeprivacyauthorization="onCancel($event, { type: 'action', extra: 0 })"
             >
-              <slot v-if="_cancel.useDefaultSlot || false" />
+              <slot v-if="innerCancel.useDefaultSlot || false" />
             </t-button>
           </template>
           <slot name="cancel-btn" />
-          <template v-if="_confirm">
+          <template v-if="innerConfirm">
             <t-button
-              :t-id="_confirm.tId"
-              :custom-style="_confirm.style"
-              :block="_confirm.block"
-              :t-class="_confirm.tClass"
-              :class="_confirm.class"
-              :disabled="_confirm.disabled"
+              :t-id="innerConfirm.tId"
+              :custom-style="innerConfirm.style"
+              :block="innerConfirm.block"
+              :t-class="innerConfirm.tClass"
+              :class="innerConfirm.class"
+              :disabled="innerConfirm.disabled"
               :data-type="'confirm'"
-              :data-extra="_confirm.index"
-              :custom-dataset="_confirm.customDataset"
-              :content="_confirm.content"
-              :icon="_confirm.icon"
-              :loading="_confirm.loading"
-              :loading-props="_confirm.loadingProps"
-              :theme="_confirm.theme || 'primary'"
-              :ghost="_confirm.ghost"
-              :shape="_confirm.shape"
-              :size="_confirm.size"
-              :variant="_confirm.variant"
-              :open-type="_confirm.openType"
-              :hover-class="_confirm.hoverClass"
-              :hover-stop-propagation="_confirm.hoverStopPropagation"
-              :hover-start-time="_confirm.hoverStartTime"
-              :hover-stay-time="_confirm.hoverStayTime"
-              :lang="_confirm.lang"
-              :session-from="_confirm.sessionFrom"
-              :send-message-title="_confirm.sendMessageTitle"
-              :send-message-path="_confirm.sendMessagePath"
-              :send-message-img="_confirm.sendMessageImg"
-              :app-parameter="_confirm.appParameter"
-              :show-message-card="_confirm.showMessageCard"
-              :aria-label="_confirm.ariaLabel"
+              :data-extra="innerConfirm.index"
+              :custom-dataset="innerConfirm.customDataset"
+              :content="innerConfirm.content"
+              :icon="innerConfirm.icon"
+              :loading="innerConfirm.loading"
+              :loading-props="innerConfirm.loadingProps"
+              :theme="innerConfirm.theme || 'primary'"
+              :ghost="innerConfirm.ghost"
+              :shape="innerConfirm.shape"
+              :size="innerConfirm.size"
+              :variant="innerConfirm.variant"
+              :open-type="innerConfirm.openType"
+              :hover-class="innerConfirm.hoverClass"
+              :hover-stop-propagation="innerConfirm.hoverStopPropagation"
+              :hover-start-time="innerConfirm.hoverStartTime"
+              :hover-stay-time="innerConfirm.hoverStayTime"
+              :lang="innerConfirm.lang"
+              :session-from="innerConfirm.sessionFrom"
+              :send-message-title="innerConfirm.sendMessageTitle"
+              :send-message-path="innerConfirm.sendMessagePath"
+              :send-message-img="innerConfirm.sendMessageImg"
+              :app-parameter="innerConfirm.appParameter"
+              :show-message-card="innerConfirm.showMessageCard"
+              :aria-label="innerConfirm.ariaLabel"
               @click="onConfirm($event, { type: 'action', extra: 0 })"
               @getuserinfo="onConfirm($event, { type: 'action', extra: 0 })"
               @contact="onConfirm($event, { type: 'action', extra: 0 })"
@@ -206,7 +206,7 @@
               @launchapp="onConfirm($event, { type: 'action', extra: 0 })"
               @agreeprivacyauthorization="onConfirm($event, { type: 'action', extra: 0 })"
             >
-              <slot v-if="_confirm.useDefaultSlot || false" />
+              <slot v-if="innerConfirm.useDefaultSlot || false" />
             </t-button>
           </template>
           <slot name="confirm-btn" />
@@ -222,7 +222,7 @@ import TButton from '../button/button';
 import { uniComponent } from '../common/src/index';
 import { prefix } from '../common/config';
 import props from './props';
-import { toCamel, coalesce } from '../common/utils';
+import { toCamel, coalesce, toPascal } from '../common/utils';
 import { isObject } from '../common/validator';
 import useCustomNavbar from '../mixins/using-custom-navbar';
 import tools from '../common/utils.wxs';
@@ -261,8 +261,8 @@ export default uniComponent({
       buttonVariant: 'text',
       tools,
 
-      _confirm: null,
-      _cancel: null,
+      innerConfirm: null,
+      innerCancel: null,
       useVirtualHost: canUseVirtualHost(),
     };
   },
@@ -320,13 +320,14 @@ export default uniComponent({
         if (key === 'cancel' && rect.buttonVariant === 'base') {
           base.theme = 'light';
         }
+        const parsedKey = `inner${toPascal(key)}`;
 
         if (typeof btn === 'string') {
-          rect[`_${key}`] = { ...base, content: btn };
+          rect[`${parsedKey}`] = { ...base, content: btn };
         } else if (btn && typeof btn === 'object') {
-          rect[`_${key}`] = { ...base, ...btn };
+          rect[`${parsedKey}`] = { ...base, ...btn };
         } else {
-          rect[`_${key}`] = null;
+          rect[`${parsedKey}`] = null;
         }
       });
 
@@ -417,6 +418,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './dialog.css';
-</style>
+<style scoped src="./dialog.css"></style>

package/dist/divider/divider.vue

@@ -74,6 +74,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './divider.css';
-</style>
+<style scoped src="./divider.css"></style>

package/dist/draggable/draggable.vue

@@ -87,6 +87,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './draggable.css';
-</style>
+<style scoped src="./draggable.css"></style>

package/dist/drawer/drawer.vue

@@ -134,9 +134,7 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './drawer.css';
-</style>
+<style scoped src="./drawer.css"></style>
 <style>
 .t-drawer__sidebar {
   width: 100%;

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

@@ -386,9 +386,7 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './dropdown-item.css';
-</style>
+<style scoped src="./dropdown-item.css"></style>
 <style scoped>
 .t-dropdown-item__scroll {
   width: 100%;

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

@@ -29,21 +29,21 @@
       </view>
 
       <block
-        v-if="_arrowIcon"
+        v-if="iArrowIcon"
         name="icon"
       >
         <t-icon
-          :custom-style="_arrowIcon.style || ''"
+          :custom-style="iArrowIcon.style || ''"
           :t-class="getIconTClass(index)"
           :class="getIconClass(index)"
-          :prefix="_arrowIcon.prefix"
-          :name="_arrowIcon.name"
-          :size="_arrowIcon.size"
-          :color="_arrowIcon.color"
+          :prefix="iArrowIcon.prefix"
+          :name="iArrowIcon.name"
+          :size="iArrowIcon.size"
+          :color="iArrowIcon.color"
           :aria-hidden="true"
-          :aria-label="_arrowIcon.ariaLabel"
-          :aria-role="_arrowIcon.ariaRole"
-          @click="_arrowIcon.click || ''"
+          :aria-label="iArrowIcon.ariaLabel"
+          :aria-role="iArrowIcon.ariaRole"
+          @click="iArrowIcon.click || ''"
         />
       </block>
     </view>
@@ -91,7 +91,7 @@ export default uniComponent({
       menus: null,
       activeIdx: -1,
       bottom: 0,
-      _arrowIcon: {
+      iArrowIcon: {
         name: props.arrowIcon.default,
       },
       tools,
@@ -100,7 +100,7 @@ export default uniComponent({
   watch: {
     arrowIcon: {
       handler(v) {
-        this._arrowIcon = calcIcon(v);
+        this.iArrowIcon = calcIcon(v);
       },
       immediate: true,
     },
@@ -169,9 +169,7 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './dropdown-menu.css';
-</style>
+<style scoped src="./dropdown-menu.css"></style>
 <style scoped>
 :deep(.t-dropdown-menu__icon) {
   font-size: var(--td-dropdown-menu-icon-size, 20px);

package/dist/empty/empty.vue

@@ -135,6 +135,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './empty.css';
-</style>
+<style scoped src="./empty.css"></style>

package/dist/fab/fab.vue

@@ -233,6 +233,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './fab.css';
-</style>
+<style scoped src="./fab.css"></style>

package/dist/footer/footer.vue

@@ -112,6 +112,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './footer.css';
-</style>
+<style scoped src="./footer.css"></style>

package/dist/form/form.vue

@@ -282,6 +282,4 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './form.css';
-</style>
+<style scoped src="./form.css"></style>

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

@@ -5,8 +5,8 @@
   align-items: flex-start;
   justify-content: var(--td-form-item-justify-content, space-between);
   width: 100%;
-  padding: var(--td-form-item-horizontal-padding, 32rpx) var(--td-form-item-vertical-padding, 32rpx);
-  background-color: #ffffff;
+  padding: var(--td-form-item-vertical-padding, 32rpx) var(--td-form-item-horizontal-padding, 32rpx);
+  background-color: var(--td-form-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
   --td-input-vertical-padding: 0rpx;
   --td-textarea-vertical-padding: 0rpx;
   --td-textarea-horizontal-padding: 0rpx;
@@ -60,13 +60,6 @@
 .t-form-item__controls {
   flex: 1;
   width: 100%;
-  margin-top: 8rpx;
-}
-.t-form-item__controls--left {
-  text-align: left;
-}
-.t-form-item__controls--right {
-  text-align: right;
 }
 .t-form-item__controls-content {
   width: 100%;
@@ -74,11 +67,23 @@
   align-items: center;
   justify-content: space-between;
 }
+.t-form-item__controls-content--left {
+  justify-content: flex-start;
+}
+.t-form-item__controls-content--right {
+  justify-content: flex-end;
+}
 .t-form-item__help {
-  font-size: var(--td-font-size-m, 32rpx);
-  color: var(--td-font-gray-1, rgba(0, 0, 0, 0.9));
+  font-size: var(--td-font-size-s, 24rpx);
+  color: var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
   line-height: 1.4;
 }
+.t-form-item__help--left {
+  text-align: left;
+}
+.t-form-item__help--right {
+  text-align: right;
+}
 .t-form-item__desc-link {
   margin-top: 8rpx;
   color: var(--td-primary-color-7, #0052d9);

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

@@ -169,13 +169,10 @@ export default uniComponent({
   created() {
     // this.initFormItem();
   },
-  onBeforeUnmount() {
+  beforeUnmount() {
     if (this.form) {
       this.form.unregisterChild(this.name);
     }
-  },
-  mounted() {
-
   },
   methods: {
     innerAfterLinked() {
@@ -391,6 +388,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './form-item.css';
-</style>
+<style scoped src="./form-item.css"></style>

package/dist/grid/grid.vue

@@ -89,6 +89,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './grid.css';
-</style>
+<style scoped src="./grid.css"></style>

package/dist/grid-item/grid-item.vue

@@ -281,9 +281,7 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './grid-item.css';
-</style>
+<style scoped src="./grid-item.css"></style>
 <style scoped>
 .t-grid-item__content--left {
   width: 100%;

package/dist/guide/content.vue

@@ -320,6 +320,4 @@ export default {
   },
 };
 </script>
-<style scoped>
-@import './guide.css';
-</style>
+<style scoped src="./guide.css"></style>

package/dist/guide/guide.vue

@@ -270,7 +270,6 @@ export default uniComponent({
       classPrefix: name,
       visible: false,
       iCurrent: -1,
-      _steps: [],
       referenceStyle: '',
       popoverStyle: '',
       title: '',
@@ -301,7 +300,7 @@ export default uniComponent({
   },
   created() {
     that = this;
-    this._getPlacement = this.getPlacement();
+    this.getPlacementResult = this.getPlacement();
   },
   mounted() {
     this.innerInit();
@@ -341,7 +340,6 @@ export default uniComponent({
           width: `${referenceWidth}px`,
           height: `${referenceHeight}px`,
         };
-        this._steps = this.steps;
         this.visible = true;
         this.referenceStyle = styles(style);
         this.title = coalesce(step.title, '');
@@ -351,7 +349,6 @@ export default uniComponent({
         const popoverStyle = await this.placementOffset(step, style);
         this.popoverStyle = popoverStyle;
       } else {
-        this._steps = this.steps;
         this.visible = true;
         this.title = coalesce(step.title, '');
         this.body = coalesce(step.body, '');
@@ -361,7 +358,7 @@ export default uniComponent({
     async placementOffset({ placement, offset }, place) {
       await nextTick();
       const rect = await getRect(this, `.${name}__container`);
-      const style = this._getPlacement[placement]?.(rect, place, offset);
+      const style = this.getPlacementResult[placement]?.(rect, place, offset);
       return styles({ position: 'absolute', ...style });
     },
     makeButtonProps(step, mode) {
@@ -520,9 +517,7 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './guide.css';
-</style>
+<style scoped src="./guide.css"></style>
 <style scoped lang="less">
 .t-guide__footer--dialog {
   // 适配 QQ 小程序等

package/dist/icon/icon.vue

@@ -116,6 +116,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './icon.css';
-</style>
+<style scoped src="./icon.css"></style>

package/dist/image/image.vue

@@ -202,6 +202,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './image.css';
-</style>
+<style scoped src="./image.css"></style>

package/dist/image-viewer/image-viewer.vue

@@ -62,20 +62,20 @@
         >
           <slot name="close-btn" />
           <block
-            v-if="_closeBtn"
+            v-if="iCloseBtn"
             name="icon"
           >
             <t-icon
-              :custom-style="_closeBtn.style || ''"
-              :t-class="_closeBtn.tClass"
-              :prefix="_closeBtn.prefix"
-              :name="_closeBtn.name"
-              :size="_closeBtn.size"
-              :color="_closeBtn.color"
-              :aria-hidden="!!_closeBtn.ariaHidden"
-              :aria-label="_closeBtn.ariaLabel"
-              :aria-role="_closeBtn.ariaRole"
-              @click="_closeBtn.click || ''"
+              :custom-style="iCloseBtn.style || ''"
+              :t-class="iCloseBtn.tClass"
+              :prefix="iCloseBtn.prefix"
+              :name="iCloseBtn.name"
+              :size="iCloseBtn.size"
+              :color="iCloseBtn.color"
+              :aria-hidden="!!iCloseBtn.ariaHidden"
+              :aria-label="iCloseBtn.ariaLabel"
+              :aria-role="iCloseBtn.ariaRole"
+              @click="iCloseBtn.click || ''"
             />
           </block>
         </view>
@@ -93,17 +93,17 @@
         >
           <slot name="delete-btn" />
           <t-icon
-            v-if="_deleteBtn"
-            :custom-style="_deleteBtn.style || ''"
-            :t-class="_deleteBtn.tClass"
-            :prefix="_deleteBtn.prefix"
-            :name="_deleteBtn.name"
-            :size="_deleteBtn.size"
-            :color="_deleteBtn.color"
-            :aria-hidden="!!_deleteBtn.ariaHidden"
-            :aria-label="_deleteBtn.ariaLabel"
-            :aria-role="_deleteBtn.ariaRole"
-            @click="_deleteBtn.click || ''"
+            v-if="iDeleteBtn"
+            :custom-style="iDeleteBtn.style || ''"
+            :t-class="iDeleteBtn.tClass"
+            :prefix="iDeleteBtn.prefix"
+            :name="iDeleteBtn.name"
+            :size="iDeleteBtn.size"
+            :color="iDeleteBtn.color"
+            :aria-hidden="!!iDeleteBtn.ariaHidden"
+            :aria-label="iDeleteBtn.ariaLabel"
+            :aria-role="iDeleteBtn.ariaRole"
+            @click="iDeleteBtn.click || ''"
           />
         </view>
       </view>
@@ -157,8 +157,8 @@ export default uniComponent({
       maskTop: 0,
       tools,
 
-      _deleteBtn: null,
-      _closeBtn: null,
+      iDeleteBtn: null,
+      iCloseBtn: null,
       dataVisible: this.visible,
     };
   },
@@ -174,14 +174,14 @@ export default uniComponent({
 
     closeBtn: {
       handler(v) {
-        this._closeBtn = calcIcon(v, 'close');
+        this.iCloseBtn = calcIcon(v, 'close');
       },
       immediate: true,
     },
 
     deleteBtn: {
       handler(v) {
-        this._deleteBtn =  calcIcon(v, 'delete');
+        this.iDeleteBtn =  calcIcon(v, 'delete');
       },
       immediate: true,
     },
@@ -311,7 +311,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './image-viewer.css';
-
-</style>
+<style scoped src="./image-viewer.css"></style>

package/dist/indexes/indexes.vue

@@ -89,7 +89,7 @@ export default uniComponent({
     return {
       prefix,
       classPrefix: name,
-      _height: 0,
+      innerHeight: 0,
       innerIndexList: [],
       scrollTop: 0,
       activeAnchor: this.current,
@@ -110,7 +110,7 @@ export default uniComponent({
       handler(v, pre) {
         const cb = () => {
           this.setIndexList(v);
-          this.setHeight(this._height);
+          this.setHeight(this.innerHeight);
         };
         if (!pre?.length) {
           // 防止抖音小程序报错
@@ -150,7 +150,7 @@ export default uniComponent({
     this.groupTop = [];
     this.sidebar = null;
 
-    if (this._height === 0) {
+    if (this.innerHeight === 0) {
       this.setHeight();
     }
 
@@ -165,7 +165,7 @@ export default uniComponent({
         const { windowHeight } = systemInfo;
         height = windowHeight;
       }
-      this._height = height;
+      this.innerHeight = height;
 
       setTimeout(() => {
         this.getAllRect();
@@ -366,6 +366,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './indexes.css';
-</style>
+<style scoped src="./indexes.css"></style>