@xhsreds/reds-rn-next 0.8.3-fix-text-view-cursor202509261611 → 0.8.4-beta202510231402

package/lib/esm/components/Carousel/interface/index.js

@@ -1,2 +1,2 @@
-export { C as CarouselDefaultProps, a as DOTPLACEMENT, D as DOTTYPE, N as NUMBERPLACEMENT, P as PLAYINGMODE } from '../../../_chunks/D4cWWld6.js';
+export { C as CarouselDefaultProps, a as DOTPLACEMENT, D as DOTTYPE, N as NUMBERPLACEMENT, P as PLAYINGMODE } from '../../../_chunks/Dz2wZ4QI.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/CheckBoxGroup/CheckBoxGroup.js

@@ -20,7 +20,7 @@ import '../LanguageProvider/hooks/LanguageContext.js';
 import '../../i18n/index.js';
 
 var CheckBoxGroup = function CheckBoxGroup(props) {
-  var _props$options5;
+  var _props$value4, _props$options5;
   useMounted("CheckBoxGroup");
   var themeColor = useThemeColor("Checkbox");
   var colorMode = useColorMode();
@@ -120,6 +120,8 @@ var CheckBoxGroup = function CheckBoxGroup(props) {
     }
   }, props.full ? /* @__PURE__ */React.createElement(View, {
     style: [styles.fullContainer, props.fullContainerStyle]
+  }, /* @__PURE__ */React.createElement(View, {
+    style: styles.flexStart
   }, /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
     onPress: handleFullClick
   }, /* @__PURE__ */React.createElement(View, {
@@ -153,14 +155,24 @@ var CheckBoxGroup = function CheckBoxGroup(props) {
     }
   })))), /* @__PURE__ */React.createElement(Text, {
     style: styles.text
-  }, props.fullText || selectAllKey), /* @__PURE__ */React.createElement(TouchableOpacity, {
+  }, props.fullText || selectAllKey)), /* @__PURE__ */React.createElement(TouchableOpacity, {
     activeOpacity: 1,
     onPress: function onPress() {
       setFolderOpen(function (open) {
         return !open;
       });
     }
-  }, /* @__PURE__ */React.createElement(Image, {
+  }, /* @__PURE__ */React.createElement(View, {
+    style: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center"
+    }
+  }, (_props$value4 = props.value) !== null && _props$value4 !== void 0 && _props$value4.length ? /* @__PURE__ */React.createElement(Text, {
+    style: {
+      color: themeColor.Description
+    }
+  }, props.value.length) : /* @__PURE__ */React.createElement(React.Fragment, null), /* @__PURE__ */React.createElement(Image, {
     source: {
       uri: arrowIcon
     },
@@ -168,7 +180,7 @@ var CheckBoxGroup = function CheckBoxGroup(props) {
       width: iconSizeMap[props.size],
       height: iconSizeMap[props.size]
     }
-  }))) : /* @__PURE__ */React.createElement(React.Fragment, null), folderOpen || !props.full ? /* @__PURE__ */React.createElement(ScrollView, {
+  })))) : /* @__PURE__ */React.createElement(React.Fragment, null), folderOpen || !props.full ? /* @__PURE__ */React.createElement(ScrollView, {
     horizontal: props.layout === CheckBoxGroupLayout.HORIZONTAL,
     showsHorizontalScrollIndicator: false,
     testID: "scroll-view",

package/lib/esm/components/CheckBoxGroup/CheckBoxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroup.js","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { ScrollView, TouchableWithoutFeedback, View, Image, Text, TouchableOpacity } from \"react-native\";\nimport {\n  RedsCheckBoxGroup,\n  CheckBoxGroupDefaultProps,\n  CheckBoxGroupLayout,\n  RedsCheckBox,\n  CheckedStatus,\n} from \"./interface/index\";\nimport { getCheckBoxGroupStyle, getStyles, getFullIconStyle, iconSizeMap } from \"./styles\";\nimport { useThemeColor, useColorMode } from \"../ConfigProvider\";\nimport CheckBox from \"./CheckBox\";\nimport { CheckBoxGroupContext } from \"./hooks/useCheckBoxGroupContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nconst CheckBoxGroup = (props: RedsCheckBoxGroup) => {\n  useMounted(\"CheckBoxGroup\");\n  const themeColor = useThemeColor(\"Checkbox\");\n  const colorMode = useColorMode();\n\n  const selectAllKey = useLanguage(\"componentKey\", \"selectAllKey\");\n\n  const [folderOpen, setFolderOpen] = useState(false);\n\n  const [checkStatus, setCheckStatus] = useState<CheckedStatus>(CheckedStatus.NONE);\n\n  const handleChange = (value: string | number, checked: boolean) => {\n    if (checked) {\n      getCheckedStatus([...(props?.value || []), value] as string[] | number[]);\n      props?.onChange?.([...(props?.value || []), value] as string[] | number[]);\n    } else {\n      getCheckedStatus((props?.value || []).filter((i) => i !== value) as string[] | number[]);\n      props?.onChange?.((props?.value || []).filter((i) => i !== value) as string[] | number[]);\n    }\n  };\n\n  const checkboxs = useMemo(() => {\n    return props.children?.length\n      ? // @ts-ignore\n        React.Children.map(props.children, (child: RedsCheckBox) => {\n          if (React.isValidElement(child)) {\n            return React.cloneElement(child, {\n              // @ts-ignore\n              layout: props.layout || CheckBoxGroupLayout.HORIZONTAL,\n              // @ts-ignore\n              checked: props.value.includes(child?.props?.value),\n              // @ts-ignore\n              disable: child?.props?.disable !== undefined || props.disable,\n              size: props.size,\n              onChange: handleChange,\n              isControl: false,\n              isGroup: ((props.children?.length || props?.options?.length) as number) > 1,\n            });\n          }\n        })\n      : null;\n  }, [props.children, props.layout, props.disable, props.size, props.value]);\n\n  const styles = getStyles(themeColor);\n\n  useEffect(() => {\n    getCheckedStatus(props?.value || []);\n  }, [props.value]);\n\n  const getCheckedStatus = (values: number[] | string[]) => {\n    setCheckStatus(() =>\n      values.length === 0\n        ? CheckedStatus.NONE\n        : props?.options?.length === values.length || props?.children?.length === values.length\n          ? CheckedStatus.FULL\n          : CheckedStatus.HALF,\n    );\n  };\n\n  const arrowIcon = useMemo(() => {\n    if (colorMode === \"light\") {\n      if (folderOpen) {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/ccae115928ed32fc3c4373cf2a70192366634fba.png\";\n      } else {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/e95343f0ee685242b0c25309a43e6afc34a9b274.png\";\n      }\n    } else {\n      if (folderOpen) {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/8077897e338cac33af9cd16ed05087cb345b1d24.png\";\n      } else {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/9395ff8bbb48a1a1e2e855d64a6645c2e4dcf43e.png\";\n      }\n    }\n  }, [colorMode, folderOpen]);\n\n  const handleFullClick = () => {\n    // @ts-ignore\n    const childProps = React.Children.map(props.children, (child: RedsCheckBox) => child?.props?.value);\n    const allchecked =\n      props.value?.length !== 0 &&\n      (props.value?.length === childProps.length || props.value?.length === props?.options?.length);\n    if (allchecked) {\n      props?.onChange?.([]);\n    } else {\n      const propsValues = props?.options?.map((i) => i.value);\n      const values = propsValues?.length !== 0 ? propsValues : childProps;\n      props?.onChange?.(values as string[] | number[]);\n    }\n  };\n\n  return (\n    <CheckBoxGroupContext.Provider value={{ checkList: props.value || [] }}>\n      {props.full ? (\n        <View style={[styles.fullContainer, props.fullContainerStyle]}>\n          <TouchableWithoutFeedback onPress={handleFullClick}>\n            <View style={styles.flexRow}>\n              {checkStatus !== CheckedStatus.HALF ? (\n                <View style={getFullIconStyle(checkStatus, props, themeColor)}>\n                  {checkStatus === CheckedStatus.FULL ? (\n                    <TouchableOpacity onPress={handleFullClick} activeOpacity={1}>\n                      <Image\n                        source={{\n                          uri: \"https://picasso-static.xiaohongshu.com/fe-platform/9d9ae3689964820b64f21c4cd14fcc8f089a5403.png\",\n                        }}\n                        style={{ width: iconSizeMap[props.size!], height: iconSizeMap[props.size!] }}\n                      />\n                    </TouchableOpacity>\n                  ) : (\n                    <></>\n                  )}\n                </View>\n              ) : (\n                <TouchableOpacity onPress={handleFullClick} activeOpacity={1}>\n                  <Image\n                    source={{\n                      uri: \"https://picasso-static.xiaohongshu.com/fe-platform/dc008804e8b5f2064cc179cdbed221ef9fcbbc66.png\",\n                    }}\n                    style={{\n                      // @ts-ignore\n                      height: iconSizeMap[props?.size],\n                      // @ts-ignore\n                      width: iconSizeMap[props.size],\n                      marginRight: 6,\n                    }}\n                  />\n                </TouchableOpacity>\n              )}\n            </View>\n          </TouchableWithoutFeedback>\n          <Text style={styles.text}>{props.fullText || selectAllKey}</Text>\n          <TouchableOpacity\n            activeOpacity={1}\n            onPress={() => {\n              setFolderOpen((open) => !open);\n            }}\n          >\n            <Image\n              source={{ uri: arrowIcon }}\n              style={{ width: iconSizeMap[props.size!], height: iconSizeMap[props.size!] }}\n            />\n          </TouchableOpacity>\n        </View>\n      ) : (\n        <></>\n      )}\n      {folderOpen || !props.full ? (\n        <ScrollView\n          horizontal={props.layout === CheckBoxGroupLayout.HORIZONTAL}\n          showsHorizontalScrollIndicator={false}\n          testID=\"scroll-view\"\n          showsVerticalScrollIndicator={false}\n          style={[getCheckBoxGroupStyle(props, themeColor), props.checkboxStyle]}\n          contentContainerStyle={{ paddingRight: props.layout === CheckBoxGroupLayout.HORIZONTAL ? 100 : 0 }}\n        >\n          {checkboxs}\n          {props?.options?.map((option, index) => (\n            <CheckBox\n              key={index}\n              label={option.label}\n              value={option.value}\n              onChange={handleChange}\n              layout={props.layout}\n              disable={props.disable}\n              size={props.size}\n              isControl={false}\n              isGroup={((props.children?.length || props?.options?.length) as number) > 1}\n            />\n          ))}\n        </ScrollView>\n      ) : (\n        <></>\n      )}\n    </CheckBoxGroupContext.Provider>\n  );\n};\n\nCheckBoxGroup.defaultProps = CheckBoxGroupDefaultProps;\n\nexport default CheckBoxGroup;\n"],"names":["CheckBoxGroup","props","_props$options5","useMounted","themeColor","useThemeColor","colorMode","useColorMode","selectAllKey","useLanguage","_useState","useState","_useState2","_slicedToArray","folderOpen","setFolderOpen","_useState3","CheckedStatus","NONE","_useState4","checkStatus","setCheckStatus","handleChange","value","checked","_props$onChange","getCheckedStatus","concat","_toConsumableArray","onChange","call","_props$onChange2","filter","i","checkboxs","useMemo","_props$children","children","length","React","Children","map","child","isValidElement","_child$props","_child$props2","_props$children2","_props$options","cloneElement","layout","CheckBoxGroupLayout","HORIZONTAL","includes","disable","size","isControl","isGroup","options","styles","getStyles","useEffect","values","_props$options2","_props$children3","FULL","HALF","arrowIcon","handleFullClick","_props$value","_props$value2","_props$value3","_props$options3","childProps","_child$props3","allchecked","_props$onChange3","_props$options4","_props$onChange4","propsValues","createElement","CheckBoxGroupContext","Provider","checkList","full","View","style","fullContainer","fullContainerStyle","TouchableWithoutFeedback","onPress","flexRow","getFullIconStyle","TouchableOpacity","activeOpacity","Image","source","uri","width","iconSizeMap","height","Fragment","marginRight","Text","text","fullText","open","ScrollView","horizontal","showsHorizontalScrollIndicator","testID","showsVerticalScrollIndicator","getCheckBoxGroupStyle","checkboxStyle","contentContainerStyle","paddingRight","option","index","_props$children4","_props$options6","CheckBox","key","label","defaultProps","CheckBoxGroupDefaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeA,IAAMA,aAAA,GAAgB,SAAhBA,aAAAA,CAAiBC,KAA6B,EAAA;AAAA,EAAA,IAAAC,eAAA,CAAA;EAClDC,UAAA,CAAW,eAAe,CAAA,CAAA;AACpB,EAAA,IAAAC,UAAA,GAAaC,cAAc,UAAU,CAAA,CAAA;AAC3C,EAAA,IAAMC,YAAYC,YAAa,EAAA,CAAA;AAEzB,EAAA,IAAAC,YAAA,GAAeC,WAAY,CAAA,cAAA,EAAgB,cAAc,CAAA,CAAA;AAE/D,EAAA,IAAAC,SAAA,GAAoCC,SAAS,KAAK,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA3CI,IAAAA,UAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAYG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAAI,UAAA,GAAsCL,QAAA,CAAwBM,cAAcC,IAAI,CAAA;IAAAC,UAAA,GAAAN,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAzEI,IAAAA,WAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAAE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;EAE5B,IAAAG,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,KAAA,EAAwBC,OAAqB,EAAA;AACjE,IAAA,IAAIA,OAAS,EAAA;AAAA,MAAA,IAAAC,eAAA,CAAA;AACXC,MAAAA,gBAAA,IAAAC,MAAA,CAAAC,kBAAA,CAAsB,CAAA3B,KAAA,KAAAA,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAA,CAAOsB,UAAS,EAAC,CAAIA,EAAAA,CAAAA,KAAK,EAAwB,CAAA,CAAA;AACjEtB,MAAAA,KAAA,KAAAA,IAAAA,IAAAA,KAAA,KAAAwB,KAAAA,CAAAA,IAAAA,CAAAA,eAAA,GAAAxB,KAAA,CAAA4B,QAAA,MAAA,IAAA,IAAAJ,eAAA,KAAAA,KAAAA,CAAAA,IAAAA,eAAA,CAAAK,IAAA,CAAA7B,KAAA,EAAA,EAAA,CAAA0B,MAAA,CAAAC,kBAAA,CAAgB,CAAA3B,KAAA,aAAAA,KAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAA,CAAOsB,UAAS,EAAC,CAAIA,EAAAA,CAAAA,KAAK,EAAwB,CAAA,CAAA;AAC3E,KAAO,MAAA;AAAA,MAAA,IAAAQ,gBAAA,CAAA;AACaL,MAAAA,gBAAA,CAAA,CAAA,CAAAzB,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAA,CAAOsB,UAAS,EAAC,EAAGS,OAAO,UAACC,CAAA,EAAA;QAAA,OAAMA,CAAM,KAAAV,KAAK,CAAA;AAAA,OAAA,CAAwB,CAAA,CAAA;AAChFtB,MAAAA,KAAA,KAAAA,IAAAA,IAAAA,KAAA,KAAA8B,KAAAA,CAAAA,IAAAA,CAAAA,gBAAA,GAAA9B,KAAA,CAAA4B,QAAA,MAAA,IAAA,IAAAE,gBAAA,KAAA,KAAA,CAAA,IAAAA,gBAAA,CAAAD,IAAA,CAAA7B,KAAA,EAAA,CAAY,CAAAA,KAAO,KAAPA,IAAAA,IAAAA,KAAO,uBAAPA,KAAO,CAAAsB,KAAA,KAAS,EAAC,EAAGS,OAAO,UAACC,CAAA,EAAA;QAAA,OAAMA,CAAM,KAAAV,KAAK,CAAA;AAAA,OAAA,CAAwB,CAAA,CAAA;AAC1F,KAAA;GACF,CAAA;AAEM,EAAA,IAAAW,SAAA,GAAYC,QAAQ,YAAM;AAAA,IAAA,IAAAC,eAAA,CAAA;IAC9B,OAAO,CAAAA,eAAA,GAAAnC,MAAMoC,QAAU,MAAA,IAAA,IAAAD,eAAA,KAAA,KAAA,CAAA,IAAhBA,eAAA,CAAgBE,MAAA;AAAA;IAEnBC,MAAMC,QAAS,CAAAC,GAAA,CAAIxC,KAAM,CAAAoC,QAAA,EAAU,UAACK,KAAwB,EAAA;AACtD,MAAA,iBAAAH,KAAA,CAAMI,cAAe,CAAAD,KAAK,CAAG,EAAA;AAAA,QAAA,IAAAE,YAAA,EAAAC,aAAA,EAAAC,gBAAA,EAAAC,cAAA,CAAA;AACxB,QAAA,oBAAAR,KAAA,CAAMS,aAAaN,KAAO,EAAA;AAAA;AAE/BO,UAAAA,MAAA,EAAQhD,KAAM,CAAAgD,MAAA,IAAUC,mBAAoB,CAAAC,UAAA;AAAA;UAE5C3B,SAASvB,KAAM,CAAAsB,KAAA,CAAM6B,QAAS,CAAAV,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAA,KAAA,CAAA,IAAA,CAAAE,YAAA,GAAAF,KAAA,CAAOzC,oCAAP2C,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAA,CAAcrB,KAAK,CAAA;AAAA;UAEjD8B,OAAS,EAAA,CAAAX,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAAG,KAAAA,CAAAA,IAAAA,CAAAA,aAAA,GAAAH,KAAA,CAAOzC,KAAO,cAAA4C,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,aAAA,CAAcQ,OAAA,MAAY,UAAapD,KAAM,CAAAoD,OAAA;UACtDC,MAAMrD,KAAM,CAAAqD,IAAA;AACZzB,UAAAA,QAAU,EAAAP,YAAA;AACViC,UAAAA,SAAW,EAAA,KAAA;AACXC,UAAAA,UAAW,CAAAV,CAAAA,gBAAA,GAAA7C,KAAM,CAAAoC,QAAA,MAAAS,IAAAA,IAAAA,gBAAA,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAgBR,MAAU,MAAArC,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAA,KAAA,CAAA,IAAA,CAAA8C,cAAA,GAAA9C,KAAA,CAAOwD,0DAAPV,cAAA,CAAgBT,MAAqB,CAAA,IAAA,CAAA;AAC5E,SAAC,CAAA,CAAA;AACH,OAAA;KACD,CAAA,GACD,IAAA,CAAA;GACH,EAAA,CAACrC,KAAM,CAAAoC,QAAA,EAAUpC,KAAM,CAAAgD,MAAA,EAAQhD,KAAM,CAAAoD,OAAA,EAASpD,KAAM,CAAAqD,IAAA,EAAMrD,KAAM,CAAAsB,KAAK,CAAC,CAAA,CAAA;AAEnE,EAAA,IAAAmC,MAAA,GAASC,UAAUvD,UAAU,CAAA,CAAA;AAEnCwD,EAAAA,SAAA,CAAU,YAAM;IACGlC,gBAAA,CAAA,CAAAzB,KAAA,KAAAA,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAA,CAAOsB,KAAS,KAAA,EAAE,CAAA,CAAA;AACrC,GAAG,EAAA,CAACtB,KAAM,CAAAsB,KAAK,CAAC,CAAA,CAAA;AAEV,EAAA,IAAAG,gBAAA,GAAmB,SAAnBA,gBAAAA,CAAoBmC,MAAgC,EAAA;AACxDxC,IAAAA,cAAA,CAAe,YAAA;MAAA,IAAAyC,eAAA,EAAAC,gBAAA,CAAA;MAAA,OACbF,MAAO,CAAAvB,MAAA,KAAW,IACdrB,aAAc,CAAAC,IAAA,GACd,CAAAjB,kBAAAA,uCAAAA,MAAOwD,OAAS,MAAA,IAAA,IAAAK,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,eAAA,CAAgBxB,MAAA,MAAWuB,MAAO,CAAAvB,MAAA,IAAU,CAAArC,kBAAAA,wCAAAA,MAAOoC,QAAU,MAAA,IAAA,IAAA0B,gBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,gBAAA,CAAiBzB,MAAA,MAAWuB,OAAOvB,MAC7E,GAAArB,aAAA,CAAc+C,OACd/C,aAAc,CAAAgD,IAAA,CAAA;AAAA,KACtB,CAAA,CAAA;GACF,CAAA;AAEM,EAAA,IAAAC,SAAA,GAAY/B,QAAQ,YAAM;IAC9B,IAAI7B,cAAc,OAAS,EAAA;AACzB,MAAA,IAAIQ,UAAY,EAAA;AACP,QAAA,OAAA,iGAAA,CAAA;AACT,OAAO,MAAA;AACE,QAAA,OAAA,iGAAA,CAAA;AACT,OAAA;AACF,KAAO,MAAA;AACL,MAAA,IAAIA,UAAY,EAAA;AACP,QAAA,OAAA,iGAAA,CAAA;AACT,OAAO,MAAA;AACE,QAAA,OAAA,iGAAA,CAAA;AACT,OAAA;AACF,KAAA;AACF,GAAG,EAAA,CAACR,SAAW,EAAAQ,UAAU,CAAC,CAAA,CAAA;AAE1B,EAAA,IAAMqD,kBAAkB,SAAlBA,kBAAwB;AAAA,IAAA,IAAAC,YAAA,EAAAC,aAAA,EAAAC,aAAA,EAAAC,eAAA,CAAA;AAEtB,IAAA,IAAAC,UAAA,GAAajC,KAAM,CAAAC,QAAA,CAASC,GAAI,CAAAxC,KAAA,CAAMoC,UAAU,UAACK,KAAA,EAAA;AAAA,MAAA,IAAA+B,aAAA,CAAA;AAAA,MAAA,OAAwB/B,KAAO,KAAA,IAAA,IAAPA,KAAO,KAAA,KAAA,CAAA,IAAA,CAAA+B,aAAA,GAAP/B,KAAO,CAAAzC,KAAA,MAAAwE,IAAAA,IAAAA,aAAA,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAclD,KAAK,CAAA;KAAA,CAAA,CAAA;AAClG,IAAA,IAAMmD,UACJ,GAAA,CAAAN,CAAAA,YAAA,GAAAnE,KAAA,CAAMsB,KAAO,MAAA6C,IAAAA,IAAAA,YAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAA,CAAa9B,MAAA,MAAW,MACvB,CAAA,CAAA+B,aAAA,GAAApE,KAAM,CAAAsB,KAAA,MAAA,IAAA,IAAA8C,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,aAAA,CAAa/B,MAAW,MAAAkC,UAAA,CAAWlC,MAAU,IAAA,CAAA,CAAAgC,aAAA,GAAArE,KAAA,CAAMsB,KAAO,MAAA,IAAA,IAAA+C,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAA,CAAahC,MAAA,OAAWrC,kBAAAA,uCAAAA,MAAOwD,OAAS,MAAA,IAAA,IAAAc,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,eAAA,CAAgBjC,MAAA,CAAA,CAAA,CAAA;AACxF,IAAA,IAAIoC,UAAY,EAAA;AAAA,MAAA,IAAAC,gBAAA,CAAA;AACP1E,MAAAA,KAAA,aAAAA,KAAA,KAAA,KAAA,CAAA,IAAA,CAAA0E,gBAAA,GAAA1E,KAAA,CAAA4B,QAAA,MAAA,IAAA,IAAA8C,gBAAA,KAAA,KAAA,CAAA,IAAAA,gBAAA,CAAA7C,IAAA,CAAA7B,KAAA,EAAW,EAAE,CAAA,CAAA;AACtB,KAAO,MAAA;MAAA,IAAA2E,eAAA,EAAAC,gBAAA,CAAA;AACL,MAAA,IAAMC,cAAc7E,KAAO,aAAPA,KAAO,KAAA,KAAA,CAAA,IAAA,CAAA2E,eAAA,GAAP3E,KAAO,CAAAwD,OAAA,MAAA,IAAA,IAAAmB,eAAA,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAA,CAAgBnC,IAAI,UAACR,CAAA,EAAA;QAAA,OAAMA,EAAEV,KAAK,CAAA;OAAA,CAAA,CAAA;AACtD,MAAA,IAAMsC,MAAS,GAAA,CAAAiB,WAAA,aAAAA,WAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,WAAA,CAAaxC,MAAW,MAAA,CAAA,GAAIwC,WAAc,GAAAN,UAAA,CAAA;AACzDvE,MAAAA,KAAA,aAAAA,KAAA,KAAA,KAAA,CAAA,IAAA,CAAA4E,gBAAA,GAAA5E,KAAA,CAAO4B,qDAAPgD,gBAAA,CAAA/C,IAAA,CAAA7B,KAAA,EAAkB4D,MAA6B,CAAA,CAAA;AACjD,KAAA;GACF,CAAA;EAGE,sBAAAtB,KAAA,CAAAwC,aAAA,CAACC,qBAAqBC,QAArB,EAAA;AAA8B1D,IAAAA,OAAO;AAAE2D,MAAAA,SAAA,EAAWjF,KAAM,CAAAsB,KAAA,IAAS,EAAA;AAAG,KAAA;KAClEtB,KAAM,CAAAkF,IAAA,kBACJ5C,KAAA,CAAAwC,aAAA,CAAAK,IAAA,EAAA;IAAKC,KAAO,EAAA,CAAC3B,OAAO4B,aAAe,EAAArF,KAAA,CAAMsF,kBAAkB,CAAA;AAAA,GAAA,iBACzDhD,KAAA,CAAAwC,aAAA,CAAAS,wBAAA,EAAA;AAAyBC,IAAAA,SAAStB,eAAAA;AACjC,GAAA,iBAAA5B,KAAA,CAAAwC,aAAA,CAACK,IAAK,EAAA;IAAAC,KAAA,EAAO3B,MAAO,CAAAgC,OAAAA;AAAA,GAAA,EACjBtE,gBAAgBH,aAAc,CAAAgD,IAAA,kBAC5B1B,KAAA,CAAAwC,aAAA,CAAAK,IAAA,EAAA;AAAKC,IAAAA,KAAO,EAAAM,gBAAA,CAAiBvE,aAAanB,KAAO,EAAAG,UAAU,CAAA;AACzD,GAAA,EAAAgB,WAAA,KAAgBH,aAAc,CAAA+C,IAAA,sCAC5B4B,gBAAiB,EAAA;AAAAH,IAAAA,OAAA,EAAStB,eAAiB;AAAA0B,IAAAA,aAAA,EAAe,CAAA;AACzD,GAAA,iBAAAtD,KAAA,CAAAwC,aAAA,CAACe,KAAA,EAAA;AACCC,IAAAA,MAAQ,EAAA;AACNC,MAAAA,GAAK,EAAA,iGAAA;KACP;AACAX,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAOC,WAAY,CAAAjG,KAAA,CAAMqD,IAAK,CAAA;AAAG6C,MAAAA,MAAQ,EAAAD,WAAA,CAAYjG,KAAM,CAAAqD,IAAK,CAAA;AAAE,KAAA;GAC7E,CACF,CAEA,kBAAAf,KAAA,CAAAwC,aAAA,CAAAxC,KAAA,CAAA6D,QAAA,EAAA,IAAE,CAEN,CAAA,sCAECR,gBAAiB,EAAA;AAAAH,IAAAA,OAAA,EAAStB,eAAiB;AAAA0B,IAAAA,aAAA,EAAe,CAAA;AACzD,GAAA,iBAAAtD,KAAA,CAAAwC,aAAA,CAACe,KAAA,EAAA;AACCC,IAAAA,MAAQ,EAAA;AACNC,MAAAA,GAAK,EAAA,iGAAA;KACP;AACAX,IAAAA,KAAO,EAAA;AAAA;MAELc,MAAA,EAAQD,WAAY,CAAAjG,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAA,CAAOqD,IAAI,CAAA;AAAA;AAE/B2C,MAAAA,KAAA,EAAOC,WAAY,CAAAjG,KAAA,CAAMqD,IAAI,CAAA;AAC7B+C,MAAAA,WAAa,EAAA,CAAA;AACf,KAAA;GACF,CACF,CAEJ,CACF,CAAA,iBACC9D,KAAA,CAAAwC,aAAA,CAAAuB,IAAA,EAAA;IAAKjB,KAAO,EAAA3B,MAAA,CAAO6C,IAAAA;AAAO,GAAA,EAAAtG,KAAA,CAAMuG,QAAY,IAAAhG,YAAa,CAC1D,iBAAA+B,KAAA,CAAAwC,aAAA,CAACa,gBAAA,EAAA;AACCC,IAAAA,aAAe,EAAA,CAAA;AACfJ,IAAAA,SAAS,SAATA,UAAe;MACC1E,aAAA,CAAA,UAAC0F,IAAS,EAAA;AAAA,QAAA,OAAA,CAACA,IAAI,CAAA;OAAA,CAAA,CAAA;AAC/B,KAAA;AAAA,GAAA,iBAEAlE,KAAA,CAAAwC,aAAA,CAACe,KAAA,EAAA;AACCC,IAAAA,MAAA,EAAQ;AAAEC,MAAAA,GAAA,EAAK9B,SAAAA;KAAU;AACzBmB,IAAAA,KAAA,EAAO;AAAEY,MAAAA,KAAA,EAAOC,WAAY,CAAAjG,KAAA,CAAMqD,IAAK,CAAA;AAAG6C,MAAAA,MAAQ,EAAAD,WAAA,CAAYjG,KAAM,CAAAqD,IAAK,CAAA;AAAE,KAAA;AAAA,GAC7E,CACF,CACF,CAEA,kBAAAf,KAAA,CAAAwC,aAAA,CAAAxC,KAAA,CAAA6D,QAAA,EAAA,IAAE,GAEHtF,UAAc,IAAA,CAACb,MAAMkF,IACpB,kBAAA5C,KAAA,CAAAwC,aAAA,CAAC2B,UAAA,EAAA;AACCC,IAAAA,UAAA,EAAY1G,KAAM,CAAAgD,MAAA,KAAWC,mBAAoB,CAAAC,UAAA;AACjDyD,IAAAA,8BAAgC,EAAA,KAAA;AAChCC,IAAAA,MAAO,EAAA,aAAA;AACPC,IAAAA,4BAA8B,EAAA,KAAA;AAC9BzB,IAAAA,OAAO,CAAC0B,qBAAA,CAAsB9G,OAAOG,UAAU,CAAA,EAAGH,MAAM+G,aAAa,CAAA;AACrEC,IAAAA,qBAAA,EAAuB;MAAEC,YAAc,EAAAjH,KAAA,CAAMgD,WAAWC,mBAAoB,CAAAC,UAAA,GAAa,MAAM,CAAA;AAAE,KAAA;GAAA,EAEhGjB,SAAA,EACAjC,KAAO,aAAPA,KAAO,KAAA,KAAA,CAAA,IAAA,CAAAC,eAAA,GAAPD,KAAO,CAAAwD,OAAA,MAAAvD,IAAAA,IAAAA,eAAA,uBAAPA,eAAA,CAAgBuC,GAAI,CAAA,UAAC0E,QAAQC,KAC5B,EAAA;IAAA,IAAAC,gBAAA,EAAAC,eAAA,CAAA;AAAA,IAAA,sBAAA/E,KAAA,CAAAwC,aAAA,CAACwC,QAAA,EAAA;AACCC,MAAAA,GAAK,EAAAJ,KAAA;MACLK,OAAON,MAAO,CAAAM,KAAA;MACdlG,OAAO4F,MAAO,CAAA5F,KAAA;AACdM,MAAAA,QAAU,EAAAP,YAAA;MACV2B,QAAQhD,KAAM,CAAAgD,MAAA;MACdI,SAASpD,KAAM,CAAAoD,OAAA;MACfC,MAAMrD,KAAM,CAAAqD,IAAA;AACZC,MAAAA,SAAW,EAAA,KAAA;AACXC,MAAAA,UAAW,CAAA6D,CAAAA,gBAAA,GAAApH,KAAM,CAAAoC,QAAA,MAAAgF,IAAAA,IAAAA,gBAAA,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAA,CAAgB/E,MAAU,MAAArC,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAA,KAAA,CAAA,IAAA,CAAAqH,eAAA,GAAArH,KAAA,CAAOwD,2DAAP6D,eAAA,CAAgBhF,MAAqB,CAAA,IAAA,CAAA;AAAA,KAC5E,CACD,CAAA;AAAA,GAAA,CACH,CAAA,0DAEE,CAEN,CAAA,CAAA;AAEJ,EAAA;AAEAtC,aAAA,CAAc0H,YAAe,GAAAC,yBAAA;;;;"}
+{"version":3,"file":"CheckBoxGroup.js","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport { ScrollView, TouchableWithoutFeedback, View, Image, Text, TouchableOpacity } from \"react-native\";\nimport {\n  RedsCheckBoxGroup,\n  CheckBoxGroupDefaultProps,\n  CheckBoxGroupLayout,\n  RedsCheckBox,\n  CheckedStatus,\n} from \"./interface/index\";\nimport { getCheckBoxGroupStyle, getStyles, getFullIconStyle, iconSizeMap } from \"./styles\";\nimport { useThemeColor, useColorMode } from \"../ConfigProvider\";\nimport CheckBox from \"./CheckBox\";\nimport { CheckBoxGroupContext } from \"./hooks/useCheckBoxGroupContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\nimport { useLanguage } from \"../LanguageProvider\";\nconst CheckBoxGroup = (props: RedsCheckBoxGroup) => {\n  useMounted(\"CheckBoxGroup\");\n  const themeColor = useThemeColor(\"Checkbox\");\n  const colorMode = useColorMode();\n\n  const selectAllKey = useLanguage(\"componentKey\", \"selectAllKey\");\n\n  const [folderOpen, setFolderOpen] = useState(false);\n\n  const [checkStatus, setCheckStatus] = useState<CheckedStatus>(CheckedStatus.NONE);\n\n  const handleChange = (value: string | number, checked: boolean) => {\n    if (checked) {\n      getCheckedStatus([...(props?.value || []), value] as string[] | number[]);\n      props?.onChange?.([...(props?.value || []), value] as string[] | number[]);\n    } else {\n      getCheckedStatus((props?.value || []).filter((i) => i !== value) as string[] | number[]);\n      props?.onChange?.((props?.value || []).filter((i) => i !== value) as string[] | number[]);\n    }\n  };\n\n  const checkboxs = useMemo(() => {\n    return props.children?.length\n      ? // @ts-ignore\n        React.Children.map(props.children, (child: RedsCheckBox) => {\n          if (React.isValidElement(child)) {\n            return React.cloneElement(child, {\n              // @ts-ignore\n              layout: props.layout || CheckBoxGroupLayout.HORIZONTAL,\n              // @ts-ignore\n              checked: props.value.includes(child?.props?.value),\n              // @ts-ignore\n              disable: child?.props?.disable !== undefined || props.disable,\n              size: props.size,\n              onChange: handleChange,\n              isControl: false,\n              isGroup: ((props.children?.length || props?.options?.length) as number) > 1,\n            });\n          }\n        })\n      : null;\n  }, [props.children, props.layout, props.disable, props.size, props.value]);\n\n  const styles = getStyles(themeColor);\n\n  useEffect(() => {\n    getCheckedStatus(props?.value || []);\n  }, [props.value]);\n\n  const getCheckedStatus = (values: number[] | string[]) => {\n    setCheckStatus(() =>\n      values.length === 0\n        ? CheckedStatus.NONE\n        : props?.options?.length === values.length || props?.children?.length === values.length\n          ? CheckedStatus.FULL\n          : CheckedStatus.HALF,\n    );\n  };\n\n  const arrowIcon = useMemo(() => {\n    if (colorMode === \"light\") {\n      if (folderOpen) {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/ccae115928ed32fc3c4373cf2a70192366634fba.png\";\n      } else {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/e95343f0ee685242b0c25309a43e6afc34a9b274.png\";\n      }\n    } else {\n      if (folderOpen) {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/8077897e338cac33af9cd16ed05087cb345b1d24.png\";\n      } else {\n        return \"https://picasso-static.xiaohongshu.com/fe-platform/9395ff8bbb48a1a1e2e855d64a6645c2e4dcf43e.png\";\n      }\n    }\n  }, [colorMode, folderOpen]);\n\n  const handleFullClick = () => {\n    // @ts-ignore\n    const childProps = React.Children.map(props.children, (child: RedsCheckBox) => child?.props?.value);\n    const allchecked =\n      props.value?.length !== 0 &&\n      (props.value?.length === childProps.length || props.value?.length === props?.options?.length);\n    if (allchecked) {\n      props?.onChange?.([]);\n    } else {\n      const propsValues = props?.options?.map((i) => i.value);\n      const values = propsValues?.length !== 0 ? propsValues : childProps;\n      props?.onChange?.(values as string[] | number[]);\n    }\n  };\n\n  return (\n    <CheckBoxGroupContext.Provider value={{ checkList: props.value || [] }}>\n      {props.full ? (\n        <View style={[styles.fullContainer, props.fullContainerStyle]}>\n          <View style={styles.flexStart}>\n            <TouchableWithoutFeedback onPress={handleFullClick}>\n              <View style={styles.flexRow}>\n                {checkStatus !== CheckedStatus.HALF ? (\n                  <View style={getFullIconStyle(checkStatus, props, themeColor)}>\n                    {checkStatus === CheckedStatus.FULL ? (\n                      <TouchableOpacity onPress={handleFullClick} activeOpacity={1}>\n                        <Image\n                          source={{\n                            uri: \"https://picasso-static.xiaohongshu.com/fe-platform/9d9ae3689964820b64f21c4cd14fcc8f089a5403.png\",\n                          }}\n                          style={{ width: iconSizeMap[props.size!], height: iconSizeMap[props.size!] }}\n                        />\n                      </TouchableOpacity>\n                    ) : (\n                      <></>\n                    )}\n                  </View>\n                ) : (\n                  <TouchableOpacity onPress={handleFullClick} activeOpacity={1}>\n                    <Image\n                      source={{\n                        uri: \"https://picasso-static.xiaohongshu.com/fe-platform/dc008804e8b5f2064cc179cdbed221ef9fcbbc66.png\",\n                      }}\n                      style={{\n                        // @ts-ignore\n                        height: iconSizeMap[props?.size],\n                        // @ts-ignore\n                        width: iconSizeMap[props.size],\n                        marginRight: 6,\n                      }}\n                    />\n                  </TouchableOpacity>\n                )}\n              </View>\n            </TouchableWithoutFeedback>\n            <Text style={styles.text}>{props.fullText || selectAllKey}</Text>\n          </View>\n          <TouchableOpacity\n            activeOpacity={1}\n            onPress={() => {\n              setFolderOpen((open) => !open);\n            }}\n          >\n            <View style={{ display: \"flex\", flexDirection: \"row\", alignItems: \"center\" }}>\n              {props.value?.length ? (\n                <Text style={{ color: themeColor.Description }}>{props.value.length}</Text>\n              ) : (\n                <></>\n              )}\n              <Image\n                source={{ uri: arrowIcon }}\n                style={{ width: iconSizeMap[props.size!], height: iconSizeMap[props.size!] }}\n              />\n            </View>\n          </TouchableOpacity>\n        </View>\n      ) : (\n        <></>\n      )}\n      {folderOpen || !props.full ? (\n        <ScrollView\n          horizontal={props.layout === CheckBoxGroupLayout.HORIZONTAL}\n          showsHorizontalScrollIndicator={false}\n          testID=\"scroll-view\"\n          showsVerticalScrollIndicator={false}\n          style={[getCheckBoxGroupStyle(props, themeColor), props.checkboxStyle]}\n          contentContainerStyle={{ paddingRight: props.layout === CheckBoxGroupLayout.HORIZONTAL ? 100 : 0 }}\n        >\n          {checkboxs}\n          {props?.options?.map((option, index) => (\n            <CheckBox\n              key={index}\n              label={option.label}\n              value={option.value}\n              onChange={handleChange}\n              layout={props.layout}\n              disable={props.disable}\n              size={props.size}\n              isControl={false}\n              isGroup={((props.children?.length || props?.options?.length) as number) > 1}\n            />\n          ))}\n        </ScrollView>\n      ) : (\n        <></>\n      )}\n    </CheckBoxGroupContext.Provider>\n  );\n};\n\nCheckBoxGroup.defaultProps = CheckBoxGroupDefaultProps;\n\nexport default CheckBoxGroup;\n"],"names":["CheckBoxGroup","props","_props$value4","_props$options5","useMounted","themeColor","useThemeColor","colorMode","useColorMode","selectAllKey","useLanguage","_useState","useState","_useState2","_slicedToArray","folderOpen","setFolderOpen","_useState3","CheckedStatus","NONE","_useState4","checkStatus","setCheckStatus","handleChange","value","checked","_props$onChange","getCheckedStatus","concat","_toConsumableArray","onChange","call","_props$onChange2","filter","i","checkboxs","useMemo","_props$children","children","length","React","Children","map","child","isValidElement","_child$props","_child$props2","_props$children2","_props$options","cloneElement","layout","CheckBoxGroupLayout","HORIZONTAL","includes","disable","size","isControl","isGroup","options","styles","getStyles","useEffect","values","_props$options2","_props$children3","FULL","HALF","arrowIcon","handleFullClick","_props$value","_props$value2","_props$value3","_props$options3","childProps","_child$props3","allchecked","_props$onChange3","_props$options4","_props$onChange4","propsValues","createElement","CheckBoxGroupContext","Provider","checkList","full","View","style","fullContainer","fullContainerStyle","flexStart","TouchableWithoutFeedback","onPress","flexRow","getFullIconStyle","TouchableOpacity","activeOpacity","Image","source","uri","width","iconSizeMap","height","Fragment","marginRight","Text","text","fullText","open","display","flexDirection","alignItems","color","Description","ScrollView","horizontal","showsHorizontalScrollIndicator","testID","showsVerticalScrollIndicator","getCheckBoxGroupStyle","checkboxStyle","contentContainerStyle","paddingRight","option","index","_props$children4","_props$options6","CheckBox","key","label","defaultProps","CheckBoxGroupDefaultProps"],"mappings":"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"}

