@weapp-vite/web 1.3.37 → 1.4.1

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":";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;AAEA,SAAgB,kBAAkB,MAAuB;CACvD,MAAM,SAA8B,CAAC;CAErC,MAAM,eAAe,MAAc,OAAY,WAAW,UAAU;EAClE,IAAI,UAAU;GACZ,IAAI,CAAC,MAAM,QAAQ,OAAO,KAAK,GAC7B,OAAO,QAAQ,OAAO,UAAU,SAAY,CAAC,IAAI,CAAC,OAAO,KAAK;GAEhE,OAAO,KAAK,CAAC,KAAK,KAAK;GACvB;EACF;EACA,OAAO,QAAQ;CACjB;CAEA,MAAM,eAAe,MAAM,KAAK,KAAK,YAAY,CAAC,CAAC;CACnD,KAAK,MAAM,WAAW,cAAc;EAClC,IAAI,EAAE,mBAAmB,cACvB;EAEF,MAAM,OAAO,QAAQ,aAAa,MAAM,CAAC,EAAE,KAAK;EAChD,IAAI,CAAC,MACH;EAGF,IADiB,cAAc,UAAW,QAAgB,WAAW,UAAU,QAAQ,aAAa,UAAU,CAAC,GAE7G;EAEF,IAAI,mBAAmB,kBAAkB;GACvC,MAAM,OAAO,QAAQ,MAAM,YAAY;GACvC,IAAI,SAAS,YAAY;IACvB,IAAI,QAAQ,SACV,YAAY,MAAM,QAAQ,OAAO,IAAI;IAEvC;GACF;GACA,IAAI,SAAS,SAAS;IACpB,IAAI,QAAQ,SACV,YAAY,MAAM,QAAQ,KAAK;IAEjC;GACF;GACA,YAAY,MAAM,QAAQ,KAAK;GAC/B;EACF;EACA,IAAI,mBAAmB,uBAAuB,mBAAmB,mBAAmB;GAClF,YAAY,MAAO,QAAoD,KAAK;GAC5E;EACF;CACF;CAEA,MAAM,iBAAiB,KAAK,iBAAiB,gHAAgH;CAC7J,KAAK,MAAM,WAAW,MAAM,KAAK,cAAc,GAAG;EAChD,MAAM,OAAO,QAAQ,aAAa,MAAM,CAAC,EAAE,KAAK;EAChD,IAAI,CAAC,MACH;EAGF,IADiB,UAAU,QAAQ,aAAa,UAAU,CAC/C,GACT;EAEF,MAAM,MAAM,QAAQ,QAAQ,YAAY;EACxC,MAAM,WAAY,QAAgB,SAAS,QAAQ,aAAa,OAAO;EACvE,IAAI,IAAI,SAAS,UAAU,GAAG;GAE5B,IADiB,QAAgB,WAAW,UAAU,QAAQ,aAAa,SAAS,CAAC,GAEnF,YAAY,MAAM,YAAY,MAAM,IAAI;GAE1C;EACF;EACA,IAAI,IAAI,SAAS,OAAO,GAAG;GAEzB,IADiB,QAAgB,WAAW,UAAU,QAAQ,aAAa,SAAS,CAAC,GAEnF,YAAY,MAAM,YAAY,IAAI;GAEpC;EACF;EACA,IAAI,IAAI,SAAS,QAAQ,GAAG;GAE1B,YAAY,MADK,QAAgB,WAAW,UAAU,QAAQ,aAAa,SAAS,CAAC,CAC5D;GACzB;EACF;EACA,YAAY,MAAM,YAAY,EAAE;CAClC;CAEA,OAAO;AACT"}
+{"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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"}

package/dist/runtime/button/style.mjs

