@tdesign/uniapp 0.7.0 → 0.7.1

package/dist/common/style/theme/index.css

@@ -1,4 +1,3 @@
-
 /* ./raw/_light.less */
 @media (prefers-color-scheme: light) {
   /* #ifdef H5 */
@@ -76,7 +75,6 @@
     --td-gray-color-13: #242424;
     --td-gray-color-14: #181818;
 
-    // 文字 & 图标 颜色
     --td-font-white-1: rgba(255, 255, 255, 1);
     --td-font-white-2: rgba(255, 255, 255, 0.55);
     --td-font-white-3: rgba(255, 255, 255, 0.35);
@@ -86,46 +84,39 @@
     --td-font-gray-3: rgba(0, 0, 0, 0.4);
     --td-font-gray-4: rgba(0, 0, 0, 0.26);
 
-    // 基础颜色
     --td-brand-color: var(--td-primary-color-7);
     --td-warning-color: var(--td-warning-color-5);
     --td-error-color: var(--td-error-color-6);
     --td-success-color: var(--td-success-color-5);
 
-    // 基础颜色的扩展 用于 聚焦 / 禁用 / 点击 等状态
     --td-brand-color-focus: var(--td-primary-color-1);
     --td-brand-color-active: var(--td-primary-color-8);
     --td-brand-color-disabled: var(--td-primary-color-3);
     --td-brand-color-light: var(--td-primary-color-1);
     --td-brand-color-light-active: var(--td-primary-color-2);
 
-    // 警告色扩展
     --td-warning-color-active: var(--td-warning-color-6);
     --td-warning-color-disabled: var(--td-warning-color-3);
     --td-warning-color-focus: var(--td-warning-color-2);
     --td-warning-color-light: var(--td-warning-color-1);
     --td-warning-color-light-active: var(--td-warning-color-2);
 
-    // 失败/错误色扩展
     --td-error-color-focus: var(--td-error-color-2);
     --td-error-color-active: var(--td-error-color-7);
     --td-error-color-disabled: var(--td-error-color-3);
     --td-error-color-light: var(--td-error-color-1);
     --td-error-color-light-active: var(--td-error-color-2);
 
-    // 成功色扩展
     --td-success-color-focus: var(--td-success-color-2);
     --td-success-color-active: var(--td-success-color-6);
     --td-success-color-disabled: var(--td-success-color-3);
     --td-success-color-light: var(--td-success-color-1);
     --td-success-color-light-active: var(--td-success-color-2);
 
-    // 遮罩
-    --td-mask-active: rgba(0, 0, 0, 60%); // 遮罩-弹出
-    --td-mask-disabled: rgba(255, 255, 255, 60%); // 遮罩-禁用
-    --td-mask-background: rgba(255, 255, 255, 96%); // 二维码遮罩
+    --td-mask-active: rgba(0, 0, 0, 60%);
+    --td-mask-disabled: rgba(255, 255, 255, 60%);
+    --td-mask-background: rgba(255, 255, 255, 96%);
 
-    // 背景色
     --td-bg-color-page: var(--td-gray-color-1);
     --td-bg-color-container: var(--td-font-white-1);
     --td-bg-color-container-active: var(--td-gray-color-3);
@@ -137,10 +128,8 @@
     --td-bg-color-secondarycomponent: var(--td-gray-color-4);
     --td-bg-color-secondarycomponent-active: var(--td-gray-color-6);
 
-    // 特殊组件背景色，目前只用于 button、input 组件多主题场景，浅色主题下固定为白色，深色主题下为 transparent 适配背景颜色
     --td-bg-color-specialcomponent: #fff;
 
-    // 文本颜色
     --td-text-color-primary: var(--td-font-gray-1);
     --td-text-color-secondary: var(--td-font-gray-2);
     --td-text-color-placeholder: var(--td-font-gray-3);
@@ -149,36 +138,26 @@
     --td-text-color-brand: var(--td-brand-color);
     --td-text-color-link: var(--td-brand-color);
 
-    // 分割线
     --td-border-level-1-color: var(--td-gray-color-3);
     --td-component-stroke: var(--td-gray-color-3);
-    // 边框
     --td-border-level-2-color: var(--td-gray-color-4);
     --td-component-border: var(--td-gray-color-4);
 
-    // 基础/下层 投影 hover 使用的组件包括：表格 /
     --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 5%), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
-    // 中层投影 下拉 使用的组件包括：下拉菜单 / 气泡确认框 / 选择器 /
     --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 5%), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
-    // 上层投影（警示/弹窗）使用的组件包括：全局提示 / 消息通知
     --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 5%), 0 16px 24px 2px rgba(0, 0, 0, 4%),
       0 8px 10px -5px rgba(0, 0, 0, 8%);
     --td-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
 