package/lib/esm/components/CheckBoxGroup/styles.js

@@ -208,6 +208,12 @@ var getStyles = function getStyles(themeColor) {
       display: "flex",
       flexDirection: "row",
       alignItems: "center"
+    },
+    flexStart: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "flex-start"
     }
   });
 };

package/lib/esm/components/CheckBoxGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/CheckBoxGroup/styles.ts"],"sourcesContent":["import { StyleSheet, DimensionValue } from \"react-native\";\nimport {\n  RedsCheckBox,\n  CheckBoxPlacement,\n  RedsCheckBoxGroup,\n  CheckBoxGroupLayout,\n  CheckedStatus,\n  CheckBoxGroupSize,\n} from \"./interface\";\nimport { typography } from \"@xhsreds/reds-token-next\";\n\nconst widthSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const iconSizeMap: Record<CheckBoxGroupSize, number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const iconBorderSizeMap: Record<CheckBoxGroupSize, number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const fontSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: typography.C2FontSize,\n  medium: typography.B2LooseFontSize,\n  large: typography.B1FontSize,\n};\n\nexport const iconRightSizeMap: Record<\"small\" | \"medium\" | \"large\", Record<\"height\" | \"width\", string | number>> = {\n  large: {\n    height: 8,\n    width: 11,\n  },\n  medium: {\n    height: 7,\n    width: 9,\n  },\n  small: {\n    height: 6,\n    width: 8,\n  },\n};\n\nexport const getCheckboxStyle = (props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    horizontal: {\n      display: \"flex\",\n      flexDirection: \"row-reverse\",\n      justifyContent: \"flex-start\",\n      alignItems: \"center\",\n      marginLeft: props.label && props.isGroup ? 12 : 0,\n      flexShrink: 0,\n      ...(props.isGroup ? { flex: 1 } : {}),\n    },\n    left: {\n      display: \"flex\",\n      flexDirection: \"row-reverse\",\n      justifyContent: \"flex-end\",\n      alignItems: \"flex-start\",\n      width: \"100%\",\n      marginTop: 12,\n      // paddingVertical: 12,\n      flex: 1,\n      borderBottomWidth: 0.5,\n      borderBottomColor: themeColor.Separator2,\n      borderBottomStyle: \"solid\",\n    },\n    right: {\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      alignItems: \"flex-start\",\n      flexDirection: \"row\",\n      width: \"100%\",\n      marginTop: 12,\n      // paddingVertical: 12,\n      flex: 1,\n      borderBottomWidth: 0.5,\n      borderBottomColor: themeColor.Separator2,\n      borderBottomStyle: \"solid\",\n    },\n  });\n  return props.layout === CheckBoxGroupLayout.HORIZONTAL\n    ? styles.horizontal\n    : props.placement === CheckBoxPlacement.LEFT\n      ? styles.left\n      : styles.right;\n};\n\nexport const getCheckBoxGroupStyle = (props: RedsCheckBoxGroup, themeColor: any) => {\n  const styles = StyleSheet.create({\n    horizontal: {\n      width: \"100%\",\n      display: \"flex\",\n      flexDirection: \"row\",\n      // paddingVertical: 12,\n      backgroundColor: themeColor.Bg,\n      paddingLeft: props.full ? 24 : 0,\n    },\n    vertical: {\n      width: \"100%\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      backgroundColor: themeColor.Bg,\n      paddingLeft: props.full ? 24 : 0,\n    },\n  });\n  return props.layout === CheckBoxGroupLayout.HORIZONTAL ? styles.horizontal : styles.vertical;\n};\n\nexport const getCheckBoxLabelTextStyle = (props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    vertical: {\n      fontWeight: typography.B1FontWeight,\n      // @ts-ignore\n      fontSize: fontSizeMap[props.size],\n      color: themeColor.Title,\n    },\n    horizontal: {\n      fontWeight: typography.B1FontWeight,\n      // @ts-ignore\n      fontSize: fontSizeMap[props.size],\n      color: themeColor.Title,\n    },\n  });\n  return props.layout === CheckBoxGroupLayout.VERTICAL ? styles.vertical : styles.horizontal;\n};\n\nexport const getCheckBoxLabelStyle = (props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    vertical: {\n      opacity: props?.disable ? 0.27 : 1,\n      paddingBottom: 12,\n      width: \"100%\",\n      flex: 1,\n    },\n    horizontal: {\n      opacity: props?.disable ? 0.27 : 1,\n    },\n  });\n  return props.layout === CheckBoxGroupLayout.VERTICAL ? styles.vertical : styles.horizontal;\n};\n\nexport const getCheckBoxIconStyle = (checked: boolean, props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    icon: {\n      opacity: props.disable ? 0.6 : 1,\n      marginRight: props.label\n        ? props.placement === CheckBoxPlacement.LEFT\n          ? 12\n          : props.layout === CheckBoxGroupLayout.HORIZONTAL\n            ? 8\n            : 0\n        : 0,\n      marginLeft:\n        props.label && props.placement === CheckBoxPlacement.RIGHT && props.layout !== CheckBoxGroupLayout.HORIZONTAL\n          ? 12\n          : 0,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexShrink: 0,\n    },\n  });\n  return styles.icon;\n};\n\nexport const getFullIconStyle = (checked: CheckedStatus, props: RedsCheckBoxGroup, themeColor: any) => {\n  const styles = StyleSheet.create({\n    fullIcon: {\n      // @ts-ignore\n      width: widthSizeMap[props.size],\n      // @ts-ignore\n      height: widthSizeMap[props.size],\n      borderRadius: 20,\n      borderWidth: 1,\n      borderColor: checked !== CheckedStatus.NONE ? themeColor.Primary : themeColor.Separator2,\n      borderStyle: \"solid\",\n      backgroundColor:\n        checked !== CheckedStatus.NONE ? themeColor.Primary : props.disable ? \"#3030341A\" : themeColor.White,\n      opacity: props.disable ? 0.6 : 1,\n      marginRight: 6,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexShrink: 0,\n    },\n  });\n  return styles.fullIcon;\n};\n\nexport const getRightIconStyle = (props: RedsCheckBox) => {\n  const styles = StyleSheet.create({\n    right: {\n      height: iconRightSizeMap[props.size || \"large\"].height as DimensionValue,\n      width: iconRightSizeMap[props.size || \"large\"].width as DimensionValue,\n    },\n  });\n  return styles.right;\n};\n\nexport const getRightWrapperStyle = (props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    wrapper: {\n      height: iconSizeMap[props.size || \"large\"] as DimensionValue,\n      width: iconSizeMap[props.size || \"large\"] as DimensionValue,\n      borderRadius: 1000,\n      backgroundColor: themeColor.Primary,\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n  return styles.wrapper;\n};\n\nexport const getStyles = (themeColor: any) =>\n  StyleSheet.create({\n    fullContainer: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n      backgroundColor: themeColor.Bg,\n      paddingVertical: 12,\n    },\n    text: {\n      color: themeColor.Title,\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n    },\n    flexRow: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    },\n  });\n"],"names":["widthSizeMap","small","medium","large","iconSizeMap","iconBorderSizeMap","fontSizeMap","typography","C2FontSize","B2LooseFontSize","B1FontSize","iconRightSizeMap","height","width","getCheckboxStyle","props","themeColor","styles","StyleSheet","create","horizontal","_objectSpread","display","flexDirection","justifyContent","alignItems","marginLeft","label","isGroup","flexShrink","flex","left","marginTop","borderBottomWidth","borderBottomColor","Separator2","borderBottomStyle","right","layout","CheckBoxGroupLayout","HORIZONTAL","placement","CheckBoxPlacement","LEFT","getCheckBoxGroupStyle","backgroundColor","Bg","paddingLeft","full","vertical","getCheckBoxLabelTextStyle","fontWeight","B1FontWeight","fontSize","size","color","Title","VERTICAL","getCheckBoxLabelStyle","opacity","disable","paddingBottom","getCheckBoxIconStyle","checked","icon","marginRight","RIGHT","getFullIconStyle","fullIcon","borderRadius","borderWidth","borderColor","CheckedStatus","NONE","Primary","borderStyle","White","getRightIconStyle","getRightWrapperStyle","wrapper","getStyles","fullContainer","paddingVertical","text","flexRow"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/CheckBoxGroup/styles.ts"],"sourcesContent":["import { StyleSheet, DimensionValue } from \"react-native\";\nimport {\n  RedsCheckBox,\n  CheckBoxPlacement,\n  RedsCheckBoxGroup,\n  CheckBoxGroupLayout,\n  CheckedStatus,\n  CheckBoxGroupSize,\n} from \"./interface\";\nimport { typography } from \"@xhsreds/reds-token-next\";\n\nconst widthSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const iconSizeMap: Record<CheckBoxGroupSize, number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const iconBorderSizeMap: Record<CheckBoxGroupSize, number> = {\n  small: 12,\n  medium: 16,\n  large: 20,\n};\n\nexport const fontSizeMap: Record<\"small\" | \"medium\" | \"large\", number> = {\n  small: typography.C2FontSize,\n  medium: typography.B2LooseFontSize,\n  large: typography.B1FontSize,\n};\n\nexport const iconRightSizeMap: Record<\"small\" | \"medium\" | \"large\", Record<\"height\" | \"width\", string | number>> = {\n  large: {\n    height: 8,\n    width: 11,\n  },\n  medium: {\n    height: 7,\n    width: 9,\n  },\n  small: {\n    height: 6,\n    width: 8,\n  },\n};\n\nexport const getCheckboxStyle = (props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    horizontal: {\n      display: \"flex\",\n      flexDirection: \"row-reverse\",\n      justifyContent: \"flex-start\",\n      alignItems: \"center\",\n      marginLeft: props.label && props.isGroup ? 12 : 0,\n      flexShrink: 0,\n      ...(props.isGroup ? { flex: 1 } : {}),\n    },\n    left: {\n      display: \"flex\",\n      flexDirection: \"row-reverse\",\n      justifyContent: \"flex-end\",\n      alignItems: \"flex-start\",\n      width: \"100%\",\n      marginTop: 12,\n      // paddingVertical: 12,\n      flex: 1,\n      borderBottomWidth: 0.5,\n      borderBottomColor: themeColor.Separator2,\n      borderBottomStyle: \"solid\",\n    },\n    right: {\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      alignItems: \"flex-start\",\n      flexDirection: \"row\",\n      width: \"100%\",\n      marginTop: 12,\n      // paddingVertical: 12,\n      flex: 1,\n      borderBottomWidth: 0.5,\n      borderBottomColor: themeColor.Separator2,\n      borderBottomStyle: \"solid\",\n    },\n  });\n  return props.layout === CheckBoxGroupLayout.HORIZONTAL\n    ? styles.horizontal\n    : props.placement === CheckBoxPlacement.LEFT\n      ? styles.left\n      : styles.right;\n};\n\nexport const getCheckBoxGroupStyle = (props: RedsCheckBoxGroup, themeColor: any) => {\n  const styles = StyleSheet.create({\n    horizontal: {\n      width: \"100%\",\n      display: \"flex\",\n      flexDirection: \"row\",\n      // paddingVertical: 12,\n      backgroundColor: themeColor.Bg,\n      paddingLeft: props.full ? 24 : 0,\n    },\n    vertical: {\n      width: \"100%\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      backgroundColor: themeColor.Bg,\n      paddingLeft: props.full ? 24 : 0,\n    },\n  });\n  return props.layout === CheckBoxGroupLayout.HORIZONTAL ? styles.horizontal : styles.vertical;\n};\n\nexport const getCheckBoxLabelTextStyle = (props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    vertical: {\n      fontWeight: typography.B1FontWeight,\n      // @ts-ignore\n      fontSize: fontSizeMap[props.size],\n      color: themeColor.Title,\n    },\n    horizontal: {\n      fontWeight: typography.B1FontWeight,\n      // @ts-ignore\n      fontSize: fontSizeMap[props.size],\n      color: themeColor.Title,\n    },\n  });\n  return props.layout === CheckBoxGroupLayout.VERTICAL ? styles.vertical : styles.horizontal;\n};\n\nexport const getCheckBoxLabelStyle = (props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    vertical: {\n      opacity: props?.disable ? 0.27 : 1,\n      paddingBottom: 12,\n      width: \"100%\",\n      flex: 1,\n    },\n    horizontal: {\n      opacity: props?.disable ? 0.27 : 1,\n    },\n  });\n  return props.layout === CheckBoxGroupLayout.VERTICAL ? styles.vertical : styles.horizontal;\n};\n\nexport const getCheckBoxIconStyle = (checked: boolean, props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    icon: {\n      opacity: props.disable ? 0.6 : 1,\n      marginRight: props.label\n        ? props.placement === CheckBoxPlacement.LEFT\n          ? 12\n          : props.layout === CheckBoxGroupLayout.HORIZONTAL\n            ? 8\n            : 0\n        : 0,\n      marginLeft:\n        props.label && props.placement === CheckBoxPlacement.RIGHT && props.layout !== CheckBoxGroupLayout.HORIZONTAL\n          ? 12\n          : 0,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexShrink: 0,\n    },\n  });\n  return styles.icon;\n};\n\nexport const getFullIconStyle = (checked: CheckedStatus, props: RedsCheckBoxGroup, themeColor: any) => {\n  const styles = StyleSheet.create({\n    fullIcon: {\n      // @ts-ignore\n      width: widthSizeMap[props.size],\n      // @ts-ignore\n      height: widthSizeMap[props.size],\n      borderRadius: 20,\n      borderWidth: 1,\n      borderColor: checked !== CheckedStatus.NONE ? themeColor.Primary : themeColor.Separator2,\n      borderStyle: \"solid\",\n      backgroundColor:\n        checked !== CheckedStatus.NONE ? themeColor.Primary : props.disable ? \"#3030341A\" : themeColor.White,\n      opacity: props.disable ? 0.6 : 1,\n      marginRight: 6,\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      flexShrink: 0,\n    },\n  });\n  return styles.fullIcon;\n};\n\nexport const getRightIconStyle = (props: RedsCheckBox) => {\n  const styles = StyleSheet.create({\n    right: {\n      height: iconRightSizeMap[props.size || \"large\"].height as DimensionValue,\n      width: iconRightSizeMap[props.size || \"large\"].width as DimensionValue,\n    },\n  });\n  return styles.right;\n};\n\nexport const getRightWrapperStyle = (props: RedsCheckBox, themeColor: any) => {\n  const styles = StyleSheet.create({\n    wrapper: {\n      height: iconSizeMap[props.size || \"large\"] as DimensionValue,\n      width: iconSizeMap[props.size || \"large\"] as DimensionValue,\n      borderRadius: 1000,\n      backgroundColor: themeColor.Primary,\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n    },\n  });\n  return styles.wrapper;\n};\n\nexport const getStyles = (themeColor: any) =>\n  StyleSheet.create({\n    fullContainer: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n      backgroundColor: themeColor.Bg,\n      paddingVertical: 12,\n    },\n    text: {\n      color: themeColor.Title,\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n    },\n    flexRow: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n    },\n    flexStart: {\n      display: \"flex\",\n      flexDirection: \"row\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n    },\n  });\n"],"names":["widthSizeMap","small","medium","large","iconSizeMap","iconBorderSizeMap","fontSizeMap","typography","C2FontSize","B2LooseFontSize","B1FontSize","iconRightSizeMap","height","width","getCheckboxStyle","props","themeColor","styles","StyleSheet","create","horizontal","_objectSpread","display","flexDirection","justifyContent","alignItems","marginLeft","label","isGroup","flexShrink","flex","left","marginTop","borderBottomWidth","borderBottomColor","Separator2","borderBottomStyle","right","layout","CheckBoxGroupLayout","HORIZONTAL","placement","CheckBoxPlacement","LEFT","getCheckBoxGroupStyle","backgroundColor","Bg","paddingLeft","full","vertical","getCheckBoxLabelTextStyle","fontWeight","B1FontWeight","fontSize","size","color","Title","VERTICAL","getCheckBoxLabelStyle","opacity","disable","paddingBottom","getCheckBoxIconStyle","checked","icon","marginRight","RIGHT","getFullIconStyle","fullIcon","borderRadius","borderWidth","borderColor","CheckedStatus","NONE","Primary","borderStyle","White","getRightIconStyle","getRightWrapperStyle","wrapper","getStyles","fullContainer","paddingVertical","text","flexRow","flexStart"],"mappings":"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"}