@@ -6,9 +6,28 @@ const styleTargets = /* @__PURE__ */ new WeakSet();
 let sharedSheet;
 const BUTTON_STYLE = `
 weapp-button {
+  appearance: none;
+  -webkit-appearance: none;
+  position: relative;
   display: block;
-  width: 100%;
+  width: 184px;
+  max-width: 100%;
+  min-width: 0;
+  margin-right: auto;
+  margin-left: auto;
   box-sizing: border-box;
+  border: 1px solid #d9d9d9;
+  border-radius: 5px;
+  padding: 0 16px;
+  line-height: calc(2.55555556em - 1px);
+  font-size: 18px;
+  font-weight: 400;
+  background-color: #f8f8f8;
+  color: #000000;
+  cursor: pointer;
+  outline: none;
+  user-select: none;
+  -webkit-tap-highlight-color: transparent;
 }
 
 weapp-button.weapp-btn--mini {
@@ -20,84 +39,89 @@ weapp-button .weapp-btn {
   appearance: none;
   -webkit-appearance: none;
   box-sizing: border-box;
+  display: block;
   width: 100%;
-  border-radius: 5px;
-  border: 1px solid #d9d9d9;
-  padding: 0 16px;
-  height: 44px;
-  line-height: 44px;
-  font-size: 17px;
-  font-weight: 400;
-  background-color: #f8f8f8;
-  color: #000000;
-  cursor: pointer;
+  height: 100%;
+  min-height: inherit;
+  margin: 0;
+  border: 0;
+  border-radius: inherit;
+  padding: 0;
+  line-height: inherit;
+  font: inherit;
+  background: transparent;
+  color: inherit;
+  cursor: inherit;
   outline: none;
   user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
 
-weapp-button.weapp-btn--primary .weapp-btn {
+weapp-button.weapp-btn--primary {
   background-color: #07c160;
   border-color: #07c160;
   color: #ffffff;
 }
 
-weapp-button.weapp-btn--warn .weapp-btn {
+weapp-button.weapp-btn--warn {
   background-color: #e64340;
   border-color: #e64340;
   color: #ffffff;
 }
 
-weapp-button.weapp-btn--plain .weapp-btn {
+weapp-button.weapp-btn--plain {
   background-color: transparent;
 }
 
-weapp-button.weapp-btn--plain.weapp-btn--default .weapp-btn {
-  border-color: #b2b2b2;
+weapp-button.weapp-btn--plain.weapp-btn--default {
+  border-color: #a1a1a1;
   color: #353535;
 }
 
-weapp-button.weapp-btn--plain.weapp-btn--primary .weapp-btn {
+weapp-button.weapp-btn--plain.weapp-btn--primary {
   border-color: #07c160;
   color: #07c160;
 }
 
-weapp-button.weapp-btn--plain.weapp-btn--warn .weapp-btn {
+weapp-button.weapp-btn--plain.weapp-btn--warn {
   border-color: #e64340;
   color: #e64340;
 }
 
-weapp-button.weapp-btn--loading .weapp-btn,
-weapp-button.weapp-btn--disabled .weapp-btn {
+weapp-button.weapp-btn--loading,
+weapp-button.weapp-btn--disabled {
   background-color: #f7f7f7;
   border-color: #d9d9d9;
-  color: #9b9b9b;
+  color: #bbbbbb;
   cursor: not-allowed;
 }
 
-weapp-button.button-hover .weapp-btn {
+weapp-button.button-hover {
   background-color: #ededed;
   border-color: #d2d2d2;
 }
 
-weapp-button.button-hover.weapp-btn--primary .weapp-btn {
+weapp-button.button-hover.weapp-btn--primary {
   background-color: #06ad56;
   border-color: #06ad56;
 }
 
-weapp-button.button-hover.weapp-btn--warn .weapp-btn {
+weapp-button.button-hover.weapp-btn--warn {
   background-color: #d93c37;
   border-color: #d93c37;
 }
 
-weapp-button.button-hover.weapp-btn--plain .weapp-btn {
+weapp-button.button-hover.weapp-btn--plain {
   background-color: rgba(0, 0, 0, 0.06);
 }
 
-weapp-button.weapp-btn--mini .weapp-btn {
+weapp-button.weapp-btn--mini {
+  font-size: 13px;
+}
+
+weapp-button.weapp-btn--mini {
   height: 32px;
   line-height: 32px;
-  font-size: 13px;
   padding: 0 12px;
   border-radius: 4px;
 }
@@ -108,6 +132,7 @@ weapp-button .weapp-btn__content {
   justify-content: center;
   gap: 6px;
   width: 100%;
+  height: 100%;
 }
 
 weapp-button .weapp-btn__loading {
@@ -164,5 +189,5 @@ function ensureButtonStyle(root) {
 }
 
 //#endregion
-export { ensureButtonStyle };
+export { BUTTON_STYLE, ensureButtonStyle };
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/button/style.ts"],"sourcesContent":["import { injectStyle } from '../style'\n\nconst BUTTON_STYLE_ID = 'weapp-web-button-style'\nconst styleTargets = new WeakSet<ParentNode>()\nlet sharedSheet: CSSStyleSheet | undefined\n\nconst BUTTON_STYLE = `\nweapp-button {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}\n\nweapp-button.weapp-btn--mini {\n  display: inline-block;\n  width: auto;\n}\n\nweapp-button .weapp-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  box-sizing: border-box;\n  width: 100%;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  padding: 0 16px;\n  height: 44px;\n  line-height: 44px;\n  font-size: 17px;\n  font-weight: 400;\n  background-color: #f8f8f8;\n  color: #000000;\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nweapp-button.weapp-btn--primary .weapp-btn {\n  background-color: #07c160;\n  border-color: #07c160;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--warn .weapp-btn {\n  background-color: #e64340;\n  border-color: #e64340;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--plain .weapp-btn {\n  background-color: transparent;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--default .weapp-btn {\n  border-color: #b2b2b2;\n  color: #353535;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--primary .weapp-btn {\n  border-color: #07c160;\n  color: #07c160;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--warn .weapp-btn {\n  border-color: #e64340;\n  color: #e64340;\n}\n\nweapp-button.weapp-btn--loading .weapp-btn,\nweapp-button.weapp-btn--disabled .weapp-btn {\n  background-color: #f7f7f7;\n  border-color: #d9d9d9;\n  color: #9b9b9b;\n  cursor: not-allowed;\n}\n\nweapp-button.button-hover .weapp-btn {\n  background-color: #ededed;\n  border-color: #d2d2d2;\n}\n\nweapp-button.button-hover.weapp-btn--primary .weapp-btn {\n  background-color: #06ad56;\n  border-color: #06ad56;\n}\n\nweapp-button.button-hover.weapp-btn--warn .weapp-btn {\n  background-color: #d93c37;\n  border-color: #d93c37;\n}\n\nweapp-button.button-hover.weapp-btn--plain .weapp-btn {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\nweapp-button.weapp-btn--mini .weapp-btn {\n  height: 32px;\n  line-height: 32px;\n  font-size: 13px;\n  padding: 0 12px;\n  border-radius: 4px;\n}\n\nweapp-button .weapp-btn__content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 100%;\n}\n\nweapp-button .weapp-btn__loading {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  animation: weapp-btn-spin 0.8s linear infinite;\n}\n\nweapp-button .weapp-btn__loading[hidden] {\n  display: none;\n}\n\n@keyframes weapp-btn-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n`\n\nfunction resolveAdoptedStyleSheets(root: ShadowRoot) {\n  const doc = root.ownerDocument ?? document\n  if (!doc || typeof doc.createElement !== 'function') {\n    return undefined\n  }\n  if (!('adoptedStyleSheets' in doc)) {\n    return undefined\n  }\n  if (!sharedSheet && 'replaceSync' in CSSStyleSheet.prototype) {\n    const sheet = new CSSStyleSheet()\n    sheet.replaceSync(BUTTON_STYLE)\n    sharedSheet = sheet\n  }\n  return sharedSheet\n}\n\nexport function ensureButtonStyle(root?: ShadowRoot) {\n  if (typeof document === 'undefined') {\n    return\n  }\n  if (root && styleTargets.has(root)) {\n    return\n  }\n  if (!root) {\n    const target = document.head\n    if (!target || styleTargets.has(target)) {\n      return\n    }\n    injectStyle(BUTTON_STYLE, BUTTON_STYLE_ID)\n    styleTargets.add(target)\n    return\n  }\n  const sheet = resolveAdoptedStyleSheets(root)\n  if (sheet) {\n    const existing = root.adoptedStyleSheets ?? []\n    if (!existing.includes(sheet)) {\n      root.adoptedStyleSheets = [...existing, sheet]\n    }\n    styleTargets.add(root)\n    return\n  }\n  const style = document.createElement('style')\n  style.id = BUTTON_STYLE_ID\n  style.textContent = BUTTON_STYLE\n  root.appendChild(style)\n  styleTargets.add(root)\n}\n"],"mappings":";;;AAEA,MAAM,kBAAkB;AACxB,MAAM,+BAAe,IAAI,QAAoB;AAC7C,IAAI;AAEJ,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HrB,SAAS,0BAA0B,MAAkB;CACnD,MAAM,MAAM,KAAK,iBAAiB;CAClC,IAAI,CAAC,OAAO,OAAO,IAAI,kBAAkB,YACvC;CAEF,IAAI,EAAE,wBAAwB,MAC5B;CAEF,IAAI,CAAC,eAAe,iBAAiB,cAAc,WAAW;EAC5D,MAAM,QAAQ,IAAI,cAAc;EAChC,MAAM,YAAY,YAAY;EAC9B,cAAc;CAChB;CACA,OAAO;AACT;AAEA,SAAgB,kBAAkB,MAAmB;CACnD,IAAI,OAAO,aAAa,aACtB;CAEF,IAAI,QAAQ,aAAa,IAAI,IAAI,GAC/B;CAEF,IAAI,CAAC,MAAM;EACT,MAAM,SAAS,SAAS;EACxB,IAAI,CAAC,UAAU,aAAa,IAAI,MAAM,GACpC;EAEF,YAAY,cAAc,eAAe;EACzC,aAAa,IAAI,MAAM;EACvB;CACF;CACA,MAAM,QAAQ,0BAA0B,IAAI;CAC5C,IAAI,OAAO;EACT,MAAM,WAAW,KAAK,sBAAsB,CAAC;EAC7C,IAAI,CAAC,SAAS,SAAS,KAAK,GAC1B,KAAK,qBAAqB,CAAC,GAAG,UAAU,KAAK;EAE/C,aAAa,IAAI,IAAI;EACrB;CACF;CACA,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,KAAK;CACX,MAAM,cAAc;CACpB,KAAK,YAAY,KAAK;CACtB,aAAa,IAAI,IAAI;AACvB"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/runtime/button/style.ts"],"sourcesContent":["import { injectStyle } from '../style'\n\nconst BUTTON_STYLE_ID = 'weapp-web-button-style'\nconst styleTargets = new WeakSet<ParentNode>()\nlet sharedSheet: CSSStyleSheet | undefined\n\nexport const BUTTON_STYLE = `\nweapp-button {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: block;\n  width: 184px;\n  max-width: 100%;\n  min-width: 0;\n  margin-right: auto;\n  margin-left: auto;\n  box-sizing: border-box;\n  border: 1px solid #d9d9d9;\n  border-radius: 5px;\n  padding: 0 16px;\n  line-height: calc(2.55555556em - 1px);\n  font-size: 18px;\n  font-weight: 400;\n  background-color: #f8f8f8;\n  color: #000000;\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nweapp-button.weapp-btn--mini {\n  display: inline-block;\n  width: auto;\n}\n\nweapp-button .weapp-btn {\n  appearance: none;\n  -webkit-appearance: none;\n  box-sizing: border-box;\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: inherit;\n  margin: 0;\n  border: 0;\n  border-radius: inherit;\n  padding: 0;\n  line-height: inherit;\n  font: inherit;\n  background: transparent;\n  color: inherit;\n  cursor: inherit;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\nweapp-button.weapp-btn--primary {\n  background-color: #07c160;\n  border-color: #07c160;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--warn {\n  background-color: #e64340;\n  border-color: #e64340;\n  color: #ffffff;\n}\n\nweapp-button.weapp-btn--plain {\n  background-color: transparent;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--default {\n  border-color: #a1a1a1;\n  color: #353535;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--primary {\n  border-color: #07c160;\n  color: #07c160;\n}\n\nweapp-button.weapp-btn--plain.weapp-btn--warn {\n  border-color: #e64340;\n  color: #e64340;\n}\n\nweapp-button.weapp-btn--loading,\nweapp-button.weapp-btn--disabled {\n  background-color: #f7f7f7;\n  border-color: #d9d9d9;\n  color: #bbbbbb;\n  cursor: not-allowed;\n}\n\nweapp-button.button-hover {\n  background-color: #ededed;\n  border-color: #d2d2d2;\n}\n\nweapp-button.button-hover.weapp-btn--primary {\n  background-color: #06ad56;\n  border-color: #06ad56;\n}\n\nweapp-button.button-hover.weapp-btn--warn {\n  background-color: #d93c37;\n  border-color: #d93c37;\n}\n\nweapp-button.button-hover.weapp-btn--plain {\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\nweapp-button.weapp-btn--mini {\n  font-size: 13px;\n}\n\nweapp-button.weapp-btn--mini {\n  height: 32px;\n  line-height: 32px;\n  padding: 0 12px;\n  border-radius: 4px;\n}\n\nweapp-button .weapp-btn__content {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 100%;\n  height: 100%;\n}\n\nweapp-button .weapp-btn__loading {\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  animation: weapp-btn-spin 0.8s linear infinite;\n}\n\nweapp-button .weapp-btn__loading[hidden] {\n  display: none;\n}\n\n@keyframes weapp-btn-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n`\n\nfunction resolveAdoptedStyleSheets(root: ShadowRoot) {\n  const doc = root.ownerDocument ?? document\n  if (!doc || typeof doc.createElement !== 'function') {\n    return undefined\n  }\n  if (!('adoptedStyleSheets' in doc)) {\n    return undefined\n  }\n  if (!sharedSheet && 'replaceSync' in CSSStyleSheet.prototype) {\n    const sheet = new CSSStyleSheet()\n    sheet.replaceSync(BUTTON_STYLE)\n    sharedSheet = sheet\n  }\n  return sharedSheet\n}\n\nexport function ensureButtonStyle(root?: ShadowRoot) {\n  if (typeof document === 'undefined') {\n    return\n  }\n  if (root && styleTargets.has(root)) {\n    return\n  }\n  if (!root) {\n    const target = document.head\n    if (!target || styleTargets.has(target)) {\n      return\n    }\n    injectStyle(BUTTON_STYLE, BUTTON_STYLE_ID)\n    styleTargets.add(target)\n    return\n  }\n  const sheet = resolveAdoptedStyleSheets(root)\n  if (sheet) {\n    const existing = root.adoptedStyleSheets ?? []\n    if (!existing.includes(sheet)) {\n      root.adoptedStyleSheets = [...existing, sheet]\n    }\n    styleTargets.add(root)\n    return\n  }\n  const style = document.createElement('style')\n  style.id = BUTTON_STYLE_ID\n  style.textContent = BUTTON_STYLE\n  root.appendChild(style)\n  styleTargets.add(root)\n}\n"],"mappings":";;;AAEA,MAAM,kBAAkB;AACxB,MAAM,+BAAe,IAAI,QAAoB;AAC7C,IAAI;AAEJ,MAAa,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJ5B,SAAS,0BAA0B,MAAkB;CACnD,MAAM,MAAM,KAAK,iBAAiB;CAClC,IAAI,CAAC,OAAO,OAAO,IAAI,kBAAkB,YACvC;CAEF,IAAI,EAAE,wBAAwB,MAC5B;CAEF,IAAI,CAAC,eAAe,iBAAiB,cAAc,WAAW;EAC5D,MAAM,QAAQ,IAAI,cAAc;EAChC,MAAM,YAAY,YAAY;EAC9B,cAAc;CAChB;CACA,OAAO;AACT;AAEA,SAAgB,kBAAkB,MAAmB;CACnD,IAAI,OAAO,aAAa,aACtB;CAEF,IAAI,QAAQ,aAAa,IAAI,IAAI,GAC/B;CAEF,IAAI,CAAC,MAAM;EACT,MAAM,SAAS,SAAS;EACxB,IAAI,CAAC,UAAU,aAAa,IAAI,MAAM,GACpC;EAEF,YAAY,cAAc,eAAe;EACzC,aAAa,IAAI,MAAM;EACvB;CACF;CACA,MAAM,QAAQ,0BAA0B,IAAI;CAC5C,IAAI,OAAO;EACT,MAAM,WAAW,KAAK,sBAAsB,CAAC;EAC7C,IAAI,CAAC,SAAS,SAAS,KAAK,GAC1B,KAAK,qBAAqB,CAAC,GAAG,UAAU,KAAK;EAE/C,aAAa,IAAI,IAAI;EACrB;CACF;CACA,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,KAAK;CACX,MAAM,cAAc;CACpB,KAAK,YAAY,KAAK;CACtB,aAAa,IAAI,IAAI;AACvB"}