-    // 内投影 用于弹窗类组件（气泡确认框 / 全局提示 / 消息通知）的内描边
     --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
     --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
     --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
     --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
 
-    // table 特定阴影
     --td-table-shadow-color: rgba(0, 0, 0, 8%);
 
-    // 滚动条颜色
     --td-scrollbar-color: rgba(0, 0, 0, 10%);
-    // 滚动条悬浮颜色（ hover ）
     --td-scrollbar-hover-color: rgba(0, 0, 0, 30%);
-    // 滚动条轨道颜色，不能是带透明度，否则纵向滚动时，横向滚动条会穿透
     --td-scroll-track-color: #fff;
   }
 }
@@ -261,7 +240,6 @@
     --td-gray-color-13: #242424;
     --td-gray-color-14: #181818;
 
-    // 文字 & 图标 颜色
     --td-font-white-1: rgba(255, 255, 255, 90%);
     --td-font-white-2: rgba(255, 255, 255, 55%);
     --td-font-white-3: rgba(255, 255, 255, 35%);
@@ -271,95 +249,77 @@
     --td-font-gray-3: rgba(0, 0, 0, 40%);
     --td-font-gray-4: rgba(0, 0, 0, 26%);
 
-    // 基础颜色
-    --td-brand-color: var(--td-primary-color-8); // 色彩-品牌-可操作
-    --td-warning-color: var(--td-warning-color-5); // 色彩-功能-警告
-    --td-error-color: var(--td-error-color-6); // 色彩-功能-失败
-    --td-success-color: var(--td-success-color-5); // 色彩-功能-成功
+    --td-brand-color: var(--td-primary-color-8);
+    --td-warning-color: var(--td-warning-color-5);
+    --td-error-color: var(--td-error-color-6);
+    --td-success-color: var(--td-success-color-5);
 
-    // 基础颜色的扩展 用于 聚焦 / 禁用 / 点击 等状态
-    --td-brand-color-focus: var(--td-primary-color-1); // focus态，包括鼠标和键盘
-    --td-brand-color-active: var(--td-primary-color-9); // 点击态
-    --td-brand-color-disabled: var(--td-primary-color-3); // 禁用态
-    --td-brand-color-light: var(--td-primary-color-1); // 浅色的选中态
-    --td-brand-color-light-active: var(--td-primary-color-2); // 浅色的选中态
+    --td-brand-color-focus: var(--td-primary-color-1);
+    --td-brand-color-active: var(--td-primary-color-9);
+    --td-brand-color-disabled: var(--td-primary-color-3);
+    --td-brand-color-light: var(--td-primary-color-1);
+    --td-brand-color-light-active: var(--td-primary-color-2);
 
-    // 警告色扩展
     --td-warning-color-focus: var(--td-warning-color-2);
     --td-warning-color-active: var(--td-warning-color-4);
     --td-warning-color-disabled: var(--td-warning-color-3);
     --td-warning-color-light: var(--td-warning-color-1);
     --td-warning-color-light-active: var(--td-warning-color-2);
 
-    // 失败/错误色扩展
     --td-error-color-focus: var(--td-error-color-2);
     --td-error-color-active: var(--td-error-color-5);
     --td-error-color-disabled: var(--td-error-color-3);
     --td-error-color-light: var(--td-error-color-1);
     --td-error-color-light-active: var(--td-error-color-2);
 
-    // 成功色扩展
     --td-success-color-focus: var(--td-success-color-2);
     --td-success-color-active: var(--td-success-color-4);
     --td-success-color-disabled: var(--td-success-color-3);
     --td-success-color-light: var(--td-success-color-1);
     --td-success-color-light-active: var(--td-success-color-2);
 
