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

package/lib/react/react-component-lib/utils/attachProps.js

@@ -0,0 +1,101 @@
+import { camelToDashCase } from './case.js';
+
+const attachProps = (node, newProps, oldProps = {}) => {
+    // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
+    if (node instanceof Element) {
+        // add any classes in className to the class list
+        const className = getClassName(node.classList, newProps, oldProps);
+        if (className !== '') {
+            node.className = className;
+        }
+        Object.keys(newProps).forEach((name) => {
+            if (name === 'children' ||
+                name === 'style' ||
+                name === 'ref' ||
+                name === 'class' ||
+                name === 'className' ||
+                name === 'forwardedRef') {
+                return;
+            }
+            if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+                const eventName = name.substring(2);
+                const eventNameLc = eventName.toLowerCase();
+                if (!isCoveredByReact(eventNameLc)) {
+                    syncEvent(node, eventNameLc, newProps[name]);
+                }
+            }
+            else {
+                node[name] = newProps[name];
+                const propType = typeof newProps[name];
+                if (propType === 'string') {
+                    node.setAttribute(camelToDashCase(name), newProps[name]);
+                }
+            }
+        });
+    }
+};
+const getClassName = (classList, newProps, oldProps) => {
+    const newClassProp = newProps.className || newProps.class;
+    const oldClassProp = oldProps.className || oldProps.class;
+    // map the classes to Maps for performance
+    const currentClasses = arrayToMap(classList);
+    const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
+    const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
+    const finalClassNames = [];
+    // loop through each of the current classes on the component
+    // to see if it should be a part of the classNames added
+    currentClasses.forEach((currentClass) => {
+        if (incomingPropClasses.has(currentClass)) {
+            // add it as its already included in classnames coming in from newProps
+            finalClassNames.push(currentClass);
+            incomingPropClasses.delete(currentClass);
+        }
+        else if (!oldPropClasses.has(currentClass)) {
+            // add it as it has NOT been removed by user
+            finalClassNames.push(currentClass);
+        }
+    });
+    incomingPropClasses.forEach((s) => finalClassNames.push(s));
+    return finalClassNames.join(' ');
+};
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+const isCoveredByReact = (eventNameSuffix) => {
+    if (typeof document === 'undefined') {
+        return true;
+    }
+    else {
+        const eventName = 'on' + eventNameSuffix;
+        let isSupported = eventName in document;
+        if (!isSupported) {
+            const element = document.createElement('div');
+            element.setAttribute(eventName, 'return;');
+            isSupported = typeof element[eventName] === 'function';
+        }
+        return isSupported;
+    }
+};
+const syncEvent = (node, eventName, newEventHandler) => {
+    const eventStore = node.__events || (node.__events = {});
+    const oldEventHandler = eventStore[eventName];
+    // Remove old listener so they don't double up.
+    if (oldEventHandler) {
+        node.removeEventListener(eventName, oldEventHandler);
+    }
+    // Bind new listener.
+    node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
+        if (newEventHandler) {
+            newEventHandler.call(this, e);
+        }
+    }));
+};
+const arrayToMap = (arr) => {
+    const map = new Map();
+    arr.forEach((s) => map.set(s, s));
+    return map;
+};
+
+export { attachProps, getClassName, isCoveredByReact, syncEvent };
+//# sourceMappingURL=attachProps.js.map

package/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":["import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, 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    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\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};\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/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + eventNameSuffix;\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\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"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+declare const dashToPascalCase: (str: string) => string;
+declare const camelToDashCase: (str: string) => string;
+export { dashToPascalCase, camelToDashCase };

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

@@ -0,0 +1,9 @@
+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/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":["export 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) =>\n  str.replace(/([A-Z])/g, (m: string) => `-${m[0].toLowerCase()}`);\n"],"names":[],"mappings":"MAAa,gBAAgB,GAAG,CAAC,GAAW,KAC1C,GAAG;AACA,KAAA,WAAW,EAAE;KACb,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACpE,IAAI,CAAC,EAAE,EAAE;AACP,MAAM,eAAe,GAAG,CAAC,GAAW,KACzC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAS,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA,CAAE;;;;"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StyleReactProps } from "../../interfaces-4f837811";
+type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
+declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
+declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export { StencilReactExternalProps, StencilReactForwardedRef, setRef, mergeRefs, createForwardRef, defineCustomElement };
+export * from "./attachProps";
+export * from "./case";

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

