@weapp-vite/web 1.3.36 → 1.4.0

package/dist/runtime/appShell/tabBar/index.mjs

@@ -0,0 +1,192 @@
+import { ensureAppContainer, getAppContainer, onDocumentReady } from "../container.mjs";
+import { TAB_BAR_STYLE } from "./style.mjs";
+
+//#region src/runtime/appShell/tabBar/index.ts
+const TAB_BAR_TAG = "weapp-tab-bar";
+const TAB_BAR_HEIGHT = "50px";
+const BaseElement = globalThis.HTMLElement ?? class {};
+let tabBarConfig;
+let activeRoute = "";
+let requestedVisible = true;
+let animationEnabled = false;
+let switchTabHandler;
+let itemStates = [];
+const instances = /* @__PURE__ */ new Set();
+function resolveAssetUrl(value) {
+	if (!value || /^(?:data:|blob:|https?:\/\/|\/)/.test(value)) return value;
+	return `/${value.replace(/^\.\//, "")}`;
+}
+function isNativeTabBarVisible() {
+	return Boolean(tabBarConfig && !tabBarConfig.custom && requestedVisible && tabBarConfig.list.some((item) => item.pagePath === activeRoute));
+}
+function syncContainerInsets() {
+	const container = getAppContainer();
+	if (!container) return;
+	const bottomVisible = isNativeTabBarVisible() && tabBarConfig?.position !== "top";
+	const topVisible = isNativeTabBarVisible() && tabBarConfig?.position === "top";
+	container.style?.setProperty("--weapp-tab-bar-inset", bottomVisible ? `calc(${TAB_BAR_HEIGHT} + var(--weapp-safe-area-inset-bottom, 0px))` : "0px");
+	container.style?.setProperty("--weapp-tab-bar-top-inset", topVisible ? TAB_BAR_HEIGHT : "0px");
+}
+function updateInstances() {
+	syncContainerInsets();
+	for (const instance of instances) instance.renderTabBar();
+}
+function ensureTabBarMounted() {
+	onDocumentReady(() => {
+		const container = ensureAppContainer();
+		if (!container || tabBarConfig?.custom || !tabBarConfig) {
+			container?.querySelector(TAB_BAR_TAG)?.remove();
+			syncContainerInsets();
+			return;
+		}
+		let element = container.querySelector(TAB_BAR_TAG);
+		if (!element) {
+			element = document.createElement(TAB_BAR_TAG);
+			container.append(element);
+		}
+		element.renderTabBar();
+	});
+}
+function resolveItem(index) {
+	if (!Number.isInteger(index) || index < 0 || !tabBarConfig?.list[index]) return;
+	return tabBarConfig.list[index];
+}
+var WeappTabBar = class extends BaseElement {
+	connectedCallback() {
+		if (!this.shadowRoot) this.attachShadow({ mode: "open" });
+		instances.add(this);
+		this.renderTabBar();
+	}
+	disconnectedCallback() {
+		instances.delete(this);
+	}
+	renderTabBar() {
+		const root = this.shadowRoot;
+		const config = tabBarConfig;
+		if (!root || !config || config.custom) return;
+		this.toggleAttribute("hidden", !isNativeTabBarVisible());
+		this.setAttribute("position", config.position);
+		this.toggleAttribute("data-animation", animationEnabled);
+		this.style.setProperty("--weapp-tab-bar-color", config.color);
+		this.style.setProperty("--weapp-tab-bar-selected-color", config.selectedColor);
+		this.style.setProperty("--weapp-tab-bar-background", config.backgroundColor);
+		this.style.setProperty("--weapp-tab-bar-border-color", config.borderStyle === "white" ? "rgba(255, 255, 255, 0.33)" : "rgba(0, 0, 0, 0.33)");
+		root.replaceChildren(this.#createStyle(), this.#createBar(config));
+	}
+	#createStyle() {
+		const style = document.createElement("style");
+		style.textContent = TAB_BAR_STYLE;
+		return style;
+	}
+	#createBar(config) {
+		const bar = document.createElement("nav");
+		bar.className = "weapp-tab-bar";
+		bar.setAttribute("aria-label", "Tab bar");
+		for (const [index, item] of config.list.entries()) bar.append(this.#createItem(item, index));
+		return bar;
+	}
+	#createItem(item, index) {
+		const selected = item.pagePath === activeRoute;
+		const button = document.createElement("button");
+		button.type = "button";
+		button.className = "weapp-tab-bar__item";
+		button.dataset.index = String(index);
+		button.dataset.pagePath = item.pagePath;
+		if (selected) button.setAttribute("aria-current", "page");
+		const iconPath = resolveAssetUrl(selected ? item.selectedIconPath ?? item.iconPath : item.iconPath);
+		const state = itemStates[index];
+		if (iconPath || state?.badge || state?.redDot) {
+			const iconWrap = document.createElement("span");
+			iconWrap.className = "weapp-tab-bar__icon-wrap";
+			if (iconPath) {
+				const icon = document.createElement("img");
+				icon.className = "weapp-tab-bar__icon";
+				icon.src = iconPath;
+				icon.alt = "";
+				iconWrap.append(icon);
+			}
+			if (state?.badge || state?.redDot) {
+				const badge = document.createElement("span");
+				badge.className = state.redDot ? "weapp-tab-bar__badge weapp-tab-bar__badge--dot" : "weapp-tab-bar__badge";
+				badge.textContent = state.redDot ? "" : state.badge;
+				iconWrap.append(badge);
+			}
+			button.append(iconWrap);
+		}
+		const label = document.createElement("span");
+		label.className = "weapp-tab-bar__label";
+		label.textContent = item.text;
+		button.append(label);
+		button.addEventListener("click", () => {
+			if (selected || !switchTabHandler) return;
+			switchTabHandler(`/${item.pagePath}`).catch(() => {});
+		});
+		return button;
+	}
+};
+function ensureTabBarDefined() {
+	if (typeof customElements === "undefined" || customElements.get(TAB_BAR_TAG)) return;
+	customElements.define(TAB_BAR_TAG, WeappTabBar);
+}
+function configureTabBar(config, onSwitchTab) {
+	ensureTabBarDefined();
+	tabBarConfig = config ? {
+		...config,
+		list: config.list.map((item) => ({ ...item }))
+	} : void 0;
+	switchTabHandler = onSwitchTab;
+	itemStates = config?.list.map(() => ({})) ?? [];
+	requestedVisible = true;
+	animationEnabled = false;
+	ensureTabBarMounted();
+	updateInstances();
+}
+function getTabBarPagePaths() {
+	return new Set(tabBarConfig?.list.map((item) => item.pagePath) ?? []);
+}
+function syncTabBarRoute(route) {
+	activeRoute = route;
+	ensureTabBarMounted();
+	updateInstances();
+}
+function setTabBarVisible(visible, animation = false) {
+	requestedVisible = visible;
+	animationEnabled = animation;
+	updateInstances();
+	return true;
+}
+function updateTabBarItem(index, patch) {
+	const item = resolveItem(index);
+	if (!item) return false;
+	Object.assign(item, patch);
+	updateInstances();
+	return true;
+}
+function updateTabBarStyle(patch) {
+	if (!tabBarConfig) return false;
+	Object.assign(tabBarConfig, patch);
+	updateInstances();
+	return true;
+}
+function setTabBarBadgeState(index, badge) {
+	if (!resolveItem(index)) return false;
+	itemStates[index] = {
+		badge,
+		redDot: false
+	};
+	updateInstances();
+	return true;
+}
+function setTabBarRedDotState(index, redDot) {
+	if (!resolveItem(index)) return false;
+	itemStates[index] = {
+		redDot,
+		badge: void 0
+	};
+	updateInstances();
+	return true;
+}
+
+//#endregion
+export { configureTabBar, ensureTabBarDefined, getTabBarPagePaths, setTabBarBadgeState, setTabBarRedDotState, setTabBarVisible, syncTabBarRoute, updateTabBarItem, updateTabBarStyle };
+//# sourceMappingURL=index.mjs.map