-    // 遮罩
-    --td-mask-active: rgba(0, 0, 0, 40%); // 遮罩-弹出
-    --td-mask-disabled: rgba(0, 0, 0, 60%); // 遮罩-禁用
-    --td-mask-background: rgba(36, 36, 36, 96%); // 二维码遮罩
-
-    // 背景色
-    --td-bg-color-page: var(--td-gray-color-14); // 色彩 - page
-    --td-bg-color-container: var(--td-gray-color-13); // 色彩 - 容器
-    --td-bg-color-secondarycontainer: var(--td-gray-color-12); // 色彩 - 次级容器
-    --td-bg-color-component: var(--td-gray-color-11); // 色彩  - 组件
-    --td-bg-color-container-active: var(--td-gray-color-12); // 色彩 - 容器 - active
-    --td-bg-color-secondarycontainer-active: var(--td-gray-color-11); // 色彩 - 次级容器 - active
-    --td-bg-color-component-active: var(--td-gray-color-10); // 色彩 - 组件 - active
-    --td-bg-color-component-disabled: var(--td-gray-color-12); // 色彩 - 组件 - disabled
-    --td-bg-color-secondarycomponent: var(--td-gray-color-10); // 色彩 - 次级组件
-    --td-bg-color-secondarycomponent-active: var(--td-gray-color-8); // 色彩 - 次级组件 - active
-
-    // 特殊组件背景色，目前只用于 button、input 组件多主题场景，浅色主题下固定为白色，深色主题下为 transparent 适配背景颜色
+    --td-mask-active: rgba(0, 0, 0, 40%);
+    --td-mask-disabled: rgba(0, 0, 0, 60%);
+    --td-mask-background: rgba(36, 36, 36, 96%);
+
+    --td-bg-color-page: var(--td-gray-color-14);
+    --td-bg-color-container: var(--td-gray-color-13);
+    --td-bg-color-secondarycontainer: var(--td-gray-color-12);
+    --td-bg-color-component: var(--td-gray-color-11);
+    --td-bg-color-container-active: var(--td-gray-color-12);
+    --td-bg-color-secondarycontainer-active: var(--td-gray-color-11);
+    --td-bg-color-component-active: var(--td-gray-color-10);
+    --td-bg-color-component-disabled: var(--td-gray-color-12);
+    --td-bg-color-secondarycomponent: var(--td-gray-color-10);
+    --td-bg-color-secondarycomponent-active: var(--td-gray-color-8);
+
     --td-bg-color-specialcomponent: transparent;
 
-    // 文本颜色
-    --td-text-color-primary: var(--td-font-white-1); // 色彩-文字-主要
-    --td-text-color-secondary: var(--td-font-white-2); // 色彩-文字-次要
-    --td-text-color-placeholder: var(--td-font-white-3); // 色彩-文字-占位符/说明
-    --td-text-color-disabled: var(--td-font-white-4); // 色彩-文字-禁用
-    --td-text-color-anti: var(--td-font-white-1); // 色彩-文字-反色
-    --td-text-color-brand: var(--td-primary-color-8); // 色彩-文字-品牌
-    --td-text-color-link: var(--td-primary-color-8); // 色彩-文字-链接
+    --td-text-color-primary: var(--td-font-white-1);
+    --td-text-color-secondary: var(--td-font-white-2);
+    --td-text-color-placeholder: var(--td-font-white-3);
+    --td-text-color-disabled: var(--td-font-white-4);
+    --td-text-color-anti: var(--td-font-white-1);
+    --td-text-color-brand: var(--td-primary-color-8);
+    --td-text-color-link: var(--td-primary-color-8);
 
-    // 分割线
     --td-border-level-1-color: var(--td-gray-color-11);
     --td-component-stroke: var(--td-gray-color-11);
-    // 边框
     --td-border-level-2-color: var(--td-gray-color-9);
     --td-component-border: var(--td-gray-color-9);
 
-    // 基础/下层 投影 hover 使用的组件包括：表格 /
     --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 6%), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
-    // 中层投影 下拉 使用的组件包括：下拉菜单 / 气泡确认框 / 选择器 /
     --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 12%), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
-    // 上层投影（警示/弹窗）使用的组件包括：全局提示 / 消息通知
     --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 14%), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
-    // 内投影 用于弹窗类组件（气泡确认框 / 全局提示 / 消息通知）的内描边
 
     --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
     --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
     --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
     --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
 
-    // table 特定阴影
     --td-table-shadow-color: rgba(0, 0, 0, 55%);
 
-    // 滚动条颜色
     --td-scrollbar-color: rgba(255, 255, 255, 10%);
-    // 滚动条轨道颜色，不能是带透明度，否则纵向滚动时，横向滚动条会穿透
     --td-scroll-track-color: #333;
   }
 }
@@ -368,7 +328,6 @@
 /* ./raw/_radius.less */
 page,
 .page {
-  // 圆角
   --td-radius-small: 12px;
   --td-radius-default: 24px;
   --td-radius-large: 36px;
@@ -381,9 +340,8 @@ page,
 /* ./raw/_font.less */
 page,
 .page {
-  // 字体family token
-  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular; // 字体-磅数-常规
-  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium; // 字体-磅数-粗体
+  --td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  --td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;
 
   --td-font-size-link-small: 48px;
   --td-font-size-link-medium: 56px;
@@ -406,7 +364,6 @@ page,
   --td-font-size-display-medium: 192px;
   --td-font-size-display-large: 256px;
 
-  // 字体行高 token
   --td-line-height-link-small: 80px;
   --td-line-height-link-medium: 88px;
   --td-line-height-link-large: 96px;
@@ -428,7 +385,6 @@ page,
   --td-line-height-display-medium: 224px;
   --td-line-height-display-large: 288px;
 
-  // font token
   --td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);
   --td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);
   --td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);
