@tdesign/uniapp 0.7.0 → 0.7.2

package/dist/pull-down-refresh/pull-down-refresh.vue

@@ -122,8 +122,8 @@ export default uniComponent({
       loosing: false,
       enableToRefresh: true,
       scrollTop: 0,
-      _maxBarHeight: 0,
-      _loadingBarHeight: 0,
+      iMaxBarHeight: 0,
+      iLoadingBarHeight: 0,
 
       pixelRatio: 1,
       startPoint: null,
@@ -171,15 +171,15 @@ export default uniComponent({
         }, 240);
       }
 
-      this.tipsHeight = Math.min(val, this._loadingBarHeight);
+      this.tipsHeight = Math.min(val, this.iLoadingBarHeight);
     },
 
     maxBarHeight(v) {
-      this._maxBarHeight = unitConvert(v);
+      this.iMaxBarHeight = unitConvert(v);
     },
 
     loadingBarHeight(v) {
-      this._loadingBarHeight = unitConvert(v);
+      this.iLoadingBarHeight = unitConvert(v);
     },
   },
   mounted() {
@@ -187,8 +187,8 @@ export default uniComponent({
     const { loadingTexts, maxBarHeight, loadingBarHeight } = this;
     const isCustomLoadingTexts = Array.isArray(loadingTexts) && loadingTexts.length >= 4;
 
-    this._maxBarHeight = unitConvert(maxBarHeight);
-    this._loadingBarHeight = unitConvert(loadingBarHeight);
+    this.iMaxBarHeight = unitConvert(maxBarHeight);
+    this.iLoadingBarHeight = unitConvert(loadingBarHeight);
     this.dataLoadingTexts = isCustomLoadingTexts ? loadingTexts : defaultLoadingTexts;
 
     this.pixelRatio = 750 / screenWidth;
@@ -196,7 +196,7 @@ export default uniComponent({
     this.updateDistanceTop();
   },
 
-  beforeUnMount() {
+  beforeUnmount() {
     clearTimeout(this.maxRefreshAnimateTimeFlag);
     clearTimeout(this.closingAnimateTimeFlag);
     this.resetTimer();
@@ -287,7 +287,7 @@ export default uniComponent({
       this.loosing = true;
 
       // 松开时高度超过阈值则触发刷新
-      if (barHeight > this._loadingBarHeight) {
+      if (barHeight > this.iLoadingBarHeight) {
         this._trigger('change', { value: true });
         this.$emit('refresh');
       } else {
@@ -299,7 +299,7 @@ export default uniComponent({
 
     doRefresh() {
       if (this.disabled) return;
-      this.barHeight = this._loadingBarHeight;
+      this.barHeight = this.iLoadingBarHeight;
       this.refreshStatus = REFRESH_STATUS_MAP.LOADING;
       this.loosing = true;
 
@@ -315,10 +315,10 @@ export default uniComponent({
     },
 
     setRefreshBarHeight(value) {
-      const barHeight = Math.min(value, this._maxBarHeight);
+      const barHeight = Math.min(value, this.iMaxBarHeight);
       const data = { barHeight };
 
-      if (barHeight >= this._loadingBarHeight) {
+      if (barHeight >= this.iLoadingBarHeight) {
         data.refreshStatus = REFRESH_STATUS_MAP.LOSING;
       } else {
         data.refreshStatus = REFRESH_STATUS_MAP.PULLING;
@@ -361,6 +361,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './pull-down-refresh.css';
-</style>
+<style scoped src="./pull-down-refresh.css"></style>

package/dist/qrcode/components/qrcode-canvas/qrcode-canvas.vue

@@ -408,6 +408,4 @@ export default uniComponent({
 });
 </script>
 
-<style lang="less" scoped>
-@import './qrcode-canvas.css';
-</style>
+<style scoped src="./qrcode-canvas.css"></style>

package/dist/qrcode/components/qrcode-status/qrcode-status.vue

@@ -89,6 +89,4 @@ export default {
 };
 </script>
 
-<style lang="less" scoped>
-@import './qrcode-status.css';
-</style>
+<style scoped src="./qrcode-status.css"></style>

package/dist/qrcode/qrcode.vue

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

package/dist/radio/radio.vue

@@ -2,15 +2,15 @@
   <view
     :id="tId"
     :style="tools._style([customStyle])"
-    :class="tools.cls(classPrefix, [_placement, ['block', block], ['disabled', _disabled]]) + ' ' + tClass"
-    :disabled="_disabled"
+    :class="tools.cls(classPrefix, [innerPlacement, ['block', block], ['disabled', iDisabled]]) + ' ' + tClass"
+    :disabled="iDisabled"
     aria-role="radio"
     :aria-checked="dataChecked"
     :aria-label="label + content"
-    :aria-disabled="_disabled"
+    :aria-disabled="iDisabled"
     @click.stop="handleTap"
   >
-    <view :class="tools.cls(classPrefix + '__icon', [_placement, ['checked', dataChecked], ['disabled', _disabled]]) + ' ' + tClassIcon">
+    <view :class="tools.cls(classPrefix + '__icon', [innerPlacement, ['checked', dataChecked], ['disabled', iDisabled]]) + ' ' + tClassIcon">
       <slot
         v-if="slotIcon"
         name="icon"
@@ -33,11 +33,11 @@
         />
         <view
           v-if="dataChecked && icon == 'dot'"
-          :class="tools.cls(classPrefix + '__icon-' + icon, [['disabled', _disabled]])"
+          :class="tools.cls(classPrefix + '__icon-' + icon, [['disabled', iDisabled]])"
         />
         <view
           v-if="!dataChecked && (icon == 'circle' || icon == 'dot')"
-          :class="tools.cls(classPrefix + '__icon-circle', [['disabled', _disabled]])"
+          :class="tools.cls(classPrefix + '__icon-circle', [['disabled', iDisabled]])"
         />
         <view
           v-if="!dataChecked && icon == 'line'"
@@ -53,7 +53,7 @@
       <view
         :class="
           tools.cls(classPrefix + '__title', [
-            ['disabled', _disabled],
+            ['disabled', iDisabled],
             ['checked', dataChecked]
           ]) +
             ' ' +
@@ -70,7 +70,7 @@
       <view
         :class="
           tools.cls(classPrefix + '__description', [
-            ['disabled', _disabled],
+            ['disabled', iDisabled],
             ['checked', dataChecked]
           ]) +
             ' ' +
@@ -86,7 +86,7 @@
     </view>
     <view
       v-if="!borderless"
-      :class="tools.cls(classPrefix + '__border', [_placement]) + ' ' + tClassBorder"
+      :class="tools.cls(classPrefix + '__border', [innerPlacement]) + ' ' + tClassBorder"
     />
   </view>
 </template>
@@ -142,9 +142,9 @@ export default uniComponent({
       slotIcon: false,
       optionLinked: false,
       iconVal: [],
-      _placement: '',
-      _disabled: false,
-      _readonly: false,
+      innerPlacement: '',
+      iDisabled: false,
+      iReadonly: false,
       tools,
 
       dataChecked: coalesce(this.checked, this.defaultChecked),
@@ -164,13 +164,13 @@ export default uniComponent({
     },
     disabled: {
       handler(v) {
-        this._disabled = v;
+        this.iDisabled = v;
       },
       immediate: true,
     },
     readonly: {
       handler(v) {
-        this._readonly = v;
+        this.iReadonly = v;
       },
       immediate: true,
     },
@@ -180,10 +180,10 @@ export default uniComponent({
   },
   methods: {
     handleTap(e) {
-      const { _disabled, _readonly, contentDisabled } = this;
+      const { iDisabled, iReadonly, contentDisabled } = this;
       const { target } = e.currentTarget.dataset;
 
-      if (_disabled || _readonly || (target === 'text' && contentDisabled)) return;
+      if (iDisabled || iReadonly || (target === 'text' && contentDisabled)) return;
 
       this.doChange();
     },
@@ -207,21 +207,19 @@ export default uniComponent({
       this.customIcon = isIdArr;
       this.slotIcon = icon === 'slot';
       this.iconVal = isIdArr ? parent?.icon || icon : [];
-      this._placement = this.placement || parent?.placement || 'left';
+      this.innerPlacement = this.placement || parent?.placement || 'left';
     },
 
     setDisabled(disabled) {
       if (this.isIsolated) return;
 
-      this._disabled = this.disabled || disabled;
+      this.iDisabled = this.disabled || disabled;
     },
 
     setReadonly(readonly) {
-      this._readonly = this.readonly || readonly;
+      this.iReadonly = this.readonly || readonly;
     },
   },
 });
 </script>
-<style scoped>
-@import './radio.css';
-</style>
+<style scoped src="./radio.css"></style>

package/dist/rate/rate.vue

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

package/dist/result/result.vue

@@ -17,19 +17,19 @@
         mode="aspectFit"
       />
       <block
-        v-else-if="_icon"
+        v-else-if="innerIcon"
         name="icon"
       >
         <t-icon
-          :custom-style="_icon.style || ''"
-          :t-class="classPrefix + '__icon ' + classPrefix + '__icon--' + (_icon.activeIdx == _icon.index ? 'active ' : ' ')"
-          :prefix="_icon.prefix"
-          :name="_icon.name"
-          :size="_icon.size"
-          :color="_icon.color"
-          :aria-hidden="!!_icon.ariaHidden"
-          :aria-label="_icon.ariaLabel"
-          :aria-role="_icon.ariaRole"
+          :custom-style="innerIcon.style || ''"
+          :t-class="classPrefix + '__icon ' + classPrefix + '__icon--' + (innerIcon.activeIdx == innerIcon.index ? 'active ' : ' ')"
+          :prefix="innerIcon.prefix"
+          :name="innerIcon.name"
+          :size="innerIcon.size"
+          :color="innerIcon.color"
+          :aria-hidden="!!innerIcon.ariaHidden"
+          :aria-label="innerIcon.ariaLabel"
+          :aria-role="innerIcon.ariaRole"
         />
       </block>
       <slot name="image" />
@@ -102,7 +102,7 @@ export default uniComponent({
       classPrefix: name,
       tools,
 
-      _icon: null,
+      innerIcon: null,
     };
   },
   watch: {
@@ -118,11 +118,9 @@ export default uniComponent({
         icon,
         theme,
       } = this;
-      this._icon = calcIcon(icon, THEME_ICON[theme]);
+      this.innerIcon = calcIcon(icon, THEME_ICON[theme]);
     },
   },
 });
 </script>
-<style scoped>
-@import './result.css';
-</style>
+<style scoped src="./result.css"></style>

package/dist/row/row.vue

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

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

@@ -42,7 +42,7 @@ name | params | description
 -- | -- | --
 action-click | \- | \-
 blur | `(context: { value: string })` | \-
-change | `(context: { value: string })` | \-
+change | `(context: { value: string, trigger: 'input-change' \| 'option-click' \| 'clear' })` | \-
 clear | `(context: { value: string })` | \-
 focus | `(context: { value: string })` | \-
 submit | `(context: { value: string })` | \-

package/dist/search/README.md

@@ -80,7 +80,7 @@ value | String | '' | 值 | N
 -- | -- | --
 action-click | \- | 点击右侧操作按钮文字时触发
 blur | `(context: { value: string })` | 失去焦点时触发
-change | `(context: { value: string })` | 值发生变化时触发
+change | `(context: { value: string, trigger: 'input-change' \| 'option-click' \| 'clear' })` | 值发生变化时触发
 clear | `(context: { value: string })` | 点击清除时触发
 focus | `(context: { value: string })` | 聚焦时触发
 submit | `(context: { value: string })` | 提交时触发

package/dist/search/search.vue

@@ -88,7 +88,7 @@
         :t-class="classPrefix + '__result-item'"
         hover
         aria-role="option"
-        @click="onSelectResultItem($event, { index })"
+        @click="onSelectOption($event, { index })"
       >
         <template
           #title
@@ -136,7 +136,6 @@ export default uniComponent({
     ...props,
   },
   emits: [
-    'selectresult',
   ],
   data() {
     return {
@@ -171,6 +170,13 @@ export default uniComponent({
       immediate: true,
     },
 
+    value: {
+      handler(val) {
+        this.dataValue = val;
+      },
+      immediate: true,
+    },
+
     dataValue: {
       handler() {
         // this.updateInnerMaxLen();
@@ -214,7 +220,10 @@ export default uniComponent({
 
       nextTick().then(() => {
         this.dataValue = value;
-        this.$emit('change', { value });
+        this.$emit('change', {
+          value,
+          trigger: 'input-change',
+        });
       });
       // this.updateInnerMaxLen();
     },
@@ -234,7 +243,10 @@ export default uniComponent({
     handleClear() {
       this.dataValue = '';
       this.$emit('clear', { value: '' });
-      this.$emit('change', { value: '' });
+      this.$emit('change', {
+        value: '',
+        trigger: 'clear',
+      });
     },
 
     onConfirm(e) {
@@ -246,13 +258,15 @@ export default uniComponent({
       this.$emit('action-click');
     },
 
-    onSelectResultItem(tools, { index }) {
+    onSelectOption(tools, { index }) {
       const item = this.resultList[index];
       this.dataValue = item;
       this.isSelected = true;
 
-      this.$emit('change', { value: item });
-      this.$emit('selectresult', { index, item });
+      this.$emit('change', {
+        value: item,
+        trigger: 'option-click',
+      });
     },
     highLight,
     // updateInnerMaxLen() {
@@ -280,6 +294,4 @@ export default uniComponent({
 
 
 </script>
-<style scoped>
-@import './search.css';
-</style>
+<style scoped src="./search.css"></style>

package/dist/search/type.ts

@@ -149,7 +149,7 @@ export interface TdSearchProps {
   /**
    * 值发生变化时触发
    */
-  onChange?: (context: { value: string }) => void;
+  onChange?: (context: { value: string; trigger: 'input-change' | 'option-click' | 'clear' }) => void;
   /**
    * 点击清除时触发
    */

package/dist/side-bar/side-bar.vue

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

package/dist/side-bar-item/side-bar-item.vue

@@ -32,20 +32,20 @@
       />
     </block>
     <block
-      v-if="_icon"
+      v-if="innerIcon"
       name="icon"
     >
       <t-icon
         :custom-style="iconCustomStyle"
         :t-class="classPrefix + '__icon'"
-        :prefix="_icon.prefix"
-        :name="_icon.name"
-        :size="_icon.size"
-        :color="_icon.color"
-        :aria-hidden="!!_icon.ariaHidden"
-        :aria-label="_icon.ariaLabel"
-        :aria-role="_icon.ariaRole"
-        @click="_icon.click || ''"
+        :prefix="innerIcon.prefix"
+        :name="innerIcon.name"
+        :size="innerIcon.size"
+        :color="innerIcon.color"
+        :aria-hidden="!!innerIcon.ariaHidden"
+        :aria-label="innerIcon.ariaLabel"
+        :aria-role="innerIcon.ariaRole"
+        @click="innerIcon.click || ''"
       />
     </block>
     <block v-if="badgeProps">
@@ -122,14 +122,14 @@ export default uniComponent({
           fontSize: 'var(--td-side-bar-icon-size, 20px)',
           marginRight: '2px',
         },
-        this._icon.style || '',
+        this.innerIcon.style || '',
       ]);
     },
   },
   watch: {
     icon: {
       handler(v) {
-        this._icon = typeof v === 'string' ? { name: v } : v;
+        this.innerIcon = typeof v === 'string' ? { name: v } : v;
       },
       immediate: true,
     },
@@ -162,7 +162,4 @@ export default uniComponent({
 });
 
 </script>
-<style scoped>
-@import './side-bar-item.css';
-
-</style>
+<style scoped src="./side-bar-item.css"></style>

package/dist/skeleton/skeleton.vue

@@ -105,7 +105,7 @@ export default uniComponent({
     this.init();
     this.isShowSkeleton();
   },
-  beforeUnMount() {
+  beforeUnmount() {
     this.clearTimer();
   },
   methods: {
@@ -206,6 +206,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './skeleton.css';
-</style>
+<style scoped src="./skeleton.css"></style>

package/dist/slider/slider.vue

@@ -31,7 +31,7 @@
             :key="index"
             :class="
               tools.cls(classPrefix + '__scale-item', [
-                ['active', _value >= item.val],
+                ['active', innerValue >= item.val],
                 ['disabled', disabled],
                 theme,
                 ['hidden', ((index == 0 || index == scaleArray.length - 1) && theme == 'capsule') || value == item.val]
@@ -67,7 +67,7 @@
               aria-live="assertive"
               :aria-hidden="!isVisibleToScreenReader"
             >
-              {{ getValue(label, _value) || _value }}
+              {{ getValue(label, innerValue) || innerValue }}
             </view>
             <view
               :class="classPrefix + '__dot-slider'"
@@ -75,8 +75,8 @@
               :aria-disabled="disabled"
               :aria-valuemax="max"
               :aria-valuemin="min"
-              :aria-valuenow="_value"
-              :aria-valuetext="getValue(label, _value) || _value"
+              :aria-valuenow="innerValue"
+              :aria-valuetext="getValue(label, innerValue) || innerValue"
             />
           </view>
         </view>
@@ -240,7 +240,7 @@ export default uniComponent({
       lineLeft: 0,
       lineRight: 0,
       dotTopValue: [0, 0],
-      _value: 0,
+      innerValue: 0,
       blockSize: 20,
       isScale: false,
       scaleArray: [],
@@ -264,7 +264,7 @@ export default uniComponent({
       // immediate: true,
       deep: true,
     },
-    _value: {
+    innerValue: {
       handler(newValue) {
         this.bus.on('initial', () => this.renderLine(newValue));
         this.toggleA11yTips();
@@ -294,7 +294,7 @@ export default uniComponent({
     this.bus.on('initial', () => this.handleMark(this.marks));
     this.bus.on('initial', () => {
       nextTick().then(() => {
-        this.renderLine(this._value);
+        this.renderLine(this.innerValue);
       });
     });
     this.toggleA11yTips();
@@ -371,7 +371,7 @@ export default uniComponent({
         value: trimmedValue,
       });
       if (this._selfControlled) {
-        this._value = trimmedValue;
+        this.innerValue = trimmedValue;
       }
     },
 
@@ -417,7 +417,7 @@ export default uniComponent({
       }
 
       const setValueAndTrigger = () => {
-        this._value = value;
+        this.innerValue = value;
         this.realLabel = realLabel;
       };
 
@@ -609,7 +609,7 @@ export default uniComponent({
         // 当前leftdot中心 + 左侧偏移量 = 目标左侧中心距离
           const left = pagePosition - initialLeft - offset;
           const leftValue = this.convertPosToValue(left, 0);
-          this.triggerValue([this.stepValue(leftValue), this._value[1]]);
+          this.triggerValue([this.stepValue(leftValue), this.innerValue[1]]);
         } else {
           let right = -(pagePosition - initialRight);
           if (vertical) {
@@ -617,7 +617,7 @@ export default uniComponent({
           }
           const rightValue = this.convertPosToValue(right, 1);
 
-          this.triggerValue([this._value[0], this.stepValue(rightValue)]);
+          this.triggerValue([this.innerValue[0], this.stepValue(rightValue)]);
         }
       });
     },
@@ -635,7 +635,7 @@ export default uniComponent({
 
     onTouchMoveLeft(e) {
       const { disabled, theme } = this;
-      const { initialLeft, _value, blockSize } = this;
+      const { initialLeft, innerValue, blockSize } = this;
       if (disabled) return;
 
       const touch = e.changedTouches.find(item => item.identifier === this.identifier[0]);
@@ -647,7 +647,7 @@ export default uniComponent({
       }
       const currentLeft = pagePosition - initialLeft - offset;
 
-      const newData = [...(_value)];
+      const newData = [...(innerValue)];
       const leftValue = this.convertPosToValue(currentLeft, 0);
 
       newData[0] = this.stepValue(leftValue);
@@ -657,7 +657,7 @@ export default uniComponent({
 
     onTouchMoveRight(e) {
       const { disabled, vertical, theme } = this;
-      const { initialRight, _value } = this;
+      const { initialRight, innerValue } = this;
       if (disabled) return;
 
       const touch = e.changedTouches.find(item => item.identifier === this.identifier[1]);
@@ -671,7 +671,7 @@ export default uniComponent({
       }
       const currentRight = -(pagePosition - initialRight - offset);
 
-      const newData = [...(_value)];
+      const newData = [...(innerValue)];
       const rightValue = this.convertPosToValue(currentRight, 1);
       newData[1] = this.stepValue(rightValue);
 
@@ -682,7 +682,7 @@ export default uniComponent({
       const { theme } = this;
       const { blockSize, maxRange } = this;
       const halfBlock = (theme) === 'capsule' ? Number(blockSize) / 2 : 0;
-      const [a, b] = this._value ;
+      const [a, b] = this.innerValue ;
       const cut = v => parseInt(v, 10);
 
       this.dotTopValue = [a, b];
@@ -698,7 +698,7 @@ export default uniComponent({
     },
 
     onTouchEnd(e) {
-      this.$emit('dragend', { e, value: this._value });
+      this.$emit('dragend', { e, value: this.innerValue });
       if (e.currentTarget.id === 'rightDot') {
         this.identifier[1] = -1;
       } else {
@@ -714,6 +714,4 @@ export default uniComponent({
   },
 });
 </script>
-<style scoped>
-@import './slider.css';
-</style>
+<style scoped src="./slider.css"></style>

package/dist/step-item/step-item.vue

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

package/dist/stepper/stepper.vue

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