uview-plus 3.8.86 → 3.8.108

package/libs/root/root.js

@@ -2,6 +2,28 @@ import { MagicString } from 'vue/compiler-sfc'
 
 import { parseSFC } from './utils.js'
 
+function ensureRootToastHostComponent(ms, scriptContent) {
+  const componentsMatch = scriptContent.match(/components\s*:\s*\{([\s\S]*?)\}/)
+  if (componentsMatch && /\bUpRootToastHost\b/.test(componentsMatch[1])) return
+
+  if (componentsMatch) {
+    ms.appendLeft(componentsMatch.index + componentsMatch[0].length, ' UpRootToastHost,')
+    return
+  }
+
+  const exportDefaultMatch = scriptContent.match(/export\s+default\s+(?:defineComponent\s*\()?\s*\{/)
+  if (exportDefaultMatch) {
+    ms.appendLeft(
+      exportDefaultMatch.index + exportDefaultMatch[0].length,
+      '\n  components: { UpRootToastHost },'
+    )
+  }
+}
+
+function getRootToastHostImport(importPath) {
+  return `import UpRootToastHost from '${importPath}'\n`
+}
+
 export async function registerUpApp(
   code,
   fileName = 'App.up',
@@ -21,17 +43,57 @@ import UpRootToastHost from "${rootToastHostPath}";`
   return ms
 }
 
-export async function rebuildUpApp(code, enabledVirtualHost = false) {
+export async function rebuildUpApp(
+  code,
+  enabledVirtualHost = false,
+  { rootToastHostImportPath = '' } = {}
+) {
   const ms = new MagicString(code)
   const rootTagNameRE = /<(UpRootView|up-root-view)(?:\s*\/>|><\/\1>)/
-  ms.replace(rootTagNameRE, '<slot />\n    <ku-root-toast-host />')
+  const hasRootView = rootTagNameRE.test(code)
+  if (hasRootView) {
+    const rootToastHostTag = rootToastHostImportPath
+      ? '<UpRootToastHost />'
+      : '<ku-root-toast-host />'
+    ms.replace(rootTagNameRE, `<slot />\n    ${rootToastHostTag}`)
+  }
+
+  const shouldInjectRootToastHost = hasRootView && rootToastHostImportPath
+  const sfc = enabledVirtualHost || shouldInjectRootToastHost
+    ? await parseSFC(code)
+    : null
+
+  if (shouldInjectRootToastHost) {
+    const importCode = getRootToastHostImport(rootToastHostImportPath)
+
+    if (sfc.scriptSetup) {
+      if (!/\bimport\s+UpRootToastHost\b/.test(sfc.scriptSetup.content)) {
+        ms.appendLeft(sfc.scriptSetup.loc.start.offset, importCode)
+      }
+    } else if (sfc.script) {
+      if (!/\bimport\s+UpRootToastHost\b/.test(sfc.script.content)) {
+        ms.appendLeft(sfc.script.loc.start.offset, importCode)
+      }
+      ensureRootToastHostComponent(ms, sfc.script.content)
+    }
+  }
 
   if (enabledVirtualHost) {
-    const sfc = await parseSFC(code)
     if (sfc.script) {
       return ms
     }
     const langType = sfc.scriptSetup?.lang
+    if (!sfc.scriptSetup && shouldInjectRootToastHost) {
+      ms.append(`<script ${langType ? `lang="${langType}"` : ''}>
+    ${getRootToastHostImport(rootToastHostImportPath)}export default {
+      components: { UpRootToastHost },
+      options: {
+        virtualHost: true,
+      }
+    }
+</script>`)
+      return ms
+    }
     ms.append(`<script ${langType ? `lang="${langType}"` : ''}>
     export default {
       options: {
@@ -40,5 +102,13 @@ export async function rebuildUpApp(code, enabledVirtualHost = false) {
     }\n</script>`)
   }
 
+  if (!sfc?.script && !sfc?.scriptSetup && shouldInjectRootToastHost) {
+    ms.append(`<script>
+    ${getRootToastHostImport(rootToastHostImportPath)}export default {
+      components: { UpRootToastHost },
+    }
+</script>`)
+  }
+
   return ms
 }

package/libs/util/app-nvue-webview-canvas.js

@@ -0,0 +1,486 @@
+const DEFAULT_TIMEOUT = 15000
+const DEFAULT_CHUNK_SIZE = 64 * 1024
+
+function normalizeMessage(input) {
+    const data = input && input.detail ? input.detail.data : input
+    if (Array.isArray(data)) {
+        return data[data.length - 1] || null
+    }
+    return data || null
+}
+
+function toError(error, fallback) {
+    if (error instanceof Error) return error
+    if (error && error.message) return new Error(error.message)
+    return new Error(error ? String(error) : fallback)
+}
+
+export function createWebViewCanvasBridge(options = {}) {
+    const getWebView = typeof options.getWebView === 'function'
+        ? options.getWebView
+        : () => options.webView
+    const chunkSize = Math.max(1024, Number(options.chunkSize) || DEFAULT_CHUNK_SIZE)
+    const pending = Object.create(null)
+    const readyWaiters = []
+    let sequence = 0
+    let destroyed = false
+    let readyInfo = null
+    let readyPingTimer = null
+
+    const rejectPending = (error) => {
+        Object.keys(pending).forEach((requestId) => {
+            const request = pending[requestId]
+            clearTimeout(request.timer)
+            delete pending[requestId]
+            request.reject(error)
+        })
+    }
+
+    const scheduleReadyPing = () => {
+        if (destroyed || readyInfo || readyPingTimer) return
+        const ping = () => {
+            readyPingTimer = null
+            if (destroyed || readyInfo) return
+            try {
+                const webView = getWebView()
+                if (webView && typeof webView.evalJs === 'function') {
+                    webView.evalJs('window.__upCanvasRuntime && window.__upCanvasRuntime.announceReady()')
+                }
+            } catch (error) {
+                if (typeof options.onError === 'function') options.onError(error)
+            }
+            readyPingTimer = setTimeout(ping, 100)
+        }
+        ping()
+    }
+
+    const resolveReady = (message) => {
+        const previousSessionId = readyInfo && readyInfo.sessionId
+        if (previousSessionId && message.sessionId && previousSessionId !== message.sessionId) {
+            rejectPending(new Error('Canvas WebView reloaded'))
+        }
+        readyInfo = message
+        if (readyPingTimer) {
+            clearTimeout(readyPingTimer)
+            readyPingTimer = null
+        }
+        readyWaiters.splice(0).forEach((waiter) => {
+            clearTimeout(waiter.timer)
+            waiter.resolve(message)
+        })
+        if (typeof options.onReady === 'function') options.onReady(message)
+    }
+
+    const ready = (timeout = DEFAULT_TIMEOUT) => {
+        if (destroyed) return Promise.reject(new Error('Canvas WebView bridge destroyed'))
+        if (readyInfo) return Promise.resolve(readyInfo)
+        return new Promise((resolve, reject) => {
+            const waiter = {
+                resolve,
+                reject,
+                timer: setTimeout(() => {
+                    const index = readyWaiters.indexOf(waiter)
+                    if (index !== -1) readyWaiters.splice(index, 1)
+                    reject(new Error('Canvas WebView ready timeout'))
+                }, timeout)
+            }
+            readyWaiters.push(waiter)
+            scheduleReadyPing()
+        })
+    }
+
+    const settleRequest = (requestId, error, result) => {
+        const request = pending[requestId]
+        if (!request) return false
+        clearTimeout(request.timer)
+        delete pending[requestId]
+        if (error) request.reject(error)
+        else request.resolve(result)
+        return true
+    }
+
+    const request = async (type, payload, timeout = DEFAULT_TIMEOUT) => {
+        await ready(timeout)
+        if (destroyed) throw new Error('Canvas WebView bridge destroyed')
+
+        const webView = getWebView()
+        if (!webView || typeof webView.evalJs !== 'function') {
+            throw new Error('Canvas WebView is unavailable')
+        }
+
+        const requestId = ++sequence
+        const serialized = JSON.stringify({ requestId, type, payload: payload || {} })
+        const total = Math.max(1, Math.ceil(serialized.length / chunkSize))
+
+        return new Promise((resolve, reject) => {
+            pending[requestId] = {
+                resolve,
+                reject,
+                timer: setTimeout(() => {
+                    settleRequest(requestId, new Error(`Canvas ${type} request timeout`))
+                }, timeout)
+            }
+
+            try {
+                const asyncSends = []
+                for (let index = 0; index < total; index += 1) {
+                    const chunk = serialized.slice(index * chunkSize, (index + 1) * chunkSize)
+                    const result = webView.evalJs(
+                        `window.__upCanvasRuntime.receiveChunk(${JSON.stringify(requestId)}, ${index}, ${total}, ${JSON.stringify(chunk)})`
+                    )
+                    if (result && typeof result.then === 'function') asyncSends.push(result)
+                }
+                if (asyncSends.length) {
+                    Promise.all(asyncSends).catch((error) => {
+                        settleRequest(requestId, toError(error, 'Canvas request dispatch failed'))
+                    })
+                }
+            } catch (error) {
+                settleRequest(requestId, toError(error, 'Canvas request dispatch failed'))
+            }
+        })
+    }
+
+    const handleMessage = (input) => {
+        const message = normalizeMessage(input)
+        if (!message || message.channel !== 'u-canvas') return false
+
+        if (message.action === 'canvasReady') {
+            resolveReady(message)
+            return true
+        }
+        if (message.action === 'canvasTouch') {
+            if (typeof options.onTouch === 'function') options.onTouch(message)
+            return true
+        }
+        if (message.action === 'canvasResponse') {
+            return settleRequest(message.requestId, null, message.result)
+        }
+        if (message.action === 'canvasError') {
+            const error = new Error(message.message || 'Canvas WebView request failed')
+            if (!settleRequest(message.requestId, error) && typeof options.onError === 'function') {
+                options.onError(error)
+            }
+            return true
+        }
+        return false
+    }
+
+    const destroy = () => {
+        if (destroyed) return
+        destroyed = true
+        if (readyPingTimer) clearTimeout(readyPingTimer)
+        readyPingTimer = null
+        const error = new Error('Canvas WebView bridge destroyed')
+        readyWaiters.splice(0).forEach((waiter) => {
+            clearTimeout(waiter.timer)
+            waiter.reject(error)
+        })
+        rejectPending(error)
+    }
+
+    return {
+        ready,
+        request,
+        handleMessage,
+        destroy
+    }
+}
+
+function normalizeImageDataArgs(args) {
+    if (args.length === 1 && args[0] && typeof args[0] === 'object') return args[0]
+    return { x: args[0], y: args[1], width: args[2], height: args[3] }
+}
+
+function normalizePutImageDataArgs(args) {
+    if (args.length === 1 && args[0] && typeof args[0] === 'object') return args[0]
+    return { data: args[0], x: args[1], y: args[2], width: args[3], height: args[4] }
+}
+
+function cloneOptions(options) {
+    const result = {}
+    Object.keys(options || {}).forEach((key) => {
+        if (typeof options[key] !== 'function') result[key] = options[key]
+    })
+    return result
+}
+
+function withCallbacks(promise, options) {
+    const success = options && options.success
+    const fail = options && options.fail
+    const complete = options && options.complete
+    return promise.then((result) => {
+        if (typeof success === 'function') success(result)
+        if (typeof complete === 'function') complete(result)
+        return result
+    }, (error) => {
+        if (typeof fail === 'function') fail(error)
+        if (typeof complete === 'function') complete(error)
+        throw error
+    })
+}
+
+export function createWebViewCanvasContext(options = {}) {
+    const bridge = options.bridge
+    if (!bridge || typeof bridge.request !== 'function') {
+        throw new Error('Canvas WebView bridge is required')
+    }
+
+    const resolveImage = typeof options.resolveImage === 'function'
+        ? options.resolveImage
+        : source => Promise.resolve(source)
+    const measureTextFallback = typeof options.measureText === 'function'
+        ? options.measureText
+        : (text, state) => {
+            const matched = String(state.font || '').match(/(\d+(?:\.\d+)?)px/)
+            const fontSize = matched ? Number(matched[1]) : 10
+            return { width: String(text).length * fontSize * 0.6 }
+        }
+    const state = {
+        fillStyle: '#000000',
+        strokeStyle: '#000000',
+        lineWidth: 1,
+        lineCap: 'butt',
+        lineJoin: 'miter',
+        miterLimit: 10,
+        globalAlpha: 1,
+        globalCompositeOperation: 'source-over',
+        font: '10px sans-serif',
+        textAlign: 'start',
+        textBaseline: 'alphabetic',
+        shadowOffsetX: 0,
+        shadowOffsetY: 0,
+        shadowBlur: 0,
+        shadowColor: 'rgba(0,0,0,0)',
+        lineDashOffset: 0,
+        lineDash: []
+    }
+    const context = {}
+    let commands = []
+    let resources = Object.create(null)
+    let resourceSequence = 0
+    let drawTail = Promise.resolve()
+    let lastDraw = drawTail
+
+    const nextResourceId = type => `${type}-${++resourceSequence}`
+    const rememberResource = (resource) => {
+        resources[resource.id] = resource
+        return { __upCanvasRef: resource.id }
+    }
+    const serializeValue = (value) => {
+        if (value && value.__upCanvasResource) return rememberResource(value)
+        if (Array.isArray(value)) return value.map(serializeValue)
+        return value
+    }
+    const enqueueCall = (method, args) => {
+        commands.push({
+            type: 'call',
+            method,
+            args: (args || []).map(serializeValue)
+        })
+    }
+    const enqueueSet = (property, value) => {
+        commands.push({
+            type: 'set',
+            property,
+            value: serializeValue(value)
+        })
+    }
+    const property = name => ({
+        enumerable: true,
+        configurable: false,
+        get() {
+            return state[name]
+        },
+        set(value) {
+            state[name] = value
+            enqueueSet(name, value)
+        }
+    })
+
+    Object.defineProperties(context, {
+        fillStyle: property('fillStyle'),
+        strokeStyle: property('strokeStyle'),
+        lineWidth: property('lineWidth'),
+        lineCap: property('lineCap'),
+        lineJoin: property('lineJoin'),
+        miterLimit: property('miterLimit'),
+        globalAlpha: property('globalAlpha'),
+        globalCompositeOperation: property('globalCompositeOperation'),
+        font: property('font'),
+        textAlign: property('textAlign'),
+        textBaseline: property('textBaseline'),
+        shadowOffsetX: property('shadowOffsetX'),
+        shadowOffsetY: property('shadowOffsetY'),
+        shadowBlur: property('shadowBlur'),
+        shadowColor: property('shadowColor'),
+        lineDashOffset: property('lineDashOffset')
+    })
+
+    const methodOperations = [
+        'rect', 'clearRect', 'fillRect', 'strokeRect', 'fill', 'stroke',
+        'beginPath', 'closePath', 'moveTo', 'lineTo', 'arc', 'arcTo',
+        'bezierCurveTo', 'quadraticCurveTo', 'ellipse', 'clip', 'save',
+        'restore', 'translate', 'rotate', 'scale', 'setTransform',
+        'transform', 'resetTransform', 'fillText', 'strokeText'
+    ]
+    methodOperations.forEach((method) => {
+        context[method] = (...args) => enqueueCall(method, args)
+    })
+
+    const createGradient = (kind, args) => {
+        const resource = {
+            __upCanvasResource: true,
+            type: 'gradient',
+            id: nextResourceId('gradient'),
+            kind,
+            args,
+            stops: [],
+            addColorStop(offset, color) {
+                this.stops.push([Number(offset), String(color)])
+            }
+        }
+        return resource
+    }
+
+    const imageSource = (source) => {
+        if (typeof source === 'string') return source
+        if (source && typeof source.src === 'string') return source.src
+        throw new Error('Canvas image source must be a string')
+    }
+
+    const createImageResource = (source) => ({
+        __upCanvasResource: true,
+        type: 'image',
+        id: nextResourceId('image'),
+        source: Promise.resolve().then(() => resolveImage(imageSource(source)))
+    })
+
+    const snapshotResources = (resourceMap) => Object.keys(resourceMap).map((id) => {
+        const resource = resourceMap[id]
+        if (resource.type === 'gradient') {
+            return Promise.resolve({
+                type: 'gradient',
+                id: resource.id,
+                kind: resource.kind,
+                args: resource.args.slice(),
+                stops: resource.stops.map(stop => stop.slice())
+            })
+        }
+        if (resource.type === 'image') {
+            return resource.source.then(src => ({ type: 'image', id: resource.id, src }))
+        }
+        if (resource.type === 'pattern') {
+            return resource.source.then(source => ({
+                type: 'pattern',
+                id: resource.id,
+                source,
+                repetition: resource.repetition
+            }))
+        }
+        return Promise.reject(new Error(`Unsupported Canvas resource: ${resource.type}`))
+    })
+
+    context.createLinearGradient = (...args) => createGradient('linear', args)
+    context.createRadialGradient = (...args) => createGradient('radial', args)
+    context.createConicGradient = (...args) => createGradient('conic', args)
+    context.createPattern = (source, repetition = 'repeat') => ({
+        __upCanvasResource: true,
+        type: 'pattern',
+        id: nextResourceId('pattern'),
+        source: Promise.resolve().then(() => resolveImage(imageSource(source))),
+        repetition
+    })
+    context.drawImage = (source, ...args) => {
+        const resource = source && source.__upCanvasResource
+            ? source
+            : createImageResource(source)
+        enqueueCall('drawImage', [resource, ...args])
+    }
+
+    context.setFillStyle = value => { context.fillStyle = value }
+    context.setStrokeStyle = value => { context.strokeStyle = value }
+    context.setLineWidth = value => { context.lineWidth = value }
+    context.setLineCap = value => { context.lineCap = value }
+    context.setLineJoin = value => { context.lineJoin = value }
+    context.setTextAlign = value => { context.textAlign = value }
+    context.setTextBaseline = value => { context.textBaseline = value }
+    context.setGlobalAlpha = value => { context.globalAlpha = value }
+    context.setMiterLimit = value => { context.miterLimit = value }
+    context.setGlobalCompositeOperation = value => { context.globalCompositeOperation = value }
+    context.setFont = value => { context.font = value }
+    context.setFontSize = value => {
+        const size = Number(value) || 10
+        context.font = /\d+(?:\.\d+)?px/.test(state.font)
+            ? state.font.replace(/\d+(?:\.\d+)?px/, `${size}px`)
+            : `${size}px sans-serif`
+    }
+    context.setShadow = (offsetX, offsetY, blur, color) => {
+        context.shadowOffsetX = offsetX
+        context.shadowOffsetY = offsetY
+        context.shadowBlur = blur
+        context.shadowColor = color
+    }
+    context.setLineDash = (segments) => {
+        state.lineDash = Array.isArray(segments) ? segments.slice() : []
+        enqueueCall('setLineDash', [state.lineDash])
+    }
+    context.getLineDash = () => state.lineDash.slice()
+
+    context.measureText = text => measureTextFallback(String(text), state)
+    context.measureTextAsync = text => bridge.request('measureText', {
+        text: String(text),
+        font: state.font
+    })
+
+    context.draw = (reserve = false, callback) => {
+        const batchCommands = commands
+        const batchResources = resources
+        commands = []
+        resources = Object.create(null)
+        const execute = async () => {
+            const definitions = await Promise.all(snapshotResources(batchResources))
+            return bridge.request('draw', {
+                reserve: !!reserve,
+                commands: batchCommands,
+                resources: definitions
+            })
+        }
+        const operation = drawTail.then(execute, execute)
+        drawTail = operation.catch(() => {})
+        lastDraw = operation
+        if (typeof callback === 'function') operation.then(result => callback(result))
+        return operation
+    }
+
+    context.toTempFilePath = (options = {}) => withCallbacks(
+        lastDraw.then(() => bridge.request('export', cloneOptions(options))),
+        options
+    )
+    context.getImageData = (...args) => {
+        const options = normalizeImageDataArgs(args)
+        return withCallbacks(
+            lastDraw.then(() => bridge.request('getImageData', cloneOptions(options))),
+            options
+        )
+    }
+    context.putImageData = (...args) => {
+        const options = normalizePutImageDataArgs(args)
+        const payload = cloneOptions(options)
+        if (payload.data && payload.data.data) {
+            payload.data = {
+                width: payload.data.width,
+                height: payload.data.height,
+                data: Array.from(payload.data.data)
+            }
+        } else if (payload.data && !Array.isArray(payload.data)) {
+            payload.data = Array.from(payload.data)
+        }
+        return withCallbacks(
+            lastDraw.then(() => bridge.request('putImageData', payload)),
+            options
+        )
+    }
+
+    return context
+}

package/libs/util/gcanvas/bridge/bridge-weex.js

@@ -218,9 +218,7 @@ const GBridge = {
     },
 
     perloadImage([url, id], callback) {
-		console.log('********************asda**********')
         GCanvasModule.preLoadImage([url, id], function (image) {
-			console.log('********************asda2**********')
             image.url = url;
             image.id = id;
             callback(image);

package/libs/util/gcanvas/index.js

@@ -10,7 +10,7 @@ export let Image = GImage;
 
 export let WeexBridge = GBridgeWeex;
 
-export function enable(el, { bridge, debug, disableAutoSwap, disableComboCommands } = {}) {
+export function enable(el, { bridge, debug, disableAutoSwap, disableComboCommands, clearColor = 'white' } = {}) {
 
     const GBridge = GImage.GBridge = GCanvas.GBridge = GWebGLRenderingContext.GBridge = GContext2D.GBridge = bridge;
 
@@ -20,7 +20,7 @@ export function enable(el, { bridge, debug, disableAutoSwap, disableComboCommand
         false,  // supportScroll
         false,  // newCanvasMode
         1,      // compatible
-        'white',// clearColor
+        clearColor,// clearColor
         false   // sameLevel: newCanvasMode = true && true => GCanvasView and Webview is same level
     ]);
 
@@ -36,4 +36,4 @@ export function enable(el, { bridge, debug, disableAutoSwap, disableComboCommand
     canvas.height = el.style.height;
 
     return canvas;
-};
+};

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙跨端移动组件库，组件丰富维护更新稳定。",
-  "version": "3.8.86",
+  "version": "3.8.108",
   "description": "零云®uview-plus已兼容vue3支持多语言，120+全面的组件和便捷的工具会让您信手拈来。近期新增拖动排序、条码、图片裁剪、下拉刷新、虚拟列表、签名、Markdown等。",
   "keywords": [
     "uview",
@@ -11,7 +11,7 @@
     "echarts",
     "ui",
     "可视化"
-  ],
+],
   "main": "index.js",
   "repository": "https://github.com/ijry/uview-plus",
   "engines": {

package/types/comps/swipeActionItem.d.ts

@@ -20,6 +20,11 @@ declare interface SwipeActionItemProps {
    * @default true
    */
   autoClose?: boolean
+  /**
+   * 是否正在横向滑动，可用于 v-model:scrolling 暂停外部滚动
+   * @default false
+   */
+  scrolling?: boolean
   /**
    * 滑动距离阈值，只有大于此值，才被认为是要打开菜单
    * @default 20
@@ -44,6 +49,14 @@ declare interface SwipeActionItemProps {
    * @param index 第几个按钮被点击
    */
   onClick?: (name: any, index: number) => any
+  /**
+   * scrolling 双向绑定更新
+   */
+  ['onUpdate:scrolling']?: (value: boolean) => any
+  /**
+   * 横向滑动状态变化时触发
+   */
+  onScrolling?: (value: boolean) => any
 }
 
 

package/types/comps/tabs.d.ts

@@ -69,8 +69,9 @@ declare interface TabsProps {
    * 点击标签时触发
    * @param item 传入的其他值
    * @param index 标签索引值
+   * @param event 原始点击事件，H5 下为 DOM Event
    */
-  onClick?: (item: any, index: number) => any
+  onClick?: (item: any, index: number, event: any) => any
   /**
    * 标签索引改变时触发(`disalbed`时不会触发)
    * @param item 传入的其他值

package/types/comps/text.d.ts

@@ -80,7 +80,7 @@ declare interface TextProps {
    */
   margin?: Record<string, any> | string | number
   /**
-   * 文本行高
+   * 文本行高，支持带单位值或无单位倍数（如 1.2）
    */
   lineHeight?: number | string
   /**