vite-plugin-taro-runtime 0.7.0 → 0.7.1-beta.2

package/dist/components/lib/react/react-component-lib/utils/attachProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachProps.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/attachProps.ts"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/attachProps.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport { flushSync, unstable_batchedUpdates } from 'react-dom'\n\nimport { camelToDashCase } from './case'\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s))\n  return map\n}\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class\n  const oldClassProp: string = oldProps.className || oldProps.class\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList)\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : [])\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : [])\n  const finalClassNames: string[] = []\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass)\n      incomingPropClasses.delete(currentClass)\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass)\n    }\n  })\n  incomingPropClasses.forEach((s) => finalClassNames.push(s))\n  return finalClassNames.join(' ')\n}\n\n// Note(taro): 禁用 react 合成事件抛出 (避免自定义事件属性调用问题, 例如: event.detail.value 等)\nexport const isCoveredByReact = (__eventNameSuffix: string) => false\n\ninterface EventCenter {\n  [key: string]: EventCenter.EventCallback | undefined\n}\n\nnamespace EventCenter {\n  export interface EventCallback {\n    (e: Event): any\n    fn?: (e: Event) => any\n  }\n}\n\ntype HTMLElementWithEvents = HTMLElement & { __events?: EventCenter }\n\nfunction getComponentName (node: HTMLElement): string {\n  return node.tagName.replace(/^TARO-/, '').replace(/-CORE$/, '')\n}\n\nfunction getControlledValue (node: HTMLElement): string | null {\n  const componentName = getComponentName(node)\n  if (['INPUT', 'TEXTAREA', 'SLIDER', 'PICKER'].includes(componentName)) {\n    return 'value'\n  } else if (componentName === 'SWITCH') {\n    // Radio、Checkbox 受 RadioGroup、CheckboxGroup 控制，不支持受控\n    return 'checked'\n  } else {\n    return null\n  }\n}\n\nfunction getPropsAfterReactUpdate (node: HTMLElement): Record<string, any> | null {\n  const key = Object.keys(node).find(key => key.includes('__reactProps'))\n  if (key) {\n    return node[key] as Record<string, any>\n  } else {\n    return null\n  }\n}\n\nfunction finishedEventHandler (node: HTMLElement) {\n  const controlledValue = getControlledValue(node)\n\n  // 不是可以受控的表单组件，直接返回\n  if (!controlledValue) return\n\n  // 立即执行事件回调中用户可能触发了的 React 更新\n  flushSync(() => {})\n\n  // 组件在 React 更新后的 React props\n  const newProps = getPropsAfterReactUpdate(node)\n  if (newProps?.hasOwnProperty(controlledValue) && newProps[controlledValue] !== node[controlledValue]) {\n    // 如果 React Props 的 value 和 DOM 上的 value 不一致，以 React Props 为准（受控）\n    node[controlledValue] = newProps[controlledValue]\n    node.setAttribute(controlledValue, newProps[controlledValue])\n  }\n}\n\nexport const syncEvent = (\n  node: HTMLElementWithEvents,\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events ||= {}\n  const oldEventHandler = eventStore[eventName]\n\n  if (!newEventHandler) {\n    if (oldEventHandler) {\n      node.removeEventListener(eventName, oldEventHandler)\n      delete eventStore[eventName]\n    }\n  } else {\n    if (oldEventHandler) {\n      if (oldEventHandler.fn === newEventHandler) {\n        return\n      } else {\n        // 删除旧的，绑定新的\n        node.removeEventListener(eventName, oldEventHandler)\n      }\n    }\n\n    const listener: EventCenter.EventCallback = eventStore[eventName] = function (e: Event) {\n      // React batch event updates\n      unstable_batchedUpdates(() => newEventHandler.call(this, e))\n      // 控制是否更新受控组件的 value 值\n      finishedEventHandler(node)\n    }\n    listener.fn = newEventHandler\n    node.addEventListener(\n      eventName,\n      listener\n    )\n  }\n}\n\n// TODO(performace): ReactComponent 已更新了一次，这里手动更新可能存在重复设置属性的问题\nexport const attachProps = (node: HTMLElementWithEvents, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    Object.keys(oldProps).forEach((name) => {\n      if (['style', 'children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      // Note: 移除节点上冗余事件、属性\n      if (!newProps.hasOwnProperty(name)) {\n        if (/^on([A-Z].*)/.test(name)) {\n          const eventName = name.substring(2)\n          const eventNameLc = eventName.toLowerCase()\n\n          if (!isCoveredByReact(eventNameLc)) {\n            syncEvent(node, eventNameLc)\n          }\n        } else {\n          (node as any)[name] = null\n          node.removeAttribute(camelToDashCase(name))\n        }\n      }\n    })\n    // add any classes in className to the class list\n    node.className = getClassName(node.classList, newProps, oldProps)\n\n    Object.keys(newProps).forEach((name) => {\n      /** Note(taro): 优化 style 属性的处理\n       * 1. 考虑到兼容旧版本项目，支持使用字符串配置 style 属性，但这并非推荐写法，且不考虑优化在 style 移除时同步删除属性\n       * 2. style 属性应当交与前端 UI 框架自行处理，不考虑实现类似于 reactify-wc 的更新策略\n       */\n      if ((name === 'style' && typeof newProps[name] !== 'string') || ['children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      if (/^on([A-Z].*)/.test(name)) {\n        const eventName = name.substring(2)\n        const eventNameLc = eventName.toLowerCase()\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name])\n        }\n      } else {\n        (node as any)[name] = newProps[name]\n        const propType = typeof newProps[name]\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name])\n        }\n      }\n    })\n\n    // 保证受控组件会被默认绑定一个空事件，用于触发 finishedEventHandler 中的受控逻辑\n    const controlledValue = getControlledValue(node)\n    if (\n      controlledValue &&\n      newProps.hasOwnProperty(controlledValue)\n    ) {\n      const handleChangeEvent = ['INPUT', 'TEXTAREA'].includes(getComponentName(node)) ? 'input' : 'change'\n      node.__events ||= {}\n      if (!node.__events.hasOwnProperty(handleChangeEvent)) {\n        syncEvent(node, handleChangeEvent, function () {})\n      }\n    }\n  }\n}\n\nexport function applyUnControlledDefaultValue (node: HTMLElementWithEvents, props: any) {\n  const controlledValue = getControlledValue(node)\n\n  // 不是可以受控的表单组件，直接返回\n  if (!controlledValue) return\n\n  const defaultValueName = 'default' + controlledValue.charAt(0).toUpperCase() + controlledValue.slice(1)\n  if (!props.hasOwnProperty(controlledValue) && props.hasOwnProperty(defaultValueName)) {\n    // 如果是可以受控的表单组件，当没有传入 value/checked 而是传入 defaultValue/defaultChecked 时，把表单值初始化为 defaultValue/defaultChecked\n    node[controlledValue] = props[defaultValueName]\n    node.setAttribute(controlledValue, props[defaultValueName])\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/lib/react/react-component-lib/utils/case.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/case.ts
+ * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
+ */
+export declare const dashToPascalCase: (str: string) => string;
+export declare const camelToDashCase: (str: string) => string;