package/lib/esm/components/Collapse/Collapse.js

@@ -1,5 +1,5 @@
 import { a as _objectSpread2, _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/CAkwE9ZD.js';
-import React, { useRef, useState, useCallback, useLayoutEffect, useEffect } from 'react';
+import React, { useRef, useState, useEffect, useCallback, useLayoutEffect } from 'react';
 import { CollapseDefaultProps } from './interface/index.js';
 import { CollapseContext } from './hooks/useCollapseContext.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
@@ -20,6 +20,25 @@ var Collapse = function Collapse(props) {
     _useState2 = _slicedToArray(_useState, 2),
     accordionActiveValueInnel = _useState2[0],
     setAccordionActiveValueInnel = _useState2[1];
+  var registeredChildren = useRef([]);
+  var registerChild = function registerChild(child) {
+    registeredChildren.current.push(child);
+    updateLines();
+  };
+  var unregisterChild = function unregisterChild(child) {
+    registeredChildren.current = registeredChildren.current.filter(function (registeredChild) {
+      return registeredChild !== child;
+    });
+    updateLines();
+  };
+  var updateLines = function updateLines() {
+    registeredChildren.current.forEach(function (child, index) {
+      child.setLine(index < registeredChildren.current.length - 1);
+    });
+  };
+  useEffect(function () {
+    updateLines();
+  }, [registeredChildren.current]);
   var addActiveValue = useCallback(function (key) {
     if (accordion) {
       activeValueInnel.current = [key];
@@ -49,14 +68,20 @@ var Collapse = function Collapse(props) {
       onChange(activeValueInnel.current);
     }
   }, [activeValueInnel, onChange]);
-  return /* @__PURE__ */React.createElement(CollapseContext.Provider, {
-    value: {
-      addActiveValue: addActiveValue,
-      removeActiveValue: removeActiveValue,
-      isActiveValue: isActiveValue,
-      size: size
-    }
-  }, children);
+  return (
+    // @ts-ignore
+    /* @__PURE__ */
+    React.createElement(CollapseContext.Provider, {
+      value: {
+        addActiveValue: addActiveValue,
+        removeActiveValue: removeActiveValue,
+        isActiveValue: isActiveValue,
+        size: size,
+        registerChild: registerChild,
+        unregisterChild: unregisterChild
+      }
+    }, children)
+  );
 };
 Collapse.defaultProps = _objectSpread2({}, CollapseDefaultProps);
 

package/lib/esm/components/Collapse/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","sources":["../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback, useLayoutEffect, useState } from \"react\";\nimport { RedsCollapse, CollapseDefaultProps } from \"./interface/index\";\nimport { CollapseContext } from \"./hooks/useCollapseContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Collapse = (props: RedsCollapse) => {\n  useMounted(\"Collapse\");\n  const {\n    activeValue,\n    accordion,\n    onChange,\n    size,\n    children = null,\n  } = {\n    ...(CollapseDefaultProps as RedsCollapse),\n    ...props,\n  } as RedsCollapse;\n  const activeValueInnel = useRef<Array<string | number>>([]);\n  const [accordionActiveValueInnel, setAccordionActiveValueInnel] = useState<string | number>(\"\");\n  // 新增某个 active key\n  const addActiveValue = useCallback(\n    (key: string | number) => {\n      if (accordion) {\n        activeValueInnel.current = [key];\n        setAccordionActiveValueInnel(key);\n      } else {\n        if (!activeValueInnel.current.includes(key)) activeValueInnel.current = [...activeValueInnel.current, key];\n      }\n    },\n    [accordion],\n  );\n\n  // 移除某个 active key\n  const removeActiveValue = useCallback(\n    (key: string | number) => {\n      if (accordion) {\n        activeValueInnel.current = [];\n        setAccordionActiveValueInnel(\"\");\n      } else {\n        if (activeValueInnel.current.includes(key))\n          activeValueInnel.current = activeValueInnel.current.filter((item) => item !== key);\n      }\n    },\n    [accordion],\n  );\n\n  // 是否展开\n  const isActiveValue = useCallback(\n    (key: string | number) => activeValueInnel.current.includes(key),\n    [activeValue, accordionActiveValueInnel],\n  );\n\n  // 默认值\n  useLayoutEffect(() => {\n    activeValueInnel.current = activeValue || [];\n  }, [activeValue]);\n\n  // 触发onChange\n  useEffect(() => {\n    if (onChange) {\n      onChange(activeValueInnel.current);\n    }\n  }, [activeValueInnel, onChange]);\n\n  return (\n    <CollapseContext.Provider value={{ addActiveValue, removeActiveValue, isActiveValue, size }}>\n      {children}\n    </CollapseContext.Provider>\n  );\n};\n\nCollapse.defaultProps = { ...(CollapseDefaultProps as RedsCollapse) };\n\nexport default Collapse;\n"],"names":["Collapse","props","useMounted","_CollapseDefaultProps","_objectSpread","CollapseDefaultProps","activeValue","accordion","onChange","size","_CollapseDefaultProps2","children","activeValueInnel","useRef","_useState","useState","_useState2","_slicedToArray","accordionActiveValueInnel","setAccordionActiveValueInnel","addActiveValue","useCallback","key","current","includes","concat","_toConsumableArray","removeActiveValue","filter","item","isActiveValue","useLayoutEffect","useEffect","React","createElement","CollapseContext","Provider","value","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","sources":["../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback, useLayoutEffect, useState } from \"react\";\nimport { RedsCollapse, CollapseDefaultProps } from \"./interface/index\";\nimport { CollapseContext } from \"./hooks/useCollapseContext\";\nimport useMounted from \"../../pvCount/useUnmountedProcess\";\n\nconst Collapse = (props: RedsCollapse) => {\n  useMounted(\"Collapse\");\n  const {\n    activeValue,\n    accordion,\n    onChange,\n    size,\n    children = null,\n  } = {\n    ...(CollapseDefaultProps as RedsCollapse),\n    ...props,\n  } as RedsCollapse;\n  const activeValueInnel = useRef<Array<string | number>>([]);\n  const [accordionActiveValueInnel, setAccordionActiveValueInnel] = useState<string | number>(\"\");\n\n  const registeredChildren = useRef<any[]>([]);\n\n  const registerChild = (child: any) => {\n    registeredChildren.current.push(child);\n    updateLines();\n  };\n\n  const unregisterChild = (child: any) => {\n    registeredChildren.current = registeredChildren.current.filter((registeredChild) => registeredChild !== child);\n    updateLines();\n  };\n\n  const updateLines = () => {\n    registeredChildren.current.forEach((child, index) => {\n      child.setLine(index < registeredChildren.current.length - 1);\n    });\n  };\n\n  useEffect(() => {\n    updateLines();\n  }, [registeredChildren.current]);\n\n  // 新增某个 active key\n  const addActiveValue = useCallback(\n    (key: string | number) => {\n      if (accordion) {\n        activeValueInnel.current = [key];\n        setAccordionActiveValueInnel(key);\n      } else {\n        if (!activeValueInnel.current.includes(key)) activeValueInnel.current = [...activeValueInnel.current, key];\n      }\n    },\n    [accordion],\n  );\n\n  // 移除某个 active key\n  const removeActiveValue = useCallback(\n    (key: string | number) => {\n      if (accordion) {\n        activeValueInnel.current = [];\n        setAccordionActiveValueInnel(\"\");\n      } else {\n        if (activeValueInnel.current.includes(key))\n          activeValueInnel.current = activeValueInnel.current.filter((item) => item !== key);\n      }\n    },\n    [accordion],\n  );\n\n  // 是否展开\n  const isActiveValue = useCallback(\n    (key: string | number) => activeValueInnel.current.includes(key),\n    [activeValue, accordionActiveValueInnel],\n  );\n\n  // 默认值\n  useLayoutEffect(() => {\n    activeValueInnel.current = activeValue || [];\n  }, [activeValue]);\n\n  // 触发onChange\n  useEffect(() => {\n    if (onChange) {\n      onChange(activeValueInnel.current);\n    }\n  }, [activeValueInnel, onChange]);\n\n  return (\n    // @ts-ignore\n    <CollapseContext.Provider\n      value={{ addActiveValue, removeActiveValue, isActiveValue, size, registerChild, unregisterChild }}\n    >\n      {children}\n    </CollapseContext.Provider>\n  );\n};\n\nCollapse.defaultProps = { ...(CollapseDefaultProps as RedsCollapse) };\n\nexport default Collapse;\n"],"names":["Collapse","props","useMounted","_CollapseDefaultProps","_objectSpread","CollapseDefaultProps","activeValue","accordion","onChange","size","_CollapseDefaultProps2","children","activeValueInnel","useRef","_useState","useState","_useState2","_slicedToArray","accordionActiveValueInnel","setAccordionActiveValueInnel","registeredChildren","registerChild","child","current","push","updateLines","unregisterChild","filter","registeredChild","forEach","index","setLine","length","useEffect","addActiveValue","useCallback","key","includes","concat","_toConsumableArray","removeActiveValue","item","isActiveValue","useLayoutEffect","React","createElement","CollapseContext","Provider","value","defaultProps"],"mappings":"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"}

