@xhsreds/reds-rn-next 0.8.4-image-optimization202510222117 → 0.9.1-beta202510271511

package/lib/cjs/components/DropDown/DropDown.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
 var components_ConfigProvider_hooks_themeToken_useColorMode = require('../ConfigProvider/hooks/themeToken/useColorMode.js');
-var components_DropDown_interface_index = require('../../_chunks/DPBrXUej.js');
+var components_DropDown_interface_index = require('../../_chunks/BtaVqoIv.js');
 var components_DropDown_styles = require('./styles.js');
 var components_Tab_Tabs = require('../Tab/Tabs.js');
-var components_Tab_interface_index = require('../../_chunks/CvcFE2DY.js');
+var components_Tab_interface_index = require('../../_chunks/B9F3kSJr.js');
 var components_Icon_Icon = require('../Icon/Icon.js');
 var components_Icon_interface_index = require('../../_chunks/NjAxlnfB.js');
 var components_Button_Button = require('../Button/Button.js');
@@ -44,12 +44,13 @@ require('../ProgressIndicator/lottie/progress_loading_primary.js');
 require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 require('../../_chunks/DoNqsT5m.js');
 require('../LanguageProvider/hooks/LanguageContext.js');
 require('../../i18n/index.js');
 
-var DropDown = function DropDown(props) {
+var DropDown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   pvCount_useUnmountedProcess.default("DropDown");
   var colorMode = components_ConfigProvider_hooks_themeToken_useColorMode.useColorMode();
   var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor();
@@ -88,6 +89,7 @@ var DropDown = function DropDown(props) {
     });
   }, [props === null || props === void 0 ? void 0 : props.options]);
   var handleChange = function handleChange(key, index) {
+    var _props$onChange;
     setFilter(false);
     if (activeTab === key) {
       setActiveTab(void 0);
@@ -96,17 +98,19 @@ var DropDown = function DropDown(props) {
       setActiveTab(key);
       setActiveDropDownItemIndex(index);
     }
+    props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, key, index);
   };
   var handleFilter = function handleFilter() {
     setFilter(function (v) {
       return !v;
     });
     setActiveTab(void 0);
+    setActiveDropDownItemIndex(void 0);
   };
   var defaultVnode = React.useMemo(function () {
     if (activeDropDownItemIndex !== void 0) {
       var _props$children;
-      return props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children[activeDropDownItemIndex];
+      return props !== null && props !== void 0 && props.children.length ? props === null || props === void 0 || (_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children[activeDropDownItemIndex] : activeDropDownItemIndex === 0 ? props.children : /* @__PURE__ */React.createElement(React.Fragment, null);
     } else {
       return null;
     }
@@ -116,8 +120,10 @@ var DropDown = function DropDown(props) {
     return !!((defaultVnode === null || defaultVnode === void 0 || (_defaultVnode$props = defaultVnode.props) === null || _defaultVnode$props === void 0 ? void 0 : _defaultVnode$props.type) !== components_DropDown_interface_index.DROPDOWNITEMTYPE.RADIO && activeTab || filter);
   }, [activeTab, filter, defaultVnode]);
   var handleMask = function handleMask() {
+    var _props$onClose;
     setActiveTab("");
     setFilter(false);
+    props === null || props === void 0 || (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
   };
   var handleReset = function handleReset() {
     var _props$onReset;
@@ -145,18 +151,34 @@ var DropDown = function DropDown(props) {
     }
   }, [colorMode, filter]);
   var computedStyles = components_DropDown_styles.getRedsDropDownVariantStyles(themeColor);
-  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(reactNative.View, {
+  var tabLayout = React.useMemo(function () {
+    if (props.tabLayout) {
+      return props.tabLayout;
+    }
+    return props !== null && props !== void 0 && props.filter ? components_Tab_interface_index.TabLayoutType.left : components_Tab_interface_index.TabLayoutType.space;
+  }, [props.tabLayout, props === null || props === void 0 ? void 0 : props.filter]);
+  React.useImperativeHandle(ref, function () {
+    return {
+      handleMask: handleMask
+    };
+  });
+  return /* @__PURE__ */React.createElement(reactNative.View, {
+    style: [{
+      position: "relative",
+      zIndex: 999
+    }]
+  }, /* @__PURE__ */React.createElement(reactNative.View, {
     style: [components_DropDown_styles.default.labelContainer, computedStyles.backgroundColor.bg, props.tabStyle]
-  }, /* @__PURE__ */React.createElement(components_Tab_Tabs.default, {
+  }, /* @__PURE__ */React.createElement(reactNative.View, null, props.header), /* @__PURE__ */React.createElement(components_Tab_Tabs.default, {
     onChange: handleChange,
     active: activeTab,
     labelType: components_Tab_interface_index.TabLabelType.rightIcon,
     theme: components_Tab_interface_index.TabThemeType.text,
-    layout: props !== null && props !== void 0 && props.filter ? components_Tab_interface_index.TabLayoutType.left : components_Tab_interface_index.TabLayoutType.space,
-    spaceWidth: 6,
-    tabPadding: 6,
+    layout: tabLayout,
     containerStyle: {
-      backgroundColor: computedStyles.backgroundColor.bg
+      backgroundColor: computedStyles.backgroundColor.bg,
+      width: "auto",
+      flex: 1
     }
   }, tabData.map(function (i) {
     return /* @__PURE__ */React.createElement(components_Tab_Tabs.Tab, {
@@ -176,15 +198,22 @@ var DropDown = function DropDown(props) {
     icon: filterIcon,
     size: 16,
     type: components_Icon_interface_index.iconType.image
-  }))) : /* @__PURE__ */React.createElement(React.Fragment, null)), activeTab || filter ? /* @__PURE__ */React.createElement(reactNative.View, {
+  }))) : /* @__PURE__ */React.createElement(React.Fragment, null)), /* @__PURE__ */React.createElement(reactNative.View, {
+    style: {
+      backgroundColor: themeColor.Separator,
+      height: 0.5
+    }
+  }), activeTab || filter ? /* @__PURE__ */React.createElement(reactNative.View, {
     style: [{
-      position: "relative",
-      height: "100%"
+      position: "absolute",
+      top: 44,
+      left: 0,
+      zIndex: 999
     }, props.dropdownItemContainerStyle]
   }, /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
     onPress: handleMask
   }, /* @__PURE__ */React.createElement(reactNative.View, {
-    style: [components_DropDown_styles.default.mask, computedStyles.backgroundColor.fill5]
+    style: [components_DropDown_styles.default.mask, computedStyles.backgroundColor.fill5, props.maskStyle]
   })), /* @__PURE__ */React.createElement(reactNative.View, {
     style: [components_DropDown_styles.default.DropDownContainer, computedStyles.backgroundColor.bg]
   }, /* @__PURE__ */React.createElement(reactNative.View, {
@@ -194,14 +223,10 @@ var DropDown = function DropDown(props) {
   }, /* @__PURE__ */React.createElement(reactNative.ScrollView, {
     style: components_DropDown_styles.default.ScrollStyles,
     showsVerticalScrollIndicator: false,
-    contentContainerStyle: {
-      paddingBottom: 50,
-      marginBottom: 20
-    },
     testID: "filter-active"
   }, filter ? props === null || props === void 0 ? void 0 : props.filter : /* @__PURE__ */React.createElement(reactNative.View, {
     testID: "filter-inactive"
-  }), activeTab ? /* @__PURE__ */React.createElement(reactNative.View, null, defaultVnode) : /* @__PURE__ */React.createElement(React.Fragment, null)), displayAction || filter ? /* @__PURE__ */React.createElement(reactNative.View, {
+  }), /* @__PURE__ */React.createElement(reactNative.View, null, defaultVnode)), displayAction || filter ? /* @__PURE__ */React.createElement(reactNative.View, {
     style: [components_DropDown_styles.default.btnContainer, computedStyles.backgroundColor.bg, computedStyles.borderTopColor.separator]
   }, /* @__PURE__ */React.createElement(reactNative.View, {
     style: components_DropDown_styles.default.resetBtn,
@@ -218,7 +243,7 @@ var DropDown = function DropDown(props) {
     variant: "fill",
     block: true
   }, props.finishText || finishKey))) : /* @__PURE__ */React.createElement(React.Fragment, null)))) : /* @__PURE__ */React.createElement(React.Fragment, null));
-};
+});
 DropDown.defaultProps = components_DropDown_interface_index.DropDownDefaultProps;
 
 exports.default = DropDown;