package/dist/components/lib/react/react-component-lib/utils/case.js

@@ -0,0 +1,13 @@
+/**
+ * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/case.ts
+ * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
+ */
+const dashToPascalCase = (str) => str
+    .toLowerCase()
+    .split('-')
+    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))
+    .join('');
+const camelToDashCase = (str) => str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
+
+export { camelToDashCase, dashToPascalCase };
+//# sourceMappingURL=case.js.map

package/dist/components/lib/react/react-component-lib/utils/case.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/case.ts"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/case.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nexport const dashToPascalCase = (str: string) =>\n  str\n    .toLowerCase()\n    .split('-')\n    .map((segment) => segment.charAt(0).toUpperCase() + segment.slice(1))\n    .join('')\nexport const camelToDashCase = (str: string) => str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`)\n"],"names":[],"mappings":"AAAA;;;AAGG;MACU,gBAAgB,GAAG,CAAC,GAAW,KAC1C;AACG,KAAA,WAAW;KACX,KAAK,CAAC,GAAG;KACT,GAAG,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;KACnE,IAAI,CAAC,EAAE;AACL,MAAM,eAAe,GAAG,CAAC,GAAW,KAAK,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAS,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA,CAAE;;;;"}

package/dist/components/lib/react/react-component-lib/utils/dev.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/dev.ts
+ * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
+ */
+export declare const isDevMode: () => boolean;
+export declare const deprecationWarning: (key: string, message: string) => void;