package/dist/runtime/appShell/tabBar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#createStyle","#createBar","#createItem"],"sources":["../../../../src/runtime/appShell/tabBar/index.ts"],"sourcesContent":["import type { WebTabBarConfig, WebTabBarItem } from '../../../shared/tabBar'\nimport { ensureAppContainer, getAppContainer, onDocumentReady } from '../container'\nimport { TAB_BAR_STYLE } from './style'\n\ninterface TabBarItemState {\n  badge?: string\n  redDot?: boolean\n}\n\ntype SwitchTabHandler = (url: string) => Promise<unknown>\n\nconst TAB_BAR_TAG = 'weapp-tab-bar'\nconst TAB_BAR_HEIGHT = '50px'\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nlet tabBarConfig: WebTabBarConfig | undefined\nlet activeRoute = ''\nlet requestedVisible = true\nlet animationEnabled = false\nlet switchTabHandler: SwitchTabHandler | undefined\nlet itemStates: TabBarItemState[] = []\nconst instances = new Set<WeappTabBar>()\n\nfunction resolveAssetUrl(value: string | undefined) {\n  if (!value || /^(?:data:|blob:|https?:\\/\\/|\\/)/.test(value)) {\n    return value\n  }\n  return `/${value.replace(/^\\.\\//, '')}`\n}\n\nfunction isNativeTabBarVisible() {\n  return Boolean(\n    tabBarConfig\n    && !tabBarConfig.custom\n    && requestedVisible\n    && tabBarConfig.list.some(item => item.pagePath === activeRoute),\n  )\n}\n\nfunction syncContainerInsets() {\n  const container = getAppContainer()\n  if (!container) {\n    return\n  }\n  const bottomVisible = isNativeTabBarVisible() && tabBarConfig?.position !== 'top'\n  const topVisible = isNativeTabBarVisible() && tabBarConfig?.position === 'top'\n  container.style?.setProperty(\n    '--weapp-tab-bar-inset',\n    bottomVisible ? `calc(${TAB_BAR_HEIGHT} + var(--weapp-safe-area-inset-bottom, 0px))` : '0px',\n  )\n  container.style?.setProperty('--weapp-tab-bar-top-inset', topVisible ? TAB_BAR_HEIGHT : '0px')\n}\n\nfunction updateInstances() {\n  syncContainerInsets()\n  for (const instance of instances) {\n    instance.renderTabBar()\n  }\n}\n\nfunction ensureTabBarMounted() {\n  onDocumentReady(() => {\n    const container = ensureAppContainer()\n    if (!container || tabBarConfig?.custom || !tabBarConfig) {\n      container?.querySelector(TAB_BAR_TAG)?.remove()\n      syncContainerInsets()\n      return\n    }\n    let element = container.querySelector(TAB_BAR_TAG) as WeappTabBar | null\n    if (!element) {\n      element = document.createElement(TAB_BAR_TAG) as WeappTabBar\n      container.append(element)\n    }\n    element.renderTabBar()\n  })\n}\n\nfunction resolveItem(index: number) {\n  if (!Number.isInteger(index) || index < 0 || !tabBarConfig?.list[index]) {\n    return undefined\n  }\n  return tabBarConfig.list[index]\n}\n\nclass WeappTabBar extends BaseElement {\n  connectedCallback() {\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' })\n    }\n    instances.add(this)\n    this.renderTabBar()\n  }\n\n  disconnectedCallback() {\n    instances.delete(this)\n  }\n\n  renderTabBar() {\n    const root = this.shadowRoot\n    const config = tabBarConfig\n    if (!root || !config || config.custom) {\n      return\n    }\n    this.toggleAttribute('hidden', !isNativeTabBarVisible())\n    this.setAttribute('position', config.position)\n    this.toggleAttribute('data-animation', animationEnabled)\n    this.style.setProperty('--weapp-tab-bar-color', config.color)\n    this.style.setProperty('--weapp-tab-bar-selected-color', config.selectedColor)\n    this.style.setProperty('--weapp-tab-bar-background', config.backgroundColor)\n    this.style.setProperty(\n      '--weapp-tab-bar-border-color',\n      config.borderStyle === 'white' ? 'rgba(255, 255, 255, 0.33)' : 'rgba(0, 0, 0, 0.33)',\n    )\n    root.replaceChildren(this.#createStyle(), this.#createBar(config))\n  }\n\n  #createStyle() {\n    const style = document.createElement('style')\n    style.textContent = TAB_BAR_STYLE\n    return style\n  }\n\n  #createBar(config: WebTabBarConfig) {\n    const bar = document.createElement('nav')\n    bar.className = 'weapp-tab-bar'\n    bar.setAttribute('aria-label', 'Tab bar')\n    for (const [index, item] of config.list.entries()) {\n      bar.append(this.#createItem(item, index))\n    }\n    return bar\n  }\n\n  #createItem(item: WebTabBarItem, index: number) {\n    const selected = item.pagePath === activeRoute\n    const button = document.createElement('button')\n    button.type = 'button'\n    button.className = 'weapp-tab-bar__item'\n    button.dataset.index = String(index)\n    button.dataset.pagePath = item.pagePath\n    if (selected) {\n      button.setAttribute('aria-current', 'page')\n    }\n    const iconPath = resolveAssetUrl(selected ? (item.selectedIconPath ?? item.iconPath) : item.iconPath)\n    const state = itemStates[index]\n    if (iconPath || state?.badge || state?.redDot) {\n      const iconWrap = document.createElement('span')\n      iconWrap.className = 'weapp-tab-bar__icon-wrap'\n      if (iconPath) {\n        const icon = document.createElement('img')\n        icon.className = 'weapp-tab-bar__icon'\n        icon.src = iconPath\n        icon.alt = ''\n        iconWrap.append(icon)\n      }\n      if (state?.badge || state?.redDot) {\n        const badge = document.createElement('span')\n        badge.className = state.redDot\n          ? 'weapp-tab-bar__badge weapp-tab-bar__badge--dot'\n          : 'weapp-tab-bar__badge'\n        badge.textContent = state.redDot ? '' : state.badge!\n        iconWrap.append(badge)\n      }\n      button.append(iconWrap)\n    }\n    const label = document.createElement('span')\n    label.className = 'weapp-tab-bar__label'\n    label.textContent = item.text\n    button.append(label)\n    button.addEventListener('click', () => {\n      if (selected || !switchTabHandler) {\n        return\n      }\n      void switchTabHandler(`/${item.pagePath}`).catch(() => {})\n    })\n    return button\n  }\n}\n\nexport function ensureTabBarDefined() {\n  if (typeof customElements === 'undefined' || customElements.get(TAB_BAR_TAG)) {\n    return\n  }\n  customElements.define(TAB_BAR_TAG, WeappTabBar)\n}\n\nexport function configureTabBar(config: WebTabBarConfig | undefined, onSwitchTab: SwitchTabHandler) {\n  ensureTabBarDefined()\n  tabBarConfig = config\n    ? {\n        ...config,\n        list: config.list.map(item => ({ ...item })),\n      }\n    : undefined\n  switchTabHandler = onSwitchTab\n  itemStates = config?.list.map(() => ({})) ?? []\n  requestedVisible = true\n  animationEnabled = false\n  ensureTabBarMounted()\n  updateInstances()\n}\n\nexport function getTabBarPagePaths() {\n  return new Set(tabBarConfig?.list.map(item => item.pagePath) ?? [])\n}\n\nexport function syncTabBarRoute(route: string) {\n  activeRoute = route\n  ensureTabBarMounted()\n  updateInstances()\n}\n\nexport function setTabBarVisible(visible: boolean, animation = false) {\n  requestedVisible = visible\n  animationEnabled = animation\n  updateInstances()\n  return true\n}\n\nexport function updateTabBarItem(index: number, patch: Partial<Omit<WebTabBarItem, 'pagePath'>>) {\n  const item = resolveItem(index)\n  if (!item) {\n    return false\n  }\n  Object.assign(item, patch)\n  updateInstances()\n  return true\n}\n\nexport function updateTabBarStyle(patch: Partial<Pick<WebTabBarConfig, 'color' | 'selectedColor' | 'backgroundColor' | 'borderStyle'>>) {\n  if (!tabBarConfig) {\n    return false\n  }\n  Object.assign(tabBarConfig, patch)\n  updateInstances()\n  return true\n}\n\nexport function setTabBarBadgeState(index: number, badge: string | undefined) {\n  if (!resolveItem(index)) {\n    return false\n  }\n  itemStates[index] = { badge, redDot: false }\n  updateInstances()\n  return true\n}\n\nexport function setTabBarRedDotState(index: number, redDot: boolean) {\n  if (!resolveItem(index)) {\n    return false\n  }\n  itemStates[index] = { redDot, badge: undefined }\n  updateInstances()\n  return true\n}\n\nexport type { WebTabBarConfig, WebTabBarItem } from '../../../shared/tabBar'\n"],"mappings":"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"}