package/lib/cjs/components/DropDown/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","sources":["../../../../src/components/DropDown/DropDown.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ScrollView } from \"react-native\";\nimport { useColorMode, useThemeColor } from \"../ConfigProvider\";\nimport { RedsDropDown, DropDownDefaultProps, DROPDOWNITEMTYPE, FILTER_TYPE } from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { Tabs, Tab, TabType } from \"../Tab\";\nimport { Icon, IconType } from \"../Icon\";\nimport { Button } from \"../Button\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nconst DropDown = (props: RedsDropDown) => {\n  useMounted(\"DropDown\");\n  const colorMode = useColorMode();\n  const themeColor = useThemeColor();\n\n  const finishKey = useLanguage(\"componentKey\", \"finishKey\");\n  const resetKey = useLanguage(\"componentKey\", \"resetKey\");\n\n  /**\n   * 当前tab\n   */\n  const [activeTab, setActiveTab] = useState<string>();\n\n  /**\n   * 渲染children\n   */\n  const [activeDropDownItemIndex, setActiveDropDownItemIndex] = useState<number>();\n\n  /**\n   * 筛选内容\n   */\n  const [filter, setFilter] = useState(false);\n\n  const ArrowDown = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/e95343f0ee685242b0c25309a43e6afc34a9b274.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/9395ff8bbb48a1a1e2e855d64a6645c2e4dcf43e.png\";\n    }\n  }, [colorMode]);\n\n  /**\n   * 标签数据\n   */\n  const tabData = useMemo(() => {\n    return props?.options?.map((opt: any) => ({\n      text: opt?.value,\n      key: opt?.key,\n      iconProps: {\n        icon: ArrowDown,\n        size: 12,\n      },\n    }));\n  }, [props?.options]);\n\n  /**\n   * 切换tab\n   */\n  const handleChange = (key: string, index: number) => {\n    setFilter(false);\n    if (activeTab === key) {\n      setActiveTab(undefined);\n      setActiveDropDownItemIndex(undefined);\n    } else {\n      setActiveTab(key);\n      setActiveDropDownItemIndex(index);\n    }\n  };\n\n  /**\n   * 点击filter\n   */\n  const handleFilter = () => {\n    setFilter((v) => !v);\n    setActiveTab(undefined);\n  };\n\n  /**\n   * dropdownItem\n   */\n  const defaultVnode = useMemo(() => {\n    if (activeDropDownItemIndex !== undefined) {\n      return props?.children?.[activeDropDownItemIndex];\n    } else {\n      return null;\n    }\n  }, [props?.children, activeDropDownItemIndex]);\n\n  /**\n   * 默认插槽内容\n   */\n  const displayAction = useMemo(() => {\n    //@ts-expect-error\n    return !!((defaultVnode?.props?.type !== DROPDOWNITEMTYPE.RADIO && activeTab) || filter);\n  }, [activeTab, filter, defaultVnode]);\n\n  /**\n   * 点击阴影部分\n   */\n  const handleMask = () => {\n    setActiveTab(\"\");\n    setFilter(false);\n  };\n\n  /**\n   * 重置\n   */\n  const handleReset = () => {\n    props?.onReset?.();\n    handleMask();\n  };\n\n  /**\n   * 完成\n   */\n  const handleConfirm = () => {\n    props?.onConfirm?.();\n    handleMask();\n  };\n\n  const filterIcon = useMemo(() => {\n    if (filter) {\n      if (colorMode === \"light\") {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/0ec0425018c4579e2bc2dac08c51600b77f985fc.png\";\n      } else {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/763f53fc87b6566ca6211f40405624686d0c096e.png\";\n      }\n    } else {\n      if (colorMode === \"light\") {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/b6567b33d8dc25d6d8283d5be8638b60288327d4.png\";\n      } else {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/b22d72ad5a1a403af373179ee047ef7cca33ce7e.png\";\n      }\n    }\n  }, [colorMode, filter]);\n\n  const computedStyles = getRedsDropDownVariantStyles(themeColor);\n\n  return (\n    <>\n      {/* 标签 */}\n      <View style={[styles.labelContainer, computedStyles.backgroundColor.bg, props.tabStyle]}>\n        {/** 渲染tab内容 */}\n        <Tabs\n          onChange={handleChange}\n          active={activeTab}\n          labelType={TabType.TabLabelType.rightIcon}\n          theme={TabType.TabThemeType.text}\n          layout={props?.filter ? TabType.TabLayoutType.left : TabType.TabLayoutType.space}\n          spaceWidth={6}\n          tabPadding={6}\n          containerStyle={{ backgroundColor: computedStyles.backgroundColor.bg }}\n        >\n          {tabData.map((i) => (\n            <Tab name={i.text} value={i.key} iconProps={i.iconProps} key={i.text + i.key}>\n              <></>\n            </Tab>\n          ))}\n        </Tabs>\n        {/** 渲染筛选项内容 */}\n        {props?.filter ? (\n          <TouchableWithoutFeedback onPress={handleFilter} testID=\"filter-button\">\n            <View style={styles.filter}>\n              {props.filterType === FILTER_TYPE.TEXT ? (\n                <Text\n                  style={[\n                    filter\n                      ? [styles.filterActiveText, computedStyles.color.title]\n                      : [styles.filterNormalText, computedStyles.color.description],\n                  ]}\n                >\n                  筛选\n                </Text>\n              ) : (\n                <></>\n              )}\n              <Icon icon={filterIcon} size={16} type={IconType.iconType.image} />\n            </View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n      </View>\n      {/** 渲染DropDownItem */}\n      {activeTab || filter ? (\n        <View style={[{ position: \"relative\", height: \"100%\" }, props.dropdownItemContainerStyle]}>\n          <TouchableWithoutFeedback onPress={handleMask}>\n            <View style={[styles.mask, computedStyles.backgroundColor.fill5]}></View>\n          </TouchableWithoutFeedback>\n          <View style={[styles.DropDownContainer, computedStyles.backgroundColor.bg]}>\n            <View style={[styles.DropDownItemWrapper, { paddingHorizontal: 12 }]}>\n              <ScrollView\n                style={styles.ScrollStyles}\n                showsVerticalScrollIndicator={false}\n                contentContainerStyle={{ paddingBottom: 50, marginBottom: 20 }}\n                testID=\"filter-active\"\n              >\n                {/* 展示筛选插槽内容 */}\n                {filter ? props?.filter : <View testID=\"filter-inactive\" />}\n                {/* 展示默认插槽内容 */}\n                {activeTab ? <View>{defaultVnode}</View> : <></>}\n              </ScrollView>\n              {/* 底部按钮 */}\n              {displayAction || filter ? (\n                <View\n                  style={[\n                    styles.btnContainer,\n                    computedStyles.backgroundColor.bg,\n                    computedStyles.borderTopColor.separator,\n                  ]}\n                >\n                  <View style={styles.resetBtn} testID=\"reset-button\">\n                    <Button onClick={handleReset} block>\n                      {props.resetText || resetKey}\n                    </Button>\n                  </View>\n                  <View style={styles.confirmBtn} testID=\"confirm-button\">\n                    <Button onClick={handleConfirm} type=\"primary\" variant=\"fill\" block>\n                      {props.finishText || finishKey}\n                    </Button>\n                  </View>\n                </View>\n              ) : (\n                <></>\n              )}\n            </View>\n          </View>\n        </View>\n      ) : (\n        <></>\n      )}\n    </>\n  );\n};\n\nDropDown.defaultProps = DropDownDefaultProps;\n\nexport default DropDown;\n"],"names":["DropDown","props","useMounted","colorMode","useColorMode","themeColor","useThemeColor","finishKey","useLanguage","resetKey","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","_useState3","_useState4","activeDropDownItemIndex","setActiveDropDownItemIndex","_useState5","_useState6","filter","setFilter","ArrowDown","useMemo","tabData","_props$options","options","map","opt","text","value","key","iconProps","icon","size","handleChange","index","handleFilter","v","defaultVnode","_props$children","children","displayAction","_defaultVnode$props","type","DROPDOWNITEMTYPE","RADIO","handleMask","handleReset","_props$onReset","onReset","call","handleConfirm","_props$onConfirm","onConfirm","filterIcon","computedStyles","getRedsDropDownVariantStyles","React","createElement","Fragment","View","style","styles","labelContainer","backgroundColor","bg","tabStyle","Tabs","onChange","active","labelType","TabType","rightIcon","theme","layout","left","space","spaceWidth","tabPadding","containerStyle","i","Tab","name","TouchableWithoutFeedback","onPress","testID","filterType","FILTER_TYPE","TEXT","Text","filterActiveText","color","title","filterNormalText","description","Icon","IconType","image","position","height","dropdownItemContainerStyle","mask","fill5","DropDownContainer","DropDownItemWrapper","paddingHorizontal","ScrollView","ScrollStyles","showsVerticalScrollIndicator","contentContainerStyle","paddingBottom","marginBottom","btnContainer","borderTopColor","separator","resetBtn","Button","onClick","block","resetText","confirmBtn","variant","finishText","defaultProps","DropDownDefaultProps"],"mappings":"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"}
+{"version":3,"file":"DropDown.js","sources":["../../../../src/components/DropDown/DropDown.tsx"],"sourcesContent":["import React, { useState, useMemo, forwardRef, useImperativeHandle } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ScrollView } from \"react-native\";\nimport { useColorMode, useThemeColor } from \"../ConfigProvider\";\nimport { RedsDropDown, DropDownDefaultProps, DROPDOWNITEMTYPE, FILTER_TYPE } from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { Tabs, Tab, TabType } from \"../Tab\";\nimport { Icon, IconType } from \"../Icon\";\nimport { Button } from \"../Button\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nconst DropDown = forwardRef((props: RedsDropDown, ref) => {\n  useMounted(\"DropDown\");\n  const colorMode = useColorMode();\n  const themeColor = useThemeColor();\n\n  const finishKey = useLanguage(\"componentKey\", \"finishKey\");\n  const resetKey = useLanguage(\"componentKey\", \"resetKey\");\n\n  /**\n   * 当前tab\n   */\n  const [activeTab, setActiveTab] = useState<string>();\n\n  /**\n   * 渲染children\n   */\n  const [activeDropDownItemIndex, setActiveDropDownItemIndex] = useState<number>();\n\n  /**\n   * 筛选内容\n   */\n  const [filter, setFilter] = useState(false);\n\n  const ArrowDown = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/e95343f0ee685242b0c25309a43e6afc34a9b274.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/9395ff8bbb48a1a1e2e855d64a6645c2e4dcf43e.png\";\n    }\n  }, [colorMode]);\n\n  /**\n   * 标签数据\n   */\n  const tabData = useMemo(() => {\n    return props?.options?.map((opt: any) => ({\n      text: opt?.value,\n      key: opt?.key,\n      iconProps: {\n        icon: ArrowDown,\n        size: 12,\n      },\n    }));\n  }, [props?.options]);\n\n  /**\n   * 切换tab\n   */\n  const handleChange = (key: string, index: number) => {\n    setFilter(false);\n    if (activeTab === key) {\n      setActiveTab(undefined);\n      setActiveDropDownItemIndex(undefined);\n    } else {\n      setActiveTab(key);\n      setActiveDropDownItemIndex(index);\n    }\n    props?.onChange?.(key, index);\n  };\n\n  /**\n   * 点击filter\n   */\n  const handleFilter = () => {\n    setFilter((v) => !v);\n    setActiveTab(undefined);\n    setActiveDropDownItemIndex(undefined);\n  };\n\n  /**\n   * dropdownItem\n   */\n  const defaultVnode = useMemo(() => {\n    if (activeDropDownItemIndex !== undefined) {\n      return props?.children.length ? (\n        props?.children?.[activeDropDownItemIndex]\n      ) : activeDropDownItemIndex === 0 ? (\n        props.children\n      ) : (\n        <></>\n      );\n    } else {\n      return null;\n    }\n  }, [props?.children, activeDropDownItemIndex]);\n\n  /**\n   * 默认插槽内容\n   */\n  const displayAction = useMemo(() => {\n    //@ts-expect-error\n    return !!((defaultVnode?.props?.type !== DROPDOWNITEMTYPE.RADIO && activeTab) || filter);\n  }, [activeTab, filter, defaultVnode]);\n\n  /**\n   * 点击阴影部分\n   */\n  const handleMask = () => {\n    setActiveTab(\"\");\n    setFilter(false);\n    props?.onClose?.();\n  };\n\n  /**\n   * 重置\n   */\n  const handleReset = () => {\n    props?.onReset?.();\n    handleMask();\n  };\n\n  /**\n   * 完成\n   */\n  const handleConfirm = () => {\n    props?.onConfirm?.();\n    handleMask();\n  };\n\n  const filterIcon = useMemo(() => {\n    if (filter) {\n      if (colorMode === \"light\") {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/0ec0425018c4579e2bc2dac08c51600b77f985fc.png\";\n      } else {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/763f53fc87b6566ca6211f40405624686d0c096e.png\";\n      }\n    } else {\n      if (colorMode === \"light\") {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/b6567b33d8dc25d6d8283d5be8638b60288327d4.png\";\n      } else {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/b22d72ad5a1a403af373179ee047ef7cca33ce7e.png\";\n      }\n    }\n  }, [colorMode, filter]);\n\n  const computedStyles = getRedsDropDownVariantStyles(themeColor);\n\n  const tabLayout = useMemo(() => {\n    if (props.tabLayout) {\n      return props.tabLayout;\n    }\n    return props?.filter ? TabType.TabLayoutType.left : TabType.TabLayoutType.space;\n  }, [props.tabLayout, props?.filter]);\n\n  useImperativeHandle(ref, () => {\n    return {\n      handleMask,\n    };\n  });\n  return (\n    <View style={[{ position: \"relative\", zIndex: 999 }]}>\n      {/* 标签 */}\n      <View style={[styles.labelContainer, computedStyles.backgroundColor.bg, props.tabStyle]}>\n        <View>{props.header}</View>\n        {/** 渲染tab内容 */}\n        <Tabs\n          onChange={handleChange}\n          active={activeTab}\n          labelType={TabType.TabLabelType.rightIcon}\n          theme={TabType.TabThemeType.text}\n          layout={tabLayout as TabType.TabLayoutType}\n          containerStyle={{ backgroundColor: computedStyles.backgroundColor.bg, width: \"auto\", flex: 1 }}\n        >\n          {tabData.map((i) => (\n            <Tab name={i.text} value={i.key} iconProps={i.iconProps} key={i.text + i.key}>\n              <></>\n            </Tab>\n          ))}\n        </Tabs>\n        {/** 渲染筛选项内容 */}\n        {props?.filter ? (\n          <TouchableWithoutFeedback onPress={handleFilter} testID=\"filter-button\">\n            <View style={styles.filter}>\n              {props.filterType === FILTER_TYPE.TEXT ? (\n                <Text\n                  style={[\n                    filter\n                      ? [styles.filterActiveText, computedStyles.color.title]\n                      : [styles.filterNormalText, computedStyles.color.description],\n                  ]}\n                >\n                  筛选\n                </Text>\n              ) : (\n                <></>\n              )}\n              <Icon icon={filterIcon} size={16} type={IconType.iconType.image} />\n            </View>\n          </TouchableWithoutFeedback>\n        ) : (\n          <></>\n        )}\n      </View>\n      <View\n        style={{\n          backgroundColor: themeColor.Separator,\n          height: 0.5,\n        }}\n      ></View>\n      {/** 渲染DropDownItem */}\n      {activeTab || filter ? (\n        <View style={[{ position: \"absolute\", top: 44, left: 0, zIndex: 999 }, props.dropdownItemContainerStyle]}>\n          <TouchableWithoutFeedback onPress={handleMask}>\n            <View style={[styles.mask, computedStyles.backgroundColor.fill5, props.maskStyle]}></View>\n          </TouchableWithoutFeedback>\n          <View style={[styles.DropDownContainer, computedStyles.backgroundColor.bg]}>\n            <View style={[styles.DropDownItemWrapper, { paddingHorizontal: 12 }]}>\n              <ScrollView\n                style={styles.ScrollStyles}\n                showsVerticalScrollIndicator={false}\n                // contentContainerStyle={{ paddingTop: 44 }}\n                testID=\"filter-active\"\n              >\n                {/* 展示筛选插槽内容 */}\n                {filter ? props?.filter : <View testID=\"filter-inactive\" />}\n                {/* 展示默认插槽内容 */}\n                {<View>{defaultVnode}</View>}\n              </ScrollView>\n              {/* 底部按钮 */}\n              {displayAction || filter ? (\n                <View\n                  style={[\n                    styles.btnContainer,\n                    computedStyles.backgroundColor.bg,\n                    computedStyles.borderTopColor.separator,\n                  ]}\n                >\n                  <View style={styles.resetBtn} testID=\"reset-button\">\n                    <Button onClick={handleReset} block>\n                      {props.resetText || resetKey}\n                    </Button>\n                  </View>\n                  <View style={styles.confirmBtn} testID=\"confirm-button\">\n                    <Button onClick={handleConfirm} type=\"primary\" variant=\"fill\" block>\n                      {props.finishText || finishKey}\n                    </Button>\n                  </View>\n                </View>\n              ) : (\n                <></>\n              )}\n            </View>\n          </View>\n        </View>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n});\n\nDropDown.defaultProps = DropDownDefaultProps;\n\nexport default DropDown;\n"],"names":["DropDown","forwardRef","props","ref","useMounted","colorMode","useColorMode","themeColor","useThemeColor","finishKey","useLanguage","resetKey","_useState","useState","_useState2","_slicedToArray","activeTab","setActiveTab","_useState3","_useState4","activeDropDownItemIndex","setActiveDropDownItemIndex","_useState5","_useState6","filter","setFilter","ArrowDown","useMemo","tabData","_props$options","options","map","opt","text","value","key","iconProps","icon","size","handleChange","index","_props$onChange","onChange","call","handleFilter","v","defaultVnode","_props$children","children","length","React","createElement","Fragment","displayAction","_defaultVnode$props","type","DROPDOWNITEMTYPE","RADIO","handleMask","_props$onClose","onClose","handleReset","_props$onReset","onReset","handleConfirm","_props$onConfirm","onConfirm","filterIcon","computedStyles","getRedsDropDownVariantStyles","tabLayout","TabType","left","space","useImperativeHandle","View","style","position","zIndex","styles","labelContainer","backgroundColor","bg","tabStyle","header","Tabs","active","labelType","rightIcon","theme","layout","containerStyle","width","flex","i","Tab","name","TouchableWithoutFeedback","onPress","testID","filterType","FILTER_TYPE","TEXT","Text","filterActiveText","color","title","filterNormalText","description","Icon","IconType","image","Separator","height","top","dropdownItemContainerStyle","mask","fill5","maskStyle","DropDownContainer","DropDownItemWrapper","paddingHorizontal","ScrollView","ScrollStyles","showsVerticalScrollIndicator","btnContainer","borderTopColor","separator","resetBtn","Button","onClick","block","resetText","confirmBtn","variant","finishText","defaultProps","DropDownDefaultProps"],"mappings":"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"}