package/lib/esm/components/Collapse/Item/Item.js

@@ -1,12 +1,18 @@
-import { _ as _slicedToArray } from '../../../_chunks/CAkwE9ZD.js';
-import React, { useState, useRef, useEffect } from 'react';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../../_chunks/CAkwE9ZD.js';
+import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { Platform, UIManager, View, TouchableWithoutFeedback, Text, LayoutAnimation } from 'react-native';
 import { ItemDefaultProps } from './interface/index.js';
 import createStyles from './styles.js';
+import Icon from '../../Icon/Icon.js';
+import { ArrowUpM, ArrowDownCenterB } from '@xhs/reder-icon-svg-ReDs_icon';
 import { CollapseContext } from '../hooks/useCollapseContext.js';
-import '../../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '@xhsreds/reds-token-next';
 import '../../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import '@xhs/reds-apm/src/index.native';
+import { useThemeColor } from '../../ConfigProvider/hooks/themeToken/useThemeToken.js';
+import '../../../_chunks/xi-gXLIR.js';
+import '../../../pvCount/useUnmountedProcess.js';
+import '../../../pvCount/pvData.js';
+import '@xhsreds/reds-token-next';
 import '../../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 if (Platform.OS === "android" && UIManager.setLayoutAnimationEnabledExperimental) {