package/dist/runtime/appShell/tabBar/style.mjs

@@ -0,0 +1,127 @@
+//#region src/runtime/appShell/tabBar/style.ts
+const TAB_BAR_STYLE = `
+:host {
+  --weapp-tab-bar-color: #7a7e83;
+  --weapp-tab-bar-selected-color: #3cc51f;
+  --weapp-tab-bar-background: #ffffff;
+  --weapp-tab-bar-border-color: rgba(0, 0, 0, 0.33);
+  display: block;
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  box-sizing: border-box;
+  color: var(--weapp-tab-bar-color);
+  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
+}
+
+:host([position="top"]) {
+  top: 0;
+  bottom: auto;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+.weapp-tab-bar {
+  display: flex;
+  height: calc(50px + var(--weapp-safe-area-inset-bottom, 0px));
+  padding-bottom: var(--weapp-safe-area-inset-bottom, 0px);
+  box-sizing: border-box;
+  background: var(--weapp-tab-bar-background);
+  border-top: 0.5px solid var(--weapp-tab-bar-border-color);
+}
+
+:host([position="top"]) .weapp-tab-bar {
+  height: 50px;
+  padding-bottom: 0;
+  border-top: 0;
+  border-bottom: 0.5px solid var(--weapp-tab-bar-border-color);
+}
+
+.weapp-tab-bar__item {
+  position: relative;
+  display: flex;
+  flex: 1 1 0;
+  min-width: 0;
+  height: 50px;
+  padding: 5px 4px 3px;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 1px;
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.weapp-tab-bar__item[aria-current="page"] {
+  color: var(--weapp-tab-bar-selected-color);
+}
+
+.weapp-tab-bar__icon-wrap {
+  position: relative;
+  width: 27px;
+  height: 27px;
+  flex: 0 0 27px;
+}
+
+.weapp-tab-bar__icon {
+  display: block;
+  width: 27px;
+  height: 27px;
+  object-fit: contain;
+}
+
+.weapp-tab-bar__label {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  font-size: 10px;
+  line-height: 14px;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.weapp-tab-bar__badge {
+  position: absolute;
+  top: -3px;
+  left: 20px;
+  min-width: 16px;
+  max-width: 48px;
+  height: 16px;
+  padding: 0 4px;
+  overflow: hidden;
+  box-sizing: border-box;
+  border: 1px solid #ffffff;
+  border-radius: 8px;
+  background: #fa5151;
+  color: #ffffff;
+  font-size: 10px;
+  line-height: 14px;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.weapp-tab-bar__badge--dot {
+  top: 0;
+  left: 23px;
+  width: 8px;
+  min-width: 8px;
+  height: 8px;
+  padding: 0;
+  border-radius: 50%;
+}
+`;
+
+//#endregion
+export { TAB_BAR_STYLE };
+//# sourceMappingURL=style.mjs.map