@@ -0,0 +1,37 @@
+import React from 'react';
+export { attachProps, getClassName, isCoveredByReact, syncEvent } from './attachProps.js';
+export { camelToDashCase, dashToPascalCase } from './case.js';
+
+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/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":["import React from 'react';\n\nimport type { StyleReactProps } from '../interfaces';\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\n  Omit<React.HTMLAttributes<ElementType>, 'style'> &\n  StyleReactProps;\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>(\n  ReactComponent: any,\n  displayName: string,\n) => {\n  const forwardRef = (\n    props: 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 (\n    customElement !== undefined &&\n    typeof customElements !== 'undefined' &&\n    !customElements.get(tagName)\n  ) {\n    customElements.define(tagName, customElement);\n  }\n}\n\nexport * from './attachProps';\nexport * from './case';\n"],"names":[],"mappings":";;;;MAWa,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,KAAI;AACpG,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;AACX,KAAA;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE;;AAErB,QAAA,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAA;AACrD,KAAA;AACH,EAAE;MAEW,SAAS,GAAG,CACvB,GAAG,IAAoE,KAC7C;IAC1B,OAAO,CAAC,KAAU,KAAI;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,IAAG;AACjB,YAAA,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;AACpB,SAAC,CAAC,CAAA;AACJ,KAAC,CAAA;AACH,EAAE;MAEW,gBAAgB,GAAG,CAC9B,cAAmB,EACnB,WAAmB,KACjB;AACF,IAAA,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,KACxC;QACF,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,IAAE,YAAY,EAAE,GAAG,EAAA,CAAA,CAAI,CAAC;AAC1D,KAAC,CAAC;AACF,IAAA,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;AAErC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,EAAE;MAEW,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,KAAI;IACzE,IACE,aAAa,KAAK,SAAS;QAC3B,OAAO,cAAc,KAAK,WAAW;AACrC,QAAA,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAC5B;AACA,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;AAC/C,KAAA;AACH;;;;"}

package/lib/vue2/components.d.ts

@@ -0,0 +1,352 @@
+import Vue from 'vue';
+declare const Ad: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const AdCustom: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const AnimationVideo: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const AnimationView: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const ArCamera: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Audio: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    src: string;
+    controls: boolean;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    nativeProps: {};
+}>;
+declare const AwemeData: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Block: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Button: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    disabled: boolean;
+    hoverClass: string;
+    type: string;
+    hoverStartTime: number;
+    hoverStayTime: number;
+    size: string;
+    plain: boolean;
+    loading: boolean;
+    formType: "submit" | "reset";
+}>;
+declare const Camera: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Canvas: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    canvasId: string;
+    nativeProps: {};
+}>;
+declare const Checkbox: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    name: string;
+    value: string;
+    color: string;
+    id: string;
+    checked: boolean;
+    disabled: boolean;
+    nativeProps: {};
+}>;
+declare const CheckboxGroup: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    name: any;
+}>;
+declare const CommentDetail: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const CommentList: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const ContactButton: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const CoverImage: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    src: string;
+    nativeProps: {};
+}>;
+declare const CoverView: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    animation: string;
+    hoverClass: string;
+    hoverStartTime: number;
+    hoverStayTime: number;
+}>;
+declare const CustomWrapper: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Editor: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const FollowSwan: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Form: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const FunctionalPageNavigator: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Icon: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    type: import("@tarojs/components/dist/types/components/icon/icon").Type;
+    size: string | number;
+    color: string;
+}>;
+declare const Image: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    src: string;
+    mode: import("@tarojs/components/dist/types/components/image/image").Mode;
+    lazyLoad: boolean;
+    nativeProps: {};
+}>;
+declare const InlinePaymentPanel: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Input: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    focus: () => Promise<void>;
+}, unknown, {
+    value: string;
+    type: string;
+    password: boolean;
+    placeholder: string;
+    disabled: boolean;
+    maxlength: number;
+    autoFocus: boolean;
+    confirmType: string;
+    name: string;
+    nativeProps: {};
+}>;
+declare const KeyboardAccessory: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Label: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    for: string;
+}>;
+declare const Lifestyle: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Like: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const LivePlayer: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const LivePusher: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Login: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Lottie: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Map: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const MatchMedia: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const MovableArea: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    scaleArea: boolean;
+}>;
+declare const MovableView: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    setParent: ({ element, area }: {
+        element: HTMLElement;
+        area: {
+            width: number;
+            height: number;
+        };
+    }) => Promise<void>;
+    endScale: () => Promise<void>;
+    setScale: (scale: number) => Promise<void>;
+}, unknown, {
+    x: string | number;
+    y: string | number;
+    direction: "all" | "vertical" | "horizontal" | "none";
+    outOfBounds: boolean;
+    inertia: boolean;
+    friction: number;
+    damping: number;
+    disabled: boolean;
+    scale: boolean;
+    scaleMin: number;
+    scaleMax: number;
+    scaleValue: number;
+    animation: boolean;
+}>;
+declare const NativeSlot: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const NavigationBar: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Navigator: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    hoverClass: string;
+    url: string;
+    openType: string;
+    isHover: boolean;
+    delta: number;
+}>;
+declare const OfficialAccount: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const OpenData: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const PageContainer: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const PageMeta: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Picker: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    mode: import("@tarojs/components/dist/types/components/image/image").Mode;
+    disabled: boolean;
+    range: any[];
+    rangeKey: string;
+    value: string | number | number[];
+    start: string;
+    end: string;
+    fields: import("@tarojs/components/dist/types/components/picker/picker").Fields;
+    name: string;
+}>;
+declare const PickerGroup: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    handleMoveStart: (clientY: number) => Promise<void>;
+    handleMoving: (clientY: number) => Promise<void>;
+    handleMoveEnd: (clientY: number) => Promise<void>;
+}, unknown, {
+    mode: "time" | "date";
+    range: any[];
+    rangeKey: string;
+    height: number;
+    columnId: string;
+    updateHeight: (height: number, columnId: string, needRevise?: boolean) => void;
+    onColumnChange: (height: number, columnId: string) => void;
+    updateDay: (value: number, fields: number) => void;
+}>;
+declare const PickerViewColumn: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    col: string;
+    initialPosition: string;
+    paddingVertical: number;
+}>;
+declare const PickerView: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    indicatorStyle: string;
+    indicatorClass: string;
+    value: number[];
+    maskStyle: string;
+    maskClass: string;
+}>;
+declare const Progress: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    percent: number;
+    showInfo: boolean;
+    borderRadius: string | number;
+    fontSize: string | number;
+    strokeWidth: string | number;
+    activeColor: string;
+    backgroundColor: string;
+    active: boolean;
+}>;
+declare const PullToRefresh: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    prefixCls: string;
+    distanceToRefresh: number;
+    damping: number;
+    indicator: {
+        activate: string;
+        deactivate: string;
+        release: string;
+        finish: string;
+    };
+}>;
+declare const Radio: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    name: string;
+    value: string;
+    id: string;
+    checked: boolean;
+    disabled: boolean;
+    nativeProps: {};
+}>;
+declare const RadioGroup: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    name: any;
+}>;
+declare const RichText: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    nodes: import("@tarojs/components/dist/types/components/rich-text/rich-text").Nodes;
+}>;
+declare const RootPortal: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const RtcRoom: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const RtcRoomItem: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const ScrollView: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    scrollX: boolean;
+    scrollY: boolean;
+    upperThreshold: string | number;
+    lowerThreshold: string | number;
+    mpScrollTop: string | number;
+    mpScrollLeft: string | number;
+    mpScrollIntoView: string;
+    scrollWithAnimation: boolean;
+}>;
+declare const ShareElement: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Slider: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    min: number;
+    max: number;
+    step: number;
+    disabled: boolean;
+    value: number;
+    activeColor: string;
+    backgroundColor: string;
+    blockSize: number;
+    blockColor: string;
+    showValue: boolean;
+    name: string;
+}>;
+declare const Slot: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Swiper: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    indicatorDots: boolean;
+    indicatorColor: string;
+    indicatorActiveColor: string;
+    autoplay: boolean;
+    current: number;
+    interval: number;
+    duration: number;
+    circular: boolean;
+    vertical: boolean;
+    previousMargin: string;
+    nextMargin: string;
+    displayMultipleItems: number;
+    full: boolean;
+    zoom: boolean;
+}>;
+declare const SwiperItem: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    itemId: string;
+}>;
+declare const Switch: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    type: string;
+    checked: boolean;
+    color: string;
+    name: string;
+    disabled: boolean;
+    nativeProps: {};
+}>;
+declare const TabItem: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Tabbar: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    conf: import("@tarojs/components/dist/types/components/tabbar/tabbar").Conf;
+}>;
+declare const Tabs: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const Text: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    selectable: boolean;
+}>;
+declare const Textarea: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    focus: () => Promise<void>;
+}, unknown, {
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    maxlength: number;
+    autoFocus: boolean;
+    autoHeight: boolean;
+    name: string;
+    nativeProps: {};
+}>;
+declare const VideoControl: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    setProgressBall: (percentage: number) => Promise<void>;
+    toggleVisibility: (nextVisible?: boolean) => Promise<void>;
+    getIsDraggingProgressBall: () => Promise<boolean>;
+    setCurrentTime: (time: number) => Promise<void>;
+}, unknown, {
+    controls: boolean;
+    currentTime: number;
+    duration: number;
+    isPlaying: boolean;
+    pauseFunc: () => void;
+    playFunc: () => void;
+    seekFunc: (position: number) => void;
+    showPlayBtn: boolean;
+    showProgress: boolean;
+}>;
+declare const Video: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    play: () => Promise<void>;
+    pause: () => Promise<void>;
+    stop: () => Promise<void>;
+    seek: (position: number) => Promise<void>;
+    requestFullScreen: () => Promise<void>;
+    exitFullScreen: () => Promise<void>;
+}, unknown, {
+    src: string;
+    duration: number;
+    controls: boolean;
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    initialTime: number;
+    poster: string;
+    objectFit: "contain" | "fill" | "cover";
+    showProgress: boolean;
+    showFullscreenBtn: boolean;
+    showPlayBtn: boolean;
+    showCenterPlayBtn: boolean;
+    showMuteBtn: boolean;
+    danmuList: [];
+    danmuBtn: boolean;
+    enableDanmu: boolean;
+    enablePlayGesture: boolean;
+    enableProgressGesture: boolean;
+    vslideGesture: boolean;
+    vslideGestureInFullscreen: boolean;
+    nativeProps: {};
+}>;
+declare const VideoDanmu: import("vue/types/vue").ExtendedVue<Vue, unknown, {
+    sendDanmu: (danmuList?: Partial<import("@tarojs/components/dist/types/components/video/video-danmu").Danmu> | Partial<import("@tarojs/components/dist/types/components/video/video-danmu").Danmu>[]) => Promise<void>;
+    tick: (currentTime: number) => Promise<void>;
+}, unknown, {
+    enable: boolean;
+}>;
+declare const View: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    animation: string;
+    hoverClass: string;
+    hoverStartTime: number;
+    hoverStayTime: number;
+}>;
+declare const VoipRoom: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, Record<never, any>>;
+declare const WebView: import("vue/types/vue").ExtendedVue<Vue, unknown, unknown, unknown, {
+    src: string;
+}>;
+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, PickerViewColumn, PickerView, Progress, PullToRefresh, Radio, RadioGroup, RichText, RootPortal, RtcRoom, RtcRoomItem, ScrollView, ShareElement, Slider, Slot, Swiper, SwiperItem, Switch, TabItem, Tabbar, Tabs, Text, Textarea, VideoControl, Video, VideoDanmu, View, VoipRoom, WebView };