@xhsreds/reds-rn-next 0.1.3 → 0.1.4

package/coverage/.tmp/coverage-3.json

@@ -1 +1 @@
-{"/builds/fe/infra/reds/packages/reds-rn/src/components/FAB/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/FAB/interface/index.ts","statementMap":{"0":{"start":{"line":1,"column":31},"end":{"line":8,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/FAB/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\n\nexport type RedsButtonSize = \"xLarge\" | \"large\" | \"medium\" | \"small\" | \"mini\" | \"micro\";\nexport type RedsButtonType = \"primary\" | \"default\";\nexport type RedsButtonShape = \"capsule\" | \"circle\";\nexport interface RedsFAB {\n  size?: RedsButtonSize;\n  type?: RedsButtonType;\n  shape?: RedsButtonShape;\n  top?: number;\n  right?: number;\n  bottom?: number;\n  left?: number;\n  horizontalCenter?: boolean;\n  children?: React.ReactNode;\n  avatar?: React.ReactNode;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  onClick?: (value: GestureResponderEvent) => void;\n}\n\nexport interface RedsFABEvent {}\nexport const FABDefaultProps = {\n  size: \"large\",\n  type: \"default\",\n  shape: \"capsule\",\n  right: 16,\n  bottom: 58,\n  horizontalCenter: false,\n};\n"],"mappings":"AAuBO,aAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,kBAAkB;AACpB;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"97e8c9f53de20bdae279d83a8d694c378a71ff01"},"/builds/fe/infra/reds/packages/reds-rn/src/components/FAB/styles.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/FAB/styles.ts","statementMap":{"0":{"start":{"line":2,"column":22},"end":{"line":6,"column":2}},"1":{"start":{"line":7,"column":33},"end":{"line":25,"column":1}},"2":{"start":{"line":8,"column":57},"end":{"line":8,"column":62}},"3":{"start":{"line":9,"column":25},"end":{"line":23,"column":4}},"4":{"start":{"line":24,"column":2},"end":{"line":24,"column":78}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":33},"end":{"line":7,"column":34}},"loc":{"start":{"line":7,"column":54},"end":{"line":25,"column":1}},"line":7}},"branchMap":{"0":{"loc":{"start":{"line":24,"column":9},"end":{"line":24,"column":77}},"type":"cond-expr","locations":[{"start":{"line":24,"column":28},"end":{"line":24,"column":53}},{"start":{"line":24,"column":56},"end":{"line":24,"column":77}}],"line":24}},"s":{"0":1,"1":0,"2":0,"3":0,"4":0},"f":{"0":0},"b":{"0":[0,0]},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/FAB/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { RedsFAB } from \"./interface/index\";\n\nexport const styles = StyleSheet.create({\n  container: {\n    position: \"absolute\",\n  },\n});\n\nexport const getPositionStyles = (props: RedsFAB, boxWidth: number) => {\n  const { horizontalCenter, top, bottom, right, left } = props;\n  const positionStyles = StyleSheet.create({\n    horizontal: {\n      left: \"50%\",\n      transform: [{ translateX: -boxWidth / 2 }], // 偏移自身宽度的一半\n      top,\n      bottom,\n    },\n    custom: {\n      top,\n      right,\n      bottom,\n      left,\n    },\n  });\n\n  return horizontalCenter ? positionStyles.horizontal : positionStyles.custom;\n};\n"],"mappings":"AAAA,SAAS,kBAAkB;AAGpB,aAAM,SAAS,WAAW,OAAO;AAAA,EACtC,WAAW;AAAA,IACT,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,aAAM,oBAAoB,CAAC,OAAgB,aAAqB;AACrE,QAAM,EAAE,kBAAkB,KAAK,QAAQ,OAAO,KAAK,IAAI;AACvD,QAAM,iBAAiB,WAAW,OAAO;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,WAAW,CAAC,EAAE,YAAY,CAAC,WAAW,EAAE,CAAC;AAAA;AAAA,MACzC;AAAA,MACA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,mBAAmB,eAAe,aAAa,eAAe;AACvE;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"74c8e5463810c1591a9ffcdff6861233f2e52ef8"}}
+{"/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/interface/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/interface/index.ts","statementMap":{"0":{"start":{"line":2,"column":34},"end":{"line":8,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nexport interface RedsSwitch {\n  value?: boolean;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  trackOnColor?: string;\n  trackOffColor?: string;\n  onChange?: (value: boolean) => any;\n  onClick?: (value: GestureResponderEvent) => any;\n}\n\nexport interface RedsSwitchEvent {}\nexport const SwitchDefaultProps = {\n  value: undefined,\n  defaultValue: false,\n  disabled: false,\n  trackOnColor: lightColor.Primary,\n  trackOffColor: lightColor.Fill2,\n};\n"],"mappings":"AACA,SAAS,kBAAkB;AAYpB,aAAM,qBAAqB;AAAA,EAChC,OAAO;AAAA,EACP,cAAc;AAAA,EACd,UAAU;AAAA,EACV,cAAc,WAAW;AAAA,EACzB,eAAe,WAAW;AAC5B;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"e09becf5baf9f2aa9c49999c31c2a52b800c1e66"},"/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/styles.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/styles.ts","statementMap":{"0":{"start":{"line":3,"column":15},"end":{"line":21,"column":2}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhs/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  switchContainer: {\n    width: 40,\n    height: 24,\n    borderRadius: 15,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  thumb: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    backgroundColor: alwaysColor.White,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"absolute\",\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAE3B,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,iBAAiB,YAAY;AAAA,IAC7B,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AACF,CAAC;AAED,eAAe;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"aa3ccaff119ea823b50439650395571298a04ad7"},"/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/Switch.tsx":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/Switch.tsx","statementMap":{"0":{"start":{"line":6,"column":15},"end":{"line":67,"column":1}},"1":{"start":{"line":7,"column":23},"end":{"line":7,"column":47}},"2":{"start":{"line":8,"column":26},"end":{"line":8,"column":48}},"3":{"start":{"line":9,"column":24},"end":{"line":9,"column":81}},"4":{"start":{"line":10,"column":26},"end":{"line":10,"column":98}},"5":{"start":{"line":11,"column":2},"end":{"line":13,"column":13}},"6":{"start":{"line":12,"column":4},"end":{"line":12,"column":23}},"7":{"start":{"line":14,"column":2},"end":{"line":18,"column":14}},"8":{"start":{"line":15,"column":4},"end":{"line":17,"column":5}},"9":{"start":{"line":16,"column":6},"end":{"line":16,"column":21}},"10":{"start":{"line":19,"column":23},"end":{"line":28,"column":3}},"11":{"start":{"line":21,"column":6},"end":{"line":21,"column":27}},"12":{"start":{"line":21,"column":20},"end":{"line":21,"column":27}},"13":{"start":{"line":22,"column":6},"end":{"line":22,"column":19}},"14":{"start":{"line":23,"column":6},"end":{"line":25,"column":7}},"15":{"start":{"line":24,"column":8},"end":{"line":24,"column":27}},"16":{"start":{"line":24,"column":23},"end":{"line":24,"column":25}},"17":{"start":{"line":29,"column":24},"end":{"line":40,"column":22}},"18":{"start":{"line":30,"column":4},"end":{"line":34,"column":15}},"19":{"start":{"line":35,"column":4},"end":{"line":39,"column":6}},"20":{"start":{"line":41,"column":2},"end":{"line":66,"column":11}},"21":{"start":{"line":41,"column":76},"end":{"line":41,"column":91}},"22":{"start":{"line":68,"column":0},"end":{"line":68,"column":41}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":6,"column":15},"end":{"line":6,"column":16}},"loc":{"start":{"line":6,"column":102},"end":{"line":67,"column":1}},"line":6},"1":{"name":"(anonymous_1)","decl":{"start":{"line":11,"column":12},"end":{"line":11,"column":13}},"loc":{"start":{"line":11,"column":18},"end":{"line":13,"column":3}},"line":11},"2":{"name":"(anonymous_2)","decl":{"start":{"line":14,"column":12},"end":{"line":14,"column":13}},"loc":{"start":{"line":14,"column":18},"end":{"line":18,"column":3}},"line":14},"3":{"name":"(anonymous_3)","decl":{"start":{"line":20,"column":4},"end":{"line":20,"column":5}},"loc":{"start":{"line":20,"column":11},"end":{"line":26,"column":5}},"line":20},"4":{"name":"(anonymous_4)","decl":{"start":{"line":24,"column":16},"end":{"line":24,"column":17}},"loc":{"start":{"line":24,"column":23},"end":{"line":24,"column":25}},"line":24},"5":{"name":"(anonymous_5)","decl":{"start":{"line":29,"column":32},"end":{"line":29,"column":33}},"loc":{"start":{"line":29,"column":38},"end":{"line":40,"column":3}},"line":29},"6":{"name":"(anonymous_6)","decl":{"start":{"line":41,"column":69},"end":{"line":41,"column":70}},"loc":{"start":{"line":41,"column":76},"end":{"line":41,"column":91}},"line":41}},"branchMap":{"0":{"loc":{"start":{"line":9,"column":50},"end":{"line":9,"column":71}},"type":"cond-expr","locations":[{"start":{"line":9,"column":65},"end":{"line":9,"column":67}},{"start":{"line":9,"column":70},"end":{"line":9,"column":71}}],"line":9},"1":{"loc":{"start":{"line":15,"column":4},"end":{"line":17,"column":5}},"type":"if","locations":[{"start":{"line":15,"column":4},"end":{"line":17,"column":5}},{"start":{},"end":{}}],"line":15},"2":{"loc":{"start":{"line":21,"column":6},"end":{"line":21,"column":27}},"type":"if","locations":[{"start":{"line":21,"column":6},"end":{"line":21,"column":27}},{"start":{},"end":{}}],"line":21},"3":{"loc":{"start":{"line":23,"column":6},"end":{"line":25,"column":7}},"type":"if","locations":[{"start":{"line":23,"column":6},"end":{"line":25,"column":7}},{"start":{},"end":{}}],"line":23},"4":{"loc":{"start":{"line":31,"column":15},"end":{"line":31,"column":28}},"type":"cond-expr","locations":[{"start":{"line":31,"column":22},"end":{"line":31,"column":24}},{"start":{"line":31,"column":27},"end":{"line":31,"column":28}}],"line":31},"5":{"loc":{"start":{"line":36,"column":23},"end":{"line":36,"column":58}},"type":"cond-expr","locations":[{"start":{"line":36,"column":30},"end":{"line":36,"column":42}},{"start":{"line":36,"column":45},"end":{"line":36,"column":58}}],"line":36},"6":{"loc":{"start":{"line":38,"column":15},"end":{"line":38,"column":33}},"type":"cond-expr","locations":[{"start":{"line":38,"column":26},"end":{"line":38,"column":29}},{"start":{"line":38,"column":32},"end":{"line":38,"column":33}}],"line":38}},"s":{"0":1,"1":3,"2":3,"3":3,"4":3,"5":3,"6":3,"7":3,"8":1,"9":0,"10":3,"11":2,"12":0,"13":2,"14":2,"15":2,"16":2,"17":3,"18":3,"19":3,"20":3,"21":2,"22":1},"f":{"0":3,"1":3,"2":1,"3":2,"4":2,"5":3,"6":2},"b":{"0":[0,3],"1":[0,1],"2":[0,2],"3":[2,0],"4":[1,2],"5":[1,2],"6":[0,3]},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSwitch, SwitchDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\n\nconst Switch = ({ value, defaultValue, onChange, onClick, trackOnColor, trackOffColor, disabled }: RedsSwitch) => {\n  const isControlled = useRef(value !== undefined);\n  const [isOn, setIsOn] = useState(defaultValue);\n\n  const animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;\n  const thumbTranslateX = animatedValue.interpolate({ inputRange: [2, 18], outputRange: [2, 18] });\n\n  useEffect(() => {\n    onChange?.(!!isOn);\n  }, [isOn]);\n\n  useEffect(() => {\n    if (isControlled.current) {\n      setIsOn(value);\n    }\n  }, [value]);\n\n  const toggleSwitch = useCallback(\n    (e: GestureResponderEvent) => {\n      if (disabled) return;\n      onClick?.(e);\n      if (!isControlled.current) {\n        setIsOn((v) => !v);\n      }\n    },\n    [disabled],\n  );\n\n  const dynamicStyles = useMemo(() => {\n    Animated.timing(animatedValue, {\n      toValue: isOn ? 18 : 2,\n      duration: 200,\n      useNativeDriver: true,\n    }).start();\n    return {\n      backgroundColor: isOn ? trackOnColor : trackOffColor,\n      transform: [{ translateX: thumbTranslateX }],\n      opacity: disabled ? 0.4 : 1,\n    };\n  }, [isOn, disabled]);\n\n  return (\n    <TouchableWithoutFeedback onPress={(e) => toggleSwitch(e)} disabled={disabled}>\n      <View\n        style={[\n          styles.switchContainer,\n          { backgroundColor: dynamicStyles.backgroundColor, opacity: dynamicStyles.opacity },\n        ]}\n      >\n        <Animated.View style={[styles.thumb, { transform: dynamicStyles.transform }]}></Animated.View>\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nSwitch.defaultProps = SwitchDefaultProps;\n\nexport default Switch;\n"],"mappings":"AAsDQ;AAtDR,SAAgB,UAAU,QAAQ,WAAW,SAAS,mBAAmB;AACzE,SAAS,MAAY,0BAA0B,gBAAuC;AACtF,SAAqB,0BAA0B;AAC/C,OAAO,YAAY;AAEnB,MAAM,SAAS,CAAC,EAAE,OAAO,cAAc,UAAU,SAAS,cAAc,eAAe,SAAS,MAAkB;AAChH,QAAM,eAAe,OAAO,UAAU,MAAS;AAC/C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,YAAY;AAE7C,QAAM,gBAAgB,OAAO,IAAI,SAAS,MAAM,eAAe,KAAK,CAAC,CAAC,EAAE;AACxE,QAAM,kBAAkB,cAAc,YAAY,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,aAAa,CAAC,GAAG,EAAE,EAAE,CAAC;AAE/F,YAAU,MAAM;AACd,eAAW,CAAC,CAAC,IAAI;AAAA,EACnB,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,QAAI,aAAa,SAAS;AACxB,cAAQ,KAAK;AAAA,IACf;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,eAAe;AAAA,IACnB,CAAC,MAA6B;AAC5B,UAAI,SAAU;AACd,gBAAU,CAAC;AACX,UAAI,CAAC,aAAa,SAAS;AACzB,gBAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,gBAAgB,QAAQ,MAAM;AAClC,aAAS,OAAO,eAAe;AAAA,MAC7B,SAAS,OAAO,KAAK;AAAA,MACrB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AACT,WAAO;AAAA,MACL,iBAAiB,OAAO,eAAe;AAAA,MACvC,WAAW,CAAC,EAAE,YAAY,gBAAgB,CAAC;AAAA,MAC3C,SAAS,WAAW,MAAM;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SACE,uBAAC,4BAAyB,SAAS,CAAC,MAAM,aAAa,CAAC,GAAG,UACzD;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,EAAE,iBAAiB,cAAc,iBAAiB,SAAS,cAAc,QAAQ;AAAA,MACnF;AAAA,MAEA,iCAAC,SAAS,MAAT,EAAc,OAAO,CAAC,OAAO,OAAO,EAAE,WAAW,cAAc,UAAU,CAAC,KAA3E;AAAA;AAAA;AAAA;AAAA,aAA8E;AAAA;AAAA,IANhF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,KARF;AAAA;AAAA;AAAA;AAAA,SASA;AAEJ;AAEA,OAAO,eAAe;AAEtB,eAAe;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"986ebf462a0c4f6e335f20e2ac08ab6f6b4dcec1"},"/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/index.ts":{"path":"/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/index.ts","statementMap":{},"fnMap":{},"branchMap":{},"s":{},"f":{},"b":{},"inputSourceMap":{"version":3,"sources":["/builds/fe/infra/reds/packages/reds-rn/src/components/Switch/index.ts"],"sourcesContent":["import Switch from \"./Switch\";\nimport * as SwitchType from \"./interface\";\n\nexport default Switch;\nexport { Switch, SwitchType };\n"],"mappings":"AAAA,OAAO,YAAY;AACnB,YAAY,gBAAgB;AAE5B,eAAe;AACf,SAAS,QAAQ;","names":[]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"327f7f569ca8fa8600c47a5a14b9b30129631738"}}