@@ -459,7 +415,6 @@ page,
   --td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large)
     var(--td-font-family);
 
-  // 字体大小 token
   --td-font-size: 40px;
   --td-font-size-xs: var(--td-font-size-body-extraSmall);
   --td-font-size-s: var(--td-font-size-body-small);
@@ -474,19 +429,17 @@ page,
 /* ./raw/_spacer.less */
 page,
 .page {
-  // Spacer
   --td-spacer: 32px;
-  --td-spacer-1: 48px; // 间距-小-x
-  --td-spacer-2: 64px; // 间距-小
-  --td-spacer-3: 96px; // 间距-中
-  --td-spacer-4: 128px; // 间距-大
-  --td-spacer-5: 192px; // 间距-大-x
-  --td-spacer-6: 320px; // 间距-大-xx
+  --td-spacer-1: 48px;
+  --td-spacer-2: 64px;
+  --td-spacer-3: 96px;
+  --td-spacer-4: 128px;
+  --td-spacer-5: 192px;
+  --td-spacer-6: 320px;
 }
 
 
 /* ./raw/_components.less */
-// 部分特殊处理的组件级 token
 @media (prefers-color-scheme: light) {
   page,
   .page {
@@ -516,4 +469,3 @@ page,
     --td-progress-circle-inner-bg-color: var(--bg-color-page);
   }
 }
-

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" />

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,7 +269,7 @@ export default uniComponent({
       prefix,
       classPrefix: name,
       visible: false,
-      _current: -1,
+      iCurrent: -1,
       _steps: [],
       referenceStyle: '',
       popoverStyle: '',
@@ -287,33 +287,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();
   },
   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 +323,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;
@@ -345,7 +342,6 @@ export default uniComponent({
           height: `${referenceHeight}px`,
         };
         this._steps = this.steps;
-        // this._current = this.current;
         this.visible = true;
         this.referenceStyle = styles(style);
         this.title = coalesce(step.title, '');
@@ -356,7 +352,6 @@ export default uniComponent({
         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, '');
@@ -422,9 +417,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 +428,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);

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,
       } : {};

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"
@@ -90,7 +90,7 @@ export default uniComponent({
       prefix,
       classPrefix: name,
       _height: 0,
-      _indexList: [],
+      innerIndexList: [],
       scrollTop: 0,
       activeAnchor: this.current,
       showTips: false,
@@ -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) {

package/dist/popup/popup.vue

@@ -58,7 +58,7 @@
       :using-custom-navbar="usingCustomNavbar"
       :custom-navbar-height="customNavbarHeight"
       :z-index="(overlayProps && overlayProps.zIndex) || 11000"
-      :duration="(overlayProps && overlayProps.duration) || 300"
+      :duration="(overlayProps && overlayProps.duration) || duration || 300"
       :background-color="(overlayProps && overlayProps.backgroundColor) || ''"
       :prevent-scroll-through="preventScrollThrough || (overlayProps ? !!overlayProps.preventScrollThrough : false)"
       :custom-style="(overlayProps && overlayProps.style) || ''"

package/dist/radio/radio.vue

@@ -2,7 +2,7 @@
   <view
     :id="tId"
     :style="tools._style([customStyle])"
-    :class="tools.cls(classPrefix, [_placement, ['block', block], ['disabled', _disabled]]) + ' ' + tClass"
+    :class="tools.cls(classPrefix, [innerPlacement, ['block', block], ['disabled', _disabled]]) + ' ' + tClass"
     :disabled="_disabled"
     aria-role="radio"
     :aria-checked="dataChecked"
@@ -10,7 +10,7 @@
     :aria-disabled="_disabled"
     @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', _disabled]]) + ' ' + tClassIcon">
       <slot
         v-if="slotIcon"
         name="icon"
@@ -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,7 +142,7 @@ export default uniComponent({
       slotIcon: false,
       optionLinked: false,
       iconVal: [],
-      _placement: '',
+      innerPlacement: '',
       _disabled: false,
       _readonly: false,
       tools,
@@ -207,7 +207,7 @@ 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) {

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,7 +118,7 @@ export default uniComponent({
         icon,
         theme,
       } = this;
-      this._icon = calcIcon(icon, THEME_ICON[theme]);
+      this.innerIcon = calcIcon(icon, THEME_ICON[theme]);
     },
   },
 });

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 })` | \-