uview-pro 0.2.3 → 0.2.4

package/changelog.md

@@ -1,3 +1,26 @@
+## 0.2.4（2025-10-08）
+
+### 🐛 Bug Fixes | Bug 修复
+
+- **i18n:** 修复切换中英文切换失效问题 ([d61d817](https://github.com/anyup/uView-Pro/commit/d61d81790aecd774435999c9ab8c3672a2df38ad))
+- **style:** 修复文本溢出样式u-line-1生成错误问题 ([5d2bf3c](https://github.com/anyup/uView-Pro/commit/5d2bf3ca080f8c5bc9fe40bb1f421c28f7ee8017))
+
+### ✨ Features | 新功能
+
+- **calendar:** 增加日历组件的页面显示模式 ([af13724](https://github.com/anyup/uView-Pro/commit/af137241e644a5f1e99b07e580c8d3aca9250e9e))
+
+### ♻️ Code Refactoring | 代码重构
+
+- 优化代码格式和可读性 ([2e338d5](https://github.com/anyup/uView-Pro/commit/2e338d5cb2dbf3ce42f38c9581c04164b852f992))
+- **useComponent:** 重构组件事件处理并添加热更新支持 ([80f7e5e](https://github.com/anyup/uView-Pro/commit/80f7e5efaa2b2ab1668969072cb6d18652d00cc2))
+- **u-collapse:** 重构 u-collapse 组件中的事件处理逻辑 ([6aadfd1](https://github.com/anyup/uView-Pro/commit/6aadfd16d5aefd45f022c8da1612ba1921942f6e))
+- **u-checkbox:** 优化复选框组件的父组件事件处理 ([3b597ea](https://github.com/anyup/uView-Pro/commit/3b597ea2833ca71e5752d097b2f07c143869f0d2))
+- **hooks:** 优化 useComponent 以支持页面级别组件关系管理 ([429192f](https://github.com/anyup/uView-Pro/commit/429192f66ba59a26acb957acfc01d5f318d43fb6))
+
+### 📝 Documentation | 文档
+
+- 更新微信交流群图片链接 ([e67588a](https://github.com/anyup/uView-Pro/commit/e67588ae392d5150ec4d271ce45e65fe32372460))
+
 ## 0.2.3（2025-10-06）
 
 ### 🐛 Bug Fixes | Bug 修复

package/components/u-action-sheet/u-action-sheet.vue

@@ -27,9 +27,16 @@
             </view>
         </block>
         <view class="u-gab" v-if="cancelBtn"> </view>
-        <view @touchmove.stop.prevent class="u-actionsheet-cancel u-action-sheet-item" hover-class="u-hover-class" :hover-stay-time="150" v-if="cancelBtn" @tap="close">{{
-            cancelText
-        }}</view>
+        <view
+            @touchmove.stop.prevent
+            class="u-actionsheet-cancel u-action-sheet-item"
+            hover-class="u-hover-class"
+            :hover-stay-time="150"
+            v-if="cancelBtn"
+            @tap="close"
+        >
+            {{ cancelText }}
+        </view>
     </u-popup>
 </template>
 

package/components/u-alert-tips/u-alert-tips.vue

@@ -2,14 +2,25 @@
     <view
         class="u-alert-tips"
         v-if="show"
-        :class="[!show ? 'u-close-alert-tips' : '', type ? 'u-alert-tips--bg--' + type + '-light' : '', type ? 'u-alert-tips--border--' + type + '-disabled' : '']"
+        :class="[
+            !show ? 'u-close-alert-tips' : '',
+            type ? 'u-alert-tips--bg--' + type + '-light' : '',
+            type ? 'u-alert-tips--border--' + type + '-disabled' : ''
+        ]"
         :style="{
             backgroundColor: bgColor,
             borderColor: borderColor
         }"
     >
         <view class="u-icon-wrap">
-            <u-icon v-if="showIcon" :name="uIconName" :size="description ? 40 : 32" class="u-icon" :color="uIconType" :custom-style="iconStyle"></u-icon>
+            <u-icon
+                v-if="showIcon"
+                :name="uIconName"
+                :size="description ? 40 : 32"
+                class="u-icon"
+                :color="uIconType"
+                :custom-style="iconStyle"
+            ></u-icon>
         </view>
         <view class="u-alert-content" @tap.stop="onClick">
             <view class="u-alert-title" :style="uTitleStyle">

package/components/u-avatar/u-avatar.vue

@@ -1,6 +1,13 @@
 <template>
     <view class="u-avatar" :style="wrapStyle" @tap="onClick">
-        <image @error="onLoadError" :style="imgStyle" class="u-avatar__img" v-if="!uText && avatar" :src="avatar" :mode="imgMode"></image>
+        <image
+            @error="onLoadError"
+            :style="imgStyle"
+            class="u-avatar__img"
+            v-if="!uText && avatar"
+            :src="avatar"
+            :mode="imgMode"
+        ></image>
         <text class="u-line-1" v-else-if="uText" :style="{ fontSize: '38rpx' }">{{ uText }}</text>
         <slot v-else></slot>
         <view class="u-avatar__sex" v-if="showSex" :class="['u-avatar__sex--' + sexIcon]" :style="uSexStyle">
@@ -69,7 +76,14 @@ watch(
  */
 const wrapStyle = computed(() => {
     let style: Record<string, string> = {};
-    style.height = props.size === 'large' ? '120rpx' : props.size === 'default' ? '90rpx' : props.size === 'mini' ? '70rpx' : props.size + 'rpx';
+    style.height =
+        props.size === 'large'
+            ? '120rpx'
+            : props.size === 'default'
+              ? '90rpx'
+              : props.size === 'mini'
+                ? '70rpx'
+                : props.size + 'rpx';
     style.width = style.height;
     style.flex = `0 0 ${style.height}`;
     style.backgroundColor = props.bgColor;

package/components/u-avatar-cropper/weCropper.js

@@ -240,7 +240,14 @@
         self.deviceRadio = windowWidth / 750;
     }
 
-    var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+    var commonjsGlobal =
+        typeof window !== 'undefined'
+            ? window
+            : typeof global !== 'undefined'
+              ? global
+              : typeof self !== 'undefined'
+                ? self
+                : {};
 
     function createCommonjsModule(fn, module) {
         return (
@@ -478,14 +485,22 @@
                     buffer = a + b + c;
                     // Turn the 24 bits into four chunks of 6 bits each, and append the
                     // matching character for each of them to the output.
-                    output += TABLE.charAt((buffer >> 18) & 0x3f) + TABLE.charAt((buffer >> 12) & 0x3f) + TABLE.charAt((buffer >> 6) & 0x3f) + TABLE.charAt(buffer & 0x3f);
+                    output +=
+                        TABLE.charAt((buffer >> 18) & 0x3f) +
+                        TABLE.charAt((buffer >> 12) & 0x3f) +
+                        TABLE.charAt((buffer >> 6) & 0x3f) +
+                        TABLE.charAt(buffer & 0x3f);
                 }
 
                 if (padding == 2) {
                     a = input.charCodeAt(position) << 8;
                     b = input.charCodeAt(++position);
                     buffer = a + b;
-                    output += TABLE.charAt(buffer >> 10) + TABLE.charAt((buffer >> 4) & 0x3f) + TABLE.charAt((buffer << 2) & 0x3f) + '=';
+                    output +=
+                        TABLE.charAt(buffer >> 10) +
+                        TABLE.charAt((buffer >> 4) & 0x3f) +
+                        TABLE.charAt((buffer << 2) & 0x3f) +
+                        '=';
                 } else if (padding == 1) {
                     buffer = input.charCodeAt(position);
                     output += TABLE.charAt(buffer >> 2) + TABLE.charAt((buffer << 4) & 0x3f) + '==';
@@ -701,7 +716,10 @@
             var strPixelRow = '';
             for (var x = 0; x < biWidth; x++) {
                 var iOffsetX = x << 2;
-                strPixelRow += fromCharCode(aImgData[iOffsetY + iOffsetX + 2]) + fromCharCode(aImgData[iOffsetY + iOffsetX + 1]) + fromCharCode(aImgData[iOffsetY + iOffsetX]);
+                strPixelRow +=
+                    fromCharCode(aImgData[iOffsetY + iOffsetX + 2]) +
+                    fromCharCode(aImgData[iOffsetY + iOffsetX + 1]) +
+                    fromCharCode(aImgData[iOffsetY + iOffsetX]);
             }
 
             for (var c = 0; c < iPadding; c++) {
@@ -881,7 +899,13 @@
             if (tools_10(customOptions) && customOptions.original) {
                 // original mode
                 task = function () {
-                    self.targetCtx.drawImage(self.croperTarget, self.imgLeft * pixelRatio, self.imgTop * pixelRatio, self.scaleWidth * pixelRatio, self.scaleHeight * pixelRatio);
+                    self.targetCtx.drawImage(
+                        self.croperTarget,
+                        self.imgLeft * pixelRatio,
+                        self.imgTop * pixelRatio,
+                        self.scaleWidth * pixelRatio,
+                        self.scaleHeight * pixelRatio
+                    );
 
                     canvasOptions = {
                         canvasId: targetId,
@@ -905,7 +929,9 @@
                         fn = customOptions;
                     }
 
-                    var arg = canvasOptions.componentContext ? [canvasOptions, canvasOptions.componentContext] : [canvasOptions];
+                    var arg = canvasOptions.componentContext
+                        ? [canvasOptions, canvasOptions.componentContext]
+                        : [canvasOptions];
 
                     return canvasToTempFilePath.apply(null, arg);
                 })
@@ -1094,9 +1120,11 @@
          * @param imgTop 图片左上角纵坐标值
          */
         self.outsideBound = function (imgLeft, imgTop) {
-            self.imgLeft = imgLeft >= x ? x : self.scaleWidth + imgLeft - x <= width ? x + width - self.scaleWidth : imgLeft;
+            self.imgLeft =
+                imgLeft >= x ? x : self.scaleWidth + imgLeft - x <= width ? x + width - self.scaleWidth : imgLeft;
 
-            self.imgTop = imgTop >= y ? y : self.scaleHeight + imgTop - y <= height ? y + height - self.scaleHeight : imgTop;
+            self.imgTop =
+                imgTop >= y ? y : self.scaleHeight + imgTop - y <= height ? y + height - self.scaleHeight : imgTop;
         };
 
         /**

package/components/u-avatar-cropper/weCropper.ts

@@ -482,14 +482,22 @@ var base64 = createCommonjsModule(function (module, exports) {
                 buffer = a + b + c;
                 // Turn the 24 bits into four chunks of 6 bits each, and append the
                 // matching character for each of them to the output.
-                output += TABLE.charAt((buffer >> 18) & 0x3f) + TABLE.charAt((buffer >> 12) & 0x3f) + TABLE.charAt((buffer >> 6) & 0x3f) + TABLE.charAt(buffer & 0x3f);
+                output +=
+                    TABLE.charAt((buffer >> 18) & 0x3f) +
+                    TABLE.charAt((buffer >> 12) & 0x3f) +
+                    TABLE.charAt((buffer >> 6) & 0x3f) +
+                    TABLE.charAt(buffer & 0x3f);
             }
 
             if (padding == 2) {
                 a = input.charCodeAt(position) << 8;
                 b = input.charCodeAt(++position);
                 buffer = a + b;
-                output += TABLE.charAt(buffer >> 10) + TABLE.charAt((buffer >> 4) & 0x3f) + TABLE.charAt((buffer << 2) & 0x3f) + '=';
+                output +=
+                    TABLE.charAt(buffer >> 10) +
+                    TABLE.charAt((buffer >> 4) & 0x3f) +
+                    TABLE.charAt((buffer << 2) & 0x3f) +
+                    '=';
             } else if (padding == 1) {
                 buffer = input.charCodeAt(position);
                 output += TABLE.charAt(buffer >> 2) + TABLE.charAt((buffer << 4) & 0x3f) + '==';
@@ -705,7 +713,10 @@ function genBitmapImage(oData: any) {
         var strPixelRow = '';
         for (var x = 0; x < biWidth; x++) {
             var iOffsetX = x << 2;
-            strPixelRow += fromCharCode(aImgData[iOffsetY + iOffsetX + 2]) + fromCharCode(aImgData[iOffsetY + iOffsetX + 1]) + fromCharCode(aImgData[iOffsetY + iOffsetX]);
+            strPixelRow +=
+                fromCharCode(aImgData[iOffsetY + iOffsetX + 2]) +
+                fromCharCode(aImgData[iOffsetY + iOffsetX + 1]) +
+                fromCharCode(aImgData[iOffsetY + iOffsetX]);
         }
 
         for (var c = 0; c < iPadding; c++) {
@@ -885,7 +896,13 @@ function methods(this: any) {
         if (tools_10(customOptions) && customOptions.original) {
             // original mode
             task = function () {
-                self.targetCtx.drawImage(self.croperTarget, self.imgLeft * pixelRatio, self.imgTop * pixelRatio, self.scaleWidth * pixelRatio, self.scaleHeight * pixelRatio);
+                self.targetCtx.drawImage(
+                    self.croperTarget,
+                    self.imgLeft * pixelRatio,
+                    self.imgTop * pixelRatio,
+                    self.scaleWidth * pixelRatio,
+                    self.scaleHeight * pixelRatio
+                );
 
                 canvasOptions = {
                     canvasId: targetId,
@@ -909,7 +926,9 @@ function methods(this: any) {
                     fn = customOptions;
                 }
 
-                var arg = canvasOptions.componentContext ? [canvasOptions, canvasOptions.componentContext] : [canvasOptions];
+                var arg = canvasOptions.componentContext
+                    ? [canvasOptions, canvasOptions.componentContext]
+                    : [canvasOptions];
 
                 return canvasToTempFilePath.apply(null, arg);
             })
@@ -1098,9 +1117,11 @@ function cut(this: any) {
      * @param imgTop 图片左上角纵坐标值
      */
     self.outsideBound = function (imgLeft: any, imgTop: any) {
-        self.imgLeft = imgLeft >= x ? x : self.scaleWidth + imgLeft - x <= width ? x + width - self.scaleWidth : imgLeft;
+        self.imgLeft =
+            imgLeft >= x ? x : self.scaleWidth + imgLeft - x <= width ? x + width - self.scaleWidth : imgLeft;
 
-        self.imgTop = imgTop >= y ? y : self.scaleHeight + imgTop - y <= height ? y + height - self.scaleHeight : imgTop;
+        self.imgTop =
+            imgTop >= y ? y : self.scaleHeight + imgTop - y <= height ? y + height - self.scaleHeight : imgTop;
     };
 
     /**

package/components/u-back-top/u-back-top.vue

@@ -63,7 +63,10 @@ const uZIndex = ref(-1);
  */
 const showBackTop = computed(() => {
     // uni.upx2px 用于将 rpx 转为 px
-    return Number(props.scrollTop) > (typeof uni !== 'undefined' && uni.upx2px ? uni.upx2px(Number(props.top)) : Number(props.top));
+    return (
+        Number(props.scrollTop) >
+        (typeof uni !== 'undefined' && uni.upx2px ? uni.upx2px(Number(props.top)) : Number(props.top))
+    );
     // #else
     // return Number(props.scrollTop) > Number(props.top)
 });

package/components/u-button/u-button.vue

@@ -110,7 +110,17 @@ defineOptions({
  * @example <u-button>月落</u-button>
  */
 
-const emit = defineEmits(['click', 'getuserinfo', 'contact', 'getphonenumber', 'error', 'launchapp', 'opensetting', 'chooseavatar', 'agreeprivacyauthorization']);
+const emit = defineEmits([
+    'click',
+    'getuserinfo',
+    'contact',
+    'getphonenumber',
+    'error',
+    'launchapp',
+    'opensetting',
+    'chooseavatar',
+    'agreeprivacyauthorization'
+]);
 
 const props = defineProps(ButtonProps);
 

package/components/u-calendar/types.ts

@@ -61,7 +61,9 @@ export const CalendarProps = {
     /** 顶部的提示文字 */
     toolTip: { type: String, default: '选择日期' },
     /** 是否显示农历 */
-    showLunar: { type: Boolean, default: false }
+    showLunar: { type: Boolean, default: false },
+    /** 是否在页面中显示 */
+    isPage: { type: Boolean, default: false }
 };
 
 export type CalendarProps = ExtractPropTypes<typeof CalendarProps>;

package/components/u-calendar/u-calendar.vue

@@ -1,5 +1,111 @@
 <template>
+    <view v-if="props.isPage" class="u-calendar" :class="props.customClass" :style="$u.toStyle(customStyle)">
+        <!-- <view class="u-calendar__header">
+            <view class="u-calendar__header__text" v-if="!slots.tooltip">
+                {{ toolTip }}
+            </view>
+            <slot v-else name="tooltip" />
+        </view> -->
+        <view class="u-calendar__action u-flex u-row-center">
+            <view class="u-calendar__action__icon">
+                <u-icon
+                    v-if="changeYear"
+                    name="arrow-left-double"
+                    :color="yearArrowColor"
+                    @click="changeYearHandler(0)"
+                ></u-icon>
+            </view>
+            <view class="u-calendar__action__icon">
+                <u-icon
+                    v-if="changeMonth"
+                    name="arrow-left"
+                    :color="monthArrowColor"
+                    @click="changeMonthHandler(0)"
+                ></u-icon>
+            </view>
+            <view class="u-calendar__action__text">{{ showTitle }}</view>
+            <view class="u-calendar__action__icon">
+                <u-icon
+                    v-if="changeMonth"
+                    name="arrow-right"
+                    :color="monthArrowColor"
+                    @click="changeMonthHandler(1)"
+                ></u-icon>
+            </view>
+            <view class="u-calendar__action__icon">
+                <u-icon
+                    v-if="changeYear"
+                    name="arrow-right-double"
+                    :color="yearArrowColor"
+                    @click="changeYearHandler(1)"
+                ></u-icon>
+            </view>
+        </view>
+        <view class="u-calendar__week-day">
+            <view class="u-calendar__week-day__text" v-for="(item, index) in weekDayZh" :key="index">{{ item }}</view>
+        </view>
+        <view class="u-calendar__content">
+            <!-- 前置空白部分 -->
+            <block v-for="(item, index) in weekdayArr" :key="index">
+                <view class="u-calendar__content__item"></view>
+            </block>
+            <view
+                class="u-calendar__content__item"
+                :class="{
+                    'u-hover-class': openDisAbled(year, month, index + 1),
+                    'u-calendar__content--start-date':
+                        (mode == 'range' && startDate == `${year}-${month}-${index + 1}`) || mode == 'date',
+                    'u-calendar__content--end-date':
+                        (mode == 'range' && endDate == `${year}-${month}-${index + 1}`) || mode == 'date'
+                }"
+                :style="{ backgroundColor: getColor(index, 1) }"
+                v-for="(item, index) in daysArr"
+                :key="index"
+                @tap="dateClick(index)"
+            >
+                <view class="u-calendar__content__item__inner" :style="{ color: getColor(index, 2) }">
+                    <view>{{ index + 1 }}</view>
+                </view>
+                <view
+                    class="u-calendar__content__item__tips"
+                    :style="{ color: activeColor }"
+                    v-if="mode == 'range' && startDate == `${year}-${month}-${index + 1}` && startDate != endDate"
+                >
+                    {{ startText }}
+                </view>
+                <view
+                    class="u-calendar__content__item__tips"
+                    :style="{ color: activeColor }"
+                    v-if="mode == 'range' && endDate == `${year}-${month}-${index + 1}`"
+                >
+                    {{ endText }}
+                </view>
+                <view
+                    v-if="
+                        props.showLunar &&
+                        !(mode == 'range' && startDate == `${year}-${month}-${index + 1}` && startDate != endDate) &&
+                        !(mode == 'range' && endDate == `${year}-${month}-${index + 1}`)
+                    "
+                    class="u-calendar__content__item__tips"
+                    :style="{ color: getColor(index, 2) }"
+                >
+                    {{ lunarArr[index]?.dayCn === '初一' ? lunarArr[index].monthCn : (lunarArr[index]?.dayCn ?? '') }}
+                </view>
+            </view>
+            <view class="u-calendar__content__bg-month">{{ month }}</view>
+        </view>
+        <!-- <view class="u-calendar__bottom">
+            <view class="u-calendar__bottom__choose">
+                <text>{{ mode == 'date' ? activeDate : startDate }}</text>
+                <text v-if="endDate">至{{ endDate }}</text>
+            </view>
+            <view class="u-calendar__bottom__btn">
+                <u-button :type="btnType" shape="circle" size="default" @click="btnFix(false)">确定</u-button>
+            </view>
+        </view> -->
+    </view>
     <u-popup
+        v-else
         :maskCloseAble="maskCloseAble"
         mode="bottom"
         :popup="false"
@@ -20,21 +126,43 @@
             </view>
             <view class="u-calendar__action u-flex u-row-center">
                 <view class="u-calendar__action__icon">
-                    <u-icon v-if="changeYear" name="arrow-left-double" :color="yearArrowColor" @click="changeYearHandler(0)"></u-icon>
+                    <u-icon
+                        v-if="changeYear"
+                        name="arrow-left-double"
+                        :color="yearArrowColor"
+                        @click="changeYearHandler(0)"
+                    ></u-icon>
                 </view>
                 <view class="u-calendar__action__icon">
-                    <u-icon v-if="changeMonth" name="arrow-left" :color="monthArrowColor" @click="changeMonthHandler(0)"></u-icon>
+                    <u-icon
+                        v-if="changeMonth"
+                        name="arrow-left"
+                        :color="monthArrowColor"
+                        @click="changeMonthHandler(0)"
+                    ></u-icon>
                 </view>
                 <view class="u-calendar__action__text">{{ showTitle }}</view>
                 <view class="u-calendar__action__icon">
-                    <u-icon v-if="changeMonth" name="arrow-right" :color="monthArrowColor" @click="changeMonthHandler(1)"></u-icon>
+                    <u-icon
+                        v-if="changeMonth"
+                        name="arrow-right"
+                        :color="monthArrowColor"
+                        @click="changeMonthHandler(1)"
+                    ></u-icon>
                 </view>
                 <view class="u-calendar__action__icon">
-                    <u-icon v-if="changeYear" name="arrow-right-double" :color="yearArrowColor" @click="changeYearHandler(1)"></u-icon>
+                    <u-icon
+                        v-if="changeYear"
+                        name="arrow-right-double"
+                        :color="yearArrowColor"
+                        @click="changeYearHandler(1)"
+                    ></u-icon>
                 </view>
             </view>
             <view class="u-calendar__week-day">
-                <view class="u-calendar__week-day__text" v-for="(item, index) in weekDayZh" :key="index">{{ item }}</view>
+                <view class="u-calendar__week-day__text" v-for="(item, index) in weekDayZh" :key="index">
+                    {{ item }}
+                </view>
             </view>
             <view class="u-calendar__content">
                 <!-- 前置空白部分 -->
@@ -45,8 +173,10 @@
                     class="u-calendar__content__item"
                     :class="{
                         'u-hover-class': openDisAbled(year, month, index + 1),
-                        'u-calendar__content--start-date': (mode == 'range' && startDate == `${year}-${month}-${index + 1}`) || mode == 'date',
-                        'u-calendar__content--end-date': (mode == 'range' && endDate == `${year}-${month}-${index + 1}`) || mode == 'date'
+                        'u-calendar__content--start-date':
+                            (mode == 'range' && startDate == `${year}-${month}-${index + 1}`) || mode == 'date',
+                        'u-calendar__content--end-date':
+                            (mode == 'range' && endDate == `${year}-${month}-${index + 1}`) || mode == 'date'
                     }"
                     :style="{ backgroundColor: getColor(index, 1) }"
                     v-for="(item, index) in daysArr"
@@ -60,21 +190,32 @@
                         class="u-calendar__content__item__tips"
                         :style="{ color: activeColor }"
                         v-if="mode == 'range' && startDate == `${year}-${month}-${index + 1}` && startDate != endDate"
-                        >{{ startText }}</view
                     >
-                    <view class="u-calendar__content__item__tips" :style="{ color: activeColor }" v-if="mode == 'range' && endDate == `${year}-${month}-${index + 1}`">{{
-                        endText
-                    }}</view>
+                        {{ startText }}
+                    </view>
+                    <view
+                        class="u-calendar__content__item__tips"
+                        :style="{ color: activeColor }"
+                        v-if="mode == 'range' && endDate == `${year}-${month}-${index + 1}`"
+                    >
+                        {{ endText }}
+                    </view>
                     <view
                         v-if="
                             props.showLunar &&
-                            !(mode == 'range' && startDate == `${year}-${month}-${index + 1}` && startDate != endDate) &&
+                            !(
+                                mode == 'range' &&
+                                startDate == `${year}-${month}-${index + 1}` &&
+                                startDate != endDate
+                            ) &&
                             !(mode == 'range' && endDate == `${year}-${month}-${index + 1}`)
                         "
                         class="u-calendar__content__item__tips"
                         :style="{ color: getColor(index, 2) }"
                     >
-                        {{ lunarArr[index]?.dayCn === '初一' ? lunarArr[index].monthCn : (lunarArr[index]?.dayCn ?? '') }}
+                        {{
+                            lunarArr[index]?.dayCn === '初一' ? lunarArr[index].monthCn : (lunarArr[index]?.dayCn ?? '')
+                        }}
                     </view>
                 </view>
                 <view class="u-calendar__content__bg-month">{{ month }}</view>
@@ -92,15 +233,25 @@
     </u-popup>
 </template>
 
+<script lang="ts">
+export default {
+    name: 'u-calendar',
+    options: {
+        addGlobalClass: true,
+        // #ifndef MP-TOUTIAO
+        virtualHost: true,
+        // #endif
+        styleIsolation: 'shared'
+    }
+};
+</script>
+
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, useSlots } from 'vue';
 import { $u } from '../..';
 import { CalendarProps, type CalendarEmits } from './types';
 import Calendar from '../../libs/util/calendar';
 
-defineOptions({
-    name: 'u-calendar'
-});
 /**
  * calendar 日历
  * @description 此组件用于单个选择日期，范围选择日期等，日历被包裹在底部弹起的容器中。
@@ -372,6 +523,9 @@ function getLunar(year, month, day) {
  * 日期点击事件
  */
 function dateClick(dayIdx: number) {
+    if (props.isPage) {
+        return;
+    }
     const d = dayIdx + 1;
     if (!openDisAbled(year.value, month.value, d)) {
         day.value = d;
@@ -379,7 +533,8 @@ function dateClick(dayIdx: number) {
         if (props.mode == 'date') {
             activeDate.value = date;
         } else {
-            let compare = new Date(date.replace(/\-/g, '/')).getTime() < new Date(startDate.value.replace(/\-/g, '/')).getTime();
+            let compare =
+                new Date(date.replace(/\-/g, '/')).getTime() < new Date(startDate.value.replace(/\-/g, '/')).getTime();
             if (isStart.value || compare) {
                 startDate.value = date;
                 startYear.value = year.value;

package/components/u-car-keyboard/u-car-keyboard.vue

@@ -3,14 +3,32 @@
         <view class="u-keyboard-grids">
             <view>
                 <view class="u-keyboard-grids-item" v-for="(group, i) in abc ? EngKeyBoardList : areaList" :key="i">
-                    <view :hover-stay-time="100" @tap="carInputClick(i, j)" hover-class="u-carinput-hover" class="u-keyboard-grids-btn" v-for="(item, j) in group" :key="j">
+                    <view
+                        :hover-stay-time="100"
+                        @tap="carInputClick(i, j)"
+                        hover-class="u-carinput-hover"
+                        class="u-keyboard-grids-btn"
+                        v-for="(item, j) in group"
+                        :key="j"
+                    >
                         {{ item }}
                     </view>
                 </view>
-                <view @touchstart="backspaceClick" @touchend="clearTimer" :hover-stay-time="100" class="u-keyboard-back" hover-class="u-hover-class">
+                <view
+                    @touchstart="backspaceClick"
+                    @touchend="clearTimer"
+                    :hover-stay-time="100"
+                    class="u-keyboard-back"
+                    hover-class="u-hover-class"
+                >
                     <u-icon :size="38" name="backspace" :bold="true"></u-icon>
                 </view>
-                <view :hover-stay-time="100" class="u-keyboard-change" hover-class="u-carinput-hover" @tap="changeCarInputMode">
+                <view
+                    :hover-stay-time="100"
+                    class="u-keyboard-change"
+                    hover-class="u-carinput-hover"
+                    @tap="changeCarInputMode"
+                >
                     <text class="zh" :class="[!abc ? 'active' : 'inactive']">中</text>
                     /
                     <text class="en" :class="[abc ? 'active' : 'inactive']">英</text>
@@ -96,6 +114,7 @@ const areaList = computed(() => {
 });
 
 const EngKeyBoardList = computed(() => {
+    // prettier-ignore
     let data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 'Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z', 'X', 'C', 'V', 'B', 'N', 'M'];
     let tmp: (string | number)[][] = [];
     if (props.random) {

package/components/u-cell-item/u-cell-item.vue

@@ -12,7 +12,13 @@
         :hover-class="hoverClass"
         :style="{ backgroundColor: bgColor }"
     >
-        <u-icon :size="iconSize" :name="icon" v-if="icon" :custom-style="iconStyle" class="u-cell__left-icon-wrap"></u-icon>
+        <u-icon
+            :size="iconSize"
+            :name="icon"
+            v-if="icon"
+            :custom-style="iconStyle"
+            class="u-cell__left-icon-wrap"
+        ></u-icon>
         <view class="u-flex" v-else>
             <slot name="icon"></slot>
         </view>
@@ -31,7 +37,12 @@
         <view class="u-flex u-cell_right" v-if="$slots['right-icon']">
             <slot name="right-icon"></slot>
         </view>
-        <u-icon v-if="arrow" name="arrow-right" :style="[arrowStyle]" class="u-icon-wrap u-cell__right-icon-wrap"></u-icon>
+        <u-icon
+            v-if="arrow"
+            name="arrow-right"
+            :style="[arrowStyle]"
+            class="u-icon-wrap u-cell__right-icon-wrap"
+        ></u-icon>
     </view>
 </template>