@tdesign/uniapp 0.7.0 → 0.7.2

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

@@ -60,8 +60,8 @@
                 :webp="imageProps.webp"
                 :show-menu-by-longpress="imageProps.showMenuByLongpress"
                 :data-custom="imageProps.dataset"
-                @error="binderror($event, { custom: dataset || null })"
-                @load="bindload($event, { custom: dataset || null })"
+                @error="binderror($event)"
+                @load="bindload($event)"
               />
             </block>
             <slot name="image" />
@@ -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

@@ -20,7 +20,7 @@
           <ContentComp
             :title="title"
             :body="body"
-            :current="_current"
+            :current="iCurrent"
             :class-prefix="classPrefix"
             :prefix="prefix"
             :skip-button="skipButton"
@@ -120,7 +120,7 @@
           <ContentComp
             :title="title"
             :body="body"
-            :current="_current"
+            :current="iCurrent"
             :class-prefix="classPrefix"
             :prefix="prefix"
             :skip-button="skipButton"
@@ -269,8 +269,7 @@ export default uniComponent({
       prefix,
       classPrefix: name,
       visible: false,
-      _current: -1,
-      _steps: [],
+      iCurrent: -1,
       referenceStyle: '',
       popoverStyle: '',
       title: '',
@@ -287,33 +286,31 @@ export default uniComponent({
   watch: {
     steps: {
       handler() {
-        this._init();
+        this.innerInit();
       },
       deep: true,
     },
     current: {
       handler(v) {
-        this._current = v;
+        this.iCurrent = v;
       },
     },
-    _current: '_init',
-    showOverlay: '_init',
+    iCurrent: 'innerInit',
+    showOverlay: 'innerInit',
   },
   created() {
     that = this;
-    // this._init =
-    this._getPlacement = this.getPlacement();
+    this.getPlacementResult = this.getPlacement();
   },
   mounted() {
-    this._init();
+    this.innerInit();
   },
   methods: {
-    _init: debounce(() => that.init(), 20),
+    innerInit: debounce(() => that.init(), 20),
     async init() {
-      console.log('doing init');
       const { steps } = this;
-      const { _current } = this;
-      const step = steps[_current];
+      const { iCurrent } = this;
+      const step = steps[iCurrent];
       if (!step) {
         this.visible = false;
         return;
@@ -325,10 +322,9 @@ export default uniComponent({
       this.modeType = modeType;
 
 
-      // if (current === _current) return;
       if (modeType === 'popover') {
         const rect = await step.element();
-        console.log('rect', rect);
+
         if (!rect) return;
         const highlightPadding = rpx2px(coalesce(step.highlightPadding, this.highlightPadding));
         const referenceTop = rect.top - highlightPadding;
@@ -344,8 +340,6 @@ export default uniComponent({
           width: `${referenceWidth}px`,
           height: `${referenceHeight}px`,
         };
-        this._steps = this.steps;
-        // this._current = this.current;
         this.visible = true;
         this.referenceStyle = styles(style);
         this.title = coalesce(step.title, '');
@@ -355,8 +349,6 @@ export default uniComponent({
         const popoverStyle = await this.placementOffset(step, style);
         this.popoverStyle = popoverStyle;
       } else {
-        this._steps = this.steps;
-        // this._current = this.current;
         this.visible = true;
         this.title = coalesce(step.title, '');
         this.body = coalesce(step.body, '');
@@ -366,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) {
@@ -422,9 +414,9 @@ export default uniComponent({
       this.finishButton = finishButton;
     },
     renderCounter() {
-      const { steps, _current, counter } = this;
+      const { steps, iCurrent, counter } = this;
       const stepsTotal = steps.length;
-      const innerCurrent = _current + 1;
+      const innerCurrent = iCurrent + 1;
       const popupSlotCounter = isFunction(counter) ? counter({ total: stepsTotal, current: innerCurrent }) : counter;
       return counter ? popupSlotCounter : `(${innerCurrent}/${stepsTotal})`;
     },
@@ -433,34 +425,29 @@ export default uniComponent({
       return `${button.content.replace(/ \(.*?\)/, '')} ${hideCounter ? '' : this.renderCounter()}`;
     },
     onTplButtonTap(e, { type }) {
-      console.log('onTplButtonTap.type', type);
-      const params = { e, current: this._current, total: this.steps.length };
+      const params = { e, current: this.iCurrent, total: this.steps.length };
       switch (type) {
         case 'next':
-          this.$emit('next-step-click', { next: this._current + 1, ...params });
-          // this.setData({ current: this..current + 1 });
-          this._current = this._current + 1;
+          this.$emit('next-step-click', { next: this.iCurrent + 1, ...params });
+          this.iCurrent = this.iCurrent + 1;
           break;
         case 'skip':
           this.$emit('skip', params);
-          // this.setData({ current: -1 });
-          this._current = -1;
+          this.iCurrent = -1;
           break;
         case 'back':
           this.$emit('back', params);
-          // this.setData({ current: 0 });
-          this._current = 0;
+          this.iCurrent = 0;
           break;
         case 'finish':
           this.$emit('finish', params);
-          // this.setData({ current: -1 });
-          this._current = -1;
+          this.iCurrent = -1;
           break;
         default:
           break;
       }
-      console.log('_current', this._current);
-      this.$emit('change', { current: this._current });
+
+      this.$emit('change', { current: this.iCurrent });
     },
     getPlacement() {
       const space = rpx2px(32);
@@ -530,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

@@ -88,7 +88,7 @@ export default uniComponent({
         classPrefix,
       } = this;
       const isImage = name.indexOf('/') !== -1;
-      const sizeValue = addUnit(size);
+      const sizeValue = size !== null && size !== '' ? addUnit(size) : undefined;
       const colorStyle = color ? {
         color,
       } : {};
@@ -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

@@ -12,7 +12,7 @@
       @touchend.stop.prevent="onTouchEnd"
     >
       <view
-        v-for="(item, index) in _indexList"
+        v-for="(item, index) in innerIndexList"
         :key="index"
         :class="tools.cls(classPrefix + '__sidebar-item', [['active', dataCurrent === item]]) + ' ' + tClassSidebarItem"
         :data-index="index"
@@ -89,8 +89,8 @@ export default uniComponent({
     return {
       prefix,
       classPrefix: name,
-      _height: 0,
-      _indexList: [],
+      innerHeight: 0,
+      innerIndexList: [],
       scrollTop: 0,
       activeAnchor: this.current,
       showTips: false,
@@ -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();
@@ -181,9 +181,9 @@ export default uniComponent({
           alphabet.push(String.fromCharCode(i));
         }
 
-        this._indexList = alphabet;
+        this.innerIndexList = alphabet;
       } else {
-        this._indexList = list;
+        this.innerIndexList = list;
       }
     },
 
@@ -194,7 +194,7 @@ export default uniComponent({
           item.totalHeight = (next?.top || Infinity) - item.top;
         });
 
-        const current = this.dataCurrent || this._indexList[0];
+        const current = this.dataCurrent || this.innerIndexList[0];
         this.setAnchorByCurrent(current, 'init');
       })
         .catch((err) => {
@@ -221,7 +221,7 @@ export default uniComponent({
     getSidebarRect() {
       getRect(this, `#id-${name}__bar`).then((rect) => {
         const { top, height } = rect;
-        const { length } = this._indexList;
+        const { length } = this.innerIndexList;
 
         this.sidebar = {
           top,
@@ -288,7 +288,7 @@ export default uniComponent({
     onAnchorTouch: throttle(function (e) {
       const getAnchorIndex = (clientY) => {
         const offsetY = clientY - this.sidebar.top;
-        const max = this._indexList.length - 1;
+        const max = this.innerIndexList.length - 1;
 
         if (offsetY <= 0) {
           return 0;
@@ -302,7 +302,7 @@ export default uniComponent({
       };
       const index = getAnchorIndex(e.changedTouches[0].clientY);
 
-      this.setAnchorByCurrent(this._indexList[index], 'touch');
+      this.setAnchorByCurrent(this.innerIndexList[index], 'touch');
     }, 1000 / 30), // 30 frame
 
     setAnchorOnScroll(scrollTop) {
@@ -366,6 +366,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './indexes.css';
-</style>
+<style scoped src="./indexes.css"></style>

package/dist/indexes-anchor/indexes-anchor.vue

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

package/dist/input/input.vue

@@ -9,20 +9,20 @@
       <view :class="classPrefix + '__icon--prefix'">
         <slot name="prefix-icon" />
         <block
-          v-if="_prefixIcon"
+          v-if="iPrefixIcon"
           name="icon"
         >
           <t-icon
-            :custom-style="_prefixIcon.style || ''"
+            :custom-style="iPrefixIcon.style || ''"
             :t-class="tClassPrefixIcon"
-            :prefix="_prefixIcon.prefix"
-            :name="_prefixIcon.name"
-            :size="_prefixIcon.size"
-            :color="_prefixIcon.color"
+            :prefix="iPrefixIcon.prefix"
+            :name="iPrefixIcon.name"
+            :size="iPrefixIcon.size"
+            :color="iPrefixIcon.color"
             :aria-hidden="true"
-            :aria-label="_prefixIcon.ariaLabel"
-            :aria-role="_prefixIcon.ariaRole"
-            @click="_prefixIcon.click || ''"
+            :aria-label="iPrefixIcon.ariaLabel"
+            :aria-role="iPrefixIcon.ariaRole"
+            @click="iPrefixIcon.click || ''"
           />
         </block>
       </view>
@@ -81,21 +81,21 @@
           @nicknamereview="onNickNameReview"
         >
         <view
-          v-if="_clearIcon && dataValue && dataValue.length && showClearIcon"
+          v-if="iClearIcon && dataValue && dataValue.length && showClearIcon"
           :class="classPrefix + '__wrap--clearable-icon'"
           @click.stop="clearInput"
         >
           <t-icon
-            :custom-style="_clearIcon.style || ''"
+            :custom-style="iClearIcon.style || ''"
             :t-class="tClassClearable"
-            :prefix="_clearIcon.prefix"
-            :name="_clearIcon.name"
-            :size="_clearIcon.size"
-            :color="_clearIcon.color"
+            :prefix="iClearIcon.prefix"
+            :name="iClearIcon.name"
+            :size="iClearIcon.size"
+            :color="iClearIcon.color"
             :aria-hidden="false"
-            :aria-label="_clearIcon.ariaLabel || '清除'"
-            :aria-role="_clearIcon.ariaRole || 'button'"
-            @click="_clearIcon.click || ''"
+            :aria-label="iClearIcon.ariaLabel || '清除'"
+            :aria-role="iClearIcon.ariaRole || 'button'"
+            @click="iClearIcon.click || ''"
           />
         </view>
         <view
@@ -113,20 +113,20 @@
         >
           <slot name="suffix-icon" />
           <block
-            v-if="_suffixIcon"
+            v-if="iSuffixIcon"
             name="icon"
           >
             <t-icon
-              :custom-style="_suffixIcon.style || ''"
+              :custom-style="iSuffixIcon.style || ''"
               :t-class="tClassSuffixIcon"
-              :prefix="_suffixIcon.prefix"
-              :name="_suffixIcon.name"
-              :size="_suffixIcon.size"
-              :color="_suffixIcon.color"
+              :prefix="iSuffixIcon.prefix"
+              :name="iSuffixIcon.name"
+              :size="iSuffixIcon.size"
+              :color="iSuffixIcon.color"
               :aria-hidden="true"
-              :aria-label="_suffixIcon.ariaLabel"
-              :aria-role="_suffixIcon.ariaRole || 'button'"
-              @click="_suffixIcon.click || ''"
+              :aria-label="iSuffixIcon.ariaLabel"
+              :aria-role="iSuffixIcon.ariaRole || 'button'"
+              @click="iSuffixIcon.click || ''"
             />
           </block>
         </view>
@@ -214,21 +214,21 @@ export default uniComponent({
   watch: {
     prefixIcon: {
       handler(v) {
-        this._prefixIcon = calcIcon(v);
+        this.iPrefixIcon = calcIcon(v);
       },
       immediate: true,
     },
 
     suffixIcon: {
       handler(v) {
-        this._suffixIcon = calcIcon(v);
+        this.iSuffixIcon = calcIcon(v);
       },
       immediate: true,
     },
 
     clearable: {
       handler(v) {
-        this._clearIcon = calcIcon(v, 'close-circle-filled');
+        this.iClearIcon = calcIcon(v, 'close-circle-filled');
       },
       immediate: true,
     },
@@ -390,8 +390,8 @@ export default uniComponent({
 });
 
 </script>
+<style scoped src="./input.css"></style>
 <style scoped>
-@import './input.css';
 /* #ifdef H5 */
 .t-input--disabled {
   :deep(input) {