package/dist/runtime/appShell/tabBar/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/appShell/tabBar/style.ts"],"sourcesContent":["export const TAB_BAR_STYLE = `\n:host {\n  --weapp-tab-bar-color: #7a7e83;\n  --weapp-tab-bar-selected-color: #3cc51f;\n  --weapp-tab-bar-background: #ffffff;\n  --weapp-tab-bar-border-color: rgba(0, 0, 0, 0.33);\n  display: block;\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1000;\n  box-sizing: border-box;\n  color: var(--weapp-tab-bar-color);\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n:host([position=\"top\"]) {\n  top: 0;\n  bottom: auto;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.weapp-tab-bar {\n  display: flex;\n  height: calc(50px + var(--weapp-safe-area-inset-bottom, 0px));\n  padding-bottom: var(--weapp-safe-area-inset-bottom, 0px);\n  box-sizing: border-box;\n  background: var(--weapp-tab-bar-background);\n  border-top: 0.5px solid var(--weapp-tab-bar-border-color);\n}\n\n:host([position=\"top\"]) .weapp-tab-bar {\n  height: 50px;\n  padding-bottom: 0;\n  border-top: 0;\n  border-bottom: 0.5px solid var(--weapp-tab-bar-border-color);\n}\n\n.weapp-tab-bar__item {\n  position: relative;\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n  height: 50px;\n  padding: 5px 4px 3px;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 1px;\n  border: 0;\n  border-radius: 0;\n  outline: 0;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.weapp-tab-bar__item[aria-current=\"page\"] {\n  color: var(--weapp-tab-bar-selected-color);\n}\n\n.weapp-tab-bar__icon-wrap {\n  position: relative;\n  width: 27px;\n  height: 27px;\n  flex: 0 0 27px;\n}\n\n.weapp-tab-bar__icon {\n  display: block;\n  width: 27px;\n  height: 27px;\n  object-fit: contain;\n}\n\n.weapp-tab-bar__label {\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  font-size: 10px;\n  line-height: 14px;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.weapp-tab-bar__badge {\n  position: absolute;\n  top: -3px;\n  left: 20px;\n  min-width: 16px;\n  max-width: 48px;\n  height: 16px;\n  padding: 0 4px;\n  overflow: hidden;\n  box-sizing: border-box;\n  border: 1px solid #ffffff;\n  border-radius: 8px;\n  background: #fa5151;\n  color: #ffffff;\n  font-size: 10px;\n  line-height: 14px;\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.weapp-tab-bar__badge--dot {\n  top: 0;\n  left: 23px;\n  width: 8px;\n  min-width: 8px;\n  height: 8px;\n  padding: 0;\n  border-radius: 50%;\n}\n`\n"],"mappings":";AAAA,MAAa,gBAAgB"}

package/dist/runtime/button/helpers.mjs

