@tarojs/components 3.6.1 → 3.6.2-canary.0

package/lib/vue3/index.d.ts

@@ -1,3 +1 @@
-declare function initVue3Components(app: any): void;
-export { initVue3Components };
 export * from "./components";

package/lib/vue3/index.js

@@ -1,15 +1,2 @@
-import * as components from './components.js';
-export { Ad, AdCustom, AnimationVideo, AnimationView, ArCamera, Audio, AwemeData, Block, Button, Camera, Canvas, Checkbox, CheckboxGroup, CommentDetail, CommentList, ContactButton, CoverImage, CoverView, CustomWrapper, Editor, FollowSwan, Form, FunctionalPageNavigator, Icon, Image, InlinePaymentPanel, Input, KeyboardAccessory, Label, Lifestyle, Like, LivePlayer, LivePusher, Login, Lottie, Map, MatchMedia, MovableArea, MovableView, NativeSlot, NavigationBar, Navigator, OfficialAccount, OpenData, PageContainer, PageMeta, Picker, PickerGroup, PickerView, PickerViewColumn, Progress, PullToRefresh, Radio, RadioGroup, RichText, RootPortal, RtcRoom, RtcRoomItem, ScrollView, ShareElement, Slider, Slot, Swiper, SwiperItem, Switch, TabItem, Tabbar, Tabs, Text, Textarea, Video, VideoControl, VideoDanmu, View, VoipRoom, WebView } from './components.js';
-
-function initVue3Components(app) {
-    app.config.isCustomElement = tag => /^taro-/.test(tag) || tag === 'root' || tag === 'block';
-    Object.entries(components).forEach(([name, component]) => {
-        if (component) {
-            const tagName = 'taro' + name.replace(new RegExp('([A-Z])', 'g'), '-$1').toLowerCase();
-            app.component(tagName, component);
-        }
-    });
-}
-
-export { initVue3Components };
+export { Ad, AdCustom, AnimationVideo, AnimationView, ArCamera, Audio, AwemeData, Block, Button, Camera, Canvas, ChannelLive, ChannelVideo, Checkbox, CheckboxGroup, CommentDetail, CommentList, ContactButton, CoverImage, CoverView, CustomWrapper, Editor, FollowSwan, Form, FunctionalPageNavigator, GridView, Icon, Image, InlinePaymentPanel, Input, KeyboardAccessory, Label, Lifestyle, Like, ListView, LivePlayer, LivePusher, Login, Lottie, Map, MatchMedia, MovableArea, MovableView, NativeSlot, NavigationBar, Navigator, OfficialAccount, OpenData, PageContainer, PageMeta, Picker, PickerGroup, PickerView, PickerViewColumn, Progress, PullToRefresh, Radio, RadioGroup, RichText, RootPortal, RtcRoom, RtcRoomItem, ScrollView, ShareElement, Slider, Slot, StickyHeader, StickySection, Swiper, SwiperItem, Switch, TabItem, Tabbar, Tabs, Text, Textarea, Video, VideoControl, VideoDanmu, View, VoipRoom, WebView } from './components.js';
 //# sourceMappingURL=index.js.map

package/lib/vue3/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../taro-components-library-vue3/src/index.ts"],"sourcesContent":["import * as components from './components'\n\nexport function initVue3Components (app) {\n  app.config.isCustomElement = tag => /^taro-/.test(tag) || tag === 'root' || tag === 'block'\n\n  Object.entries(components).forEach(([name, component]) => {\n    if (component) {\n      const tagName = 'taro' + name.replace(new RegExp('([A-Z])', 'g'), '-$1').toLowerCase()\n      app.component(tagName, component)\n    }\n  })\n}\n\nexport * from './components'\n"],"names":[],"mappings":";;;AAEM,SAAU,kBAAkB,CAAE,GAAG,EAAA;IACrC,GAAG,CAAC,MAAM,CAAC,eAAe,GAAG,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,OAAO,CAAA;AAE3F,IAAA,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAAI;AACvD,QAAA,IAAI,SAAS,EAAE;YACb,MAAM,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAA;AACtF,YAAA,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,CAAA;AAClC,SAAA;AACH,KAAC,CAAC,CAAA;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/vue3/vue-component-lib/utils.d.ts

@@ -2,19 +2,19 @@ interface InputProps<T> {
     modelValue?: T;
 }
 /**
-* Create a callback to define a Vue component wrapper around a Web Component.
-*
-* @prop name - The component tag name (i.e. `ion-button`)
-* @prop componentProps - An array of properties on the
-* component. These usually match up with the @Prop definitions
-* in each component's TSX file.
-* @prop customElement - An option custom element instance to pass
-* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
-* @prop modelProp - The prop that v-model binds to (i.e. value)
-* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
-* @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.
-*/
+ * Create a callback to define a Vue component wrapper around a Web Component.
+ *
+ * @prop name - The component tag name (i.e. `ion-button`)
+ * @prop componentProps - An array of properties on the
+ * component. These usually match up with the @Prop definitions
+ * in each component's TSX file.
+ * @prop customElement - An option custom element instance to pass
+ * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
+ * @prop modelProp - The prop that v-model binds to (i.e. value)
+ * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
+ * @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.
+ */
 declare const defineContainer: <Props, VModelType = string | number | boolean>(name: string, defineCustomElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string, externalModelUpdateEvent?: string) => import("vue").DefineComponent<Props & InputProps<VModelType>, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Props & InputProps<VModelType> extends infer T ? T extends Props & InputProps<VModelType> ? T extends import("vue").ComponentPropsOptions<{
     [x: string]: unknown;
 }> ? import("vue").ExtractPropTypes<T> : T : never : never>, import("vue").ExtractDefaultPropTypes<Props & InputProps<VModelType>>>;

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

@@ -1,10 +1,15 @@
 import { defineComponent, ref, getCurrentInstance, inject, h } from 'vue';
 