package/dist/runtime/component/behavior.mjs

@@ -3,7 +3,6 @@ function isPlainObject(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function mergeLifetimes(target, source) {
-	if (!source) return;
 	for (const key of [
 		"created",
 		"attached",
@@ -20,7 +19,6 @@ function mergeLifetimes(target, source) {
 	}
 }
 function mergePageLifetimes(target, source) {
-	if (!source) return;
 	for (const key of [
 		"show",
 		"hide",
@@ -35,6 +33,15 @@ function mergePageLifetimes(target, source) {
 		} : next;
 	}
 }
+function resolveNativeLifetimes(source) {
+	const native = source;
+	return {
+		created: native.created,
+		attached: native.attached,
+		ready: native.ready,
+		detached: native.detached
+	};
+}
 function normalizeBehaviors(component) {
 	if (!component) return {
 		component: void 0,
@@ -59,6 +66,14 @@ function normalizeBehaviors(component) {
 			...merged.methods ?? {},
 			...source.methods
 		};
+		if (source.observers) merged.observers = {
+			...merged.observers ?? {},
+			...source.observers
+		};
+		if (source.options) merged.options = {
+			...merged.options ?? {},
+			...source.options
+		};
 		if (source.lifetimes) {
 			merged.lifetimes = merged.lifetimes ?? {};
 			mergeLifetimes(merged.lifetimes, source.lifetimes);
@@ -67,6 +82,15 @@ function normalizeBehaviors(component) {
 			merged.pageLifetimes = merged.pageLifetimes ?? {};
 			mergePageLifetimes(merged.pageLifetimes, source.pageLifetimes);
 		}
+		const nativeLifetimes = resolveNativeLifetimes(source);
+		if (Object.values(nativeLifetimes).some(Boolean)) {
+			merged.lifetimes = merged.lifetimes ?? {};
+			mergeLifetimes(merged.lifetimes, nativeLifetimes);
+		}
+		if (source.relations) merged.relations = {
+			...merged.relations ?? {},
+			...source.relations
+		};
 	};
 	const walk = (source) => {
 		if (visited.has(source)) {

package/dist/runtime/component/behavior.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"behavior.mjs","names":[],"sources":["../../../src/runtime/component/behavior.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  ComponentPublicInstance,\n  DataRecord,\n  LifeTimeHooks,\n  PageLifeTimeHooks,\n} from './types'\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction mergeLifetimes(target: LifeTimeHooks, source?: LifeTimeHooks) {\n  if (!source) {\n    return\n  }\n  const keys: Array<keyof LifeTimeHooks> = ['created', 'attached', 'ready', 'detached']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nfunction mergePageLifetimes(target: PageLifeTimeHooks, source?: PageLifeTimeHooks) {\n  if (!source) {\n    return\n  }\n  const keys: Array<keyof PageLifeTimeHooks> = ['show', 'hide', 'resize']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nexport function normalizeBehaviors(component: ComponentOptions | undefined) {\n  if (!component) {\n    return { component: undefined, warnings: [] as string[] }\n  }\n  const warnings: string[] = []\n  const visited = new Set<ComponentOptions>()\n  const merged: ComponentOptions = {}\n\n  const mergeComponent = (source: ComponentOptions) => {\n    if (source.properties) {\n      merged.properties = { ...(merged.properties ?? {}), ...source.properties }\n    }\n    if (source.data) {\n      const nextData = typeof source.data === 'function'\n        ? source.data()\n        : source.data\n      if (isPlainObject(nextData)) {\n        merged.data = { ...((merged.data as DataRecord) ?? {}), ...nextData }\n      }\n    }\n    if (source.methods) {\n      merged.methods = { ...(merged.methods ?? {}), ...source.methods }\n    }\n    if (source.lifetimes) {\n      merged.lifetimes = merged.lifetimes ?? {}\n      mergeLifetimes(merged.lifetimes, source.lifetimes)\n    }\n    if (source.pageLifetimes) {\n      merged.pageLifetimes = merged.pageLifetimes ?? {}\n      mergePageLifetimes(merged.pageLifetimes, source.pageLifetimes)\n    }\n  }\n\n  const walk = (source: ComponentOptions) => {\n    if (visited.has(source)) {\n      warnings.push('[@weapp-vite/web] behaviors 存在循环引用，已跳过。')\n      return\n    }\n    visited.add(source)\n    const behaviors = source.behaviors ?? []\n    if (Array.isArray(behaviors)) {\n      for (const behavior of behaviors) {\n        if (!behavior || !isPlainObject(behavior)) {\n          warnings.push('[@weapp-vite/web] behaviors 仅支持对象，已忽略非对象条目。')\n          continue\n        }\n        walk(behavior as ComponentOptions)\n        mergeComponent(behavior as ComponentOptions)\n      }\n    }\n    else if (behaviors) {\n      warnings.push('[@weapp-vite/web] behaviors 仅支持数组，已忽略。')\n    }\n  }\n\n  walk(component)\n  mergeComponent(component)\n\n  return {\n    component: merged,\n    warnings,\n  }\n}\n"],"mappings":";AAQA,SAAS,cAAc,OAA8C;CACnE,OAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,eAAe,QAAuB,QAAwB;CACrE,IAAI,CAAC,QACH;CAGF,KAAK,MAAM,OAAO;EADwB;EAAW;EAAY;EAAS;CACrD,GAAG;EACtB,MAAM,OAAO,OAAO;EACpB,IAAI,CAAC,MACH;EAEF,MAAM,UAAU,OAAO;EACvB,OAAO,OAAO,UACV,SAAS,SAAsC;GAC/C,QAAQ,KAAK,IAAI;GACjB,KAAK,KAAK,IAAI;EAChB,IACE;CACN;AACF;AAEA,SAAS,mBAAmB,QAA2B,QAA4B;CACjF,IAAI,CAAC,QACH;CAGF,KAAK,MAAM,OAAO;EAD4B;EAAQ;EAAQ;CACzC,GAAG;EACtB,MAAM,OAAO,OAAO;EACpB,IAAI,CAAC,MACH;EAEF,MAAM,UAAU,OAAO;EACvB,OAAO,OAAO,UACV,SAAS,SAAsC;GAC/C,QAAQ,KAAK,IAAI;GACjB,KAAK,KAAK,IAAI;EAChB,IACE;CACN;AACF;AAEA,SAAgB,mBAAmB,WAAyC;CAC1E,IAAI,CAAC,WACH,OAAO;EAAE,WAAW;EAAW,UAAU,CAAC;CAAc;CAE1D,MAAM,WAAqB,CAAC;CAC5B,MAAM,0BAAU,IAAI,IAAsB;CAC1C,MAAM,SAA2B,CAAC;CAElC,MAAM,kBAAkB,WAA6B;EACnD,IAAI,OAAO,YACT,OAAO,aAAa;GAAE,GAAI,OAAO,cAAc,CAAC;GAAI,GAAG,OAAO;EAAW;EAE3E,IAAI,OAAO,MAAM;GACf,MAAM,WAAW,OAAO,OAAO,SAAS,aACpC,OAAO,KAAK,IACZ,OAAO;GACX,IAAI,cAAc,QAAQ,GACxB,OAAO,OAAO;IAAE,GAAK,OAAO,QAAuB,CAAC;IAAI,GAAG;GAAS;EAExE;EACA,IAAI,OAAO,SACT,OAAO,UAAU;GAAE,GAAI,OAAO,WAAW,CAAC;GAAI,GAAG,OAAO;EAAQ;EAElE,IAAI,OAAO,WAAW;GACpB,OAAO,YAAY,OAAO,aAAa,CAAC;GACxC,eAAe,OAAO,WAAW,OAAO,SAAS;EACnD;EACA,IAAI,OAAO,eAAe;GACxB,OAAO,gBAAgB,OAAO,iBAAiB,CAAC;GAChD,mBAAmB,OAAO,eAAe,OAAO,aAAa;EAC/D;CACF;CAEA,MAAM,QAAQ,WAA6B;EACzC,IAAI,QAAQ,IAAI,MAAM,GAAG;GACvB,SAAS,KAAK,yCAAyC;GACvD;EACF;EACA,QAAQ,IAAI,MAAM;EAClB,MAAM,YAAY,OAAO,aAAa,CAAC;EACvC,IAAI,MAAM,QAAQ,SAAS,GACzB,KAAK,MAAM,YAAY,WAAW;GAChC,IAAI,CAAC,YAAY,CAAC,cAAc,QAAQ,GAAG;IACzC,SAAS,KAAK,6CAA6C;IAC3D;GACF;GACA,KAAK,QAA4B;GACjC,eAAe,QAA4B;EAC7C;OAEG,IAAI,WACP,SAAS,KAAK,wCAAwC;CAE1D;CAEA,KAAK,SAAS;CACd,eAAe,SAAS;CAExB,OAAO;EACL,WAAW;EACX;CACF;AACF"}
+{"version":3,"file":"behavior.mjs","names":[],"sources":["../../../src/runtime/component/behavior.ts"],"sourcesContent":["import type {\n  ComponentOptions,\n  ComponentPublicInstance,\n  DataRecord,\n  LifeTimeHooks,\n  PageLifeTimeHooks,\n} from './types'\n\nfunction isPlainObject(value: unknown): value is Record<string, any> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction mergeLifetimes(target: LifeTimeHooks, source: LifeTimeHooks) {\n  const keys: Array<keyof LifeTimeHooks> = ['created', 'attached', 'ready', 'detached']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nfunction mergePageLifetimes(target: PageLifeTimeHooks, source: PageLifeTimeHooks) {\n  const keys: Array<keyof PageLifeTimeHooks> = ['show', 'hide', 'resize']\n  for (const key of keys) {\n    const next = source[key]\n    if (!next) {\n      continue\n    }\n    const current = target[key]\n    target[key] = current\n      ? function merged(this: ComponentPublicInstance) {\n        current.call(this)\n        next.call(this)\n      }\n      : next\n  }\n}\n\nfunction resolveNativeLifetimes(source: ComponentOptions) {\n  const native = source as ComponentOptions & LifeTimeHooks\n  return {\n    created: native.created,\n    attached: native.attached,\n    ready: native.ready,\n    detached: native.detached,\n  }\n}\n\nexport function normalizeBehaviors(component: ComponentOptions | undefined) {\n  if (!component) {\n    return { component: undefined, warnings: [] as string[] }\n  }\n  const warnings: string[] = []\n  const visited = new Set<ComponentOptions>()\n  const merged: ComponentOptions = {}\n\n  const mergeComponent = (source: ComponentOptions) => {\n    if (source.properties) {\n      merged.properties = { ...(merged.properties ?? {}), ...source.properties }\n    }\n    if (source.data) {\n      const nextData = typeof source.data === 'function'\n        ? source.data()\n        : source.data\n      if (isPlainObject(nextData)) {\n        merged.data = { ...((merged.data as DataRecord) ?? {}), ...nextData }\n      }\n    }\n    if (source.methods) {\n      merged.methods = { ...(merged.methods ?? {}), ...source.methods }\n    }\n    if (source.observers) {\n      merged.observers = { ...(merged.observers ?? {}), ...source.observers }\n    }\n    if (source.options) {\n      merged.options = { ...(merged.options ?? {}), ...source.options }\n    }\n    if (source.lifetimes) {\n      merged.lifetimes = merged.lifetimes ?? {}\n      mergeLifetimes(merged.lifetimes, source.lifetimes)\n    }\n    if (source.pageLifetimes) {\n      merged.pageLifetimes = merged.pageLifetimes ?? {}\n      mergePageLifetimes(merged.pageLifetimes, source.pageLifetimes)\n    }\n    const nativeLifetimes = resolveNativeLifetimes(source)\n    if (Object.values(nativeLifetimes).some(Boolean)) {\n      merged.lifetimes = merged.lifetimes ?? {}\n      mergeLifetimes(merged.lifetimes, nativeLifetimes)\n    }\n    if (source.relations) {\n      merged.relations = { ...(merged.relations ?? {}), ...source.relations }\n    }\n  }\n\n  const walk = (source: ComponentOptions) => {\n    if (visited.has(source)) {\n      warnings.push('[@weapp-vite/web] behaviors 存在循环引用，已跳过。')\n      return\n    }\n    visited.add(source)\n    const behaviors = source.behaviors ?? []\n    if (Array.isArray(behaviors)) {\n      for (const behavior of behaviors) {\n        if (!behavior || !isPlainObject(behavior)) {\n          warnings.push('[@weapp-vite/web] behaviors 仅支持对象，已忽略非对象条目。')\n          continue\n        }\n        walk(behavior as ComponentOptions)\n        mergeComponent(behavior as ComponentOptions)\n      }\n    }\n    else if (behaviors) {\n      warnings.push('[@weapp-vite/web] behaviors 仅支持数组，已忽略。')\n    }\n  }\n\n  walk(component)\n  mergeComponent(component)\n\n  return {\n    component: merged,\n    warnings,\n  }\n}\n"],"mappings":"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"}