@mpxjs/core 2.10.18 → 2.10.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/@types/index.d.ts CHANGED
@@ -387,7 +387,37 @@ export interface RnConfig {
387
387
  * @platform android
388
388
  * @default true
389
389
  */
390
- enableNativeKeyboardAvoiding?: boolean
390
+ enableNativeKeyboardAvoiding?: boolean,
391
+
392
+ /**
393
+ * 自定义蓝牙权限检查函数,用于在调用 openBluetoothAdapter 时替代默认的权限检查逻辑。
394
+ *
395
+ * Mpx 在 iOS 上默认返回 true(假定权限由系统弹窗处理),在 Android 上会请求 ACCESS_FINE_LOCATION 或 BLUETOOTH_SCAN/CONNECT 权限。
396
+ * 如果需要自定义权限申请逻辑(例如在某些定制 Android 设备上),可配置此函数。
397
+ *
398
+ * @returns Promise<boolean> Resolves 为 true 表示权限获取成功,false 表示失败。
399
+ */
400
+ bluetoothPermission?: () => Promise<boolean>
401
+
402
+ /**
403
+ * 自定义 Wi-Fi 权限检查函数,用于在调用 startWifi 时替代默认的权限检查逻辑。
404
+ *
405
+ * Mpx 在 Android 上默认会请求 ACCESS_FINE_LOCATION 权限。
406
+ * 如果需要自定义权限申请逻辑,可配置此函数。
407
+ *
408
+ * @returns Promise<boolean> Resolves 为 true 表示权限获取成功,false 表示失败。
409
+ */
410
+ wifiPermission?: () => Promise<boolean>
411
+
412
+ /**
413
+ * 自定义相机权限检查函数,用于在渲染 Camera 组件前进行权限检查。
414
+ *
415
+ * 默认情况下,Mpx 会直接渲染 Camera 组件。
416
+ * 如果配置了此函数,Camera 组件会等待该函数返回 true 后再进行渲染。
417
+ *
418
+ * @returns Promise<boolean> Resolves 为 true 表示权限获取成功,false 表示失败。
419
+ */
420
+ cameraPermission?: () => Promise<boolean>
391
421
  }
392
422
 
393
423
  interface MpxConfig {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mpxjs/core",
3
- "version": "2.10.18",
3
+ "version": "2.10.19",
4
4
  "description": "mpx runtime core",
5
5
  "keywords": [
6
6
  "miniprogram",
@@ -113,5 +113,5 @@
113
113
  "url": "https://github.com/didi/mpx/issues"
114
114
  },
115
115
  "sideEffects": false,
116
- "gitHead": "8ce11a81959cb4b807d683b14c2d0b72c3991da3"
116
+ "gitHead": "ca50ba6b1361f3c7790746476dd8b8e6be802ea3"
117
117
  }
@@ -26,7 +26,8 @@ export default function getBuiltInMixins ({ type, rawOptions = {} }) {
26
26
  refsMixin(),
27
27
  i18nMixin(),
28
28
  relationsMixin(type),
29
- pageRouteMixin(type)
29
+ pageRouteMixin(type),
30
+ pageScrollMixin(type)
30
31
  ]