package/lib/cjs/components/DropDown/DropDownItem.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
-var components_DropDown_interface_index = require('../../_chunks/DPBrXUej.js');
+var components_DropDown_interface_index = require('../../_chunks/BtaVqoIv.js');
 var components_DropDown_styles = require('./styles.js');
 var components_Icon_Icon = require('../Icon/Icon.js');
 var components_Icon_interface_index = require('../../_chunks/NjAxlnfB.js');
@@ -21,8 +21,8 @@ require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 var getMultiStyles = function getMultiStyles(props, index, dropDownItemWidth) {
   var columns = (props === null || props === void 0 ? void 0 : props.optionColumns) || components_DropDown_interface_index.MULTIPLEOPTIONCOLUMN.TWO;
   return {
-    width: Math.floor((dropDownItemWidth - 10 * (columns - 1)) / columns),
-    marginRight: (index + 1) % columns ? 10 : 0
+    width: Math.floor((dropDownItemWidth - 12 * (columns - 1)) / columns),
+    marginRight: (index + 1) % columns ? 12 : 0
   };
 };
 var DropDownItem = function DropDownItem(props) {
@@ -117,6 +117,9 @@ var DropDownItem = function DropDownItem(props) {
   return /* @__PURE__ */React.createElement(reactNative.View, {
     onLayout: function onLayout(e) {
       setDropDownItemWidth(e.nativeEvent.layout.width);
+    },
+    style: {
+      width: reactNative.Dimensions.get("window").width - 24
     }
   }, props.label ? /* @__PURE__ */React.createElement(reactNative.View, {
     style: components_DropDown_styles.default.titleContainer
@@ -146,10 +149,14 @@ var DropDownItem = function DropDownItem(props) {
       style: components_DropDown_styles.default.dropDownItemRadioConatainer
     }, /* @__PURE__ */React.createElement(reactNative.Text, {
       style: [_value === opt.key ? [components_DropDown_styles.default.radioActiveText, computedStyles.color.primary] : [components_DropDown_styles.default.radioNormalText, computedStyles.color.title]]
-    }, opt.value), _value === opt.key ? /* @__PURE__ */React.createElement(components_Icon_Icon.default, {
-      icon: Check,
-      size: 20,
-      type: components_Icon_interface_index.iconType.image
+    }, opt.value), _value === opt.key ? /* @__PURE__ */React.createElement(reactNative.Image, {
+      source: {
+        uri: Check
+      },
+      style: {
+        height: 20,
+        width: 20
+      }
     }) : /* @__PURE__ */React.createElement(React.Fragment, null)));
   }) : /* @__PURE__ */React.createElement(React.Fragment, null), props.type === components_DropDown_interface_index.DROPDOWNITEMTYPE.MORE_MULTIPLE || props.type === components_DropDown_interface_index.DROPDOWNITEMTYPE.MULTIPLE ? /* @__PURE__ */React.createElement(reactNative.View, {
     style: components_DropDown_styles.default.dropDownItemMultiWrapper

package/lib/cjs/components/DropDown/DropDownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownItem.js","sources":["../../../../src/components/DropDown/DropDownItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ViewStyle, TextInput } from \"react-native\";\nimport {\n  RedsDropDownItem,\n  DropDownItemDefaultProps,\n  DROPDOWNITEMTYPE,\n  MULTIPLEOPTIONCOLUMN,\n  SelectItem,\n} from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { Icon, IconType } from \"../Icon\";\nimport { useColorMode, useThemeColor } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nexport const getMultiStyles = (props: RedsDropDownItem, index: number, dropDownItemWidth: number) => {\n  const columns = props?.optionColumns || MULTIPLEOPTIONCOLUMN.TWO;\n  return {\n    width: Math.floor((dropDownItemWidth - 10 * (columns - 1)) / columns),\n    marginRight: (index + 1) % columns ? 10 : 0,\n  };\n};\n\nconst DropDownItem = (props: RedsDropDownItem) => {\n  useMounted(\"DropDownItem\");\n\n  const themeColor = useThemeColor();\n  const [_value, setValue] = useState<string | string[] | number[]>();\n  const [more, setMore] = useState<boolean>();\n\n  const colorMode = useColorMode();\n\n  const [dropDownItemWidth, setDropDownItemWidth] = useState(0);\n\n  /**\n   * 初始化赋值\n   */\n  useEffect(() => {\n    switch (props.type) {\n      case DROPDOWNITEMTYPE.RADIO:\n        setValue(props.value || props.defaultValue);\n        return;\n      case DROPDOWNITEMTYPE.INPUT:\n        setValue(props.value || props.defaultValue);\n        return;\n      default:\n        if (props.value) {\n          if (typeof props.value === \"string\") {\n            setValue([props.value]);\n          } else {\n            setValue(props.value);\n          }\n        } else if (props.defaultValue) {\n          if (typeof props.defaultValue === \"string\") {\n            setValue([props.defaultValue]);\n          } else {\n            setValue(props.defaultValue);\n          }\n        } else {\n          setValue([]);\n        }\n    }\n  }, [props.type, props.defaultValue, props.value]);\n\n  /**\n   * 单选 or 多选改值\n   */\n  const handleClick = (key: string | number) => {\n    let newValue;\n    if (props.type === DROPDOWNITEMTYPE.RADIO) {\n      setValue(key as string);\n      newValue = key;\n    } else if (props.type === DROPDOWNITEMTYPE.MULTIPLE || props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE) {\n      if ((_value as string[])?.includes(key as string)) {\n        newValue = (_value as string[])?.filter((i: string) => i !== key);\n        setValue(newValue);\n      } else {\n        newValue = [...(_value as string[]), key] as string[];\n        setValue(newValue);\n      }\n    }\n    props?.onChange?.(newValue as number[] | string[] | string);\n  };\n\n  /**\n   * 修改input值\n   */\n  const handleInputChange = (type: \"max\" | \"min\", value: string) => {\n    const newVal = type === \"max\" ? [(_value as string[])?.[0], value] : [value, (_value as string[])?.[1]];\n    setValue(newVal);\n    props?.onChange?.(newVal!);\n  };\n\n  /**\n   * 展示multi 行数\n   */\n\n  const renderMultiColumns = useMemo(() => {\n    return props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE && !more\n      ? props?.options?.slice(0, props.optionColumns)\n      : props?.options || [];\n  }, [props.options, more, props.optionColumns]);\n\n  const ArrowUp = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/ccae115928ed32fc3c4373cf2a70192366634fba.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/8077897e338cac33af9cd16ed05087cb345b1d24.png\";\n    }\n  }, [colorMode]);\n\n  const ArrowDown = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/e95343f0ee685242b0c25309a43e6afc34a9b274.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/9395ff8bbb48a1a1e2e855d64a6645c2e4dcf43e.png\";\n    }\n  }, [colorMode]);\n\n  const Check = useMemo(() => {\n    return \"https://picasso-static.xiaohongshu.com/fe-platform/48c06b6e09bcf1516a6ad071bacab6da505a2980.png\";\n  }, [colorMode]);\n\n  const computedStyles = getRedsDropDownVariantStyles(themeColor);\n\n  return (\n    <View\n      onLayout={(e) => {\n        setDropDownItemWidth(e.nativeEvent.layout.width);\n      }}\n    >\n      {/* label 标签 */}\n      {props.label ? (\n        <View style={styles.titleContainer}>\n          {props.label ? <Text style={[styles.label, computedStyles.color.title]}>{props.label}</Text> : <></>}\n          {props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE ? (\n            <TouchableWithoutFeedback\n              onPress={() => {\n                setMore((v) => !v);\n              }}\n            >\n              <View style={styles.moreContainer}>\n                <Text style={[styles.more, computedStyles.color.description]}>更多</Text>\n                <Icon icon={more ? ArrowUp : ArrowDown} size={12} type={IconType.iconType.image} />\n              </View>\n            </TouchableWithoutFeedback>\n          ) : (\n            <></>\n          )}\n        </View>\n      ) : (\n        <></>\n      )}\n      {/* 单选 */}\n      {props.type === DROPDOWNITEMTYPE.RADIO ? (\n        props.options.map((opt) => (\n          <TouchableWithoutFeedback onPress={() => handleClick(opt.key)} key={opt.key + opt.value}>\n            <View style={styles.dropDownItemRadioConatainer}>\n              <Text\n                style={[\n                  (_value as string) === opt.key\n                    ? [styles.radioActiveText, computedStyles.color.primary]\n                    : [styles.radioNormalText, computedStyles.color.title],\n                ]}\n              >\n                {opt.value}\n              </Text>\n              {_value === opt.key ? <Icon icon={Check} size={20} type={IconType.iconType.image} /> : <></>}\n            </View>\n          </TouchableWithoutFeedback>\n        ))\n      ) : (\n        <></>\n      )}\n      {/* 多选 */}\n      {props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE || props.type === DROPDOWNITEMTYPE.MULTIPLE ? (\n        <View style={styles.dropDownItemMultiWrapper}>\n          {renderMultiColumns.map((opt, index) => (\n            <TouchableWithoutFeedback onPress={() => handleClick(opt.key)} key={opt.key + opt.value}>\n              <View\n                style={[\n                  getMultiStyles(props, index, dropDownItemWidth) as ViewStyle,\n                  (_value as string[])?.includes(opt.key)\n                    ? [styles.multiActiveContainer, computedStyles.backgroundColor.primary2]\n                    : [styles.multiNormalContainer, computedStyles.backgroundColor.fill1],\n                ]}\n              >\n                <Text\n                  style={\n                    (_value as string[])?.includes(opt.key)\n                      ? [styles.multiActiveText, computedStyles.color.primary]\n                      : [styles.multiNormalText, computedStyles.color.paragraph]\n                  }\n                >\n                  {(opt as SelectItem).value}\n                </Text>\n              </View>\n            </TouchableWithoutFeedback>\n          ))}\n        </View>\n      ) : (\n        <></>\n      )}\n\n      {/* input */}\n      {props.type === DROPDOWNITEMTYPE.INPUT ? (\n        <View style={styles.dropDownInputContainer}>\n          <TextInput\n            style={[styles.input, computedStyles.color.paragraph, computedStyles.backgroundColor.fill1]}\n            placeholder={props.minPlaceHolder}\n            keyboardType=\"numeric\"\n            inputMode={\"numeric\"}\n            value={(_value as string[])?.[0]}\n            onChangeText={(value) => {\n              handleInputChange(\"min\", value);\n            }}\n          />\n          <View style={[styles.inputLine, computedStyles.backgroundColor.title]}></View>\n          <TextInput\n            style={[styles.input, computedStyles.color.paragraph, computedStyles.backgroundColor.fill1]}\n            placeholder={props.maxPlaceHolder}\n            keyboardType=\"numeric\"\n            inputMode={\"numeric\"}\n            value={(_value as string[])?.[1]}\n            onChangeText={(value) => {\n              handleInputChange(\"max\", value);\n            }}\n          />\n        </View>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n};\n\nDropDownItem.defaultProps = DropDownItemDefaultProps;\n\nexport default DropDownItem;\n"],"names":["getMultiStyles","props","index","dropDownItemWidth","columns","optionColumns","MULTIPLEOPTIONCOLUMN","TWO","width","Math","floor","marginRight","DropDownItem","useMounted","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","_value","setValue","_useState3","_useState4","more","setMore","colorMode","useColorMode","_useState5","_useState6","setDropDownItemWidth","useEffect","type","DROPDOWNITEMTYPE","RADIO","value","defaultValue","INPUT","handleClick","key","_props$onChange","newValue","MULTIPLE","MORE_MULTIPLE","includes","filter","i","concat","_toConsumableArray","onChange","call","handleInputChange","_props$onChange2","newVal","renderMultiColumns","useMemo","_props$options","options","slice","ArrowUp","ArrowDown","Check","computedStyles","getRedsDropDownVariantStyles","React","createElement","View","onLayout","e","nativeEvent","layout","label","style","styles","titleContainer","Text","color","title","Fragment","TouchableWithoutFeedback","onPress","v","moreContainer","description","Icon","icon","size","IconType","image","map","opt","dropDownItemRadioConatainer","radioActiveText","primary","radioNormalText","dropDownItemMultiWrapper","multiActiveContainer","backgroundColor","primary2","multiNormalContainer","fill1","multiActiveText","multiNormalText","paragraph","dropDownInputContainer","TextInput","input","placeholder","minPlaceHolder","keyboardType","inputMode","onChangeText","inputLine","maxPlaceHolder","defaultProps","DropDownItemDefaultProps"],"mappings":"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"}
+{"version":3,"file":"DropDownItem.js","sources":["../../../../src/components/DropDown/DropDownItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { TouchableWithoutFeedback, View, Text, ViewStyle, TextInput, Dimensions, Image } from \"react-native\";\nimport {\n  RedsDropDownItem,\n  DropDownItemDefaultProps,\n  DROPDOWNITEMTYPE,\n  MULTIPLEOPTIONCOLUMN,\n  SelectItem,\n} from \"./interface/index\";\nimport styles, { getRedsDropDownVariantStyles } from \"./styles\";\nimport { Icon, IconType } from \"../Icon\";\nimport { useColorMode, useThemeColor } from \"../ConfigProvider\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nexport const getMultiStyles = (props: RedsDropDownItem, index: number, dropDownItemWidth: number) => {\n  const columns = props?.optionColumns || MULTIPLEOPTIONCOLUMN.TWO;\n  return {\n    width: Math.floor((dropDownItemWidth - 12 * (columns - 1)) / columns),\n    marginRight: (index + 1) % columns ? 12 : 0,\n  };\n};\n\nconst DropDownItem = (props: RedsDropDownItem) => {\n  useMounted(\"DropDownItem\");\n\n  const themeColor = useThemeColor();\n  const [_value, setValue] = useState<string | string[] | number[]>();\n  const [more, setMore] = useState<boolean>();\n\n  const colorMode = useColorMode();\n\n  const [dropDownItemWidth, setDropDownItemWidth] = useState(0);\n\n  /**\n   * 初始化赋值\n   */\n  useEffect(() => {\n    switch (props.type) {\n      case DROPDOWNITEMTYPE.RADIO:\n        setValue(props.value || props.defaultValue);\n        return;\n      case DROPDOWNITEMTYPE.INPUT:\n        setValue(props.value || props.defaultValue);\n        return;\n      default:\n        if (props.value) {\n          if (typeof props.value === \"string\") {\n            setValue([props.value]);\n          } else {\n            setValue(props.value);\n          }\n        } else if (props.defaultValue) {\n          if (typeof props.defaultValue === \"string\") {\n            setValue([props.defaultValue]);\n          } else {\n            setValue(props.defaultValue);\n          }\n        } else {\n          setValue([]);\n        }\n    }\n  }, [props.type, props.defaultValue, props.value]);\n\n  /**\n   * 单选 or 多选改值\n   */\n  const handleClick = (key: string | number) => {\n    let newValue;\n    if (props.type === DROPDOWNITEMTYPE.RADIO) {\n      setValue(key as string);\n      newValue = key;\n    } else if (props.type === DROPDOWNITEMTYPE.MULTIPLE || props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE) {\n      if ((_value as string[])?.includes(key as string)) {\n        newValue = (_value as string[])?.filter((i: string) => i !== key);\n        setValue(newValue);\n      } else {\n        newValue = [...(_value as string[]), key] as string[];\n        setValue(newValue);\n      }\n    }\n    props?.onChange?.(newValue as number[] | string[] | string);\n  };\n\n  /**\n   * 修改input值\n   */\n  const handleInputChange = (type: \"max\" | \"min\", value: string) => {\n    const newVal = type === \"max\" ? [(_value as string[])?.[0], value] : [value, (_value as string[])?.[1]];\n    setValue(newVal);\n    props?.onChange?.(newVal!);\n  };\n\n  /**\n   * 展示multi 行数\n   */\n\n  const renderMultiColumns = useMemo(() => {\n    return props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE && !more\n      ? props?.options?.slice(0, props.optionColumns)\n      : props?.options || [];\n  }, [props.options, more, props.optionColumns]);\n\n  const ArrowUp = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/ccae115928ed32fc3c4373cf2a70192366634fba.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/8077897e338cac33af9cd16ed05087cb345b1d24.png\";\n    }\n  }, [colorMode]);\n\n  const ArrowDown = useMemo(() => {\n    if (colorMode === \"light\") {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/e95343f0ee685242b0c25309a43e6afc34a9b274.png\";\n    } else {\n      return \"https://picasso-static.xiaohongshu.com/fe-platform/9395ff8bbb48a1a1e2e855d64a6645c2e4dcf43e.png\";\n    }\n  }, [colorMode]);\n\n  const Check = useMemo(() => {\n    return \"https://picasso-static.xiaohongshu.com/fe-platform/48c06b6e09bcf1516a6ad071bacab6da505a2980.png\";\n  }, [colorMode]);\n\n  const computedStyles = getRedsDropDownVariantStyles(themeColor);\n\n  return (\n    <View\n      onLayout={(e) => {\n        setDropDownItemWidth(e.nativeEvent.layout.width);\n      }}\n      style={{ width: Dimensions.get(\"window\").width - 24 }}\n    >\n      {/* label 标签 */}\n      {props.label ? (\n        <View style={styles.titleContainer}>\n          {props.label ? <Text style={[styles.label, computedStyles.color.title]}>{props.label}</Text> : <></>}\n          {props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE ? (\n            <TouchableWithoutFeedback\n              onPress={() => {\n                setMore((v) => !v);\n              }}\n            >\n              <View style={styles.moreContainer}>\n                <Text style={[styles.more, computedStyles.color.description]}>更多</Text>\n                <Icon icon={more ? ArrowUp : ArrowDown} size={12} type={IconType.iconType.image} />\n              </View>\n            </TouchableWithoutFeedback>\n          ) : (\n            <></>\n          )}\n        </View>\n      ) : (\n        <></>\n      )}\n      {/* 单选 */}\n      {props.type === DROPDOWNITEMTYPE.RADIO ? (\n        props.options.map((opt) => (\n          <TouchableWithoutFeedback onPress={() => handleClick(opt.key)} key={opt.key + opt.value}>\n            <View style={styles.dropDownItemRadioConatainer}>\n              <Text\n                style={[\n                  (_value as string) === opt.key\n                    ? [styles.radioActiveText, computedStyles.color.primary]\n                    : [styles.radioNormalText, computedStyles.color.title],\n                ]}\n              >\n                {opt.value}\n              </Text>\n              {_value === opt.key ? <Image source={{ uri: Check }} style={{ height: 20, width: 20 }} /> : <></>}\n            </View>\n          </TouchableWithoutFeedback>\n        ))\n      ) : (\n        <></>\n      )}\n      {/* 多选 */}\n      {props.type === DROPDOWNITEMTYPE.MORE_MULTIPLE || props.type === DROPDOWNITEMTYPE.MULTIPLE ? (\n        <View style={styles.dropDownItemMultiWrapper}>\n          {renderMultiColumns.map((opt, index) => (\n            <TouchableWithoutFeedback onPress={() => handleClick(opt.key)} key={opt.key + opt.value}>\n              <View\n                style={[\n                  getMultiStyles(props, index, dropDownItemWidth) as ViewStyle,\n                  (_value as string[])?.includes(opt.key)\n                    ? [styles.multiActiveContainer, computedStyles.backgroundColor.primary2]\n                    : [styles.multiNormalContainer, computedStyles.backgroundColor.fill1],\n                ]}\n              >\n                <Text\n                  style={\n                    (_value as string[])?.includes(opt.key)\n                      ? [styles.multiActiveText, computedStyles.color.primary]\n                      : [styles.multiNormalText, computedStyles.color.paragraph]\n                  }\n                >\n                  {(opt as SelectItem).value}\n                </Text>\n              </View>\n            </TouchableWithoutFeedback>\n          ))}\n        </View>\n      ) : (\n        <></>\n      )}\n\n      {/* input */}\n      {props.type === DROPDOWNITEMTYPE.INPUT ? (\n        <View style={styles.dropDownInputContainer}>\n          <TextInput\n            style={[styles.input, computedStyles.color.paragraph, computedStyles.backgroundColor.fill1]}\n            placeholder={props.minPlaceHolder}\n            keyboardType=\"numeric\"\n            inputMode={\"numeric\"}\n            value={(_value as string[])?.[0]}\n            onChangeText={(value) => {\n              handleInputChange(\"min\", value);\n            }}\n          />\n          <View style={[styles.inputLine, computedStyles.backgroundColor.title]}></View>\n          <TextInput\n            style={[styles.input, computedStyles.color.paragraph, computedStyles.backgroundColor.fill1]}\n            placeholder={props.maxPlaceHolder}\n            keyboardType=\"numeric\"\n            inputMode={\"numeric\"}\n            value={(_value as string[])?.[1]}\n            onChangeText={(value) => {\n              handleInputChange(\"max\", value);\n            }}\n          />\n        </View>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n};\n\nDropDownItem.defaultProps = DropDownItemDefaultProps;\n\nexport default DropDownItem;\n"],"names":["getMultiStyles","props","index","dropDownItemWidth","columns","optionColumns","MULTIPLEOPTIONCOLUMN","TWO","width","Math","floor","marginRight","DropDownItem","useMounted","themeColor","useThemeColor","_useState","useState","_useState2","_slicedToArray","_value","setValue","_useState3","_useState4","more","setMore","colorMode","useColorMode","_useState5","_useState6","setDropDownItemWidth","useEffect","type","DROPDOWNITEMTYPE","RADIO","value","defaultValue","INPUT","handleClick","key","_props$onChange","newValue","MULTIPLE","MORE_MULTIPLE","includes","filter","i","concat","_toConsumableArray","onChange","call","handleInputChange","_props$onChange2","newVal","renderMultiColumns","useMemo","_props$options","options","slice","ArrowUp","ArrowDown","Check","computedStyles","getRedsDropDownVariantStyles","React","createElement","View","onLayout","e","nativeEvent","layout","style","Dimensions","get","label","styles","titleContainer","Text","color","title","Fragment","TouchableWithoutFeedback","onPress","v","moreContainer","description","Icon","icon","size","IconType","image","map","opt","dropDownItemRadioConatainer","radioActiveText","primary","radioNormalText","Image","source","uri","height","dropDownItemMultiWrapper","multiActiveContainer","backgroundColor","primary2","multiNormalContainer","fill1","multiActiveText","multiNormalText","paragraph","dropDownInputContainer","TextInput","input","placeholder","minPlaceHolder","keyboardType","inputMode","onChangeText","inputLine","maxPlaceHolder","defaultProps","DropDownItemDefaultProps"],"mappings":"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"}

