@weapp-vite/web 1.3.37 → 1.4.1

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

@@ -0,0 +1,210 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { connectFormControl, disconnectFormControl } from "../formControl.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { PICKER_MODES, createPickerChangeDetail, normalizePickerIndex, normalizePickerIndexes, resolvePickerColumns, resolvePickerMode } from "./helpers.mjs";
+import { currentDateValue, renderPickerEditors } from "./editors.mjs";
+import { PICKER_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/picker/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function parsePickerAttribute(value) {
+	if (value === null || value === "") return value ?? void 0;
+	try {
+		return JSON.parse(value);
+	} catch {
+		return value;
+	}
+}
+function clonePickerValue(value) {
+	return Array.isArray(value) ? value.map((item) => clonePickerValue(item)) : value;
+}
+var WeappPicker = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("picker").attributes];
+	#rangeValue = [];
+	#rangePropertySet = false;
+	#valueValue;
+	#valuePropertySet = false;
+	#committedValue;
+	#draftValue;
+	#initialValue;
+	#initialValueCaptured = false;
+	#backdrop;
+	#panel;
+	#editors;
+	#title;
+	#open = false;
+	get range() {
+		return this.#rangePropertySet ? this.#rangeValue : parsePickerAttribute(this.getAttribute("range")) ?? [];
+	}
+	set range(value) {
+		this.#rangePropertySet = true;
+		this.#rangeValue = value;
+		this.#syncExternalValue();
+	}
+	get value() {
+		return this.#valuePropertySet ? this.#valueValue : parsePickerAttribute(this.getAttribute("value"));
+	}
+	set value(value) {
+		this.#valuePropertySet = true;
+		this.#valueValue = value;
+		this.#syncExternalValue();
+	}
+	get disabled() {
+		return readBooleanAttribute(this, "disabled");
+	}
+	get formControlName() {
+		return this.getAttribute("name") ?? "";
+	}
+	get formControlValue() {
+		return clonePickerValue(this.#committedValue);
+	}
+	get formControlDisabled() {
+		return this.disabled;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncExternalValue();
+		if (!this.#initialValueCaptured) {
+			this.#initialValue = clonePickerValue(this.#committedValue);
+			this.#initialValueCaptured = true;
+		}
+		this.addEventListener("click", this.#handleHostClick);
+		this.addEventListener("keydown", this.#handleHostKeydown);
+		if (!this.hasAttribute("tabindex")) this.tabIndex = 0;
+		connectFormControl(this);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("click", this.#handleHostClick);
+		this.removeEventListener("keydown", this.#handleHostKeydown);
+		disconnectFormControl(this);
+	}
+	attributeChangedCallback() {
+		this.#syncExternalValue();
+	}
+	formActivate() {
+		this.open();
+	}
+	formReset() {
+		this.#committedValue = clonePickerValue(this.#initialValue);
+		this.#close(false);
+	}
+	open() {
+		if (this.disabled || this.#open || !this.#backdrop) return;
+		this.#draftValue = clonePickerValue(this.#committedValue);
+		this.#renderEditors();
+		this.#backdrop.hidden = false;
+		this.#open = true;
+	}
+	#ensureStructure() {
+		if (this.#backdrop || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = PICKER_SHADOW_STYLE;
+		const slot = document.createElement("slot");
+		const backdrop = document.createElement("div");
+		backdrop.className = "backdrop";
+		backdrop.hidden = true;
+		const panel = document.createElement("div");
+		panel.className = "panel";
+		panel.setAttribute("role", "dialog");
+		panel.setAttribute("aria-modal", "true");
+		const toolbar = document.createElement("div");
+		toolbar.className = "toolbar";
+		const cancel = document.createElement("button");
+		cancel.type = "button";
+		cancel.textContent = "取消";
+		const title = document.createElement("div");
+		title.className = "title";
+		const confirm = document.createElement("button");
+		confirm.type = "button";
+		confirm.textContent = "确定";
+		const editors = document.createElement("div");
+		editors.className = "editors";
+		toolbar.append(cancel, title, confirm);
+		panel.append(toolbar, editors);
+		backdrop.append(panel);
+		root.append(style, slot, backdrop);
+		cancel.addEventListener("click", () => this.#close(true));
+		confirm.addEventListener("click", () => this.#confirm());
+		backdrop.addEventListener("click", (event) => {
+			if (event.target === backdrop) {
+				event.stopPropagation();
+				this.#close(true);
+			}
+		});
+		this.#backdrop = backdrop;
+		this.#panel = panel;
+		this.#editors = editors;
+		this.#title = title;
+	}
+	#syncExternalValue() {
+		const mode = resolvePickerMode(this.getAttribute("mode"));
+		const external = this.value;
+		if (mode === "selector") {
+			const columns = resolvePickerColumns(this.range, mode, this.getAttribute("range-key") ?? void 0);
+			this.#committedValue = normalizePickerIndex(external, columns[0].length);
+		} else if (mode === "multiSelector") {
+			const columns = resolvePickerColumns(this.range, mode, this.getAttribute("range-key") ?? void 0);
+			this.#committedValue = normalizePickerIndexes(external, columns.map((column) => column.length));
+		} else if (mode === "date") this.#committedValue = typeof external === "string" && external ? external : currentDateValue(this.getAttribute("fields") ?? void 0);
+		else if (mode === "time") this.#committedValue = typeof external === "string" ? external : "";
+		else this.#committedValue = Array.isArray(external) ? external.map((item) => String(item ?? "")) : [];
+		if (this.#open) {
+			this.#draftValue = clonePickerValue(this.#committedValue);
+			this.#renderEditors();
+		}
+	}
+	#renderEditors() {
+		if (!this.#editors || typeof document === "undefined") return;
+		const mode = resolvePickerMode(this.getAttribute("mode"));
+		this.#title.textContent = this.getAttribute("header-text") ?? "";
+		const controls = renderPickerEditors({
+			mode,
+			range: this.range,
+			rangeKey: this.getAttribute("range-key") ?? void 0,
+			value: this.#draftValue,
+			fields: this.getAttribute("fields") ?? void 0,
+			start: this.getAttribute("start") ?? void 0,
+			end: this.getAttribute("end") ?? void 0,
+			customItem: this.getAttribute("custom-item") ?? void 0,
+			level: this.getAttribute("level") ?? void 0,
+			onValueChange: (value) => {
+				this.#draftValue = value;
+			},
+			onColumnChange: (column, value) => {
+				dispatchMiniProgramEvent(this, "columnchange", {
+					column,
+					value
+				});
+			}
+		});
+		this.#editors.replaceChildren(...controls);
+	}
+	#confirm() {
+		const mode = resolvePickerMode(this.getAttribute("mode"));
+		this.#committedValue = clonePickerValue(this.#draftValue);
+		this.#close(false);
+		dispatchMiniProgramEvent(this, "change", createPickerChangeDetail(mode, clonePickerValue(this.#committedValue)));
+	}
+	#close(cancelled) {
+		if (!this.#open || !this.#backdrop) return;
+		this.#backdrop.hidden = true;
+		this.#open = false;
+		if (cancelled) dispatchMiniProgramEvent(this, "cancel", {});
+	}
+	#handleHostClick = (event) => {
+		if (this.#panel && event.composedPath().includes(this.#panel)) return;
+		this.open();
+	};
+	#handleHostKeydown = (event) => {
+		if (event.key !== "Enter" && event.key !== " ") return;
+		event.preventDefault();
+		this.open();
+	};
+};
+
+//#endregion
+export { PICKER_MODES, WeappPicker, createPickerChangeDetail, normalizePickerIndex, normalizePickerIndexes, resolvePickerColumns, resolvePickerMode };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#rangePropertySet","#rangeValue","#syncExternalValue","#valuePropertySet","#valueValue","#committedValue","#ensureStructure","#initialValueCaptured","#initialValue","#handleHostClick","#handleHostKeydown","#close","#open","#backdrop","#draftValue","#renderEditors","#confirm","#panel","#editors","#title"],"sources":["../../../../src/runtime/nativeComponents/picker/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { connectFormControl, disconnectFormControl } from '../formControl'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport { currentDateValue, renderPickerEditors } from './editors'\nimport {\n  createPickerChangeDetail,\n  normalizePickerIndex,\n  normalizePickerIndexes,\n  resolvePickerColumns,\n  resolvePickerMode,\n} from './helpers'\nimport { PICKER_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nfunction parsePickerAttribute(value: string | null): unknown {\n  if (value === null || value === '') {\n    return value ?? undefined\n  }\n  try {\n    return JSON.parse(value) as unknown\n  }\n  catch {\n    return value\n  }\n}\n\nfunction clonePickerValue(value: unknown): unknown {\n  return Array.isArray(value) ? value.map(item => clonePickerValue(item)) : value\n}\n\nexport class WeappPicker extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('picker')!.attributes]\n\n  #rangeValue: unknown = []\n  #rangePropertySet = false\n  #valueValue: unknown\n  #valuePropertySet = false\n  #committedValue: unknown\n  #draftValue: unknown\n  #initialValue: unknown\n  #initialValueCaptured = false\n  #backdrop?: HTMLDivElement\n  #panel?: HTMLDivElement\n  #editors?: HTMLDivElement\n  #title?: HTMLDivElement\n  #open = false\n\n  get range() {\n    return this.#rangePropertySet\n      ? this.#rangeValue\n      : parsePickerAttribute(this.getAttribute('range')) ?? []\n  }\n\n  set range(value: unknown) {\n    this.#rangePropertySet = true\n    this.#rangeValue = value\n    this.#syncExternalValue()\n  }\n\n  get value() {\n    return this.#valuePropertySet\n      ? this.#valueValue\n      : parsePickerAttribute(this.getAttribute('value'))\n  }\n\n  set value(value: unknown) {\n    this.#valuePropertySet = true\n    this.#valueValue = value\n    this.#syncExternalValue()\n  }\n\n  get disabled() {\n    return readBooleanAttribute(this, 'disabled')\n  }\n\n  get formControlName() {\n    return this.getAttribute('name') ?? ''\n  }\n\n  get formControlValue() {\n    return clonePickerValue(this.#committedValue)\n  }\n\n  get formControlDisabled() {\n    return this.disabled\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncExternalValue()\n    if (!this.#initialValueCaptured) {\n      this.#initialValue = clonePickerValue(this.#committedValue)\n      this.#initialValueCaptured = true\n    }\n    this.addEventListener('click', this.#handleHostClick)\n    this.addEventListener('keydown', this.#handleHostKeydown)\n    if (!this.hasAttribute('tabindex')) {\n      this.tabIndex = 0\n    }\n    connectFormControl(this)\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.#handleHostClick)\n    this.removeEventListener('keydown', this.#handleHostKeydown)\n    disconnectFormControl(this)\n  }\n\n  attributeChangedCallback() {\n    this.#syncExternalValue()\n  }\n\n  formActivate() {\n    this.open()\n  }\n\n  formReset() {\n    this.#committedValue = clonePickerValue(this.#initialValue)\n    this.#close(false)\n  }\n\n  open() {\n    if (this.disabled || this.#open || !this.#backdrop) {\n      return\n    }\n    this.#draftValue = clonePickerValue(this.#committedValue)\n    this.#renderEditors()\n    this.#backdrop.hidden = false\n    this.#open = true\n  }\n\n  #ensureStructure() {\n    if (this.#backdrop || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = PICKER_SHADOW_STYLE\n    const slot = document.createElement('slot')\n    const backdrop = document.createElement('div')\n    backdrop.className = 'backdrop'\n    backdrop.hidden = true\n    const panel = document.createElement('div')\n    panel.className = 'panel'\n    panel.setAttribute('role', 'dialog')\n    panel.setAttribute('aria-modal', 'true')\n    const toolbar = document.createElement('div')\n    toolbar.className = 'toolbar'\n    const cancel = document.createElement('button')\n    cancel.type = 'button'\n    cancel.textContent = '取消'\n    const title = document.createElement('div')\n    title.className = 'title'\n    const confirm = document.createElement('button')\n    confirm.type = 'button'\n    confirm.textContent = '确定'\n    const editors = document.createElement('div')\n    editors.className = 'editors'\n    toolbar.append(cancel, title, confirm)\n    panel.append(toolbar, editors)\n    backdrop.append(panel)\n    root.append(style, slot, backdrop)\n    cancel.addEventListener('click', () => this.#close(true))\n    confirm.addEventListener('click', () => this.#confirm())\n    backdrop.addEventListener('click', (event) => {\n      if (event.target === backdrop) {\n        event.stopPropagation()\n        this.#close(true)\n      }\n    })\n    this.#backdrop = backdrop\n    this.#panel = panel\n    this.#editors = editors\n    this.#title = title\n  }\n\n  #syncExternalValue() {\n    const mode = resolvePickerMode(this.getAttribute('mode'))\n    const external = this.value\n    if (mode === 'selector') {\n      const columns = resolvePickerColumns(this.range, mode, this.getAttribute('range-key') ?? undefined)\n      this.#committedValue = normalizePickerIndex(external, columns[0]!.length)\n    }\n    else if (mode === 'multiSelector') {\n      const columns = resolvePickerColumns(this.range, mode, this.getAttribute('range-key') ?? undefined)\n      this.#committedValue = normalizePickerIndexes(external, columns.map(column => column.length))\n    }\n    else if (mode === 'date') {\n      this.#committedValue = typeof external === 'string' && external\n        ? external\n        : currentDateValue(this.getAttribute('fields') ?? undefined)\n    }\n    else if (mode === 'time') {\n      this.#committedValue = typeof external === 'string' ? external : ''\n    }\n    else {\n      this.#committedValue = Array.isArray(external) ? external.map(item => String(item ?? '')) : []\n    }\n    if (this.#open) {\n      this.#draftValue = clonePickerValue(this.#committedValue)\n      this.#renderEditors()\n    }\n  }\n\n  #renderEditors() {\n    if (!this.#editors || typeof document === 'undefined') {\n      return\n    }\n    const mode = resolvePickerMode(this.getAttribute('mode'))\n    this.#title!.textContent = this.getAttribute('header-text') ?? ''\n    const controls = renderPickerEditors({\n      mode,\n      range: this.range,\n      rangeKey: this.getAttribute('range-key') ?? undefined,\n      value: this.#draftValue,\n      fields: this.getAttribute('fields') ?? undefined,\n      start: this.getAttribute('start') ?? undefined,\n      end: this.getAttribute('end') ?? undefined,\n      customItem: this.getAttribute('custom-item') ?? undefined,\n      level: this.getAttribute('level') ?? undefined,\n      onValueChange: (value) => {\n        this.#draftValue = value\n      },\n      onColumnChange: (column, value) => {\n        dispatchMiniProgramEvent(this, 'columnchange', { column, value })\n      },\n    })\n    this.#editors.replaceChildren(...controls)\n  }\n\n  #confirm() {\n    const mode = resolvePickerMode(this.getAttribute('mode'))\n    this.#committedValue = clonePickerValue(this.#draftValue)\n    this.#close(false)\n    dispatchMiniProgramEvent(this, 'change', createPickerChangeDetail(mode, clonePickerValue(this.#committedValue)))\n  }\n\n  #close(cancelled: boolean) {\n    if (!this.#open || !this.#backdrop) {\n      return\n    }\n    this.#backdrop.hidden = true\n    this.#open = false\n    if (cancelled) {\n      dispatchMiniProgramEvent(this, 'cancel', {})\n    }\n  }\n\n  #handleHostClick = (event: MouseEvent) => {\n    if (this.#panel && event.composedPath().includes(this.#panel)) {\n      return\n    }\n    this.open()\n  }\n\n  #handleHostKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Enter' && event.key !== ' ') {\n      return\n    }\n    event.preventDefault()\n    this.open()\n  }\n}\n\nexport * from './helpers'\n"],"mappings":"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"}

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

@@ -0,0 +1,71 @@
+//#region src/runtime/nativeComponents/picker/style.ts
+const PICKER_SHADOW_STYLE = `
+  :host { position: relative; cursor: pointer; }
+  :host([disabled]) { cursor: not-allowed; opacity: 0.6; }
+  .backdrop {
+    position: fixed;
+    z-index: 1200;
+    inset: 0;
+    display: flex;
+    align-items: flex-end;
+    background: rgba(0, 0, 0, 0.5);
+  }
+  .backdrop[hidden] { display: none; }
+  .panel {
+    box-sizing: border-box;
+    width: 100%;
+    max-height: min(72vh, 520px);
+    padding-bottom: var(--weapp-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
+    color: #000000;
+    background: #ffffff;
+  }
+  .toolbar {
+    display: grid;
+    grid-template-columns: 72px minmax(0, 1fr) 72px;
+    align-items: center;
+    min-height: 52px;
+    border-bottom: 1px solid #e5e5e5;
+  }
+  .toolbar button {
+    min-width: 0;
+    height: 52px;
+    padding: 0 16px;
+    border: 0;
+    color: #576b95;
+    background: transparent;
+    font: inherit;
+  }
+  .toolbar button:last-child { color: #07c160; }
+  .title {
+    overflow: hidden;
+    font-size: 15px;
+    font-weight: 500;
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .editors {
+    display: flex;
+    box-sizing: border-box;
+    gap: 8px;
+    min-height: 216px;
+    padding: 16px;
+  }
+  .editors select,
+  .editors input {
+    box-sizing: border-box;
+    min-width: 0;
+    flex: 1;
+    border: 1px solid #d8d8d8;
+    border-radius: 4px;
+    color: inherit;
+    background: #ffffff;
+    font: inherit;
+  }
+  .editors select { padding: 6px; }
+  .editors input { align-self: center; height: 44px; padding: 0 12px; }
+`;
+
+//#endregion
+export { PICKER_SHADOW_STYLE };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/picker/style.ts"],"sourcesContent":["export const PICKER_SHADOW_STYLE = `\n  :host { position: relative; cursor: pointer; }\n  :host([disabled]) { cursor: not-allowed; opacity: 0.6; }\n  .backdrop {\n    position: fixed;\n    z-index: 1200;\n    inset: 0;\n    display: flex;\n    align-items: flex-end;\n    background: rgba(0, 0, 0, 0.5);\n  }\n  .backdrop[hidden] { display: none; }\n  .panel {\n    box-sizing: border-box;\n    width: 100%;\n    max-height: min(72vh, 520px);\n    padding-bottom: var(--weapp-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));\n    color: #000000;\n    background: #ffffff;\n  }\n  .toolbar {\n    display: grid;\n    grid-template-columns: 72px minmax(0, 1fr) 72px;\n    align-items: center;\n    min-height: 52px;\n    border-bottom: 1px solid #e5e5e5;\n  }\n  .toolbar button {\n    min-width: 0;\n    height: 52px;\n    padding: 0 16px;\n    border: 0;\n    color: #576b95;\n    background: transparent;\n    font: inherit;\n  }\n  .toolbar button:last-child { color: #07c160; }\n  .title {\n    overflow: hidden;\n    font-size: 15px;\n    font-weight: 500;\n    text-align: center;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .editors {\n    display: flex;\n    box-sizing: border-box;\n    gap: 8px;\n    min-height: 216px;\n    padding: 16px;\n  }\n  .editors select,\n  .editors input {\n    box-sizing: border-box;\n    min-width: 0;\n    flex: 1;\n    border: 1px solid #d8d8d8;\n    border-radius: 4px;\n    color: inherit;\n    background: #ffffff;\n    font: inherit;\n  }\n  .editors select { padding: 6px; }\n  .editors input { align-self: center; height: 44px; padding: 0 12px; }\n`\n"],"mappings":";AAAA,MAAa,sBAAsB"}

package/dist/runtime/nativeComponents/pickerView/column.mjs

@@ -0,0 +1,134 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { PICKER_VIEW_COLUMN_CHANGE_EVENT, PICKER_VIEW_COLUMN_READY_EVENT, PICKER_VIEW_PICK_END_EVENT, PICKER_VIEW_PICK_START_EVENT } from "./helpers.mjs";
+import { PICKER_VIEW_COLUMN_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/pickerView/column.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var WeappPickerViewColumn = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("picker-view-column").attributes];
+	#scroller;
+	#slot;
+	#itemHeight = 34;
+	#selectedIndex = 0;
+	#scrollTimer;
+	#resizeObserver;
+	#picking = false;
+	#suppressScroll = false;
+	get itemCount() {
+		return this.#items.length;
+	}
+	get itemHeight() {
+		return this.#itemHeight;
+	}
+	get selectedIndex() {
+		if (!this.#scroller) return this.#selectedIndex;
+		return this.#clampIndex(Math.round(this.#scroller.scrollTop / this.#itemHeight));
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncMetrics();
+		this.#observeSize();
+	}
+	disconnectedCallback() {
+		if (this.#scrollTimer) {
+			clearTimeout(this.#scrollTimer);
+			this.#scrollTimer = void 0;
+		}
+		this.#resizeObserver?.disconnect();
+		this.#resizeObserver = void 0;
+	}
+	setSelectedIndex(value) {
+		this.#selectedIndex = this.#clampIndex(value);
+		if (!this.#scroller) return;
+		this.#suppressScroll = true;
+		this.#scroller.scrollTop = this.#selectedIndex * this.#itemHeight;
+		requestAnimationFrame(() => {
+			this.#suppressScroll = false;
+		});
+	}
+	get #items() {
+		return this.#slot?.assignedElements({ flatten: true }) ?? [];
+	}
+	#ensureStructure() {
+		if (this.#scroller || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = PICKER_VIEW_COLUMN_SHADOW_STYLE;
+		const scroller = document.createElement("div");
+		scroller.className = "scroller";
+		const leading = document.createElement("div");
+		leading.className = "spacer";
+		const slot = document.createElement("slot");
+		const trailing = document.createElement("div");
+		trailing.className = "spacer";
+		scroller.append(leading, slot, trailing);
+		root.append(style, scroller);
+		slot.addEventListener("slotchange", () => this.#syncMetrics());
+		scroller.addEventListener("pointerdown", this.#handlePickStart);
+		scroller.addEventListener("pointerup", this.#schedulePickEnd);
+		scroller.addEventListener("pointercancel", this.#schedulePickEnd);
+		scroller.addEventListener("scroll", this.#handleScroll, { passive: true });
+		this.#scroller = scroller;
+		this.#slot = slot;
+	}
+	#syncMetrics() {
+		const height = this.#items[0]?.getBoundingClientRect().height;
+		this.#itemHeight = height && Number.isFinite(height) && height > 0 ? height : 34;
+		this.style.setProperty("--weapp-picker-view-item-height", `${this.#itemHeight}px`);
+		this.setSelectedIndex(this.#selectedIndex);
+		this.#dispatchInternal(PICKER_VIEW_COLUMN_READY_EVENT);
+	}
+	#observeSize() {
+		if (typeof ResizeObserver === "undefined" || !this.#scroller || this.#resizeObserver) return;
+		this.#resizeObserver = new ResizeObserver(() => this.#syncMetrics());
+		this.#resizeObserver.observe(this.#scroller);
+	}
+	#clampIndex(value) {
+		return Math.min(Math.max(0, Number.isFinite(value) ? Math.trunc(value) : 0), Math.max(0, this.itemCount - 1));
+	}
+	#dispatchInternal(name, detail = {}) {
+		this.dispatchEvent(new CustomEvent(name, {
+			bubbles: true,
+			composed: true,
+			detail
+		}));
+	}
+	#handlePickStart = () => {
+		if (this.#picking || this.#suppressScroll) return;
+		this.#picking = true;
+		this.#dispatchInternal(PICKER_VIEW_PICK_START_EVENT);
+	};
+	#handleScroll = () => {
+		if (this.#suppressScroll) return;
+		this.#handlePickStart();
+		this.#selectedIndex = this.selectedIndex;
+		this.#dispatchInternal(PICKER_VIEW_COLUMN_CHANGE_EVENT, {
+			value: this.#selectedIndex,
+			phase: "changing"
+		});
+		this.#schedulePickEnd();
+	};
+	#schedulePickEnd = () => {
+		if (this.#scrollTimer) clearTimeout(this.#scrollTimer);
+		this.#scrollTimer = globalThis.setTimeout(() => {
+			this.#scrollTimer = void 0;
+			this.#selectedIndex = this.selectedIndex;
+			this.setSelectedIndex(this.#selectedIndex);
+			this.#dispatchInternal(PICKER_VIEW_COLUMN_CHANGE_EVENT, {
+				value: this.#selectedIndex,
+				phase: "end"
+			});
+			if (this.#picking) {
+				this.#picking = false;
+				this.#dispatchInternal(PICKER_VIEW_PICK_END_EVENT);
+			}
+		}, 100);
+	};
+};
+
+//#endregion
+export { WeappPickerViewColumn };
+//# sourceMappingURL=column.mjs.map

package/dist/runtime/nativeComponents/pickerView/column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.mjs","names":["#items","#itemHeight","#scroller","#selectedIndex","#clampIndex","#ensureStructure","#syncMetrics","#observeSize","#scrollTimer","#resizeObserver","#suppressScroll","#slot","#handlePickStart","#schedulePickEnd","#handleScroll","#dispatchInternal","#picking"],"sources":["../../../../src/runtime/nativeComponents/pickerView/column.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport {\n  PICKER_VIEW_COLUMN_CHANGE_EVENT,\n  PICKER_VIEW_COLUMN_READY_EVENT,\n  PICKER_VIEW_PICK_END_EVENT,\n  PICKER_VIEW_PICK_START_EVENT,\n} from './helpers'\nimport { PICKER_VIEW_COLUMN_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappPickerViewColumn extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('picker-view-column')!.attributes]\n\n  #scroller?: HTMLDivElement\n  #slot?: HTMLSlotElement\n  #itemHeight = 34\n  #selectedIndex = 0\n  #scrollTimer?: ReturnType<typeof globalThis.setTimeout>\n  #resizeObserver?: ResizeObserver\n  #picking = false\n  #suppressScroll = false\n\n  get itemCount() {\n    return this.#items.length\n  }\n\n  get itemHeight() {\n    return this.#itemHeight\n  }\n\n  get selectedIndex() {\n    if (!this.#scroller) {\n      return this.#selectedIndex\n    }\n    return this.#clampIndex(Math.round(this.#scroller.scrollTop / this.#itemHeight))\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncMetrics()\n    this.#observeSize()\n  }\n\n  disconnectedCallback() {\n    if (this.#scrollTimer) {\n      clearTimeout(this.#scrollTimer)\n      this.#scrollTimer = undefined\n    }\n    this.#resizeObserver?.disconnect()\n    this.#resizeObserver = undefined\n  }\n\n  setSelectedIndex(value: number) {\n    this.#selectedIndex = this.#clampIndex(value)\n    if (!this.#scroller) {\n      return\n    }\n    this.#suppressScroll = true\n    this.#scroller.scrollTop = this.#selectedIndex * this.#itemHeight\n    requestAnimationFrame(() => {\n      this.#suppressScroll = false\n    })\n  }\n\n  get #items() {\n    return this.#slot?.assignedElements({ flatten: true }) ?? []\n  }\n\n  #ensureStructure() {\n    if (this.#scroller || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = PICKER_VIEW_COLUMN_SHADOW_STYLE\n    const scroller = document.createElement('div')\n    scroller.className = 'scroller'\n    const leading = document.createElement('div')\n    leading.className = 'spacer'\n    const slot = document.createElement('slot')\n    const trailing = document.createElement('div')\n    trailing.className = 'spacer'\n    scroller.append(leading, slot, trailing)\n    root.append(style, scroller)\n    slot.addEventListener('slotchange', () => this.#syncMetrics())\n    scroller.addEventListener('pointerdown', this.#handlePickStart)\n    scroller.addEventListener('pointerup', this.#schedulePickEnd)\n    scroller.addEventListener('pointercancel', this.#schedulePickEnd)\n    scroller.addEventListener('scroll', this.#handleScroll, { passive: true })\n    this.#scroller = scroller\n    this.#slot = slot\n  }\n\n  #syncMetrics() {\n    const first = this.#items[0] as HTMLElement | undefined\n    const height = first?.getBoundingClientRect().height\n    this.#itemHeight = height && Number.isFinite(height) && height > 0 ? height : 34\n    this.style.setProperty('--weapp-picker-view-item-height', `${this.#itemHeight}px`)\n    this.setSelectedIndex(this.#selectedIndex)\n    this.#dispatchInternal(PICKER_VIEW_COLUMN_READY_EVENT)\n  }\n\n  #observeSize() {\n    if (typeof ResizeObserver === 'undefined' || !this.#scroller || this.#resizeObserver) {\n      return\n    }\n    this.#resizeObserver = new ResizeObserver(() => this.#syncMetrics())\n    this.#resizeObserver.observe(this.#scroller)\n  }\n\n  #clampIndex(value: number) {\n    const index = Number.isFinite(value) ? Math.trunc(value) : 0\n    return Math.min(Math.max(0, index), Math.max(0, this.itemCount - 1))\n  }\n\n  #dispatchInternal(name: string, detail: unknown = {}) {\n    this.dispatchEvent(new CustomEvent(name, {\n      bubbles: true,\n      composed: true,\n      detail,\n    }))\n  }\n\n  #handlePickStart = () => {\n    if (this.#picking || this.#suppressScroll) {\n      return\n    }\n    this.#picking = true\n    this.#dispatchInternal(PICKER_VIEW_PICK_START_EVENT)\n  }\n\n  #handleScroll = () => {\n    if (this.#suppressScroll) {\n      return\n    }\n    this.#handlePickStart()\n    this.#selectedIndex = this.selectedIndex\n    this.#dispatchInternal(PICKER_VIEW_COLUMN_CHANGE_EVENT, {\n      value: this.#selectedIndex,\n      phase: 'changing',\n    })\n    this.#schedulePickEnd()\n  }\n\n  #schedulePickEnd = () => {\n    if (this.#scrollTimer) {\n      clearTimeout(this.#scrollTimer)\n    }\n    this.#scrollTimer = globalThis.setTimeout(() => {\n      this.#scrollTimer = undefined\n      this.#selectedIndex = this.selectedIndex\n      this.setSelectedIndex(this.#selectedIndex)\n      this.#dispatchInternal(PICKER_VIEW_COLUMN_CHANGE_EVENT, {\n        value: this.#selectedIndex,\n        phase: 'end',\n      })\n      if (this.#picking) {\n        this.#picking = false\n        this.#dispatchInternal(PICKER_VIEW_PICK_END_EVENT)\n      }\n    }, 100)\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+//#region src/runtime/nativeComponents/pickerView/helpers.ts
+const PICKER_VIEW_COLUMN_CHANGE_EVENT = "weapp-picker-view-column-change";
+const PICKER_VIEW_COLUMN_READY_EVENT = "weapp-picker-view-column-ready";
+const PICKER_VIEW_PICK_START_EVENT = "weapp-picker-view-pick-start";
+const PICKER_VIEW_PICK_END_EVENT = "weapp-picker-view-pick-end";
+function normalizeColumnIndex(value, itemCount) {
+	const numeric = Number(value);
+	return Math.min(Math.max(0, Number.isFinite(numeric) ? Math.trunc(numeric) : 0), Math.max(0, itemCount - 1));
+}
+function normalizePickerViewValue(value, columnLengths) {
+	const indexes = Array.isArray(value) ? value : [];
+	return columnLengths.map((length, column) => normalizeColumnIndex(indexes[column], length));
+}
+
+//#endregion
+export { PICKER_VIEW_COLUMN_CHANGE_EVENT, PICKER_VIEW_COLUMN_READY_EVENT, PICKER_VIEW_PICK_END_EVENT, PICKER_VIEW_PICK_START_EVENT, normalizePickerViewValue };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/pickerView/helpers.ts"],"sourcesContent":["export const PICKER_VIEW_COLUMN_CHANGE_EVENT = 'weapp-picker-view-column-change'\nexport const PICKER_VIEW_COLUMN_READY_EVENT = 'weapp-picker-view-column-ready'\nexport const PICKER_VIEW_PICK_START_EVENT = 'weapp-picker-view-pick-start'\nexport const PICKER_VIEW_PICK_END_EVENT = 'weapp-picker-view-pick-end'\n\nexport interface PickerViewColumnChangeDetail {\n  value: number\n  phase: 'changing' | 'end'\n}\n\nfunction normalizeColumnIndex(value: unknown, itemCount: number) {\n  const numeric = Number(value)\n  const index = Number.isFinite(numeric) ? Math.trunc(numeric) : 0\n  return Math.min(Math.max(0, index), Math.max(0, itemCount - 1))\n}\n\nexport function normalizePickerViewValue(value: unknown, columnLengths: number[]) {\n  const indexes = Array.isArray(value) ? value : []\n  return columnLengths.map((length, column) => normalizeColumnIndex(indexes[column], length))\n}\n"],"mappings":";AAAA,MAAa,kCAAkC;AAC/C,MAAa,iCAAiC;AAC9C,MAAa,+BAA+B;AAC5C,MAAa,6BAA6B;AAO1C,SAAS,qBAAqB,OAAgB,WAAmB;CAC/D,MAAM,UAAU,OAAO,KAAK;CAE5B,OAAO,KAAK,IAAI,KAAK,IAAI,GADX,OAAO,SAAS,OAAO,IAAI,KAAK,MAAM,OAAO,IAAI,CAC9B,GAAG,KAAK,IAAI,GAAG,YAAY,CAAC,CAAC;AAChE;AAEA,SAAgB,yBAAyB,OAAgB,eAAyB;CAChF,MAAM,UAAU,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC;CAChD,OAAO,cAAc,KAAK,QAAQ,WAAW,qBAAqB,QAAQ,SAAS,MAAM,CAAC;AAC5F"}

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

@@ -0,0 +1,128 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { PICKER_VIEW_COLUMN_CHANGE_EVENT, PICKER_VIEW_COLUMN_READY_EVENT, PICKER_VIEW_PICK_END_EVENT, PICKER_VIEW_PICK_START_EVENT, normalizePickerViewValue } from "./helpers.mjs";
+import { PICKER_VIEW_SHADOW_STYLE } from "./style.mjs";
+import { WeappPickerViewColumn } from "./column.mjs";
+
+//#region src/runtime/nativeComponents/pickerView/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function parsePickerViewValue(value) {
+	if (!value) return [];
+	try {
+		const parsed = JSON.parse(value);
+		return Array.isArray(parsed) ? parsed : [];
+	} catch {
+		return [];
+	}
+}
+var WeappPickerView = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("picker-view").attributes];
+	#value = [];
+	#valuePropertySet = false;
+	#columns = [];
+	#slot;
+	#indicator;
+	#masks = [];
+	#lastEmittedValue = [];
+	get value() {
+		return this.#valuePropertySet ? this.#value : parsePickerViewValue(this.getAttribute("value"));
+	}
+	set value(value) {
+		this.#valuePropertySet = true;
+		this.#value = value;
+		this.#syncColumns();
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.addEventListener(PICKER_VIEW_COLUMN_CHANGE_EVENT, this.#handleColumnChange);
+		this.addEventListener(PICKER_VIEW_COLUMN_READY_EVENT, this.#handleColumnReady);
+		this.addEventListener(PICKER_VIEW_PICK_START_EVENT, this.#handlePickStart);
+		this.addEventListener(PICKER_VIEW_PICK_END_EVENT, this.#handlePickEnd);
+		this.#syncColumns();
+		this.#syncStyles();
+	}
+	disconnectedCallback() {
+		this.removeEventListener(PICKER_VIEW_COLUMN_CHANGE_EVENT, this.#handleColumnChange);
+		this.removeEventListener(PICKER_VIEW_COLUMN_READY_EVENT, this.#handleColumnReady);
+		this.removeEventListener(PICKER_VIEW_PICK_START_EVENT, this.#handlePickStart);
+		this.removeEventListener(PICKER_VIEW_PICK_END_EVENT, this.#handlePickEnd);
+	}
+	attributeChangedCallback(name) {
+		if (name === "value") this.#syncColumns();
+		else this.#syncStyles();
+	}
+	#ensureStructure() {
+		if (this.#slot || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = PICKER_VIEW_SHADOW_STYLE;
+		const viewport = document.createElement("div");
+		viewport.className = "viewport";
+		const slot = document.createElement("slot");
+		const topMask = document.createElement("div");
+		topMask.className = "mask mask--top";
+		const bottomMask = document.createElement("div");
+		bottomMask.className = "mask mask--bottom";
+		const indicator = document.createElement("div");
+		indicator.className = "indicator";
+		viewport.append(slot, topMask, bottomMask, indicator);
+		root.append(style, viewport);
+		slot.addEventListener("slotchange", () => this.#syncColumns());
+		this.#slot = slot;
+		this.#indicator = indicator;
+		this.#masks = [topMask, bottomMask];
+	}
+	#syncColumns() {
+		if (!this.#slot) return;
+		this.#columns = this.#slot.assignedElements({ flatten: true }).filter((element) => element.tagName.toLowerCase() === "weapp-picker-view-column");
+		const next = normalizePickerViewValue(this.value, this.#columns.map((column) => column.itemCount));
+		this.#columns.forEach((column, index) => column.setSelectedIndex(next[index]));
+		const itemHeight = this.#columns[0]?.itemHeight;
+		if (itemHeight) this.style.setProperty("--weapp-picker-view-item-height", `${itemHeight}px`);
+		this.#lastEmittedValue = [...next];
+	}
+	#syncStyles() {
+		if (!this.#indicator) return;
+		this.#indicator.style.cssText = this.getAttribute("indicator-style") ?? "";
+		this.#indicator.className = `indicator ${this.getAttribute("indicator-class") ?? ""}`.trim();
+		const maskStyle = this.getAttribute("mask-style") ?? "";
+		const maskClass = this.getAttribute("mask-class") ?? "";
+		this.#masks.forEach((mask, index) => {
+			mask.style.cssText = maskStyle;
+			mask.className = `mask mask--${index === 0 ? "top" : "bottom"} ${maskClass}`.trim();
+		});
+	}
+	#handleColumnChange = (event) => {
+		event.stopPropagation();
+		const column = event.target;
+		const columnIndex = this.#columns.indexOf(column);
+		if (columnIndex < 0) return;
+		const next = normalizePickerViewValue(this.#columns.map((item) => item.selectedIndex), this.#columns.map((item) => item.itemCount));
+		next[columnIndex] = event.detail.value;
+		const immediate = readBooleanAttribute(this, "immediate-change");
+		if (immediate && event.detail.phase === "changing" || !immediate && event.detail.phase === "end") this.#emitChange(next);
+	};
+	#handleColumnReady = (event) => {
+		event.stopPropagation();
+		this.#syncColumns();
+	};
+	#emitChange(value) {
+		if (value.length === this.#lastEmittedValue.length && value.every((item, index) => item === this.#lastEmittedValue[index])) return;
+		this.#lastEmittedValue = [...value];
+		dispatchMiniProgramEvent(this, "change", { value });
+	}
+	#handlePickStart = (event) => {
+		event.stopPropagation();
+		dispatchMiniProgramEvent(this, "pickstart", {});
+	};
+	#handlePickEnd = (event) => {
+		event.stopPropagation();
+		dispatchMiniProgramEvent(this, "pickend", {});
+	};
+};
+
+//#endregion
+export { PICKER_VIEW_COLUMN_CHANGE_EVENT, PICKER_VIEW_COLUMN_READY_EVENT, PICKER_VIEW_PICK_END_EVENT, PICKER_VIEW_PICK_START_EVENT, WeappPickerView, WeappPickerViewColumn, normalizePickerViewValue };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#valuePropertySet","#value","#syncColumns","#ensureStructure","#handleColumnChange","#handleColumnReady","#handlePickStart","#handlePickEnd","#syncStyles","#slot","#indicator","#masks","#columns","#lastEmittedValue","#emitChange"],"sources":["../../../../src/runtime/nativeComponents/pickerView/index.ts"],"sourcesContent":["import type { PickerViewColumnChangeDetail } from './helpers'\nimport { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport { WeappPickerViewColumn } from './column'\nimport {\n  normalizePickerViewValue,\n  PICKER_VIEW_COLUMN_CHANGE_EVENT,\n  PICKER_VIEW_COLUMN_READY_EVENT,\n  PICKER_VIEW_PICK_END_EVENT,\n  PICKER_VIEW_PICK_START_EVENT,\n} from './helpers'\nimport { PICKER_VIEW_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nfunction parsePickerViewValue(value: string | null) {\n  if (!value) {\n    return []\n  }\n  try {\n    const parsed = JSON.parse(value) as unknown\n    return Array.isArray(parsed) ? parsed : []\n  }\n  catch {\n    return []\n  }\n}\n\nexport class WeappPickerView extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('picker-view')!.attributes]\n\n  #value: unknown = []\n  #valuePropertySet = false\n  #columns: WeappPickerViewColumn[] = []\n  #slot?: HTMLSlotElement\n  #indicator?: HTMLDivElement\n  #masks: HTMLDivElement[] = []\n  #lastEmittedValue: number[] = []\n\n  get value() {\n    return this.#valuePropertySet ? this.#value : parsePickerViewValue(this.getAttribute('value'))\n  }\n\n  set value(value: unknown) {\n    this.#valuePropertySet = true\n    this.#value = value\n    this.#syncColumns()\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.addEventListener(PICKER_VIEW_COLUMN_CHANGE_EVENT, this.#handleColumnChange as EventListener)\n    this.addEventListener(PICKER_VIEW_COLUMN_READY_EVENT, this.#handleColumnReady)\n    this.addEventListener(PICKER_VIEW_PICK_START_EVENT, this.#handlePickStart)\n    this.addEventListener(PICKER_VIEW_PICK_END_EVENT, this.#handlePickEnd)\n    this.#syncColumns()\n    this.#syncStyles()\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(PICKER_VIEW_COLUMN_CHANGE_EVENT, this.#handleColumnChange as EventListener)\n    this.removeEventListener(PICKER_VIEW_COLUMN_READY_EVENT, this.#handleColumnReady)\n    this.removeEventListener(PICKER_VIEW_PICK_START_EVENT, this.#handlePickStart)\n    this.removeEventListener(PICKER_VIEW_PICK_END_EVENT, this.#handlePickEnd)\n  }\n\n  attributeChangedCallback(name: string) {\n    if (name === 'value') {\n      this.#syncColumns()\n    }\n    else {\n      this.#syncStyles()\n    }\n  }\n\n  #ensureStructure() {\n    if (this.#slot || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = PICKER_VIEW_SHADOW_STYLE\n    const viewport = document.createElement('div')\n    viewport.className = 'viewport'\n    const slot = document.createElement('slot')\n    const topMask = document.createElement('div')\n    topMask.className = 'mask mask--top'\n    const bottomMask = document.createElement('div')\n    bottomMask.className = 'mask mask--bottom'\n    const indicator = document.createElement('div')\n    indicator.className = 'indicator'\n    viewport.append(slot, topMask, bottomMask, indicator)\n    root.append(style, viewport)\n    slot.addEventListener('slotchange', () => this.#syncColumns())\n    this.#slot = slot\n    this.#indicator = indicator\n    this.#masks = [topMask, bottomMask]\n  }\n\n  #syncColumns() {\n    if (!this.#slot) {\n      return\n    }\n    this.#columns = this.#slot.assignedElements({ flatten: true })\n      .filter((element): element is WeappPickerViewColumn => element.tagName.toLowerCase() === 'weapp-picker-view-column')\n    const next = normalizePickerViewValue(this.value, this.#columns.map(column => column.itemCount))\n    this.#columns.forEach((column, index) => column.setSelectedIndex(next[index]!))\n    const itemHeight = this.#columns[0]?.itemHeight\n    if (itemHeight) {\n      this.style.setProperty('--weapp-picker-view-item-height', `${itemHeight}px`)\n    }\n    this.#lastEmittedValue = [...next]\n  }\n\n  #syncStyles() {\n    if (!this.#indicator) {\n      return\n    }\n    this.#indicator.style.cssText = this.getAttribute('indicator-style') ?? ''\n    this.#indicator.className = `indicator ${this.getAttribute('indicator-class') ?? ''}`.trim()\n    const maskStyle = this.getAttribute('mask-style') ?? ''\n    const maskClass = this.getAttribute('mask-class') ?? ''\n    this.#masks.forEach((mask, index) => {\n      mask.style.cssText = maskStyle\n      mask.className = `mask mask--${index === 0 ? 'top' : 'bottom'} ${maskClass}`.trim()\n    })\n  }\n\n  #handleColumnChange = (event: CustomEvent<PickerViewColumnChangeDetail>) => {\n    event.stopPropagation()\n    const column = event.target as WeappPickerViewColumn\n    const columnIndex = this.#columns.indexOf(column)\n    if (columnIndex < 0) {\n      return\n    }\n    const next = normalizePickerViewValue(\n      this.#columns.map(item => item.selectedIndex),\n      this.#columns.map(item => item.itemCount),\n    )\n    next[columnIndex] = event.detail.value\n    const immediate = readBooleanAttribute(this, 'immediate-change')\n    if ((immediate && event.detail.phase === 'changing') || (!immediate && event.detail.phase === 'end')) {\n      this.#emitChange(next)\n    }\n  }\n\n  #handleColumnReady = (event: Event) => {\n    event.stopPropagation()\n    this.#syncColumns()\n  }\n\n  #emitChange(value: number[]) {\n    if (value.length === this.#lastEmittedValue.length && value.every((item, index) => item === this.#lastEmittedValue[index])) {\n      return\n    }\n    this.#lastEmittedValue = [...value]\n    dispatchMiniProgramEvent(this, 'change', { value })\n  }\n\n  #handlePickStart = (event: Event) => {\n    event.stopPropagation()\n    dispatchMiniProgramEvent(this, 'pickstart', {})\n  }\n\n  #handlePickEnd = (event: Event) => {\n    event.stopPropagation()\n    dispatchMiniProgramEvent(this, 'pickend', {})\n  }\n}\n\nexport { WeappPickerViewColumn }\nexport * from './helpers'\n"],"mappings":"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"}