@tdesign/uniapp 0.7.1 → 0.7.2

package/dist/checkbox/checkbox.vue

@@ -2,15 +2,15 @@
   <view
     :id="tId"
     :style="tools._style([customStyle])"
-    :class="tools.cls(classPrefix, [placement, theme, ['checked', dataChecked], ['block', block], ['disabled', _disabled]]) + ' ' + tClass"
+    :class="tools.cls(classPrefix, [placement, theme, ['checked', dataChecked], ['block', block], ['disabled', iDisabled]]) + ' ' + tClass"
     aria-role="checkbox"
     :aria-checked="dataChecked ? (dataIndeterminate ? 'mixed' : true) : false"
-    :aria-disabled="_disabled ? true : false"
+    :aria-disabled="iDisabled ? true : false"
     @click.stop="handleTap"
   >
     <view
       v-if="theme == 'default'"
-      :class="tools.cls(classPrefix + '__icon', [placement, ['checked', dataChecked], ['disabled', _disabled]]) + ' ' + tClassIcon"
+      :class="tools.cls(classPrefix + '__icon', [placement, ['checked', dataChecked], ['disabled', iDisabled]]) + ' ' + tClassIcon"
     >
       <slot
         v-if="icon === 'slot'"
@@ -38,7 +38,7 @@
         />
         <view
           v-else-if="!dataChecked && (icon == 'circle' || icon == 'rectangle')"
-          :class="tools.cls(classPrefix + '__icon-' + icon, [['disabled', _disabled]])"
+          :class="tools.cls(classPrefix + '__icon-' + icon, [['disabled', iDisabled]])"
         />
         <view
           v-if="!dataChecked && icon == 'line'"
@@ -54,7 +54,7 @@
       <view
         :class="
           tools.cls(classPrefix + '__title', [
-            ['disabled', _disabled],
+            ['disabled', iDisabled],
             ['checked', dataChecked]
           ]) +
             ' ' +
@@ -69,7 +69,7 @@
         <slot name="label" />
       </view>
       <view
-        :class="tools.cls(classPrefix + '__description', [['disabled', _disabled]]) + ' ' + tClassContent"
+        :class="tools.cls(classPrefix + '__description', [['disabled', iDisabled]]) + ' ' + tClassContent"
         :style="'-webkit-line-clamp:' + maxContentRow"
       >
         <block v-if="content">
@@ -132,7 +132,7 @@ export default uniComponent({
     return {
       prefix,
       classPrefix: name,
-      _disabled: false,
+      iDisabled: false,
       tools,
 
       dataBorderless: this.borderless,
@@ -166,7 +166,7 @@ export default uniComponent({
     },
     disabled: {
       handler(v) {
-        this._disabled = v;
+        this.iDisabled = v;
       },
       immediate: true,
     },
@@ -183,7 +183,7 @@ export default uniComponent({
       const valueSet = new Set(value);
       const checkedFromParent = valueSet.has(this.value);
       const data = {
-        _disabled: this.disabled == null ? disabled : this.disabled,
+        iDisabled: this.disabled == null ? disabled : this.disabled,
       };
 
       data.dataBorderless = !!(coalesce(this.borderless, borderless));
@@ -210,10 +210,10 @@ export default uniComponent({
       });
     },
     handleTap(e) {
-      const { _disabled, readonly, contentDisabled } = this;
+      const { iDisabled, readonly, contentDisabled } = this;
       const { target } = e.currentTarget.dataset;
 
-      if (_disabled || readonly || (target === 'text' && contentDisabled)) return;
+      if (iDisabled || readonly || (target === 'text' && contentDisabled)) return;
 
       const { value, label, checkAll, dataIndeterminate } = this;
       const checked = !this.dataChecked;
@@ -228,11 +228,9 @@ export default uniComponent({
     },
 
     setDisabled(disabled) {
-      this._disabled = this.disabled || disabled;
+      this.iDisabled = this.disabled || disabled;
     },
   },
 });
 </script>
-<style scoped>
-@import './checkbox.css';
-</style>
+<style scoped src="./checkbox.css"></style>

package/dist/col/col.vue

@@ -46,9 +46,7 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './col.css';
-</style>
+<style scoped src="./col.css"></style>
 <style scoped>
 .t-col {
   /* 适配 qq 小程序等 */

package/dist/collapse/collapse.vue

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

package/dist/collapse-panel/collapse-panel.vue

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

package/dist/color-picker/color-picker.vue

@@ -234,7 +234,7 @@ export default uniComponent({
     }, 33);
     this.debouncedUpdateEleRect = debounce(e => this.updateEleRect(e), 150);
   },
-  beforeUnMount() {
+  beforeUnmount() {
     clearTimeout(this.timer);
   },
   methods: {
@@ -496,6 +496,4 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './color-picker.css';
-</style>
+<style scoped src="./color-picker.css"></style>

package/dist/color-picker/template.vue

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

package/dist/common/src/instantiationDecorator.js

@@ -80,6 +80,12 @@ export const toComponent = function (options) {
     });
   };
 
+  // #ifdef Vue2
+  if (options.beforeUnmount) {
+    options.beforeDestroy = options.beforeUnmount;
+  }
+  // #endif
+
   options.methods._trigger = function (evtName, detail, opts) {
     const target = controlledProps.find(item => item.event === evtName);
 

package/dist/count-down/count-down.vue

@@ -83,7 +83,7 @@ export default uniComponent({
   mounted() {
 
   },
-  beforeUnMount() {
+  beforeUnmount() {
     if (this.timeoutId) {
       clearTimeout(this.timeoutId);
       this.timeoutId = null;
@@ -161,6 +161,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './count-down.css';
-</style>
+<style scoped src="./count-down.css"></style>

package/dist/date-time-picker/date-time-picker.vue

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

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" />
@@ -261,8 +261,8 @@ export default uniComponent({
       buttonVariant: 'text',
       tools,
 
-      _confirm: null,
-      _cancel: null,
+      innerConfirm: null,
+      innerCancel: null,
       useVirtualHost: canUseVirtualHost(),
     };
   },
@@ -417,6 +417,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>