@@ -22,7 +28,9 @@ var Item = function Item(_ref) {
     addActiveValue = _React$useContext.addActiveValue,
     isActiveValue = _React$useContext.isActiveValue,
     removeActiveValue = _React$useContext.removeActiveValue,
-    size = _React$useContext.size;
+    size = _React$useContext.size,
+    registerChild = _React$useContext.registerChild,
+    unregisterChild = _React$useContext.unregisterChild;
   var styles = createStyles(size || "Medium");
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -38,10 +46,26 @@ var Item = function Item(_ref) {
     setContentHeight = _useState6[1];
   var firstRender = useRef(false);
   var measureRef = useRef(null);
+  var themeColor = useThemeColor();
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    initialMeasureDone = _useState8[0],
-    setInitialMeasureDone = _useState8[1];
+    lineItem = _useState8[0],
+    setLineItem = _useState8[1];
+  var childInfo = {
+    setLine: function setLine(value2) {
+      return setLineItem(value2);
+    }
+  };
+  useEffect(function () {
+    registerChild(childInfo);
+    return function () {
+      return unregisterChild(childInfo);
+    };
+  }, []);
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    initialMeasureDone = _useState0[0],
+    setInitialMeasureDone = _useState0[1];
   var setFirstRenderTag = function setFirstRenderTag() {
     firstRender.current = true;
     setShouldMount(true);
@@ -84,30 +108,56 @@ var Item = function Item(_ref) {
     setVisible(nextActive);
     onClick === null || onClick === void 0 || onClick(value);
   };
+  var cloneChildren = useMemo(function () {
+    return React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.cloneElement(child, _objectSpread2({
+        style: {
+          color: themeColor.Paragraph
+        }
+      }, child.props));
+    });
+  }, [children]);
   return /* @__PURE__ */React.createElement(View, null, /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
     onPress: onPress
   }, /* @__PURE__ */React.createElement(View, {
     style: styles.header
   }, /* @__PURE__ */React.createElement(Text, {
     style: styles.title
-  }, title))), /* @__PURE__ */React.createElement(View, {
+  }, title), visible ? /* @__PURE__ */React.createElement(Icon, {
+    icon: ArrowUpM,
+    size: 16,
+    fill: themeColor.Title
+  }) : /* @__PURE__ */React.createElement(Icon, {
+    icon: ArrowDownCenterB,
+    size: 16,
+    fill: themeColor.Title
+  }))), /* @__PURE__ */React.createElement(View, {
     ref: measureRef,
     onLayout: handleContentLayout,
-    style: {
+    style: _objectSpread2({
       position: "absolute",
       opacity: 0,
+      paddingHorizontal: 16,
+      paddingBottom: 12,
       top: -9999,
       width: "100%"
-      // 确保测量视图宽度与实际一致
-    }
-  }, children), shouldMount && initialMeasureDone && /* @__PURE__ */React.createElement(View, {
-    style: {
+    }, styles.content)
+  }, cloneChildren), shouldMount && initialMeasureDone && /* @__PURE__ */React.createElement(View, {
+    style: _objectSpread2({
       overflow: "hidden",
       height: visible ? contentHeight : 0,
+      paddingHorizontal: 16,
+      paddingBottom: 12,
       // 添加最小高度避免小内容闪烁
       minHeight: visible ? 1 : 0
+    }, styles.content)
+  }, cloneChildren), lineItem ? /* @__PURE__ */React.createElement(View, {
+    style: {
+      backgroundColor: themeColor.Separator,
+      height: 0.5,
+      marginHorizontal: 16
     }
-  }, children));
+  }) : /* @__PURE__ */React.createElement(React.Fragment, null));
 };
 Item.defaultProps = ItemDefaultProps;
 

