@tdesign/uniapp 0.7.0 → 0.7.2

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