one
Version:
One is a new React Framework that makes Vite serve both native and web.
76 lines • 2.33 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 TabTrigger_web_exports = {};
__export(TabTrigger_web_exports, {
TabTrigger: () => TabTrigger,
isTabTrigger: () => isTabTrigger,
useTabTrigger: () => import_useTabTrigger2.useTabTrigger
});
module.exports = __toCommonJS(TabTrigger_web_exports);
var import_Link = require("../link/Link.cjs");
var import_useTabTrigger = require("./useTabTrigger.cjs");
var import_useTabTrigger2 = require("./useTabTrigger.cjs");
var import_jsx_runtime = require("react/jsx-runtime");
function TabTrigger({
asChild,
name,
href,
resetOnFocus,
...props
}) {
const {
trigger,
triggerProps
} = (0, import_useTabTrigger.useTabTrigger)({
name,
resetOnFocus,
...props
});
const resolvedHref = trigger?.resolvedHref ?? href;
if (!resolvedHref) {
return /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
type: "button",
onClick: event => triggerProps.onPress?.(event),
children: props.children
});
}
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Link.Link, {
...props,
href: resolvedHref,
asChild,
onPress: event => {
if (!(0, import_useTabTrigger.shouldHandleMouseEvent)(event)) return;
event.preventDefault();
triggerProps.onPress?.(event);
},
onLongPress: triggerProps.onLongPress,
"aria-current": trigger?.isFocused ? "page" : void 0,
...(asChild ? {
isFocused: Boolean(trigger?.isFocused)
} : null),
children: props.children
});
}
function isTabTrigger(child) {
return child.type === TabTrigger;
}