package/lib/esm/components/Collapse/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../src/components/Collapse/Item/Item.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport {\n  View,\n  Text,\n  TouchableWithoutFeedback,\n  LayoutAnimation,\n  Platform,\n  UIManager,\n  LayoutChangeEvent,\n} from \"react-native\";\nimport { IItem, ItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { CollapseContext } from \"../hooks/useCollapseContext\";\n\nif (Platform.OS === \"android\" && UIManager.setLayoutAnimationEnabledExperimental) {\n  UIManager.setLayoutAnimationEnabledExperimental(true);\n}\n\nconst Item = ({ value, title, lazyRender, children, onClick }: IItem) => {\n  const { addActiveValue, isActiveValue, removeActiveValue, size } = React.useContext(CollapseContext);\n  const styles = createStyles(size || \"Medium\");\n  const [visible, setVisible] = useState(false);\n  const [shouldMount, setShouldMount] = useState(!lazyRender);\n  const [contentHeight, setContentHeight] = useState(0);\n  const firstRender = useRef(false);\n  const measureRef = useRef<View>(null);\n\n  // 新增状态：标记是否完成首次高度测量\n  const [initialMeasureDone, setInitialMeasureDone] = useState(false);\n\n  const setFirstRenderTag = () => {\n    firstRender.current = true;\n    setShouldMount(true);\n  };\n\n  // 强化动画配置：明确指定高度变化动画\n  const triggerAnimation = () => {\n    LayoutAnimation.configureNext(\n      LayoutAnimation.create(\n        200,\n        LayoutAnimation.Types.easeInEaseOut,\n        LayoutAnimation.Properties.scaleY, // 明确使用垂直缩放触发布局更新\n      ),\n    );\n  };\n\n  const handleContentLayout = (event: LayoutChangeEvent) => {\n    const measuredHeight = event.nativeEvent.layout.height;\n    if (measuredHeight !== contentHeight) {\n      setContentHeight(measuredHeight);\n      setInitialMeasureDone(true); // 标记首次测量完成\n    }\n  };\n\n  // 初始可见状态同步逻辑\n  useEffect(() => {\n    const isActive = !!isActiveValue?.(value);\n    if (isActive) {\n      // 主动触发重新测量\n      measureRef.current?.measure((x, y, width, height) => {\n        setContentHeight(height);\n        setInitialMeasureDone(true);\n      });\n    }\n    setVisible(isActive);\n    if (!firstRender.current && isActive) {\n      setFirstRenderTag();\n    }\n  }, [isActiveValue?.(value)]);\n\n  const onPress = () => {\n    const nextActive = !isActiveValue?.(value);\n\n    if (nextActive) {\n      addActiveValue?.(value);\n      if (!firstRender.current) setFirstRenderTag();\n    } else {\n      removeActiveValue?.(value);\n    }\n\n    // 在状态更新前触发动画\n    triggerAnimation();\n    setVisible(nextActive);\n    onClick?.(value);\n  };\n\n  return (\n    <View>\n      <TouchableWithoutFeedback onPress={onPress}>\n        <View style={styles.header}>\n          <Text style={styles.title}>{title}</Text>\n        </View>\n      </TouchableWithoutFeedback>\n\n      {/* 始终渲染测量视图 */}\n      <View\n        ref={measureRef}\n        onLayout={handleContentLayout}\n        style={{\n          position: \"absolute\",\n          opacity: 0,\n          top: -9999,\n          width: \"100%\", // 确保测量视图宽度与实际一致\n        }}\n      >\n        {children}\n      </View>\n\n      {/* 实际内容渲染 */}\n      {shouldMount && initialMeasureDone && (\n        <View\n          style={{\n            overflow: \"hidden\",\n            height: visible ? contentHeight : 0,\n            // 添加最小高度避免小内容闪烁\n            minHeight: visible ? 1 : 0,\n          }}\n        >\n          {children}\n        </View>\n      )}\n    </View>\n  );\n};\n\nItem.defaultProps = ItemDefaultProps;\nexport default Item;\n"],"names":["Platform","OS","UIManager","setLayoutAnimationEnabledExperimental","Item","_ref","value","title","lazyRender","children","onClick","_React$useContext","React","useContext","CollapseContext","addActiveValue","isActiveValue","removeActiveValue","size","styles","createStyles","_useState","useState","_useState2","_slicedToArray","visible","setVisible","_useState3","_useState4","shouldMount","setShouldMount","_useState5","_useState6","contentHeight","setContentHeight","firstRender","useRef","measureRef","_useState7","_useState8","initialMeasureDone","setInitialMeasureDone","setFirstRenderTag","current","triggerAnimation","LayoutAnimation","configureNext","create","Types","easeInEaseOut","Properties","scaleY","handleContentLayout","event","measuredHeight","nativeEvent","layout","height","useEffect","isActive","_measureRef$current","measure","x","y","width","onPress","nextActive","View","createElement","TouchableWithoutFeedback","style","header","Text","ref","onLayout","position","opacity","top","overflow","minHeight","defaultProps","ItemDefaultProps"],"mappings":"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"}
+{"version":3,"file":"Item.js","sources":["../../../../../src/components/Collapse/Item/Item.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport {\n  View,\n  Text,\n  TouchableWithoutFeedback,\n  LayoutAnimation,\n  Platform,\n  UIManager,\n  LayoutChangeEvent,\n} from \"react-native\";\nimport { IItem, ItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { Icon } from \"../../Icon\";\nimport { ArrowUpM, ArrowDownCenterB } from \"@xhs/reder-icon-svg-ReDs_icon\";\nimport { CollapseContext } from \"../hooks/useCollapseContext\";\nimport { useThemeColor } from \"../../ConfigProvider\";\n\nif (Platform.OS === \"android\" && UIManager.setLayoutAnimationEnabledExperimental) {\n  UIManager.setLayoutAnimationEnabledExperimental(true);\n}\n\nconst Item = ({ value, title, lazyRender, children, onClick }: IItem) => {\n  const { addActiveValue, isActiveValue, removeActiveValue, size, registerChild, unregisterChild } =\n    React.useContext(CollapseContext);\n  const styles = createStyles(size || \"Medium\");\n  const [visible, setVisible] = useState(false);\n  const [shouldMount, setShouldMount] = useState(!lazyRender);\n  const [contentHeight, setContentHeight] = useState(0);\n  const firstRender = useRef(false);\n  const measureRef = useRef<View>(null);\n\n  const themeColor = useThemeColor();\n\n  const [lineItem, setLineItem] = useState(false);\n\n  const childInfo = {\n    setLine: (value: boolean) => setLineItem(value),\n  };\n\n  useEffect(() => {\n    registerChild(childInfo);\n    return () => unregisterChild(childInfo);\n  }, []);\n\n  // 新增状态：标记是否完成首次高度测量\n  const [initialMeasureDone, setInitialMeasureDone] = useState(false);\n\n  const setFirstRenderTag = () => {\n    firstRender.current = true;\n    setShouldMount(true);\n  };\n\n  // 强化动画配置：明确指定高度变化动画\n  const triggerAnimation = () => {\n    LayoutAnimation.configureNext(\n      LayoutAnimation.create(\n        200,\n        LayoutAnimation.Types.easeInEaseOut,\n        LayoutAnimation.Properties.scaleY, // 明确使用垂直缩放触发布局更新\n      ),\n    );\n  };\n\n  const handleContentLayout = (event: LayoutChangeEvent) => {\n    const measuredHeight = event.nativeEvent.layout.height;\n    if (measuredHeight !== contentHeight) {\n      setContentHeight(measuredHeight);\n      setInitialMeasureDone(true); // 标记首次测量完成\n    }\n  };\n\n  // 初始可见状态同步逻辑\n  useEffect(() => {\n    const isActive = !!isActiveValue?.(value);\n    if (isActive) {\n      // 主动触发重新测量\n      measureRef.current?.measure((x, y, width, height) => {\n        setContentHeight(height);\n        setInitialMeasureDone(true);\n      });\n    }\n    setVisible(isActive);\n    if (!firstRender.current && isActive) {\n      setFirstRenderTag();\n    }\n  }, [isActiveValue?.(value)]);\n\n  const onPress = () => {\n    const nextActive = !isActiveValue?.(value);\n\n    if (nextActive) {\n      addActiveValue?.(value);\n      if (!firstRender.current) setFirstRenderTag();\n    } else {\n      removeActiveValue?.(value);\n    }\n\n    // 在状态更新前触发动画\n    triggerAnimation();\n    setVisible(nextActive);\n    onClick?.(value);\n  };\n\n  const cloneChildren = useMemo(() => {\n    return React.Children.map(children, (child: any) => {\n      return React.cloneElement(child, {\n        style: { color: themeColor.Paragraph },\n        ...child.props,\n      });\n    });\n  }, [children]);\n\n  return (\n    <View>\n      <TouchableWithoutFeedback onPress={onPress}>\n        <View style={styles.header}>\n          <Text style={styles.title}>{title}</Text>\n          {visible ? (\n            <Icon icon={ArrowUpM} size={16} fill={themeColor.Title} />\n          ) : (\n            <Icon icon={ArrowDownCenterB} size={16} fill={themeColor.Title} />\n          )}\n        </View>\n      </TouchableWithoutFeedback>\n\n      {/* 始终渲染测量视图 */}\n      <View\n        ref={measureRef}\n        onLayout={handleContentLayout}\n        style={{\n          position: \"absolute\",\n          opacity: 0,\n          paddingHorizontal: 16,\n          paddingBottom: 12,\n          top: -9999,\n          width: \"100%\", // 确保测量视图宽度与实际一致\n          ...styles.content,\n        }}\n      >\n        {cloneChildren}\n      </View>\n      {/* 实际内容渲染 */}\n      {shouldMount && initialMeasureDone && (\n        <View\n          style={{\n            overflow: \"hidden\",\n            height: visible ? contentHeight : 0,\n            paddingHorizontal: 16,\n            paddingBottom: 12,\n            // 添加最小高度避免小内容闪烁\n            minHeight: visible ? 1 : 0,\n            ...styles.content,\n          }}\n        >\n          {cloneChildren}\n        </View>\n      )}\n      {/** 分割线 */}\n      {lineItem ? (\n        <View\n          style={{\n            backgroundColor: themeColor.Separator,\n            height: 0.5,\n            marginHorizontal: 16,\n          }}\n        ></View>\n      ) : (\n        <></>\n      )}\n    </View>\n  );\n};\n\nItem.defaultProps = ItemDefaultProps;\nexport default Item;\n"],"names":["Platform","OS","UIManager","setLayoutAnimationEnabledExperimental","Item","_ref","value","title","lazyRender","children","onClick","_React$useContext","React","useContext","CollapseContext","addActiveValue","isActiveValue","removeActiveValue","size","registerChild","unregisterChild","styles","createStyles","_useState","useState","_useState2","_slicedToArray","visible","setVisible","_useState3","_useState4","shouldMount","setShouldMount","_useState5","_useState6","contentHeight","setContentHeight","firstRender","useRef","measureRef","themeColor","useThemeColor","_useState7","_useState8","lineItem","setLineItem","childInfo","setLine","useEffect","_useState9","_useState0","initialMeasureDone","setInitialMeasureDone","setFirstRenderTag","current","triggerAnimation","LayoutAnimation","configureNext","create","Types","easeInEaseOut","Properties","scaleY","handleContentLayout","event","measuredHeight","nativeEvent","layout","height","isActive","_measureRef$current","measure","x","y","width","onPress","nextActive","cloneChildren","useMemo","Children","map","child","cloneElement","_objectSpread","style","color","Paragraph","props","View","createElement","TouchableWithoutFeedback","header","Text","Icon","icon","ArrowUpM","fill","Title","ArrowDownCenterB","ref","onLayout","position","opacity","paddingHorizontal","paddingBottom","top","content","overflow","minHeight","backgroundColor","Separator","marginHorizontal","defaultProps","ItemDefaultProps"],"mappings":"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"}

