@tarojs/components 3.6.0-canary.1 → 3.6.0-canary.10

package/dist/vue3/index.js

@@ -1,15 +1,13 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as components from './components';
 export function initVue3Components(app) {
   app.config.isCustomElement = function (tag) {
     return /^taro-/.test(tag) || tag === 'root' || tag === 'block';
   };
-
   Object.entries(components).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
-        name = _ref2[0],
-        component = _ref2[1];
-
+      name = _ref2[0],
+      component = _ref2[1];
     if (component) {
       var tagName = 'taro' + name.replace(new RegExp('([A-Z])', 'g'), '-$1').toLowerCase();
       app.component(tagName, component);

package/dist/vue3/vue-component-lib/utils.js

@@ -1,16 +1,13 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { defineComponent, getCurrentInstance, h, inject, ref } from 'vue';
 var UPDATE_VALUE_EVENT = 'update:modelValue';
 var MODEL_VALUE = 'modelValue';
 var ROUTER_LINK_VALUE = 'routerLink';
 var NAV_MANAGER = 'navManager';
 var ROUTER_PROP_PREFIX = 'router';
+
 /**
  * Starting in Vue 3.1.0, all properties are
  * added as keys to the props object, even if
@@ -20,24 +17,21 @@ var ROUTER_PROP_PREFIX = 'router';
  * and then check if it is not undefined for Vue >= 3.1.0.
  * See https://github.com/vuejs/vue-next/issues/3889
  */
-
 var EMPTY_PROP = Symbol();
 var DEFAULT_EMPTY_PROP = {
   default: EMPTY_PROP
 };
-
 var getComponentClasses = function getComponentClasses(classes) {
   return (classes === null || classes === void 0 ? void 0 : classes.split(' ')) || [];
 };
-
 var getElementClasses = function getElementClasses(ref, componentClasses) {
   var _ref$value;
-
   var defaultClasses = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   return [].concat(_toConsumableArray(Array.from(((_ref$value = ref.value) === null || _ref$value === void 0 ? void 0 : _ref$value.classList) || [])), _toConsumableArray(defaultClasses)).filter(function (c, i, self) {
     return !componentClasses.has(c) && self.indexOf(c) === i;
   });
 };
+
 /**
 * Create a callback to define a Vue component wrapper around a Web Component.
 *
@@ -52,33 +46,28 @@ var getElementClasses = function getElementClasses(ref, componentClasses) {
 * @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been
 * correctly updated when a user's event callback fires.
 */
-
-
 export var defineContainer = function defineContainer(name, defineCustomElement) {
   var componentProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var modelProp = arguments.length > 3 ? arguments[3] : undefined;
   var modelUpdateEvent = arguments.length > 4 ? arguments[4] : undefined;
   var externalModelUpdateEvent = arguments.length > 5 ? arguments[5] : undefined;
-
   /**
   * Create a Vue component wrapper around a Web Component.
   * Note: The `props` here are not all properties on a component.
   * They refer to whatever properties are set on an instance of a component.
   */
+
   if (defineCustomElement !== undefined) {
     defineCustomElement();
   }
-
   var Container = defineComponent(function (props, _ref) {
     var _currentInstance$appC;
-
     var attrs = _ref.attrs,
-        slots = _ref.slots,
-        emit = _ref.emit;
+      slots = _ref.slots,
+      emit = _ref.emit;
     var modelPropValue = props[modelProp];
     var containerRef = ref();
     var classes = new Set(getComponentClasses(attrs.class));
-
     var onVnodeBeforeMount = function onVnodeBeforeMount(vnode) {
       // Add a listener to tell Vue to update the v-model
       if (vnode.el) {
@@ -87,6 +76,7 @@ export var defineContainer = function defineContainer(name, defineCustomElement)
           vnode.el.addEventListener(eventName.toLowerCase(), function (e) {
             modelPropValue = (e === null || e === void 0 ? void 0 : e.target)[modelProp];
             emit(UPDATE_VALUE_EVENT, modelPropValue);
+
             /**
              * We need to emit the change event here
              * rather than on the web component to ensure
@@ -95,7 +85,6 @@ export var defineContainer = function defineContainer(name, defineCustomElement)
              * native web component, but the v-model will
              * not have been updated yet.
              */
-
             if (externalModelUpdateEvent) {
               emit(externalModelUpdateEvent, e);
             }
@@ -103,72 +92,60 @@ export var defineContainer = function defineContainer(name, defineCustomElement)
         });
       }
     };
-
     var currentInstance = getCurrentInstance();
     var hasRouter = currentInstance === null || currentInstance === void 0 ? void 0 : (_currentInstance$appC = currentInstance.appContext) === null || _currentInstance$appC === void 0 ? void 0 : _currentInstance$appC.provides[NAV_MANAGER];
     var navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
-
     var handleRouterLink = function handleRouterLink(ev) {
       var routerLink = props.routerLink;
       if (routerLink === EMPTY_PROP) return;
-
       if (navManager !== undefined) {
         var navigationPayload = {
           event: ev
         };
-
         for (var key in props) {
           var value = props[key];
-
           if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
             navigationPayload[key] = value;
           }
         }
-
         navManager.navigate(navigationPayload);
       } else {
         console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
       }
     };
-
     return function () {
       modelPropValue = props[modelProp];
       getComponentClasses(attrs.class).forEach(function (value) {
         classes.add(value);
       });
       var oldClick = props.onClick;
-
       var handleClick = function handleClick(ev) {
         if (oldClick !== undefined) {
           oldClick(ev);
         }
-
         if (!ev.defaultPrevented) {
           handleRouterLink(ev);
         }
       };
-
       var propsToAdd = {
         ref: containerRef,
         class: getElementClasses(containerRef, classes),
         onClick: handleClick,
         onVnodeBeforeMount: modelUpdateEvent ? onVnodeBeforeMount : undefined
       };
+
       /**
        * We can use Object.entries here
        * to avoid the hasOwnProperty check,
        * but that would require 2 iterations
        * where as this only requires 1.
        */
-
       for (var key in props) {
         var value = props[key];
-
         if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {
           propsToAdd[key] = value;
         }
       }
-
       if (modelProp) {
         /**
          * If form value property was set using v-model
@@ -182,7 +159,6 @@ export var defineContainer = function defineContainer(name, defineCustomElement)
           propsToAdd = _objectSpread(_objectSpread({}, propsToAdd), {}, _defineProperty({}, modelProp, modelPropValue));
         }
       }
-
       return h(name, propsToAdd, slots.default && slots.default());
     };
   });
@@ -191,11 +167,9 @@ export var defineContainer = function defineContainer(name, defineCustomElement)
   componentProps.forEach(function (componentProp) {
     Container.props[componentProp] = DEFAULT_EMPTY_PROP;
   });
-
   if (modelProp) {
     Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
     Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent];
   }
-
   return Container;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.6.0-canary.1",
+  "version": "3.6.0-canary.10",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -29,26 +29,32 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@tarojs/router": "3.6.0-canary.1",
-    "@tarojs/taro": "3.6.0-canary.1",
     "classnames": "^2.2.5",
     "hls.js": "^1.1.5",
     "intersection-observer": "^0.7.0",
     "resolve-pathname": "^3.0.0",
     "swiper": "6.8.0",
-    "weui": "^1.1.2"
+    "weui": "^1.1.2",
+    "@tarojs/components-advanced": "3.6.0-canary.10",
+    "@tarojs/router": "3.6.0-canary.10",
+    "@tarojs/taro": "3.6.0-canary.10"
   },
   "devDependencies": {
+    "@babel/generator": "^7.14.5",
+    "@babel/parser": "^7.14.5",
+    "@babel/traverse": "^7.14.5",
+    "@babel/types": "^7.14.5",
     "@stencil/core": "^2.18.1",
     "@stencil/react-output-target": "0.3.1",
     "@stencil/sass": "^2.0.0",
     "@stencil/vue-output-target": "0.6.2",
     "@types/jest": "^27.4.1",
     "@types/node": "^14.14.31",
-    "humps": "^2.0.1",
+    "change-case": "^4.1.2",
+    "csstype": "^3.1.1",
     "jquery": "^3.4.1",
     "lodash": "^4.17.21",
-    "miniapp-types": "latest",
+    "miniapp-types": "1.1.21",
     "puppeteer": "^19.2.0",
     "stencil-vue2-output-target": "0.0.4",
     "ts-node": "^10.9.1",

package/types/Ad.d.ts

@@ -199,7 +199,7 @@ declare namespace AdProps {
 
 /** Banner 广告
  * @classification open
- * @supported weapp, tt
+ * @supported weapp, swan, tt, qq
  * @example_react
  * ```tsx
  * class App extends Component {

package/types/AnimationVideo.d.ts

@@ -0,0 +1,62 @@
+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/types/AnimationView.d.ts

@@ -0,0 +1,45 @@
+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/types/ArCamera.d.ts

@@ -0,0 +1,50 @@
+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/types/Audio.d.ts

@@ -107,7 +107,7 @@ declare namespace AudioProps {
 /** 音频。1.6.0版本开始，该组件不再维护。建议使用能力更强的 Taro.createInnerAudioContext 接口
  * @classification media
  * @deprecated
- * @supported weapp, h5, swan
+ * @supported weapp, swan, qq, h5
  * @example_react
  * ```tsx
  * export default class PageView extends Component {

package/types/AwemeData.d.ts

@@ -0,0 +1,43 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface AwemeDataProps extends StandardProps {
+  /** 用户的抖音号，可以进入抖音 App 用户个人主页查看
+   * @supported tt
+   */
+  awemeId?: string
+
+  /** 类型，可以选择头像或昵称
+   * @supported tt
+   * @default "avatar"
+   */
+  type?: string
+
+  /** 禁用默认行为。点击头像时，如果用户处于直播状态下默认会跳转到直播间，非直播状态下跳转到个人主页。如果为 true，点击头像时不会有默认行为。
+   * @supported tt
+   * @default false
+   */
+  disableDefault?: boolean
+
+  /** 获取信息失败时显示的默认头像 url
+   * @supported tt
+   */
+  defaultAvatar?: string
+
+  /** 获取信息失败时显示的默认昵称文本
+   * @supported tt
+   */
+  defaultText?: string
+
+  /** 当错误发生时触发
+   * @supported tt
+   */
+  onError?: CommonEventFunction
+}
+
+/** 直播间状态组件
+ * @classification open
+ * @supported tt
+ * @see https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/component/open-capacity/aweme-data/
+ */
+declare const AwemeData: ComponentType<AwemeDataProps>
+export { AwemeData, AwemeDataProps }

package/types/Button.d.ts

@@ -526,7 +526,7 @@ declare namespace ButtonProps {
 
 /** 按钮
  * @classification forms
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
  * @example_react
  * ```tsx
  * export default class PageButton extends Component {

package/types/Camera.d.ts

@@ -149,7 +149,7 @@ declare namespace CameraProps {
 
 /** 系统相机
  * @classification media
- * @supported weapp, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/camera.html
  */
 declare const Camera: ComponentType<CameraProps>

package/types/Canvas.d.ts

@@ -88,7 +88,7 @@ declare namespace CanvasProps {
  *
  * `<Canvas />` 组件的 RN 版本尚未实现。
  * @classification canvas
- * @supported weapp, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5
  * @example_react
  * ```tsx
  * class App extends Components {

package/types/Checkbox.d.ts

@@ -43,7 +43,7 @@ interface CheckboxProps extends StandardProps {
 
 /** 多选项目
  * @classification forms
- * @supported weapp, h5, rn
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
  * @example_react
  * ```tsx
  * export default class PageCheckbox extends Component {

package/types/CheckboxGroup.d.ts

@@ -16,7 +16,7 @@ interface CheckboxGroupProps extends StandardProps, FormItemProps {
 
 /** 多项选择器，内部由多个checkbox组成
  * @classification forms
- * @supported weapp, h5, rn, tt
+ * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony
  * @example
  * ```tsx
  * export default class PageCheckbox extends Component {

package/types/CommentDetail.d.ts

@@ -0,0 +1,72 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface CommentDetailProps extends StandardProps {
+  /** 评论核心参数
+   * @supported swan
+   */
+  commentParam: CommentDetailProps.ICommentParam
+
+  /** 评论 ID
+   * @supported swan
+   */
+  srid: string
+
+  /** 滚动方式为页面滚动，若组件作为浮层使用，该参数需设为 false
+   * @supported swan
+   * @default true
+   */
+  isPageScroll?: boolean
+
+  /** 是否需要底部 toolbar，若使用开发者自定义的底部 toolbar，该参数需设为 false
+   * @supported swan
+   * @default true
+   */
+  needToolbar?: boolean
+
+  /** 是否需要详情顶部父级评论的点赞按钮，默认显示
+   * @supported swan
+   * @default true
+   */
+  needLikeBtn?: boolean
+
+  /** 删除详情后是否返回列表项，默认一站式逻辑。若使用浮层，请设置改属性为 false
+   * @supported swan
+   * @default true
+   */
+  backListAfterDelete?: boolean
+
+  /** 用于调起评论发布器发布评论
+   * @supported swan
+   * @default false
+   */
+  addComment?: boolean
+
+  /** 删除整体详情内容时触发，返回数据为{status, data:{srid}}
+   * @supported swan
+   */
+  onDelete?: CommonEventFunction
+}
+namespace CommentDetailProps {
+  interface ICommentParam {
+    /** 被点赞的文章的 id，与 path 参数一一对应
+     * @example "20200101"
+     */
+    snid: string
+
+    /** 文章标题 */
+    title: string
+
+    /** 智能小程序内页链接，最长不能超过 194 字符
+     * @example "/pages/index/index"
+     */
+    path: string
+  }
+}
+
+/** 评论详情
+ * @classification open
+ * @supported swan
+ * @see https://smartprogram.baidu.com/docs/develop/extended/component-content/comment-detail/
+ */
+declare const CommentDetail: ComponentType<CommentDetailProps>
+export { CommentDetail, CommentDetailProps }