diff --git a/packages/uni-app-plus/dist/uni-app-service.es.js b/packages/uni-app-plus/dist/uni-app-service.es.js index c203c928f5d2ef3fb0aa47c2d26cc171dc2d7dff..f9f6a8e1d459f966b2234d5aa459c1d757031d26 100644 --- a/packages/uni-app-plus/dist/uni-app-service.es.js +++ b/packages/uni-app-plus/dist/uni-app-service.es.js @@ -10,79 +10,79 @@ const __uniRoutes = instanceContext.__uniRoutes; var serviceContext = (function (vue) { 'use strict'; - /* - * base64-arraybuffer - * https://github.com/niklasvh/base64-arraybuffer - * - * Copyright (c) 2012 Niklas von Hertzen - * Licensed under the MIT license. - */ - - var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'; - - // Use a lookup table to find the index. - var lookup = /*#__PURE__*/ (function () { - const lookup = new Uint8Array(256); - for (var i = 0; i < chars.length; i++) { - lookup[chars.charCodeAt(i)] = i; - } - return lookup - })(); - - function encode$3(arraybuffer) { - var bytes = new Uint8Array(arraybuffer), - i, - len = bytes.length, - base64 = ''; - - for (i = 0; i < len; i += 3) { - base64 += chars[bytes[i] >> 2]; - base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)]; - base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)]; - base64 += chars[bytes[i + 2] & 63]; - } - - if (len % 3 === 2) { - base64 = base64.substring(0, base64.length - 1) + '='; - } else if (len % 3 === 1) { - base64 = base64.substring(0, base64.length - 2) + '=='; - } - - return base64 - } - - function decode$1(base64) { - var bufferLength = base64.length * 0.75, - len = base64.length, - i, - p = 0, - encoded1, - encoded2, - encoded3, - encoded4; - - if (base64[base64.length - 1] === '=') { - bufferLength--; - if (base64[base64.length - 2] === '=') { - bufferLength--; - } - } - - var arraybuffer = new ArrayBuffer(bufferLength), - bytes = new Uint8Array(arraybuffer); - - for (i = 0; i < len; i += 4) { - encoded1 = lookup[base64.charCodeAt(i)]; - encoded2 = lookup[base64.charCodeAt(i + 1)]; - encoded3 = lookup[base64.charCodeAt(i + 2)]; - encoded4 = lookup[base64.charCodeAt(i + 3)]; - - bytes[p++] = (encoded1 << 2) | (encoded2 >> 4); - bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2); - bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63); - } - - return arraybuffer + /* + * base64-arraybuffer + * https://github.com/niklasvh/base64-arraybuffer + * + * Copyright (c) 2012 Niklas von Hertzen + * Licensed under the MIT license. + */ + + var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'; + + // Use a lookup table to find the index. + var lookup = /*#__PURE__*/ (function () { + const lookup = new Uint8Array(256); + for (var i = 0; i < chars.length; i++) { + lookup[chars.charCodeAt(i)] = i; + } + return lookup + })(); + + function encode$3(arraybuffer) { + var bytes = new Uint8Array(arraybuffer), + i, + len = bytes.length, + base64 = ''; + + for (i = 0; i < len; i += 3) { + base64 += chars[bytes[i] >> 2]; + base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)]; + base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)]; + base64 += chars[bytes[i + 2] & 63]; + } + + if (len % 3 === 2) { + base64 = base64.substring(0, base64.length - 1) + '='; + } else if (len % 3 === 1) { + base64 = base64.substring(0, base64.length - 2) + '=='; + } + + return base64 + } + + function decode$1(base64) { + var bufferLength = base64.length * 0.75, + len = base64.length, + i, + p = 0, + encoded1, + encoded2, + encoded3, + encoded4; + + if (base64[base64.length - 1] === '=') { + bufferLength--; + if (base64[base64.length - 2] === '=') { + bufferLength--; + } + } + + var arraybuffer = new ArrayBuffer(bufferLength), + bytes = new Uint8Array(arraybuffer); + + for (i = 0; i < len; i += 4) { + encoded1 = lookup[base64.charCodeAt(i)]; + encoded2 = lookup[base64.charCodeAt(i + 1)]; + encoded3 = lookup[base64.charCodeAt(i + 2)]; + encoded4 = lookup[base64.charCodeAt(i + 3)]; + + bytes[p++] = (encoded1 << 2) | (encoded2 >> 4); + bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2); + bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63); + } + + return arraybuffer } /** @@ -2222,8 +2222,28 @@ var serviceContext = (function (vue) { }, pageId, operateMapCallback); } - function addIntersectionObserver(args, pageId) { } - function removeIntersectionObserver(args, pageId) { } + function getEventName(reqId) { + const EVENT_NAME = 'IntersectionObserver'; + return `${EVENT_NAME}.${reqId}`; + } + function addIntersectionObserver({ reqId, component, options, callback }, _pageId) { + const eventName = getEventName(reqId); + UniServiceJSBridge.invokeViewMethod('addIntersectionObserver', { + reqId, + component: component.$el.nodeId, + options, + eventName, + }, _pageId); + UniServiceJSBridge.subscribe(eventName, callback); + } + function removeIntersectionObserver({ reqId, component }, _pageId) { + UniServiceJSBridge.invokeViewMethod('removeIntersectionObserver', { + reqId, + component: component.$el.nodeId, + }, _pageId); + UniServiceJSBridge.unsubscribe(getEventName(reqId)); + } + function addMediaQueryObserver(args, pageId) { } function removeMediaQueryObserver(args, pageId) { } const TEMP_PATH$1 = ''; @@ -6135,10 +6155,10 @@ var serviceContext = (function (vue) { resolve(); })); - const onBluetoothDeviceFound = defineOnApi(API_ON_BLUETOOTH_DEVICE_FOUND, warpPlusEvent(() => plus.bluetooth.onBluetoothDeviceFound, API_ON_BLUETOOTH_DEVICE_FOUND)); - const onBluetoothAdapterStateChange = defineOnApi(API_ON_BLUETOOTH_ADAPTER_STATE_CHANGE, warpPlusEvent(() => plus.bluetooth.onBluetoothAdapterStateChange, API_ON_BLUETOOTH_ADAPTER_STATE_CHANGE)); - const onBLEConnectionStateChange = defineOnApi(API_ON_BLE_CONNECTION_STATE_CHANGE, warpPlusEvent(() => plus.bluetooth.onBLEConnectionStateChange, API_ON_BLE_CONNECTION_STATE_CHANGE)); - const onBLECharacteristicValueChange = defineOnApi(API_ON_BLE_CHARACTERISTIC_VALUE_CHANGE, warpPlusEvent(() => plus.bluetooth.onBLECharacteristicValueChange, API_ON_BLE_CHARACTERISTIC_VALUE_CHANGE)); + const onBluetoothDeviceFound = defineOnApi(API_ON_BLUETOOTH_DEVICE_FOUND, warpPlusEvent(() => plus.bluetooth.onBluetoothDeviceFound.bind(plus.bluetooth), API_ON_BLUETOOTH_DEVICE_FOUND)); + const onBluetoothAdapterStateChange = defineOnApi(API_ON_BLUETOOTH_ADAPTER_STATE_CHANGE, warpPlusEvent(() => plus.bluetooth.onBluetoothAdapterStateChange.bind(plus.bluetooth), API_ON_BLUETOOTH_ADAPTER_STATE_CHANGE)); + const onBLEConnectionStateChange = defineOnApi(API_ON_BLE_CONNECTION_STATE_CHANGE, warpPlusEvent(() => plus.bluetooth.onBLEConnectionStateChange.bind(plus.bluetooth), API_ON_BLE_CONNECTION_STATE_CHANGE)); + const onBLECharacteristicValueChange = defineOnApi(API_ON_BLE_CHARACTERISTIC_VALUE_CHANGE, warpPlusEvent(() => plus.bluetooth.onBLECharacteristicValueChange.bind(plus.bluetooth), API_ON_BLE_CHARACTERISTIC_VALUE_CHANGE)); const openBluetoothAdapter = defineAsyncApi('openBluetoothAdapter', warpPlusMethod(() => plus.bluetooth.openBluetoothAdapter.bind(plus.bluetooth))); const closeBluetoothAdapter = defineAsyncApi('closeBluetoothAdapter', warpPlusMethod(() => plus.bluetooth.closeBluetoothAdapter.bind(plus.bluetooth))); const getBluetoothAdapterState = defineAsyncApi('getBluetoothAdapterState', warpPlusMethod(() => plus.bluetooth.getBluetoothAdapterState)); diff --git a/packages/uni-app-plus/dist/uni-app-view.umd.js b/packages/uni-app-plus/dist/uni-app-view.umd.js index d2ddd94196f9afb6b05de51e51c5cd9d581d7853..09485dabb5779c8f9b8e282b73ed6517bbe05fa7 100644 --- a/packages/uni-app-plus/dist/uni-app-view.umd.js +++ b/packages/uni-app-plus/dist/uni-app-view.umd.js @@ -2,9 +2,9 @@ typeof define === "function" && define.amd ? define(factory) : factory(); })(function() { "use strict"; - var base = "* {\r\n margin: 0;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\nhtml,\r\nbody {\r\n -webkit-user-select: none;\r\n user-select: none;\r\n width: 100%;\r\n}\r\n\r\nhtml {\r\n height: 100%;\r\n height: 100vh;\r\n width: 100%;\r\n width: 100vw;\r\n}\r\n\r\nbody {\r\n overflow-x: hidden;\r\n background-color: white;\r\n}\r\n\r\ninput[type='search']::-webkit-search-cancel-button {\r\n display: none;\r\n}\r\n\r\n.uni-loading,\r\nuni-button[loading]:before {\r\n background: transparent\r\n url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=')\r\n no-repeat;\r\n}\r\n\r\n.uni-loading {\r\n width: 20px;\r\n height: 20px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n animation: uni-loading 1s steps(12, end) infinite;\r\n background-size: 100%;\r\n}\r\n\r\n@keyframes uni-loading {\r\n 0% {\r\n transform: rotate3d(0, 0, 1, 0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate3d(0, 0, 1, 360deg);\r\n }\r\n}\r\n"; - var nvue = "[nvue] uni-view,\r\n[nvue] uni-label,\r\n[nvue] uni-swiper-item,\r\n[nvue] uni-scroll-view {\r\n display: flex;\r\n flex-shrink: 0;\r\n flex-grow: 0;\r\n flex-basis: auto;\r\n align-items: stretch;\r\n align-content: flex-start;\r\n}\r\n\r\n[nvue] uni-button {\r\n margin: 0;\r\n}\r\n\r\n[nvue-dir-row] uni-view,\r\n[nvue-dir-row] uni-label,\r\n[nvue-dir-row] uni-swiper-item {\r\n flex-direction: row;\r\n}\r\n\r\n[nvue-dir-column] uni-view,\r\n[nvue-dir-column] uni-label,\r\n[nvue-dir-column] uni-swiper-item {\r\n flex-direction: column;\r\n}\r\n\r\n[nvue-dir-row-reverse] uni-view,\r\n[nvue-dir-row-reverse] uni-label,\r\n[nvue-dir-row-reverse] uni-swiper-item {\r\n flex-direction: row-reverse;\r\n}\r\n\r\n[nvue-dir-column-reverse] uni-view,\r\n[nvue-dir-column-reverse] uni-label,\r\n[nvue-dir-column-reverse] uni-swiper-item {\r\n flex-direction: column-reverse;\r\n}\r\n\r\n[nvue] uni-view,\r\n[nvue] uni-image,\r\n[nvue] uni-input,\r\n[nvue] uni-scroll-view,\r\n[nvue] uni-swiper,\r\n[nvue] uni-swiper-item,\r\n[nvue] uni-text,\r\n[nvue] uni-textarea,\r\n[nvue] uni-video {\r\n position: relative;\r\n border: 0px solid #000000;\r\n box-sizing: border-box;\r\n}\r\n\r\n[nvue] uni-swiper-item {\r\n position: absolute;\r\n}\r\n"; - var resizeSensor = "@keyframes once-show {\r\n from {\r\n top: 0;\r\n }\r\n}\r\nuni-resize-sensor,\r\nuni-resize-sensor > div {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n overflow: hidden;\r\n}\r\nuni-resize-sensor {\r\n display: block;\r\n z-index: -1;\r\n visibility: hidden;\r\n animation: once-show 1ms;\r\n}\r\nuni-resize-sensor > div > div {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n}\r\nuni-resize-sensor > div:first-child > div {\r\n width: 100000px;\r\n height: 100000px;\r\n}\r\nuni-resize-sensor > div:last-child > div {\r\n width: 200%;\r\n height: 200%;\r\n}\r\n"; + var base = "* {\n margin: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n}\n\nhtml,\nbody {\n -webkit-user-select: none;\n user-select: none;\n width: 100%;\n}\n\nhtml {\n height: 100%;\n height: 100vh;\n width: 100%;\n width: 100vw;\n}\n\nbody {\n overflow-x: hidden;\n background-color: white;\n}\n\ninput[type='search']::-webkit-search-cancel-button {\n display: none;\n}\n\n.uni-loading,\nuni-button[loading]:before {\n background: transparent\n url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=')\n no-repeat;\n}\n\n.uni-loading {\n width: 20px;\n height: 20px;\n display: inline-block;\n vertical-align: middle;\n animation: uni-loading 1s steps(12, end) infinite;\n background-size: 100%;\n}\n\n@keyframes uni-loading {\n 0% {\n transform: rotate3d(0, 0, 1, 0deg);\n }\n\n 100% {\n transform: rotate3d(0, 0, 1, 360deg);\n }\n}\n"; + var nvue = "[nvue] uni-view,\n[nvue] uni-label,\n[nvue] uni-swiper-item,\n[nvue] uni-scroll-view {\n display: flex;\n flex-shrink: 0;\n flex-grow: 0;\n flex-basis: auto;\n align-items: stretch;\n align-content: flex-start;\n}\n\n[nvue] uni-button {\n margin: 0;\n}\n\n[nvue-dir-row] uni-view,\n[nvue-dir-row] uni-label,\n[nvue-dir-row] uni-swiper-item {\n flex-direction: row;\n}\n\n[nvue-dir-column] uni-view,\n[nvue-dir-column] uni-label,\n[nvue-dir-column] uni-swiper-item {\n flex-direction: column;\n}\n\n[nvue-dir-row-reverse] uni-view,\n[nvue-dir-row-reverse] uni-label,\n[nvue-dir-row-reverse] uni-swiper-item {\n flex-direction: row-reverse;\n}\n\n[nvue-dir-column-reverse] uni-view,\n[nvue-dir-column-reverse] uni-label,\n[nvue-dir-column-reverse] uni-swiper-item {\n flex-direction: column-reverse;\n}\n\n[nvue] uni-view,\n[nvue] uni-image,\n[nvue] uni-input,\n[nvue] uni-scroll-view,\n[nvue] uni-swiper,\n[nvue] uni-swiper-item,\n[nvue] uni-text,\n[nvue] uni-textarea,\n[nvue] uni-video {\n position: relative;\n border: 0px solid #000000;\n box-sizing: border-box;\n}\n\n[nvue] uni-swiper-item {\n position: absolute;\n}\n"; + var resizeSensor = "@keyframes once-show {\n from {\n top: 0;\n }\n}\nuni-resize-sensor,\nuni-resize-sensor > div {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n}\nuni-resize-sensor {\n display: block;\n z-index: -1;\n visibility: hidden;\n animation: once-show 1ms;\n}\nuni-resize-sensor > div > div {\n position: absolute;\n left: 0;\n top: 0;\n}\nuni-resize-sensor > div:first-child > div {\n width: 100000px;\n height: 100000px;\n}\nuni-resize-sensor > div:last-child > div {\n width: 200%;\n height: 200%;\n}\n"; function makeMap$1(str, expectsLowerCase) { const map2 = Object.create(null); const list2 = str.split(","); @@ -5259,7 +5259,7 @@ onChange, offChange }; - var D__DCloud_local_git_uniAppNext_node_modules_safeAreaInsets_out = safeAreaInsets; + var out = safeAreaInsets; const onEventPrevent = /* @__PURE__ */ withModifiers(() => { }, ["prevent"]); function getWindowOffset() { @@ -5269,10 +5269,10 @@ const left = parseInt(style.getPropertyValue("--window-left")); const right = parseInt(style.getPropertyValue("--window-right")); return { - top: top ? top + D__DCloud_local_git_uniAppNext_node_modules_safeAreaInsets_out.top : 0, - bottom: bottom ? bottom + D__DCloud_local_git_uniAppNext_node_modules_safeAreaInsets_out.bottom : 0, - left: left ? left + D__DCloud_local_git_uniAppNext_node_modules_safeAreaInsets_out.left : 0, - right: right ? right + D__DCloud_local_git_uniAppNext_node_modules_safeAreaInsets_out.right : 0 + top: top ? top + out.top : 0, + bottom: bottom ? bottom + out.bottom : 0, + left: left ? left + out.left : 0, + right: right ? right + out.right : 0 }; } function updateCssVar(cssVars) { @@ -5823,6 +5823,580 @@ confirmColor: PRIMARY_COLOR } }); + const initIntersectionObserverPolyfill = function() { + if (typeof window !== "object") { + return; + } + if ("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype) { + if (!("isIntersecting" in window.IntersectionObserverEntry.prototype)) { + Object.defineProperty(window.IntersectionObserverEntry.prototype, "isIntersecting", { + get: function() { + return this.intersectionRatio > 0; + } + }); + } + return; + } + function getFrameElement(doc2) { + try { + return doc2.defaultView && doc2.defaultView.frameElement || null; + } catch (e2) { + return null; + } + } + var document2 = function(startDoc) { + var doc2 = startDoc; + var frame = getFrameElement(doc2); + while (frame) { + doc2 = frame.ownerDocument; + frame = getFrameElement(doc2); + } + return doc2; + }(window.document); + var registry = []; + var crossOriginUpdater = null; + var crossOriginRect = null; + function IntersectionObserverEntry(entry) { + this.time = entry.time; + this.target = entry.target; + this.rootBounds = ensureDOMRect(entry.rootBounds); + this.boundingClientRect = ensureDOMRect(entry.boundingClientRect); + this.intersectionRect = ensureDOMRect(entry.intersectionRect || getEmptyRect()); + this.isIntersecting = !!entry.intersectionRect; + var targetRect = this.boundingClientRect; + var targetArea = targetRect.width * targetRect.height; + var intersectionRect = this.intersectionRect; + var intersectionArea = intersectionRect.width * intersectionRect.height; + if (targetArea) { + this.intersectionRatio = Number((intersectionArea / targetArea).toFixed(4)); + } else { + this.intersectionRatio = this.isIntersecting ? 1 : 0; + } + } + function IntersectionObserver2(callback, opt_options) { + var options = opt_options || {}; + if (typeof callback != "function") { + throw new Error("callback must be a function"); + } + if (options.root && options.root.nodeType != 1 && options.root.nodeType != 9) { + throw new Error("root must be a Document or Element"); + } + this._checkForIntersections = throttle2(this._checkForIntersections.bind(this), this.THROTTLE_TIMEOUT); + this._callback = callback; + this._observationTargets = []; + this._queuedEntries = []; + this._rootMarginValues = this._parseRootMargin(options.rootMargin); + this.thresholds = this._initThresholds(options.threshold); + this.root = options.root || null; + this.rootMargin = this._rootMarginValues.map(function(margin) { + return margin.value + margin.unit; + }).join(" "); + this._monitoringDocuments = []; + this._monitoringUnsubscribes = []; + } + IntersectionObserver2.prototype.THROTTLE_TIMEOUT = 100; + IntersectionObserver2.prototype.POLL_INTERVAL = null; + IntersectionObserver2.prototype.USE_MUTATION_OBSERVER = true; + IntersectionObserver2._setupCrossOriginUpdater = function() { + if (!crossOriginUpdater) { + crossOriginUpdater = function(boundingClientRect, intersectionRect) { + if (!boundingClientRect || !intersectionRect) { + crossOriginRect = getEmptyRect(); + } else { + crossOriginRect = convertFromParentRect(boundingClientRect, intersectionRect); + } + registry.forEach(function(observer) { + observer._checkForIntersections(); + }); + }; + } + return crossOriginUpdater; + }; + IntersectionObserver2._resetCrossOriginUpdater = function() { + crossOriginUpdater = null; + crossOriginRect = null; + }; + IntersectionObserver2.prototype.observe = function(target) { + var isTargetAlreadyObserved = this._observationTargets.some(function(item) { + return item.element == target; + }); + if (isTargetAlreadyObserved) { + return; + } + if (!(target && target.nodeType == 1)) { + throw new Error("target must be an Element"); + } + this._registerInstance(); + this._observationTargets.push({ element: target, entry: null }); + this._monitorIntersections(target.ownerDocument); + this._checkForIntersections(); + }; + IntersectionObserver2.prototype.unobserve = function(target) { + this._observationTargets = this._observationTargets.filter(function(item) { + return item.element != target; + }); + this._unmonitorIntersections(target.ownerDocument); + if (this._observationTargets.length == 0) { + this._unregisterInstance(); + } + }; + IntersectionObserver2.prototype.disconnect = function() { + this._observationTargets = []; + this._unmonitorAllIntersections(); + this._unregisterInstance(); + }; + IntersectionObserver2.prototype.takeRecords = function() { + var records = this._queuedEntries.slice(); + this._queuedEntries = []; + return records; + }; + IntersectionObserver2.prototype._initThresholds = function(opt_threshold) { + var threshold = opt_threshold || [0]; + if (!Array.isArray(threshold)) + threshold = [threshold]; + return threshold.sort().filter(function(t2, i, a2) { + if (typeof t2 != "number" || isNaN(t2) || t2 < 0 || t2 > 1) { + throw new Error("threshold must be a number between 0 and 1 inclusively"); + } + return t2 !== a2[i - 1]; + }); + }; + IntersectionObserver2.prototype._parseRootMargin = function(opt_rootMargin) { + var marginString = opt_rootMargin || "0px"; + var margins = marginString.split(/\s+/).map(function(margin) { + var parts = /^(-?\d*\.?\d+)(px|%)$/.exec(margin); + if (!parts) { + throw new Error("rootMargin must be specified in pixels or percent"); + } + return { value: parseFloat(parts[1]), unit: parts[2] }; + }); + margins[1] = margins[1] || margins[0]; + margins[2] = margins[2] || margins[0]; + margins[3] = margins[3] || margins[1]; + return margins; + }; + IntersectionObserver2.prototype._monitorIntersections = function(doc2) { + var win = doc2.defaultView; + if (!win) { + return; + } + if (this._monitoringDocuments.indexOf(doc2) != -1) { + return; + } + var callback = this._checkForIntersections; + var monitoringInterval = null; + var domObserver = null; + if (this.POLL_INTERVAL) { + monitoringInterval = win.setInterval(callback, this.POLL_INTERVAL); + } else { + addEvent(win, "resize", callback, true); + addEvent(doc2, "scroll", callback, true); + if (this.USE_MUTATION_OBSERVER && "MutationObserver" in win) { + domObserver = new win.MutationObserver(callback); + domObserver.observe(doc2, { + attributes: true, + childList: true, + characterData: true, + subtree: true + }); + } + } + this._monitoringDocuments.push(doc2); + this._monitoringUnsubscribes.push(function() { + var win2 = doc2.defaultView; + if (win2) { + if (monitoringInterval) { + win2.clearInterval(monitoringInterval); + } + removeEvent(win2, "resize", callback, true); + } + removeEvent(doc2, "scroll", callback, true); + if (domObserver) { + domObserver.disconnect(); + } + }); + var rootDoc = this.root && (this.root.ownerDocument || this.root) || document2; + if (doc2 != rootDoc) { + var frame = getFrameElement(doc2); + if (frame) { + this._monitorIntersections(frame.ownerDocument); + } + } + }; + IntersectionObserver2.prototype._unmonitorIntersections = function(doc2) { + var index2 = this._monitoringDocuments.indexOf(doc2); + if (index2 == -1) { + return; + } + var rootDoc = this.root && (this.root.ownerDocument || this.root) || document2; + var hasDependentTargets = this._observationTargets.some(function(item) { + var itemDoc = item.element.ownerDocument; + if (itemDoc == doc2) { + return true; + } + while (itemDoc && itemDoc != rootDoc) { + var frame2 = getFrameElement(itemDoc); + itemDoc = frame2 && frame2.ownerDocument; + if (itemDoc == doc2) { + return true; + } + } + return false; + }); + if (hasDependentTargets) { + return; + } + var unsubscribe = this._monitoringUnsubscribes[index2]; + this._monitoringDocuments.splice(index2, 1); + this._monitoringUnsubscribes.splice(index2, 1); + unsubscribe(); + if (doc2 != rootDoc) { + var frame = getFrameElement(doc2); + if (frame) { + this._unmonitorIntersections(frame.ownerDocument); + } + } + }; + IntersectionObserver2.prototype._unmonitorAllIntersections = function() { + var unsubscribes = this._monitoringUnsubscribes.slice(0); + this._monitoringDocuments.length = 0; + this._monitoringUnsubscribes.length = 0; + for (var i = 0; i < unsubscribes.length; i++) { + unsubscribes[i](); + } + }; + IntersectionObserver2.prototype._checkForIntersections = function() { + if (!this.root && crossOriginUpdater && !crossOriginRect) { + return; + } + var rootIsInDom = this._rootIsInDom(); + var rootRect = rootIsInDom ? this._getRootRect() : getEmptyRect(); + this._observationTargets.forEach(function(item) { + var target = item.element; + var targetRect = getBoundingClientRect(target); + var rootContainsTarget = this._rootContainsTarget(target); + var oldEntry = item.entry; + var intersectionRect = rootIsInDom && rootContainsTarget && this._computeTargetAndRootIntersection(target, targetRect, rootRect); + var rootBounds = null; + if (!this._rootContainsTarget(target)) { + rootBounds = getEmptyRect(); + } else if (!crossOriginUpdater || this.root) { + rootBounds = rootRect; + } + var newEntry = item.entry = new IntersectionObserverEntry({ + time: now(), + target, + boundingClientRect: targetRect, + rootBounds, + intersectionRect + }); + if (!oldEntry) { + this._queuedEntries.push(newEntry); + } else if (rootIsInDom && rootContainsTarget) { + if (this._hasCrossedThreshold(oldEntry, newEntry)) { + this._queuedEntries.push(newEntry); + } + } else { + if (oldEntry && oldEntry.isIntersecting) { + this._queuedEntries.push(newEntry); + } + } + }, this); + if (this._queuedEntries.length) { + this._callback(this.takeRecords(), this); + } + }; + IntersectionObserver2.prototype._computeTargetAndRootIntersection = function(target, targetRect, rootRect) { + if (window.getComputedStyle(target).display == "none") + return; + var intersectionRect = targetRect; + var parent = getParentNode(target); + var atRoot = false; + while (!atRoot && parent) { + var parentRect = null; + var parentComputedStyle = parent.nodeType == 1 ? window.getComputedStyle(parent) : {}; + if (parentComputedStyle.display == "none") + return null; + if (parent == this.root || parent.nodeType == 9) { + atRoot = true; + if (parent == this.root || parent == document2) { + if (crossOriginUpdater && !this.root) { + if (!crossOriginRect || crossOriginRect.width == 0 && crossOriginRect.height == 0) { + parent = null; + parentRect = null; + intersectionRect = null; + } else { + parentRect = crossOriginRect; + } + } else { + parentRect = rootRect; + } + } else { + var frame = getParentNode(parent); + var frameRect = frame && getBoundingClientRect(frame); + var frameIntersect = frame && this._computeTargetAndRootIntersection(frame, frameRect, rootRect); + if (frameRect && frameIntersect) { + parent = frame; + parentRect = convertFromParentRect(frameRect, frameIntersect); + } else { + parent = null; + intersectionRect = null; + } + } + } else { + var doc2 = parent.ownerDocument; + if (parent != doc2.body && parent != doc2.documentElement && parentComputedStyle.overflow != "visible") { + parentRect = getBoundingClientRect(parent); + } + } + if (parentRect) { + intersectionRect = computeRectIntersection(parentRect, intersectionRect); + } + if (!intersectionRect) + break; + parent = parent && getParentNode(parent); + } + return intersectionRect; + }; + IntersectionObserver2.prototype._getRootRect = function() { + var rootRect; + if (this.root && !isDoc(this.root)) { + rootRect = getBoundingClientRect(this.root); + } else { + var doc2 = isDoc(this.root) ? this.root : document2; + var html = doc2.documentElement; + var body = doc2.body; + rootRect = { + top: 0, + left: 0, + right: html.clientWidth || body.clientWidth, + width: html.clientWidth || body.clientWidth, + bottom: html.clientHeight || body.clientHeight, + height: html.clientHeight || body.clientHeight + }; + } + return this._expandRectByRootMargin(rootRect); + }; + IntersectionObserver2.prototype._expandRectByRootMargin = function(rect) { + var margins = this._rootMarginValues.map(function(margin, i) { + return margin.unit == "px" ? margin.value : margin.value * (i % 2 ? rect.width : rect.height) / 100; + }); + var newRect = { + top: rect.top - margins[0], + right: rect.right + margins[1], + bottom: rect.bottom + margins[2], + left: rect.left - margins[3] + }; + newRect.width = newRect.right - newRect.left; + newRect.height = newRect.bottom - newRect.top; + return newRect; + }; + IntersectionObserver2.prototype._hasCrossedThreshold = function(oldEntry, newEntry) { + var oldRatio = oldEntry && oldEntry.isIntersecting ? oldEntry.intersectionRatio || 0 : -1; + var newRatio = newEntry.isIntersecting ? newEntry.intersectionRatio || 0 : -1; + if (oldRatio === newRatio) + return; + for (var i = 0; i < this.thresholds.length; i++) { + var threshold = this.thresholds[i]; + if (threshold == oldRatio || threshold == newRatio || threshold < oldRatio !== threshold < newRatio) { + return true; + } + } + }; + IntersectionObserver2.prototype._rootIsInDom = function() { + return !this.root || containsDeep(document2, this.root); + }; + IntersectionObserver2.prototype._rootContainsTarget = function(target) { + var rootDoc = this.root && (this.root.ownerDocument || this.root) || document2; + return containsDeep(rootDoc, target) && (!this.root || rootDoc == target.ownerDocument); + }; + IntersectionObserver2.prototype._registerInstance = function() { + if (registry.indexOf(this) < 0) { + registry.push(this); + } + }; + IntersectionObserver2.prototype._unregisterInstance = function() { + var index2 = registry.indexOf(this); + if (index2 != -1) + registry.splice(index2, 1); + }; + function now() { + return window.performance && performance.now && performance.now(); + } + function throttle2(fn, timeout) { + var timer = null; + return function() { + if (!timer) { + timer = setTimeout(function() { + fn(); + timer = null; + }, timeout); + } + }; + } + function addEvent(node, event, fn, opt_useCapture) { + if (typeof node.addEventListener == "function") { + node.addEventListener(event, fn, opt_useCapture || false); + } else if (typeof node.attachEvent == "function") { + node.attachEvent("on" + event, fn); + } + } + function removeEvent(node, event, fn, opt_useCapture) { + if (typeof node.removeEventListener == "function") { + node.removeEventListener(event, fn, opt_useCapture || false); + } else if (typeof node.detatchEvent == "function") { + node.detatchEvent("on" + event, fn); + } + } + function computeRectIntersection(rect1, rect2) { + var top = Math.max(rect1.top, rect2.top); + var bottom = Math.min(rect1.bottom, rect2.bottom); + var left = Math.max(rect1.left, rect2.left); + var right = Math.min(rect1.right, rect2.right); + var width = right - left; + var height = bottom - top; + return width >= 0 && height >= 0 && { + top, + bottom, + left, + right, + width, + height + } || null; + } + function getBoundingClientRect(el) { + var rect; + try { + rect = el.getBoundingClientRect(); + } catch (err) { + } + if (!rect) + return getEmptyRect(); + if (!(rect.width && rect.height)) { + rect = { + top: rect.top, + right: rect.right, + bottom: rect.bottom, + left: rect.left, + width: rect.right - rect.left, + height: rect.bottom - rect.top + }; + } + return rect; + } + function getEmptyRect() { + return { + top: 0, + bottom: 0, + left: 0, + right: 0, + width: 0, + height: 0 + }; + } + function ensureDOMRect(rect) { + if (!rect || "x" in rect) { + return rect; + } + return { + top: rect.top, + y: rect.top, + bottom: rect.bottom, + left: rect.left, + x: rect.left, + right: rect.right, + width: rect.width, + height: rect.height + }; + } + function convertFromParentRect(parentBoundingRect, parentIntersectionRect) { + var top = parentIntersectionRect.top - parentBoundingRect.top; + var left = parentIntersectionRect.left - parentBoundingRect.left; + return { + top, + left, + height: parentIntersectionRect.height, + width: parentIntersectionRect.width, + bottom: top + parentIntersectionRect.height, + right: left + parentIntersectionRect.width + }; + } + function containsDeep(parent, child) { + var node = child; + while (node) { + if (node == parent) + return true; + node = getParentNode(node); + } + return false; + } + function getParentNode(node) { + var parent = node.parentNode; + if (node.nodeType == 9 && node != document2) { + return getFrameElement(node); + } + if (parent && parent.assignedSlot) { + parent = parent.assignedSlot.parentNode; + } + if (parent && parent.nodeType == 11 && parent.host) { + return parent.host; + } + return parent; + } + function isDoc(node) { + return node && node.nodeType === 9; + } + window.IntersectionObserver = IntersectionObserver2; + window.IntersectionObserverEntry = IntersectionObserverEntry; + }; + function normalizeRect(rect) { + const { bottom, height, left, right, top, width } = rect || {}; + return { + bottom, + height, + left, + right, + top, + width + }; + } + function requestComponentObserver($el, options, callback) { + initIntersectionObserverPolyfill(); + const root = options.relativeToSelector ? $el.querySelector(options.relativeToSelector) : null; + const intersectionObserver = new IntersectionObserver((entries2) => { + entries2.forEach((entrie) => { + callback({ + intersectionRatio: entrie.intersectionRatio, + intersectionRect: normalizeRect(entrie.intersectionRect), + boundingClientRect: normalizeRect(entrie.boundingClientRect), + relativeRect: normalizeRect(entrie.rootBounds), + time: Date.now(), + dataset: getCustomDataset(entrie.target), + id: entrie.target.id + }); + }); + }, { + root, + rootMargin: options.rootMargin, + threshold: options.thresholds + }); + if (options.observeAll) { + intersectionObserver.USE_MUTATION_OBSERVER = true; + const nodeList = $el.querySelectorAll(options.selector); + for (let i = 0; i < nodeList.length; i++) { + intersectionObserver.observe(nodeList[i]); + } + } else { + intersectionObserver.USE_MUTATION_OBSERVER = false; + const el = $el.querySelector(options.selector); + if (!el) { + console.warn(`Node ${options.selector} is not found. Intersection observer will not trigger.`); + } else { + intersectionObserver.observe(el); + } + } + return intersectionObserver; + } function navigateTo(args) { UniViewJSBridge.invokeServiceMethod("navigateTo", args); } @@ -6161,7 +6735,7 @@ this.insert(parentNodeId, refNodeId); } } - var text$1 = "uni-text[selectable] {\r\n cursor: auto;\r\n -webkit-user-select: text;\r\n user-select: text;\r\n}\r\n"; + var text$1 = "uni-text[selectable] {\n cursor: auto;\n -webkit-user-select: text;\n user-select: text;\n}\n"; var subscriber = { mounted() { this._toggleListeners("subscribe", this.id); @@ -14349,7 +14923,7 @@ this.insert(parentNodeId, refNodeId); } } - var view = "uni-view {\r\n display: block;\r\n}\r\nuni-view[hidden] {\r\n display: none;\r\n}\r\n"; + var view = "uni-view {\n display: block;\n}\nuni-view[hidden] {\n display: none;\n}\n"; const PROP_NAMES_HOVER = [ "hover-class", "hover-stop-propagation", @@ -14854,13 +15428,13 @@ super(id2, "uni-ad", Ad, parentNodeId, refNodeId, nodeJson); } } - var audio = "uni-audio {\r\n display: none;\r\n}\r\n\r\nuni-audio[controls] {\r\n display: inline-block;\r\n}\r\n\r\nuni-audio[hidden] {\r\n display: none;\r\n}\r\n\r\n.uni-audio-default {\r\n max-width: 100%;\r\n min-width: 302px;\r\n height: 65px;\r\n background: #fcfcfc;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 2.5px;\r\n display: inline-block;\r\n overflow: hidden;\r\n}\r\n\r\n.uni-audio-left {\r\n width: 65px;\r\n height: 65px;\r\n float: left;\r\n background-color: #e6e6e6;\r\n background-size: 100% 100%;\r\n background-position: 50% 50%;\r\n}\r\n\r\n.uni-audio-button {\r\n width: 24px;\r\n height: 24px;\r\n margin: 20.5px;\r\n background-size: cover;\r\n}\r\n\r\n.uni-audio-button.play {\r\n background-image: url(data:image/png;base64,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);\r\n}\r\n\r\n.uni-audio-button.pause {\r\n background-image: url(data:image/png;base64,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);\r\n}\r\n\r\n.uni-audio-right {\r\n box-sizing: border-box;\r\n height: 65px;\r\n margin-left: 65px;\r\n padding: 11px 16.5px 13.5px 15px;\r\n overflow: hidden;\r\n}\r\n\r\n.uni-audio-time {\r\n margin-top: 3.5px;\r\n height: 16.5px;\r\n font-size: 12px;\r\n color: #888888;\r\n float: right;\r\n}\r\n\r\n.uni-audio-info {\r\n margin-right: 70px;\r\n overflow: hidden;\r\n}\r\n\r\n.uni-audio-name {\r\n height: 22.5px;\r\n line-height: 22.5px;\r\n margin-bottom: 3.5px;\r\n font-size: 14px;\r\n color: #353535;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.uni-audio-author {\r\n height: 14.5px;\r\n line-height: 14.5px;\r\n font-size: 12px;\r\n color: #888888;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n"; + var audio = "uni-audio {\n display: none;\n}\n\nuni-audio[controls] {\n display: inline-block;\n}\n\nuni-audio[hidden] {\n display: none;\n}\n\n.uni-audio-default {\n max-width: 100%;\n min-width: 302px;\n height: 65px;\n background: #fcfcfc;\n border: 1px solid #e0e0e0;\n border-radius: 2.5px;\n display: inline-block;\n overflow: hidden;\n}\n\n.uni-audio-left {\n width: 65px;\n height: 65px;\n float: left;\n background-color: #e6e6e6;\n background-size: 100% 100%;\n background-position: 50% 50%;\n}\n\n.uni-audio-button {\n width: 24px;\n height: 24px;\n margin: 20.5px;\n background-size: cover;\n}\n\n.uni-audio-button.play {\n background-image: url(data:image/png;base64,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);\n}\n\n.uni-audio-button.pause {\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABatJREFUaAXVWl1IpFUYnllZGUf3wlz6MXER1ES7s83VUDJw6KpdaSTDwMnYFSK6KNirooHullKQCNzQRjZ/wom1u9ALQ0mT1ktFdEBWXLdibaH1jwmx5zme83W+z2Hm+7bZmc8X3jl/73vO837n/z3j9aSBjo6O8lBNC7gZXAUuBxeCz4FJj8APwTHwCngaPOX1evcRZocAuhAcAt8G74KdEnWoyzpobGYIjfnBn4D/BqeLWBfr9Du1wmtXAZXnQPY9cBj8HNhEe3t7sbW1tfn19fW7m5ubD5aXl7dnZmYeUKipqel8dXV1UUlJyfmysrILFRUV9X6/n8PMSveREQYPYHgdWgsTpW0ZAPDPQ3kC/JJeCUEvLi7+NDg4+EskEvldL0sVD4VCz3Z1db1SW1v7egJj7kD/Coy4l6qelAYAfB0quQ02vno8Hr8/OTkZaWtrmzo4ODhK1Uiycp/P5x0fH28JBAKh3Nxcow3osDdaYcRCMv2kBgD8O1D+BuyTlcTn5+cj7e3t0Y2NjX+SVey0rLS09OzY2Fiwvr4+BN1cqX+A8CqM+E6mTwRnTuTIDAn+FpIC/OHh4V+9vb0fNzQ0jKYbPJtknaybbbAtCYNt35JYZJY5SNgDctj8DFEBfnd3d627u/vT4eHhP8zqTybV0dHxTH9//+f5+fkVsgX2xKuJhtMJAwCeE/Y3sBiPBF9XV/fh0tISK8kY1dTU+BYWFvo0IzgnLlontmkIATyXSq42Ajy7kl8+0+D5ldgm29aGEzFNSIwUEWQyADlc59VSGe/r6/ssU8PmGI75l20TA3LjsoTYiNEgYwjBMu6CPKuIr4/Vph+TasyQzGJkbm7ubaxO1yQEDqVyDKU9pvUe+AhpAZ7rPJbKHyjgBuKyTUwSCzESqyBhAL4+D1PXZZ6Hm9STWCpV/U5DYiEmTe+6xOwRQwiJEAq/pQCPB0VFRdf+7w7LutJJ3LG3t7dvaseOdzGMImoIXVaN8WzjNvDERkzEpnAiFJjP4OvzMhJQBTyYqbjdEDov7+/vf4+6pu0wZQcGBi7arV/JWbAFiN2Lnzcg8COFuGkVFBSo2a70UoYEhC5+OqWgJoAv+mdeXt5bWpat6M7Ozk1tc7vMIfSa0lxdXf1VxZ2ETsGz7sfRoV4sFtMxNtOAF1hAugs6jrn3lxcmDV0VDTBuRrxJaYWujFowltMA40LNa6ArUWugLBgLaYByfXjUHVaTd13UgvEcDTjVRAPodBJE74GKuzW0YHxEA+gxE0TXh4q7NbRgfEgDeIQWRL+Nirs1tGCM0YAVBZZOJxV3a2jBuEIDphVYesxU3EnIY4ETeco+jg71LBinacAUWNxueFSlx4yCTmh0dPRLJ4AoOzIy8oWTNihLbNpxmpin1H2AnrcrFJqdnf0KM901tzFiUoQ94M3GxsYPZHoC94FW9gBJnEYZoa8SBy1hGNNuIWIiNg2PwKwbIPYDdhF9lZqgK6LEpA0fYv3PAHQF94IbCikdrcXFxWdVOtsh/abEpOG4ITGbvBI9EBA3f3qJo9FoUFPIapROX81zTYzEKkgNIQ8s4qwOH2d7PPQS9/T0vKjS2QqJQXqsFYSwxCrSpsmK6yVdi7zx0APmoVuvs7Pz/Wx55+jkHRoa+jonJ+cp4gHdAV+CAcbrjckASsCI0+vcpQGw7h6CVrDwRvMCTS8xvwbLM0Fsy+KZJha+1hCbiYw5oOdCkM86V1UejWBXZmJOsA22pXkeCIOvNAmfmk4MIQWaIYZTwiemYDAY3dracsUTU1IDpBGn95FP9Yac2KfzmVUzgkssHxfCYOGGR2gQvXp0jNG3lOyh+wKosrLykmWMq3q4SYXBth+6laLtEL3hqr8a2AZuFYQhrvizR8pJbAWeKA1j6OFuATeDq8D09hWClc+Jp0ceGHn/5hWWt8C0/N3mX15C4bDnCIuAAAAAAElFTkSuQmCC);\n}\n\n.uni-audio-right {\n box-sizing: border-box;\n height: 65px;\n margin-left: 65px;\n padding: 11px 16.5px 13.5px 15px;\n overflow: hidden;\n}\n\n.uni-audio-time {\n margin-top: 3.5px;\n height: 16.5px;\n font-size: 12px;\n color: #888888;\n float: right;\n}\n\n.uni-audio-info {\n margin-right: 70px;\n overflow: hidden;\n}\n\n.uni-audio-name {\n height: 22.5px;\n line-height: 22.5px;\n margin-bottom: 3.5px;\n font-size: 14px;\n color: #353535;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.uni-audio-author {\n height: 14.5px;\n line-height: 14.5px;\n font-size: 12px;\n color: #888888;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n"; class UniAudio extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-audio", _sfc_main, parentNodeId, refNodeId, nodeJson); } } - var button = "uni-button {\r\n position: relative;\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n box-sizing: border-box;\r\n font-size: 18px;\r\n text-align: center;\r\n text-decoration: none;\r\n line-height: 2.55555556;\r\n border-radius: 5px;\r\n -webkit-tap-highlight-color: transparent;\r\n overflow: hidden;\r\n color: #000000;\r\n background-color: #f8f8f8;\r\n cursor: pointer;\r\n}\r\n\r\nuni-button[hidden] {\r\n display: none !important;\r\n}\r\n\r\nuni-button:after {\r\n content: ' ';\r\n width: 200%;\r\n height: 200%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n transform: scale(0.5);\r\n transform-origin: 0 0;\r\n box-sizing: border-box;\r\n border-radius: 10px;\r\n}\r\n\r\nuni-button[native] {\r\n padding-left: 0;\r\n padding-right: 0;\r\n}\r\n\r\nuni-button[native] .uni-button-cover-view-wrapper {\r\n border: inherit;\r\n border-color: inherit;\r\n border-radius: inherit;\r\n background-color: inherit;\r\n}\r\n\r\nuni-button[native] .uni-button-cover-view-inner {\r\n padding-left: 14px;\r\n padding-right: 14px;\r\n}\r\n\r\nuni-button uni-cover-view {\r\n line-height: inherit;\r\n white-space: inherit;\r\n}\r\n\r\nuni-button[type='default'] {\r\n color: #000000;\r\n background-color: #f8f8f8;\r\n}\r\n\r\nuni-button[type='primary'] {\r\n color: #ffffff;\r\n background-color: #007aff;\r\n}\r\n\r\nuni-button[type='warn'] {\r\n color: #ffffff;\r\n background-color: #e64340;\r\n}\r\n\r\nuni-button[disabled] {\r\n color: rgba(255, 255, 255, 0.6);\r\n cursor: not-allowed;\r\n}\r\n\r\nuni-button[disabled][type='default'],\r\nuni-button[disabled]:not([type]) {\r\n color: rgba(0, 0, 0, 0.3);\r\n background-color: #f7f7f7;\r\n}\r\n\r\nuni-button[disabled][type='primary'] {\r\n background-color: rgba(0, 122, 255, 0.6);\r\n}\r\n\r\nuni-button[disabled][type='warn'] {\r\n background-color: #ec8b89;\r\n}\r\n\r\nuni-button[type='primary'][plain] {\r\n color: #007aff;\r\n border: 1px solid #007aff;\r\n background-color: transparent;\r\n}\r\n\r\nuni-button[type='primary'][plain][disabled] {\r\n color: rgba(0, 0, 0, 0.2);\r\n border-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\nuni-button[type='primary'][plain]:after {\r\n border-width: 0;\r\n}\r\n\r\nuni-button[type='default'][plain] {\r\n color: #353535;\r\n border: 1px solid #353535;\r\n background-color: transparent;\r\n}\r\n\r\nuni-button[type='default'][plain][disabled] {\r\n color: rgba(0, 0, 0, 0.2);\r\n border-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\nuni-button[type='default'][plain]:after {\r\n border-width: 0;\r\n}\r\n\r\nuni-button[plain] {\r\n color: #353535;\r\n border: 1px solid #353535;\r\n background-color: transparent;\r\n}\r\n\r\nuni-button[plain][disabled] {\r\n color: rgba(0, 0, 0, 0.2);\r\n border-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\nuni-button[plain]:after {\r\n border-width: 0;\r\n}\r\n\r\nuni-button[plain][native] .uni-button-cover-view-inner {\r\n padding: 0;\r\n}\r\n\r\nuni-button[type='warn'][plain] {\r\n color: #e64340;\r\n border: 1px solid #e64340;\r\n background-color: transparent;\r\n}\r\n\r\nuni-button[type='warn'][plain][disabled] {\r\n color: rgba(0, 0, 0, 0.2);\r\n border-color: rgba(0, 0, 0, 0.2);\r\n}\r\n\r\nuni-button[type='warn'][plain]:after {\r\n border-width: 0;\r\n}\r\n\r\nuni-button[size='mini'] {\r\n display: inline-block;\r\n line-height: 2.3;\r\n font-size: 13px;\r\n padding: 0 1.34em;\r\n}\r\n\r\nuni-button[size='mini'][native] {\r\n padding: 0;\r\n}\r\n\r\nuni-button[size='mini'][native] .uni-button-cover-view-inner {\r\n padding: 0 1.34em;\r\n}\r\n\r\nuni-button[loading]:not([disabled]) {\r\n cursor: progress;\r\n}\r\n\r\nuni-button[loading]:before {\r\n content: ' ';\r\n display: inline-block;\r\n width: 18px;\r\n height: 18px;\r\n vertical-align: middle;\r\n animation: uni-loading 1s steps(12, end) infinite;\r\n background-size: 100%;\r\n}\r\n\r\nuni-button[loading][type='primary'] {\r\n color: rgba(255, 255, 255, 0.6);\r\n background-color: #0062cc;\r\n}\r\n\r\nuni-button[loading][type='primary'][plain] {\r\n color: #007aff;\r\n background-color: transparent;\r\n}\r\n\r\nuni-button[loading][type='default'] {\r\n color: rgba(0, 0, 0, 0.6);\r\n background-color: #dedede;\r\n}\r\n\r\nuni-button[loading][type='default'][plain] {\r\n color: #353535;\r\n background-color: transparent;\r\n}\r\n\r\nuni-button[loading][type='warn'] {\r\n color: rgba(255, 255, 255, 0.6);\r\n background-color: #ce3c39;\r\n}\r\n\r\nuni-button[loading][type='warn'][plain] {\r\n color: #e64340;\r\n background-color: transparent;\r\n}\r\n\r\nuni-button[loading][native]:before {\r\n content: none;\r\n}\r\n\r\n.button-hover {\r\n color: rgba(0, 0, 0, 0.6);\r\n background-color: #dedede;\r\n}\r\n\r\n.button-hover[plain] {\r\n color: rgba(53, 53, 53, 0.6);\r\n border-color: rgba(53, 53, 53, 0.6);\r\n background-color: transparent;\r\n}\r\n\r\n.button-hover[type='primary'] {\r\n color: rgba(255, 255, 255, 0.6);\r\n background-color: #0062cc;\r\n}\r\n\r\n.button-hover[type='primary'][plain] {\r\n color: rgba(26, 173, 25, 0.6);\r\n border-color: rgba(26, 173, 25, 0.6);\r\n background-color: transparent;\r\n}\r\n\r\n.button-hover[type='default'] {\r\n color: rgba(0, 0, 0, 0.6);\r\n background-color: #dedede;\r\n}\r\n\r\n.button-hover[type='default'][plain] {\r\n color: rgba(53, 53, 53, 0.6);\r\n border-color: rgba(53, 53, 53, 0.6);\r\n background-color: transparent;\r\n}\r\n\r\n.button-hover[type='warn'] {\r\n color: rgba(255, 255, 255, 0.6);\r\n background-color: #ce3c39;\r\n}\r\n\r\n.button-hover[type='warn'][plain] {\r\n color: rgba(230, 67, 64, 0.6);\r\n border-color: rgba(230, 67, 64, 0.6);\r\n background-color: transparent;\r\n}\r\n"; + var button = "uni-button {\n position: relative;\n display: block;\n margin-left: auto;\n margin-right: auto;\n padding-left: 14px;\n padding-right: 14px;\n box-sizing: border-box;\n font-size: 18px;\n text-align: center;\n text-decoration: none;\n line-height: 2.55555556;\n border-radius: 5px;\n -webkit-tap-highlight-color: transparent;\n overflow: hidden;\n color: #000000;\n background-color: #f8f8f8;\n cursor: pointer;\n}\n\nuni-button[hidden] {\n display: none !important;\n}\n\nuni-button:after {\n content: ' ';\n width: 200%;\n height: 200%;\n position: absolute;\n top: 0;\n left: 0;\n border: 1px solid rgba(0, 0, 0, 0.2);\n transform: scale(0.5);\n transform-origin: 0 0;\n box-sizing: border-box;\n border-radius: 10px;\n}\n\nuni-button[native] {\n padding-left: 0;\n padding-right: 0;\n}\n\nuni-button[native] .uni-button-cover-view-wrapper {\n border: inherit;\n border-color: inherit;\n border-radius: inherit;\n background-color: inherit;\n}\n\nuni-button[native] .uni-button-cover-view-inner {\n padding-left: 14px;\n padding-right: 14px;\n}\n\nuni-button uni-cover-view {\n line-height: inherit;\n white-space: inherit;\n}\n\nuni-button[type='default'] {\n color: #000000;\n background-color: #f8f8f8;\n}\n\nuni-button[type='primary'] {\n color: #ffffff;\n background-color: #007aff;\n}\n\nuni-button[type='warn'] {\n color: #ffffff;\n background-color: #e64340;\n}\n\nuni-button[disabled] {\n color: rgba(255, 255, 255, 0.6);\n cursor: not-allowed;\n}\n\nuni-button[disabled][type='default'],\nuni-button[disabled]:not([type]) {\n color: rgba(0, 0, 0, 0.3);\n background-color: #f7f7f7;\n}\n\nuni-button[disabled][type='primary'] {\n background-color: rgba(0, 122, 255, 0.6);\n}\n\nuni-button[disabled][type='warn'] {\n background-color: #ec8b89;\n}\n\nuni-button[type='primary'][plain] {\n color: #007aff;\n border: 1px solid #007aff;\n background-color: transparent;\n}\n\nuni-button[type='primary'][plain][disabled] {\n color: rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.2);\n}\n\nuni-button[type='primary'][plain]:after {\n border-width: 0;\n}\n\nuni-button[type='default'][plain] {\n color: #353535;\n border: 1px solid #353535;\n background-color: transparent;\n}\n\nuni-button[type='default'][plain][disabled] {\n color: rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.2);\n}\n\nuni-button[type='default'][plain]:after {\n border-width: 0;\n}\n\nuni-button[plain] {\n color: #353535;\n border: 1px solid #353535;\n background-color: transparent;\n}\n\nuni-button[plain][disabled] {\n color: rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.2);\n}\n\nuni-button[plain]:after {\n border-width: 0;\n}\n\nuni-button[plain][native] .uni-button-cover-view-inner {\n padding: 0;\n}\n\nuni-button[type='warn'][plain] {\n color: #e64340;\n border: 1px solid #e64340;\n background-color: transparent;\n}\n\nuni-button[type='warn'][plain][disabled] {\n color: rgba(0, 0, 0, 0.2);\n border-color: rgba(0, 0, 0, 0.2);\n}\n\nuni-button[type='warn'][plain]:after {\n border-width: 0;\n}\n\nuni-button[size='mini'] {\n display: inline-block;\n line-height: 2.3;\n font-size: 13px;\n padding: 0 1.34em;\n}\n\nuni-button[size='mini'][native] {\n padding: 0;\n}\n\nuni-button[size='mini'][native] .uni-button-cover-view-inner {\n padding: 0 1.34em;\n}\n\nuni-button[loading]:not([disabled]) {\n cursor: progress;\n}\n\nuni-button[loading]:before {\n content: ' ';\n display: inline-block;\n width: 18px;\n height: 18px;\n vertical-align: middle;\n animation: uni-loading 1s steps(12, end) infinite;\n background-size: 100%;\n}\n\nuni-button[loading][type='primary'] {\n color: rgba(255, 255, 255, 0.6);\n background-color: #0062cc;\n}\n\nuni-button[loading][type='primary'][plain] {\n color: #007aff;\n background-color: transparent;\n}\n\nuni-button[loading][type='default'] {\n color: rgba(0, 0, 0, 0.6);\n background-color: #dedede;\n}\n\nuni-button[loading][type='default'][plain] {\n color: #353535;\n background-color: transparent;\n}\n\nuni-button[loading][type='warn'] {\n color: rgba(255, 255, 255, 0.6);\n background-color: #ce3c39;\n}\n\nuni-button[loading][type='warn'][plain] {\n color: #e64340;\n background-color: transparent;\n}\n\nuni-button[loading][native]:before {\n content: none;\n}\n\n.button-hover {\n color: rgba(0, 0, 0, 0.6);\n background-color: #dedede;\n}\n\n.button-hover[plain] {\n color: rgba(53, 53, 53, 0.6);\n border-color: rgba(53, 53, 53, 0.6);\n background-color: transparent;\n}\n\n.button-hover[type='primary'] {\n color: rgba(255, 255, 255, 0.6);\n background-color: #0062cc;\n}\n\n.button-hover[type='primary'][plain] {\n color: rgba(26, 173, 25, 0.6);\n border-color: rgba(26, 173, 25, 0.6);\n background-color: transparent;\n}\n\n.button-hover[type='default'] {\n color: rgba(0, 0, 0, 0.6);\n background-color: #dedede;\n}\n\n.button-hover[type='default'][plain] {\n color: rgba(53, 53, 53, 0.6);\n border-color: rgba(53, 53, 53, 0.6);\n background-color: transparent;\n}\n\n.button-hover[type='warn'] {\n color: rgba(255, 255, 255, 0.6);\n background-color: #ce3c39;\n}\n\n.button-hover[type='warn'][plain] {\n color: rgba(230, 67, 64, 0.6);\n border-color: rgba(230, 67, 64, 0.6);\n background-color: transparent;\n}\n"; class UniButton extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-button", Button, parentNodeId, refNodeId, nodeJson); @@ -14877,13 +15451,13 @@ super(id2, "uni-camera", parentNodeId, refNodeId); } } - var canvas = "uni-canvas {\r\n width: 300px;\r\n height: 150px;\r\n display: block;\r\n position: relative;\r\n}\r\n\r\nuni-canvas > .uni-canvas-canvas {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n"; + var canvas = "uni-canvas {\n width: 300px;\n height: 150px;\n display: block;\n position: relative;\n}\n\nuni-canvas > .uni-canvas-canvas {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n"; class UniCanvas extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-canvas", Canvas, parentNodeId, refNodeId, nodeJson, "uni-canvas > div"); } } - var checkbox = "uni-checkbox {\r\n -webkit-tap-highlight-color: transparent;\r\n display: inline-block;\r\n cursor: pointer;\r\n}\r\n\r\nuni-checkbox[hidden] {\r\n display: none;\r\n}\r\n\r\nuni-checkbox[disabled] {\r\n cursor: not-allowed;\r\n}\r\n\r\n.uni-checkbox-wrapper {\r\n display: inline-flex;\r\n align-items: center;\r\n vertical-align: middle;\r\n}\r\n\r\n.uni-checkbox-input {\r\n margin-right: 5px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n outline: 0;\r\n border: 1px solid #d1d1d1;\r\n background-color: #ffffff;\r\n border-radius: 3px;\r\n width: 22px;\r\n height: 22px;\r\n position: relative;\r\n}\r\n\r\n.uni-checkbox-input svg {\r\n color: #007aff;\r\n font-size: 22px;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -48%) scale(0.73);\r\n}\r\n\r\nuni-checkbox:not([disabled]) .uni-checkbox-input:hover {\r\n border-color: #007aff;\r\n}\r\n\r\n.uni-checkbox-input.uni-checkbox-input-disabled {\r\n background-color: #e1e1e1;\r\n}\r\n\r\n.uni-checkbox-input.uni-checkbox-input-disabled:before {\r\n color: #adadad;\r\n}\r\n\r\nuni-checkbox-group {\r\n display: block;\r\n}\r\n"; + var checkbox = "uni-checkbox {\n -webkit-tap-highlight-color: transparent;\n display: inline-block;\n cursor: pointer;\n}\n\nuni-checkbox[hidden] {\n display: none;\n}\n\nuni-checkbox[disabled] {\n cursor: not-allowed;\n}\n\n.uni-checkbox-wrapper {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.uni-checkbox-input {\n margin-right: 5px;\n -webkit-appearance: none;\n appearance: none;\n outline: 0;\n border: 1px solid #d1d1d1;\n background-color: #ffffff;\n border-radius: 3px;\n width: 22px;\n height: 22px;\n position: relative;\n}\n\n.uni-checkbox-input svg {\n color: #007aff;\n font-size: 22px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -48%) scale(0.73);\n}\n\nuni-checkbox:not([disabled]) .uni-checkbox-input:hover {\n border-color: #007aff;\n}\n\n.uni-checkbox-input.uni-checkbox-input-disabled {\n background-color: #e1e1e1;\n}\n\n.uni-checkbox-input.uni-checkbox-input-disabled:before {\n color: #adadad;\n}\n\nuni-checkbox-group {\n display: block;\n}\n"; class UniCheckbox extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-checkbox", Checkbox, parentNodeId, refNodeId, nodeJson, ".uni-checkbox-wrapper"); @@ -14892,13 +15466,13 @@ setHolderText(this.$holder, "uni-checkbox-input", text2); } } - var checkboxGroup = "uni-checkbox-group {\r\n display: block;\r\n}\r\n\r\nuni-checkbox-group[hidden] {\r\n display: none;\r\n}\r\n"; + var checkboxGroup = "uni-checkbox-group {\n display: block;\n}\n\nuni-checkbox-group[hidden] {\n display: none;\n}\n"; class UniCheckboxGroup extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-checkbox-group", CheckboxGroup, parentNodeId, refNodeId, nodeJson); } } - var coverImage = "uni-cover-image {\r\n display: block;\r\n line-height: 1.2;\r\n overflow: hidden;\r\n height: 100%;\r\n width: 100%;\r\n pointer-events: auto;\r\n}\r\n\r\nuni-cover-image[hidden] {\r\n display: none;\r\n}\r\n\r\nuni-cover-image .uni-cover-image {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n"; + var coverImage = "uni-cover-image {\n display: block;\n line-height: 1.2;\n overflow: hidden;\n height: 100%;\n width: 100%;\n pointer-events: auto;\n}\n\nuni-cover-image[hidden] {\n display: none;\n}\n\nuni-cover-image .uni-cover-image {\n width: 100%;\n height: 100%;\n}\n"; let id = 0; function useCover(rootRef, trigger2, content) { const { position, hidden, onParentReady } = useNative(rootRef); @@ -15157,7 +15731,7 @@ super(id2, "uni-cover-image", CoverImage, parentNodeId, refNodeId, nodeJson); } } - var coverView = "uni-cover-view {\r\n display: block;\r\n line-height: 1.2;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n pointer-events: auto;\r\n}\r\n\r\nuni-cover-view[hidden] {\r\n display: none;\r\n}\r\n\r\nuni-cover-view .uni-cover-view {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n"; + var coverView = "uni-cover-view {\n display: block;\n line-height: 1.2;\n overflow: hidden;\n white-space: nowrap;\n pointer-events: auto;\n}\n\nuni-cover-view[hidden] {\n display: none;\n}\n\nuni-cover-view .uni-cover-view {\n width: 100%;\n height: 100%;\n}\n"; var CoverView = /* @__PURE__ */ defineBuiltInComponent({ name: "CoverView", emits: ["click"], @@ -15192,7 +15766,7 @@ super(id2, "uni-cover-view", CoverView, parentNodeId, refNodeId, nodeJson, ".uni-cover-view"); } } - var editor = ".ql-container {\r\n display: block;\r\n position: relative;\r\n box-sizing: border-box;\r\n -webkit-user-select: text;\r\n user-select: text;\r\n outline: none;\r\n overflow: hidden;\r\n width: 100%;\r\n height: 200px;\r\n min-height: 200px;\r\n}\r\n.ql-container[hidden] {\r\n display: none;\r\n}\r\n.ql-container .ql-editor {\r\n position: relative;\r\n font-size: inherit;\r\n line-height: inherit;\r\n font-family: inherit;\r\n min-height: inherit;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-touch-callout: none;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n.ql-container .ql-editor::-webkit-scrollbar {\r\n width: 0 !important;\r\n}\r\n.ql-container .ql-editor.scroll-disabled {\r\n overflow: hidden;\r\n}\r\n.ql-container .ql-image-overlay {\r\n display: flex;\r\n position: absolute;\r\n box-sizing: border-box;\r\n border: 1px dashed #ccc;\r\n justify-content: center;\r\n align-items: center;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n}\r\n.ql-container .ql-image-overlay .ql-image-size {\r\n position: absolute;\r\n padding: 4px 8px;\r\n text-align: center;\r\n background-color: #fff;\r\n color: #888;\r\n border: 1px solid #ccc;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n right: 4px;\r\n top: 4px;\r\n font-size: 12px;\r\n display: inline-block;\r\n width: auto;\r\n}\r\n.ql-container .ql-image-overlay .ql-image-toolbar {\r\n position: relative;\r\n text-align: center;\r\n box-sizing: border-box;\r\n background: #000;\r\n border-radius: 5px;\r\n color: #fff;\r\n font-size: 0;\r\n min-height: 24px;\r\n z-index: 100;\r\n}\r\n.ql-container .ql-image-overlay .ql-image-toolbar span {\r\n display: inline-block;\r\n cursor: pointer;\r\n padding: 5px;\r\n font-size: 12px;\r\n border-right: 1px solid #fff;\r\n}\r\n.ql-container .ql-image-overlay .ql-image-toolbar span:last-child {\r\n border-right: 0;\r\n}\r\n.ql-container .ql-image-overlay .ql-image-toolbar span.triangle-up {\r\n padding: 0;\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translatex(-50%);\r\n width: 0;\r\n height: 0;\r\n border-width: 6px;\r\n border-style: solid;\r\n border-color: transparent transparent black transparent;\r\n}\r\n.ql-container .ql-image-overlay .ql-image-handle {\r\n position: absolute;\r\n height: 12px;\r\n width: 12px;\r\n border-radius: 50%;\r\n border: 1px solid #ccc;\r\n box-sizing: border-box;\r\n background: #fff;\r\n}\r\n.ql-container img {\r\n display: inline-block;\r\n max-width: 100%;\r\n}\r\n.ql-clipboard p {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n.ql-editor {\r\n box-sizing: border-box;\r\n height: 100%;\r\n outline: none;\r\n overflow-y: auto;\r\n tab-size: 4;\r\n -moz-tab-size: 4;\r\n text-align: left;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n}\r\n.ql-editor > * {\r\n cursor: text;\r\n}\r\n.ql-editor p,\r\n.ql-editor ol,\r\n.ql-editor ul,\r\n.ql-editor pre,\r\n.ql-editor blockquote,\r\n.ql-editor h1,\r\n.ql-editor h2,\r\n.ql-editor h3,\r\n.ql-editor h4,\r\n.ql-editor h5,\r\n.ql-editor h6 {\r\n margin: 0;\r\n padding: 0;\r\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n}\r\n.ql-editor ol > li,\r\n.ql-editor ul > li {\r\n list-style-type: none;\r\n}\r\n.ql-editor ul > li::before {\r\n content: '\\2022';\r\n}\r\n.ql-editor ul[data-checked=true],\r\n.ql-editor ul[data-checked=false] {\r\n pointer-events: none;\r\n}\r\n.ql-editor ul[data-checked=true] > li *,\r\n.ql-editor ul[data-checked=false] > li * {\r\n pointer-events: all;\r\n}\r\n.ql-editor ul[data-checked=true] > li::before,\r\n.ql-editor ul[data-checked=false] > li::before {\r\n color: #777;\r\n cursor: pointer;\r\n pointer-events: all;\r\n}\r\n.ql-editor ul[data-checked=true] > li::before {\r\n content: '\\2611';\r\n}\r\n.ql-editor ul[data-checked=false] > li::before {\r\n content: '\\2610';\r\n}\r\n.ql-editor li::before {\r\n display: inline-block;\r\n white-space: nowrap;\r\n width: 2em;\r\n}\r\n.ql-editor ol li {\r\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n counter-increment: list-0;\r\n}\r\n.ql-editor ol li:before {\r\n content: counter(list-0, decimal) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-1 {\r\n counter-increment: list-1;\r\n}\r\n.ql-editor ol li.ql-indent-1:before {\r\n content: counter(list-1, lower-alpha) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-1 {\r\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n}\r\n.ql-editor ol li.ql-indent-2 {\r\n counter-increment: list-2;\r\n}\r\n.ql-editor ol li.ql-indent-2:before {\r\n content: counter(list-2, lower-roman) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-2 {\r\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n}\r\n.ql-editor ol li.ql-indent-3 {\r\n counter-increment: list-3;\r\n}\r\n.ql-editor ol li.ql-indent-3:before {\r\n content: counter(list-3, decimal) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-3 {\r\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\r\n}\r\n.ql-editor ol li.ql-indent-4 {\r\n counter-increment: list-4;\r\n}\r\n.ql-editor ol li.ql-indent-4:before {\r\n content: counter(list-4, lower-alpha) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-4 {\r\n counter-reset: list-5 list-6 list-7 list-8 list-9;\r\n}\r\n.ql-editor ol li.ql-indent-5 {\r\n counter-increment: list-5;\r\n}\r\n.ql-editor ol li.ql-indent-5:before {\r\n content: counter(list-5, lower-roman) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-5 {\r\n counter-reset: list-6 list-7 list-8 list-9;\r\n}\r\n.ql-editor ol li.ql-indent-6 {\r\n counter-increment: list-6;\r\n}\r\n.ql-editor ol li.ql-indent-6:before {\r\n content: counter(list-6, decimal) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-6 {\r\n counter-reset: list-7 list-8 list-9;\r\n}\r\n.ql-editor ol li.ql-indent-7 {\r\n counter-increment: list-7;\r\n}\r\n.ql-editor ol li.ql-indent-7:before {\r\n content: counter(list-7, lower-alpha) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-7 {\r\n counter-reset: list-8 list-9;\r\n}\r\n.ql-editor ol li.ql-indent-8 {\r\n counter-increment: list-8;\r\n}\r\n.ql-editor ol li.ql-indent-8:before {\r\n content: counter(list-8, lower-roman) '. ';\r\n}\r\n.ql-editor ol li.ql-indent-8 {\r\n counter-reset: list-9;\r\n}\r\n.ql-editor ol li.ql-indent-9 {\r\n counter-increment: list-9;\r\n}\r\n.ql-editor ol li.ql-indent-9:before {\r\n content: counter(list-9, decimal) '. ';\r\n}\r\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\r\n padding-left: 2em;\r\n}\r\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\r\n padding-left: 2em;\r\n}\r\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\r\n padding-right: 2em;\r\n}\r\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\r\n padding-right: 2em;\r\n}\r\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\r\n padding-left: 4em;\r\n}\r\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\r\n padding-left: 4em;\r\n}\r\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\r\n padding-right: 4em;\r\n}\r\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\r\n padding-right: 4em;\r\n}\r\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\r\n padding-left: 6em;\r\n}\r\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\r\n padding-left: 6em;\r\n}\r\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\r\n padding-right: 6em;\r\n}\r\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\r\n padding-right: 6em;\r\n}\r\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\r\n padding-left: 8em;\r\n}\r\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\r\n padding-left: 8em;\r\n}\r\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\r\n padding-right: 8em;\r\n}\r\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\r\n padding-right: 8em;\r\n}\r\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\r\n padding-left: 10em;\r\n}\r\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\r\n padding-left: 10em;\r\n}\r\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\r\n padding-right: 10em;\r\n}\r\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\r\n padding-right: 10em;\r\n}\r\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\r\n padding-left: 12em;\r\n}\r\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\r\n padding-left: 12em;\r\n}\r\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\r\n padding-right: 12em;\r\n}\r\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\r\n padding-right: 12em;\r\n}\r\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\r\n padding-left: 14em;\r\n}\r\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\r\n padding-left: 14em;\r\n}\r\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\r\n padding-right: 14em;\r\n}\r\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\r\n padding-right: 14em;\r\n}\r\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\r\n padding-left: 16em;\r\n}\r\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\r\n padding-left: 16em;\r\n}\r\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\r\n padding-right: 16em;\r\n}\r\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\r\n padding-right: 16em;\r\n}\r\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\r\n padding-left: 18em;\r\n}\r\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\r\n padding-left: 18em;\r\n}\r\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\r\n padding-right: 18em;\r\n}\r\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\r\n padding-right: 18em;\r\n}\r\n.ql-editor .ql-direction-rtl {\r\n direction: rtl;\r\n text-align: inherit;\r\n}\r\n.ql-editor .ql-align-center {\r\n text-align: center;\r\n}\r\n.ql-editor .ql-align-justify {\r\n text-align: justify;\r\n}\r\n.ql-editor .ql-align-right {\r\n text-align: right;\r\n}\r\n.ql-editor.ql-blank::before {\r\n color: rgba(0, 0, 0, 0.6);\r\n content: attr(data-placeholder);\r\n font-style: italic;\r\n pointer-events: none;\r\n position: absolute;\r\n}\r\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\r\n pointer-events: none;\r\n}\r\n.ql-clipboard {\r\n left: -100000px;\r\n height: 1px;\r\n overflow-y: hidden;\r\n position: absolute;\r\n top: 50%;\r\n}\r\n"; + var editor = ".ql-container {\n display: block;\n position: relative;\n box-sizing: border-box;\n -webkit-user-select: text;\n user-select: text;\n outline: none;\n overflow: hidden;\n width: 100%;\n height: 200px;\n min-height: 200px;\n}\n.ql-container[hidden] {\n display: none;\n}\n.ql-container .ql-editor {\n position: relative;\n font-size: inherit;\n line-height: inherit;\n font-family: inherit;\n min-height: inherit;\n width: 100%;\n height: 100%;\n padding: 0;\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n -webkit-overflow-scrolling: touch;\n}\n.ql-container .ql-editor::-webkit-scrollbar {\n width: 0 !important;\n}\n.ql-container .ql-editor.scroll-disabled {\n overflow: hidden;\n}\n.ql-container .ql-image-overlay {\n display: flex;\n position: absolute;\n box-sizing: border-box;\n border: 1px dashed #ccc;\n justify-content: center;\n align-items: center;\n -webkit-user-select: none;\n user-select: none;\n}\n.ql-container .ql-image-overlay .ql-image-size {\n position: absolute;\n padding: 4px 8px;\n text-align: center;\n background-color: #fff;\n color: #888;\n border: 1px solid #ccc;\n box-sizing: border-box;\n opacity: 0.8;\n right: 4px;\n top: 4px;\n font-size: 12px;\n display: inline-block;\n width: auto;\n}\n.ql-container .ql-image-overlay .ql-image-toolbar {\n position: relative;\n text-align: center;\n box-sizing: border-box;\n background: #000;\n border-radius: 5px;\n color: #fff;\n font-size: 0;\n min-height: 24px;\n z-index: 100;\n}\n.ql-container .ql-image-overlay .ql-image-toolbar span {\n display: inline-block;\n cursor: pointer;\n padding: 5px;\n font-size: 12px;\n border-right: 1px solid #fff;\n}\n.ql-container .ql-image-overlay .ql-image-toolbar span:last-child {\n border-right: 0;\n}\n.ql-container .ql-image-overlay .ql-image-toolbar span.triangle-up {\n padding: 0;\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translatex(-50%);\n width: 0;\n height: 0;\n border-width: 6px;\n border-style: solid;\n border-color: transparent transparent black transparent;\n}\n.ql-container .ql-image-overlay .ql-image-handle {\n position: absolute;\n height: 12px;\n width: 12px;\n border-radius: 50%;\n border: 1px solid #ccc;\n box-sizing: border-box;\n background: #fff;\n}\n.ql-container img {\n display: inline-block;\n max-width: 100%;\n}\n.ql-clipboard p {\n margin: 0;\n padding: 0;\n}\n.ql-editor {\n box-sizing: border-box;\n height: 100%;\n outline: none;\n overflow-y: auto;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n.ql-editor > * {\n cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor ul,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n margin: 0;\n padding: 0;\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n list-style-type: none;\n}\n.ql-editor ul > li::before {\n content: '\\2022';\n}\n.ql-editor ul[data-checked=true],\n.ql-editor ul[data-checked=false] {\n pointer-events: none;\n}\n.ql-editor ul[data-checked=true] > li *,\n.ql-editor ul[data-checked=false] > li * {\n pointer-events: all;\n}\n.ql-editor ul[data-checked=true] > li::before,\n.ql-editor ul[data-checked=false] > li::before {\n color: #777;\n cursor: pointer;\n pointer-events: all;\n}\n.ql-editor ul[data-checked=true] > li::before {\n content: '\\2611';\n}\n.ql-editor ul[data-checked=false] > li::before {\n content: '\\2610';\n}\n.ql-editor li::before {\n display: inline-block;\n white-space: nowrap;\n width: 2em;\n}\n.ql-editor ol li {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n counter-increment: list-0;\n}\n.ql-editor ol li:before {\n content: counter(list-0, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n content: counter(list-1, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n content: counter(list-2, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n content: counter(list-3, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n content: counter(list-4, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n content: counter(list-5, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n content: counter(list-6, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n content: counter(list-7, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-7 {\n counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n content: counter(list-8, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-8 {\n counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9:before {\n content: counter(list-9, decimal) '. ';\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 2em;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 2em;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 2em;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 2em;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 4em;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 4em;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 4em;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 4em;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 8em;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 8em;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 8em;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 8em;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 10em;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 10em;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 10em;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 10em;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 14em;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 14em;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 14em;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 14em;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 16em;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 16em;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 16em;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 16em;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n}\n.ql-editor .ql-align-center {\n text-align: center;\n}\n.ql-editor .ql-align-justify {\n text-align: justify;\n}\n.ql-editor .ql-align-right {\n text-align: right;\n}\n.ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n pointer-events: none;\n position: absolute;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n pointer-events: none;\n}\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n}\n"; class UniEditor extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-editor", Editor, parentNodeId, refNodeId, nodeJson); @@ -15209,25 +15783,25 @@ super(id2, "uni-functional-page-navigator", parentNodeId, refNodeId); } } - var icon = "uni-icon {\r\n display: inline-block;\r\n font-size: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nuni-icon[hidden] {\r\n display: none;\r\n}\r\n"; + var icon = "uni-icon {\n display: inline-block;\n font-size: 0;\n box-sizing: border-box;\n}\n\nuni-icon[hidden] {\n display: none;\n}\n"; class UniIcon extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-icon", Icon, parentNodeId, refNodeId, nodeJson); } } - var image = "uni-image {\r\n width: 320px;\r\n height: 240px;\r\n display: inline-block;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\nuni-image[hidden] {\r\n display: none;\r\n}\r\n\r\nuni-image > div {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\nuni-image > img {\r\n -webkit-touch-callout: none;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n}\r\n\r\nuni-image > .uni-image-will-change {\r\n will-change: transform;\r\n}\r\n"; + var image = "uni-image {\n width: 320px;\n height: 240px;\n display: inline-block;\n overflow: hidden;\n position: relative;\n}\n\nuni-image[hidden] {\n display: none;\n}\n\nuni-image > div {\n width: 100%;\n height: 100%;\n}\n\nuni-image > img {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n user-select: none;\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\nuni-image > .uni-image-will-change {\n will-change: transform;\n}\n"; class UniImage extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-image", Image$1, parentNodeId, refNodeId, nodeJson); } } - var input = "uni-input {\r\n display: block;\r\n font-size: 16px;\r\n line-height: 1.4em;\r\n height: 1.4em;\r\n min-height: 1.4em;\r\n overflow: hidden;\r\n}\r\n\r\nuni-input[hidden] {\r\n display: none;\r\n}\r\n\r\n.uni-input-wrapper,\r\n.uni-input-placeholder,\r\n.uni-input-form,\r\n.uni-input-input {\r\n outline: none;\r\n border: none;\r\n padding: 0;\r\n margin: 0;\r\n text-decoration: inherit;\r\n}\r\n\r\n.uni-input-wrapper,\r\n.uni-input-form {\r\n display: flex;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n flex-direction: column;\r\n justify-content: center;\r\n}\r\n\r\n.uni-input-placeholder,\r\n.uni-input-input {\r\n width: 100%;\r\n}\r\n\r\n.uni-input-placeholder {\r\n position: absolute;\r\n top: auto !important;\r\n left: 0;\r\n color: gray;\r\n overflow: hidden;\r\n text-overflow: clip;\r\n white-space: pre;\r\n word-break: keep-all;\r\n pointer-events: none;\r\n line-height: inherit;\r\n}\r\n\r\n.uni-input-input {\r\n position: relative;\r\n display: block;\r\n height: 100%;\r\n background: none;\r\n color: inherit;\r\n opacity: 1;\r\n font: inherit;\r\n line-height: inherit;\r\n letter-spacing: inherit;\r\n text-align: inherit;\r\n text-indent: inherit;\r\n text-transform: inherit;\r\n text-shadow: inherit;\r\n}\r\n\r\n.uni-input-input[type='search']::-webkit-search-cancel-button {\r\n display: none;\r\n}\r\n\r\n.uni-input-input::-webkit-outer-spin-button,\r\n.uni-input-input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n margin: 0;\r\n}\r\n\r\n.uni-input-input[type='number'] {\r\n -moz-appearance: textfield;\r\n}\r\n\r\n.uni-input-input:disabled {\r\n /* \u7528\u4E8E\u91CD\u7F6EiOS14\u4EE5\u4E0B\u7981\u7528\u72B6\u6001\u6587\u5B57\u989C\u8272 */\r\n -webkit-text-fill-color: currentcolor;\r\n}\r\n"; + var input = "uni-input {\n display: block;\n font-size: 16px;\n line-height: 1.4em;\n height: 1.4em;\n min-height: 1.4em;\n overflow: hidden;\n}\n\nuni-input[hidden] {\n display: none;\n}\n\n.uni-input-wrapper,\n.uni-input-placeholder,\n.uni-input-form,\n.uni-input-input {\n outline: none;\n border: none;\n padding: 0;\n margin: 0;\n text-decoration: inherit;\n}\n\n.uni-input-wrapper,\n.uni-input-form {\n display: flex;\n position: relative;\n width: 100%;\n height: 100%;\n flex-direction: column;\n justify-content: center;\n}\n\n.uni-input-placeholder,\n.uni-input-input {\n width: 100%;\n}\n\n.uni-input-placeholder {\n position: absolute;\n top: auto !important;\n left: 0;\n color: gray;\n overflow: hidden;\n text-overflow: clip;\n white-space: pre;\n word-break: keep-all;\n pointer-events: none;\n line-height: inherit;\n}\n\n.uni-input-input {\n position: relative;\n display: block;\n height: 100%;\n background: none;\n color: inherit;\n opacity: 1;\n font: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n text-align: inherit;\n text-indent: inherit;\n text-transform: inherit;\n text-shadow: inherit;\n}\n\n.uni-input-input[type='search']::-webkit-search-cancel-button {\n display: none;\n}\n\n.uni-input-input::-webkit-outer-spin-button,\n.uni-input-input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.uni-input-input[type='number'] {\n -moz-appearance: textfield;\n}\n\n.uni-input-input:disabled {\n /* \u7528\u4E8E\u91CD\u7F6EiOS14\u4EE5\u4E0B\u7981\u7528\u72B6\u6001\u6587\u5B57\u989C\u8272 */\n -webkit-text-fill-color: currentcolor;\n}\n"; class UniInput extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-input", Input, parentNodeId, refNodeId, nodeJson); } } - var label = ".uni-label-pointer {\r\n cursor: pointer;\r\n}\r\n"; + var label = ".uni-label-pointer {\n cursor: pointer;\n}\n"; class UniLabel extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-label", Label, parentNodeId, refNodeId, nodeJson); @@ -15243,7 +15817,7 @@ super(id2, "uni-live-pusher", parentNodeId, refNodeId); } } - var map = "uni-map {\r\n width: 300px;\r\n height: 225px;\r\n display: inline-block;\r\n line-height: 0;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\nuni-map[hidden] {\r\n display: none;\r\n}\r\n\r\n.uni-map-container {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n overflow: hidden;\r\n background-color: black;\r\n}\r\n\r\n.uni-map-slot {\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n pointer-events: none;\r\n}"; + var map = "uni-map {\n width: 300px;\n height: 225px;\n display: inline-block;\n line-height: 0;\n overflow: hidden;\n position: relative;\n}\n\nuni-map[hidden] {\n display: none;\n}\n\n.uni-map-container {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n background-color: black;\n}\n\n.uni-map-slot {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n}"; const convertCoordinates = (lng, lat, callback) => { callback({ coord: { @@ -15630,19 +16204,19 @@ super(id2, "uni-map", Map$1, parentNodeId, refNodeId, nodeJson, ".uni-map-slot"); } } - var movableArea = "uni-movable-area {\r\n display: block;\r\n position: relative;\r\n width: 10px;\r\n height: 10px;\r\n}\r\n\r\nuni-movable-area[hidden] {\r\n display: none;\r\n}\r\n"; + var movableArea = "uni-movable-area {\n display: block;\n position: relative;\n width: 10px;\n height: 10px;\n}\n\nuni-movable-area[hidden] {\n display: none;\n}\n"; class UniMovableArea extends UniContainerComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-movable-area", MovableArea, parentNodeId, refNodeId, nodeJson); } } - var movableView = "uni-movable-view {\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n top: 0px;\r\n left: 0px;\r\n position: absolute;\r\n cursor: grab;\r\n}\r\n\r\nuni-movable-view[hidden] {\r\n display: none;\r\n}\r\n"; + var movableView = "uni-movable-view {\n display: inline-block;\n width: 10px;\n height: 10px;\n top: 0px;\n left: 0px;\n position: absolute;\n cursor: grab;\n}\n\nuni-movable-view[hidden] {\n display: none;\n}\n"; class UniMovableView extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-movable-view", MovableView, parentNodeId, refNodeId, nodeJson); } } - var navigator$1 = "uni-navigator {\r\n height: auto;\r\n width: auto;\r\n display: block;\r\n cursor: pointer;\r\n}\r\n\r\nuni-navigator[hidden] {\r\n display: none;\r\n}\r\n\r\n.navigator-hover {\r\n background-color: rgba(0, 0, 0, 0.1);\r\n opacity: 0.7;\r\n}\r\n"; + var navigator$1 = "uni-navigator {\n height: auto;\n width: auto;\n display: block;\n cursor: pointer;\n}\n\nuni-navigator[hidden] {\n display: none;\n}\n\n.navigator-hover {\n background-color: rgba(0, 0, 0, 0.1);\n opacity: 0.7;\n}\n"; class UniNavigator extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-navigator", Navigator, parentNodeId, refNodeId, nodeJson); @@ -16062,25 +16636,25 @@ super(id2, "uni-picker", Picker, parentNodeId, refNodeId, nodeJson); } } - var pickerView = "uni-picker-view {\r\n display: block;\r\n}\r\n\r\n.uni-picker-view-wrapper {\r\n display: flex;\r\n position: relative;\r\n overflow: hidden;\r\n height: 100%;\r\n}\r\n\r\nuni-picker-view[hidden] {\r\n display: none;\r\n}\r\n"; + var pickerView = "uni-picker-view {\n display: block;\n}\n\n.uni-picker-view-wrapper {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\nuni-picker-view[hidden] {\n display: none;\n}\n"; class UniPickerView extends UniContainerComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-picker-view", PickerView, parentNodeId, refNodeId, nodeJson, ".uni-picker-view-wrapper"); } } - var pickerViewColumn = "uni-picker-view-column {\r\n flex: 1;\r\n position: relative;\r\n height: 100%;\r\n overflow: hidden;\r\n}\r\n\r\nuni-picker-view-column[hidden] {\r\n display: none;\r\n}\r\n\r\n.uni-picker-view-group {\r\n height: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.uni-picker-view-mask {\r\n transform: translateZ(0);\r\n}\r\n\r\n.uni-picker-view-indicator,\r\n.uni-picker-view-mask {\r\n position: absolute;\r\n left: 0;\r\n width: 100%;\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n\r\n.uni-picker-view-mask {\r\n top: 0;\r\n height: 100%;\r\n margin: 0 auto;\r\n background: linear-gradient(\r\n 180deg,\r\n hsla(0, 0%, 100%, 0.95),\r\n hsla(0, 0%, 100%, 0.6)\r\n ),\r\n linear-gradient(0deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6));\r\n background-position: top, bottom;\r\n background-size: 100% 102px;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.uni-picker-view-indicator {\r\n height: 34px;\r\n /* top: 102px; */\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n\r\n.uni-picker-view-content {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n will-change: transform;\r\n padding: 102px 0;\r\n cursor: pointer;\r\n}\r\n\r\n.uni-picker-view-content > * {\r\n height: 34px;\r\n overflow: hidden;\r\n}\r\n\r\n.uni-picker-view-indicator:after,\r\n.uni-picker-view-indicator:before {\r\n content: ' ';\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n color: #e5e5e5;\r\n}\r\n\r\n.uni-picker-view-indicator:before {\r\n top: 0;\r\n border-top: 1px solid #e5e5e5;\r\n transform-origin: 0 0;\r\n transform: scaleY(0.5);\r\n}\r\n\r\n.uni-picker-view-indicator:after {\r\n bottom: 0;\r\n border-bottom: 1px solid #e5e5e5;\r\n transform-origin: 0 100%;\r\n transform: scaleY(0.5);\r\n}\r\n\r\n.uni-picker-view-indicator:after,\r\n.uni-picker-view-indicator:before {\r\n content: ' ';\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n color: #e5e5e5;\r\n}\r\n"; + var pickerViewColumn = "uni-picker-view-column {\n flex: 1;\n position: relative;\n height: 100%;\n overflow: hidden;\n}\n\nuni-picker-view-column[hidden] {\n display: none;\n}\n\n.uni-picker-view-group {\n height: 100%;\n overflow: hidden;\n}\n\n.uni-picker-view-mask {\n transform: translateZ(0);\n}\n\n.uni-picker-view-indicator,\n.uni-picker-view-mask {\n position: absolute;\n left: 0;\n width: 100%;\n z-index: 3;\n pointer-events: none;\n}\n\n.uni-picker-view-mask {\n top: 0;\n height: 100%;\n margin: 0 auto;\n background: linear-gradient(\n 180deg,\n hsla(0, 0%, 100%, 0.95),\n hsla(0, 0%, 100%, 0.6)\n ),\n linear-gradient(0deg, hsla(0, 0%, 100%, 0.95), hsla(0, 0%, 100%, 0.6));\n background-position: top, bottom;\n background-size: 100% 102px;\n background-repeat: no-repeat;\n}\n\n.uni-picker-view-indicator {\n height: 34px;\n /* top: 102px; */\n top: 50%;\n transform: translateY(-50%);\n}\n\n.uni-picker-view-content {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n will-change: transform;\n padding: 102px 0;\n cursor: pointer;\n}\n\n.uni-picker-view-content > * {\n height: 34px;\n overflow: hidden;\n}\n\n.uni-picker-view-indicator:after,\n.uni-picker-view-indicator:before {\n content: ' ';\n position: absolute;\n left: 0;\n right: 0;\n height: 1px;\n color: #e5e5e5;\n}\n\n.uni-picker-view-indicator:before {\n top: 0;\n border-top: 1px solid #e5e5e5;\n transform-origin: 0 0;\n transform: scaleY(0.5);\n}\n\n.uni-picker-view-indicator:after {\n bottom: 0;\n border-bottom: 1px solid #e5e5e5;\n transform-origin: 0 100%;\n transform: scaleY(0.5);\n}\n\n.uni-picker-view-indicator:after,\n.uni-picker-view-indicator:before {\n content: ' ';\n position: absolute;\n left: 0;\n right: 0;\n height: 1px;\n color: #e5e5e5;\n}\n"; class UniPickerViewColumn extends UniContainerComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-picker-view-column", PickerViewColumn, parentNodeId, refNodeId, nodeJson, ".uni-picker-view-content"); } } - var progress = "uni-progress {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\nuni-progress[hidden] {\r\n display: none;\r\n}\r\n\r\n.uni-progress-bar {\r\n flex: 1;\r\n}\r\n\r\n.uni-progress-inner-bar {\r\n width: 0;\r\n height: 100%;\r\n}\r\n\r\n.uni-progress-info {\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n min-width: 2em;\r\n margin-left: 15px;\r\n font-size: 16px;\r\n}\r\n"; + var progress = "uni-progress {\n display: flex;\n align-items: center;\n}\n\nuni-progress[hidden] {\n display: none;\n}\n\n.uni-progress-bar {\n flex: 1;\n}\n\n.uni-progress-inner-bar {\n width: 0;\n height: 100%;\n}\n\n.uni-progress-info {\n margin-top: 0;\n margin-bottom: 0;\n min-width: 2em;\n margin-left: 15px;\n font-size: 16px;\n}\n"; class UniProgress extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-progress", Progress, parentNodeId, refNodeId, nodeJson); } } - var radio = "uni-radio {\r\n -webkit-tap-highlight-color: transparent;\r\n display: inline-block;\r\n cursor: pointer;\r\n}\r\n\r\nuni-radio[hidden] {\r\n display: none;\r\n}\r\n\r\nuni-radio[disabled] {\r\n cursor: not-allowed;\r\n}\r\n\r\n.uni-radio-wrapper {\r\n display: inline-flex;\r\n align-items: center;\r\n vertical-align: middle;\r\n}\r\n\r\n.uni-radio-input {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n margin-right: 5px;\r\n outline: 0;\r\n border: 1px solid #d1d1d1;\r\n background-color: #ffffff;\r\n border-radius: 50%;\r\n width: 22px;\r\n height: 22px;\r\n position: relative;\r\n}\r\n\r\nuni-radio:not([disabled]) .uni-radio-input:hover {\r\n border-color: #007aff;\r\n}\r\n\r\n.uni-radio-input svg {\r\n color: #ffffff;\r\n font-size: 18px;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -48%) scale(0.73);\r\n}\r\n\r\n.uni-radio-input.uni-radio-input-disabled {\r\n background-color: #e1e1e1;\r\n border-color: #d1d1d1;\r\n}\r\n\r\n.uni-radio-input.uni-radio-input-disabled:before {\r\n color: #adadad;\r\n}\r\n"; + var radio = "uni-radio {\n -webkit-tap-highlight-color: transparent;\n display: inline-block;\n cursor: pointer;\n}\n\nuni-radio[hidden] {\n display: none;\n}\n\nuni-radio[disabled] {\n cursor: not-allowed;\n}\n\n.uni-radio-wrapper {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.uni-radio-input {\n -webkit-appearance: none;\n appearance: none;\n margin-right: 5px;\n outline: 0;\n border: 1px solid #d1d1d1;\n background-color: #ffffff;\n border-radius: 50%;\n width: 22px;\n height: 22px;\n position: relative;\n}\n\nuni-radio:not([disabled]) .uni-radio-input:hover {\n border-color: #007aff;\n}\n\n.uni-radio-input svg {\n color: #ffffff;\n font-size: 18px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -48%) scale(0.73);\n}\n\n.uni-radio-input.uni-radio-input-disabled {\n background-color: #e1e1e1;\n border-color: #d1d1d1;\n}\n\n.uni-radio-input.uni-radio-input-disabled:before {\n color: #adadad;\n}\n"; class UniRadio extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-radio", Radio, parentNodeId, refNodeId, nodeJson, ".uni-radio-wrapper"); @@ -16089,7 +16663,7 @@ setHolderText(this.$holder, "uni-radio-input", text2); } } - var radioGroup = "uni-radio-group {\r\n display: block;\r\n}\r\nuni-radio-group[hidden] {\r\n display: none;\r\n}\r\n"; + var radioGroup = "uni-radio-group {\n display: block;\n}\nuni-radio-group[hidden] {\n display: none;\n}\n"; class UniRadioGroup extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-radio-group", RadioGroup, parentNodeId, refNodeId, nodeJson); @@ -16101,7 +16675,7 @@ super(id2, "uni-rich-text", RichText, parentNodeId, refNodeId, nodeJson); } } - var scrollView = "uni-scroll-view {\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\nuni-scroll-view[hidden] {\r\n display: none;\r\n}\r\n\r\n.uni-scroll-view {\r\n position: relative;\r\n -webkit-overflow-scrolling: touch;\r\n width: 100%;\r\n /* display: flex; \u65F6\u5728\u5B89\u5353\u4E0B\u4F1A\u5BFC\u81F4scrollWidth\u548CoffsetWidth\u4E00\u6837 */\r\n height: 100%;\r\n max-height: inherit;\r\n}\r\n\r\n.uni-scroll-view-content {\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n.uni-scroll-view-refresher {\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.uni-scroll-view-refresh {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.uni-scroll-view-refresh-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 0;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background-color: #fff;\r\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.117647),\r\n 0 1px 4px rgba(0, 0, 0, 0.117647);\r\n}\r\n\r\n.uni-scroll-view-refresh__spinner {\r\n transform-origin: center center;\r\n animation: uni-scroll-view-refresh-rotate 2s linear infinite;\r\n}\r\n\r\n.uni-scroll-view-refresh__spinner > circle {\r\n stroke: currentColor;\r\n stroke-linecap: round;\r\n animation: uni-scroll-view-refresh-dash 2s linear infinite;\r\n}\r\n\r\n@keyframes uni-scroll-view-refresh-rotate {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@keyframes uni-scroll-view-refresh-dash {\r\n 0% {\r\n stroke-dasharray: 1, 200;\r\n stroke-dashoffset: 0;\r\n }\r\n\r\n 50% {\r\n stroke-dasharray: 89, 200;\r\n stroke-dashoffset: -35px;\r\n }\r\n\r\n 100% {\r\n stroke-dasharray: 89, 200;\r\n stroke-dashoffset: -124px;\r\n }\r\n}\r\n"; + var scrollView = "uni-scroll-view {\n display: block;\n width: 100%;\n}\n\nuni-scroll-view[hidden] {\n display: none;\n}\n\n.uni-scroll-view {\n position: relative;\n -webkit-overflow-scrolling: touch;\n width: 100%;\n /* display: flex; \u65F6\u5728\u5B89\u5353\u4E0B\u4F1A\u5BFC\u81F4scrollWidth\u548CoffsetWidth\u4E00\u6837 */\n height: 100%;\n max-height: inherit;\n}\n\n.uni-scroll-view-content {\n width: 100%;\n height: 100%;\n}\n\n.uni-scroll-view-refresher {\n position: relative;\n overflow: hidden;\n}\n\n.uni-scroll-view-refresh {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n.uni-scroll-view-refresh-inner {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 0;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: #fff;\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.117647),\n 0 1px 4px rgba(0, 0, 0, 0.117647);\n}\n\n.uni-scroll-view-refresh__spinner {\n transform-origin: center center;\n animation: uni-scroll-view-refresh-rotate 2s linear infinite;\n}\n\n.uni-scroll-view-refresh__spinner > circle {\n stroke: currentColor;\n stroke-linecap: round;\n animation: uni-scroll-view-refresh-dash 2s linear infinite;\n}\n\n@keyframes uni-scroll-view-refresh-rotate {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes uni-scroll-view-refresh-dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n}\n"; class UniScrollView extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-scroll-view", ScrollView, parentNodeId, refNodeId, nodeJson, ".uni-scroll-view-content"); @@ -16110,37 +16684,37 @@ setHolderText(this.$holder, "uni-scroll-view-refresher", text2); } } - var slider = "uni-slider {\r\n margin: 10px 18px;\r\n padding: 0;\r\n display: block;\r\n}\r\n\r\nuni-slider[hidden] {\r\n display: none;\r\n}\r\n\r\nuni-slider .uni-slider-wrapper {\r\n display: flex;\r\n align-items: center;\r\n min-height: 16px;\r\n}\r\n\r\nuni-slider .uni-slider-tap-area {\r\n flex: 1;\r\n padding: 8px 0;\r\n}\r\n\r\nuni-slider .uni-slider-handle-wrapper {\r\n position: relative;\r\n height: 2px;\r\n border-radius: 5px;\r\n background-color: #e9e9e9;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\nuni-slider .uni-slider-track {\r\n height: 100%;\r\n border-radius: 6px;\r\n background-color: #007aff;\r\n transition: background-color 0.3s ease;\r\n}\r\n\r\nuni-slider .uni-slider-handle,\r\nuni-slider .uni-slider-thumb {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n transition: border-color 0.3s ease;\r\n}\r\n\r\nuni-slider .uni-slider-handle {\r\n width: 28px;\r\n height: 28px;\r\n margin-top: -14px;\r\n margin-left: -14px;\r\n background-color: transparent;\r\n z-index: 3;\r\n cursor: grab;\r\n}\r\n\r\nuni-slider .uni-slider-thumb {\r\n z-index: 2;\r\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\nuni-slider .uni-slider-step {\r\n position: absolute;\r\n width: 100%;\r\n height: 2px;\r\n background: transparent;\r\n z-index: 1;\r\n}\r\n\r\nuni-slider .uni-slider-value {\r\n width: 3ch;\r\n color: #888;\r\n font-size: 14px;\r\n margin-left: 1em;\r\n}\r\n\r\nuni-slider .uni-slider-disabled .uni-slider-track {\r\n background-color: #ccc;\r\n}\r\n\r\nuni-slider .uni-slider-disabled .uni-slider-thumb {\r\n background-color: #fff;\r\n border-color: #ccc;\r\n}\r\n"; + var slider = "uni-slider {\n margin: 10px 18px;\n padding: 0;\n display: block;\n}\n\nuni-slider[hidden] {\n display: none;\n}\n\nuni-slider .uni-slider-wrapper {\n display: flex;\n align-items: center;\n min-height: 16px;\n}\n\nuni-slider .uni-slider-tap-area {\n flex: 1;\n padding: 8px 0;\n}\n\nuni-slider .uni-slider-handle-wrapper {\n position: relative;\n height: 2px;\n border-radius: 5px;\n background-color: #e9e9e9;\n cursor: pointer;\n transition: background-color 0.3s ease;\n -webkit-tap-highlight-color: transparent;\n}\n\nuni-slider .uni-slider-track {\n height: 100%;\n border-radius: 6px;\n background-color: #007aff;\n transition: background-color 0.3s ease;\n}\n\nuni-slider .uni-slider-handle,\nuni-slider .uni-slider-thumb {\n position: absolute;\n left: 50%;\n top: 50%;\n cursor: pointer;\n border-radius: 50%;\n transition: border-color 0.3s ease;\n}\n\nuni-slider .uni-slider-handle {\n width: 28px;\n height: 28px;\n margin-top: -14px;\n margin-left: -14px;\n background-color: transparent;\n z-index: 3;\n cursor: grab;\n}\n\nuni-slider .uni-slider-thumb {\n z-index: 2;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);\n}\n\nuni-slider .uni-slider-step {\n position: absolute;\n width: 100%;\n height: 2px;\n background: transparent;\n z-index: 1;\n}\n\nuni-slider .uni-slider-value {\n width: 3ch;\n color: #888;\n font-size: 14px;\n margin-left: 1em;\n}\n\nuni-slider .uni-slider-disabled .uni-slider-track {\n background-color: #ccc;\n}\n\nuni-slider .uni-slider-disabled .uni-slider-thumb {\n background-color: #fff;\n border-color: #ccc;\n}\n"; class UniSlider extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-slider", Slider, parentNodeId, refNodeId, nodeJson); } } - var swiper = "uni-swiper {\r\n display: block;\r\n height: 150px;\r\n}\r\n\r\nuni-swiper[hidden] {\r\n display: none;\r\n}\r\n\r\n.uni-swiper-wrapper {\r\n overflow: hidden;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n transform: translateZ(0);\r\n}\r\n\r\n.uni-swiper-slides {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n\r\n.uni-swiper-slide-frame {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n will-change: transform;\r\n}\r\n\r\n.uni-swiper-dots {\r\n position: absolute;\r\n font-size: 0;\r\n}\r\n\r\n.uni-swiper-dots-horizontal {\r\n left: 50%;\r\n bottom: 10px;\r\n text-align: center;\r\n white-space: nowrap;\r\n transform: translate(-50%, 0);\r\n}\r\n\r\n.uni-swiper-dots-horizontal .uni-swiper-dot {\r\n margin-right: 8px;\r\n}\r\n\r\n.uni-swiper-dots-horizontal .uni-swiper-dot:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.uni-swiper-dots-vertical {\r\n right: 10px;\r\n top: 50%;\r\n text-align: right;\r\n transform: translate(0, -50%);\r\n}\r\n\r\n.uni-swiper-dots-vertical .uni-swiper-dot {\r\n display: block;\r\n margin-bottom: 9px;\r\n}\r\n\r\n.uni-swiper-dots-vertical .uni-swiper-dot:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.uni-swiper-dot {\r\n display: inline-block;\r\n width: 8px;\r\n height: 8px;\r\n cursor: pointer;\r\n transition-property: background-color;\r\n transition-timing-function: ease;\r\n background: rgba(0, 0, 0, 0.3);\r\n border-radius: 50%;\r\n}\r\n\r\n.uni-swiper-dot-active {\r\n background-color: #000000;\r\n}\r\n"; + var swiper = "uni-swiper {\n display: block;\n height: 150px;\n}\n\nuni-swiper[hidden] {\n display: none;\n}\n\n.uni-swiper-wrapper {\n overflow: hidden;\n position: relative;\n width: 100%;\n height: 100%;\n transform: translateZ(0);\n}\n\n.uni-swiper-slides {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n}\n\n.uni-swiper-slide-frame {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n will-change: transform;\n}\n\n.uni-swiper-dots {\n position: absolute;\n font-size: 0;\n}\n\n.uni-swiper-dots-horizontal {\n left: 50%;\n bottom: 10px;\n text-align: center;\n white-space: nowrap;\n transform: translate(-50%, 0);\n}\n\n.uni-swiper-dots-horizontal .uni-swiper-dot {\n margin-right: 8px;\n}\n\n.uni-swiper-dots-horizontal .uni-swiper-dot:last-child {\n margin-right: 0;\n}\n\n.uni-swiper-dots-vertical {\n right: 10px;\n top: 50%;\n text-align: right;\n transform: translate(0, -50%);\n}\n\n.uni-swiper-dots-vertical .uni-swiper-dot {\n display: block;\n margin-bottom: 9px;\n}\n\n.uni-swiper-dots-vertical .uni-swiper-dot:last-child {\n margin-bottom: 0;\n}\n\n.uni-swiper-dot {\n display: inline-block;\n width: 8px;\n height: 8px;\n cursor: pointer;\n transition-property: background-color;\n transition-timing-function: ease;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 50%;\n}\n\n.uni-swiper-dot-active {\n background-color: #000000;\n}\n"; class UniSwiper extends UniContainerComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-swiper", Swiper, parentNodeId, refNodeId, nodeJson, ".uni-swiper-slide-frame"); } } - var swiperItem = "uni-swiper-item {\r\n display: block;\r\n overflow: hidden;\r\n will-change: transform;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n cursor: grab;\r\n}\r\n\r\nuni-swiper-item[hidden] {\r\n display: none;\r\n}\r\n"; + var swiperItem = "uni-swiper-item {\n display: block;\n overflow: hidden;\n will-change: transform;\n position: absolute;\n width: 100%;\n height: 100%;\n cursor: grab;\n}\n\nuni-swiper-item[hidden] {\n display: none;\n}\n"; class UniSwiperItem extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-swiper-item", SwiperItem, parentNodeId, refNodeId, nodeJson); } } - var _switch = "uni-switch {\r\n -webkit-tap-highlight-color: transparent;\r\n display: inline-block;\r\n cursor: pointer;\r\n}\r\n\r\nuni-switch[hidden] {\r\n display: none;\r\n}\r\n\r\nuni-switch[disabled] {\r\n cursor: not-allowed;\r\n}\r\n\r\n.uni-switch-wrapper {\r\n display: inline-flex;\r\n align-items: center;\r\n vertical-align: middle;\r\n}\r\n\r\n.uni-switch-input {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n position: relative;\r\n width: 52px;\r\n height: 32px;\r\n margin-right: 5px;\r\n border: 1px solid #dfdfdf;\r\n outline: 0;\r\n border-radius: 16px;\r\n box-sizing: border-box;\r\n background-color: #dfdfdf;\r\n transition: background-color 0.1s, border 0.1s;\r\n}\r\n\r\nuni-switch[disabled] .uni-switch-input {\r\n opacity: 0.7;\r\n}\r\n\r\n.uni-switch-input:before {\r\n content: ' ';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 50px;\r\n height: 30px;\r\n border-radius: 15px;\r\n background-color: #fdfdfd;\r\n transition: transform 0.3s;\r\n}\r\n\r\n.uni-switch-input:after {\r\n content: ' ';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 15px;\r\n background-color: #ffffff;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\r\n transition: transform 0.3s;\r\n}\r\n\r\n.uni-switch-input.uni-switch-input-checked {\r\n border-color: #007aff;\r\n background-color: #007aff;\r\n}\r\n\r\n.uni-switch-input.uni-switch-input-checked:before {\r\n transform: scale(0);\r\n}\r\n\r\n.uni-switch-input.uni-switch-input-checked:after {\r\n transform: translateX(20px);\r\n}\r\n\r\nuni-switch .uni-checkbox-input {\r\n margin-right: 5px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n outline: 0;\r\n border: 1px solid #d1d1d1;\r\n background-color: #ffffff;\r\n border-radius: 3px;\r\n width: 22px;\r\n height: 22px;\r\n position: relative;\r\n color: #007aff;\r\n}\r\n\r\nuni-switch:not([disabled]) .uni-checkbox-input:hover {\r\n border-color: #007aff;\r\n}\r\n\r\nuni-switch .uni-checkbox-input svg {\r\n color: inherit;\r\n font-size: 22px;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -48%) scale(0.73);\r\n}\r\n\r\n.uni-checkbox-input.uni-checkbox-input-disabled {\r\n background-color: #e1e1e1;\r\n}\r\n\r\n.uni-checkbox-input.uni-checkbox-input-disabled:before {\r\n color: #adadad;\r\n}\r\n"; + var _switch = "uni-switch {\n -webkit-tap-highlight-color: transparent;\n display: inline-block;\n cursor: pointer;\n}\n\nuni-switch[hidden] {\n display: none;\n}\n\nuni-switch[disabled] {\n cursor: not-allowed;\n}\n\n.uni-switch-wrapper {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n}\n\n.uni-switch-input {\n -webkit-appearance: none;\n appearance: none;\n position: relative;\n width: 52px;\n height: 32px;\n margin-right: 5px;\n border: 1px solid #dfdfdf;\n outline: 0;\n border-radius: 16px;\n box-sizing: border-box;\n background-color: #dfdfdf;\n transition: background-color 0.1s, border 0.1s;\n}\n\nuni-switch[disabled] .uni-switch-input {\n opacity: 0.7;\n}\n\n.uni-switch-input:before {\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 50px;\n height: 30px;\n border-radius: 15px;\n background-color: #fdfdfd;\n transition: transform 0.3s;\n}\n\n.uni-switch-input:after {\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n border-radius: 15px;\n background-color: #ffffff;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n transition: transform 0.3s;\n}\n\n.uni-switch-input.uni-switch-input-checked {\n border-color: #007aff;\n background-color: #007aff;\n}\n\n.uni-switch-input.uni-switch-input-checked:before {\n transform: scale(0);\n}\n\n.uni-switch-input.uni-switch-input-checked:after {\n transform: translateX(20px);\n}\n\nuni-switch .uni-checkbox-input {\n margin-right: 5px;\n -webkit-appearance: none;\n appearance: none;\n outline: 0;\n border: 1px solid #d1d1d1;\n background-color: #ffffff;\n border-radius: 3px;\n width: 22px;\n height: 22px;\n position: relative;\n color: #007aff;\n}\n\nuni-switch:not([disabled]) .uni-checkbox-input:hover {\n border-color: #007aff;\n}\n\nuni-switch .uni-checkbox-input svg {\n color: inherit;\n font-size: 22px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -48%) scale(0.73);\n}\n\n.uni-checkbox-input.uni-checkbox-input-disabled {\n background-color: #e1e1e1;\n}\n\n.uni-checkbox-input.uni-checkbox-input-disabled:before {\n color: #adadad;\n}\n"; class UniSwitch extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-switch", Switch, parentNodeId, refNodeId, nodeJson); } } - var textarea = "uni-textarea {\r\n width: 300px;\r\n height: 150px;\r\n display: block;\r\n position: relative;\r\n font-size: 16px;\r\n line-height: normal;\r\n white-space: pre-wrap;\r\n word-break: break-all;\r\n box-sizing: content-box !important;\r\n}\r\nuni-textarea[hidden] {\r\n display: none;\r\n}\r\n.uni-textarea-wrapper,\r\n.uni-textarea-placeholder,\r\n.uni-textarea-line,\r\n.uni-textarea-compute,\r\n.uni-textarea-textarea {\r\n outline: none;\r\n border: none;\r\n padding: 0;\r\n margin: 0;\r\n text-decoration: inherit;\r\n}\r\n.uni-textarea-wrapper {\r\n display: block;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: inherit;\r\n}\r\n.uni-textarea-placeholder,\r\n.uni-textarea-line,\r\n.uni-textarea-compute,\r\n.uni-textarea-textarea {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n white-space: inherit;\r\n word-break: inherit;\r\n}\r\n.uni-textarea-placeholder {\r\n color: grey;\r\n overflow: hidden;\r\n}\r\n.uni-textarea-line,\r\n.uni-textarea-compute {\r\n visibility: hidden;\r\n height: auto;\r\n}\r\n.uni-textarea-line {\r\n width: 1em;\r\n}\r\n.uni-textarea-textarea {\r\n resize: none;\r\n background: none;\r\n color: inherit;\r\n opacity: 1;\r\n font: inherit;\r\n line-height: inherit;\r\n letter-spacing: inherit;\r\n text-align: inherit;\r\n text-indent: inherit;\r\n text-transform: inherit;\r\n text-shadow: inherit;\r\n}\r\n/* \u7528\u4E8E\u89E3\u51B3 iOS textarea \u5185\u90E8\u9ED8\u8BA4\u8FB9\u8DDD */\r\n.uni-textarea-textarea-fix-margin {\r\n width: auto;\r\n right: 0;\r\n margin: 0 -3px;\r\n}\r\n.uni-textarea-textarea:disabled {\r\n /* \u7528\u4E8E\u91CD\u7F6EiOS14\u4EE5\u4E0B\u7981\u7528\u72B6\u6001\u6587\u5B57\u989C\u8272 */\r\n -webkit-text-fill-color: currentcolor;\r\n}\r\n"; + var textarea = "uni-textarea {\n width: 300px;\n height: 150px;\n display: block;\n position: relative;\n font-size: 16px;\n line-height: normal;\n white-space: pre-wrap;\n word-break: break-all;\n box-sizing: content-box !important;\n}\nuni-textarea[hidden] {\n display: none;\n}\n.uni-textarea-wrapper,\n.uni-textarea-placeholder,\n.uni-textarea-line,\n.uni-textarea-compute,\n.uni-textarea-textarea {\n outline: none;\n border: none;\n padding: 0;\n margin: 0;\n text-decoration: inherit;\n}\n.uni-textarea-wrapper {\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n min-height: inherit;\n}\n.uni-textarea-placeholder,\n.uni-textarea-line,\n.uni-textarea-compute,\n.uni-textarea-textarea {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n white-space: inherit;\n word-break: inherit;\n}\n.uni-textarea-placeholder {\n color: grey;\n overflow: hidden;\n}\n.uni-textarea-line,\n.uni-textarea-compute {\n visibility: hidden;\n height: auto;\n}\n.uni-textarea-line {\n width: 1em;\n}\n.uni-textarea-textarea {\n resize: none;\n background: none;\n color: inherit;\n opacity: 1;\n font: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n text-align: inherit;\n text-indent: inherit;\n text-transform: inherit;\n text-shadow: inherit;\n}\n/* \u7528\u4E8E\u89E3\u51B3 iOS textarea \u5185\u90E8\u9ED8\u8BA4\u8FB9\u8DDD */\n.uni-textarea-textarea-fix-margin {\n width: auto;\n right: 0;\n margin: 0 -3px;\n}\n.uni-textarea-textarea:disabled {\n /* \u7528\u4E8E\u91CD\u7F6EiOS14\u4EE5\u4E0B\u7981\u7528\u72B6\u6001\u6587\u5B57\u989C\u8272 */\n -webkit-text-fill-color: currentcolor;\n}\n"; class UniTextarea extends UniComponent { constructor(id2, parentNodeId, refNodeId, nodeJson) { super(id2, "uni-textarea", Textarea, parentNodeId, refNodeId, nodeJson); } } - var video = "uni-video {\r\n width: 300px;\r\n height: 225px;\r\n display: inline-block;\r\n line-height: 0;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\nuni-video[hidden] {\r\n display: none;\r\n}\r\n\r\n.uni-video-container {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n overflow: hidden;\r\n background-color: black;\r\n}\r\n\r\n.uni-video-slot {\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n pointer-events: none;\r\n}\r\n"; + var video = "uni-video {\n width: 300px;\n height: 225px;\n display: inline-block;\n line-height: 0;\n overflow: hidden;\n position: relative;\n}\n\nuni-video[hidden] {\n display: none;\n}\n\n.uni-video-container {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n background-color: black;\n}\n\n.uni-video-slot {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n pointer-events: none;\n}\n"; const props$1 = { id: { type: String, @@ -16346,7 +16920,7 @@ super(id2, "uni-video", Video, parentNodeId, refNodeId, nodeJson, ".uni-video-slot"); } } - var webview$1 = "uni-web-view {\r\n display: inline-block;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n}\r\n"; + var webview$1 = "uni-web-view {\n display: inline-block;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n}\n"; const props = { src: { type: String, @@ -16684,6 +17258,11 @@ const { subscribe } = UniViewJSBridge; subscribe(VD_SYNC, onVdSync); } + function findElem(vm) { + { + return window.__$__(vm).$; + } + } function getRootInfo(fields2) { const info = {}; if (fields2.id) { @@ -16823,6 +17402,18 @@ }); callback(result); } + function addIntersectionObserver({ reqId, component, options, callback }, _pageId) { + const $el = findElem(component); + ($el.__io || ($el.__io = {}))[reqId] = requestComponentObserver($el, options, callback); + } + function removeIntersectionObserver({ reqId, component }, _pageId) { + const $el = findElem(component); + const intersectionObserver = $el.__io && $el.__io[reqId]; + if (intersectionObserver) { + intersectionObserver.disconnect(); + delete $el.__io[reqId]; + } + } function loadFontFace({ family, source, @@ -16847,6 +17438,16 @@ registerViewMethod(pageId, "requestComponentInfo", (args, publish) => { requestComponentInfo(pageVm, args.reqs, publish); }); + registerViewMethod(pageId, "addIntersectionObserver", (args) => { + addIntersectionObserver(extend({}, args, { + callback(res) { + UniViewJSBridge.publishHandler(args.eventName, res); + } + })); + }); + registerViewMethod(pageId, "removeIntersectionObserver", (args) => { + removeIntersectionObserver(args); + }); registerViewMethod(pageId, API_PAGE_SCROLL_TO, pageScrollTo); registerViewMethod(pageId, API_LOAD_FONT_FACE, loadFontFace); } diff --git a/packages/uni-app-plus/src/platform/index.ts b/packages/uni-app-plus/src/platform/index.ts index 1aff2779fc44777407b750af3e507d0a08121c09..887c0cb08c1b041b52d69f955b174d95700f44e8 100644 --- a/packages/uni-app-plus/src/platform/index.ts +++ b/packages/uni-app-plus/src/platform/index.ts @@ -1,7 +1,5 @@ import { - AddIntersectionObserverArgs, AddMediaQueryObserverArgs, - RemoveIntersectionObserverArgs, RemoveMediaQueryObserverArgs, } from '@dcloudio/uni-api' @@ -11,14 +9,11 @@ export { getRealPath } from './getRealPath' export { operateVideoPlayer } from '../service/api/context/operateVideoPlayer' export { operateMap } from '../service/api/context/operateMap' -export function addIntersectionObserver( - args: AddIntersectionObserverArgs, - pageId: number -) {} -export function removeIntersectionObserver( - args: RemoveIntersectionObserverArgs, - pageId: number -) {} +export { + addIntersectionObserver, + removeIntersectionObserver, +} from '../service/api/ui/intersectionObserver' + export function addMediaQueryObserver( args: AddMediaQueryObserverArgs, pageId: number diff --git a/packages/uni-app-plus/src/service/api/ui/intersectionObserver.ts b/packages/uni-app-plus/src/service/api/ui/intersectionObserver.ts new file mode 100644 index 0000000000000000000000000000000000000000..88994a1fd2cac6bd31e13d924337267ea5428090 --- /dev/null +++ b/packages/uni-app-plus/src/service/api/ui/intersectionObserver.ts @@ -0,0 +1,42 @@ +import { + AddIntersectionObserverArgs, + RemoveIntersectionObserverArgs, +} from '@dcloudio/uni-api' + +function getEventName(reqId: number) { + const EVENT_NAME = 'IntersectionObserver' + return `${EVENT_NAME}.${reqId}` +} + +export function addIntersectionObserver( + { reqId, component, options, callback }: AddIntersectionObserverArgs, + _pageId: number +) { + const eventName = getEventName(reqId) + UniServiceJSBridge.invokeViewMethod( + 'addIntersectionObserver', + { + reqId, + component: component.$el.nodeId, + options, + eventName, + }, + _pageId + ) + UniServiceJSBridge.subscribe(eventName, callback) +} + +export function removeIntersectionObserver( + { reqId, component }: RemoveIntersectionObserverArgs, + _pageId: number +) { + UniServiceJSBridge.invokeViewMethod( + 'removeIntersectionObserver', + { + reqId, + component: component.$el.nodeId, + }, + _pageId + ) + UniServiceJSBridge.unsubscribe(getEventName(reqId)) +} diff --git a/packages/uni-app-plus/src/view/framework/viewMethods.ts b/packages/uni-app-plus/src/view/framework/viewMethods.ts index 55c9804896b3b9e380885bbaf3ccc95d8ca2e8a2..d141941cd8386f41ed1a8e3248d056038deaecf6 100644 --- a/packages/uni-app-plus/src/view/framework/viewMethods.ts +++ b/packages/uni-app-plus/src/view/framework/viewMethods.ts @@ -1,3 +1,4 @@ +import { extend } from '@vue/shared' import { API_LOAD_FONT_FACE, API_PAGE_SCROLL_TO, @@ -10,6 +11,10 @@ import { } from '@dcloudio/uni-core' import { ComponentPublicInstance } from 'vue' import { requestComponentInfo } from '../../../../uni-h5/src/platform' +import { + addIntersectionObserver, + removeIntersectionObserver, +} from '../../../../uni-h5/src/platform' import { loadFontFace } from './dom/font' import { onPageReady, pageScrollTo } from './dom/page' @@ -32,6 +37,18 @@ export function initViewMethods() { requestComponentInfo(pageVm, args.reqs, publish) } ) + registerViewMethod(pageId, 'addIntersectionObserver', (args) => { + addIntersectionObserver( + extend({}, args, { + callback(res: any) { + UniViewJSBridge.publishHandler(args.eventName, res) + }, + }) + ) + }) + registerViewMethod(pageId, 'removeIntersectionObserver', (args) => { + removeIntersectionObserver(args) + }) registerViewMethod(pageId, API_PAGE_SCROLL_TO, pageScrollTo) registerViewMethod(pageId, API_LOAD_FONT_FACE, loadFontFace) } diff --git a/packages/uni-h5/src/platform/dom.ts b/packages/uni-h5/src/platform/dom.ts index 7a9081a14d9b0d078bcb4196f7b0009c07ab8397..e70b7f41c6beadb54b1122d53e55238e69075909 100644 --- a/packages/uni-h5/src/platform/dom.ts +++ b/packages/uni-h5/src/platform/dom.ts @@ -10,6 +10,10 @@ declare global { } export function findElem(vm: ComponentPublicInstance) { + if (__APP_VIEW__) { + // App 端，传入的是 nodeId + return (window as any).__$__(vm).$ + } return vm.$el } diff --git a/packages/uni-h5/src/service/api/ui/intersectionObserver.ts b/packages/uni-h5/src/service/api/ui/intersectionObserver.ts index 2f3044f242df2b5fb8ccba478f612d832d952d49..94e9f99b5ab4f6fadc3f2ffd3b2e6da023713e43 100644 --- a/packages/uni-h5/src/service/api/ui/intersectionObserver.ts +++ b/packages/uni-h5/src/service/api/ui/intersectionObserver.ts @@ -7,7 +7,7 @@ import { findElem } from '../../../platform/dom' export function addIntersectionObserver( { reqId, component, options, callback }: AddIntersectionObserverArgs, - _pageId: number + _pageId?: number ) { const $el = findElem(component) ;($el.__io || ($el.__io = {}))[reqId] = requestComponentObserver( @@ -19,7 +19,7 @@ export function addIntersectionObserver( export function removeIntersectionObserver( { reqId, component }: RemoveIntersectionObserverArgs, - _pageId: number + _pageId?: number ) { const $el = findElem(component) const intersectionObserver = $el.__io && $el.__io[reqId]