package/dist/components/lib/react/react-component-lib/utils/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/index.ts
+ * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
+ */
+import React from 'react';
+import type { StyleReactProps } from '../interfaces';
+export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
+export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export * from './attachProps';
+export * from './case';

package/dist/components/lib/react/react-component-lib/utils/index.js

@@ -0,0 +1,39 @@
+import React from 'react';
+export { applyUnControlledDefaultValue, attachProps, getClassName, isCoveredByReact, syncEvent } from './attachProps.js';
+export { camelToDashCase, dashToPascalCase } from './case.js';
+
+/**
+ * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/index.ts
+ * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
+ */
+const setRef = (ref, value) => {
+    if (typeof ref === 'function') {
+        ref(value);
+    }
+    else if (ref != null) {
+        // Cast as a MutableRef so we can assign current
+        ref.current = value;
+    }
+};
+const mergeRefs = (...refs) => {
+    return (value) => {
+        refs.forEach((ref) => {
+            setRef(ref, value);
+        });
+    };
+};
+const createForwardRef = (ReactComponent, displayName) => {
+    const forwardRef = (props, ref) => {
+        return React.createElement(ReactComponent, Object.assign({}, props, { forwardedRef: ref }));
+    };
+    forwardRef.displayName = displayName;
+    return React.forwardRef(forwardRef);
+};
+const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+
+export { createForwardRef, defineCustomElement, mergeRefs, setRef };
+//# sourceMappingURL=index.js.map

package/dist/components/lib/react/react-component-lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/index.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/index.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React, { PropsWithoutRef } from 'react'\n\nimport type { StyleReactProps } from '../interfaces'\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\nOmit<React.HTMLAttributes<ElementType>, 'style'> &\nStyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value)\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value\n  }\n}\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />\n  }\n  forwardRef.displayName = displayName\n\n  return React.forwardRef(forwardRef)\n}\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement)\n  }\n}\n\nexport * from './attachProps'\nexport * from './case'\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;MAYU,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,KAAI;AACpG,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC;;AACL,SAAA,IAAI,GAAG,IAAI,IAAI,EAAE;;AAErB,QAAA,GAAmC,CAAC,OAAO,GAAG,KAAK;;AAExD;MAEa,SAAS,GAAG,CACvB,GAAG,IAAoE,KAC7C;IAC1B,OAAO,CAAC,KAAU,KAAI;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC;AACpB,SAAC,CAAC;AACJ,KAAC;AACH;MAEa,gBAAgB,GAAG,CAAwB,cAAmB,EAAE,WAAmB,KAAI;AAClG,IAAA,MAAM,UAAU,GAAG,CACjB,KAAwE,EACxE,GAA0C,KACxC;QACF,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,IAAE,YAAY,EAAE,GAAG,EAAA,CAAA,CAAI;AACzD,KAAC;AACD,IAAA,UAAU,CAAC,WAAW,GAAG,WAAW;AAEpC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC;AACrC;MAEa,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,KAAI;AACzE,IAAA,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AACxG,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC;;AAEjD;;;;"}

package/dist/components/types/Ad.d.ts