package/lib/cjs/components/DropDown/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_DropDown_DropDown = require('./DropDown.js');
 var components_DropDown_DropDownItem = require('./DropDownItem.js');
-var components_DropDown_interface_index = require('../../_chunks/DPBrXUej.js');
-require('../../_chunks/vVKkFPW_.js');
+var components_DropDown_interface_index = require('../../_chunks/BtaVqoIv.js');
+require('../../_chunks/C9tZEm0t.js');
 require('react');
 require('react-native');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
@@ -18,7 +18,7 @@ require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 require('../ConfigProvider/hooks/themeToken/useColorMode.js');
 require('./styles.js');
 require('../Tab/Tabs.js');
-require('../../_chunks/CvcFE2DY.js');
+require('../../_chunks/B9F3kSJr.js');
 require('../Tab/styles.js');
 require('../Icon/Icon.js');
 require('../../_chunks/NjAxlnfB.js');
@@ -44,6 +44,7 @@ require('../ProgressIndicator/lottie/progress_loading_primary.js');
 require('../ProgressIndicator/lottie/loading.js');
 require('../ProgressIndicator/lottie/loading_dark.js');
 require('../ProgressIndicator/lottie/loading_primary.js');
+require('../ProgressIndicator/styles.js');
 require('@xhs/lottie-react-native');
 require('../LanguageProvider/LanguageProvider.js');
 require('../../_chunks/DoNqsT5m.js');

