@tarojs/components-react 4.1.12-beta.4 → 4.1.12-beta.40

package/dist/original/components/switch/index.js

@@ -0,0 +1,125 @@
+import { __rest } from 'tslib';
+import './style/index.scss';
+import { View } from '@tarojs/components';
+import classNames from 'classnames';
+import { omit, createForwardRefComponent } from '../../utils/index.js';
+import { useState, useCallback } from '../../utils/hooks.react.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Switch(props) {
+  const {
+      type = 'switch',
+      checked: controlledChecked,
+      defaultChecked = false,
+      disabled = false,
+      color = '#04BE02',
+      width,
+      height,
+      beforeChange,
+      nativeProps = {},
+      onChange,
+      forwardedRef,
+      className,
+      style
+    } = props,
+    rest = __rest(props, ["type", "checked", "defaultChecked", "disabled", "color", "width", "height", "beforeChange", "nativeProps", "onChange", "forwardedRef", "className", "style"]);
+  const [innerChecked, setInnerChecked] = useState(defaultChecked);
+  const [loading, setLoading] = useState(false);
+  const isChecked = controlledChecked !== undefined ? controlledChecked : innerChecked;
+  const applyChange = useCallback(value => {
+    if (controlledChecked === undefined) {
+      setInnerChecked(value);
+    }
+    const e = {
+      detail: {
+        value
+      }
+    };
+    onChange && onChange(e);
+  }, [controlledChecked, onChange]);
+  const handleToggle = useCallback(newValue => {
+    if (disabled || loading) return;
+    if (beforeChange) {
+      const result = beforeChange(newValue);
+      if (result === false) return;
+      if (result instanceof Promise) {
+        setLoading(true);
+        result.then(asyncResult => {
+          setLoading(false);
+          if (asyncResult === false) return;
+          applyChange(newValue);
+        }, () => {
+          setLoading(false);
+        });
+        return;
+      }
+    }
+    applyChange(newValue);
+  }, [disabled, loading, beforeChange, applyChange]);
+  const isSwitch = type === 'switch';
+  const sw = width !== null && width !== void 0 ? width : isSwitch ? 52 : 20;
+  const sh = height !== null && height !== void 0 ? height : isSwitch ? 32 : 20;
+  const dynamicStyle = isSwitch ? {
+    width: `${sw}px`,
+    height: `${sh}px`,
+    borderRadius: `${sh / 2}px`,
+    backgroundColor: isChecked ? color : '#DFDFDF',
+    borderColor: isChecked ? color : '#DFDFDF'
+  } : {
+    width: `${sh}px`,
+    height: `${sh}px`,
+    borderRadius: '4px',
+    backgroundColor: isChecked ? color : 'transparent',
+    borderColor: isChecked ? color : '#c9c9c9'
+  };
+  const cls = classNames('taro-switch', `taro-switch--type-${type}`, {
+    'taro-switch--checked': isChecked,
+    'taro-switch--disabled': disabled
+  }, className);
+  const rootStyle = Object.assign(Object.assign({}, dynamicStyle), style);
+  const onClick = e => {
+    e.stopPropagation();
+    handleToggle(!isChecked);
+  };
+  if (isSwitch) {
+    const thumbStyle = {
+      width: `${sh - 4}px`,
+      height: `${sh - 4}px`,
+      transform: isChecked ? `translateX(${sw - sh}px)` : undefined
+    };
+    return /*#__PURE__*/jsx(View, {
+      className: cls,
+      style: rootStyle,
+      ref: forwardedRef,
+      onClick: onClick,
+      ...omit(rest, ['forwardedRef']),
+      ...nativeProps,
+      children: /*#__PURE__*/jsx(View, {
+        className: "taro-switch__thumb",
+        style: thumbStyle
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(View, {
+    className: cls,
+    style: rootStyle,
+    ref: forwardedRef,
+    onClick: onClick,
+    ...omit(rest, ['forwardedRef']),
+    ...nativeProps,
+    children: /*#__PURE__*/jsx(View, {
+      className: "taro-switch__checkmark",
+      style: {
+        width: `${Math.round(sh * 0.3)}px`,
+        height: `${Math.round(sh * 0.5)}px`,
+        borderRight: `${Math.round(sh * 0.1)}px solid #fff`,
+        borderBottom: `${Math.round(sh * 0.1)}px solid #fff`,
+        transform: isChecked ? `translate(-50%, -65%) rotate(45deg) scale(1)` : `translate(-50%, -65%) rotate(45deg) scale(0)`
+      }
+    })
+  });
+}
+var index = createForwardRefComponent(Switch);
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/dist/original/components/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/switch/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport { View } from '@tarojs/components'\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, omit } from '../../utils'\nimport { useCallback, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\nexport type BeforeChange = (value: boolean) => boolean | Promise<boolean>\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  type?: 'switch' | 'checkbox'\n  checked?: boolean\n  defaultChecked?: boolean\n  disabled?: boolean\n  color?: string\n  width?: number\n  height?: number\n  beforeChange?: BeforeChange\n  nativeProps?: Record<string, any>\n  onChange?: (e: any) => void\n  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n}\n\nfunction Switch (props: IProps) {\n  const {\n    type = 'switch',\n    checked: controlledChecked,\n    defaultChecked = false,\n    disabled = false,\n    color = '#04BE02',\n    width,\n    height,\n    beforeChange,\n    nativeProps = {},\n    onChange,\n    forwardedRef,\n    className,\n    style,\n    ...rest\n  } = props\n\n  const [innerChecked, setInnerChecked] = useState(defaultChecked)\n  const [loading, setLoading] = useState(false)\n\n  const isChecked = controlledChecked !== undefined\n    ? controlledChecked\n    : innerChecked\n\n  const applyChange = useCallback((value: boolean) => {\n    if (controlledChecked === undefined) {\n      setInnerChecked(value)\n    }\n\n    const e = { detail: { value } }\n    onChange && onChange(e)\n  }, [controlledChecked, onChange])\n\n  const handleToggle = useCallback((newValue: boolean) => {\n    if (disabled || loading) return\n\n    if (beforeChange) {\n      const result = beforeChange(newValue)\n\n      if (result === false) return\n\n      if (result instanceof Promise) {\n        setLoading(true)\n        result\n          .then((asyncResult) => {\n            setLoading(false)\n            if (asyncResult === false) return\n            applyChange(newValue)\n          }, () => {\n            setLoading(false)\n          })\n        return\n      }\n    }\n\n    applyChange(newValue)\n  }, [disabled, loading, beforeChange, applyChange])\n\n  const isSwitch = type === 'switch'\n  const sw = width ?? (isSwitch ? 52 : 20)\n  const sh = height ?? (isSwitch ? 32 : 20)\n\n  const dynamicStyle: React.CSSProperties = isSwitch ? {\n    width: `${sw}px`,\n    height: `${sh}px`,\n    borderRadius: `${sh / 2}px`,\n    backgroundColor: isChecked ? color : '#DFDFDF',\n    borderColor: isChecked ? color : '#DFDFDF'\n  } : {\n    width: `${sh}px`,\n    height: `${sh}px`,\n    borderRadius: '4px',\n    backgroundColor: isChecked ? color : 'transparent',\n    borderColor: isChecked ? color : '#c9c9c9'\n  }\n\n  const cls = classNames(\n    'taro-switch',\n    `taro-switch--type-${type}`,\n    {\n      'taro-switch--checked': isChecked,\n      'taro-switch--disabled': disabled\n    },\n    className\n  )\n\n  const rootStyle = {\n    ...dynamicStyle,\n    ...style\n  } as unknown as React.CSSProperties\n\n  const onClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    handleToggle(!isChecked)\n  }\n\n  if (isSwitch) {\n    const thumbStyle: React.CSSProperties = {\n      width: `${sh - 4}px`,\n      height: `${sh - 4}px`,\n      transform: isChecked ? `translateX(${sw - sh}px)` : undefined\n    }\n    return (\n      <View\n        className={cls}\n        style={rootStyle}\n        ref={forwardedRef}\n        onClick={onClick}\n        {...omit(rest, ['forwardedRef'])}\n        {...nativeProps}\n      >\n        <View className='taro-switch__thumb' style={thumbStyle} />\n      </View>\n    )\n  }\n\n  return (\n    <View\n      className={cls}\n      style={rootStyle}\n      ref={forwardedRef}\n      onClick={onClick}\n      {...omit(rest, ['forwardedRef'])}\n      {...nativeProps}\n    >\n      <View\n        className='taro-switch__checkmark'\n        style={{\n          width: `${Math.round(sh * 0.3)}px`,\n          height: `${Math.round(sh * 0.5)}px`,\n          borderRight: `${Math.round(sh * 0.1)}px solid #fff`,\n          borderBottom: `${Math.round(sh * 0.1)}px solid #fff`,\n          transform: isChecked\n            ? `translate(-50%, -65%) rotate(45deg) scale(1)`\n            : `translate(-50%, -65%) rotate(45deg) scale(0)`\n        }}\n      />\n    </View>\n  )\n}\n\nexport default createForwardRefComponent(Switch)\n"],"names":["Switch","props","type","checked","controlledChecked","defaultChecked","disabled","color","width","height","beforeChange","nativeProps","onChange","forwardedRef","className","style","rest","innerChecked","setInnerChecked","useState","loading","setLoading","isChecked","undefined","applyChange","useCallback","value","e","detail","handleToggle","newValue","result","Promise","then","asyncResult","isSwitch","sw","sh","dynamicStyle","borderRadius","backgroundColor","borderColor","cls","classNames","rootStyle","Object","assign","onClick","stopPropagation","thumbStyle","transform","_jsx","View","ref","omit","children","Math","round","borderRight","borderBottom","createForwardRefComponent"],"mappings":"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"}

package/dist/original/components/switch/style/index.scss

@@ -0,0 +1,35 @@
+.taro-switch {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+
+  &--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  &--type-switch {
+    border: 1px solid #DFDFDF;
+    box-sizing: border-box;
+  }
+
+  &--type-switch &__thumb {
+    position: absolute;
+    top: 1px;
+    left: 1px;
+    border-radius: 50%;
+    background-color: #fff;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+  }
+
+  &--type-checkbox {
+    border: 1px solid #c9c9c9;
+    box-sizing: border-box;
+  }
+
+  &--type-checkbox &__checkmark {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+  }
+}

package/dist/original/contexts/ScrollElementContext.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+const ScrollElementContext = /*#__PURE__*/React__default.createContext(null);
+
+export { ScrollElementContext };
+//# sourceMappingURL=ScrollElementContext.js.map

package/dist/original/contexts/ScrollElementContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollElementContext.js","sources":["../../../src/contexts/ScrollElementContext.tsx"],"sourcesContent":["import React from 'react'\n\n/**\n * ScrollElementContext：嵌套滚动场景下，父容器（ScrollView/List）向子组件提供滚动容器信息。\n * 子组件（WaterFlow/List）可从 Context 获取 scrollRef、containerHeight、startOffset，\n * 实现随父容器一起滚动，无需业务方手动传 scrollElement。\n */\nexport interface ScrollElementContextValue {\n  /** 外层滚动容器 ref */\n  scrollRef: React.MutableRefObject<HTMLElement | null>\n  /** 可视区高度 */\n  containerHeight: number\n  /** 内容在滚动容器中的起始偏移（上方有其他内容时使用） */\n  startOffset: number\n  /** 内层 WaterFlow 报告 scrollHeight 时调用（List 动高联动等） */\n  reportNestedHeightChange?: (scrollHeight: number) => void\n}\n\nexport const ScrollElementContext = React.createContext<ScrollElementContextValue | null>(null)\n"],"names":["ScrollElementContext","React","createContext"],"mappings":";;AAkBO,MAAMA,oBAAoB,gBAAGC,cAAK,CAACC,aAAa,CAAmC,IAAI;;;;"}

package/dist/original/index.js

@@ -1,15 +1,19 @@
-export { Ad, AdCustom, AnimationVideo, AnimationView, ArCamera, Audio, AwemeData, Block, Camera, Canvas, ChannelLive, ChannelVideo, Checkbox, CheckboxGroup, CommentDetail, CommentList, ContactButton, CoverImage, CoverView, CustomWrapper, DraggableSheet, Editor, FollowSwan, Form, FunctionalPageNavigator, GridBuilder, GridView, InlinePaymentPanel, KeyboardAccessory, Label, Lifestyle, Like, ListBuilder, ListView, LivePlayer, LivePusher, Login, Lottie, Map, MatchMedia, MovableArea, MovableView, NativeSlot, NavigationBar, Navigator, NestedScrollBody, NestedScrollHeader, OfficialAccount, OpenContainer, OpenData, PageContainer, PageMeta, PickerView, PickerViewColumn, Progress, Radio, RadioGroup, RichText, RootPortal, RtcRoom, RtcRoomItem, Script, ShareElement, Slider, Slot, Snapshot, Span, Switch, Tabs, Textarea, Video, VoipRoom, WebView } from '@tarojs/components/lib/react';
+export { Ad, AdCustom, AnimationVideo, AnimationView, ArCamera, Audio, AwemeData, Block, Camera, Canvas, ChannelLive, ChannelVideo, Checkbox, CheckboxGroup, CommentDetail, CommentList, ContactButton, CoverImage, CoverView, CustomWrapper, DraggableSheet, Editor, FollowSwan, Form, FunctionalPageNavigator, GridBuilder, GridView, InlinePaymentPanel, KeyboardAccessory, Label, Lifestyle, Like, ListBuilder, ListView, LivePlayer, LivePusher, Login, Lottie, MatchMedia, MovableArea, MovableView, NativeSlot, NavigationBar, Navigator, NestedScrollBody, NestedScrollHeader, OfficialAccount, OpenContainer, OpenData, PageContainer, PageMeta, PickerView, PickerViewColumn, Progress, Radio, RadioGroup, RichText, RootPortal, RtcRoom, RtcRoomItem, Script, ShareElement, Slider, Slot, Snapshot, Span, Tabs, Textarea, Video, VoipRoom, WebView } from '@tarojs/components/lib/react';
 export { default as Button } from './components/button/index.js';
 export { default as Icon } from './components/icon/index.js';
 export { default as Image } from './components/image/index.js';
 export { default as Input } from './components/input/index.js';
+export { default as Map } from './components/map/index.js';
 export { default as Picker } from './components/picker/index.js';
 export { default as PullDownRefresh } from './components/pull-down-refresh/index.js';
 export { Refresher } from './components/refresher/index.js';
+export { ScrollElementContext } from './contexts/ScrollElementContext.js';
 export { default as ScrollView } from './components/scroll-view/index.js';
 export { Swiper, SwiperItem } from './components/swiper/index.js';
+export { default as Switch } from './components/switch/index.js';
 export { default as Text } from './components/text/index.js';
 export { default as View } from './components/view/index.js';
+export { createMapContext } from './components/map/createMapContext.js';
 
 /* eslint-disable simple-import-sort/exports */
 //# sourceMappingURL=index.js.map

package/dist/original/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.react.ts"],"sourcesContent":["/* eslint-disable simple-import-sort/exports */\nexport { Ad } from '@tarojs/components/lib/react'\nexport { AdCustom } from '@tarojs/components/lib/react'\nexport { AnimationVideo } from '@tarojs/components/lib/react'\nexport { AnimationView } from '@tarojs/components/lib/react'\nexport { ArCamera } from '@tarojs/components/lib/react'\nexport { Audio } from '@tarojs/components/lib/react'\nexport { AwemeData } from '@tarojs/components/lib/react'\nexport { Block } from '@tarojs/components/lib/react'\nexport { default as Button } from './components/button'\nexport { Camera } from '@tarojs/components/lib/react'\nexport { Canvas } from '@tarojs/components/lib/react'\nexport { ChannelLive } from '@tarojs/components/lib/react'\nexport { ChannelVideo } from '@tarojs/components/lib/react'\nexport { Checkbox, CheckboxGroup } from '@tarojs/components/lib/react'\nexport { CommentDetail, CommentList } from '@tarojs/components/lib/react'\nexport { ContactButton } from '@tarojs/components/lib/react'\nexport { CoverImage } from '@tarojs/components/lib/react'\nexport { CoverView } from '@tarojs/components/lib/react'\nexport { CustomWrapper } from '@tarojs/components/lib/react'\nexport { DraggableSheet } from '@tarojs/components/lib/react'\nexport { Editor } from '@tarojs/components/lib/react'\nexport { FollowSwan } from '@tarojs/components/lib/react'\nexport { Form } from '@tarojs/components/lib/react'\nexport { FunctionalPageNavigator } from '@tarojs/components/lib/react'\nexport { GridView } from '@tarojs/components/lib/react'\nexport { GridBuilder } from '@tarojs/components/lib/react'\nexport { default as Icon } from './components/icon'\nexport { default as Image } from './components/image'\nexport { InlinePaymentPanel } from '@tarojs/components/lib/react'\nexport { default as Input } from './components/input'\nexport { KeyboardAccessory } from '@tarojs/components/lib/react'\nexport { Label } from '@tarojs/components/lib/react'\nexport { Lifestyle } from '@tarojs/components/lib/react'\nexport { Like } from '@tarojs/components/lib/react'\nexport { LivePlayer } from '@tarojs/components/lib/react'\nexport { LivePusher } from '@tarojs/components/lib/react'\nexport { ListBuilder } from '@tarojs/components/lib/react'\nexport { ListView } from '@tarojs/components/lib/react'\nexport { Login } from '@tarojs/components/lib/react'\nexport { Lottie } from '@tarojs/components/lib/react'\nexport { Map } from '@tarojs/components/lib/react'\nexport { MatchMedia } from '@tarojs/components/lib/react'\nexport { MovableArea, MovableView } from '@tarojs/components/lib/react'\nexport { NavigationBar } from '@tarojs/components/lib/react'\nexport { Navigator } from '@tarojs/components/lib/react'\nexport { NestedScrollBody } from '@tarojs/components/lib/react'\nexport { NestedScrollHeader } from '@tarojs/components/lib/react'\nexport { OfficialAccount } from '@tarojs/components/lib/react'\nexport { OpenData } from '@tarojs/components/lib/react'\nexport { OpenContainer } from '@tarojs/components/lib/react'\nexport { PageContainer } from '@tarojs/components/lib/react'\nexport { PageMeta } from '@tarojs/components/lib/react'\nexport { default as Picker } from './components/picker'\nexport { PickerView, PickerViewColumn } from '@tarojs/components/lib/react'\nexport { Progress } from '@tarojs/components/lib/react'\nexport { default as PullDownRefresh } from './components/pull-down-refresh'\n// export { PullToRefresh } from '@tarojs/components/lib/react'\nexport { default as Refresher, type RefresherProps } from './components/refresher'\nexport { Radio, RadioGroup } from '@tarojs/components/lib/react'\nexport { RichText } from '@tarojs/components/lib/react'\nexport { RootPortal } from '@tarojs/components/lib/react'\nexport { RtcRoom, RtcRoomItem } from '@tarojs/components/lib/react'\nexport { Script } from '@tarojs/components/lib/react'\nexport { default as ScrollView } from './components/scroll-view'\nexport { ShareElement } from '@tarojs/components/lib/react'\nexport { Slider } from '@tarojs/components/lib/react'\nexport { Snapshot } from '@tarojs/components/lib/react'\nexport { Span } from '@tarojs/components/lib/react'\nexport { NativeSlot, Slot } from '@tarojs/components/lib/react'\nexport { Swiper, SwiperItem } from './components/swiper'\nexport { Switch } from '@tarojs/components/lib/react'\nexport { Tabs } from '@tarojs/components/lib/react'\nexport { default as Text } from './components/text'\nexport { Textarea } from '@tarojs/components/lib/react'\nexport { Video } from '@tarojs/components/lib/react'\nexport { default as View } from './components/view'\nexport { VoipRoom } from '@tarojs/components/lib/react'\nexport { WebView } from '@tarojs/components/lib/react'\n"],"names":[],"mappings":";;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","sources":["../../src/index.react.ts"],"sourcesContent":["/* eslint-disable simple-import-sort/exports */\nexport { Ad } from '@tarojs/components/lib/react'\nexport { AdCustom } from '@tarojs/components/lib/react'\nexport { AnimationVideo } from '@tarojs/components/lib/react'\nexport { AnimationView } from '@tarojs/components/lib/react'\nexport { ArCamera } from '@tarojs/components/lib/react'\nexport { Audio } from '@tarojs/components/lib/react'\nexport { AwemeData } from '@tarojs/components/lib/react'\nexport { Block } from '@tarojs/components/lib/react'\nexport { default as Button } from './components/button'\nexport { Camera } from '@tarojs/components/lib/react'\nexport { Canvas } from '@tarojs/components/lib/react'\nexport { ChannelLive } from '@tarojs/components/lib/react'\nexport { ChannelVideo } from '@tarojs/components/lib/react'\nexport { Checkbox, CheckboxGroup } from '@tarojs/components/lib/react'\nexport { CommentDetail, CommentList } from '@tarojs/components/lib/react'\nexport { ContactButton } from '@tarojs/components/lib/react'\nexport { CoverImage } from '@tarojs/components/lib/react'\nexport { CoverView } from '@tarojs/components/lib/react'\nexport { CustomWrapper } from '@tarojs/components/lib/react'\nexport { DraggableSheet } from '@tarojs/components/lib/react'\nexport { Editor } from '@tarojs/components/lib/react'\nexport { FollowSwan } from '@tarojs/components/lib/react'\nexport { Form } from '@tarojs/components/lib/react'\nexport { FunctionalPageNavigator } from '@tarojs/components/lib/react'\nexport { GridView } from '@tarojs/components/lib/react'\nexport { GridBuilder } from '@tarojs/components/lib/react'\nexport { default as Icon } from './components/icon'\nexport { default as Image } from './components/image'\nexport { InlinePaymentPanel } from '@tarojs/components/lib/react'\nexport { default as Input } from './components/input'\nexport { KeyboardAccessory } from '@tarojs/components/lib/react'\nexport { Label } from '@tarojs/components/lib/react'\nexport { Lifestyle } from '@tarojs/components/lib/react'\nexport { Like } from '@tarojs/components/lib/react'\nexport { LivePlayer } from '@tarojs/components/lib/react'\nexport { LivePusher } from '@tarojs/components/lib/react'\nexport { ListBuilder } from '@tarojs/components/lib/react'\nexport { ListView } from '@tarojs/components/lib/react'\nexport { Login } from '@tarojs/components/lib/react'\nexport { Lottie } from '@tarojs/components/lib/react'\nexport { default as Map, type MapProps } from './components/map'\nexport { createMapContext } from './components/map'\nexport { MatchMedia } from '@tarojs/components/lib/react'\nexport { MovableArea, MovableView } from '@tarojs/components/lib/react'\nexport { NavigationBar } from '@tarojs/components/lib/react'\nexport { Navigator } from '@tarojs/components/lib/react'\nexport { NestedScrollBody } from '@tarojs/components/lib/react'\nexport { NestedScrollHeader } from '@tarojs/components/lib/react'\nexport { OfficialAccount } from '@tarojs/components/lib/react'\nexport { OpenData } from '@tarojs/components/lib/react'\nexport { OpenContainer } from '@tarojs/components/lib/react'\nexport { PageContainer } from '@tarojs/components/lib/react'\nexport { PageMeta } from '@tarojs/components/lib/react'\nexport { default as Picker } from './components/picker'\nexport { PickerView, PickerViewColumn } from '@tarojs/components/lib/react'\nexport { Progress } from '@tarojs/components/lib/react'\nexport { default as PullDownRefresh } from './components/pull-down-refresh'\n// export { PullToRefresh } from '@tarojs/components/lib/react'\nexport { default as Refresher, type RefresherProps } from './components/refresher'\nexport { Radio, RadioGroup } from '@tarojs/components/lib/react'\nexport { RichText } from '@tarojs/components/lib/react'\nexport { RootPortal } from '@tarojs/components/lib/react'\nexport { RtcRoom, RtcRoomItem } from '@tarojs/components/lib/react'\nexport { Script } from '@tarojs/components/lib/react'\nexport { ScrollElementContext, type ScrollElementContextValue } from './contexts/ScrollElementContext'\nexport { default as ScrollView } from './components/scroll-view'\nexport { ShareElement } from '@tarojs/components/lib/react'\nexport { Slider } from '@tarojs/components/lib/react'\nexport { Snapshot } from '@tarojs/components/lib/react'\nexport { Span } from '@tarojs/components/lib/react'\nexport { NativeSlot, Slot } from '@tarojs/components/lib/react'\nexport { Swiper, SwiperItem } from './components/swiper'\nexport { default as Switch } from './components/switch'\nexport { Tabs } from '@tarojs/components/lib/react'\nexport { default as Text } from './components/text'\nexport { Textarea } from '@tarojs/components/lib/react'\nexport { Video } from '@tarojs/components/lib/react'\nexport { default as View } from './components/view'\nexport { VoipRoom } from '@tarojs/components/lib/react'\nexport { WebView } from '@tarojs/components/lib/react'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA"}

package/dist/solid/components/image/index.js

@@ -13,16 +13,18 @@ function Image(props) {
   const [, setIsLoaded] = useState(false);
   const {
       className,
-      style: style$1 = {},
+      style: style$1,
       src,
       mode,
       onError,
       lazyLoad,
       imgProps,
-      forwardedRef
+      forwardedRef,
+      disableDefaultSize = false
     } = props,
-    reset = __rest(props, ["className", "style", "src", "mode", "onError", "lazyLoad", "imgProps", "forwardedRef"]);
+    reset = __rest(props, ["className", "style", "src", "mode", "onError", "lazyLoad", "imgProps", "forwardedRef", "disableDefaultSize"]);
   const cls = classNames('taro-img', {
+    'taro-img--with-default-host-size': !disableDefaultSize,
     'taro-img__widthfix': mode === 'widthFix'
   }, className);
   const imgCls = classNames('taro-img__mode-' + (mode || 'scaleToFill').toLowerCase().replace(/\s/g, ''));

package/dist/solid/components/image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/image/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent } from '../../utils'\nimport { useCallback, useEffect, useRef, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  src: string\n  mode: string\n  onError: () => void\n  onLoad: (e) => void\n  lazyLoad?: boolean\n  imgProps?: Record<string, any>\n  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n}\n\nfunction Image (props: IProps) {\n  const imgRef = useRef<HTMLImageElement | null>(null)\n  const observer = useRef<Partial<IntersectionObserver>>({})\n  const [, setIsLoaded] = useState(false)\n  const {\n    className,\n    style = {},\n    src,\n    mode,\n    onError,\n    lazyLoad,\n    imgProps,\n    forwardedRef,\n    ...reset\n  } = props\n\n  const cls = classNames(\n    'taro-img',\n    {\n      'taro-img__widthfix': mode === 'widthFix'\n    },\n    className\n  )\n  const imgCls = classNames(\n    'taro-img__mode-' +\n      (mode || 'scaleToFill').toLowerCase().replace(/\\s/g, '')\n  )\n\n  const imageOnLoad = useCallback((e) => {\n    const { onLoad } = props\n    Object.defineProperty(e, 'detail', {\n      enumerable: true,\n      writable: true,\n      value: {\n        width: e.target.width,\n        height: e.target.height\n      }\n    })\n\n    onLoad && onLoad(e)\n  }, [props])\n\n  useEffect(() => {\n    if (lazyLoad) {\n      observer.current = new IntersectionObserver(\n        entries => {\n          // 异步 api 关系\n          if (entries[entries.length - 1].isIntersecting) {\n            setIsLoaded(true)\n            // findDOMNode(this).children[0].src = src\n            imgRef.current!.src = src\n          }\n        },\n        {\n          rootMargin: '300px 0px'\n        }\n      )\n      observer.current.observe?.(imgRef.current!)\n    }\n\n    return () => {\n      observer.current?.disconnect?.()\n    }\n  }, [lazyLoad, src])\n\n  return (\n    <div className={cls} style={style} ref={forwardedRef} {...reset}>\n      {lazyLoad ? (\n        <img\n          ref={img => (imgRef.current = img)}\n          className={imgCls}\n          data-src={src}\n          onLoad={imageOnLoad}\n          onError={onError}\n          {...imgProps}\n        />\n      ) : (\n        <img\n          ref={img => (imgRef.current = img)}\n          className={imgCls}\n          src={src}\n          onLoad={imageOnLoad}\n          onError={onError}\n          {...imgProps}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default createForwardRefComponent(Image)\n"],"names":["Image","props","imgRef","useRef","observer","setIsLoaded","useState","className","style","src","mode","onError","lazyLoad","imgProps","forwardedRef","reset","__rest","cls","classNames","imgCls","toLowerCase","replace","imageOnLoad","useCallback","e","onLoad","Object","defineProperty","enumerable","writable","value","width","target","height","useEffect","current","IntersectionObserver","entries","length","isIntersecting","rootMargin","_b","_a","observe","call","disconnect","_el$","_tmpl$","_$use","_$spread","_$insert","_el$2","_tmpl$2","_$addEventListener","img","_$setAttribute","_el$3","_$effect","_$p","_$style","createForwardRefComponent"],"mappings":";;;;;;;;;AAmBA,SAASA,KAAKA,CAAEC,KAAa,EAAA;AAC3B,EAAA,MAAMC,MAAM,GAAGC,MAAM,CAA0B,IAAI,CAAC;AACpD,EAAA,MAAMC,QAAQ,GAAGD,MAAM,CAAgC,EAAE,CAAC;AAC1D,EAAA,MAAM,GAAGE,WAAW,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAM;MACJC,SAAS;aACTC,OAAK,GAAG,EAAE;MACVC,GAAG;MACHC,IAAI;MACJC,OAAO;MACPC,QAAQ;MACRC,QAAQ;AACRC,MAAAA;AAAY,KAAA,GAEVb,KAAK;IADJc,KAAK,GAAAC,MAAA,CACNf,KAAK,EAVH,CAUL,WAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,CAAA,CAAQ;AAET,EAAA,MAAMgB,GAAG,GAAGC,UAAU,CACpB,UAAU,EACV;IACE,oBAAoB,EAAER,IAAI,KAAK;GAChC,EACDH,SAAS,CACV;EACD,MAAMY,MAAM,GAAGD,UAAU,CACvB,iBAAiB,GACf,CAACR,IAAI,IAAI,aAAa,EAAEU,WAAW,EAAE,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D;AAED,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAAEC,CAAC,IAAI;IACpC,MAAM;AAAEC,MAAAA;AAAQ,KAAA,GAAGxB,KAAK;AACxByB,IAAAA,MAAM,CAACC,cAAc,CAACH,CAAC,EAAE,QAAQ,EAAE;AACjCI,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEP,CAAC,CAACQ,MAAM,CAACD,KAAK;AACrBE,QAAAA,MAAM,EAAET,CAAC,CAACQ,MAAM,CAACC;AAClB;AACF,KAAA,CAAC;AAEFR,IAAAA,MAAM,IAAIA,MAAM,CAACD,CAAC,CAAC;AACrB,GAAC,EAAE,CAACvB,KAAK,CAAC,CAAC;AAEXiC,EAAAA,SAAS,CAAC,MAAK;;AACb,IAAA,IAAItB,QAAQ,EAAE;AACZR,MAAAA,QAAQ,CAAC+B,OAAO,GAAG,IAAIC,oBAAoB,CACzCC,OAAO,IAAG;AACR;QACA,IAAIA,OAAO,CAACA,OAAO,CAACC,MAAM,GAAG,CAAC,CAAC,CAACC,cAAc,EAAE;UAC9ClC,WAAW,CAAC,IAAI,CAAC;AACjB;AACAH,UAAAA,MAAM,CAACiC,OAAQ,CAAC1B,GAAG,GAAGA,GAAG;AAC3B;AACF,OAAC,EACD;AACE+B,QAAAA,UAAU,EAAE;AACb,OAAA,CACF;AACD,MAAA,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAtC,QAAQ,CAAC+B,OAAO,EAACQ,OAAO,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,IAAA,CAAAF,EAAA,EAAGxC,MAAM,CAACiC,OAAQ,CAAC;AAC7C;AAEA,IAAA,OAAO,MAAK;;AACV,MAAA,CAAAM,EAAA,GAAA,MAAArC,QAAQ,CAAC+B,OAAO,MAAE,IAAA,IAAAO,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,UAAU,kDAAI;KACjC;AACH,GAAC,EAAE,CAACjC,QAAQ,EAAEH,GAAG,CAAC,CAAC;AAEnB,EAAA,OAAA,CAAA,MAAA;IAAA,IAAAqC,IAAA,GAAAC,MAAA,EAAA;IAAAC,GAAA,CAC0ClC,YAAY,EAAAgC,IAAA,CAAA;IAAAA,IAAA,CAAAvC,SAAA,GAApCU,GAAG;IAAAgC,MAAA,CAAAH,IAAA,EAAuC/B,KAAK,EAAA,KAAA,EAAA,IAAA,CAAA;IAAAmC,MAAA,CAAAJ,IAAA,EAC5DlC,QAAQ,GAAA,CAAA,MAAA;MAAA,IAAAuC,KAAA,GAAAC,OAAA,EAAA;MAAAC,gBAAA,CAAAF,KAAA,EAAA,OAAA,EAMIxC,OAAO,CAAA;MAAA0C,gBAAA,CAAAF,KAAA,EAAA,MAAA,EADR7B,WAAW,CAAA;MAAA0B,GAAA,CAHdM,GAAG,IAAKpD,MAAM,CAACiC,OAAO,GAAGmB,GAAI,EAAAH,KAAA,CAAA;MAAAA,KAAA,CAAA5C,SAAA,GACvBY,MAAM;MAAAoC,YAAA,CAAAJ,KAAA,EAAA,UAAA,EACP1C,GAAG,CAAA;MAAAwC,MAAA,CAAAE,KAAA,EAGTtC,QAAQ,EAAA,KAAA,EAAA,KAAA,CAAA;AAAA,MAAA,OAAAsC,KAAA;AAAA,KAAA,GAAA,GAAA,CAAA,MAAA;MAAA,IAAAK,KAAA,GAAAJ,OAAA,EAAA;MAAAC,gBAAA,CAAAG,KAAA,EAAA,OAAA,EAQH7C,OAAO,CAAA;MAAA0C,gBAAA,CAAAG,KAAA,EAAA,MAAA,EADRlC,WAAW,CAAA;MAAA0B,GAAA,CAHdM,GAAG,IAAKpD,MAAM,CAACiC,OAAO,GAAGmB,GAAI,EAAAE,KAAA,CAAA;MAAAA,KAAA,CAAAjD,SAAA,GACvBY,MAAM;MAAAoC,YAAA,CAAAC,KAAA,EAAA,KAAA,EACZ/C,GAAG,CAAA;MAAAwC,MAAA,CAAAO,KAAA,EAGJ3C,QAAQ,EAAA,KAAA,EAAA,KAAA,CAAA;AAAA,MAAA,OAAA2C,KAAA;KAEf,GAAA,CAAA;IAAAC,MAAA,CAAAC,GAAA,IAAAC,KAAA,CAAAb,IAAA,EAnByBtC,OAAK,EAAAkD,GAAA,CAAA,CAAA;AAAA,IAAA,OAAAZ,IAAA;AAAA,GAAA,GAAA;AAsBrC;AAEA,YAAec,yBAAyB,CAAC5D,KAAK,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/image/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent } from '../../utils'\nimport { useCallback, useEffect, useRef, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  src: string\n  mode: string\n  onError: () => void\n  onLoad: (e) => void\n  lazyLoad?: boolean\n  imgProps?: Record<string, any>\n  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n  /** 为 true 时不挂载默认占位尺寸（320×240），由业务 style/class 决定容器大小 */\n  disableDefaultSize?: boolean\n}\n\nfunction Image (props: IProps) {\n  const imgRef = useRef<HTMLImageElement | null>(null)\n  const observer = useRef<Partial<IntersectionObserver>>({})\n  const [, setIsLoaded] = useState(false)\n  const {\n    className,\n    style,\n    src,\n    mode,\n    onError,\n    lazyLoad,\n    imgProps,\n    forwardedRef,\n    disableDefaultSize = false,\n    ...reset\n  } = props\n\n  const cls = classNames(\n    'taro-img',\n    {\n      'taro-img--with-default-host-size': !disableDefaultSize,\n      'taro-img__widthfix': mode === 'widthFix'\n    },\n    className\n  )\n  const imgCls = classNames(\n    'taro-img__mode-' +\n      (mode || 'scaleToFill').toLowerCase().replace(/\\s/g, '')\n  )\n\n  const imageOnLoad = useCallback((e) => {\n    const { onLoad } = props\n    Object.defineProperty(e, 'detail', {\n      enumerable: true,\n      writable: true,\n      value: {\n        width: e.target.width,\n        height: e.target.height\n      }\n    })\n\n    onLoad && onLoad(e)\n  }, [props])\n\n  useEffect(() => {\n    if (lazyLoad) {\n      observer.current = new IntersectionObserver(\n        entries => {\n          // 异步 api 关系\n          if (entries[entries.length - 1].isIntersecting) {\n            setIsLoaded(true)\n            // findDOMNode(this).children[0].src = src\n            imgRef.current!.src = src\n          }\n        },\n        {\n          rootMargin: '300px 0px'\n        }\n      )\n      observer.current.observe?.(imgRef.current!)\n    }\n\n    return () => {\n      observer.current?.disconnect?.()\n    }\n  }, [lazyLoad, src])\n\n  return (\n    <div className={cls} style={style} ref={forwardedRef} {...reset}>\n      {lazyLoad ? (\n        <img\n          ref={img => (imgRef.current = img)}\n          className={imgCls}\n          data-src={src}\n          onLoad={imageOnLoad}\n          onError={onError}\n          {...imgProps}\n        />\n      ) : (\n        <img\n          ref={img => (imgRef.current = img)}\n          className={imgCls}\n          src={src}\n          onLoad={imageOnLoad}\n          onError={onError}\n          {...imgProps}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default createForwardRefComponent(Image)\n"],"names":["Image","props","imgRef","useRef","observer","setIsLoaded","useState","className","style","src","mode","onError","lazyLoad","imgProps","forwardedRef","disableDefaultSize","reset","__rest","cls","classNames","imgCls","toLowerCase","replace","imageOnLoad","useCallback","e","onLoad","Object","defineProperty","enumerable","writable","value","width","target","height","useEffect","current","IntersectionObserver","entries","length","isIntersecting","rootMargin","_b","_a","observe","call","disconnect","_el$","_tmpl$","_$use","_$spread","_$insert","_el$2","_tmpl$2","_$addEventListener","img","_$setAttribute","_el$3","_$effect","_$p","_$style","createForwardRefComponent"],"mappings":";;;;;;;;;AAqBA,SAASA,KAAKA,CAAEC,KAAa,EAAA;AAC3B,EAAA,MAAMC,MAAM,GAAGC,MAAM,CAA0B,IAAI,CAAC;AACpD,EAAA,MAAMC,QAAQ,GAAGD,MAAM,CAAgC,EAAE,CAAC;AAC1D,EAAA,MAAM,GAAGE,WAAW,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EACvC,MAAM;MACJC,SAAS;aACTC,OAAK;MACLC,GAAG;MACHC,IAAI;MACJC,OAAO;MACPC,QAAQ;MACRC,QAAQ;MACRC,YAAY;AACZC,MAAAA,kBAAkB,GAAG;AAEnB,KAAA,GAAAd,KAAK;IADJe,KAAK,GACNC,MAAA,CAAAhB,KAAK,EAXH,CAAA,WAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,oBAAA,CAWL,CAAQ;AAET,EAAA,MAAMiB,GAAG,GAAGC,UAAU,CACpB,UAAU,EACV;IACE,kCAAkC,EAAE,CAACJ,kBAAkB;IACvD,oBAAoB,EAAEL,IAAI,KAAK;GAChC,EACDH,SAAS,CACV;EACD,MAAMa,MAAM,GAAGD,UAAU,CACvB,iBAAiB,GACf,CAACT,IAAI,IAAI,aAAa,EAAEW,WAAW,EAAE,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D;AAED,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAAEC,CAAC,IAAI;IACpC,MAAM;AAAEC,MAAAA;AAAQ,KAAA,GAAGzB,KAAK;AACxB0B,IAAAA,MAAM,CAACC,cAAc,CAACH,CAAC,EAAE,QAAQ,EAAE;AACjCI,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEP,CAAC,CAACQ,MAAM,CAACD,KAAK;AACrBE,QAAAA,MAAM,EAAET,CAAC,CAACQ,MAAM,CAACC;AAClB;AACF,KAAA,CAAC;AAEFR,IAAAA,MAAM,IAAIA,MAAM,CAACD,CAAC,CAAC;AACrB,GAAC,EAAE,CAACxB,KAAK,CAAC,CAAC;AAEXkC,EAAAA,SAAS,CAAC,MAAK;;AACb,IAAA,IAAIvB,QAAQ,EAAE;AACZR,MAAAA,QAAQ,CAACgC,OAAO,GAAG,IAAIC,oBAAoB,CACzCC,OAAO,IAAG;AACR;QACA,IAAIA,OAAO,CAACA,OAAO,CAACC,MAAM,GAAG,CAAC,CAAC,CAACC,cAAc,EAAE;UAC9CnC,WAAW,CAAC,IAAI,CAAC;AACjB;AACAH,UAAAA,MAAM,CAACkC,OAAQ,CAAC3B,GAAG,GAAGA,GAAG;AAC3B;AACF,OAAC,EACD;AACEgC,QAAAA,UAAU,EAAE;AACb,OAAA,CACF;AACD,MAAA,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAvC,QAAQ,CAACgC,OAAO,EAACQ,OAAO,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,IAAA,CAAAF,EAAA,EAAGzC,MAAM,CAACkC,OAAQ,CAAC;AAC7C;AAEA,IAAA,OAAO,MAAK;;AACV,MAAA,CAAAM,EAAA,GAAA,MAAAtC,QAAQ,CAACgC,OAAO,MAAE,IAAA,IAAAO,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,UAAU,kDAAI;KACjC;AACH,GAAC,EAAE,CAAClC,QAAQ,EAAEH,GAAG,CAAC,CAAC;AAEnB,EAAA,OAAA,CAAA,MAAA;IAAA,IAAAsC,IAAA,GAAAC,MAAA,EAAA;IAAAC,GAAA,CAC0CnC,YAAY,EAAAiC,IAAA,CAAA;IAAAA,IAAA,CAAAxC,SAAA,GAApCW,GAAG;IAAAgC,MAAA,CAAAH,IAAA,EAAuC/B,KAAK,EAAA,KAAA,EAAA,IAAA,CAAA;IAAAmC,MAAA,CAAAJ,IAAA,EAC5DnC,QAAQ,GAAA,CAAA,MAAA;MAAA,IAAAwC,KAAA,GAAAC,OAAA,EAAA;MAAAC,gBAAA,CAAAF,KAAA,EAAA,OAAA,EAMIzC,OAAO,CAAA;MAAA2C,gBAAA,CAAAF,KAAA,EAAA,MAAA,EADR7B,WAAW,CAAA;MAAA0B,GAAA,CAHdM,GAAG,IAAKrD,MAAM,CAACkC,OAAO,GAAGmB,GAAI,EAAAH,KAAA,CAAA;MAAAA,KAAA,CAAA7C,SAAA,GACvBa,MAAM;MAAAoC,YAAA,CAAAJ,KAAA,EAAA,UAAA,EACP3C,GAAG,CAAA;MAAAyC,MAAA,CAAAE,KAAA,EAGTvC,QAAQ,EAAA,KAAA,EAAA,KAAA,CAAA;AAAA,MAAA,OAAAuC,KAAA;AAAA,KAAA,GAAA,GAAA,CAAA,MAAA;MAAA,IAAAK,KAAA,GAAAJ,OAAA,EAAA;MAAAC,gBAAA,CAAAG,KAAA,EAAA,OAAA,EAQH9C,OAAO,CAAA;MAAA2C,gBAAA,CAAAG,KAAA,EAAA,MAAA,EADRlC,WAAW,CAAA;MAAA0B,GAAA,CAHdM,GAAG,IAAKrD,MAAM,CAACkC,OAAO,GAAGmB,GAAI,EAAAE,KAAA,CAAA;MAAAA,KAAA,CAAAlD,SAAA,GACvBa,MAAM;MAAAoC,YAAA,CAAAC,KAAA,EAAA,KAAA,EACZhD,GAAG,CAAA;MAAAyC,MAAA,CAAAO,KAAA,EAGJ5C,QAAQ,EAAA,KAAA,EAAA,KAAA,CAAA;AAAA,MAAA,OAAA4C,KAAA;KAEf,GAAA,CAAA;IAAAC,MAAA,CAAAC,GAAA,IAAAC,KAAA,CAAAb,IAAA,EAnByBvC,OAAK,EAAAmD,GAAA,CAAA,CAAA;AAAA,IAAA,OAAAZ,IAAA;AAAA,GAAA,GAAA;AAsBrC;AAEA,YAAec,yBAAyB,CAAC7D,KAAK,CAAC;;;;"}