@@ -0,0 +1,205 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface AdProps extends StandardProps {
+  /** 广告单元id，可在[小程序管理后台](https://mp.weixin.qq.com/)的流量主模块新建
+   * @supported weapp, tt, qq
+   */
+  unitId: string
+  /** 广告自动刷新的间隔时间，单位为秒，参数值必须大于等于30（该参数不传入时 Banner 广告不会自动刷新）
+   * @supported weapp, tt
+   */
+  adIntervals?: number
+  /** 广告类型，默认为展示`banner`，可通过设置该属性为`video`展示视频广告, `grid`为格子广告
+   * @supported weapp
+   */
+  adType?: 'banner' | 'video' | 'grid'
+  /** 广告主题样式设置
+   * @supported weapp
+   */
+  adTheme?: 'white' | 'black'
+  /** 小程序应用 ID
+   * @supported swan
+   */
+  appid?: string
+  /** 小程序广告位 ID
+   * @supported swan
+   */
+  apid?: string
+  /** 广告类型：banner、feed ，需和百青藤平台上的代码位类型相匹配
+   * @supported swan, tt, qq
+   * @default feed
+   * @swan 支持 banner、feed
+   * @qq 支持 banner、card、feeds、block
+   */
+  type?: string
+  /** 更改该属性，可以触发广告刷新
+   * @supported swan
+   */
+  updatetime?: string
+  /** 广告是否在屏幕中固定展示
+   * @supported tt
+   */
+  fixed?: string
+  /** 广告的缩放比例，100 为标准尺寸
+   * @supported tt
+   * @default 100
+   */
+  scale?: string
+  /** type 为 feeds 时广告左边距（px），必须大于 0
+   * @supported qq
+   */
+  adLeft?: string
+  /** type 为 feeds 时广告上边距（px），必须大于 0
+   * @supported qq
+   */
+  adTop?: string
+  /** type 为 feeds 时广告宽度（px），默认 100%，最大值为屏幕宽度，最小值为 265
+   * @supported qq
+   */
+  adWidth?: string
+  /** type 为 feeds 时广告高度（px），最小 85，最大 160
+   * @supported qq
+   */
+  adHeight?: string
+  /** type 为 block 时请求积木广告数量（展示以实际拉取广告数量为准）
+   * @supported qq
+   * @default 1
+   */
+  blockSize?: string
+  /** type 为 block 时请求积木广告排列方向
+   * @supported qq
+   * @default landscape
+   */
+  blockOrientation?: 'vertical' | 'landscape'
+  /** 开发者工具下，type 为 banner 时，指定 banner 广告展示三图文还是单图
+   * @supported qq
+   * @default three
+   */
+  testBannerType?: 'one' | 'three'
+  /** 广告加载成功的回调
+   * @supported weapp, swan, tt, qq
+   */
+  onLoad?: CommonEventFunction
+  /** 当广告发生错误时，触发的事件，可以通过该事件获取错误码及原因，事件对象 event.detail = {errCode: 1002}
+   * @supported weapp, swan, tt, qq
+   */
+  onError?: CommonEventFunction<AdProps.onErrorEventDetail>
+  /** 广告关闭的回调
+   * @supported weapp, swan, tt
+   */
+  onClose?: CommonEventFunction
+  /** 贴片类型广告播放期间触发
+   * @supported swan
+   */
+  onStatus?: CommonEventFunction
+  /** type 为 feeds 时广告实际宽高回调
+   * @supported qq
+   */
+  onSize?: CommonEventFunction<AdProps.onSizeEventDetail>
+}
+declare namespace AdProps {
+  interface onErrorEventDetail {
+    errCode: keyof AdErrCode
+  }
+  /**
+   * 广告错误码
+   *
+   * 错误码是通过onError获取到的错误信息。调试期间，可以通过异常返回来捕获信息。
+   * 在小程序发布上线之后，如果遇到异常问题，可以在[“运维中心“](https://mp.weixin.qq.com/)里面搜寻错误日志，还可以针对异常返回加上适当的监控信息。
+   */
+  interface AdErrCode {
+    /**
+     * @illustrate 后端错误调用失败
+     * @reason 该项错误不是开发者的异常情况
+     * @solution 一般情况下忽略一段时间即可恢复。
+     */
+    1000
+    /**
+     * @illustrate 参数错误
+     * @reason 使用方法错误
+     * @solution 可以前往 developers.weixin.qq.com 确认具体教程（小程序和小游戏分别有各自的教程，可以在顶部选项中，“设计”一栏的右侧进行切换。
+     */
+    1001
+    /**
+     * @illustrate 广告单元无效
+     * @reason 可能是拼写错误、或者误用了其他APP的广告ID
+     * @solution 请重新前往 mp.weixin.qq.com 确认广告位ID。
+     */
+    1002
+    /**
+     * @illustrate 内部错误
+     * @reason 该项错误不是开发者的异常情况
+     * @solution 一般情况下忽略一段时间即可恢复。
+     */
+    1003
+    /**
+     * @illustrate 无合适的广告
+     * @reason 广告不是每一次都会出现，这次没有出现可能是由于该用户不适合浏览广告
+     * @solution 属于正常情况，且开发者需要针对这种情况做形态上的兼容。
+     */
+    1004
+    /**
+     * @illustrate 广告组件审核中
+     * @reason 你的广告正在被审核，无法展现广告
+     * @solution 请前往 mp.weixin.qq.com 确认审核状态，且开发者需要针对这种情况做形态上的兼容。
+     */
+    1005
+    /**
+     * @illustrate 广告组件被驳回
+     * @reason 你的广告审核失败，无法展现广告
+     * @solution 请前往 mp.weixin.qq.com 确认审核状态，且开发者需要针对这种情况做形态上的兼容。
+     */
+    1006
+    /**
+     * @illustrate 广告组件被封禁
+     * @reason 你的广告能力已经被封禁，封禁期间无法展现广告
+     * @solution 请前往 mp.weixin.qq.com 确认小程序广告封禁状态。
+     */
+    1007
+    /**
+     * @illustrate 广告单元已关闭
+     * @reason 该广告位的广告能力已经被关闭
+     * @solution 请前往 mp.weixin.qq.com 重新打开对应广告位的展现。
+     */
+    1008
+  }
+  interface onSizeEventDetail {
+    width: number
+    height: number
+  }
+}
+/** Banner 广告
+ * @classification open
+ * @supported weapp, swan, tt, qq
+ * @example_react
+ * ```tsx
+ * class App extends Component {
+ *   render () {
+ *     return (
+ *       <Ad
+ *         unitId=''
+ *         adIntervals={60}
+ *         onLoad={() => console.log('ad onLoad')}
+ *         onError={() => console.log('ad onError')}
+ *         onClose={() => console.log('ad onClose')}
+ *       />
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <ad
+ *     unit-id=""
+ *     ad-intervals="60"
+ *     `@load="onLoad"
+ *     `@error="onError"
+ *     `@close="onClose"
+ *   />
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/ad.html
+ */
+declare const Ad: ComponentType<AdProps>
+export { Ad, AdProps }

