@tarojs/plugin-platform-harmony-ets 4.0.0-alpha.43 → 4.0.0-alpha.45

package/dist/apis/base/weapp/life-cycle.ts

@@ -1,4 +1,4 @@
-import { eventCenter } from '@tarojs/runtime/dist/runtime.esm'
+import { eventCenter } from '@tarojs/runtime'
 
 import type Taro from '@tarojs/taro/types'
 

package/dist/apis/device/clipboard.ts

@@ -1,8 +1,10 @@
 // 从 API Version 6 开始支持
 import pasteboard from '@ohos.pasteboard'
-import promptAction from '@ohos.promptAction'
+// @ts-ignore
+import { Current } from '@tarojs/runtime'
 import { isString } from '@tarojs/shared'
 
+import {} from '../'
 import { callAsyncFail, getParameterError, object2String } from '../utils'
 import { MethodHandler } from '../utils/handler'
 
@@ -32,7 +34,12 @@ export const setClipboardData: typeof Taro.setClipboardData = function (options)
 
     try {
       systemPasteboard.setDataSync(pasteData)
-      promptAction.showToast({
+      // @ts-ignore
+      const uiContext = Current?.page?.getUIContext?.()
+
+      if (!uiContext) return
+
+      uiContext.getPromptAction().showToast({
         message: '内容已复制',
         duration: 1500,
         bottom: '50%',

package/dist/apis/framework/index.ts

@@ -24,4 +24,4 @@ export { Current, getCurrentInstance } from '@tarojs/runtime'
 
 export const requirePlugin = temporarilyNotSupport('requirePlugin')
 
-export { eventCenter, Events, History } from '@tarojs/runtime/dist/runtime.esm'
+export { eventCenter, Events, History } from '@tarojs/runtime'

package/dist/apis/media/image/index.ts

@@ -16,8 +16,7 @@ import { Current } from '@tarojs/runtime'
 import { isNull } from '@tarojs/shared'
 
 import { getSystemInfoSync } from '../../base'
-import { callAsyncFail, callAsyncSuccess, requestPermissions, temporarilyNotSupport, validateParams } from '../../utils'
-import { IMAGE_PERMISSION } from '../../utils/permissions'
+import { callAsyncFail, callAsyncSuccess, temporarilyNotSupport, validateParams } from '../../utils'
 
 import type Taro from '@tarojs/taro/types'
 
@@ -113,117 +112,143 @@ async function saveImage(compressedImageData, compressedImageUri) {
 
 export const compressImage: typeof Taro.compressImage = function (options) {
   return new Promise((resolve, reject) => {
-    requestPermissions(IMAGE_PERMISSION).then(() => {
-      try {
-        validateParams('compressImage', options, compressImageSchema)
-      } catch (error) {
-        const res = { errMsg: error.message }
-        return callAsyncFail(reject, res, options)
-      }
-      const { src, quality = 80, compressedWidth, compressedHeight } = options
-      const srcAfterCompress = src.includes('_after_compress') ? src : src.split('.').join('_after_compress.')
-      const file = fs.openSync(src, fs.OpenMode.READ_ONLY)
-
-      // const stat = fs.statSync(file.fd)
-      // console.log('[Taro] 压缩前图片的大小为：', stat.size)
-
-      const source = image.createImageSource(file.fd)
-      if (isNull(source)) {
-        const createImageSourceError = { errMsg: 'compressImage fail: createImageSource has failed.' }
-        callAsyncFail(reject, createImageSourceError, options)
-        return
-      }
+    try {
+      validateParams('compressImage', options, compressImageSchema)
+    } catch (error) {
+      const res = { errMsg: error.message }
+      return callAsyncFail(reject, res, options)
+    }
+    const { src, quality = 80, compressedWidth, compressedHeight } = options
+    const srcAfterCompress = src.includes('_after_compress') ? src : src.split('.').join('_after_compress.')
+    const file = fs.openSync(src, fs.OpenMode.READ_ONLY)
 
-      const width = source.getImageInfoSync().size.width
-      const height = source.getImageInfoSync().size.height
-      let wantWidth = compressedWidth || compressedHeight || 0
-      let wantHeight = compressedHeight || compressedWidth || 0
+    // const stat = fs.statSync(file.fd)
+    // console.log('[Taro] 压缩前图片的大小为：', stat.size)
 
-      if (width > wantWidth || height > wantHeight) {
-        const heightRatio = height / wantHeight
-        const widthRatio = width / wantWidth
-        const finalRatio = heightRatio < widthRatio ? heightRatio : widthRatio
+    const source = image.createImageSource(file.fd)
+    if (isNull(source)) {
+      const createImageSourceError = { errMsg: 'compressImage fail: createImageSource has failed.' }
+      callAsyncFail(reject, createImageSourceError, options)
+      return
+    }
 
-        wantWidth = Math.round(width / finalRatio)
-        wantHeight = Math.round(height / finalRatio)
-      }
+    const width = source.getImageInfoSync().size.width
+    const height = source.getImageInfoSync().size.height
+    let wantWidth = compressedWidth || compressedHeight || 0
+    let wantHeight = compressedHeight || compressedWidth || 0
 
-      const decodingOptions = {
-        editable: true,
-        desiredPixelFormat: image.PixelMapFormat.RGBA_8888,
-        desiredSize: { width: wantWidth, height: wantHeight }
-      }
-      source.createPixelMap(decodingOptions, (error, pixelMap) => {
-        if (error !== undefined) {
+    if (width > wantWidth || height > wantHeight) {
+      const heightRatio = height / wantHeight
+      const widthRatio = width / wantWidth
+      const finalRatio = heightRatio < widthRatio ? heightRatio : widthRatio
+
+      wantWidth = Math.round(width / finalRatio)
+      wantHeight = Math.round(height / finalRatio)
+    }
+
+    const decodingOptions = {
+      editable: true,
+      desiredPixelFormat: image.PixelMapFormat.RGBA_8888,
+      desiredSize: { width: wantWidth, height: wantHeight }
+    }
+    source.createPixelMap(decodingOptions, (error, pixelMap) => {
+      if (error !== undefined) {
+        fs.closeSync(file)
+        const res = { errMsg: error }
+        callAsyncFail(reject, res, options)
+      } else {
+        const packer = image.createImagePacker(file.fd)
+        if (isNull(packer)) {
           fs.closeSync(file)
-          const res = { errMsg: error }
-          callAsyncFail(reject, res, options)
-        } else {
-          const packer = image.createImagePacker(file.fd)
-          if (isNull(packer)) {
-            fs.closeSync(file)
-            const createImagePackerError = { errMsg: 'compressImage fail: createImagePacker has failed.' }
-            callAsyncFail(reject, createImagePackerError, options)
-            return
-          }
+          const createImagePackerError = { errMsg: 'compressImage fail: createImagePacker has failed.' }
+          callAsyncFail(reject, createImagePackerError, options)
+          return
+        }
 
-          const isPNG = src.endsWith('.png')
-          const packingOptionsOHOS: IPackingOptionOHOS = {
-            format: isPNG ? 'image/png' : 'image/jpeg',
-            quality: quality
-          }
-          packer.packing(pixelMap, packingOptionsOHOS).then((value) => {
-            fs.closeSync(file)
-            saveImage(value, srcAfterCompress).then(result => {
-              callAsyncSuccess(resolve, { tempFilePath: result.imageUri }, options)
-            })
-          }).catch((error) => {
-            fs.closeSync(file)
-            callAsyncFail(reject, error, options)
-          })
+        const isPNG = src.endsWith('.png')
+        const packingOptionsOHOS: IPackingOptionOHOS = {
+          format: isPNG ? 'image/png' : 'image/jpeg',
+          quality: quality
         }
-      })
-    }, (error: string) => {
-      const res = { errMsg: error }
-      return callAsyncFail(reject, res, options)
+        packer.packing(pixelMap, packingOptionsOHOS).then((value) => {
+          fs.closeSync(file)
+          saveImage(value, srcAfterCompress).then(result => {
+            callAsyncSuccess(resolve, { tempFilePath: result.imageUri }, options)
+          })
+        }).catch((error) => {
+          fs.closeSync(file)
+          callAsyncFail(reject, error, options)
+        })
+      }
     })
   })
 }
 
 export const chooseImage: typeof Taro.chooseImage = function (options) {
   return new Promise((resolve, reject) => {
-    requestPermissions(IMAGE_PERMISSION).then(() => {
-      try {
-        validateParams('chooseImage', options, chooseImageSchema)
-      } catch (error) {
-        const res = { errMsg: error.message }
-        return callAsyncFail(reject, res, options)
-      }
+    try {
+      validateParams('chooseImage', options, chooseImageSchema)
+    } catch (error) {
+      const res = { errMsg: error.message }
+      return callAsyncFail(reject, res, options)
+    }
 
-      const { count = 9 } = options
-      const photoViewPicker = new picker.PhotoViewPicker()
-      let sizeType = options.sizeType
+    const { count = 9 } = options
+    const photoViewPicker = new picker.PhotoViewPicker()
+    let sizeType = options.sizeType
 
-      if (!sizeType || !sizeType.length) {
-        sizeType = ['compressed', 'original']
-      }
+    if (!sizeType || !sizeType.length) {
+      sizeType = ['compressed', 'original']
+    }
+
+    photoSelectOptions.maxSelectNumber = count // 选择媒体文件的最大数目
+    photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE // 过滤选择媒体文件类型为IMAGE
+
+    photoViewPicker.select(photoSelectOptions).then((photoSelectResult) => {
+      const result: IChooseImageData = {}
+      const isOrigin = photoSelectResult.isOriginalPhoto
 
-      photoSelectOptions.maxSelectNumber = count // 选择媒体文件的最大数目
-      photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE // 过滤选择媒体文件类型为IMAGE
+      if (isOrigin) {
+        const tempFilePaths: string[] = []
+        const tempFiles = photoSelectResult.photoUris.map(uri => {
+          const file = fs.openSync(uri, fs.OpenMode.READ_ONLY)
+          const stat = fs.statSync(file.fd)
+          const size = stat.size
 
-      photoViewPicker.select(photoSelectOptions).then((photoSelectResult) => {
-        const result: IChooseImageData = {}
-        const isOrigin = photoSelectResult.isOriginalPhoto
+          fs.closeSync(file)
+          tempFilePaths.push(uri)
+
+          return {
+            size,
+            path: uri,
+          }
+        })
+
+        result.tempFiles = tempFiles
+        result.tempFilePaths = tempFilePaths
+
+        callAsyncSuccess(resolve, result, options)
+      } else {
+        const actions: Promise<string>[] = photoSelectResult.photoUris.map(uri => {
+          return new Promise<string>(resolve => {
+            compressImage({
+              src: uri,
+              compressedWidth: getSystemInfoSync().screenWidth / 2,
+              compressedHeight: getSystemInfoSync().screenHeight / 2,
+              success: (compressResult) => {
+                resolve(compressResult.tempFilePath)
+              }
+            })
+          })
+        })
 
-        if (isOrigin) {
-          const tempFilePaths: string[] = []
-          const tempFiles = photoSelectResult.photoUris.map(uri => {
+        Promise.all(actions).then(tempFilePaths => {
+          const tempFiles = tempFilePaths.map(uri => {
             const file = fs.openSync(uri, fs.OpenMode.READ_ONLY)
             const stat = fs.statSync(file.fd)
-            const size = stat.size
+            const size: number = stat.size
 
             fs.closeSync(file)
-            tempFilePaths.push(uri)
 
             return {
               size,
@@ -231,53 +256,17 @@ export const chooseImage: typeof Taro.chooseImage = function (options) {
             }
           })
 
-          result.tempFiles = tempFiles
           result.tempFilePaths = tempFilePaths
+          result.tempFiles = tempFiles
 
           callAsyncSuccess(resolve, result, options)
-        } else {
-          const actions: Promise<string>[] = photoSelectResult.photoUris.map(uri => {
-            return new Promise<string>(resolve => {
-              compressImage({
-                src: uri,
-                compressedWidth: getSystemInfoSync().screenWidth / 2,
-                compressedHeight: getSystemInfoSync().screenHeight / 2,
-                success: (compressResult) => {
-                  resolve(compressResult.tempFilePath)
-                }
-              })
-            })
-          })
-
-          Promise.all(actions).then(tempFilePaths => {
-            const tempFiles = tempFilePaths.map(uri => {
-              const file = fs.openSync(uri, fs.OpenMode.READ_ONLY)
-              const stat = fs.statSync(file.fd)
-              const size: number = stat.size
-
-              fs.closeSync(file)
-
-              return {
-                size,
-                path: uri,
-              }
-            })
-
-            result.tempFilePaths = tempFilePaths
-            result.tempFiles = tempFiles
-
-            callAsyncSuccess(resolve, result, options)
-          }).catch(error => {
-            const res = { errMsg: error }
-            return callAsyncFail(reject, res, options)
-          })
-        }
-      }).catch((error) => {
-        callAsyncFail(reject, error, options)
-      })
-    }, (error: string) => {
-      const res = { errMsg: error }
-      return callAsyncFail(reject, res, options)
+        }).catch(error => {
+          const res = { errMsg: error }
+          return callAsyncFail(reject, res, options)
+        })
+      }
+    }).catch((error) => {
+      callAsyncFail(reject, error, options)
     })
   })
 }

package/dist/apis/route/index.ts

@@ -1,6 +1,5 @@
 import router from '@ohos.router'
-import { window } from '@tarojs/runtime' // eslint-disable-line import/no-duplicates
-import { eventCenter } from '@tarojs/runtime/dist/runtime.esm' // eslint-disable-line import/no-duplicates
+import { eventCenter, window } from '@tarojs/runtime'
 import { queryToJson } from '@tarojs/shared'
 
 import { callAsyncFail, callAsyncSuccess } from '../utils'

package/dist/apis/ui/background.ts

@@ -1,4 +1,4 @@
-import { eventCenter } from '@tarojs/runtime/dist/runtime.esm'
+import { eventCenter } from '@tarojs/runtime'
 
 import { temporarilyNotSupport } from '../utils'
 import { MethodHandler } from '../utils/handler'

package/dist/apis/ui/interaction/index.ts

@@ -1,4 +1,5 @@
-import promptAction from '@ohos.promptAction'
+// @ts-ignore
+import { Current } from '@tarojs/runtime'
 
 import { callAsyncFail, callAsyncSuccess, temporarilyNotSupport, validateParams } from '../../utils'
 
@@ -29,7 +30,12 @@ export function showToast (options) {
       return callAsyncFail(reject, res, options)
     }
 
-    promptAction.showToast({
+    // @ts-ignore
+    const uiContext = Current?.page?.getUIContext?.()
+
+    if (!uiContext) return
+
+    uiContext.getPromptAction().showToast({
       message: options.title,
       duration: options.duration,
       bottom: options.bottom,
@@ -80,7 +86,12 @@ export function showModal (options) {
       buttons: buttons,
     }
 
-    promptAction.showDialog(modalOptions, (error, data) => {
+    // @ts-ignore
+    const uiContext = Current?.page?.getUIContext?.()
+
+    if (!uiContext) return
+
+    uiContext.getPromptAction().showDialog(modalOptions, (error, data) => {
       if (error) {
         const res = { errMsg: error }
         callAsyncFail(reject, res, options)
@@ -148,7 +159,12 @@ export function showActionSheet (options) {
       buttons
     }
 
-    promptAction.showActionMenu(actionSheetOptions, (error, data) => {
+    // @ts-ignore
+    const uiContext = Current?.page?.getUIContext?.()
+
+    if (!uiContext) return
+
+    uiContext.getPromptAction().showActionMenu(actionSheetOptions, (error, data) => {
       if (error) {
         callAsyncFail(
           reject,

package/dist/apis/ui/navigation-bar/index.ts

@@ -1,4 +1,4 @@
-import { eventCenter } from '@tarojs/runtime/dist/runtime.esm'
+import { eventCenter } from '@tarojs/runtime'
 
 import { MethodHandler } from '../../utils/handler'
 

package/dist/apis/ui/scroll/index.ts

@@ -6,8 +6,8 @@
  * 文档地址 https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-framework-syntax-js-0000000000611432
  */
 import { AREA_CHANGE_EVENT_NAME, Current, findChildNodeWithDFS, getPageScrollerOrNode, setNodeEventCallbackAndTriggerComponentUpdate } from '@tarojs/runtime'
-import { pxTransformHelper } from '@tarojs/taro'
 
+import { pxTransformHelper } from '../../index'
 import { MethodHandler } from '../../utils/handler'
 
 import type Taro from '@tarojs/taro/types'

package/dist/apis/ui/tab-bar.ts

@@ -1,5 +1,4 @@
-import { Current } from '@tarojs/runtime' // eslint-disable-line import/no-duplicates
-import { eventCenter } from '@tarojs/runtime/dist/runtime.esm' // eslint-disable-line import/no-duplicates
+import { Current, eventCenter } from '@tarojs/runtime'
 
 import { callAsyncFail, callAsyncSuccess } from '../utils'
 

package/dist/components-harmony-ets/button.ets

@@ -4,7 +4,7 @@ import { BUTTON_THEME_COLOR } from './utils/constant/style'
 import { TOUCH_EVENT_MAP } from './utils/constant/event'
 import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
-import type { TaroAny, TaroEvent, TaroButtonElement, TaroStyleType } from '@tarojs/runtime'
+import type { TaroAny, TaroButtonElement, TaroEvent, TaroStyleType } from '@tarojs/runtime'
 
 interface ButtonAttrs {
   disabled?: boolean

package/dist/components-harmony-ets/checkbox.ets

@@ -4,8 +4,7 @@ import commonStyleModify, { rowModify, columnModify } from './style'
 import { FlexManager } from './utils/flexManager'
 import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
-import type { TaroAny, TaroEvent, TaroCheckboxElement, TaroCheckboxGroupElement } from '@tarojs/runtime'
-import { isUndefined } from '@tarojs/shared'
+import type { TaroAny, TaroCheckboxElement, TaroCheckboxGroupElement, TaroEvent } from '@tarojs/runtime'
 
 interface CheckboxOptions {
   name?: string

package/dist/components-harmony-ets/form.ets

@@ -7,7 +7,6 @@ import { FlexManager } from './utils/flexManager'
 import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
 import type { TaroAny, TaroFormElement } from '@tarojs/runtime'
-import { isUndefined } from '@tarojs/shared'
 
 @Component
 export default struct TaroForm {

package/dist/components-harmony-ets/index.ets

@@ -1,92 +1,39 @@
-import TaroImage, { getImageMode } from './image'
-import TaroText from './text'
-import TaroView from './view'
-import TaroIcon from './icon'
-import TaroForm from './form'
-import TaroLabel from './label'
-import TaroInput from './input'
-import TaroVideo from './video'
-import TaroCanvas from './canvas'
-import TaroButton from './button'
-import TaroPicker from './picker'
-import TaroSlider from './slider'
-import TaroSwitch from './switch'
-import TaroSwiper from './swiper'
-import TaroWebView from './webView'
-import TaroTextArea from './textArea'
-import TaroRichText from './richText'
-import TaroProgress from './progress'
-import TaroInnerHtml from './innerHtml'
-import TaroScrollView from './scrollView'
-import TaroMovableArea from './movableArea'
-import TaroMovableView from './movableView'
-import { TaroRadio, TaroRadioGroup } from './radio'
-import { TaroCheckboxGroup, TaroCheckbox } from './checkbox'
-import TaroPageMeta from './pageMeta'
-import TaroNavigationBar from './navigationBar'
+export { default as TaroImage, getImageMode } from './image'
+export { default as TaroText } from './text'
+export { default as TaroView } from './view'
+export { default as TaroIcon } from './icon'
+export { default as TaroForm } from './form'
+export { default as TaroLabel } from './label'
+export { default as TaroInput } from './input'
+export { default as TaroVideo } from './video'
+export { default as TaroCanvas } from './canvas'
+export { default as TaroButton, getButtonColor } from './button'
+export { default as TaroPicker } from './picker'
+export { default as TaroSlider } from './slider'
+export { default as TaroSwitch } from './switch'
+export { default as TaroSwiper } from './swiper'
+export { default as TaroWebView } from './webView'
+export { default as TaroTextArea } from './textArea'
+export { default as TaroRichText } from './richText'
+export { default as TaroProgress } from './progress'
+export { default as TaroInnerHtml } from './innerHtml'
+export { default as TaroScrollView } from './scrollView'
+export { default as TaroMovableArea } from './movableArea'
+export { default as TaroMovableView } from './movableView'
+export { TaroRadio, TaroRadioGroup } from './radio'
+export { TaroCheckboxGroup, TaroCheckbox } from './checkbox'
+export { default as TaroPageMeta, IComponentAttributeUpdateEvents } from './pageMeta'
+export { default as TaroNavigationBar } from './navigationBar'
 
-import TaroListView from './listView'
-import TaroStickySection from './stickySection'
-import TaroScrollList from './scrollList'
+export { default as TaroListView } from './listView'
+export { default as TaroStickySection } from './stickySection'
+export { default as TaroScrollList } from './scrollList'
 
-import commonStyleModify, { rowModify, columnModify, textModify, setNormalTextAttributeIntoInstance } from './style'
-import { getButtonColor } from './button'
-import { FlexManager } from './utils/flexManager'
-import { DynamicCenter } from './utils/DynamicCenter'
-import { TOUCH_EVENT_MAP } from './utils/constant/event'
-import { BUTTON_THEME_COLOR } from './utils/constant/style'
-import { getStyleAttr } from './utils/styles'
-import { shouldBindEvent, getNodeThresholds, getNormalAttributes, getFontAttributes } from './utils/helper'
-
-export {
-  textModify,
-  getStyleAttr,
-  FlexManager,
-  DynamicCenter,
-  getButtonColor,
-  TOUCH_EVENT_MAP,
-  shouldBindEvent,
-  getFontAttributes,
-  commonStyleModify,
-  rowModify,
-  columnModify,
-  getNodeThresholds,
-  BUTTON_THEME_COLOR,
-  getNormalAttributes,
-  setNormalTextAttributeIntoInstance,
-  getImageMode,
-}
-
-export {
-  TaroImage,
-  TaroCanvas,
-  TaroText,
-  TaroView,
-  TaroIcon,
-  TaroForm,
-  TaroLabel,
-  TaroInput,
-  TaroVideo,
-  TaroButton,
-  TaroPicker,
-  TaroSlider,
-  TaroSwitch,
-  TaroSwiper,
-  TaroWebView,
-  TaroTextArea,
-  TaroRichText,
-  TaroProgress,
-  TaroInnerHtml,
-  TaroScrollView,
-  TaroMovableArea,
-  TaroMovableView,
-  TaroRadio,
-  TaroRadioGroup,
-  TaroCheckboxGroup,
-  TaroCheckbox,
-  TaroPageMeta,
-  TaroNavigationBar,
-  TaroListView,
-  TaroStickySection,
-  TaroScrollList
-}
+export { default as commonStyleModify, rowModify, columnModify, textModify, setNormalTextAttributeIntoInstance } from './style'
+export { TOUCH_EVENT_MAP } from './utils/constant/event'
+export { BUTTON_THEME_COLOR } from './utils/constant/style'
+export { DynamicCenter } from './utils/DynamicCenter'
+export { FlexManager } from './utils/flexManager'
+export { isTagFirstChild } from './utils/helper'
+export { getStyleAttr } from './utils/styles'
+export { shouldBindEvent, getNodeThresholds, getNormalAttributes, getFontAttributes } from './utils/helper'

package/dist/components-harmony-ets/input.ets

@@ -4,7 +4,7 @@ import commonStyleModify from './style'
 import { parseStyles, shouldBindEvent, getNodeThresholds, getStyleAttr } from './utils/helper'
 import { INPUT_TYPE_MAP, INPUT_CONFIRM_MAP } from './utils/constant/style'
 
-import type { TaroStyleType, TaroAny, TaroInputElement, TaroEvent } from '@tarojs/runtime'
+import type { TaroAny, TaroEvent, TaroInputElement, TaroStyleType } from '@tarojs/runtime'
 
 interface InputAttrs {
   textAlign?: TextAlign
@@ -91,16 +91,20 @@ export default struct TaroInput {
     .placeholderFont(getPlaceholderFont(this.node))
     .enterKeyType(INPUT_CONFIRM_MAP.get(this.node._attrs?.confirmType) || EnterKeyType.Done)
     .padding(0) // Note: 移出 Input 默认 padding 设置
-    .backgroundColor(getStyleAttr(this.node, "backgroundColor"))// 
+    .backgroundColor(getStyleAttr(this.node, "backgroundColor"))
     .attributeModifier(commonStyleModify.setNode(this.node).setAnimationStyle(this.overwriteStyle))
     .styles(this.node?.hmStyle)
     .attrs(getAttributes(this.node))
     .onChange((value: string) => {
-      const event: TaroEvent = createTaroEvent('input', { detail: { value } }, this.node)
-
-      this.value = value
-      this.node?.updateFormWidgetValue(value)
-      eventHandler(event, 'input', this.node)
+      const event: TaroEvent = createTaroEvent('change', { detail: { value } }, this.node)
+      eventHandler(event, 'change', this.node)
+
+      if (this.value !== value) {
+        const event: TaroEvent = createTaroEvent('input', { detail: { value } }, this.node)
+        this.value = value
+        this.node?.updateFormWidgetValue(value)
+        eventHandler(event, 'input', this.node)
+      }
     })
     .onSubmit(() => {
       const event: TaroEvent = createTaroEvent('confirm', { detail: { value: this.value } }, this.node)

package/dist/components-harmony-ets/label.ets

@@ -6,8 +6,7 @@ import { TOUCH_EVENT_MAP } from './utils/constant/event'
 import { FlexManager } from './utils/flexManager'
 import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
-import type { TaroLabelElement, TaroElement, TaroAny, TaroRadioElement, TaroCheckboxElement } from '@tarojs/runtime'
-import { isUndefined } from '@tarojs/shared'
+import type { TaroAny, TaroElement, TaroCheckboxElement, TaroLabelElement, TaroRadioElement } from '@tarojs/runtime'
 
 function handleTargetChange (id: string) {
   const taro: TaroAny = Current.taro