@tarojs/components 4.2.0 → 4.2.1-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "4.2.0",
+  "version": "4.2.1-beta.1",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -40,9 +40,9 @@
     "resolve-pathname": "^3.0.0",
     "swiper": "11.1.15",
     "tslib": "^2.6.2",
-    "@tarojs/runtime": "4.2.0",
-    "@tarojs/shared": "4.2.0",
-    "@tarojs/taro": "4.2.0"
+    "@tarojs/runtime": "4.2.1-beta.1",
+    "@tarojs/shared": "4.2.1-beta.1",
+    "@tarojs/taro": "4.2.1-beta.1"
   },
   "devDependencies": {
     "@babel/generator": "^7.21.4",
@@ -68,7 +68,7 @@
     "jest-cli": "27.5.1",
     "jest-runner": "27.5.1",
     "jest-environment-node": "27.5.1",
-    "@tarojs/helper": "4.2.0"
+    "@tarojs/helper": "4.2.1-beta.1"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/types/Image.d.ts

@@ -41,6 +41,12 @@ interface ImageProps extends StandardProps {
    * @supported h5, harmony_hybrid
    */
   nativeProps?: Record<string, unknown>
+  /**
+   * H5 / WebComponents 为 true 时关闭默认占位，`taro-image-core` 外层宽高均为 `auto`（默认 false 仍为 320×240）。
+   * @default false
+   * @supported h5, harmony_hybrid
+   */
+  disableDefaultSize?: boolean
   /** 默认图片地址，若设置默认图片地址，会先显示默认图片，等 src 对应的图片加载成功后，再渲染对应的图片。
    * @supported alipay
    */

package/types/OpenEmbeddedAtomicservice.d.ts

@@ -0,0 +1,52 @@
+import { ComponentType } from 'react'
+import { CommonEventFunction, StandardProps } from './common'
+
+interface OpenEmbeddedAtomicserviceProps extends StandardProps {
+  /** 需要半屏跳转的元服务的AppId参数。
+   * @supported ascf
+   */
+  appid: string
+  /** 打开的页面路径。
+   * 路径后可以带参数，参数与路径之间用?分隔，参数与键值用=相连，多个参数用&分隔。
+   * 在元服务的App.onLaunch、App.onShow和Page.onLoad的回调函数中可以获得参数query。
+   *   - path为空或无效值时，则打开首页。
+   *   - path不为空，则之前的路径应为在app.json中定义的代码包路径。
+   * 例如，在app.json中定义了页面: "page/path/index"，则有效应用内页面路径为："page/path/index?key1=value1&key2=value2"。
+   * 注意： 该字段仅当目标元服务是ASCF框架开发的元服务时可直接使用，对于ArkTS开发的元服务，需双方自行约定实现，参数将通过目标元服务的Want对象的parameters字段进行传递。
+   * @supported ascf
+   */
+  path?: string
+  /** 需要传递给目标元服务的数据。
+   *   - 若被半屏打开的是ASCF框架开发的元服务，请通过ascfPara.extraData字段传入业务数据。例如：{ascfPara: {extraData: {data: "test"}}}
+   *   - 若被半屏打开的是ArkTS开发的元服务，直接以平铺键值对形式传参，例如：{ data: "test" }。
+   * 注意： subPackageName为系统保留字段，请勿使用。
+   * @supported ascf
+   */
+  wantParam?: object
+  /** 退出的回调事件。
+   * 被半屏打开的元服务正常退出时触发，event.detail = { params }，其中params为元服务退出时返回的数据。
+   *   - 若被半屏打开的是ArkTS开发的元服务，在目标元服务内通过调用terminateSelfWithResult或terminateSelf正常退出时，触发本回调函数。
+   *   - 若被半屏打开的是ASCF框架开发的元服务，从1.0.18开始，在目标元服务内通过调用has.terminateSelf退出时，触发本回调函数。
+   * @supported ascf
+   */
+  onTerminated?: CommonEventFunction
+  /** 异常的回调事件。
+   * @supported ascf
+   */
+  onError?: CommonEventFunction<OpenEmbeddedAtomicserviceProps.onErrorEventDetail>
+}
+
+declare namespace OpenEmbeddedAtomicserviceProps {
+  interface onErrorEventDetail {
+    errMsg: string
+    errCode: number
+  }
+}
+
+/** OpenEmbeddedAtomicservice
+ * @classification media
+ * @supported ascf
+ * @see https://developer.huawei.com/consumer/cn/doc/atomic-ascf/components-open-embedded-atomicservice
+ */
+declare const OpenEmbeddedAtomicservice: ComponentType<OpenEmbeddedAtomicserviceProps>
+export { OpenEmbeddedAtomicservice, OpenEmbeddedAtomicserviceProps }

package/types/common.d.ts

@@ -1,7 +1,30 @@
 import { CSSProperties, LegacyRef, ReactNode } from 'react'
 import { COMPILE_MODE_SUB_RENDER_FN } from '@tarojs/shared'
 
-export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> = ITouchEvent> extends EventProps<TouchEvent> {
+export interface A11yProps {
+  /** 定义元素的角色 */
+  ariaRole?: string
+  /** 为元素提供一个可访问名称 */
+  ariaLabel?: string
+  /** 当前 view 及其子 view 是否屏幕无障碍隐藏 */
+  ariaHidden?: boolean
+  /** 标识当前是否被选中 */
+  ariaChecked?: boolean
+  /** 指示元素是否处于选中状态 */
+  ariaSelected?: boolean
+  /** 为元素的 role 提供额外说明 */
+  ariaRoledescription?: string
+  /** 设置数值控件的最大值 */
+  ariaValuemax?: string
+  /** 设置数值控件的最小值 */
+  ariaValuemin?: string
+  /** 设置数值控件的当前值 */
+  ariaValuenow?: string
+  /** 设置将覆盖 ariaValuemax、ariaValuemin 和 ariaValuenow 的值 */
+  ariaValuetext?: string
+}
+
+export interface StandardProps<T = any, TouchEvent extends BaseTouchEvent<any> = ITouchEvent> extends EventProps<TouchEvent>, A11yProps {
   /** 组件的唯一标示, 保持整个页面唯一 */
   id?: string
   /** 同 `class`，在 React/Preact 里一般使用 `className` 作为 `class` 的代称 */

package/types/index.d.ts

@@ -124,3 +124,5 @@ export { Slot } from './Slot'
 export { NativeSlot } from './NativeSlot'
 export { Script } from './Script'
 export { PullToRefresh } from './PullToRefresh'
+export { OpenEmbeddedAtomicservice } from './OpenEmbeddedAtomicservice'
+

package/types/index.solid.d.ts

@@ -64,6 +64,7 @@ import { VideoProps } from '@tarojs/components/types/Video'
 import { ViewProps } from '@tarojs/components/types/View'
 import { VoipRoomProps } from '@tarojs/components/types/VoipRoom'
 import { WebViewProps } from '@tarojs/components/types/WebView'
+import { OpenEmbeddedAtomicserviceProps } from '@tarojs/components/types/OpenEmbeddedAtomicservice'
 
 // 重置react的类型
 interface SlimProps {
@@ -146,6 +147,7 @@ export declare const AdCustom: Components<AdCustomProps>
 export declare const OfficialAccount: Components<OfficialAccountProps>
 export declare const OpenData: Components<OpenDataProps>
 export declare const WebView: Components<WebViewProps>
+export declare const OpenEmbeddedAtomicservice: Components<OpenEmbeddedAtomicserviceProps>
 /** 配置节点 */
 export declare const PageMeta: Components<PageMetaProps>
 
@@ -279,6 +281,8 @@ declare global {
       'taro-open-data-core': TransformReact2SolidType<OpenDataProps>
       'web-view': TransformReact2SolidType<WebViewProps>
       'taro-web-view-core': TransformReact2SolidType<WebViewProps>
+      'open-embedded-atomicservice': TransformReact2SolidType<OpenEmbeddedAtomicserviceProps>
+      'taro-open-embedded-atomicservice-core': TransformReact2SolidType<OpenEmbeddedAtomicserviceProps>
       /** 配置节点 */
       'page-meta': TransformReact2SolidType<PageMetaProps>
       'taro-page-meta-core': TransformReact2SolidType<PageMetaProps>

package/types/index.vue3.d.ts

@@ -78,6 +78,7 @@ import { VideoProps } from './Video'
 import { ViewProps } from './View'
 import { VoipRoomProps } from './VoipRoom'
 import { WebViewProps } from './WebView'
+import { OpenEmbeddedAtomicserviceProps } from './OpenEmbeddedAtomicservice'
 
 /** 因为react的事件是CamelCase而vue得是Camelcase, 所以需要转换 */
 type OnCamelCaseToOnCamelcase<T extends string> = T extends `on${infer Rest}`
@@ -173,6 +174,7 @@ export declare const AdCustom: VueComponentType<AdCustomProps>
 export declare const OfficialAccount: VueComponentType<OfficialAccountProps>
 export declare const OpenData: VueComponentType<OpenDataProps>
 export declare const WebView: VueComponentType<WebViewProps>
+export declare const OpenEmbeddedAtomicservice: VueComponentType<OpenEmbeddedAtomicserviceProps>
 /** 配置节点 */
 export declare const PageMeta: VueComponentType<PageMetaProps>
 
@@ -317,6 +319,8 @@ declare global {
       'taro-open-data-core': ElementAttrs<TransformReact2VueType<OpenDataProps>>
       'web-view': ElementAttrs<TransformReact2VueType<WebViewProps>>
       'taro-web-view-core': ElementAttrs<TransformReact2VueType<WebViewProps>>
+      'open-embedded-atomicservice': ElementAttrs<TransformReact2VueType<OpenEmbeddedAtomicserviceProps>>
+      'taro-open-embedded-atomicservice-core': ElementAttrs<TransformReact2VueType<OpenEmbeddedAtomicserviceProps>>
       /** 配置节点 */
       'page-meta': ElementAttrs<TransformReact2VueType<PageMetaProps>>
       'taro-page-meta-core': ElementAttrs<TransformReact2VueType<PageMetaProps>>

package/dist/cjs/web-view-be5a2d1d.js

@@ -1,27 +0,0 @@
-'use strict';
-
-const index = require('./index-ae99cbcc.js');
-
-const indexCss = "iframe{border:none}.taro-webview{z-index:999;width:100%;height:100%;position:fixed;top:0;bottom:0}";
-
-const WebView = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.onLoad = index.createEvent(this, "load", 7);
-    this.onError = index.createEvent(this, "error", 7);
-    this.src = undefined;
-  }
-  render() {
-    const { src, onLoad, onError } = this;
-    return (index.h("iframe", { class: 'taro-webview', onLoad: (e) => {
-        e.stopPropagation();
-        onLoad.emit({ src });
-      }, onError: (e) => {
-        e.stopPropagation();
-        onError.emit({ src });
-      }, src: src }));
-  }
-};
-WebView.style = indexCss;
-
-exports.WebView = WebView;

package/dist/esm/web-view-8f780a19.js

@@ -1,25 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-0004ce39.js';
-
-const indexCss = "iframe{border:none}.taro-webview{z-index:999;width:100%;height:100%;position:fixed;top:0;bottom:0}";
-
-const WebView = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.onLoad = createEvent(this, "load", 7);
-    this.onError = createEvent(this, "error", 7);
-    this.src = undefined;
-  }
-  render() {
-    const { src, onLoad, onError } = this;
-    return (h("iframe", { class: 'taro-webview', onLoad: (e) => {
-        e.stopPropagation();
-        onLoad.emit({ src });
-      }, onError: (e) => {
-        e.stopPropagation();
-        onError.emit({ src });
-      }, src: src }));
-  }
-};
-WebView.style = indexCss;
-
-export { WebView as W };

package/dist/taro-components/p-00e72620.entry.js

@@ -1 +0,0 @@
-export{S as taro_scroll_view_core}from"./p-58a709ad.js";import"./p-f72fcd8c.js";import"./p-160d710a.js";import"./p-5893c3ed.js";import"./p-dbdb9de9.js";import"@tarojs/taro";

package/dist/taro-components/p-1f81d4f4.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as o,H as s}from"./p-f72fcd8c.js";import{c as a}from"./p-160d710a.js";const e=class{constructor(o){t(this,o),this.onLoad=i(this,"load",7),this.onError=i(this,"error",7),this.src=void 0,this.mode="scaleToFill",this.lazyLoad=!1,this.nativeProps={},this.aspectFillMode="width",this.didLoad=!1}componentDidLoad(){if(!this.lazyLoad)return;const t=new IntersectionObserver((i=>{i[i.length-1].isIntersecting&&(t.unobserve(this.imgRef),this.didLoad=!0)}),{rootMargin:"300px 0px"});t.observe(this.imgRef)}imageOnLoad(){const{width:t,height:i,naturalWidth:o,naturalHeight:s}=this.imgRef;this.onLoad.emit({width:t,height:i}),this.aspectFillMode=o>s?"width":"height"}imageOnError(t){this.onError.emit(t)}render(){const{src:t,lazyLoad:i=!1,aspectFillMode:e="width",imageOnLoad:r,imageOnError:h,nativeProps:m,didLoad:l}=this,n=this.mode||"scaleToFill",d=a({"taro-img__widthfix":"widthFix"===n}),g=a(`taro-img__mode-${n.toLowerCase().replace(/\s/g,"")}`,{[`taro-img__mode-aspectfill--${e}`]:"aspectFill"===n});return o(s,{class:d},t?o("img",Object.assign({ref:t=>this.imgRef=t,class:g,src:i&&!l?void 0:t,onLoad:r.bind(this),onError:h.bind(this)},m)):"")}};e.style='img[src=""]{opacity:0}taro-image-core{width:320px;height:240px;font-size:0;display:inline-block;position:relative;overflow:hidden}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{position:absolute;left:50%;transform:translate(-50%)}.taro-img__mode-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.taro-img__mode-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-left{position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}';export{e as I}

package/dist/taro-components/p-5570a53e.entry.js

@@ -1 +0,0 @@
-export{W as taro_web_view_core}from"./p-beae3fe0.js";import"./p-f72fcd8c.js";

package/dist/taro-components/p-717960a7.entry.js

@@ -1 +0,0 @@
-export{T as taro_textarea_core}from"./p-15c2bd13.js";import"./p-f72fcd8c.js";

package/dist/taro-components/p-beae3fe0.js

@@ -1 +0,0 @@
-import{r,c as o,h as s}from"./p-f72fcd8c.js";const t=class{constructor(s){r(this,s),this.onLoad=o(this,"load",7),this.onError=o(this,"error",7),this.src=void 0}render(){const{src:r,onLoad:o,onError:t}=this;return s("iframe",{class:"taro-webview",onLoad:s=>{s.stopPropagation(),o.emit({src:r})},onError:o=>{o.stopPropagation(),t.emit({src:r})},src:r})}};t.style="iframe{border:none}.taro-webview{z-index:999;width:100%;height:100%;position:fixed;top:0;bottom:0}";export{t as W}

package/dist/taro-components/p-cb7e1d6e.entry.js

@@ -1 +0,0 @@
-export{I as taro_image_core}from"./p-1f81d4f4.js";import"./p-f72fcd8c.js";import"./p-160d710a.js";