package/dist/components/types/AdCustom.d.ts

@@ -0,0 +1,44 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+import { AdProps } from './Ad'
+interface AdCustomProps extends StandardProps {
+  /** 广告单元id，可在[小程序管理后台](https://mp.weixin.qq.com/)的流量主模块新建
+   * @supported weapp
+   */
+  unitId: string
+  /** 广告自动刷新的间隔时间，单位为秒，参数值必须大于等于30（该参数不传入时 Banner 广告不会自动刷新）
+   * @supported weapp
+   */
+  adIntervals?: number
+  /** 广告加载成功的回调
+   * @supported weapp
+   */
+  onLoad?: CommonEventFunction
+  /** 当广告发生错误时，触发的事件，可以通过该事件获取错误码及原因
+   * @supported weapp
+   */
+  onError?: CommonEventFunction<AdProps.onErrorEventDetail>
+}
+/** Banner 广告
+ * @classification open
+ * @supported weapp
+ * @example
+ * ```tsx
+ * class App extends Component {
+ *   render () {
+ *     return (
+ *       <AdCustom
+ *         unitId=''
+ *         adIntervals={60}
+ *         onLoad={() => console.log('ad onLoad')}
+ *         onError={() => console.log('ad onError')}
+ *         onClose={() => console.log('ad onClose')}
+ *       />
+ *     )
+ *   }
+ * }
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/ad.html
+ */
+declare const AdCustom: ComponentType<AdCustomProps>
+export { AdCustom, AdCustomProps }

package/dist/components/types/AnimationVideo.d.ts