31
32
  } else if (isWeb) {
32
33
  bulitInMixins = [
@@ -0,0 +1,142 @@
1
+ import { warn } from '@mpxjs/utils'
2
+ import { CREATED } from '../../core/innerLifecycle'
3
+
4
+ /**
5
+ * React Native 页面滚动 Mixin
6
+ * 提供页面级别的 pageScrollTo 方法
7
+ * 使用该功能需在页面的 scroll-view 组件上声明 wx:ref="pageScrollView"
8
+ */
9
+ export default function pageScrollMixin (mixinType) {
10
+ if (mixinType !== 'page') {
11
+ return
12
+ }
13
+
14
+ return {
15
+ [CREATED] () {
16
+ this.__registerPageScrollTo()
17
+ },
18
+ beforeUnmount () {
19
+ const navigation = this.__props?.navigation
20
+ if (navigation && navigation.pageScrollTo) {
21
+ delete navigation.pageScrollTo
22
+ }
23
+ },
24
+ methods: {
25
+ /**
26
+ * 注册 pageScrollTo 方法到 navigation 对象
27
+ */
28
+ __registerPageScrollTo () {
29
+ const navigation = this.__props?.navigation
30
+
31
+ // navigation.pageScrollTo 不存在时才注册,避免重复
32
+ if (navigation && !navigation.pageScrollTo) {
33
+ navigation.pageScrollTo = (options) => {
34
+ this.__pageScrollTo(options)
35
+ }
36
+ }
37
+ },
38
+
39
+ /**
40
+ * 获取页面滚动视图节点(通过固定 ref 名称 pageScrollView)
41
+ * @returns {Object|null} 滚动视图的节点实例
42
+ */
43
+ __findScrollableNode () {
44
+ const ref = this.__refs?.pageScrollView?.[0]
45
+ if (!ref || ref.type !== 'node' || !ref.instance?.getNodeInstance) return null
46
+ return ref.instance.getNodeInstance()
47
+ },
48
+
49
+ /**
50
+ * 页面滚动到指定位置
51
+ * @param {Object} options - 配置选项
52
+ * @param {number} options.scrollTop - 滚动到页面的目标位置(单位 px)
53
+ * @param {number} options.duration - 滚动动画的时长(单位 ms)
54
+ * @param {string} options.selector - 选择器
55
+ * @param {number} options.offsetTop - 偏移距离
56
+ * @param {Function} options.onSuccess - 成功回调
57
+ * @param {Function} options.onFail - 失败回调
58
+ */
59
+ __pageScrollTo (options = {}) {
60
+ const {
61
+ scrollTop,
62
+ duration = 300,
63
+ selector,
64
+ offsetTop = 0,
65
+ onSuccess,
66
+ onFail
67
+ } = options
68
+
69
+ try {
70
+ const nodeInstance = this.__findScrollableNode()
71
+
72
+ if (nodeInstance) {
73
+ this.__executeScroll(nodeInstance, scrollTop, duration, selector, offsetTop, onSuccess, onFail)
74
+ return
75
+ }
76
+
77
+ // 没找到可滚动视图
78
+ const errMsg = 'pageScrollTo:fail scrollable view not found. Please add wx:ref="pageScrollView" to the scroll-view component in your page'
79
+ warn(errMsg)
80
+ onFail && onFail(errMsg)
81
+ } catch (e) {
82
+ const errMsg = `pageScrollTo:fail ${e.message}`
83
+ warn(errMsg)
84
+ onFail && onFail(errMsg)
85
+ }
86
+ },
87
+
88
+ /**
89
+ * 执行滚动操作
90
+ */
91
+ __executeScroll (scrollViewNodeInstance, scrollTop, duration, selector, offsetTop, onSuccess, onFail) {
92
+ try {
93
+ const scrollViewNode = scrollViewNodeInstance.instance.node
94
+
95
+ // 如果提供了 selector,使用 scrollIntoView
96
+ if (selector) {
97
+ if (scrollViewNode.scrollIntoView) {
98
+ scrollViewNode.scrollIntoView(selector, {
99
+ offset: offsetTop,
100
+ animated: duration > 0,
101
+ duration
102
+ })
103
+ onSuccess && onSuccess()
104
+ } else {
105
+ const errMsg = 'pageScrollTo:fail scrollIntoView method not available'
106
+ warn(errMsg)
107
+ onFail && onFail(errMsg)
108
+ }
109
+ return
110
+ }
111
+
112
+ // 使用 scrollTop 进行滚动
113
+ if (scrollTop !== undefined) {
114
+ if (scrollViewNode.scrollTo) {
115
+ scrollViewNode.scrollTo({
116
+ top: scrollTop,
117
+ left: 0,
118
+ animated: duration > 0,
119
+ duration
120
+ })
121
+ onSuccess && onSuccess()
122
+ } else {
123
+ const errMsg = 'pageScrollTo:fail scrollTo method not available'
124
+ warn(errMsg)
125
+ onFail && onFail(errMsg)
126
+ }
127
+ return
128
+ }
129
+
130
+ // 既没有 scrollTop 也没有 selector
131
+ const errMsg = 'pageScrollTo:fail scrollTop or selector is required'
132
+ warn(errMsg)
133
+ onFail && onFail(errMsg)
134
+ } catch (e) {
135
+ const errMsg = `pageScrollTo:fail ${e.message}`
136
+ warn(errMsg)
137
+ onFail && onFail(errMsg)
138
+ }
139
+ }
140
+ }
141
+ }
142
+ }
@@ -1,4 +1,4 @@
1
- import { walkChildren, parseSelector, error, hasOwn, collectDataset } from '@mpxjs/utils'
1
+ import { walkChildren, parseSelector, error, hasOwn, collectDataset, getByPath } from '@mpxjs/utils'
2
2
  import { createSelectorQuery, createIntersectionObserver } from '@mpxjs/api-proxy'
3
3
  import { EffectScope } from 'vue'
4
4
  import { PausedState } from '../../helper/const'
@@ -56,6 +56,17 @@ const hackEffectScope = () => {
56
56
  }
57
57
 
58
58
  export default function install (Vue) {
59
+ const originalWatch = Vue.prototype.$watch
60
+ Vue.prototype.$watch = function (expOrFn, cb, options) {
61
+ if (typeof expOrFn === 'string' && expOrFn.indexOf(',') > -1) {
62
+ const keys = expOrFn.split(',').map(key => key.trim())
63
+ expOrFn = function () {
64
+ return keys.map(key => getByPath(this, key))
65
+ }
66
+ }
67
+ return originalWatch.call(this, expOrFn, cb, options)
68
+ }
69
+
59
70
  Object.defineProperties(Vue.prototype, {
60
71
  data: {
61
72
  get () {