374 lines
17 KiB
TypeScript
374 lines
17 KiB
TypeScript
// Module ID: 12172
|
|
// Function ID: 12173
|
|
// Name: defaultCountFormatter
|
|
// Dependencies: [19, 17, 1996, 21, 4120, 4380, 712, 4814, 8923, 12173, 5533, 500, 2]
|
|
// Exports: Tabs
|
|
|
|
// Module 12172 (defaultCountFormatter)
|
|
import ThemesDefault from "Themes" /* 712 */;
|
|
import closure_3 from "noop" /* 19 */;
|
|
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
|
|
import closure_5 from "_getSystemLocale" /* 1996 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4380 */;
|
|
import importDefaultResult from "module_4120" /* 4120 */;
|
|
|
|
const require = arg1;
|
|
function defaultCountFormatter(toLocaleString) {
|
|
return toLocaleString.toLocaleString(locale.locale);
|
|
}
|
|
({ View: c4, ScrollView } = get_ActivityIndicator);
|
|
({ jsx: closure_6, jsxs: error } = jsxProd);
|
|
let closure_8 = importDefaultResult.createAnimatedComponent(ScrollView);
|
|
let c9 = 0.04;
|
|
let closure_10 = { mass: 0.3, damping: 13, stiffness: 100, restDisplacementThreshold: 0.001, overshootClamping: true };
|
|
let closure_11 = createCacheKey.createStyles((gap) => {
|
|
let obj = { container: null, controlsContainer: null, indicatorContainer: null, indicator: null };
|
|
obj = { display: "flex", flexGrow: 1, minWidth: "100%", flexDirection: "row", alignItems: "center", borderBottomColor: ThemesDefault.colors.BORDER_SUBTLE, borderBottomWidth: 1 };
|
|
obj[0] = obj;
|
|
obj = { marginHorizontal: ThemesDefault.space.PX_16, flexDirection: "row", gap };
|
|
obj[1] = obj;
|
|
obj[2] = { position: "absolute", width: "100%", height: "100%", flexDirection: "row", alignItems: "flex-end", marginLeft: ThemesDefault.space.PX_16 };
|
|
if ("gradient-background" === arg1) {
|
|
let TEXT_BRAND = tmp(712).colors.TEXT_STRONG;
|
|
} else {
|
|
TEXT_BRAND = tmp(712).colors.TEXT_BRAND;
|
|
}
|
|
obj1 = { position: "absolute", width: "100%", height: "100%", flexDirection: "row", alignItems: "flex-end", marginLeft: ThemesDefault.space.PX_16 };
|
|
obj[3] = { height: 2, backgroundColor: TEXT_BRAND, borderTopStartRadius: ThemesDefault.radii.xs, borderTopEndRadius: ThemesDefault.radii.xs };
|
|
return obj;
|
|
});
|
|
let closure_13 = { code: "function TabsNativeTsx1(){const{activeIndex,itemCount}=this.__closure;return Math.round(Math.min(Math.max(activeIndex.get(),0),itemCount-1));}" };
|
|
let closure_14 = { code: "function TabsNativeTsx2(){const{itemDimensions,clampedActiveIndex}=this.__closure;const activeItem=itemDimensions.get()[clampedActiveIndex.get()];if(activeItem==null)return 0;return activeItem.width;}" };
|
|
let closure_15 = { code: "function TabsNativeTsx3(){const{itemDimensions,clampedActiveIndex}=this.__closure;var _itemDimensions$get$c,_itemDimensions$get$c2;return(_itemDimensions$get$c=(_itemDimensions$get$c2=itemDimensions.get()[clampedActiveIndex.get()])===null||_itemDimensions$get$c2===void 0?void 0:_itemDimensions$get$c2.x)!==null&&_itemDimensions$get$c!==void 0?_itemDimensions$get$c:0;}" };
|
|
let closure_16 = { code: "function TabsNativeTsx4(){const{indicatorTranslateX,pressedIndex,clampedActiveIndex,PRESSED_TRANSLATE_AMOUNT,indicatorWidth,scrollOverflow,interpolate,SCROLL_OVERFLOW_UPPER_BOUND,SCROLL_OVERFLOW_MAX_SCALE,withSpring,SELECTED_INDICATOR_SPRING}=this.__closure;let translateX=indicatorTranslateX.get();let scaleX=1;if(pressedIndex.get()>=0){if(pressedIndex.get()<clampedActiveIndex.get()){scaleX+=PRESSED_TRANSLATE_AMOUNT;translateX-=indicatorWidth.get()*(PRESSED_TRANSLATE_AMOUNT/2);}else if(pressedIndex.get()>clampedActiveIndex.get()){scaleX+=PRESSED_TRANSLATE_AMOUNT;translateX+=indicatorWidth.get()*(PRESSED_TRANSLATE_AMOUNT/2);}}if(scrollOverflow.get()<0){const scaleFactor=interpolate(scrollOverflow.get(),[-SCROLL_OVERFLOW_UPPER_BOUND,0],[SCROLL_OVERFLOW_MAX_SCALE,1],'clamp');const scaleAmount=indicatorWidth.get()*(1-scaleFactor);scaleX=scaleFactor;translateX+=-scaleAmount/2;}else if(scrollOverflow.get()>0){const scaleFactor=interpolate(scrollOverflow.get(),[SCROLL_OVERFLOW_UPPER_BOUND,0],[SCROLL_OVERFLOW_MAX_SCALE,1],'clamp');const scaleAmount=indicatorWidth.get()*(1-scaleFactor);scaleX=scaleFactor;translateX+=scaleAmount/2;}return{width:withSpring(indicatorWidth.get(),SELECTED_INDICATOR_SPRING),transform:[{translateX:withSpring(translateX,SELECTED_INDICATOR_SPRING)},{scaleX:withSpring(scaleX,SELECTED_INDICATOR_SPRING)}]};}" };
|
|
let closure_17 = { code: "function TabsNativeTsx5(event){const{scrollOffset,onScrollWorklet}=this.__closure;var _onScrollWorklet;scrollOffset.set(event.contentOffset.x);(_onScrollWorklet=onScrollWorklet)===null||_onScrollWorklet===void 0||_onScrollWorklet(event.contentOffset.x);}" };
|
|
let closure_18 = { code: "function TabsNativeTsx6(){const{onEndDrag}=this.__closure;var _onEndDrag;(_onEndDrag=onEndDrag)===null||_onEndDrag===void 0||_onEndDrag();}" };
|
|
let closure_19 = { code: "function TabsNativeTsx7(){const{scrollOffset,activeIndex,itemDimensions}=this.__closure;return{scrollOffset:scrollOffset.get(),activeIndex:activeIndex.get(),itemDimensions:itemDimensions.get()};}" };
|
|
let closure_20 = { code: "function TabsNativeTsx8(props,prevState){const{cheapWorkletShallowEqual,itemSpacing,pageWidth,runOnJS,scrollToOffset,AUTO_SCROLL_BUFFER}=this.__closure;var _itemDimensions$activ,_itemDimensions$activ2,_itemDimensions$activ3;if(props.activeIndex===(prevState===null||prevState===void 0?void 0:prevState.activeIndex))return;if(cheapWorkletShallowEqual(props,prevState!==null&&prevState!==void 0?prevState:undefined))return;const{scrollOffset:scrollOffset,activeIndex:activeIndex,itemDimensions:itemDimensions}=props;const width=itemDimensions.reduce(function(sum,item){var _item$width;return sum+((_item$width=item===null||item===void 0?void 0:item.width)!==null&&_item$width!==void 0?_item$width:0);},0);const itemOffset=((_itemDimensions$activ=(_itemDimensions$activ2=itemDimensions[activeIndex])===null||_itemDimensions$activ2===void 0?void 0:_itemDimensions$activ2.x)!==null&&_itemDimensions$activ!==void 0?_itemDimensions$activ:0)+(activeIndex-1)*itemSpacing;const itemWidth=(_itemDimensions$activ3=itemDimensions[activeIndex])===null||_itemDimensions$activ3===void 0?void 0:_itemDimensions$activ3.width;if(width===0||itemOffset==null||itemWidth==null)return;if(scrollOffset+pageWidth<itemOffset+itemWidth){runOnJS(scrollToOffset)(itemOffset+AUTO_SCROLL_BUFFER);}else if(itemOffset<scrollOffset){runOnJS(scrollToOffset)(itemOffset-AUTO_SCROLL_BUFFER);}}" };
|
|
let result = require("set").fileFinishedImporting("design/components/Tabs/native/Tabs.native.tsx");
|
|
|
|
export { defaultCountFormatter };
|
|
export const Tabs = function Tabs(state) {
|
|
state = state.state;
|
|
let flag = state.grow;
|
|
if (flag === undefined) {
|
|
flag = true;
|
|
}
|
|
let formatCount = state.formatCount;
|
|
if (formatCount === undefined) {
|
|
formatCount = itemSpacing;
|
|
}
|
|
const simultaneousHandlers = state.simultaneousHandlers;
|
|
const onScrollWorklet = state.onScrollWorklet;
|
|
const onEndDrag = state.onEndDrag;
|
|
const variant = state.variant;
|
|
let activeIndex;
|
|
let scrollOffset;
|
|
let scrollOverflow;
|
|
let items;
|
|
let itemDimensions;
|
|
itemSpacing = undefined;
|
|
let pageWidth;
|
|
let pressedIndex;
|
|
let setActiveIndex;
|
|
let useReducedMotion;
|
|
closure_17 = undefined;
|
|
let sharedValue;
|
|
let length;
|
|
let ref;
|
|
let derivedValue;
|
|
let derivedValue1;
|
|
let derivedValue2;
|
|
let callback1;
|
|
activeIndex = state.activeIndex;
|
|
scrollOffset = state.scrollOffset;
|
|
scrollOverflow = state.scrollOverflow;
|
|
items = state.items;
|
|
itemDimensions = state.itemDimensions;
|
|
itemSpacing = state.itemSpacing;
|
|
pageWidth = state.pageWidth;
|
|
pressedIndex = state.pressedIndex;
|
|
setActiveIndex = state.setActiveIndex;
|
|
useReducedMotion = state.useReducedMotion;
|
|
const tmp = itemDimensions(itemSpacing, variant);
|
|
closure_17 = tmp;
|
|
let obj = state(formatCount[4]);
|
|
sharedValue = obj.useSharedValue(pageWidth);
|
|
length = items.length;
|
|
ref = simultaneousHandlers.useRef(null);
|
|
const items1 = [sharedValue];
|
|
const callback = simultaneousHandlers.useCallback((nativeEvent) => {
|
|
const result = sharedValue.set(nativeEvent.nativeEvent.layout.width);
|
|
}, items1);
|
|
obj1 = state(formatCount[4]);
|
|
class C {
|
|
constructor() {
|
|
return Math.round(Math.min(Math.max(activeIndex.get(), 0), length - 1));
|
|
}
|
|
}
|
|
C.__closure = { activeIndex, itemCount: length };
|
|
C.__workletHash = 3447899396126;
|
|
C.__initData = pageWidth;
|
|
derivedValue = obj1.useDerivedValue(C);
|
|
let obj2 = state(formatCount[4]);
|
|
class W {
|
|
constructor() {
|
|
value = itemDimensions.get();
|
|
tmp2 = value[closure_21.get(closure_21)];
|
|
num = 0;
|
|
if (null != tmp2) {
|
|
num = tmp2.width;
|
|
}
|
|
return num;
|
|
}
|
|
}
|
|
W.__closure = { itemDimensions, clampedActiveIndex: derivedValue };
|
|
W.__workletHash = 8603255620075;
|
|
W.__initData = pressedIndex;
|
|
derivedValue1 = obj2.useDerivedValue(W);
|
|
let obj3 = state(formatCount[4]);
|
|
class N {
|
|
constructor() {
|
|
value = itemDimensions.get();
|
|
tmp2 = value[closure_21.get(closure_21)];
|
|
num = undefined;
|
|
if (tmp2 != null) {
|
|
num = tmp2.x;
|
|
}
|
|
if (num == null) {
|
|
num = 0;
|
|
}
|
|
return num;
|
|
}
|
|
}
|
|
N.__closure = { itemDimensions, clampedActiveIndex: derivedValue };
|
|
N.__workletHash = 3224400863644;
|
|
N.__initData = setActiveIndex;
|
|
derivedValue2 = obj3.useDerivedValue(N);
|
|
let obj4 = state(formatCount[4]);
|
|
const fn = function $() {
|
|
let value = derivedValue2.get();
|
|
let obj = pressedIndex;
|
|
let num = 1;
|
|
if (pressedIndex.get() < 0) {
|
|
if (scrollOverflow.get() < 0) {
|
|
const obj4 = state(formatCount[4]);
|
|
const interpolateResult = obj4.interpolate(obj3.get(), [-50, 0], [0.9, 1], "clamp");
|
|
let sum = value + -derivedValue1.get() * (1 - interpolateResult) / 2;
|
|
num = interpolateResult;
|
|
} else {
|
|
sum = value;
|
|
if (obj3.get() > 0) {
|
|
const obj11 = state(formatCount[4]);
|
|
const interpolateResult1 = obj11.interpolate(obj3.get(), [50, 0], [0.9, 1], "clamp");
|
|
sum = value + derivedValue1.get() * (1 - interpolateResult1) / 2;
|
|
num = interpolateResult1;
|
|
}
|
|
}
|
|
obj = { width: null, transform: null };
|
|
obj[0] = state(formatCount[7]).withSpring(derivedValue1.get(), items);
|
|
obj = { translateX: null };
|
|
const obj6 = state(formatCount[7]);
|
|
obj[0] = state(formatCount[7]).withSpring(sum, items);
|
|
items = [obj, ];
|
|
obj1 = { scaleX: null };
|
|
const obj8 = state(formatCount[7]);
|
|
obj1[0] = state(formatCount[7]).withSpring(num, items);
|
|
items[1] = obj1;
|
|
obj[1] = items;
|
|
return obj;
|
|
} else {
|
|
obj1 = derivedValue;
|
|
value = obj.get();
|
|
if (value < derivedValue.get()) {
|
|
let num2 = 1 + scrollOverflow;
|
|
let diff = value - 0.02 * derivedValue1.get();
|
|
} else {
|
|
const value1 = obj.get();
|
|
num2 = 1;
|
|
diff = value;
|
|
if (value1 > obj1.get()) {
|
|
num2 = 1 + scrollOverflow;
|
|
diff = value + 0.02 * derivedValue1.get();
|
|
}
|
|
}
|
|
}
|
|
};
|
|
obj = { indicatorTranslateX: derivedValue2, pressedIndex, clampedActiveIndex: derivedValue, PRESSED_TRANSLATE_AMOUNT: scrollOverflow, indicatorWidth: derivedValue1, scrollOverflow, interpolate: state(formatCount[4]).interpolate, SCROLL_OVERFLOW_UPPER_BOUND: 50, SCROLL_OVERFLOW_MAX_SCALE: 0.9, withSpring: state(formatCount[7]).withSpring, SELECTED_INDICATOR_SPRING: items };
|
|
fn.__closure = obj;
|
|
fn.__workletHash = 1794186407627;
|
|
fn.__initData = useReducedMotion;
|
|
const animatedStyle = obj4.useAnimatedStyle(fn);
|
|
obj = { onScroll: null, onEndDrag: null };
|
|
class F {
|
|
constructor(arg0) {
|
|
result = scrollOffset.set(state.contentOffset.x);
|
|
if (onScrollWorklet != null) {
|
|
tmp2Result = tmp2(state.contentOffset.x);
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
F.__closure = { scrollOffset, onScrollWorklet };
|
|
F.__workletHash = 1586298483424;
|
|
F.__initData = closure_17;
|
|
obj[0] = F;
|
|
const fn2 = function b() {
|
|
if (onEndDrag != null) {
|
|
tmp();
|
|
}
|
|
};
|
|
fn2.__closure = { onEndDrag };
|
|
fn2.__workletHash = 6364544472149;
|
|
fn2.__initData = sharedValue;
|
|
obj[1] = fn2;
|
|
const items2 = [useReducedMotion];
|
|
const obj7 = state(formatCount[4]);
|
|
let tmp2 = state;
|
|
callback1 = simultaneousHandlers.useCallback((arg0) => {
|
|
const current = ref.current;
|
|
if (current != null) {
|
|
const obj = { x: null, animated: null };
|
|
obj[0] = arg0;
|
|
obj[1] = !useReducedMotion;
|
|
current.scrollTo(obj);
|
|
}
|
|
}, items2);
|
|
const animatedScrollHandler = state(formatCount[4]).useAnimatedScrollHandler(obj);
|
|
const fn3 = function k() {
|
|
return { scrollOffset: scrollOffset.get(), activeIndex: activeIndex.get(), itemDimensions: itemDimensions.get() };
|
|
};
|
|
fn3.__closure = { scrollOffset, activeIndex, itemDimensions };
|
|
fn3.__workletHash = 9993285637539;
|
|
fn3.__initData = length;
|
|
class X {
|
|
constructor(arg0, arg1) {
|
|
tmp = arg1;
|
|
activeIndex = undefined;
|
|
if (arg1 != null) {
|
|
activeIndex = tmp.activeIndex;
|
|
}
|
|
if (state.activeIndex !== activeIndex) {
|
|
tmp15 = state;
|
|
tmp16 = closure_2;
|
|
obj3 = state(closure_2[8]);
|
|
if (!obj3.cheapWorkletShallowEqual(state, tmp)) {
|
|
({ scrollOffset, activeIndex, itemDimensions } = state);
|
|
num = 0;
|
|
tmp4 = itemDimensions[activeIndex];
|
|
num2 = undefined;
|
|
reduced = itemDimensions.reduce((arg0, width) => {
|
|
let num;
|
|
if (width != null) {
|
|
num = width.width;
|
|
}
|
|
if (num == null) {
|
|
num = 0;
|
|
}
|
|
return arg0 + num;
|
|
}, 0);
|
|
if (tmp4 != null) {
|
|
num2 = tmp4.x;
|
|
}
|
|
if (num2 == null) {
|
|
num2 = 0;
|
|
}
|
|
num3 = 1;
|
|
tmp5 = itemSpacing;
|
|
sum = num2 + (activeIndex - 1) * itemSpacing;
|
|
tmp7 = itemDimensions[activeIndex];
|
|
width = undefined;
|
|
if (tmp7 != null) {
|
|
width = tmp7.width;
|
|
}
|
|
tmp9 = 0 !== reduced && true && null != width;
|
|
if (tmp9) {
|
|
tmp10 = pageWidth;
|
|
if (scrollOffset + pageWidth < sum + width) {
|
|
tmp15Result = tmp15(tmp16[4]);
|
|
tmp13 = closure_24;
|
|
num5 = 16;
|
|
tmp14 = tmp15Result.runOnJS(closure_24)(sum + 16);
|
|
} else if (sum < scrollOffset) {
|
|
tmp15Result1 = tmp15(tmp16[4]);
|
|
tmp11 = closure_24;
|
|
num4 = 16;
|
|
tmp12 = tmp15Result1.runOnJS(closure_24)(sum - 16);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
obj1 = { cheapWorkletShallowEqual: state(formatCount[8]).cheapWorkletShallowEqual, itemSpacing, pageWidth, runOnJS: state(formatCount[4]).runOnJS, scrollToOffset: callback1, AUTO_SCROLL_BUFFER: 16 };
|
|
X.__closure = obj1;
|
|
X.__workletHash = 15851319414889;
|
|
X.__initData = ref;
|
|
const animatedReaction = state(formatCount[4]).useAnimatedReaction(fn3, X);
|
|
const items3 = [items, length, formatCount, state, flag, pressedIndex, activeIndex, setActiveIndex, tmp.controlsContainer, variant];
|
|
const items4 = [simultaneousHandlers];
|
|
const memo = simultaneousHandlers.useMemo(() => variant(onScrollWorklet, {
|
|
style: controlsContainer.controlsContainer,
|
|
children: items.map((count, index) => {
|
|
count = count.count;
|
|
closure_0 = index;
|
|
({ label, id } = count);
|
|
const obj = { index, itemCount: closure_19, label, count: null, state: null, grow: null, pressed: null, selected: null, onPress: null, onPressIn: null, onPressOut: null, variant: null };
|
|
let tmp2;
|
|
if (null != count) {
|
|
tmp2 = callback(count);
|
|
}
|
|
obj[3] = tmp2;
|
|
obj[4] = closure_0;
|
|
obj[5] = closure_1;
|
|
obj[6] = closure_14;
|
|
obj[7] = index === closure_7.get();
|
|
obj[8] = function onPress() {
|
|
closure_1_15(closure_0);
|
|
};
|
|
obj[9] = function onPressIn() {
|
|
const result = closure_1_14.set(closure_0);
|
|
};
|
|
obj[10] = function onPressOut() {
|
|
const result = closure_14.set(-1);
|
|
};
|
|
obj[11] = closure_6;
|
|
return closure_1_6(closure_1_0(closure_1_2[9]).TabItem, obj, id);
|
|
})
|
|
}), items3);
|
|
const memo1 = simultaneousHandlers.useMemo(() => {
|
|
let result = null;
|
|
if (null != simultaneousHandlers) {
|
|
const Gesture = state(formatCount[10]).Gesture;
|
|
result = Gesture.Native().simultaneousWithExternalGesture(tmp);
|
|
const NativeResult = Gesture.Native();
|
|
}
|
|
return result;
|
|
}, items4);
|
|
obj2 = { ref, accessibilityRole: null, keyboardShouldPersistTaps: "handled", horizontal: true, onScroll: null, scrollEventThrottle: 16, showsHorizontalScrollIndicator: false, contentContainerStyle: null, bounces: false, children: null };
|
|
const obj9 = state(formatCount[4]);
|
|
const tmp16 = activeIndex;
|
|
const tmp17 = scrollOffset;
|
|
let str;
|
|
if (obj12.isIOS()) {
|
|
str = "tabbar";
|
|
}
|
|
obj2[1] = str;
|
|
obj2[4] = animatedScrollHandler;
|
|
obj2[7] = tmp.container;
|
|
obj3 = { style: tmp.indicatorContainer, onLayout: callback, children: variant(flag(tmp3[4]).View, { style: items5 }) };
|
|
items5 = [tmp.indicator, animatedStyle];
|
|
const items6 = [variant(onScrollWorklet, obj3), memo];
|
|
obj2[9] = items6;
|
|
const tmp16Result = tmp16(tmp17, obj2);
|
|
let tmp18Result = tmp16Result;
|
|
if (null != memo1) {
|
|
obj4 = { gesture: null, children: null };
|
|
obj4[0] = memo1;
|
|
obj4[1] = tmp16Result;
|
|
tmp18Result = variant(tmp2(tmp3[10]).GestureDetector, obj4);
|
|
}
|
|
return tmp18Result;
|
|
};
|