@@ -0,0 +1,53 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface AnimationVideoProps extends StandardProps {
+  /** 组件使用的 video 视频资源的宽度（单位：px）
+   * @supported swan
+   * @default 800
+   */
+  resourceWidth?: number
+  /** 组件使用的 video 视频资源的高度（单位：px）
+   * @supported swan
+   * @default 400
+   */
+  resourceHeight?: number
+  /** 用于设置动画画布的 CSS 样式
+   * @supported swan
+   * @default "width: 400px;height: 400px"
+   */
+  canvasStyle?: string
+  /** 动画资源地址，支持相对路径以及远程地址。如果是远程路径，注意 response header 里需要设置 Access-Control-Allow-Origin 来防止跨域问题
+   * @supported swan
+   */
+  path?: string
+  /** 动画是否循环播放
+   * @supported swan
+   * @default false
+   */
+  loop?: boolean
+  /** 动画是否自动播放
+   * @supported swan
+   * @default false
+   */
+  autoplay?: boolean
+  /** 视频资源中 alpha 通道的方向，left 表示 alpha 通道在资源的左边，right 表示 alpha 通道在资源的右边。详情请参考透明视频设计资源示例
+   * @supported swan
+   * @default "left"
+   */
+  alphaDirection?: string
+  /** 动画开始播放的回调
+   * @supported swan
+   */
+  onStarted?: CommonEventFunction
+  /** 当播放到末尾时触发 ended 事件（自然播放结束会触发回调，循环播放结束及暂停动画不会触发）
+   * @supported swan
+   */
+  onEnded?: CommonEventFunction
+}
+/** 透明视频动画
+ * @classification media
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/animation-video/
+ */
+declare const AnimationVideo: ComponentType<AnimationVideoProps>
+export { AnimationVideo, AnimationVideoProps }

package/dist/components/types/AnimationView.d.ts

@@ -0,0 +1,39 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface AnimationViewProps extends StandardProps {
+  /** 动画资源地址，目前只支持绝对路径
+   * @supported swan
+   */
+  path?: string
+  /** 动画是否循环播放
+   * @supported swan
+   * @default false
+   */
+  loop?: boolean
+  /** 动画是否自动播放
+   * @supported swan
+   * @default true
+   */
+  autoplay?: boolean
+  /** 动画操作，可取值 play、pause、stop
+   * @supported swan
+   * @default "play"
+   */
+  action?: 'play' | 'pause' | 'stop'
+  /** 是否隐藏动画
+   * @supported swan
+   * @default true
+   */
+  hidden?: boolean
+  /** 当播放到末尾时触发 ended 事件（自然播放结束会触发回调，循环播放结束及手动停止动画不会触发）
+   * @supported swan
+   */
+  onEnded?: CommonEventFunction
+}
+/** Lottie 动画
+ * @classification media
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/animation-view-Lottie/
+ */
+declare const AnimationView: ComponentType<AnimationViewProps>
+export { AnimationView, AnimationViewProps }

package/dist/components/types/ArCamera.d.ts

@@ -0,0 +1,43 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface ArCameraProps extends StandardProps {
+  /** AR 项目唯一标识，在 DuMixAR 内容开放平台上传生成 AR 项目后获取 AR Key
+   * @supported swan
+   */
+  key?: string
+  /** AR 相机类型，在 DuMixAR 内容开放平台上传生成 AR 项目后获取 AR Type：
+   * 2D 跟踪类型：0
+   * SLAM 类型：5
+   * IMU 类型：8
+   * @supported swan
+   */
+  type?: '0' | '5' | '8'
+  /** 闪光灯，值为 auto、on、off
+   * @supported swan
+   * @default "off"
+   */
+  flash?: 'auto' | 'on' | 'off'
+  /** 用户不允许使用摄像头或扫码失败时触发
+   * @supported swan
+   */
+  onError?: CommonEventFunction
+  /** AR 加载成功时触发
+   * @supported swan
+   */
+  onLoad?: CommonEventFunction
+  /** 开发者制作 AR 项目时可自定义按键，用户点击时会收到事件和数据，用户自定义事件格式参见代码示例 2：用户自定义事件
+   * @supported swan
+   */
+  onMessage?: CommonEventFunction
+  /** 扫描识图结束后触发
+   * @supported swan
+   */
+  onScanCode?: CommonEventFunction
+}
+/** AR 相机
+ * @classification media
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/component/media_ar-camera/
+ */
+declare const ArCamera: ComponentType<ArCameraProps>
+export { ArCamera, ArCameraProps }

