@weapp-vite/web 1.3.36 → 1.4.0

package/dist/runtime/nativeComponents/progress/index.mjs

@@ -0,0 +1,130 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { createProgressActiveEndDetail, resolveProgressAnimationDuration, resolveProgressConfig } from "./helpers.mjs";
+import { PROGRESS_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/progress/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var WeappProgress = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("progress").attributes];
+	#value;
+	#info;
+	#renderedPercent = 0;
+	#animationKey = "";
+	#animationToken = 0;
+	#animationFrame;
+	#animationTimer;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	disconnectedCallback() {
+		this.#cancelAnimation();
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#value || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = PROGRESS_SHADOW_STYLE;
+		const track = document.createElement("div");
+		track.className = "track";
+		const value = document.createElement("div");
+		value.className = "value";
+		const info = document.createElement("span");
+		info.className = "info";
+		track.append(value);
+		root.append(style, track, info);
+		this.#value = value;
+		this.#info = info;
+	}
+	#syncAttributes() {
+		if (!this.#value || !this.#info) return;
+		const config = resolveProgressConfig({
+			percent: this.getAttribute("percent"),
+			strokeWidth: this.getAttribute("stroke-width"),
+			duration: this.getAttribute("duration"),
+			borderRadius: this.getAttribute("border-radius"),
+			fontSize: this.getAttribute("font-size"),
+			activeMode: this.getAttribute("active-mode")
+		});
+		this.style.setProperty("--weapp-progress-stroke-width", `${config.strokeWidth}px`);
+		this.style.setProperty("--weapp-progress-border-radius", `${config.borderRadius}px`);
+		this.style.setProperty("--weapp-progress-font-size", `${config.fontSize}px`);
+		this.style.setProperty("--weapp-progress-active-color", this.getAttribute("active-color") ?? this.getAttribute("color") ?? "#09bb07");
+		this.style.setProperty("--weapp-progress-background-color", this.getAttribute("background-color") ?? "#ebebeb");
+		this.#info.hidden = !readBooleanAttribute(this, "show-info");
+		if (!readBooleanAttribute(this, "active")) {
+			this.#animationKey = "";
+			this.#cancelAnimation();
+			this.#setProgress(config.percent, 0);
+			this.#setInfo(config.percent);
+			this.#renderedPercent = config.percent;
+			return;
+		}
+		const animationKey = `${config.percent}:${config.duration}:${config.activeMode}`;
+		if (animationKey === this.#animationKey) return;
+		this.#animationKey = animationKey;
+		const start = config.activeMode === "backwards" ? 0 : this.#renderedPercent;
+		this.#renderedPercent = config.percent;
+		this.#animate(start, config.percent, resolveProgressAnimationDuration(start, config.percent, config.duration));
+	}
+	#setProgress(percent, duration) {
+		this.style.setProperty("--weapp-progress-percent", `${percent}%`);
+		this.style.setProperty("--weapp-progress-duration", `${duration}ms`);
+	}
+	#setInfo(percent) {
+		this.#info.textContent = `${Math.round(percent)}%`;
+	}
+	#animate(start, end, duration) {
+		this.#cancelAnimation();
+		const token = ++this.#animationToken;
+		this.#setProgress(start, 0);
+		this.#setInfo(start);
+		this.#value.offsetWidth;
+		requestAnimationFrame((startTime) => {
+			if (token !== this.#animationToken || !this.isConnected) return;
+			this.#setProgress(end, duration);
+			if (duration === 0 || start === end) {
+				queueMicrotask(() => this.#completeAnimation(token));
+				return;
+			}
+			this.#animateInfo(token, start, end, duration, startTime);
+			this.#animationTimer = globalThis.setTimeout(() => this.#completeAnimation(token), duration + 50);
+		});
+	}
+	#animateInfo(token, start, end, duration, startTime) {
+		const update = (time) => {
+			if (token !== this.#animationToken || !this.isConnected) return;
+			const progress = Math.min(1, Math.max(0, (time - startTime) / duration));
+			this.#setInfo(start + (end - start) * progress);
+			if (progress < 1) this.#animationFrame = requestAnimationFrame(update);
+		};
+		this.#animationFrame = requestAnimationFrame(update);
+	}
+	#completeAnimation(token) {
+		if (token !== this.#animationToken) return;
+		this.#cancelAnimation(false);
+		this.#setInfo(this.#renderedPercent);
+		dispatchMiniProgramEvent(this, "activeend", createProgressActiveEndDetail());
+	}
+	#cancelAnimation(invalidate = true) {
+		if (this.#animationFrame !== void 0) {
+			cancelAnimationFrame(this.#animationFrame);
+			this.#animationFrame = void 0;
+		}
+		if (this.#animationTimer !== void 0) {
+			globalThis.clearTimeout(this.#animationTimer);
+			this.#animationTimer = void 0;
+		}
+		if (invalidate) this.#animationToken += 1;
+	}
+};
+
+//#endregion
+export { WeappProgress, createProgressActiveEndDetail, resolveProgressAnimationDuration, resolveProgressConfig };
+//# sourceMappingURL=index.mjs.map

package/dist/runtime/nativeComponents/progress/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#ensureStructure","#syncAttributes","#cancelAnimation","#value","#info","#animationKey","#setProgress","#setInfo","#renderedPercent","#animate","#animationToken","#completeAnimation","#animateInfo","#animationTimer","#animationFrame"],"sources":["../../../../src/runtime/nativeComponents/progress/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport {\n  createProgressActiveEndDetail,\n  resolveProgressAnimationDuration,\n  resolveProgressConfig,\n} from './helpers'\nimport { PROGRESS_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappProgress extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('progress')!.attributes]\n\n  #value?: HTMLDivElement\n  #info?: HTMLSpanElement\n  #renderedPercent = 0\n  #animationKey = ''\n  #animationToken = 0\n  #animationFrame?: number\n  #animationTimer?: ReturnType<typeof globalThis.setTimeout>\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncAttributes()\n  }\n\n  disconnectedCallback() {\n    this.#cancelAnimation()\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#value || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = PROGRESS_SHADOW_STYLE\n    const track = document.createElement('div')\n    track.className = 'track'\n    const value = document.createElement('div')\n    value.className = 'value'\n    const info = document.createElement('span')\n    info.className = 'info'\n    track.append(value)\n    root.append(style, track, info)\n    this.#value = value\n    this.#info = info\n  }\n\n  #syncAttributes() {\n    if (!this.#value || !this.#info) {\n      return\n    }\n    const config = resolveProgressConfig({\n      percent: this.getAttribute('percent'),\n      strokeWidth: this.getAttribute('stroke-width'),\n      duration: this.getAttribute('duration'),\n      borderRadius: this.getAttribute('border-radius'),\n      fontSize: this.getAttribute('font-size'),\n      activeMode: this.getAttribute('active-mode'),\n    })\n    this.style.setProperty('--weapp-progress-stroke-width', `${config.strokeWidth}px`)\n    this.style.setProperty('--weapp-progress-border-radius', `${config.borderRadius}px`)\n    this.style.setProperty('--weapp-progress-font-size', `${config.fontSize}px`)\n    this.style.setProperty('--weapp-progress-active-color', this.getAttribute('active-color') ?? this.getAttribute('color') ?? '#09bb07')\n    this.style.setProperty('--weapp-progress-background-color', this.getAttribute('background-color') ?? '#ebebeb')\n    this.#info.hidden = !readBooleanAttribute(this, 'show-info')\n\n    if (!readBooleanAttribute(this, 'active')) {\n      this.#animationKey = ''\n      this.#cancelAnimation()\n      this.#setProgress(config.percent, 0)\n      this.#setInfo(config.percent)\n      this.#renderedPercent = config.percent\n      return\n    }\n\n    const animationKey = `${config.percent}:${config.duration}:${config.activeMode}`\n    if (animationKey === this.#animationKey) {\n      return\n    }\n    this.#animationKey = animationKey\n    const start = config.activeMode === 'backwards' ? 0 : this.#renderedPercent\n    this.#renderedPercent = config.percent\n    this.#animate(\n      start,\n      config.percent,\n      resolveProgressAnimationDuration(start, config.percent, config.duration),\n    )\n  }\n\n  #setProgress(percent: number, duration: number) {\n    this.style.setProperty('--weapp-progress-percent', `${percent}%`)\n    this.style.setProperty('--weapp-progress-duration', `${duration}ms`)\n  }\n\n  #setInfo(percent: number) {\n    this.#info!.textContent = `${Math.round(percent)}%`\n  }\n\n  #animate(start: number, end: number, duration: number) {\n    this.#cancelAnimation()\n    const token = ++this.#animationToken\n    this.#setProgress(start, 0)\n    this.#setInfo(start)\n    void this.#value!.offsetWidth\n    requestAnimationFrame((startTime) => {\n      if (token !== this.#animationToken || !this.isConnected) {\n        return\n      }\n      this.#setProgress(end, duration)\n      if (duration === 0 || start === end) {\n        queueMicrotask(() => this.#completeAnimation(token))\n        return\n      }\n      this.#animateInfo(token, start, end, duration, startTime)\n      this.#animationTimer = globalThis.setTimeout(\n        () => this.#completeAnimation(token),\n        duration + 50,\n      )\n    })\n  }\n\n  #animateInfo(token: number, start: number, end: number, duration: number, startTime: number) {\n    const update = (time: number) => {\n      if (token !== this.#animationToken || !this.isConnected) {\n        return\n      }\n      const progress = Math.min(1, Math.max(0, (time - startTime) / duration))\n      this.#setInfo(start + (end - start) * progress)\n      if (progress < 1) {\n        this.#animationFrame = requestAnimationFrame(update)\n      }\n    }\n    this.#animationFrame = requestAnimationFrame(update)\n  }\n\n  #completeAnimation(token: number) {\n    if (token !== this.#animationToken) {\n      return\n    }\n    this.#cancelAnimation(false)\n    this.#setInfo(this.#renderedPercent)\n    dispatchMiniProgramEvent(this, 'activeend', createProgressActiveEndDetail())\n  }\n\n  #cancelAnimation(invalidate = true) {\n    if (this.#animationFrame !== undefined) {\n      cancelAnimationFrame(this.#animationFrame)\n      this.#animationFrame = undefined\n    }\n    if (this.#animationTimer !== undefined) {\n      globalThis.clearTimeout(this.#animationTimer)\n      this.#animationTimer = undefined\n    }\n    if (invalidate) {\n      this.#animationToken += 1\n    }\n  }\n}\n\nexport * from './helpers'\n"],"mappings":"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"}

package/dist/runtime/nativeComponents/progress/style.mjs

@@ -0,0 +1,40 @@
+//#region src/runtime/nativeComponents/progress/style.ts
+const PROGRESS_SHADOW_STYLE = `
+  :host {
+    min-width: 0;
+  }
+
+  .track {
+    position: relative;
+    min-width: 0;
+    height: var(--weapp-progress-stroke-width);
+    overflow: hidden;
+    flex: 1;
+    background: var(--weapp-progress-background-color);
+    border-radius: var(--weapp-progress-border-radius);
+  }
+
+  .value {
+    width: var(--weapp-progress-percent);
+    height: 100%;
+    background: var(--weapp-progress-active-color);
+    border-radius: inherit;
+    transition-property: width;
+    transition-duration: var(--weapp-progress-duration);
+    transition-timing-function: linear;
+  }
+
+  .info {
+    min-width: 2.5em;
+    margin-left: 5px;
+    color: #888;
+    font-size: var(--weapp-progress-font-size);
+    line-height: 1;
+    text-align: left;
+    white-space: nowrap;
+  }
+`;
+
+//#endregion
+export { PROGRESS_SHADOW_STYLE };
+//# sourceMappingURL=style.mjs.map

package/dist/runtime/nativeComponents/progress/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/progress/style.ts"],"sourcesContent":["export const PROGRESS_SHADOW_STYLE = `\n  :host {\n    min-width: 0;\n  }\n\n  .track {\n    position: relative;\n    min-width: 0;\n    height: var(--weapp-progress-stroke-width);\n    overflow: hidden;\n    flex: 1;\n    background: var(--weapp-progress-background-color);\n    border-radius: var(--weapp-progress-border-radius);\n  }\n\n  .value {\n    width: var(--weapp-progress-percent);\n    height: 100%;\n    background: var(--weapp-progress-active-color);\n    border-radius: inherit;\n    transition-property: width;\n    transition-duration: var(--weapp-progress-duration);\n    transition-timing-function: linear;\n  }\n\n  .info {\n    min-width: 2.5em;\n    margin-left: 5px;\n    color: #888;\n    font-size: var(--weapp-progress-font-size);\n    line-height: 1;\n    text-align: left;\n    white-space: nowrap;\n  }\n`\n"],"mappings":";AAAA,MAAa,wBAAwB"}

package/dist/runtime/nativeComponents/radio.mjs

@@ -0,0 +1,147 @@
+import { getNativeComponentDescriptor } from "../../shared/nativeComponents.mjs";
+import { connectFormControl, disconnectFormControl, findClosestComposedElement } from "./formControl.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/radio.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function collectRadioGroupValue(radios) {
+	return Array.from(radios).find((radio) => radio.checked && !radio.disabled)?.value ?? "";
+}
+var WeappRadioGroup = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("radio-group").attributes];
+	get formControlName() {
+		return this.getAttribute("name") ?? "";
+	}
+	get formControlValue() {
+		return collectRadioGroupValue(this.querySelectorAll("weapp-radio"));
+	}
+	get formControlDisabled() {
+		return false;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		connectFormControl(this);
+		this.#normalizeCheckedRadios();
+	}
+	disconnectedCallback() {
+		disconnectFormControl(this);
+	}
+	formReset() {
+		for (const radio of this.querySelectorAll("weapp-radio")) radio.formReset();
+		this.#normalizeCheckedRadios();
+	}
+	notifyRadioChange(source) {
+		for (const radio of this.querySelectorAll("weapp-radio")) if (radio !== source) radio.setCheckedFromGroup(false);
+		dispatchMiniProgramEvent(this, "change", { value: source.value });
+	}
+	#normalizeCheckedRadios() {
+		let selected = false;
+		for (const radio of this.querySelectorAll("weapp-radio")) {
+			if (!radio.checked) continue;
+			if (selected) radio.setCheckedFromGroup(false);
+			selected = true;
+		}
+	}
+};
+var WeappRadio = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("radio").attributes];
+	#input;
+	#initialChecked = false;
+	#initialCheckedCaptured = false;
+	get value() {
+		return this.getAttribute("value") ?? "";
+	}
+	set value(value) {
+		this.setAttribute("value", value ?? "");
+	}
+	get checked() {
+		return this.#input?.checked ?? readBooleanAttribute(this, "checked");
+	}
+	set checked(value) {
+		this.toggleAttribute("checked", Boolean(value));
+	}
+	get disabled() {
+		return readBooleanAttribute(this, "disabled");
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		if (!this.#initialCheckedCaptured) {
+			this.#initialChecked = readBooleanAttribute(this, "checked");
+			this.#initialCheckedCaptured = true;
+		}
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	formReset() {
+		this.setCheckedFromGroup(this.#initialChecked);
+	}
+	formActivate() {
+		if (!this.disabled) this.#input?.click();
+	}
+	setCheckedFromGroup(checked) {
+		if (this.#input) this.#input.checked = checked;
+	}
+	#ensureStructure() {
+		if (this.#input || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { --weapp-control-color: #07c160; }
+      label { display: inline-flex; align-items: center; cursor: pointer; }
+      input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
+      .control {
+        position: relative;
+        box-sizing: border-box;
+        width: 23px;
+        height: 23px;
+        flex: 0 0 23px;
+        border: 1px solid #d1d1d1;
+        border-radius: 50%;
+        background: #ffffff;
+      }
+      input:checked + .control { border-color: var(--weapp-control-color); background: var(--weapp-control-color); }
+      input:checked + .control::after {
+        position: absolute;
+        top: 6px;
+        left: 6px;
+        width: 9px;
+        height: 9px;
+        border-radius: 50%;
+        background: #ffffff;
+        content: '';
+      }
+      input:disabled + .control { border-color: #d8d8d8; background: #eeeeee; opacity: 0.7; }
+      .content { margin-left: 8px; }
+    `;
+		const label = document.createElement("label");
+		const input = document.createElement("input");
+		input.type = "radio";
+		const control = document.createElement("span");
+		control.className = "control";
+		const content = document.createElement("span");
+		content.className = "content";
+		content.append(document.createElement("slot"));
+		input.addEventListener("change", (event) => {
+			event.stopPropagation();
+			findClosestComposedElement(this, "weapp-radio-group")?.notifyRadioChange(this);
+		});
+		label.append(input, control, content);
+		root.append(style, label);
+		this.#input = input;
+	}
+	#syncAttributes() {
+		if (!this.#input) return;
+		this.#input.checked = readBooleanAttribute(this, "checked");
+		this.#input.disabled = this.disabled;
+		this.#input.value = this.value;
+		this.style.setProperty("--weapp-control-color", this.getAttribute("color") || "#07c160");
+	}
+};
+
+//#endregion
+export { WeappRadio, WeappRadioGroup, collectRadioGroupValue };
+//# sourceMappingURL=radio.mjs.map

package/dist/runtime/nativeComponents/radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.mjs","names":["#normalizeCheckedRadios","#input","#initialCheckedCaptured","#initialChecked","#ensureStructure","#syncAttributes"],"sources":["../../../src/runtime/nativeComponents/radio.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../shared/nativeComponents'\nimport { connectFormControl, disconnectFormControl, findClosestComposedElement } from './formControl'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport function collectRadioGroupValue(radios: ArrayLike<WeappRadio>) {\n  return Array.from(radios).find(radio => radio.checked && !radio.disabled)?.value ?? ''\n}\n\nexport class WeappRadioGroup extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('radio-group')!.attributes]\n\n  get formControlName() {\n    return this.getAttribute('name') ?? ''\n  }\n\n  get formControlValue() {\n    return collectRadioGroupValue(this.querySelectorAll<WeappRadio>('weapp-radio'))\n  }\n\n  get formControlDisabled() {\n    return false\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    connectFormControl(this)\n    this.#normalizeCheckedRadios()\n  }\n\n  disconnectedCallback() {\n    disconnectFormControl(this)\n  }\n\n  formReset() {\n    for (const radio of this.querySelectorAll<WeappRadio>('weapp-radio')) {\n      radio.formReset()\n    }\n    this.#normalizeCheckedRadios()\n  }\n\n  notifyRadioChange(source: WeappRadio) {\n    for (const radio of this.querySelectorAll<WeappRadio>('weapp-radio')) {\n      if (radio !== source) {\n        radio.setCheckedFromGroup(false)\n      }\n    }\n    dispatchMiniProgramEvent(this, 'change', { value: source.value })\n  }\n\n  #normalizeCheckedRadios() {\n    let selected = false\n    for (const radio of this.querySelectorAll<WeappRadio>('weapp-radio')) {\n      if (!radio.checked) {\n        continue\n      }\n      if (selected) {\n        radio.setCheckedFromGroup(false)\n      }\n      selected = true\n    }\n  }\n}\n\nexport class WeappRadio extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('radio')!.attributes]\n\n  #input?: HTMLInputElement\n  #initialChecked = false\n  #initialCheckedCaptured = false\n\n  get value() {\n    return this.getAttribute('value') ?? ''\n  }\n\n  set value(value: string) {\n    this.setAttribute('value', value ?? '')\n  }\n\n  get checked() {\n    return this.#input?.checked ?? readBooleanAttribute(this, 'checked')\n  }\n\n  set checked(value: boolean) {\n    this.toggleAttribute('checked', Boolean(value))\n  }\n\n  get disabled() {\n    return readBooleanAttribute(this, 'disabled')\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    if (!this.#initialCheckedCaptured) {\n      this.#initialChecked = readBooleanAttribute(this, 'checked')\n      this.#initialCheckedCaptured = true\n    }\n    this.#ensureStructure()\n    this.#syncAttributes()\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  formReset() {\n    this.setCheckedFromGroup(this.#initialChecked)\n  }\n\n  formActivate() {\n    if (!this.disabled) {\n      this.#input?.click()\n    }\n  }\n\n  setCheckedFromGroup(checked: boolean) {\n    if (this.#input) {\n      this.#input.checked = checked\n    }\n  }\n\n  #ensureStructure() {\n    if (this.#input || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = `\n      :host { --weapp-control-color: #07c160; }\n      label { display: inline-flex; align-items: center; cursor: pointer; }\n      input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }\n      .control {\n        position: relative;\n        box-sizing: border-box;\n        width: 23px;\n        height: 23px;\n        flex: 0 0 23px;\n        border: 1px solid #d1d1d1;\n        border-radius: 50%;\n        background: #ffffff;\n      }\n      input:checked + .control { border-color: var(--weapp-control-color); background: var(--weapp-control-color); }\n      input:checked + .control::after {\n        position: absolute;\n        top: 6px;\n        left: 6px;\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        background: #ffffff;\n        content: '';\n      }\n      input:disabled + .control { border-color: #d8d8d8; background: #eeeeee; opacity: 0.7; }\n      .content { margin-left: 8px; }\n    `\n    const label = document.createElement('label')\n    const input = document.createElement('input')\n    input.type = 'radio'\n    const control = document.createElement('span')\n    control.className = 'control'\n    const content = document.createElement('span')\n    content.className = 'content'\n    content.append(document.createElement('slot'))\n    input.addEventListener('change', (event) => {\n      event.stopPropagation()\n      const group = findClosestComposedElement(this, 'weapp-radio-group') as WeappRadioGroup | null\n      group?.notifyRadioChange(this)\n    })\n    label.append(input, control, content)\n    root.append(style, label)\n    this.#input = input\n  }\n\n  #syncAttributes() {\n    if (!this.#input) {\n      return\n    }\n    this.#input.checked = readBooleanAttribute(this, 'checked')\n    this.#input.disabled = this.disabled\n    this.#input.value = this.value\n    this.style.setProperty('--weapp-control-color', this.getAttribute('color') || '#07c160')\n  }\n}\n"],"mappings":"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"}

package/dist/runtime/nativeComponents/richText/helpers.mjs

@@ -0,0 +1,230 @@
+import { parseDocument } from "htmlparser2";
+
+//#region src/runtime/nativeComponents/richText/helpers.ts
+const ALLOWED_TAGS = /* @__PURE__ */ new Set([
+	"a",
+	"abbr",
+	"address",
+	"article",
+	"aside",
+	"b",
+	"bdi",
+	"bdo",
+	"big",
+	"blockquote",
+	"br",
+	"caption",
+	"center",
+	"cite",
+	"code",
+	"col",
+	"colgroup",
+	"dd",
+	"del",
+	"div",
+	"dl",
+	"dt",
+	"em",
+	"fieldset",
+	"font",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"header",
+	"hr",
+	"i",
+	"img",
+	"ins",
+	"label",
+	"legend",
+	"li",
+	"mark",
+	"ol",
+	"p",
+	"pre",
+	"q",
+	"rt",
+	"ruby",
+	"s",
+	"section",
+	"small",
+	"span",
+	"strong",
+	"sub",
+	"sup",
+	"table",
+	"tbody",
+	"td",
+	"tfoot",
+	"th",
+	"thead",
+	"tr",
+	"tt",
+	"u",
+	"ul"
+]);
+const ALLOWED_ATTRIBUTES = /* @__PURE__ */ new Set([
+	"abbr",
+	"align",
+	"alt",
+	"axis",
+	"bgcolor",
+	"border",
+	"cellpadding",
+	"cellspacing",
+	"class",
+	"colspan",
+	"dir",
+	"height",
+	"href",
+	"id",
+	"lang",
+	"rowspan",
+	"scope",
+	"span",
+	"start",
+	"style",
+	"summary",
+	"target",
+	"title",
+	"type",
+	"valign",
+	"width"
+]);
+const URL_ATTRIBUTES = /* @__PURE__ */ new Set(["href", "src"]);
+const ALLOWED_STYLE_PROPERTIES = /* @__PURE__ */ new Set([
+	"background",
+	"background-color",
+	"border",
+	"border-bottom",
+	"border-color",
+	"border-left",
+	"border-radius",
+	"border-right",
+	"border-style",
+	"border-top",
+	"border-width",
+	"color",
+	"display",
+	"font-family",
+	"font-size",
+	"font-style",
+	"font-weight",
+	"height",
+	"letter-spacing",
+	"line-height",
+	"margin",
+	"margin-bottom",
+	"margin-left",
+	"margin-right",
+	"margin-top",
+	"max-height",
+	"max-width",
+	"min-height",
+	"min-width",
+	"opacity",
+	"overflow",
+	"padding",
+	"padding-bottom",
+	"padding-left",
+	"padding-right",
+	"padding-top",
+	"text-align",
+	"text-decoration",
+	"text-indent",
+	"text-overflow",
+	"text-transform",
+	"vertical-align",
+	"white-space",
+	"width",
+	"word-break",
+	"word-wrap"
+]);
+function isRecord(value) {
+	return Boolean(value) && typeof value === "object" && !Array.isArray(value);
+}
+function isSafeUrl(value, attribute) {
+	const normalized = Array.from(value).filter((character) => character.charCodeAt(0) > 32).join("").toLowerCase();
+	if (!normalized || normalized.startsWith("#") || normalized.startsWith("/") || normalized.startsWith("./") || normalized.startsWith("../")) return true;
+	if (/^(?:https?:|mailto:|tel:)/.test(normalized)) return true;
+	return attribute === "src" && /^data:image\/(?:gif|jpe?g|png|webp);base64,/.test(normalized);
+}
+function isSafeStyleValue(value) {
+	const normalized = value.toLowerCase().replace(/\s+/g, "");
+	return !normalized.includes("url(") && !normalized.includes("expression(") && !normalized.includes("javascript:") && !normalized.includes("behavior:") && !normalized.includes("-moz-binding");
+}
+function sanitizeRichTextStyle(value) {
+	const source = isRecord(value) ? Object.entries(value).map(([property, propertyValue]) => `${property}:${String(propertyValue)}`).join(";") : String(value ?? "");
+	const declarations = [];
+	for (const declaration of source.split(";")) {
+		const separator = declaration.indexOf(":");
+		if (separator <= 0) continue;
+		const property = declaration.slice(0, separator).trim().toLowerCase();
+		const propertyValue = declaration.slice(separator + 1).trim();
+		if (ALLOWED_STYLE_PROPERTIES.has(property) && propertyValue && isSafeStyleValue(propertyValue)) declarations.push(`${property}: ${propertyValue}`);
+	}
+	return declarations.join("; ");
+}
+function sanitizeRichTextAttributes(value, tagName) {
+	if (!isRecord(value)) return {};
+	const attributes = {};
+	for (const [rawName, rawValue] of Object.entries(value)) {
+		const name = rawName.trim().toLowerCase();
+		if (name.startsWith("on") || name === "srcdoc") continue;
+		if (!ALLOWED_ATTRIBUTES.has(name) && name !== "src" && !name.startsWith("aria-") && !name.startsWith("data-")) continue;
+		if (name === "src" && tagName !== "img") continue;
+		const serialized = name === "style" ? sanitizeRichTextStyle(rawValue) : String(rawValue ?? "");
+		if (!serialized || URL_ATTRIBUTES.has(name) && !isSafeUrl(serialized, name)) continue;
+		attributes[name] = serialized;
+	}
+	if (tagName === "a") attributes.rel = "noopener noreferrer";
+	return attributes;
+}
+function convertSourceNode(value) {
+	if (!isRecord(value)) return [];
+	if (value.type === "text" || !value.name && typeof value.text === "string") return [{
+		type: "text",
+		text: String(value.text ?? "")
+	}];
+	const children = Array.isArray(value.children) ? value.children.flatMap(convertSourceNode) : [];
+	const name = String(value.name ?? "").toLowerCase();
+	if (!ALLOWED_TAGS.has(name)) return children;
+	return [{
+		type: "element",
+		name,
+		attrs: sanitizeRichTextAttributes(value.attrs, name),
+		children
+	}];
+}
+function convertParsedNode(node) {
+	if (node.type === "text") return [{
+		type: "text",
+		text: node.data
+	}];
+	if (node.type !== "tag") return [];
+	const element = node;
+	const children = element.children.flatMap(convertParsedNode);
+	const name = element.name.toLowerCase();
+	if (!ALLOWED_TAGS.has(name)) return children;
+	return [{
+		type: "element",
+		name,
+		attrs: sanitizeRichTextAttributes(element.attribs, name),
+		children
+	}];
+}
+function normalizeRichTextNodes(value) {
+	if (typeof value === "string") return parseDocument(value, {
+		decodeEntities: true,
+		lowerCaseAttributeNames: true,
+		lowerCaseTags: true
+	}).children.flatMap(convertParsedNode);
+	return (Array.isArray(value) ? value : [value]).flatMap(convertSourceNode);
+}
+
+//#endregion
+export { normalizeRichTextNodes, sanitizeRichTextAttributes, sanitizeRichTextStyle };
+//# sourceMappingURL=helpers.mjs.map

package/dist/runtime/nativeComponents/richText/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/richText/helpers.ts"],"sourcesContent":["import type { DataNode, Element, Node } from 'domhandler'\nimport { parseDocument } from 'htmlparser2'\n\nexport interface RichTextSourceNode {\n  type?: string\n  name?: string\n  attrs?: Record<string, unknown>\n  children?: RichTextSourceNode[]\n  text?: string\n}\n\nexport type SafeRichTextNode\n  = | { type: 'text', text: string }\n    | { type: 'element', name: string, attrs: Record<string, string>, children: SafeRichTextNode[] }\n\nconst ALLOWED_TAGS = new Set([\n  'a',\n  'abbr',\n  'address',\n  'article',\n  'aside',\n  'b',\n  'bdi',\n  'bdo',\n  'big',\n  'blockquote',\n  'br',\n  'caption',\n  'center',\n  'cite',\n  'code',\n  'col',\n  'colgroup',\n  'dd',\n  'del',\n  'div',\n  'dl',\n  'dt',\n  'em',\n  'fieldset',\n  'font',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'header',\n  'hr',\n  'i',\n  'img',\n  'ins',\n  'label',\n  'legend',\n  'li',\n  'mark',\n  'ol',\n  'p',\n  'pre',\n  'q',\n  'rt',\n  'ruby',\n  's',\n  'section',\n  'small',\n  'span',\n  'strong',\n  'sub',\n  'sup',\n  'table',\n  'tbody',\n  'td',\n  'tfoot',\n  'th',\n  'thead',\n  'tr',\n  'tt',\n  'u',\n  'ul',\n])\n\nconst ALLOWED_ATTRIBUTES = new Set([\n  'abbr',\n  'align',\n  'alt',\n  'axis',\n  'bgcolor',\n  'border',\n  'cellpadding',\n  'cellspacing',\n  'class',\n  'colspan',\n  'dir',\n  'height',\n  'href',\n  'id',\n  'lang',\n  'rowspan',\n  'scope',\n  'span',\n  'start',\n  'style',\n  'summary',\n  'target',\n  'title',\n  'type',\n  'valign',\n  'width',\n])\n\nconst URL_ATTRIBUTES = new Set(['href', 'src'])\n\nconst ALLOWED_STYLE_PROPERTIES = new Set([\n  'background',\n  'background-color',\n  'border',\n  'border-bottom',\n  'border-color',\n  'border-left',\n  'border-radius',\n  'border-right',\n  'border-style',\n  'border-top',\n  'border-width',\n  'color',\n  'display',\n  'font-family',\n  'font-size',\n  'font-style',\n  'font-weight',\n  'height',\n  'letter-spacing',\n  'line-height',\n  'margin',\n  'margin-bottom',\n  'margin-left',\n  'margin-right',\n  'margin-top',\n  'max-height',\n  'max-width',\n  'min-height',\n  'min-width',\n  'opacity',\n  'overflow',\n  'padding',\n  'padding-bottom',\n  'padding-left',\n  'padding-right',\n  'padding-top',\n  'text-align',\n  'text-decoration',\n  'text-indent',\n  'text-overflow',\n  'text-transform',\n  'vertical-align',\n  'white-space',\n  'width',\n  'word-break',\n  'word-wrap',\n])\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return Boolean(value) && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction isSafeUrl(value: string, attribute: string) {\n  const normalized = Array.from(value)\n    .filter(character => character.charCodeAt(0) > 0x20)\n    .join('')\n    .toLowerCase()\n  if (!normalized || normalized.startsWith('#') || normalized.startsWith('/') || normalized.startsWith('./') || normalized.startsWith('../')) {\n    return true\n  }\n  if (/^(?:https?:|mailto:|tel:)/.test(normalized)) {\n    return true\n  }\n  return attribute === 'src' && /^data:image\\/(?:gif|jpe?g|png|webp);base64,/.test(normalized)\n}\n\nfunction isSafeStyleValue(value: string) {\n  const normalized = value.toLowerCase().replace(/\\s+/g, '')\n  return !normalized.includes('url(')\n    && !normalized.includes('expression(')\n    && !normalized.includes('javascript:')\n    && !normalized.includes('behavior:')\n    && !normalized.includes('-moz-binding')\n}\n\nexport function sanitizeRichTextStyle(value: unknown) {\n  const source = isRecord(value)\n    ? Object.entries(value)\n        .map(([property, propertyValue]) => `${property}:${String(propertyValue)}`)\n        .join(';')\n    : String(value ?? '')\n  const declarations: string[] = []\n  for (const declaration of source.split(';')) {\n    const separator = declaration.indexOf(':')\n    if (separator <= 0) {\n      continue\n    }\n    const property = declaration.slice(0, separator).trim().toLowerCase()\n    const propertyValue = declaration.slice(separator + 1).trim()\n    if (ALLOWED_STYLE_PROPERTIES.has(property) && propertyValue && isSafeStyleValue(propertyValue)) {\n      declarations.push(`${property}: ${propertyValue}`)\n    }\n  }\n  return declarations.join('; ')\n}\n\nexport function sanitizeRichTextAttributes(value: unknown, tagName: string) {\n  if (!isRecord(value)) {\n    return {}\n  }\n  const attributes: Record<string, string> = {}\n  for (const [rawName, rawValue] of Object.entries(value)) {\n    const name = rawName.trim().toLowerCase()\n    if (name.startsWith('on') || name === 'srcdoc') {\n      continue\n    }\n    if (!ALLOWED_ATTRIBUTES.has(name) && name !== 'src' && !name.startsWith('aria-') && !name.startsWith('data-')) {\n      continue\n    }\n    if (name === 'src' && tagName !== 'img') {\n      continue\n    }\n    const serialized = name === 'style' ? sanitizeRichTextStyle(rawValue) : String(rawValue ?? '')\n    if (!serialized || (URL_ATTRIBUTES.has(name) && !isSafeUrl(serialized, name))) {\n      continue\n    }\n    attributes[name] = serialized\n  }\n  if (tagName === 'a') {\n    attributes.rel = 'noopener noreferrer'\n  }\n  return attributes\n}\n\nfunction convertSourceNode(value: unknown): SafeRichTextNode[] {\n  if (!isRecord(value)) {\n    return []\n  }\n  if (value.type === 'text' || (!value.name && typeof value.text === 'string')) {\n    return [{ type: 'text', text: String(value.text ?? '') }]\n  }\n  const children = Array.isArray(value.children)\n    ? value.children.flatMap(convertSourceNode)\n    : []\n  const name = String(value.name ?? '').toLowerCase()\n  if (!ALLOWED_TAGS.has(name)) {\n    return children\n  }\n  return [{\n    type: 'element',\n    name,\n    attrs: sanitizeRichTextAttributes(value.attrs, name),\n    children,\n  }]\n}\n\nfunction convertParsedNode(node: Node): SafeRichTextNode[] {\n  if (node.type === 'text') {\n    return [{ type: 'text', text: (node as DataNode).data }]\n  }\n  if (node.type !== 'tag') {\n    return []\n  }\n  const element = node as Element\n  const children = element.children.flatMap(convertParsedNode)\n  const name = element.name.toLowerCase()\n  if (!ALLOWED_TAGS.has(name)) {\n    return children\n  }\n  return [{\n    type: 'element',\n    name,\n    attrs: sanitizeRichTextAttributes(element.attribs, name),\n    children,\n  }]\n}\n\nexport function normalizeRichTextNodes(value: unknown): SafeRichTextNode[] {\n  if (typeof value === 'string') {\n    const document = parseDocument(value, {\n      decodeEntities: true,\n      lowerCaseAttributeNames: true,\n      lowerCaseTags: true,\n    })\n    return document.children.flatMap(convertParsedNode)\n  }\n  const values = Array.isArray(value) ? value : [value]\n  return values.flatMap(convertSourceNode)\n}\n"],"mappings":";;;AAeA,MAAM,+BAAe,IAAI,IAAI;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,qCAAqB,IAAI,IAAI;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,iCAAiB,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC;AAE9C,MAAM,2CAA2B,IAAI,IAAI;CACvC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,SAAS,SAAS,OAAkD;CAClE,OAAO,QAAQ,KAAK,KAAK,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAC5E;AAEA,SAAS,UAAU,OAAe,WAAmB;CACnD,MAAM,aAAa,MAAM,KAAK,KAAK,CAAC,CACjC,QAAO,cAAa,UAAU,WAAW,CAAC,IAAI,EAAI,CAAC,CACnD,KAAK,EAAE,CAAC,CACR,YAAY;CACf,IAAI,CAAC,cAAc,WAAW,WAAW,GAAG,KAAK,WAAW,WAAW,GAAG,KAAK,WAAW,WAAW,IAAI,KAAK,WAAW,WAAW,KAAK,GACvI,OAAO;CAET,IAAI,4BAA4B,KAAK,UAAU,G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"}