From e816b1bcb5ec5fd649eb07c694539ba3c1ab73b0 Mon Sep 17 00:00:00 2001
From: James <72028410+James-9696@users.noreply.github.com>
Date: Wed, 25 Dec 2024 10:08:27 +0800
Subject: [PATCH 1/3] fix(action-sheet): modify mobile problem (#2692)

---
 examples/sites/demos/apis/actionsheet.js      | 23 ++++++++++++++++++-
 .../demos/mobile/app/actionsheet/clickfn.vue  |  1 -
 .../demos/mobile/app/actionsheet/ellipsis.vue |  1 -
 .../mobile/app/actionsheet/slot-action.vue    |  8 ++++++-
 .../mobile/app/actionsheet/slot-item.vue      |  1 -
 .../app/actionsheet/webdoc/actionsheet.js     |  4 ++--
 .../theme-mobile/src/action-sheet/index.less  |  7 +++---
 7 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/examples/sites/demos/apis/actionsheet.js b/examples/sites/demos/apis/actionsheet.js
index 6114afbec9..cde9b6253a 100644
--- a/examples/sites/demos/apis/actionsheet.js
+++ b/examples/sites/demos/apis/actionsheet.js
@@ -37,6 +37,17 @@ export default {
           },
           mode: ['mobile'],
           mobileDemo: 'ellipsis'
+        },
+        {
+          name: 'content-position',
+          type: 'Boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '是否显示action插槽',
+            'en-US': 'Whether to display action slots '
+          },
+          mode: ['mobile'],
+          mobileDemo: 'slot-action'
         }
       ],
       events: [
@@ -70,12 +81,22 @@ export default {
           name: 'action',
           defaultValue: '',
           desc: {
-            'zh-CN': '<p>自定义操作项内容</p>',
+            'zh-CN': '<p>action插槽</p>',
             'en-US': 'Click'
           },
           mode: ['mobile'],
           mobileDemo: 'slot-action'
         },
+        {
+          name: 'item',
+          defaultValue: '',
+          desc: {
+            'zh-CN': '<p>item插槽</p>',
+            'en-US': 'Click'
+          },
+          mode: ['mobile'],
+          mobileDemo: 'slot-item'
+        },
         {
           mode: []
         }
diff --git a/examples/sites/demos/mobile/app/actionsheet/clickfn.vue b/examples/sites/demos/mobile/app/actionsheet/clickfn.vue
index 519991fdca..b83a0ee8d0 100644
--- a/examples/sites/demos/mobile/app/actionsheet/clickfn.vue
+++ b/examples/sites/demos/mobile/app/actionsheet/clickfn.vue
@@ -11,7 +11,6 @@
       :visible="boxVisibility"
       @update:visible="boxVisibility = $event"
       @click="clickItem"
-      content-position
     ></tiny-action-sheet>
   </div>
 </template>
diff --git a/examples/sites/demos/mobile/app/actionsheet/ellipsis.vue b/examples/sites/demos/mobile/app/actionsheet/ellipsis.vue
index 70428195f8..b1890a8228 100644
--- a/examples/sites/demos/mobile/app/actionsheet/ellipsis.vue
+++ b/examples/sites/demos/mobile/app/actionsheet/ellipsis.vue
@@ -11,7 +11,6 @@
       ellipsis
       :visible="boxVisibility"
       @update:visible="boxVisibility = $event"
-      content-position
     ></tiny-action-sheet>
   </div>
 </template>
diff --git a/examples/sites/demos/mobile/app/actionsheet/slot-action.vue b/examples/sites/demos/mobile/app/actionsheet/slot-action.vue
index 3cc058ec7d..3117eeb4e8 100644
--- a/examples/sites/demos/mobile/app/actionsheet/slot-action.vue
+++ b/examples/sites/demos/mobile/app/actionsheet/slot-action.vue
@@ -12,7 +12,13 @@
       :visible="boxVisibility"
       @update:visible="boxVisibility = $event"
       content-position
-    ></tiny-action-sheet>
+    >
+      <template #item="data">
+        <div>
+          {{ data.item.label }}
+        </div>
+      </template>
+    </tiny-action-sheet>
   </div>
 </template>
 
diff --git a/examples/sites/demos/mobile/app/actionsheet/slot-item.vue b/examples/sites/demos/mobile/app/actionsheet/slot-item.vue
index b6b2951526..ac0dfc29c7 100644
--- a/examples/sites/demos/mobile/app/actionsheet/slot-item.vue
+++ b/examples/sites/demos/mobile/app/actionsheet/slot-item.vue
@@ -10,7 +10,6 @@
       :menus="menus"
       :visible="boxVisibility"
       @update:visible="boxVisibility = $event"
-      content-position
     >
       <template #item="data">
         <div>
diff --git a/examples/sites/demos/mobile/app/actionsheet/webdoc/actionsheet.js b/examples/sites/demos/mobile/app/actionsheet/webdoc/actionsheet.js
index ef7934846d..ac38f76574 100644
--- a/examples/sites/demos/mobile/app/actionsheet/webdoc/actionsheet.js
+++ b/examples/sites/demos/mobile/app/actionsheet/webdoc/actionsheet.js
@@ -29,7 +29,7 @@ export default {
     {
       demoId: 'slot-item',
       name: {
-        'zh-CN': '插槽',
+        'zh-CN': '数据插槽',
         'en-US': 'events'
       },
       desc: {
@@ -41,7 +41,7 @@ export default {
     {
       demoId: 'slot-action',
       name: {
-        'zh-CN': '插槽',
+        'zh-CN': 'action插槽',
         'en-US': 'events'
       },
       desc: {
diff --git a/packages/theme-mobile/src/action-sheet/index.less b/packages/theme-mobile/src/action-sheet/index.less
index 38fee3d87f..9ddd0e35dd 100644
--- a/packages/theme-mobile/src/action-sheet/index.less
+++ b/packages/theme-mobile/src/action-sheet/index.less
@@ -19,9 +19,8 @@
 .@{action-sheet-prefix-cls} {
   .component-css-vars-action-sheet();
 
-  position: absolute;
-  bottom: 0;
-  width: 100%;
+  position: relative;
+  height: 100%;
 
   &__mask {
     top: 0;
@@ -42,6 +41,7 @@
     transition: transform 0.3s;
     z-index: 500;
     overflow-y: scroll;
+    backface-visibility: hidden;
     border-radius: 16px 16px 0px 0px;
     &.is-toggle {
       transform: translate(0, 0);
@@ -103,6 +103,7 @@
 
   &__action {
     width: 100%;
+    position: absolute;
     background-color: var(--ti-mobile-action-sheet-action-bg-color, #fff);
   }
 }

From 5b243c2acf8498002105aaec350191ef4b7c0261 Mon Sep 17 00:00:00 2001
From: James <72028410+James-9696@users.noreply.github.com>
Date: Wed, 25 Dec 2024 10:10:41 +0800
Subject: [PATCH 2/3] fix(pull-refresh): modify mobile bug (#2677)

---
 .../components/pull-refresh/src/mobile.vue    |  3 ++-
 .../pull-refresh/src/pull-refresh.ts          | 20 +++++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/packages/mobile/components/pull-refresh/src/mobile.vue b/packages/mobile/components/pull-refresh/src/mobile.vue
index faddf81664..a145e7070b 100644
--- a/packages/mobile/components/pull-refresh/src/mobile.vue
+++ b/packages/mobile/components/pull-refresh/src/mobile.vue
@@ -60,13 +60,14 @@
 </template>
 
 <script lang="tsx">
-import { $prefix, setup, defineComponent, props } from '../../../vue-common'
+import { $prefix, setup, defineComponent } from '../../../vue-common'
 import { renderless, api } from './renderless/vue'
 import { pullRefreshProps } from './pull-refresh'
 import '@opentiny/vue-theme-mobile/pull-refresh/index.less'
 
 export default defineComponent({
   name: $prefix + 'PullRefresh',
+  componentName: 'PullRefresh',
   props: pullRefreshProps,
   setup(props, context) {
     return setup({ props, context, renderless, api })
diff --git a/packages/mobile/components/pull-refresh/src/pull-refresh.ts b/packages/mobile/components/pull-refresh/src/pull-refresh.ts
index 84fc662344..468d03e4fa 100644
--- a/packages/mobile/components/pull-refresh/src/pull-refresh.ts
+++ b/packages/mobile/components/pull-refresh/src/pull-refresh.ts
@@ -41,12 +41,16 @@ export const pullRefreshProps = {
     type: Boolean,
     default: true
   },
-
-  // mobile-first的props
-  headHeight: { type: [Number, String], default: $constants.DEFAULT_HEAD_HEIGHT },
-  pullingText: { type: String, default: t('ui.pullRefresh.pulling') },
-  loadingText: { type: String, default: $constants.STATUS.LOADING },
-  pullDistance: [Number, String],
-  loadingOptions: { type: Object, default: () => ({}) },
-  selfSimulate: { type: Boolean, default: false }
+  pullUpLoadingText: {
+    type: String,
+    default: ''
+  },
+  pullDownLoadingText: {
+    type: String,
+    default: ''
+  },
+  disabledPullUp: {
+    type: Boolean,
+    default: false
+  }
 }

From a86fffcd94359c29ea3d3c9129672cca6bea30dc Mon Sep 17 00:00:00 2001
From: James <72028410+James-9696@users.noreply.github.com>
Date: Wed, 25 Dec 2024 10:11:00 +0800
Subject: [PATCH 3/3] fix(exception): modify mobile problem (#2690)

---
 .../demos/mobile/app/exception/buttonText.vue |  7 +------
 .../mobile/app/exception/exceptionClass.vue   | 20 +++++++++++--------
 .../demos/mobile/app/exception/message.vue    |  6 ++----
 .../components/exception/src/exception.ts     |  1 +
 .../components/exception/src/mobile.vue       |  2 +-
 5 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/examples/sites/demos/mobile/app/exception/buttonText.vue b/examples/sites/demos/mobile/app/exception/buttonText.vue
index 6688ff299e..303661bb51 100644
--- a/examples/sites/demos/mobile/app/exception/buttonText.vue
+++ b/examples/sites/demos/mobile/app/exception/buttonText.vue
@@ -1,11 +1,6 @@
 <template>
   <div class="tiny-mobile-exception-demo">
-    <tiny-exception
-      type="nodata"
-      button-text="重试"
-      :imageUrl="imageUrl"
-      message="网络异常，请稍后再试，或者联系管理员给您处理"
-    ></tiny-exception>
+    <tiny-exception type="nodata" button-text="重试" :imageUrl="imageUrl"></tiny-exception>
   </div>
 </template>
 
diff --git a/examples/sites/demos/mobile/app/exception/exceptionClass.vue b/examples/sites/demos/mobile/app/exception/exceptionClass.vue
index 6688ff299e..2e6f37030b 100644
--- a/examples/sites/demos/mobile/app/exception/exceptionClass.vue
+++ b/examples/sites/demos/mobile/app/exception/exceptionClass.vue
@@ -4,27 +4,31 @@
       type="nodata"
       button-text="重试"
       :imageUrl="imageUrl"
+      :exception-class="exceptionClass"
       message="网络异常，请稍后再试，或者联系管理员给您处理"
     ></tiny-exception>
   </div>
 </template>
 
 <script lang="jsx">
-import { TinyException } from '@opentiny/vue-mobile'
+import { Exception } from '@opentiny/vue'
 
 export default {
   components: {
-    TinyException
+    TinyException: Exception
   },
   data() {
     return {
-      imageUrl: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/planet1.jpg`
+      imageUrl: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/planet1.jpg`,
+      exceptionClass: 'no-problem'
     }
   },
-  methods: {
-    test() {
-      alert(11)
-    }
-  }
+  methods: {}
 }
 </script>
+
+<style lang="less">
+.no-problem {
+  background-color: pink;
+}
+</style>
diff --git a/examples/sites/demos/mobile/app/exception/message.vue b/examples/sites/demos/mobile/app/exception/message.vue
index 96be4ee71d..01f3792e2b 100644
--- a/examples/sites/demos/mobile/app/exception/message.vue
+++ b/examples/sites/demos/mobile/app/exception/message.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="tiny-mobile-exception-demo">
-    <tiny-exception type="nodata" message="自定义文本内容" :imageUrl="imageUrl" @btn-click="test"></tiny-exception>
+    <tiny-exception type="nodata" message="自定义文本内容" @btn-click="test"></tiny-exception>
   </div>
 </template>
 
@@ -12,9 +12,7 @@ export default {
     TinyException
   },
   data() {
-    return {
-      imageUrl: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/planet1.jpg`
-    }
+    return {}
   },
   methods: {
     test() {
diff --git a/packages/mobile/components/exception/src/exception.ts b/packages/mobile/components/exception/src/exception.ts
index 3ced695aae..3271e08e56 100644
--- a/packages/mobile/components/exception/src/exception.ts
+++ b/packages/mobile/components/exception/src/exception.ts
@@ -3,6 +3,7 @@ export const exceptionProps = {
     type: String,
     default: 'nodata'
   },
+  buttonText: String,
   message: String,
   subMessage: String,
   exceptionClass: String,
diff --git a/packages/mobile/components/exception/src/mobile.vue b/packages/mobile/components/exception/src/mobile.vue
index dd44b8dd4d..c8b79c12cb 100644
--- a/packages/mobile/components/exception/src/mobile.vue
+++ b/packages/mobile/components/exception/src/mobile.vue
@@ -17,7 +17,7 @@
       <slot name="content">
         <div class="tiny-mobile-exception__content-message">
           <div class="main-message">
-            {{ state.message }}
+            {{ message }}
           </div>
           <div v-if="subMessage" class="sub-message">
             {{ subMessage }}