package/lib/esm/components/Collapse/Item/styles.js

@@ -9,22 +9,28 @@ import '../../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 var createStyles = function createStyles(size) {
   var themeColor = useThemeColor("Collapse");
   var typography = useThemeTypography("Collapse");
+  var titleFontSize = {
+    Large: typography.B1FontSize,
+    Medium: typography.B2FontSize,
+    Small: typography.C2FontSize
+  };
   return StyleSheet.create({
     header: {
       paddingVertical: size === "Large" ? 12 : 10,
-      paddingHorizontal: 16
+      paddingHorizontal: 16,
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "space-between",
+      alignItems: "center"
     },
     title: {
       color: themeColor.Title,
-      fontSize: typography.B1FontSize,
+      fontSize: titleFontSize[size],
       fontWeight: typography.B1FontWeight,
       lineHeight: typography.B1LineHeight
     },
     content: {
-      paddingTop: 0,
-      paddingBottom: 12,
-      paddingLeft: 16,
-      paddingRight: 16
+      fontSize: typography.C2FontSize
     }
   });
 };

package/lib/esm/components/Collapse/Item/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Collapse/Item/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../../ConfigProvider/hooks/themeToken/useThemeToken\";\n\nconst createStyles = (size: string) => {\n  const themeColor = useThemeColor(\"Collapse\");\n  const typography = useThemeTypography(\"Collapse\");\n  return StyleSheet.create({\n    header: {\n      paddingVertical: size === \"Large\" ? 12 : 10,\n      paddingHorizontal: 16,\n    },\n    title: {\n      color: themeColor.Title,\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      lineHeight: typography.B1LineHeight,\n    },\n    content: {\n      paddingTop: 0,\n      paddingBottom: 12,\n      paddingLeft: 16,\n      paddingRight: 16,\n    },\n  });\n};\n\nexport default createStyles;\n"],"names":["createStyles","size","themeColor","useThemeColor","typography","useThemeTypography","StyleSheet","create","header","paddingVertical","paddingHorizontal","title","color","Title","fontSize","B1FontSize","fontWeight","B1FontWeight","lineHeight","B1LineHeight","content","paddingTop","paddingBottom","paddingLeft","paddingRight"],"mappings":";;;;;;;;AAGA,IAAMA,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,IAAiB,EAAA;AAC/B,EAAA,IAAAC,UAAA,GAAaC,cAAc,UAAU,CAAA,CAAA;AACrC,EAAA,IAAAC,UAAA,GAAaC,mBAAmB,UAAU,CAAA,CAAA;EAChD,OAAOC,WAAWC,MAAO,CAAA;AACvBC,IAAAA,MAAQ,EAAA;AACNC,MAAAA,eAAA,EAAiBR,IAAS,KAAA,OAAA,GAAU,EAAK,GAAA,EAAA;AACzCS,MAAAA,iBAAmB,EAAA,EAAA;KACrB;AACAC,IAAAA,KAAO,EAAA;MACLC,OAAOV,UAAW,CAAAW,KAAA;MAClBC,UAAUV,UAAW,CAAAW,UAAA;MACrBC,YAAYZ,UAAW,CAAAa,YAAA;MACvBC,YAAYd,UAAW,CAAAe,YAAAA;KACzB;AACAC,IAAAA,OAAS,EAAA;AACPC,MAAAA,UAAY,EAAA,CAAA;AACZC,MAAAA,aAAe,EAAA,EAAA;AACfC,MAAAA,WAAa,EAAA,EAAA;AACbC,MAAAA,YAAc,EAAA,EAAA;AAChB,KAAA;AACF,GAAC,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Collapse/Item/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { useThemeColor, useThemeTypography } from \"../../ConfigProvider/hooks/themeToken/useThemeToken\";\n\nconst createStyles = (size: string) => {\n  const themeColor = useThemeColor(\"Collapse\");\n  const typography = useThemeTypography(\"Collapse\");\n  const titleFontSize = {\n    Large: typography.B1FontSize,\n    Medium: typography.B2FontSize,\n    Small: typography.C2FontSize,\n  };\n  return StyleSheet.create({\n    header: {\n      paddingVertical: size === \"Large\" ? 12 : 10,\n      paddingHorizontal: 16,\n      display: \"flex\",\n      flexDirection: \"row\",\n      justifyContent: \"space-between\",\n      alignItems: \"center\",\n    },\n    title: {\n      color: themeColor.Title,\n      fontSize: titleFontSize[size as \"Large\" | \"Medium\" | \"Small\"],\n      fontWeight: typography.B1FontWeight,\n      lineHeight: typography.B1LineHeight,\n    },\n    content: {\n      fontSize: typography.C2FontSize,\n    },\n  });\n};\n\nexport default createStyles;\n"],"names":["createStyles","size","themeColor","useThemeColor","typography","useThemeTypography","titleFontSize","Large","B1FontSize","Medium","B2FontSize","Small","C2FontSize","StyleSheet","create","header","paddingVertical","paddingHorizontal","display","flexDirection","justifyContent","alignItems","title","color","Title","fontSize","fontWeight","B1FontWeight","lineHeight","B1LineHeight","content"],"mappings":";;;;;;;;AAGA,IAAMA,YAAA,GAAe,SAAfA,YAAAA,CAAgBC,IAAiB,EAAA;AAC/B,EAAA,IAAAC,UAAA,GAAaC,cAAc,UAAU,CAAA,CAAA;AACrC,EAAA,IAAAC,UAAA,GAAaC,mBAAmB,UAAU,CAAA,CAAA;AAChD,EAAA,IAAMC,aAAgB,GAAA;IACpBC,OAAOH,UAAW,CAAAI,UAAA;IAClBC,QAAQL,UAAW,CAAAM,UAAA;IACnBC,OAAOP,UAAW,CAAAQ,UAAAA;GACpB,CAAA;EACA,OAAOC,WAAWC,MAAO,CAAA;AACvBC,IAAAA,MAAQ,EAAA;AACNC,MAAAA,eAAA,EAAiBf,IAAS,KAAA,OAAA,GAAU,EAAK,GAAA,EAAA;AACzCgB,MAAAA,iBAAmB,EAAA,EAAA;AACnBC,MAAAA,OAAS,EAAA,MAAA;AACTC,MAAAA,aAAe,EAAA,KAAA;AACfC,MAAAA,cAAgB,EAAA,eAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;KACd;AACAC,IAAAA,KAAO,EAAA;MACLC,OAAOrB,UAAW,CAAAsB,KAAA;AAClBC,MAAAA,QAAA,EAAUnB,cAAcL,IAAoC,CAAA;MAC5DyB,YAAYtB,UAAW,CAAAuB,YAAA;MACvBC,YAAYxB,UAAW,CAAAyB,YAAAA;KACzB;AACAC,IAAAA,OAAS,EAAA;MACPL,UAAUrB,UAAW,CAAAQ,UAAAA;AACvB,KAAA;AACF,GAAC,CAAA,CAAA;AACH;;;;"}