package/lib/cjs/components/DropDown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/components/DropDown/interface/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var components_DropDown_interface_index = require('../../../_chunks/DPBrXUej.js');
+var components_DropDown_interface_index = require('../../../_chunks/BtaVqoIv.js');
 
 
 

package/lib/cjs/components/DropDown/styles.js

@@ -13,7 +13,7 @@ var styles = reactNative.StyleSheet.create({
   },
   DropDownContainer: {
     width: "100%",
-    maxHeight: "75%",
+    maxHeight: reactNative.Dimensions.get("window").height * 0.75,
     position: "relative"
     // paddingLeft: 16,
     // paddingRight: 16,
@@ -96,8 +96,7 @@ var styles = reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "row",
-    marginTop: 10,
-    marginBottom: 10,
+    marginTop: 12,
     borderRadius: 6
   },
   multiActiveContainer: {
@@ -107,8 +106,7 @@ var styles = reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "row",
-    marginTop: 10,
-    marginBottom: 10,
+    marginTop: 12,
     borderRadius: 6
   },
   multiNormalText: {
@@ -130,7 +128,8 @@ var styles = reactNative.StyleSheet.create({
     flexDirection: "row",
     height: 40,
     boxSizing: "border-box",
-    width: "100%"
+    width: "100%",
+    marginBottom: 16
   },
   input: {
     height: "100%",

package/lib/cjs/components/DropDown/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/DropDown/styles.ts"],"sourcesContent":["import { Dimensions, StyleSheet } from \"react-native\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst styles = StyleSheet.create({\n  mask: {\n    width: \"100%\",\n    height: Dimensions.get(\"window\").height,\n    position: \"absolute\",\n  },\n  DropDownContainer: {\n    width: \"100%\",\n    maxHeight: \"75%\",\n    position: \"relative\",\n    // paddingLeft: 16,\n    // paddingRight: 16,\n  },\n  DropDownItemWrapper: {\n    maxHeight: \"100%\",\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  labelContainer: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  btnContainer: {\n    width: \"100%\",\n    height: 56,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    borderTopWidth: 0.5,\n    borderStyle: \"solid\",\n  },\n  flex: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    flexWrap: \"wrap\",\n    width: \"100%\",\n  },\n  DropDownBackgroundMask: {\n    width: \"100%\",\n    maxHeight: \"100%\",\n  },\n  line: {\n    height: 0.5,\n    width: \"100%\",\n  },\n  resetBtn: {\n    width: 112,\n  },\n  confirmBtn: {\n    width: 219,\n    marginLeft: 20,\n  },\n  dropDownItemRadioConatainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    height: 44,\n    paddingTop: 12,\n    paddingBottom: 12,\n    width: \"100%\",\n  },\n  dropDownItemMultiWrapper: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n  },\n  radioNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  radioActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  multiNormalContainer: {\n    height: 40,\n    padding: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    marginTop: 10,\n    marginBottom: 10,\n    borderRadius: 6,\n  },\n  multiActiveContainer: {\n    height: 40,\n    padding: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    marginTop: 10,\n    marginBottom: 10,\n    borderRadius: 6,\n  },\n  multiNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  multiActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  label: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n  },\n  dropDownInputContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    height: 40,\n    boxSizing: \"border-box\",\n    width: \"100%\",\n  },\n  input: {\n    height: \"100%\",\n    width: \"40%\",\n    borderRadius: 6,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  inputLine: {\n    width: 12,\n    height: 2,\n    marginLeft: 30,\n    marginRight: 30,\n  },\n  filter: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  filterActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n    marginRight: 4,\n  },\n  filterNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n    marginRight: 4,\n  },\n  more: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.C2FontWeight,\n    marginRight: 4,\n  },\n  moreContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  titleContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    width: \"100%\",\n    marginBottom: 12,\n    marginTop: 16,\n  },\n  ScrollStyles: {\n    width: \"100%\",\n    maxHeight: \"100%\",\n    boxSizing: \"border-box\",\n  },\n});\n\nexport const getRedsDropDownVariantStyles = (themeColor: any) => {\n  const styles = {\n    color: {\n      title: { color: themeColor.Title },\n      primary: { color: themeColor.Primary },\n      paragraph: { color: themeColor.Paragraph },\n      description: { color: themeColor.Description },\n    },\n    backgroundColor: {\n      bg: { backgroundColor: themeColor.Bg },\n      description: { backgroundColor: themeColor.Description },\n      fill5: { backgroundColor: themeColor.Fill5 },\n      fill1: { backgroundColor: themeColor.Fill1 },\n      primary2: { backgroundColor: themeColor.Primary2 },\n      title: { backgroundColor: themeColor.Title },\n    },\n    borderTopColor: {\n      separator: { borderTopColor: themeColor.Separator },\n    },\n    iconColor: {\n      description: themeColor.Description,\n      title: themeColor.Title,\n    },\n  };\n  return styles;\n};\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","mask","width","height","Dimensions","get","position","DropDownContainer","maxHeight","DropDownItemWrapper","display","justifyContent","alignItems","labelContainer","flexDirection","btnContainer","borderTopWidth","borderStyle","flex","flexWrap","DropDownBackgroundMask","line","resetBtn","confirmBtn","marginLeft","dropDownItemRadioConatainer","paddingTop","paddingBottom","dropDownItemMultiWrapper","radioNormalText","fontSize","typography","T3FontSize","fontWeight","B1FontWeight","radioActiveText","multiNormalContainer","padding","marginTop","marginBottom","borderRadius","multiActiveContainer","multiNormalText","multiActiveText","label","T3FontWeight","dropDownInputContainer","boxSizing","input","paddingLeft","paddingRight","inputLine","marginRight","filter","filterActiveText","filterNormalText","more","C2FontWeight","moreContainer","titleContainer","ScrollStyles","getRedsDropDownVariantStyles","themeColor","color","title","Title","primary","Primary","paragraph","Paragraph","description","Description","backgroundColor","bg","Bg","fill5","Fill5","fill1","Fill1","primary2","Primary2","borderTopColor","separator","Separator","iconColor"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/DropDown/styles.ts"],"sourcesContent":["import { Dimensions, StyleSheet } from \"react-native\";\nimport { typography } from \"@xhsreds/reds-token-next\";\nconst styles = StyleSheet.create({\n  mask: {\n    width: \"100%\",\n    height: Dimensions.get(\"window\").height,\n    position: \"absolute\",\n  },\n  DropDownContainer: {\n    width: \"100%\",\n    maxHeight: Dimensions.get(\"window\").height * 0.75,\n    position: \"relative\",\n    // paddingLeft: 16,\n    // paddingRight: 16,\n  },\n  DropDownItemWrapper: {\n    maxHeight: \"100%\",\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  labelContainer: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  btnContainer: {\n    width: \"100%\",\n    height: 56,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    borderTopWidth: 0.5,\n    borderStyle: \"solid\",\n  },\n  flex: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    flexWrap: \"wrap\",\n    width: \"100%\",\n  },\n  DropDownBackgroundMask: {\n    width: \"100%\",\n    maxHeight: \"100%\",\n  },\n  line: {\n    height: 0.5,\n    width: \"100%\",\n  },\n  resetBtn: {\n    width: 112,\n  },\n  confirmBtn: {\n    width: 219,\n    marginLeft: 20,\n  },\n  dropDownItemRadioConatainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    height: 44,\n    paddingTop: 12,\n    paddingBottom: 12,\n    width: \"100%\",\n  },\n  dropDownItemMultiWrapper: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n  },\n  radioNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  radioActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  multiNormalContainer: {\n    height: 40,\n    padding: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    marginTop: 12,\n    borderRadius: 6,\n  },\n  multiActiveContainer: {\n    height: 40,\n    padding: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexDirection: \"row\",\n    marginTop: 12,\n    borderRadius: 6,\n  },\n  multiNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  multiActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.B1FontWeight,\n  },\n  label: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n  },\n  dropDownInputContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    flexDirection: \"row\",\n    height: 40,\n    boxSizing: \"border-box\",\n    width: \"100%\",\n    marginBottom: 16,\n  },\n  input: {\n    height: \"100%\",\n    width: \"40%\",\n    borderRadius: 6,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  inputLine: {\n    width: 12,\n    height: 2,\n    marginLeft: 30,\n    marginRight: 30,\n  },\n  filter: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  filterActiveText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n    marginRight: 4,\n  },\n  filterNormalText: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.T3FontWeight,\n    marginRight: 4,\n  },\n  more: {\n    fontSize: typography.T3FontSize,\n    fontWeight: typography.C2FontWeight,\n    marginRight: 4,\n  },\n  moreContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n  },\n  titleContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    width: \"100%\",\n    marginBottom: 12,\n    marginTop: 16,\n  },\n  ScrollStyles: {\n    width: \"100%\",\n    maxHeight: \"100%\",\n    boxSizing: \"border-box\",\n  },\n});\n\nexport const getRedsDropDownVariantStyles = (themeColor: any) => {\n  const styles = {\n    color: {\n      title: { color: themeColor.Title },\n      primary: { color: themeColor.Primary },\n      paragraph: { color: themeColor.Paragraph },\n      description: { color: themeColor.Description },\n    },\n    backgroundColor: {\n      bg: { backgroundColor: themeColor.Bg },\n      description: { backgroundColor: themeColor.Description },\n      fill5: { backgroundColor: themeColor.Fill5 },\n      fill1: { backgroundColor: themeColor.Fill1 },\n      primary2: { backgroundColor: themeColor.Primary2 },\n      title: { backgroundColor: themeColor.Title },\n    },\n    borderTopColor: {\n      separator: { borderTopColor: themeColor.Separator },\n    },\n    iconColor: {\n      description: themeColor.Description,\n      title: themeColor.Title,\n    },\n  };\n  return styles;\n};\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","mask","width","height","Dimensions","get","position","DropDownContainer","maxHeight","DropDownItemWrapper","display","justifyContent","alignItems","labelContainer","flexDirection","btnContainer","borderTopWidth","borderStyle","flex","flexWrap","DropDownBackgroundMask","line","resetBtn","confirmBtn","marginLeft","dropDownItemRadioConatainer","paddingTop","paddingBottom","dropDownItemMultiWrapper","radioNormalText","fontSize","typography","T3FontSize","fontWeight","B1FontWeight","radioActiveText","multiNormalContainer","padding","marginTop","borderRadius","multiActiveContainer","multiNormalText","multiActiveText","label","T3FontWeight","dropDownInputContainer","boxSizing","marginBottom","input","paddingLeft","paddingRight","inputLine","marginRight","filter","filterActiveText","filterNormalText","more","C2FontWeight","moreContainer","titleContainer","ScrollStyles","getRedsDropDownVariantStyles","themeColor","color","title","Title","primary","Primary","paragraph","Paragraph","description","Description","backgroundColor","bg","Bg","fill5","Fill5","fill1","Fill1","primary2","Primary2","borderTopColor","separator","Separator","iconColor"],"mappings":"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"}

package/lib/cjs/components/Empty/Empty.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/vVKkFPW_.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/C9tZEm0t.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Empty_interface_index = require('../../_chunks/DMQXZWqe.js');
@@ -34,16 +34,19 @@ var Empty = function Empty(props) {
     type = _EmptyDefaultProps$pr.type;
   var styles = components_Empty_styles.default();
   var colorMode = components_ConfigProvider_hooks_themeToken_useColorMode.useColorMode();
+  var url = React.useMemo(function () {
+    return colorMode === "light" ? components_Empty_constant.lightTypes[type] : components_Empty_constant.darkTypes[type];
+  }, [colorMode, components_Empty_constant.lightTypes, components_Empty_constant.darkTypes, type]);
   var defaultImage = React.useMemo(function () {
-    return image || /* @__PURE__ */React.createElement(reactNative.Image, {
+    return image || (url ? /* @__PURE__ */React.createElement(reactNative.Image, {
       style: {
         height: 80,
         width: 80
       },
       source: {
-        uri: colorMode === "light" ? components_Empty_constant.lightTypes[type] : components_Empty_constant.darkTypes[type]
+        uri: url
       }
-    });
+    }) : /* @__PURE__ */React.createElement(React.Fragment, null));
   }, [image, colorMode]);
   return /* @__PURE__ */React.createElement(reactNative.View, {
     style: styles.container