+/**
+ * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/vue-output-target/vue-component-lib/utils.ts
+ * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
+ */
 const UPDATE_VALUE_EVENT = 'update:modelValue';
 const MODEL_VALUE = 'modelValue';
 const ROUTER_LINK_VALUE = 'routerLink';
 const NAV_MANAGER = 'navManager';
 const ROUTER_PROP_PREFIX = 'router';
+const ARIA_PROP_PREFIX = 'aria';
 /**
  * Starting in Vue 3.1.0, all properties are
  * added as keys to the props object, even if
@@ -14,37 +19,36 @@ const 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
  */
-const EMPTY_PROP = Symbol();
+const EMPTY_PROP = Symbol('EMPTY_PROP');
 const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
 const getComponentClasses = (classes) => {
     return (classes === null || classes === void 0 ? void 0 : classes.split(' ')) || [];
 };
 const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
     var _a;
-    return [...Array.from(((_a = ref.value) === null || _a === void 0 ? void 0 : _a.classList) || []), ...defaultClasses]
-        .filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
+    return [...Array.from(((_a = ref.value) === null || _a === void 0 ? void 0 : _a.classList) || []), ...defaultClasses].filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
 };
 /**
-* Create a callback to define a Vue component wrapper around a Web Component.
-*
-* @prop name - The component tag name (i.e. `ion-button`)
-* @prop componentProps - An array of properties on the
-* component. These usually match up with the @Prop definitions
-* in each component's TSX file.
-* @prop customElement - An option custom element instance to pass
-* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
-* @prop modelProp - The prop that v-model binds to (i.e. value)
-* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
-* @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.
-*/
+ * Create a callback to define a Vue component wrapper around a Web Component.
+ *
+ * @prop name - The component tag name (i.e. `ion-button`)
+ * @prop componentProps - An array of properties on the
+ * component. These usually match up with the @Prop definitions
+ * in each component's TSX file.
+ * @prop customElement - An option custom element instance to pass
+ * to customElements.define. Only set if `includeImportCustomElements: true` in your config.
+ * @prop modelProp - The prop that v-model binds to (i.e. value)
+ * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
+ * @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.
+ */
 const defineContainer = (name, defineCustomElement, componentProps = [], modelProp, modelUpdateEvent, externalModelUpdateEvent) => {
     /**
-    * 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) {
+     * 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 (!DEPRECATED_ADAPTER_COMPONENT && defineCustomElement !== undefined) {
         defineCustomElement();
     }
     const Container = defineComponent((props, { attrs, slots, emit }) => {
@@ -83,7 +87,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
             if (routerLink === EMPTY_PROP)
                 return;
             if (navManager !== undefined) {
-                let navigationPayload = { event: ev };
+                const navigationPayload = { event: ev };
                 for (const key in props) {
                     const value = props[key];
                     if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
@@ -98,7 +102,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
         };
         return () => {
             modelPropValue = props[modelProp];
-            getComponentClasses(attrs.class).forEach(value => {
+            getComponentClasses(attrs.class).forEach((value) => {
                 classes.add(value);
             });
             const oldClick = props.onClick;
@@ -113,8 +117,11 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
             let propsToAdd = {
                 ref: containerRef,
                 class: getElementClasses(containerRef, classes),
-                onClick: (ev) => { handleClick(ev), emit('tap', ev); },
-                onVnodeBeforeMount: (modelUpdateEvent) ? onVnodeBeforeMount : undefined
+                onClick: (ev) => {
+                    handleClick(ev);
+                    emit('tap', ev); // Note(taro): 为 click 事件绑定 tap 事件
+                },
+                onVnodeBeforeMount: modelUpdateEvent ? onVnodeBeforeMount : undefined,
             };
             /**
              * We can use Object.entries here
@@ -124,7 +131,7 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
              */
             for (const key in props) {
                 const value = props[key];
-                if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {
+                if ((props.hasOwnProperty(key) && value !== EMPTY_PROP) || key.startsWith(ARIA_PROP_PREFIX)) {
                     propsToAdd[key] = value;
                 }
             }
@@ -147,9 +154,9 @@ const defineContainer = (name, defineCustomElement, componentProps = [], modelPr
     });
     Container.displayName = name;
     Container.props = {
-        [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP
+        [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP,
     };
-    componentProps.forEach(componentProp => {
+    componentProps.forEach((componentProp) => {
         Container.props[componentProp] = DEFAULT_EMPTY_PROP;
     });
     if (modelProp) {

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../taro-components-library-vue3/src/vue-component-lib/utils.ts"],"sourcesContent":["import { VNode, defineComponent, getCurrentInstance, h, inject, ref, Ref } from 'vue';\n\nexport interface InputProps<T> {\n  modelValue?: T;\n}\n\nconst UPDATE_VALUE_EVENT = 'update:modelValue';\nconst MODEL_VALUE = 'modelValue';\nconst ROUTER_LINK_VALUE = 'routerLink';\nconst NAV_MANAGER = 'navManager';\nconst ROUTER_PROP_PREFIX = 'router';\n\n/**\n * Starting in Vue 3.1.0, all properties are\n * added as keys to the props object, even if\n * they are not being used. In order to correctly\n * account for both value props and v-model props,\n * we need to check if the key exists for Vue <3.1.0\n * and then check if it is not undefined for Vue >= 3.1.0.\n * See https://github.com/vuejs/vue-next/issues/3889\n */\nconst EMPTY_PROP = Symbol();\nconst DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };\n\ninterface NavManager<T = any> {\n  navigate: (options: T) => void;\n}\n\nconst getComponentClasses = (classes: unknown) => {\n  return (classes as string)?.split(' ') || [];\n};\n\nconst getElementClasses = (ref: Ref<HTMLElement | undefined>, componentClasses: Set<string>, defaultClasses: string[] = []) => {\n  return [ ...Array.from(ref.value?.classList || []), ...defaultClasses ]\n    .filter((c: string, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);\n};\n\n/**\n* Create a callback to define a Vue component wrapper around a Web Component.\n*\n* @prop name - The component tag name (i.e. `ion-button`)\n* @prop componentProps - An array of properties on the\n* component. These usually match up with the @Prop definitions\n* in each component's TSX file.\n* @prop customElement - An option custom element instance to pass\n* to customElements.define. Only set if `includeImportCustomElements: true` in your config.\n* @prop modelProp - The prop that v-model binds to (i.e. value)\n* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)\n* @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\n* correctly updated when a user's event callback fires.\n*/\nexport const defineContainer = <Props, VModelType=string|number|boolean>(\n  name: string,\n  defineCustomElement: any,\n  componentProps: string[] = [],\n  modelProp?: string,\n  modelUpdateEvent?: string,\n  externalModelUpdateEvent?: string\n) => {\n  /**\n  * Create a Vue component wrapper around a Web Component.\n  * Note: The `props` here are not all properties on a component.\n  * They refer to whatever properties are set on an instance of a component.\n  */\n\n  if (defineCustomElement !== undefined) {\n    defineCustomElement();\n  }\n\n  const Container = defineComponent<Props & InputProps<VModelType>>((props: any, { attrs, slots, emit }) => {\n    let modelPropValue = props[modelProp];\n    const containerRef = ref<HTMLElement>();\n    const classes = new Set(getComponentClasses(attrs.class));\n    const onVnodeBeforeMount = (vnode: VNode) => {\n      // Add a listener to tell Vue to update the v-model\n      if (vnode.el) {\n        const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];\n        eventsNames.forEach((eventName: string) => {\n          vnode.el!.addEventListener(eventName.toLowerCase(), (e: Event) => {\n            modelPropValue = (e?.target as any)[modelProp];\n            emit(UPDATE_VALUE_EVENT, modelPropValue);\n\n            /**\n             * We need to emit the change event here\n             * rather than on the web component to ensure\n             * that any v-model bindings have been updated.\n             * Otherwise, the developer will listen on the\n             * native web component, but the v-model will\n             * not have been updated yet.\n             */\n            if (externalModelUpdateEvent) {\n              emit(externalModelUpdateEvent, e);\n            }\n          });\n        });\n      }\n    };\n\n    const currentInstance = getCurrentInstance();\n    const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];\n    const navManager: NavManager | undefined = hasRouter ? inject(NAV_MANAGER) : undefined;\n    const handleRouterLink = (ev: Event) => {\n      const { routerLink } = props;\n      if (routerLink === EMPTY_PROP) return;\n\n      if (navManager !== undefined) {\n        let navigationPayload: any = { event: ev };\n        for (const key in props) {\n          const value = props[key];\n          if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {\n            navigationPayload[key] = value;\n          }\n        }\n\n        navManager.navigate(navigationPayload);\n      } else {\n        console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');\n      }\n    }\n\n    return () => {\n      modelPropValue = props[modelProp];\n\n      getComponentClasses(attrs.class).forEach(value => {\n        classes.add(value);\n      });\n\n      const oldClick = props.onClick;\n      const handleClick = (ev: Event) => {\n        if (oldClick !== undefined) {\n          oldClick(ev);\n        }\n        if (!ev.defaultPrevented) {\n          handleRouterLink(ev);\n        }\n      }\n\n      let propsToAdd: any = {\n        ref: containerRef,\n        class: getElementClasses(containerRef, classes),\n        onClick: (ev: Event) => { handleClick(ev), emit('tap', ev) },\n        onVnodeBeforeMount: (modelUpdateEvent) ? onVnodeBeforeMount : undefined\n      };\n\n      /**\n       * We can use Object.entries here\n       * to avoid the hasOwnProperty check,\n       * but that would require 2 iterations\n       * where as this only requires 1.\n       */\n      for (const key in props) {\n        const value = props[key];\n        if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {\n          propsToAdd[key] = value;\n        }\n      }\n\n      if (modelProp) {\n        /**\n         * If form value property was set using v-model\n         * then we should use that value.\n         * Otherwise, check to see if form value property\n         * was set as a static value (i.e. no v-model).\n         */\n        if (props[MODEL_VALUE] !== EMPTY_PROP) {\n          propsToAdd = {\n            ...propsToAdd,\n            [modelProp]: props[MODEL_VALUE]\n          }\n        } else if (modelPropValue !== EMPTY_PROP) {\n          propsToAdd = {\n            ...propsToAdd,\n            [modelProp]: modelPropValue\n          }\n        }\n      }\n\n      return h(name, propsToAdd, slots.default && slots.default());\n    }\n  });\n\n  Container.displayName = name;\n\n  Container.props = {\n    [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP\n  };\n\n  componentProps.forEach(componentProp => {\n    Container.props[componentProp] = DEFAULT_EMPTY_PROP;\n  });\n\n  if (modelProp) {\n    Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;\n    Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent];\n  }\n\n  return Container;\n};\n"],"names":[],"mappings":";;AAMA,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAC/C,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,iBAAiB,GAAG,YAAY,CAAC;AACvC,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,kBAAkB,GAAG,QAAQ,CAAC;AAEpC;;;;;;;;AAQG;AACH,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAC5B,MAAM,kBAAkB,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AAMnD,MAAM,mBAAmB,GAAG,CAAC,OAAgB,KAAI;AAC/C,IAAA,OAAO,CAAC,OAAkB,KAAlB,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAa,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,GAAiC,EAAE,gBAA6B,EAAE,cAAA,GAA2B,EAAE,KAAI;;AAC5H,IAAA,OAAO,CAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,CAAA,EAAA,GAAA,GAAG,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,SAAS,KAAI,EAAE,CAAC,EAAE,GAAG,cAAc,CAAE;SACpE,MAAM,CAAC,CAAC,CAAS,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACvF,CAAC,CAAC;AAEF;;;;;;;;;;;;;AAaE;AACW,MAAA,eAAe,GAAG,CAC7B,IAAY,EACZ,mBAAwB,EACxB,cAA2B,GAAA,EAAE,EAC7B,SAAkB,EAClB,gBAAyB,EACzB,wBAAiC,KAC/B;AACF;;;;AAIE;IAEF,IAAI,mBAAmB,KAAK,SAAS,EAAE;AACrC,QAAA,mBAAmB,EAAE,CAAC;AACvB,KAAA;AAED,IAAA,MAAM,SAAS,GAAG,eAAe,CAAiC,CAAC,KAAU,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAI;;AACvG,QAAA,IAAI,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AACtC,QAAA,MAAM,YAAY,GAAG,GAAG,EAAe,CAAC;AACxC,QAAA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1D,QAAA,MAAM,kBAAkB,GAAG,CAAC,KAAY,KAAI;;YAE1C,IAAI,KAAK,CAAC,EAAE,EAAE;AACZ,gBAAA,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,GAAG,CAAC,gBAAgB,CAAC,CAAC;AAC5F,gBAAA,WAAW,CAAC,OAAO,CAAC,CAAC,SAAiB,KAAI;AACxC,oBAAA,KAAK,CAAC,EAAG,CAAC,gBAAgB,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC,CAAQ,KAAI;AAC/D,wBAAA,cAAc,GAAG,CAAC,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAD,CAAC,CAAE,MAAc,EAAC,SAAS,CAAC,CAAC;AAC/C,wBAAA,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AAEzC;;;;;;;AAOG;AACH,wBAAA,IAAI,wBAAwB,EAAE;AAC5B,4BAAA,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACnC,yBAAA;AACH,qBAAC,CAAC,CAAC;AACL,iBAAC,CAAC,CAAC;AACJ,aAAA;AACH,SAAC,CAAC;AAEF,QAAA,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;AAC7C,QAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,eAAe,aAAf,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAf,eAAe,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,WAAW,CAAC,CAAC;AACrE,QAAA,MAAM,UAAU,GAA2B,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;AACvF,QAAA,MAAM,gBAAgB,GAAG,CAAC,EAAS,KAAI;AACrC,YAAA,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;YAC7B,IAAI,UAAU,KAAK,UAAU;gBAAE,OAAO;YAEtC,IAAI,UAAU,KAAK,SAAS,EAAE;AAC5B,gBAAA,IAAI,iBAAiB,GAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AAC3C,gBAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,oBAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;AACzB,oBAAA,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,IAAI,KAAK,KAAK,UAAU,EAAE;AAC3F,wBAAA,iBAAiB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChC,qBAAA;AACF,iBAAA;AAED,gBAAA,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AACxC,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,CAAC,IAAI,CAAC,oFAAoF,CAAC,CAAC;AACpG,aAAA;AACH,SAAC,CAAA;AAED,QAAA,OAAO,MAAK;AACV,YAAA,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;YAElC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,IAAG;AAC/C,gBAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AACrB,aAAC,CAAC,CAAC;AAEH,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;AAC/B,YAAA,MAAM,WAAW,GAAG,CAAC,EAAS,KAAI;gBAChC,IAAI,QAAQ,KAAK,SAAS,EAAE;oBAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;AACd,iBAAA;AACD,gBAAA,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE;oBACxB,gBAAgB,CAAC,EAAE,CAAC,CAAC;AACtB,iBAAA;AACH,aAAC,CAAA;AAED,YAAA,IAAI,UAAU,GAAQ;AACpB,gBAAA,GAAG,EAAE,YAAY;AACjB,gBAAA,KAAK,EAAE,iBAAiB,CAAC,YAAY,EAAE,OAAO,CAAC;AAC/C,gBAAA,OAAO,EAAE,CAAC,EAAS,KAAI,EAAG,WAAW,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA,EAAE;gBAC5D,kBAAkB,EAAE,CAAC,gBAAgB,IAAI,kBAAkB,GAAG,SAAS;aACxE,CAAC;AAEF;;;;;AAKG;AACH,YAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,gBAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;gBACzB,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,UAAU,EAAE;AACrD,oBAAA,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACzB,iBAAA;AACF,aAAA;AAED,YAAA,IAAI,SAAS,EAAE;AACb;;;;;AAKG;AACH,gBAAA,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,UAAU,EAAE;AACrC,oBAAA,UAAU,GACL,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,UAAU,CACb,EAAA,EAAA,CAAC,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,EAAA,CAChC,CAAA;AACF,iBAAA;qBAAM,IAAI,cAAc,KAAK,UAAU,EAAE;oBACxC,UAAU,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACL,UAAU,CACb,EAAA,EAAA,CAAC,SAAS,GAAG,cAAc,EAAA,CAC5B,CAAA;AACF,iBAAA;AACF,aAAA;AAED,YAAA,OAAO,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/D,SAAC,CAAA;AACH,KAAC,CAAC,CAAC;AAEH,IAAA,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;IAE7B,SAAS,CAAC,KAAK,GAAG;QAChB,CAAC,iBAAiB,GAAG,kBAAkB;KACxC,CAAC;AAEF,IAAA,cAAc,CAAC,OAAO,CAAC,aAAa,IAAG;AACrC,QAAA,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,kBAAkB,CAAC;AACtD,KAAC,CAAC,CAAC;AAEH,IAAA,IAAI,SAAS,EAAE;AACb,QAAA,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,kBAAkB,CAAC;QAClD,SAAS,CAAC,KAAK,GAAG,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,CAAC;AAClE,KAAA;AAED,IAAA,OAAO,SAAS,CAAC;AACnB;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../taro-components-library-vue3/src/vue-component-lib/utils.ts"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/vue-output-target/vue-component-lib/utils.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport { defineComponent, getCurrentInstance, h, inject, Ref,ref, VNode } from 'vue'\n\nexport interface InputProps<T> {\n  modelValue?: T\n}\n\nconst UPDATE_VALUE_EVENT = 'update:modelValue'\nconst MODEL_VALUE = 'modelValue'\nconst ROUTER_LINK_VALUE = 'routerLink'\nconst NAV_MANAGER = 'navManager'\nconst ROUTER_PROP_PREFIX = 'router'\nconst ARIA_PROP_PREFIX = 'aria'\n/**\n * Starting in Vue 3.1.0, all properties are\n * added as keys to the props object, even if\n * they are not being used. In order to correctly\n * account for both value props and v-model props,\n * we need to check if the key exists for Vue <3.1.0\n * and then check if it is not undefined for Vue >= 3.1.0.\n * See https://github.com/vuejs/vue-next/issues/3889\n */\nconst EMPTY_PROP = Symbol('EMPTY_PROP')\nconst DEFAULT_EMPTY_PROP = { default: EMPTY_PROP }\n\ninterface NavManager<T = any> {\n  navigate: (options: T) => void\n}\n\nconst getComponentClasses = (classes: unknown) => {\n  return (classes as string)?.split(' ') || []\n}\n\nconst getElementClasses = (\n  ref: Ref<HTMLElement | undefined>,\n  componentClasses: Set<string>,\n  defaultClasses: string[] = []\n) => {\n  return [...Array.from(ref.value?.classList || []), ...defaultClasses].filter(\n    (c: string, i, self) => !componentClasses.has(c) && self.indexOf(c) === i\n  )\n}\n\n/**\n * Create a callback to define a Vue component wrapper around a Web Component.\n *\n * @prop name - The component tag name (i.e. `ion-button`)\n * @prop componentProps - An array of properties on the\n * component. These usually match up with the @Prop definitions\n * in each component's TSX file.\n * @prop customElement - An option custom element instance to pass\n * to customElements.define. Only set if `includeImportCustomElements: true` in your config.\n * @prop modelProp - The prop that v-model binds to (i.e. value)\n * @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)\n * @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\n * correctly updated when a user's event callback fires.\n */\nexport const defineContainer = <Props, VModelType = string | number | boolean>(\n  name: string,\n  defineCustomElement: any,\n  componentProps: string[] = [],\n  modelProp?: string,\n  modelUpdateEvent?: string,\n  externalModelUpdateEvent?: string\n) => {\n  /**\n   * Create a Vue component wrapper around a Web Component.\n   * Note: The `props` here are not all properties on a component.\n   * They refer to whatever properties are set on an instance of a component.\n   */\n\n  if (!DEPRECATED_ADAPTER_COMPONENT && defineCustomElement !== undefined) {\n    defineCustomElement()\n  }\n\n  const Container = defineComponent<Props & InputProps<VModelType>>((props: any, { attrs, slots, emit }) => {\n    let modelPropValue = props[modelProp]\n    const containerRef = ref<HTMLElement>()\n    const classes = new Set(getComponentClasses(attrs.class))\n    const onVnodeBeforeMount = (vnode: VNode) => {\n      // Add a listener to tell Vue to update the v-model\n      if (vnode.el) {\n        const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent]\n        eventsNames.forEach((eventName: string) => {\n          vnode.el!.addEventListener(eventName.toLowerCase(), (e: Event) => {\n            modelPropValue = (e?.target as any)[modelProp]\n            emit(UPDATE_VALUE_EVENT, modelPropValue)\n\n            /**\n             * We need to emit the change event here\n             * rather than on the web component to ensure\n             * that any v-model bindings have been updated.\n             * Otherwise, the developer will listen on the\n             * native web component, but the v-model will\n             * not have been updated yet.\n             */\n            if (externalModelUpdateEvent) {\n              emit(externalModelUpdateEvent, e)\n            }\n          })\n        })\n      }\n    }\n\n    const currentInstance = getCurrentInstance()\n    const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER]\n    const navManager: NavManager | undefined = hasRouter ? inject(NAV_MANAGER) : undefined\n    const handleRouterLink = (ev: Event) => {\n      const { routerLink } = props\n      if (routerLink === EMPTY_PROP) return\n\n      if (navManager !== undefined) {\n        const navigationPayload: any = { event: ev }\n        for (const key in props) {\n          const value = props[key]\n          if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {\n            navigationPayload[key] = value\n          }\n        }\n\n        navManager.navigate(navigationPayload)\n      } else {\n        console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.')\n      }\n    }\n\n    return () => {\n      modelPropValue = props[modelProp]\n\n      getComponentClasses(attrs.class).forEach((value) => {\n        classes.add(value)\n      })\n\n      const oldClick = props.onClick\n      const handleClick = (ev: Event) => {\n        if (oldClick !== undefined) {\n          oldClick(ev)\n        }\n        if (!ev.defaultPrevented) {\n          handleRouterLink(ev)\n        }\n      }\n\n      let propsToAdd: any = {\n        ref: containerRef,\n        class: getElementClasses(containerRef, classes),\n        onClick: (ev: Event) => {\n          handleClick(ev)\n          emit('tap', ev) // Note(taro): 为 click 事件绑定 tap 事件\n        },\n        onVnodeBeforeMount: modelUpdateEvent ? onVnodeBeforeMount : undefined,\n      }\n\n      /**\n       * We can use Object.entries here\n       * to avoid the hasOwnProperty check,\n       * but that would require 2 iterations\n       * where as this only requires 1.\n       */\n      for (const key in props) {\n        const value = props[key]\n        if ((props.hasOwnProperty(key) && value !== EMPTY_PROP) || key.startsWith(ARIA_PROP_PREFIX)) {\n          propsToAdd[key] = value\n        }\n      }\n\n      if (modelProp) {\n        /**\n         * If form value property was set using v-model\n         * then we should use that value.\n         * Otherwise, check to see if form value property\n         * was set as a static value (i.e. no v-model).\n         */\n        if (props[MODEL_VALUE] !== EMPTY_PROP) {\n          propsToAdd = {\n            ...propsToAdd,\n            [modelProp]: props[MODEL_VALUE],\n          }\n        } else if (modelPropValue !== EMPTY_PROP) {\n          propsToAdd = {\n            ...propsToAdd,\n            [modelProp]: modelPropValue,\n          }\n        }\n      }\n\n      return h(name, propsToAdd, slots.default && slots.default())\n    }\n  })\n\n  Container.displayName = name\n\n  Container.props = {\n    [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP,\n  }\n\n  componentProps.forEach((componentProp) => {\n    Container.props[componentProp] = DEFAULT_EMPTY_PROP\n  })\n\n  if (modelProp) {\n    Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP\n    Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent]\n  }\n\n  return Container\n}\n"],"names":[],"mappings":";;AAAA;;;AAGG;AAOH,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAC9C,MAAM,WAAW,GAAG,YAAY,CAAA;AAChC,MAAM,iBAAiB,GAAG,YAAY,CAAA;AACtC,MAAM,WAAW,GAAG,YAAY,CAAA;AAChC,MAAM,kBAAkB,GAAG,QAAQ,CAAA;AACnC,MAAM,gBAAgB,GAAG,MAAM,CAAA;AAC/B;;;;;;;;AAQG;AACH,MAAM,UAAU,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;AACvC,MAAM,kBAAkB,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAA;AAMlD,MAAM,mBAAmB,GAAG,CAAC,OAAgB,KAAI;AAC/C,IAAA,OAAO,CAAC,OAAkB,KAAlB,IAAA,IAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAa,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE,CAAA;AAC9C,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,GAAiC,EACjC,gBAA6B,EAC7B,cAAA,GAA2B,EAAE,KAC3B;;IACF,OAAO,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA,CAAA,EAAA,GAAA,GAAG,CAAC,KAAK,0CAAE,SAAS,KAAI,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,CAAC,MAAM,CAC1E,CAAC,CAAS,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAC1E,CAAA;AACH,CAAC,CAAA;AAED;;;;;;;;;;;;;AAaG;AACU,MAAA,eAAe,GAAG,CAC7B,IAAY,EACZ,mBAAwB,EACxB,cAA2B,GAAA,EAAE,EAC7B,SAAkB,EAClB,gBAAyB,EACzB,wBAAiC,KAC/B;AACF;;;;AAIG;AAEH,IAAA,IAAI,CAAC,4BAA4B,IAAI,mBAAmB,KAAK,SAAS,EAAE;AACtE,QAAA,mBAAmB,EAAE,CAAA;AACtB,KAAA;AAED,IAAA,MAAM,SAAS,GAAG,eAAe,CAAiC,CAAC,KAAU,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAI;;AACvG,QAAA,IAAI,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;AACrC,QAAA,MAAM,YAAY,GAAG,GAAG,EAAe,CAAA;AACvC,QAAA,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;AACzD,QAAA,MAAM,kBAAkB,GAAG,CAAC,KAAY,KAAI;;YAE1C,IAAI,KAAK,CAAC,EAAE,EAAE;AACZ,gBAAA,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,GAAG,CAAC,gBAAgB,CAAC,CAAA;AAC3F,gBAAA,WAAW,CAAC,OAAO,CAAC,CAAC,SAAiB,KAAI;AACxC,oBAAA,KAAK,CAAC,EAAG,CAAC,gBAAgB,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC,CAAQ,KAAI;AAC/D,wBAAA,cAAc,GAAG,CAAC,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAD,CAAC,CAAE,MAAc,EAAC,SAAS,CAAC,CAAA;AAC9C,wBAAA,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAA;AAExC;;;;;;;AAOG;AACH,wBAAA,IAAI,wBAAwB,EAAE;AAC5B,4BAAA,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAA;AAClC,yBAAA;AACH,qBAAC,CAAC,CAAA;AACJ,iBAAC,CAAC,CAAA;AACH,aAAA;AACH,SAAC,CAAA;AAED,QAAA,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;AAC5C,QAAA,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,eAAe,aAAf,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAf,eAAe,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,CAAC,WAAW,CAAC,CAAA;AACpE,QAAA,MAAM,UAAU,GAA2B,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;AACtF,QAAA,MAAM,gBAAgB,GAAG,CAAC,EAAS,KAAI;AACrC,YAAA,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;YAC5B,IAAI,UAAU,KAAK,UAAU;gBAAE,OAAM;YAErC,IAAI,UAAU,KAAK,SAAS,EAAE;AAC5B,gBAAA,MAAM,iBAAiB,GAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;AAC5C,gBAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,oBAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;AACxB,oBAAA,IAAI,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,IAAI,KAAK,KAAK,UAAU,EAAE;AAC3F,wBAAA,iBAAiB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAC/B,qBAAA;AACF,iBAAA;AAED,gBAAA,UAAU,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAA;AACvC,aAAA;AAAM,iBAAA;AACL,gBAAA,OAAO,CAAC,IAAI,CAAC,oFAAoF,CAAC,CAAA;AACnG,aAAA;AACH,SAAC,CAAA;AAED,QAAA,OAAO,MAAK;AACV,YAAA,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;YAEjC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACjD,gBAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AACpB,aAAC,CAAC,CAAA;AAEF,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAA;AAC9B,YAAA,MAAM,WAAW,GAAG,CAAC,EAAS,KAAI;gBAChC,IAAI,QAAQ,KAAK,SAAS,EAAE;oBAC1B,QAAQ,CAAC,EAAE,CAAC,CAAA;AACb,iBAAA;AACD,gBAAA,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE;oBACxB,gBAAgB,CAAC,EAAE,CAAC,CAAA;AACrB,iBAAA;AACH,aAAC,CAAA;AAED,YAAA,IAAI,UAAU,GAAQ;AACpB,gBAAA,GAAG,EAAE,YAAY;AACjB,gBAAA,KAAK,EAAE,iBAAiB,CAAC,YAAY,EAAE,OAAO,CAAC;AAC/C,gBAAA,OAAO,EAAE,CAAC,EAAS,KAAI;oBACrB,WAAW,CAAC,EAAE,CAAC,CAAA;AACf,oBAAA,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;iBAChB;gBACD,kBAAkB,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,SAAS;aACtE,CAAA;AAED;;;;;AAKG;AACH,YAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,gBAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;AACxB,gBAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,KAAK,KAAK,UAAU,KAAK,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;AAC3F,oBAAA,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AACxB,iBAAA;AACF,aAAA;AAED,YAAA,IAAI,SAAS,EAAE;AACb;;;;;AAKG;AACH,gBAAA,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,UAAU,EAAE;AACrC,oBAAA,UAAU,GACL,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,UAAU,CACb,EAAA,EAAA,CAAC,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,EAAA,CAChC,CAAA;AACF,iBAAA;qBAAM,IAAI,cAAc,KAAK,UAAU,EAAE;oBACxC,UAAU,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACL,UAAU,CACb,EAAA,EAAA,CAAC,SAAS,GAAG,cAAc,EAAA,CAC5B,CAAA;AACF,iBAAA;AACF,aAAA;AAED,YAAA,OAAO,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;AAC9D,SAAC,CAAA;AACH,KAAC,CAAC,CAAA;AAEF,IAAA,SAAS,CAAC,WAAW,GAAG,IAAI,CAAA;IAE5B,SAAS,CAAC,KAAK,GAAG;QAChB,CAAC,iBAAiB,GAAG,kBAAkB;KACxC,CAAA;AAED,IAAA,cAAc,CAAC,OAAO,CAAC,CAAC,aAAa,KAAI;AACvC,QAAA,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,kBAAkB,CAAA;AACrD,KAAC,CAAC,CAAA;AAEF,IAAA,IAAI,SAAS,EAAE;AACb,QAAA,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,kBAAkB,CAAA;QACjD,SAAS,CAAC,KAAK,GAAG,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,CAAA;AACjE,KAAA;AAED,IAAA,OAAO,SAAS,CAAA;AAClB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.6.1",
+  "version": "3.6.2-canary.0",
   "description": "Taro 组件库",
   "browser": "dist/index.js",
   "main:h5": "dist/index.js",
@@ -37,22 +37,23 @@
     "resolve-pathname": "^3.0.0",
     "swiper": "6.8.0",
     "weui": "^1.1.2",
-    "@tarojs/components-advanced": "3.6.1",
-    "@tarojs/router": "3.6.1",
-    "@tarojs/taro": "3.6.1"
+    "@tarojs/components-advanced": "3.6.2-canary.0",
+    "@tarojs/router": "3.6.2-canary.0",
+    "@tarojs/taro": "3.6.2-canary.0"
   },
   "devDependencies": {
     "@babel/generator": "^7.20.0",
     "@babel/parser": "^7.20.0",
     "@babel/traverse": "^7.20.0",
     "@babel/types": "^7.20.0",
-    "@stencil/react-output-target": "0.3.1",
+    "@stencil/react-output-target": "0.4.0",
     "@stencil/sass": "^2.0.0",
-    "@stencil/vue-output-target": "0.6.2",
+    "@stencil/vue-output-target": "0.7.0",
     "@types/jest": "^27.4.1",
     "@types/node": "^14.14.31",
     "change-case": "^4.1.2",
     "csstype": "^3.1.1",
+    "esbuild": "^0.14.27",
     "jquery": "^3.4.1",
     "lodash": "^4.17.21",
     "miniapp-types": "1.4.1",
@@ -73,14 +74,16 @@
     }
   },
   "scripts": {
-    "prebuild": "mkdir -p lib",
+    "prebuild": "run-p generate:*",
     "build": "cross-env NODE_ENV=production run-s build:components build:library",
-    "build:components": "stencil build --config stencil.config.ts",
+    "build:components": "stencil build",
     "build:library": "pnpm --filter @tarojs/components-library-react --filter @tarojs/components-library-vue2 --filter @tarojs/components-library-vue3 run build:ci",
     "dev:components": "cross-env NODE_ENV=development pnpm run build:components --watch",
     "dev:library-react": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-react run dev",
     "dev:library-vue2": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue2 run dev",
     "dev:library-vue3": "cross-env NODE_ENV=development pnpm --filter @tarojs/components-library-vue3 run dev",
+    "generate:lib": "mkdir -p lib",
+    "generate:stencil-config": "esbuild ./scripts/stencil/stencil.config.ts --bundle --platform=node --outfile=stencil.config.js",
     "test": "cross-env NODE_ENV=test stencil test --spec --e2e",
     "test:ci": "pnpm run test --ci --no-build",
     "test:coverage": "pnpm run test --ci --screenshot --coverage",

package/types/Button.d.ts

@@ -447,6 +447,12 @@ declare namespace ButtonProps {
       /** 头像 */
       avatarUrl: string
 
+      /** 
+       * 头像
+       * @supported alipay
+       */
+      avatar: string
+
       /** 性别 */
       gender: keyof Gender
 
@@ -514,6 +520,12 @@ declare namespace ButtonProps {
      * @see https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%95
      */
     code?: string
+
+    /**
+     * 签名信息，如果在开放平台后台配置了加签方式后有此字段
+     * @supported alipay
+     */
+    sign: string
   }
   interface onOpenSettingEventDetail {
     /* 打开授权设置页的调用状态 */

package/types/ChannelVideo.d.ts

@@ -0,0 +1,50 @@
+import { ComponentType } from 'react'
+import { StandardProps, CommonEventFunction } from './common'
+interface ChannelVideoProps extends StandardProps {
+  /** 视频 feedId
+   * @supported weapp
+   */
+  feedId: string
+
+  /** 视频号 id，以“sph”开头的id，可在视频号助手获取。视频号必须与当前小程序相同主体。
+   * @supported weapp
+   */
+  finderUserName: string
+  /** 是否循环播放
+   * @supported weapp
+   * @default false
+   */
+  loop?: boolean
+
+  /** 是否静音播放
+   * @supported weapp
+   * @default false
+   */
+  muted?: boolean
+
+  /** 当视频大小与 video 容器大小不一致时，视频的表现形式
+   * @supported weapp
+   * @default "contain"
+   */
+  objectFit?: 'fill' | 'contain' | 'cover'
+
+  /** 是否自动播放
+   * @supported weapp
+   * @default false
+   */
+  autoplay?: boolean
+
+  /** 视频播放出错时触发
+   * @supported weapp
+   */
+  onError?: CommonEventFunction
+}
+
+/**
+ * 小程序内嵌视频号视频组件，支持在小程序中播放视频号视频，并无弹窗跳转至视频号。注意：使用该组件打开的视频号视频需要与小程序相同主体或关联主体。
+ * @classification media
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/channel-video.html
+ */
+declare const ChannelVideo: ComponentType<ChannelVideoProps>
+export { ChannelVideo, ChannelVideoProps }

package/types/GridView.d.ts

@@ -0,0 +1,42 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface GridViewProps extends StandardProps {
+  /** 布局方式。masonry - 瀑布流，根据子元素高度自动布局。  aligned - 每行高度由同一行中最大高度子节点决定。
+   * @supported weapp
+   * @default "aligned"
+   */
+  type: string
+
+  /** 交叉轴元素数量
+   * @supported weapp
+   * @default 2
+   */
+  crossAxisCount?: number
+
+  /** 交叉轴元素最大范围
+   * @supported weapp
+   * @default 0
+   */
+  maxCrossAxisExtend?: number
+
+  /** 主轴方向间隔
+   * @supported weapp
+   * @default 0
+   */
+  mainAxisGap?: number
+
+  /** 交叉轴方向间隔
+   * @supported weapp
+   * @default 0
+   */
+  crossAxisGap?: number
+}
+
+/**
+ * 网格布局容器，仅支持作为 scroll-view 自定义模式下的直接子节点或 sticky-section 组件直接子节点。仅 Skyline 支持。
+ * @classification viewContainer
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/grid-view.html
+ */
+declare const GridView: ComponentType<GridViewProps>
+export { GridView, GridViewProps }

package/types/ListView.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType } from 'react'
+import { StandardProps } from './common'
+interface ListViewProps extends StandardProps {}
+
+/**
+ * 列表布局容器，仅支持作为 scroll-view 自定义模式下的直接子节点或 sticky-section 组件直接子节点。仅 Skyline 支持。
+ * @classification viewContainer
+ * @supported weapp
+ * @see https://developers.weixin.qq.com/miniprogram/dev/component/list-view.html
+ */
+declare const ListView: ComponentType<ListViewProps>
+export { ListView, ListViewProps }

package/types/Map.d.ts

@@ -163,27 +163,29 @@ interface MapProps extends StandardProps {
   /** 覆盖物，自定义贴图
    * @supported alipay
    */
-  groundOverlays?: any[]
+  groundOverlays?: MapProps.groundOverlays[]
 
   /** 覆盖物，网格贴图
    * @supported alipay
    */
-  tileOverlay?: any[]
+  tileOverlay?: MapProps.tileOverlay
 
   /** 是否展示 POI 点
    * @supported weapp, alipay, tt
+   * @default true
    */
-  enablePoi?: string
+  enablePoi?: boolean
 
   /** 是否展示建筑物
    * @supported weapp, alipay, tt
+   * @default true
    */
-  enableBuilding?: string
+  enableBuilding?: boolean
 
   /** 覆盖物，多边形。
    * @supported alipay
    */
-  polygon?: string
+  polygon?: MapProps.polygon[]
 
   /** 设置地图样式。
    *
@@ -196,17 +198,18 @@ interface MapProps extends StandardProps {
   /** 基于 map 高级定制渲染，设置覆盖在地图上的 view。
    * @supported alipay
    */
-  panels?: string
+  panels?: MapProps.panels[]
 
   /** 否
    * @supported jd
    */
   theme?: string
 
-  /** 内联样式。
+  /** 保持缩放比例不变
    * @supported alipay
+   * @default false
    */
-  optimize?: string
+  optimize?: boolean
 
   /** 开启最大俯视角，俯视角度从 45 度拓展到 75 度
    * @supported weapp
@@ -491,11 +494,26 @@ declare namespace MapProps {
 
   /** 指定一系列坐标点，根据 points 坐标数据生成闭合多边形 */
   interface polygon {
+    /**
+     * 边线虚线
+     * @remarks 默认值 [0, 0] 为实线，[10, 10]表示十个像素的实线和十个像素的空白（如此反复）组成的虚线
+     * @default [0,0]
+     * @supported weapp
+     */
+    dashArray?: number[]
+
     /** 经纬度数组
      * @remarks [{latitude: 0, longitude: 0}]
      */
     points: point[]
 
+    /**
+     * 线的颜色，用 8 位十六进制表示，后两位表示 alpha 值，如：#eeeeeeAA。
+     * @remarks 当前 Android 与 iOS 上此属性默认值存在差异（分别为 transparent 与 #ff0000ff ），建议在代码中统一显式设置。
+     * @supported alipay
+     */
+    color?: string
+
     /** 描边的宽度 */
     strokeWidth?: number
 
@@ -509,8 +527,29 @@ declare namespace MapProps {
      */
     fillColor?: string
 
+    /**
+     * 线的宽度
+     * @remarks 当前 Android 与 iOS 上此属性默认值存在差异（分别为 0 与 5），建议在代码中统一显式设置。
+     * @supported alipay
+     */
+    width?: number
+
     /** 设置多边形Z轴数值 */
     zIndex?: number
+
+    /**
+     * 压盖关系
+     * @supported weapp
+     * @remarks 默认为 abovelabels
+     */
+    level?: string
+
+    /**
+     * 标明在特定地图缩放级别下展示。
+     * @remarks [{ from: 12, to: 17}]
+     * @supported alipay
+     */
+    displayRanges?: [{ from: number; to: number }]
   }
 
   /** 在地图上显示圆 */
@@ -594,6 +633,31 @@ declare namespace MapProps {
      */
     height: number
   }
+
+  interface groundOverlays {
+    /**刷新的时候需要变更id值 */
+    id: string
+    /**右上 左下 */
+    'include-points': [{ latitude: number; longitude: number }, { latitude: number; longitude: number }]
+    image: string
+    alpha: number
+    zIndex: number
+  }
+
+  interface tileOverlay {
+    url: string
+    type: number
+    tileWidth: number
+    tileHeight: number
+    zIndex: number
+  }
+
+  interface panels {
+    id: number
+    layout: { src: string }
+    position: position
+  }
+
   interface onMarkerTapEventDetail {
     markerId: number | string
   }