@@ -29,64 +29,7 @@ function getHoverClass(element) {
 function isInternalNode(node) {
 	return node instanceof HTMLElement && node.dataset?.weappInternal === "true";
 }
-function collectFormValues(form) {
-	const values = {};
-	const appendValue = (name, value, multiple = false) => {
-		if (multiple) {
-			if (!Array.isArray(values[name])) values[name] = values[name] === void 0 ? [] : [values[name]];
-			values[name].push(value);
-			return;
-		}
-		values[name] = value;
-	};
-	const formElements = Array.from(form.elements ?? []);
-	for (const element of formElements) {
-		if (!(element instanceof HTMLElement)) continue;
-		const name = element.getAttribute("name")?.trim();
-		if (!name) continue;
-		if ("disabled" in element ? element.disabled : toBoolean(element.getAttribute("disabled"))) continue;
-		if (element instanceof HTMLInputElement) {
-			const type = element.type?.toLowerCase();
-			if (type === "checkbox") {
-				if (element.checked) appendValue(name, element.value, true);
-				continue;
-			}
-			if (type === "radio") {
-				if (element.checked) appendValue(name, element.value);
-				continue;
-			}
-			appendValue(name, element.value);
-			continue;
-		}
-		if (element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement) {
-			appendValue(name, element.value);
-			continue;
-		}
-	}
-	const customControls = form.querySelectorAll("switch, checkbox, radio, picker, slider, weapp-switch, weapp-checkbox, weapp-radio, weapp-picker, weapp-slider");
-	for (const element of Array.from(customControls)) {
-		const name = element.getAttribute("name")?.trim();
-		if (!name) continue;
-		if (toBoolean(element.getAttribute("disabled"))) continue;
-		const tag = element.tagName.toLowerCase();
-		const rawValue = element.value ?? element.getAttribute("value");
-		if (tag.includes("checkbox")) {
-			if (element.checked ?? toBoolean(element.getAttribute("checked"))) appendValue(name, rawValue ?? true, true);
-			continue;
-		}
-		if (tag.includes("radio")) {
-			if (element.checked ?? toBoolean(element.getAttribute("checked"))) appendValue(name, rawValue ?? true);
-			continue;
-		}
-		if (tag.includes("switch")) {
-			appendValue(name, element.checked ?? toBoolean(element.getAttribute("checked")));
-			continue;
-		}
-		appendValue(name, rawValue ?? "");
-	}
-	return values;
-}
 
 //#endregion
-export { collectFormValues, getHoverClass, isDisabled, isInternalNode, normalizeType, parseNumber, toBoolean };
+export { getHoverClass, isDisabled, isInternalNode, normalizeType, parseNumber, toBoolean };
 //# sourceMappingURL=helpers.mjs.map

package/dist/runtime/button/helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/runtime/button/helpers.ts"],"sourcesContent":["const DEFAULT_HOVER_CLASS = 'button-hover'\n\nexport const DEFAULT_HOVER_START = 20\nexport const DEFAULT_HOVER_STAY = 70\n\nexport function toBoolean(value: string | null) {\n  if (value === null) {\n    return false\n  }\n  const normalized = value.trim().toLowerCase()\n  if (normalized === '' || normalized === 'true') {\n    return true\n  }\n  return normalized !== 'false' && normalized !== '0'\n}\n\nexport function parseNumber(value: string | null, fallback: number) {\n  if (value === null || value === '') {\n    return fallback\n  }\n  const numeric = Number(value)\n  return Number.isFinite(numeric) ? numeric : fallback\n}\n\nexport function isDisabled(element: HTMLElement) {\n  return toBoolean(element.getAttribute('disabled')) || toBoolean(element.getAttribute('loading'))\n}\n\nexport function normalizeType(value: string | null) {\n  if (!value) {\n    return 'default'\n  }\n  const normalized = value.toLowerCase()\n  if (normalized === 'primary' || normalized === 'warn') {\n    return normalized\n  }\n  return 'default'\n}\n\nexport function getHoverClass(element: HTMLElement) {\n  const hoverClass = element.getAttribute('hover-class')\n  if (!hoverClass) {\n    return DEFAULT_HOVER_CLASS\n  }\n  if (hoverClass === 'none') {\n    return ''\n  }\n  return hoverClass\n}\n\nexport function isInternalNode(node: Node) {\n  return node instanceof HTMLElement && node.dataset?.weappInternal === 'true'\n}\n\nexport function collectFormValues(form: HTMLFormElement) {\n  const values: Record<string, any> = {}\n\n  const appendValue = (name: string, value: any, multiple = false) => {\n    if (multiple) {\n      if (!Array.isArray(values[name])) {\n        values[name] = values[name] === undefined ? [] : [values[name]]\n      }\n      values[name].push(value)\n      return\n    }\n    values[name] = value\n  }\n\n  const formElements = Array.from(form.elements ?? [])\n  for (const element of formElements) {\n    if (!(element instanceof HTMLElement)) {\n      continue\n    }\n    const name = element.getAttribute('name')?.trim()\n    if (!name) {\n      continue\n    }\n    const disabled = 'disabled' in element ? (element as any).disabled : toBoolean(element.getAttribute('disabled'))\n    if (disabled) {\n      continue\n    }\n    if (element instanceof HTMLInputElement) {\n      const type = element.type?.toLowerCase()\n      if (type === 'checkbox') {\n        if (element.checked) {\n          appendValue(name, element.value, true)\n        }\n        continue\n      }\n      if (type === 'radio') {\n        if (element.checked) {\n          appendValue(name, element.value)\n        }\n        continue\n      }\n      appendValue(name, element.value)\n      continue\n    }\n    if (element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement) {\n      appendValue(name, (element as HTMLTextAreaElement | HTMLSelectElement).value)\n      continue\n    }\n  }\n\n  const customControls = form.querySelectorAll('switch, checkbox, radio, picker, slider, weapp-switch, weapp-checkbox, weapp-radio, weapp-picker, weapp-slider')\n  for (const element of Array.from(customControls)) {\n    const name = element.getAttribute('name')?.trim()\n    if (!name) {\n      continue\n    }\n    const disabled = toBoolean(element.getAttribute('disabled'))\n    if (disabled) {\n      continue\n    }\n    const tag = element.tagName.toLowerCase()\n    const rawValue = (element as any).value ?? element.getAttribute('value')\n    if (tag.includes('checkbox')) {\n      const checked = (element as any).checked ?? toBoolean(element.getAttribute('checked'))\n      if (checked) {\n        appendValue(name, rawValue ?? true, true)\n      }\n      continue\n    }\n    if (tag.includes('radio')) {\n      const checked = (element as any).checked ?? toBoolean(element.getAttribute('checked'))\n      if (checked) {\n        appendValue(name, rawValue ?? true)\n      }\n      continue\n    }\n    if (tag.includes('switch')) {\n      const checked = (element as any).checked ?? toBoolean(element.getAttribute('checked'))\n      appendValue(name, checked)\n      continue\n    }\n    appendValue(name, rawValue ?? '')\n  }\n\n  return values\n}\n"],"mappings":"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"}
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/runtime/button/helpers.ts"],"sourcesContent":["const DEFAULT_HOVER_CLASS = 'button-hover'\n\nexport const DEFAULT_HOVER_START = 20\nexport const DEFAULT_HOVER_STAY = 70\n\nexport function toBoolean(value: string | null) {\n  if (value === null) {\n    return false\n  }\n  const normalized = value.trim().toLowerCase()\n  if (normalized === '' || normalized === 'true') {\n    return true\n  }\n  return normalized !== 'false' && normalized !== '0'\n}\n\nexport function parseNumber(value: string | null, fallback: number) {\n  if (value === null || value === '') {\n    return fallback\n  }\n  const numeric = Number(value)\n  return Number.isFinite(numeric) ? numeric : fallback\n}\n\nexport function isDisabled(element: HTMLElement) {\n  return toBoolean(element.getAttribute('disabled')) || toBoolean(element.getAttribute('loading'))\n}\n\nexport function normalizeType(value: string | null) {\n  if (!value) {\n    return 'default'\n  }\n  const normalized = value.toLowerCase()\n  if (normalized === 'primary' || normalized === 'warn') {\n    return normalized\n  }\n  return 'default'\n}\n\nexport function getHoverClass(element: HTMLElement) {\n  const hoverClass = element.getAttribute('hover-class')\n  if (!hoverClass) {\n    return DEFAULT_HOVER_CLASS\n  }\n  if (hoverClass === 'none') {\n    return ''\n  }\n  return hoverClass\n}\n\nexport function isInternalNode(node: Node) {\n  return node instanceof HTMLElement && node.dataset?.weappInternal === 'true'\n}\n"],"mappings":";AAAA,MAAM,sBAAsB;AAK5B,SAAgB,UAAU,OAAsB;CAC9C,IAAI,UAAU,MACZ,OAAO;CAET,MAAM,aAAa,MAAM,KAAK,CAAC,CAAC,YAAY;CAC5C,IAAI,eAAe,MAAM,eAAe,QACtC,OAAO;CAET,OAAO,eAAe,WAAW,eAAe;AAClD;AAEA,SAAgB,YAAY,OAAsB,UAAkB;CAClE,IAAI,UAAU,QAAQ,UAAU,IAC9B,OAAO;CAET,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,OAAO,SAAS,OAAO,IAAI,UAAU;AAC9C;AAEA,SAAgB,WAAW,SAAsB;CAC/C,OAAO,UAAU,QAAQ,aAAa,UAAU,CAAC,KAAK,UAAU,QAAQ,aAAa,SAAS,CAAC;AACjG;AAEA,SAAgB,cAAc,OAAsB;CAClD,IAAI,CAAC,OACH,OAAO;CAET,MAAM,aAAa,MAAM,YAAY;CACrC,IAAI,eAAe,aAAa,eAAe,QAC7C,OAAO;CAET,OAAO;AACT;AAEA,SAAgB,cAAc,SAAsB;CAClD,MAAM,aAAa,QAAQ,aAAa,aAAa;CACrD,IAAI,CAAC,YACH,OAAO;CAET,IAAI,eAAe,QACjB,OAAO;CAET,OAAO;AACT;AAEA,SAAgB,eAAe,MAAY;CACzC,OAAO,gBAAgB,eAAe,KAAK,SAAS,kBAAkB;AACxE"}

package/dist/runtime/button/index.d.mts

@@ -1,9 +1,8 @@
+import { FormConfig } from "../nativeComponents/form.mjs";
 //#region src/runtime/button/index.d.ts
-interface ButtonFormConfig {
-  preventDefault?: boolean;
-}
 declare function ensureButtonDefined(): void;
-declare function setButtonFormConfig(next: ButtonFormConfig): void;
+declare function setButtonFormConfig(next: FormConfig): void;
+type ButtonFormConfig = FormConfig;
 //#endregion
-export { type ButtonFormConfig, ensureButtonDefined, setButtonFormConfig };
+export { ButtonFormConfig, ensureButtonDefined, setButtonFormConfig };
 //# sourceMappingURL=index.d.mts.map

package/dist/runtime/button/index.mjs

@@ -1,11 +1,11 @@
-import { collectFormValues, getHoverClass, isDisabled, isInternalNode, normalizeType, parseNumber, toBoolean } from "./helpers.mjs";
+import { requestContainingFormAction } from "../nativeComponents/formControl.mjs";
+import { setFormConfig } from "../nativeComponents/form.mjs";
+import { getHoverClass, isDisabled, isInternalNode, normalizeType, parseNumber, toBoolean } from "./helpers.mjs";
 import { ensureButtonStyle } from "./style.mjs";
 
 //#region src/runtime/button/index.ts
-const DEFAULT_FORM_CONFIG = { preventDefault: true };
 const NAV_BUTTON_TAG = "weapp-button";
 const BaseElement = globalThis.HTMLElement ?? class {};
-let formConfig = { ...DEFAULT_FORM_CONFIG };
 var WeappButton = class extends BaseElement {
 	static observedAttributes = [
 		"type",
@@ -70,10 +70,8 @@ var WeappButton = class extends BaseElement {
 		this.#loading = loading;
 		if (typeof MutationObserver !== "undefined") {
 			this.#observer = new MutationObserver((records) => {
-				if (!this.#text) return;
 				for (const record of records) for (const node of [...record.addedNodes]) {
 					if (isInternalNode(node)) continue;
-					if (node === this.#button) continue;
 					this.#text.appendChild(node);
 				}
 			});
@@ -125,26 +123,9 @@ var WeappButton = class extends BaseElement {
 		}
 	};
 	#handleClick = (event) => {
-		if (isDisabled(this)) return;
 		const formType = this.getAttribute("form-type");
 		if (!formType) return;
-		const form = this.closest("form");
-		if (!form) return;
-		if (formType === "submit") {
-			const detail = { value: collectFormValues(form) };
-			const submitEvent = new CustomEvent("submit", {
-				detail,
-				bubbles: true,
-				cancelable: true
-			});
-			if (form.dispatchEvent(submitEvent) && !formConfig.preventDefault) form.submit();
-			event.preventDefault();
-			return;
-		}
-		if (formType === "reset") {
-			form.reset();
-			event.preventDefault();
-		}
+		if ((formType === "submit" || formType === "reset") && requestContainingFormAction(this, formType)) event.preventDefault();
 	};
 	#handlePressStart = (event) => {
 		if (isDisabled(this)) return;
@@ -187,12 +168,9 @@ function ensureButtonDefined() {
 	if (!customElements.get(NAV_BUTTON_TAG)) customElements.define(NAV_BUTTON_TAG, WeappButton);
 }
 function setButtonFormConfig(next) {
-	formConfig = {
-		...formConfig,
-		...next
-	};
+	setFormConfig(next);
 }
 
 //#endregion
-export { ensureButtonDefined, setButtonFormConfig };
+export { WeappButton, ensureButtonDefined, setButtonFormConfig };
 //# sourceMappingURL=index.mjs.map

package/dist/runtime/button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["#ensureStructure","#applyState","#bindEvents","#clearHoverTimers","#observer","#button","#content","#text","#loading","#handleClickCapture","#handleClick","#handlePressStart","#handlePressEnd","#lastTouchTime","#hoverTimer","#hoverRemoveTimer"],"sources":["../../../src/runtime/button/index.ts"],"sourcesContent":["import {\n  collectFormValues,\n  DEFAULT_HOVER_START,\n  DEFAULT_HOVER_STAY,\n  getHoverClass,\n  isDisabled,\n  isInternalNode,\n  normalizeType,\n  parseNumber,\n  toBoolean,\n} from './helpers'\nimport { ensureButtonStyle } from './style'\n\ninterface ButtonFormConfig {\n  preventDefault?: boolean\n}\n\nconst DEFAULT_FORM_CONFIG: Required<ButtonFormConfig> = {\n  preventDefault: true,\n}\n\nconst NAV_BUTTON_TAG = 'weapp-button'\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nlet formConfig: Required<ButtonFormConfig> = { ...DEFAULT_FORM_CONFIG }\n\nclass WeappButton extends BaseElement {\n  static observedAttributes = [\n    'type',\n    'plain',\n    'size',\n    'loading',\n    'disabled',\n    'hover-class',\n    'hover-start-time',\n    'hover-stay-time',\n    'form-type',\n    'open-type',\n  ]\n\n  #button?: HTMLButtonElement\n  #content?: HTMLSpanElement\n  #text?: HTMLSpanElement\n  #loading?: HTMLSpanElement\n  #hoverTimer?: ReturnType<typeof globalThis.setTimeout>\n  #hoverRemoveTimer?: ReturnType<typeof globalThis.setTimeout>\n  #lastTouchTime = 0\n  #observer?: MutationObserver\n\n  connectedCallback() {\n    const root = this.getRootNode()\n    if (root instanceof ShadowRoot) {\n      ensureButtonStyle(root)\n    }\n    else {\n      ensureButtonStyle()\n    }\n    this.#ensureStructure()\n    this.#applyState()\n    this.#bindEvents()\n  }\n\n  disconnectedCallback() {\n    this.#clearHoverTimers()\n    this.#observer?.disconnect()\n    this.#observer = undefined\n  }\n\n  attributeChangedCallback() {\n    this.#applyState()\n  }\n\n  #ensureStructure() {\n    if (this.#button) {\n      return\n    }\n    const button = document.createElement('button')\n    button.type = 'button'\n    button.className = 'weapp-btn'\n    button.dataset.weappInternal = 'true'\n    const content = document.createElement('span')\n    content.className = 'weapp-btn__content'\n    content.dataset.weappInternal = 'true'\n    const loading = document.createElement('span')\n    loading.className = 'weapp-btn__loading'\n    loading.dataset.weappInternal = 'true'\n    loading.setAttribute('hidden', '')\n    const text = document.createElement('span')\n    text.className = 'weapp-btn__text'\n    text.dataset.weappInternal = 'true'\n    content.append(loading, text)\n    button.append(content)\n\n    const existing = [...this.childNodes].filter(node => !isInternalNode(node))\n    for (const node of existing) {\n      text.appendChild(node)\n    }\n    this.appendChild(button)\n\n    this.#button = button\n    this.#content = content\n    this.#text = text\n    this.#loading = loading\n\n    if (typeof MutationObserver !== 'undefined') {\n      this.#observer = new MutationObserver((records) => {\n        if (!this.#text) {\n          return\n        }\n        for (const record of records) {\n          for (const node of [...record.addedNodes]) {\n            if (isInternalNode(node)) {\n              continue\n            }\n            if (node === this.#button) {\n              continue\n            }\n            this.#text.appendChild(node)\n          }\n        }\n      })\n      this.#observer.observe(this, { childList: true })\n    }\n  }\n\n  #applyState() {\n    if (!this.#button || !this.#loading) {\n      return\n    }\n    const type = normalizeType(this.getAttribute('type'))\n    const plain = toBoolean(this.getAttribute('plain'))\n    const size = (this.getAttribute('size') ?? 'default').toLowerCase()\n    const loading = toBoolean(this.getAttribute('loading'))\n    const disabled = toBoolean(this.getAttribute('disabled'))\n    const openType = this.getAttribute('open-type')\n\n    this.classList.toggle('weapp-btn--primary', type === 'primary')\n    this.classList.toggle('weapp-btn--warn', type === 'warn')\n    this.classList.toggle('weapp-btn--default', type === 'default')\n    this.classList.toggle('weapp-btn--plain', plain)\n    this.classList.toggle('weapp-btn--mini', size === 'mini')\n    this.classList.toggle('weapp-btn--loading', loading)\n    this.classList.toggle('weapp-btn--disabled', disabled)\n\n    if (openType) {\n      const openTypeClass = `weapp-btn--open-type-${openType}`\n      for (const className of [...this.classList]) {\n        if (className.startsWith('weapp-btn--open-type-') && className !== openTypeClass) {\n          this.classList.remove(className)\n        }\n      }\n      this.classList.add(openTypeClass)\n    }\n    else {\n      for (const className of [...this.classList]) {\n        if (className.startsWith('weapp-btn--open-type-')) {\n          this.classList.remove(className)\n        }\n      }\n    }\n\n    const locked = disabled || loading\n    this.#button.disabled = locked\n    if (locked) {\n      this.#button.setAttribute('aria-disabled', 'true')\n    }\n    else {\n      this.#button.removeAttribute('aria-disabled')\n    }\n    this.#loading.toggleAttribute('hidden', !loading)\n  }\n\n  #bindEvents() {\n    if ((this as any).__weappButtonBound) {\n      return\n    }\n    ;(this as any).__weappButtonBound = true\n    this.addEventListener('click', this.#handleClickCapture, true)\n    this.addEventListener('click', this.#handleClick)\n    this.addEventListener('touchstart', this.#handlePressStart, { passive: true })\n    this.addEventListener('mousedown', this.#handlePressStart)\n    this.addEventListener('touchend', this.#handlePressEnd)\n    this.addEventListener('touchcancel', this.#handlePressEnd)\n    this.addEventListener('mouseup', this.#handlePressEnd)\n    this.addEventListener('mouseleave', this.#handlePressEnd)\n  }\n\n  #handleClickCapture = (event: Event) => {\n    if (isDisabled(this)) {\n      event.preventDefault()\n      event.stopImmediatePropagation()\n    }\n  }\n\n  #handleClick = (event: Event) => {\n    if (isDisabled(this)) {\n      return\n    }\n    const formType = this.getAttribute('form-type')\n    if (!formType) {\n      return\n    }\n    const form = this.closest('form') as HTMLFormElement | null\n    if (!form) {\n      return\n    }\n    if (formType === 'submit') {\n      const detail = { value: collectFormValues(form) }\n      const submitEvent = new CustomEvent('submit', {\n        detail,\n        bubbles: true,\n        cancelable: true,\n      })\n      const shouldSubmit = form.dispatchEvent(submitEvent)\n      if (shouldSubmit && !formConfig.preventDefault) {\n        form.submit()\n      }\n      event.preventDefault()\n      return\n    }\n    if (formType === 'reset') {\n      form.reset()\n      event.preventDefault()\n    }\n  }\n\n  #handlePressStart = (event: Event) => {\n    if (isDisabled(this)) {\n      return\n    }\n    const hoverClass = getHoverClass(this)\n    if (!hoverClass) {\n      return\n    }\n    if (event.type === 'touchstart') {\n      this.#lastTouchTime = Date.now()\n    }\n    if (event.type === 'mousedown' && Date.now() - this.#lastTouchTime < 400) {\n      return\n    }\n    const startTime = parseNumber(this.getAttribute('hover-start-time'), DEFAULT_HOVER_START)\n    this.#clearHoverTimers()\n    this.#hoverTimer = globalThis.setTimeout(() => {\n      this.classList.add(hoverClass)\n    }, startTime)\n  }\n\n  #handlePressEnd = (event: Event) => {\n    const hoverClass = getHoverClass(this)\n    if (!hoverClass) {\n      return\n    }\n    if (event.type === 'mouseup' && Date.now() - this.#lastTouchTime < 400) {\n      return\n    }\n    const stayTime = parseNumber(this.getAttribute('hover-stay-time'), DEFAULT_HOVER_STAY)\n    if (this.#hoverTimer) {\n      clearTimeout(this.#hoverTimer)\n      this.#hoverTimer = undefined\n    }\n    if (this.classList.contains(hoverClass)) {\n      this.#hoverRemoveTimer = globalThis.setTimeout(() => {\n        this.classList.remove(hoverClass)\n      }, stayTime)\n    }\n  }\n\n  #clearHoverTimers() {\n    if (this.#hoverTimer) {\n      clearTimeout(this.#hoverTimer)\n      this.#hoverTimer = undefined\n    }\n    if (this.#hoverRemoveTimer) {\n      clearTimeout(this.#hoverRemoveTimer)\n      this.#hoverRemoveTimer = undefined\n    }\n  }\n}\n\nexport function ensureButtonDefined(): void {\n  if (typeof customElements === 'undefined') {\n    return\n  }\n  if (!customElements.get(NAV_BUTTON_TAG)) {\n    customElements.define(NAV_BUTTON_TAG, WeappButton)\n  }\n}\n\nexport function setButtonFormConfig(next: ButtonFormConfig): void {\n  formConfig = {\n    ...formConfig,\n    ...next,\n  }\n}\n\nexport type { ButtonFormConfig }\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["#ensureStructure","#applyState","#bindEvents","#clearHoverTimers","#observer","#button","#content","#text","#loading","#handleClickCapture","#handleClick","#handlePressStart","#handlePressEnd","#lastTouchTime","#hoverTimer","#hoverRemoveTimer"],"sources":["../../../src/runtime/button/index.ts"],"sourcesContent":["import type { FormConfig } from '../nativeComponents/form'\nimport { setFormConfig } from '../nativeComponents/form'\nimport { requestContainingFormAction } from '../nativeComponents/formControl'\nimport {\n  DEFAULT_HOVER_START,\n  DEFAULT_HOVER_STAY,\n  getHoverClass,\n  isDisabled,\n  isInternalNode,\n  normalizeType,\n  parseNumber,\n  toBoolean,\n} from './helpers'\nimport { ensureButtonStyle } from './style'\n\nconst NAV_BUTTON_TAG = 'weapp-button'\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappButton extends BaseElement {\n  static observedAttributes = [\n    'type',\n    'plain',\n    'size',\n    'loading',\n    'disabled',\n    'hover-class',\n    'hover-start-time',\n    'hover-stay-time',\n    'form-type',\n    'open-type',\n  ]\n\n  #button?: HTMLButtonElement\n  #content?: HTMLSpanElement\n  #text?: HTMLSpanElement\n  #loading?: HTMLSpanElement\n  #hoverTimer?: ReturnType<typeof globalThis.setTimeout>\n  #hoverRemoveTimer?: ReturnType<typeof globalThis.setTimeout>\n  #lastTouchTime = 0\n  #observer?: MutationObserver\n\n  connectedCallback() {\n    const root = this.getRootNode()\n    if (root instanceof ShadowRoot) {\n      ensureButtonStyle(root)\n    }\n    else {\n      ensureButtonStyle()\n    }\n    this.#ensureStructure()\n    this.#applyState()\n    this.#bindEvents()\n  }\n\n  disconnectedCallback() {\n    this.#clearHoverTimers()\n    this.#observer?.disconnect()\n    this.#observer = undefined\n  }\n\n  attributeChangedCallback() {\n    this.#applyState()\n  }\n\n  #ensureStructure() {\n    if (this.#button) {\n      return\n    }\n    const button = document.createElement('button')\n    button.type = 'button'\n    button.className = 'weapp-btn'\n    button.dataset.weappInternal = 'true'\n    const content = document.createElement('span')\n    content.className = 'weapp-btn__content'\n    content.dataset.weappInternal = 'true'\n    const loading = document.createElement('span')\n    loading.className = 'weapp-btn__loading'\n    loading.dataset.weappInternal = 'true'\n    loading.setAttribute('hidden', '')\n    const text = document.createElement('span')\n    text.className = 'weapp-btn__text'\n    text.dataset.weappInternal = 'true'\n    content.append(loading, text)\n    button.append(content)\n\n    const existing = [...this.childNodes].filter(node => !isInternalNode(node))\n    for (const node of existing) {\n      text.appendChild(node)\n    }\n    this.appendChild(button)\n\n    this.#button = button\n    this.#content = content\n    this.#text = text\n    this.#loading = loading\n\n    if (typeof MutationObserver !== 'undefined') {\n      this.#observer = new MutationObserver((records) => {\n        for (const record of records) {\n          for (const node of [...record.addedNodes]) {\n            if (isInternalNode(node)) {\n              continue\n            }\n            this.#text!.appendChild(node)\n          }\n        }\n      })\n      this.#observer.observe(this, { childList: true })\n    }\n  }\n\n  #applyState() {\n    if (!this.#button || !this.#loading) {\n      return\n    }\n    const type = normalizeType(this.getAttribute('type'))\n    const plain = toBoolean(this.getAttribute('plain'))\n    const size = (this.getAttribute('size') ?? 'default').toLowerCase()\n    const loading = toBoolean(this.getAttribute('loading'))\n    const disabled = toBoolean(this.getAttribute('disabled'))\n    const openType = this.getAttribute('open-type')\n\n    this.classList.toggle('weapp-btn--primary', type === 'primary')\n    this.classList.toggle('weapp-btn--warn', type === 'warn')\n    this.classList.toggle('weapp-btn--default', type === 'default')\n    this.classList.toggle('weapp-btn--plain', plain)\n    this.classList.toggle('weapp-btn--mini', size === 'mini')\n    this.classList.toggle('weapp-btn--loading', loading)\n    this.classList.toggle('weapp-btn--disabled', disabled)\n\n    if (openType) {\n      const openTypeClass = `weapp-btn--open-type-${openType}`\n      for (const className of [...this.classList]) {\n        if (className.startsWith('weapp-btn--open-type-') && className !== openTypeClass) {\n          this.classList.remove(className)\n        }\n      }\n      this.classList.add(openTypeClass)\n    }\n    else {\n      for (const className of [...this.classList]) {\n        if (className.startsWith('weapp-btn--open-type-')) {\n          this.classList.remove(className)\n        }\n      }\n    }\n\n    const locked = disabled || loading\n    this.#button.disabled = locked\n    if (locked) {\n      this.#button.setAttribute('aria-disabled', 'true')\n    }\n    else {\n      this.#button.removeAttribute('aria-disabled')\n    }\n    this.#loading.toggleAttribute('hidden', !loading)\n  }\n\n  #bindEvents() {\n    if ((this as any).__weappButtonBound) {\n      return\n    }\n    ;(this as any).__weappButtonBound = true\n    this.addEventListener('click', this.#handleClickCapture, true)\n    this.addEventListener('click', this.#handleClick)\n    this.addEventListener('touchstart', this.#handlePressStart, { passive: true })\n    this.addEventListener('mousedown', this.#handlePressStart)\n    this.addEventListener('touchend', this.#handlePressEnd)\n    this.addEventListener('touchcancel', this.#handlePressEnd)\n    this.addEventListener('mouseup', this.#handlePressEnd)\n    this.addEventListener('mouseleave', this.#handlePressEnd)\n  }\n\n  #handleClickCapture = (event: Event) => {\n    if (isDisabled(this)) {\n      event.preventDefault()\n      event.stopImmediatePropagation()\n    }\n  }\n\n  #handleClick = (event: Event) => {\n    const formType = this.getAttribute('form-type')\n    if (!formType) {\n      return\n    }\n    if ((formType === 'submit' || formType === 'reset') && requestContainingFormAction(this, formType)) {\n      event.preventDefault()\n    }\n  }\n\n  #handlePressStart = (event: Event) => {\n    if (isDisabled(this)) {\n      return\n    }\n    const hoverClass = getHoverClass(this)\n    if (!hoverClass) {\n      return\n    }\n    if (event.type === 'touchstart') {\n      this.#lastTouchTime = Date.now()\n    }\n    if (event.type === 'mousedown' && Date.now() - this.#lastTouchTime < 400) {\n      return\n    }\n    const startTime = parseNumber(this.getAttribute('hover-start-time'), DEFAULT_HOVER_START)\n    this.#clearHoverTimers()\n    this.#hoverTimer = globalThis.setTimeout(() => {\n      this.classList.add(hoverClass)\n    }, startTime)\n  }\n\n  #handlePressEnd = (event: Event) => {\n    const hoverClass = getHoverClass(this)\n    if (!hoverClass) {\n      return\n    }\n    if (event.type === 'mouseup' && Date.now() - this.#lastTouchTime < 400) {\n      return\n    }\n    const stayTime = parseNumber(this.getAttribute('hover-stay-time'), DEFAULT_HOVER_STAY)\n    if (this.#hoverTimer) {\n      clearTimeout(this.#hoverTimer)\n      this.#hoverTimer = undefined\n    }\n    if (this.classList.contains(hoverClass)) {\n      this.#hoverRemoveTimer = globalThis.setTimeout(() => {\n        this.classList.remove(hoverClass)\n      }, stayTime)\n    }\n  }\n\n  #clearHoverTimers() {\n    if (this.#hoverTimer) {\n      clearTimeout(this.#hoverTimer)\n      this.#hoverTimer = undefined\n    }\n    if (this.#hoverRemoveTimer) {\n      clearTimeout(this.#hoverRemoveTimer)\n      this.#hoverRemoveTimer = undefined\n    }\n  }\n}\n\nexport function ensureButtonDefined(): void {\n  if (typeof customElements === 'undefined') {\n    return\n  }\n  if (!customElements.get(NAV_BUTTON_TAG)) {\n    customElements.define(NAV_BUTTON_TAG, WeappButton)\n  }\n}\n\nexport function setButtonFormConfig(next: FormConfig): void {\n  setFormConfig(next)\n}\n\nexport type ButtonFormConfig = FormConfig\n"],"mappings":"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"}