one
Version:
One is a React framework for web, iOS, and Android apps.
79 lines (77 loc) • 2.98 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all) __defProp(target, name, {
get: all[name],
enumerable: true
});
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
get: () => from[key],
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
});
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var TabSlot_exports = {};
__export(TabSlot_exports, {
TabSlot: () => TabSlot,
defaultTabsSlotRender: () => defaultTabsSlotRender,
isTabSlot: () => isTabSlot,
useTabSlot: () => useTabSlot
});
module.exports = __toCommonJS(TabSlot_exports);
var import_jsx_runtime = require("react/jsx-runtime");
var import_react = require("react");
var import_Navigator = require("../views/Navigator.native.js");
var import_TabContext = require("./TabContext.native.js");
function useTabSlot() {
var { detachInactiveScreens = true, renderFn = defaultTabsSlotRender } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
var { state, descriptorsRef } = (0, import_Navigator.useNavigatorContext)();
var descriptors = descriptorsRef.current;
var focusedRouteKey = state.routes[state.index].key;
var [loaded, setLoaded] = (0, import_react.useState)({ [focusedRouteKey]: true });
if (!loaded[focusedRouteKey]) {
setLoaded({
...loaded,
[focusedRouteKey]: true
});
}
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: state.routes.map(function(route, index) {
var descriptor = descriptors[route.key];
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabContext.TabContext.Provider, {
value: descriptor.options,
children: renderFn(descriptor, {
index,
isFocused: state.index === index,
loaded: loaded[route.key],
detachInactiveScreens
})
}, descriptor.route.key);
}) });
}
function TabSlot(props) {
return useTabSlot(props);
}
function defaultTabsSlotRender(descriptor, param) {
var { isFocused, loaded, detachInactiveScreens } = param;
var { lazy = true, unmountOnBlur } = descriptor.options;
if ((unmountOnBlur || detachInactiveScreens) && !isFocused) return null;
if (lazy && !loaded && !isFocused) return null;
if (!isFocused) {
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Activity, {
mode: "hidden",
children: descriptor.render()
}, descriptor.route.key);
}
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: descriptor.render() }, descriptor.route.key);
}
function isTabSlot(child) {
return child.type === TabSlot;
}