package/dist/components/types/Audio.d.ts

@@ -0,0 +1,135 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface AudioProps extends StandardProps {
+  /** audio 组件的唯一标识符
+   * @supported weapp, swan, qq, ascf
+   */
+  id?: string
+  /** 要播放音频的资源地址
+   * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+   */
+  src?: string
+  /** 是否循环播放
+   * @default false
+   * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+   */
+  loop?: boolean
+  /** 是否静音播放
+   * @default false
+   * @supported h5, harmony_hybrid
+   */
+  muted?: boolean
+  /** 是否显示默认控件
+   * @default false
+   * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+   */
+  controls?: boolean
+  /** 默认控件上的音频封面的图片资源地址，如果 controls 属性值为 false 则设置 poster 无效
+   * @supported weapp, swan, qq, ascf
+   */
+  poster?: string
+  /** 默认控件上的音频名字，如果 controls 属性值为 false 则设置 name 无效
+   * @default "未知音频"
+   * @supported weapp, swan, qq, ascf
+   */
+  name?: string
+  /** 默认控件上的作者名字，如果 controls 属性值为 false 则设置 author 无效
+   * @default "未知作者"
+   * @supported weapp, swan, qq, ascf
+   */
+  author?: string
+  /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上
+   * @supported h5, harmony_hybrid
+   */
+  nativeProps?: Record<string, unknown>
+  /** 当发生错误时触发 error 事件，detail = {errMsg: MediaError.code}
+   * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+   */
+  onError?: CommonEventFunction<AudioProps.onErrorEventDetail>
+  /** 当开始/继续播放时触发play事件
+   * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+   */
+  onPlay?: CommonEventFunction
+  /** 当暂停播放时触发 pause 事件
+   * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+   */
+  onPause?: CommonEventFunction
+  /** 当播放进度改变时触发 timeupdate 事件，detail = {currentTime, duration}
+   * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+   */
+  onTimeUpdate?: CommonEventFunction<AudioProps.onTimeUpdateEventDetail>
+  /** 当播放到末尾时触发 ended 事件
+   * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+   */
+  onEnded?: CommonEventFunction
+}
+declare namespace AudioProps {
+  interface onErrorEventDetail {
+    errMsg: keyof MediaError.Code
+  }
+  interface onTimeUpdateEventDetail {
+    /** 当前时间 */
+    currentTime: number
+    /** 持续时间 */
+    duration: number
+  }
+  namespace MediaError {
+    interface Code {
+      /** 获取资源被用户禁止 */
+      1
+      /** 网络错误 */
+      2
+      /** 解码错误 */
+      3
+      /** 不合适资源 */
+      4
+    }
+  }
+}
+/** 音频。1.6.0版本开始，该组件不再维护。建议使用能力更强的 Taro.createInnerAudioContext 接口
+ * @classification media
+ * @deprecated
+ * @supported weapp, swan, qq, h5, harmony_hybrid, ascf
+ * @example_react
+ * ```tsx
+ * export default class PageView extends Component {
+ *   constructor() {
+ *     super(...arguments)
+ *   }
+ *
+ *   render() {
+ *     return (
+ *       <View className='components-page'>
+ *         <Audio
+ *           src='https://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46'
+ *           controls={true}
+ *           autoplay={false}
+ *           loop={false}
+ *           muted={true}
+ *           initialTime='30'
+ *           id='video'
+ *         />
+ *       </View>
+ *     )
+ *   }
+ * }
+ * ```
+ * @example_vue
+ * ```html
+ * <template>
+ *   <view class="components-page">
+ *     <audio
+ *       id="video"
+ *       src="https://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46"
+ *       :controls="true"
+ *       :autoplay="false"
+ *       :loop="false"
+ *       :muted="true"
+ *     />
+ *   </view>
+ * </template>
+ * ```
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/audio.html
+ */
+declare const Audio: ComponentType<AudioProps>
+export { Audio, AudioProps }