ecf26fc058
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4823.js (118.4 MB)
91 lines
4.3 KiB
TypeScript
91 lines
4.3 KiB
TypeScript
// Module ID: 9934
|
|
// Function ID: 9935
|
|
// Name: SegmentedControlItem
|
|
// Dependencies: [19, 17, 21, 4638, 576, 8397, 4374, 5059, 1364, 1115, 4634, 2]
|
|
// Exports: SegmentedControlItem
|
|
|
|
// Module 9934 (SegmentedControlItem)
|
|
import nativeDefault from "native" /* 576 */;
|
|
import spring from "spring" /* 5059 */;
|
|
import noop from "module_19" /* 19 */;
|
|
|
|
require = fn;
|
|
get_ActivityIndicator = fn(17);
|
|
({ Pressable: c3, View: closure_4 } = get_ActivityIndicator);
|
|
const jsxProd = fn(21);
|
|
({ jsx: hasOwnProperty, jsxs: metroRequire } = jsxProd);
|
|
const SPRING_CONFIG = { mass: 0.3, damping: 13, stiffness: 250, overshootClamping: true };
|
|
let createStyles = fn(4638);
|
|
let closure_8 = createStyles.createStyles((arg0) => {
|
|
const item = { borderRadius: nativeDefault.radii.lg, paddingVertical: null, flexDirection: "row", justifyContent: "center" };
|
|
let num = 8;
|
|
if ("experimental_Small" === arg0) {
|
|
num = 4;
|
|
}
|
|
item.paddingVertical = num;
|
|
return { item, label: { flexDirection: "column", alignItems: "center", gap: 8 } };
|
|
});
|
|
createStyles = fn(4638);
|
|
let closure_9 = createStyles.createStyleProperties({ inactive: nativeDefault.colors.TEXT_MUTED, active: nativeDefault.colors.INTERACTIVE_TEXT_ACTIVE, pressed: nativeDefault.colors.INTERACTIVE_TEXT_ACTIVE });
|
|
const __initData = { code: "function SegmentedControlItemNativeTsx1(){const{colors,pressed,index,activeIndex,withSpring,SPRING_CONFIG}=this.__closure;let color=colors.inactive;const isPressActive=pressed.get()>=0;const isPressed=pressed.get()===index;const isActive=Math.round(activeIndex.get())===index;if(isPressed){color=colors.pressed;}else if(isPressActive){color=colors.inactive;}else if(isActive){color=colors.active;}return{color:withSpring(color,SPRING_CONFIG,'animate-always')};}" };
|
|
const size = fn(2);
|
|
const result = size.fileFinishedImporting("design/components/SegmentedControl/native/SegmentedControlItem.native.tsx");
|
|
|
|
export const SegmentedControlItem = function SegmentedControlItem(index) {
|
|
index = index.index;
|
|
const pressed = index.pressed;
|
|
const variant = index.variant;
|
|
const activeIndex = index.state.activeIndex;
|
|
({ label, itemCount, icon, onPress, onPressIn, onPressOut, style } = index);
|
|
const tmp = closure_8(variant);
|
|
let tmp2 = closure_9();
|
|
const inactive = tmp2;
|
|
const derivedStateFromSharedValue = index(activeIndex[5]).useDerivedStateFromSharedValue(activeIndex, (arg0) => ({ selected: arg0 === index }));
|
|
let obj = index(activeIndex[5]);
|
|
const fn = function b() {
|
|
let active = inactive.inactive;
|
|
value = pressed.get();
|
|
if (value === index) {
|
|
active = tmp.pressed;
|
|
} else if (tmp2) {
|
|
active = tmp.inactive;
|
|
} else if (tmp5 === tmp4) {
|
|
active = tmp.active;
|
|
}
|
|
const obj = { color: null };
|
|
tmp2 = pressed.get() >= 0;
|
|
tmp4 = index;
|
|
obj.color = spring.withSpring(active, closure_7, "animate-always");
|
|
return obj;
|
|
};
|
|
const obj2 = index(activeIndex[6]);
|
|
fn.__closure = { colors: tmp2, pressed, index, activeIndex, withSpring: index(activeIndex[7]).withSpring, SPRING_CONFIG };
|
|
fn.__workletHash = 9369301431547;
|
|
fn.__initData = __initData;
|
|
const obj4 = { style: null, onPress, onPressIn, onPressOut, accessibilityRole: "tab", accessibilityState: derivedStateFromSharedValue, accessibilityHint: null, children: null };
|
|
const items = [tmp.item, style];
|
|
obj4.style = items;
|
|
const animatedStyle = obj2.useAnimatedStyle(fn);
|
|
const obj3 = { colors: tmp2, pressed, index, activeIndex, withSpring: index(activeIndex[7]).withSpring, SPRING_CONFIG };
|
|
const tmp8 = inactive;
|
|
let formatToPlainStringResult;
|
|
if (obj5.isAndroid()) {
|
|
const intl = tmp3(tmp4[9]).intl;
|
|
const obj6 = { position: index + 1, tabCount: itemCount };
|
|
formatToPlainStringResult = intl.formatToPlainString(tmp3(tmp4[9]).t["4EsQA1"], obj6);
|
|
}
|
|
obj4.accessibilityHint = formatToPlainStringResult;
|
|
const obj7 = { style: tmp.label, children: null };
|
|
const items1 = [icon, ];
|
|
const obj8 = { animated: true, variant: "text-sm/semibold", style: animatedStyle, lineClamp: 1, maxFontSizeMultiplier: null, children: null };
|
|
let num2;
|
|
if ("experimental_Large" === variant) {
|
|
num2 = 1.5;
|
|
}
|
|
obj8.maxFontSizeMultiplier = num2;
|
|
obj8.children = label;
|
|
items1[1] = closure_5(index(activeIndex[10]).Text, obj8);
|
|
obj7.children = items1;
|
|
obj4.children = closure_6(closure_4, obj7);
|
|
return closure_5(tmp8, obj4);
|
|
};
|