package/lib/esm/components/Collapse/hooks/useCollapseContext.js

@@ -6,7 +6,9 @@ var CollapseContext = /*#__PURE__*/createContext({
   },
   addActiveValue: function addActiveValue() {},
   removeActiveValue: function removeActiveValue() {},
-  size: "Medium"
+  size: "Medium",
+  unregisterChild: function unregisterChild() {},
+  registerChild: function registerChild() {}
 });
 
 export { CollapseContext };

package/lib/esm/components/Collapse/hooks/useCollapseContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCollapseContext.js","sources":["../../../../../src/components/Collapse/hooks/useCollapseContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { ICollapseContext } from \"../interface\";\n\nexport const CollapseContext = createContext<ICollapseContext>({\n  isActiveValue: () => false,\n  addActiveValue: () => {},\n  removeActiveValue: () => {},\n  size: \"Medium\",\n});\n"],"names":["CollapseContext","createContext","isActiveValue","addActiveValue","removeActiveValue","size"],"mappings":";;AAGaA,IAAAA,+BAAkBC,aAAgC,CAAA;EAC7DC,eAAe,SAAfA;WAAqB,KAAA,CAAA;AAAA,GAAA;AACrBC,EAAAA,gBAAgB,SAAhBA,iBAAsB,EAAC;AACvBC,EAAAA,mBAAmB,SAAnBA,oBAAyB,EAAC;AAC1BC,EAAAA,IAAM,EAAA,QAAA;AACR,CAAC;;;;"}
+{"version":3,"file":"useCollapseContext.js","sources":["../../../../../src/components/Collapse/hooks/useCollapseContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport { ICollapseContext } from \"../interface\";\n\nexport const CollapseContext = createContext<ICollapseContext>({\n  isActiveValue: () => false,\n  addActiveValue: () => {},\n  removeActiveValue: () => {},\n  size: \"Medium\",\n  unregisterChild: () => {},\n  registerChild: () => {},\n});\n"],"names":["CollapseContext","createContext","isActiveValue","addActiveValue","removeActiveValue","size","unregisterChild","registerChild"],"mappings":";;AAGaA,IAAAA,+BAAkBC,aAAgC,CAAA;EAC7DC,eAAe,SAAfA;WAAqB,KAAA,CAAA;AAAA,GAAA;AACrBC,EAAAA,gBAAgB,SAAhBA,iBAAsB,EAAC;AACvBC,EAAAA,mBAAmB,SAAnBA,oBAAyB,EAAC;AAC1BC,EAAAA,IAAM,EAAA,QAAA;AACNC,EAAAA,iBAAiB,SAAjBA,kBAAuB,EAAC;AACxBC,EAAAA,eAAe,SAAfA,gBAAqB,EAAC;AACxB,CAAC;;;;"}