@tarojs/components 3.4.5 → 3.5.0-alpha.0

package/dist/types/components/picker-view/picker-view-column.d.ts

@@ -1,4 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PickerViewColumn {
-  componentDidLoad(): void;
+  el: HTMLElement;
+  col: string;
+  initialPosition: string;
+  paddingVertical: number;
+  isInit: boolean;
+  isMove: boolean;
+  onChange: EventEmitter;
+  onSelectStart: EventEmitter;
+  onSelectEnd: EventEmitter;
+  onScroll(_event: UIEvent): void;
+  onMouseEnd(): void;
+  onTouchEnd(): void;
+  componentDidUpdate(): void;
+  handleSelected: (...args: any[]) => void;
   render(): any;
 }

package/dist/types/components/picker-view/picker-view.d.ts

@@ -1,4 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PickerView {
+  private indicator;
+  el: HTMLElement;
+  indicatorStyle: string;
+  indicatorClass: string;
+  value: number[];
+  maskStyle: string;
+  maskClass: string;
+  onChange: EventEmitter;
+  onPickStart: EventEmitter;
+  onPickEnd: EventEmitter;
+  onSelect(e: CustomEvent<{
+    curIndex: string;
+    selectedIndex: string;
+  }>): void;
+  onSelectStart(e: CustomEvent<{
+    curIndex: string;
+    selectedIndex: string;
+  }>): void;
+  onPickerColEnd(e: CustomEvent<{
+    curIndex: string;
+    selectedIndex: string;
+  }>): void;
   componentDidLoad(): void;
+  componentDidRender(): void;
   render(): any;
 }

package/dist/types/components/scroll-view/scroll-view.d.ts

@@ -19,6 +19,6 @@ export declare class ScrollView implements ComponentInterface {
   watchScrollIntoView(newVal: any): void;
   componentDidLoad(): void;
   handleScroll: (e: any) => void;
-  uperAndLower: (...arrs: any[]) => void;
+  upperAndLower: (...args: any[]) => void;
   render(): any;
 }

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

@@ -74,8 +74,8 @@ export declare class Swiper implements ComponentInterface {
   componentDidRender(): void;
   disconnectedCallback(): void;
   handleSwiperLoopListen: () => void;
-  handleSwiperLoop: (...arrs: any[]) => void;
-  handleSwiperSize: (...arrs: any[]) => void;
+  handleSwiperLoop: (...args: any[]) => void;
+  handleSwiperSize: (...args: any[]) => void;
   handleInit(): void;
   render(): any;
 }

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

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import { IH5RouterConfig } from '@tarojs/taro/types/compile';
 interface RouterHandler {
   index: string;
   text: string;
@@ -16,7 +17,7 @@ export interface Conf {
   position?: 'bottom' | 'top';
   custom: boolean;
   customRoutes: Record<string, string | string[]>;
-  mode: 'hash' | 'browser';
+  mode: IH5RouterConfig['mode'];
   basename: string;
   homePage: string;
   currentPagename: string;
@@ -44,7 +45,7 @@ export declare class Tabbar implements ComponentInterface {
   onLongPress: EventEmitter;
   tabbar: HTMLDivElement;
   constructor();
-  getCurrentUrl(): any;
+  getCurrentUrl(): string;
   getOriginUrl: (url: string) => string;
   getSelectedIndex: (url: string) => number;
   switchTab: (index: number) => void;

package/dist/types/components/video/utils.d.ts

@@ -0,0 +1,7 @@
+export declare const formatTime: (time: number | null) => string;
+export declare const calcDist: (x: number, y: number) => number;
+export declare const normalizeNumber: (number: number) => number;
+/**
+ * @returns: {requestFullscreen: 'requestFullscreen', exitFullscreen: 'exitFullscreen', ...}
+ */
+export declare const screenFn: Record<string, any>;

package/dist/types/components.d.ts

@@ -152,8 +152,16 @@ export namespace Components {
         "updateHeight": (height: number, columnId: string, needRevise?: boolean) => void;
     }
     interface TaroPickerViewColumnCore {
+        "col": string;
+        "initialPosition": string;
+        "paddingVertical": number;
     }
     interface TaroPickerViewCore {
+        "indicatorClass": string;
+        "indicatorStyle": string;
+        "maskClass": string;
+        "maskStyle": string;
+        "value": number[];
     }
     interface TaroProgressCore {
         "active": boolean;
@@ -1009,8 +1017,22 @@ declare namespace LocalJSX {
         "updateHeight"?: (height: number, columnId: string, needRevise?: boolean) => void;
     }
     interface TaroPickerViewColumnCore {
+        "col"?: string;
+        "initialPosition"?: string;
+        "onOnselect"?: (event: CustomEvent<any>) => void;
+        "onOnselectend"?: (event: CustomEvent<any>) => void;
+        "onOnselectstart"?: (event: CustomEvent<any>) => void;
+        "paddingVertical"?: number;
     }
     interface TaroPickerViewCore {
+        "indicatorClass"?: string;
+        "indicatorStyle"?: string;
+        "maskClass"?: string;
+        "maskStyle"?: string;
+        "onChange"?: (event: CustomEvent<any>) => void;
+        "onPickend"?: (event: CustomEvent<any>) => void;
+        "onPickstart"?: (event: CustomEvent<any>) => void;
+        "value"?: number[];
     }
     interface TaroProgressCore {
         "active"?: boolean;

package/dist/types/utils/index.d.ts

@@ -1,8 +1,4 @@
-export declare function throttle(fn: any, threshhold: any, scope: any): () => void;
-export declare const normalizePath: (url: any) => any;
-export declare const splitUrl: (_url: any) => {
-  path: null;
-  query: null;
-  fragment: null;
-};
-export declare const isNumber: (obj: any) => boolean;
+export declare function throttle(fn: any, threshold?: number, scope?: any): (...args: any[]) => void;
+export declare function debounce(fn: any, ms?: number, scope?: any): (...args: any[]) => void;
+export * from './style';
+export * from './url';

package/dist/types/utils/style.d.ts

@@ -0,0 +1 @@
+export declare function convertStyle(style?: string): Record<string, string> | undefined;

package/dist/types/utils/url.d.ts

@@ -0,0 +1,6 @@
+export declare const normalizePath: (url: any) => any;
+export declare const splitUrl: (_url: any) => {
+  path: null;
+  query: null;
+  fragment: null;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/components",
-  "version": "3.4.5",
+  "version": "3.5.0-alpha.0",
   "description": "",
   "main:h5": "src/index.js",
   "main": "dist/index.js",
@@ -38,7 +38,7 @@
   "license": "MIT",
   "dependencies": {
     "@stencil/core": "2.9.0",
-    "@tarojs/taro": "3.4.5",
+    "@tarojs/taro": "3.5.0-alpha.0",
     "better-scroll": "^1.14.1",
     "classnames": "^2.2.5",
     "intersection-observer": "^0.7.0",
@@ -55,5 +55,5 @@
     "simulant": "^0.2.2",
     "workbox-build": "4.3.1"
   },
-  "gitHead": "789e873f7b9477124b44a900cd4f6a2810e4e06a"
+  "gitHead": "8b2acf55c5f98e54bb2788a723a2ef0e0a1b75b6"
 }

package/types/Input.d.ts

@@ -25,7 +25,7 @@ interface InputProps extends StandardProps, FormItemProps {
   placeholder?: string
 
   /** 指定 placeholder 的样式
-   * @supported weapp
+   * @supported weapp, rn
    */
   placeholderStyle?: string
 
@@ -35,10 +35,11 @@ interface InputProps extends StandardProps, FormItemProps {
    */
   placeholderClass?: string
 
-  /** 指定 placeholder 文字的颜色
+  /** 指定 placeholder 的文本颜色
    * @supported rn
    */
   placeholderTextColor?: string
+
   /** 是否禁用
    * @supported weapp, h5, rn
    */
@@ -243,7 +244,7 @@ declare namespace InputProps {
  *         <Text>可以自动聚焦的 input</Text>
  *           <Input type='text' placeholder='将会获取焦点' focus/>
  *           <Text>控制最大输入长度的 input</Text>
- *           <Input type='text' placeholder='最大输入长度为 10' maxlength='10'/>
+ *           <Input type='text' placeholder='最大输入长度为 10' maxLength='10'/>
  *           <Text>数字输入的 input</Text>
  *           <Input type='number' placeholder='这是一个数字输入框'/>
  *           <Text>密码输入的 input</Text>
@@ -266,7 +267,7 @@ declare namespace InputProps {
  *     <text>可以自动聚焦的 input</text>
  *     <input type="text" placeholder="将会获取焦点" :focus="true" />
  *     <text>控制最大输入长度的 input</text>
- *     <input type="text" placeholder="最大输入长度为 10" maxlength="10"/>
+ *     <input type="text" placeholder="最大输入长度为 10" maxLength="10"/>
  *     <text>数字输入的 input</text>
  *     <input type="number" placeholder="这是一个数字输入框"/>
  *     <text>密码输入的 input</text>

package/types/PickerViewColumn.d.ts

@@ -1,10 +1,10 @@
 import { ComponentType } from 'react'
-import { StandardProps, CommonEventFunction } from './common'
+import { StandardProps } from './common'
 
 /** 滚动选择器子项
  * 仅可放置于 `<PickerView />` 中，其孩子节点的高度会自动设置成与 picker-view 的选中框的高度一致
  * @classification forms
- * @supported weapp, swan, alipay, tt, rn
+ * @supported weapp, swan, alipay, tt, h5, rn
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/picker-view-column.html
  */
 declare const PickerViewColumn: ComponentType<StandardProps>

package/types/index.vue3.d.ts

@@ -0,0 +1,159 @@
+/**
+ * vue tsx @tarojs/components 类型提示文件
+ * 如何使用?
+ * 请在醒目全局的类型文件中写入以下代码，覆盖默认的组件类型提示
+ * ```typescript
+ *   export declare module '@tarojs/components' {
+ *     export * from '@tarojs/components/types/index.vue3'
+ *   }
+ * ```
+ */
+import { TaroElement } from '@tarojs/runtime'
+import { StandardProps } from './common'
+import * as CSS from 'csstype'
+/** 视图容器 */
+import { CoverImageProps } from './CoverImage'
+import { CoverViewProps } from './CoverView'
+import { MatchMediaProps } from './MatchMedia'
+import { MovableAreaProps } from './MovableArea'
+import { MovableViewProps } from './MovableView'
+import { PageContainerProps } from './PageContainer'
+import { ScrollViewProps } from './ScrollView'
+import { ShareElementProps } from './ShareElement'
+import { SwiperProps } from './Swiper'
+import { SwiperItemProps } from './SwiperItem'
+import { ViewProps } from './View'
+/** 基础内容 */
+import { IconProps } from './Icon'
+import { ProgressProps } from './Progress'
+import { RichTextProps } from './RichText'
+import { TextProps } from './Text'
+/** 表单组件 */
+import { ButtonProps } from './Button'
+import { CheckboxProps } from './Checkbox'
+import { CheckboxGroupProps } from './CheckboxGroup'
+import { EditorProps } from './Editor'
+import { FormProps } from './Form'
+import { InputProps } from './Input'
+import { KeyboardAccessoryProps } from './KeyboardAccessory'
+import { LabelProps } from './Label'
+import { PickerDateProps, PickerTimeProps, PickerRegionProps, PickerSelectorProps, PickerMultiSelectorProps } from './Picker'
+import { PickerViewProps } from './PickerView'
+import { RadioProps } from './Radio'
+import { RadioGroupProps } from './RadioGroup'
+import { SliderProps } from './Slider'
+import { SwitchProps } from './Switch'
+import { TextareaProps } from './Textarea'
+/** 导航 */
+import { FunctionalPageNavigatorProps } from './FunctionalPageNavigator'
+import { NavigatorProps } from './Navigator'
+import { NavigationBarProps } from './NavigationBar'
+/** 媒体组件 */
+import { AudioProps } from './Audio'
+import { CameraProps } from './Camera'
+import { ImageProps } from './Image'
+import { LivePlayerProps } from './LivePlayer'
+import { LivePusherProps } from './LivePusher'
+import { VideoProps } from './Video'
+import { VoipRoomProps } from './VoipRoom'
+/** 地图 */
+import { MapProps } from './Map'
+/** 画布 */
+import { CanvasProps } from './Canvas'
+/** 开放能力 */
+import { AdProps } from './Ad'
+import { AdCustomProps } from './AdCustom'
+import { OfficialAccountProps } from './OfficialAccount'
+import { OpenDataProps } from './OpenData'
+import { WebViewProps } from './WebView'
+/** 配置节点 */
+import { PageMetaProps } from './PageMeta'
+
+import { CustomWrapperProps } from './CustomWrapper'
+import { SlotProps } from './Slot'
+
+// 联合类型不能用omit（比如picker）
+type DistributiveOmit<T, K extends keyof T> = T extends unknown
+  ? Omit<T, K>
+  : never;
+
+type SlimProps = {
+  class?: any
+  style?: CSS.Properties<string | number>
+  innerHTML?: string
+}
+
+/** 转换react的类型到vue */
+type RemoveReactAttribute = keyof Omit<StandardProps, 'id' | 'hidden' | 'animation'>
+export type TransformReact2VueType<P extends StandardProps = Record<string, never>> = DistributiveOmit<P, RemoveReactAttribute> & SlimProps
+
+export declare class VueComponentType<P = Record<string, never>> extends TaroElement {
+  $props: TransformReact2VueType<P>
+  /** WebStorm 提示貌似找的是props */
+  props: this['$props']
+}
+
+/** 视图容器 */
+export declare class Block extends VueComponentType {}
+export declare class CoverImage extends VueComponentType<CoverImageProps> {}
+export declare class CoverView extends VueComponentType<CoverViewProps> {}
+export declare class MatchMedia extends VueComponentType<MatchMediaProps> {}
+export declare class MovableArea extends VueComponentType<MovableAreaProps> {}
+export declare class MovableView extends VueComponentType<MovableViewProps> {}
+export declare class PageContainer extends VueComponentType<PageContainerProps> {}
+export declare class ScrollView extends VueComponentType<ScrollViewProps> {}
+export declare class ShareElement extends VueComponentType<ShareElementProps> {}
+export declare class Swiper extends VueComponentType<SwiperProps> {}
+export declare class SwiperItem extends VueComponentType<SwiperItemProps> {}
+export declare class View extends VueComponentType<ViewProps> {}
+/** 基础内容 */
+export declare class Icon extends VueComponentType<IconProps> {}
+export declare class Progress extends VueComponentType<ProgressProps> {}
+export declare class RichText extends VueComponentType<RichTextProps> {}
+export declare class Text extends VueComponentType<TextProps> {}
+/** 表单组件 */
+export declare class Button extends VueComponentType<ButtonProps> {}
+export declare class Checkbox extends VueComponentType<CheckboxProps> {}
+export declare class CheckboxGroup extends VueComponentType<CheckboxGroupProps> {}
+export declare class Editor extends VueComponentType<EditorProps> {}
+export declare class Form extends VueComponentType<FormProps> {}
+export declare class Input extends VueComponentType<InputProps> {}
+export declare class KeyboardAccessory extends VueComponentType<KeyboardAccessoryProps> {}
+export declare class Label extends VueComponentType<LabelProps> {}
+export declare class Picker extends VueComponentType<PickerMultiSelectorProps | PickerTimeProps | PickerDateProps | PickerRegionProps | PickerSelectorProps> {}
+export declare class PickerView extends VueComponentType<PickerViewProps> {}
+export declare class PickerViewColumn extends VueComponentType {}
+export declare class Radio extends VueComponentType<RadioProps> {}
+export declare class RadioGroup extends VueComponentType<RadioGroupProps> {}
+export declare class Slider extends VueComponentType<SliderProps> {}
+export declare class Switch extends VueComponentType<SwitchProps> {}
+export declare class Textarea extends VueComponentType<TextareaProps> {}
+/** 导航 */
+export declare class FunctionalPageNavigator extends VueComponentType<FunctionalPageNavigatorProps> {}
+export declare class Navigator extends VueComponentType<NavigatorProps> {}
+export declare class NavigationBar extends VueComponentType<NavigationBarProps> {}
+/** 媒体组件 */
+export declare class Audio extends VueComponentType<AudioProps> {}
+export declare class Camera extends VueComponentType<CameraProps> {}
+export declare class Image extends VueComponentType<ImageProps> {}
+export declare class LivePlayer extends VueComponentType<LivePlayerProps> {}
+export declare class LivePusher extends VueComponentType<LivePusherProps> {}
+export declare class Video extends VueComponentType<VideoProps> {}
+export declare class VoipRoom extends VueComponentType<VoipRoomProps> {}
+/** 地图 */
+export declare class Map extends VueComponentType<MapProps> {}
+/** 画布 */
+export declare class Canvas extends VueComponentType<CanvasProps> {}
+/** 开放能力 */
+export declare class Ad extends VueComponentType<AdProps> {}
+export declare class AdCustom extends VueComponentType<AdCustomProps> {}
+export declare class OfficialAccount extends VueComponentType<OfficialAccountProps> {}
+export declare class OpenData extends VueComponentType<OpenDataProps> {}
+export declare class WebView extends VueComponentType<WebViewProps> {}
+/** 配置节点 */
+export declare class PageMeta extends VueComponentType<PageMetaProps> {}
+
+export declare class CustomWrapper extends VueComponentType<CustomWrapperProps> {}
+export declare class Slot extends VueComponentType<SlotProps> {}
+
+export * from './index'