@weapp-vite/web 1.3.37 → 1.4.1

package/dist/runtime/legacyTemplate/index.mjs

@@ -7,17 +7,17 @@ import { parseDocument } from "htmlparser2";
 const templateCache = /* @__PURE__ */ new Map();
 function filterRenderableNode(node) {
 	if (node.type === "directive" || node.type === "comment") return false;
-	if (node.type === "text") return (node.data ?? "").trim().length > 0;
+	if (node.type === "text") return node.data.trim().length > 0;
 	return true;
 }
 function getOrParseTemplate(source) {
 	let cached = templateCache.get(source);
 	if (!cached) {
-		cached = (parseDocument(source, {
+		cached = parseDocument(source, {
 			xmlMode: true,
 			decodeEntities: true,
 			recognizeSelfClosing: true
-		}).children ?? []).filter(filterRenderableNode);
+		}).children.filter(filterRenderableNode);
 		templateCache.set(source, cached);
 	}
 	return cached;
@@ -29,7 +29,7 @@ function renderConditionalSequence(nodes, startIndex, scope, renderChildren) {
 		const candidate = nodes[cursor];
 		if (!isConditionalElement(candidate)) break;
 		const element = candidate;
-		const attribs = element.attribs ?? {};
+		const attribs = element.attribs;
 		if (branches.length === 0 && !hasControlAttribute(attribs, "if")) break;
 		if (branches.length > 0 && !hasControlAttribute(attribs, "elif") && !hasControlAttribute(attribs, "else")) break;
 		branches.push({
@@ -64,7 +64,7 @@ function renderConditionalSequence(nodes, startIndex, scope, renderChildren) {
 	};
 }
 function renderElement(node, scope, renderChildren, options = {}) {
-	const attribs = node.attribs ?? {};
+	const attribs = node.attribs;
 	if (!options.skipFor) {
 		const forExtract = extractFor(attribs);
 		if (forExtract.expr) {
@@ -93,7 +93,7 @@ function renderElement(node, scope, renderChildren, options = {}) {
 	return `<${normalizedTag}${attrs}>${children}</${normalizedTag}>`;
 }
 function renderTextNode(node, scope) {
-	const value = node.data ?? "";
+	const value = node.data;
 	if (!value.trim()) return "";
 	return interpolateText(value, scope, true);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/runtime/legacyTemplate/index.ts"],"sourcesContent":["import type { ChildNode, DataNode, Element, Node } from 'domhandler'\nimport type {\n  LegacyTemplateRenderer,\n  LegacyTemplateScope,\n  RenderOptions,\n} from './types'\nimport { parseDocument } from 'htmlparser2'\nimport {\n  hasControlAttribute,\n  normalizeTagName,\n  resolveControlAttributeValue,\n  SELF_CLOSING_TAGS,\n} from '../../shared/wxml'\nimport {\n  buildAttributeString,\n  extractFor,\n  isConditionalElement,\n  stripControlAttributes,\n} from './dom'\nimport {\n  createChildScope,\n  createScope,\n  evaluateExpression,\n  interpolateText,\n  normalizeList,\n} from './expression'\n\nconst templateCache = new Map<string, ChildNode[]>()\n\nfunction filterRenderableNode(node: Node) {\n  if (node.type === 'directive' || node.type === 'comment') {\n    return false\n  }\n  if (node.type === 'text') {\n    const data = (node as DataNode).data ?? ''\n    return data.trim().length > 0\n  }\n  return true\n}\n\nfunction getOrParseTemplate(source: string) {\n  let cached = templateCache.get(source)\n  if (!cached) {\n    const document = parseDocument(source, {\n      xmlMode: true,\n      decodeEntities: true,\n      recognizeSelfClosing: true,\n    })\n    cached = (document.children ?? []).filter(filterRenderableNode)\n    templateCache.set(source, cached)\n  }\n  return cached\n}\n\nfunction renderConditionalSequence(\n  nodes: ChildNode[],\n  startIndex: number,\n  scope: LegacyTemplateScope,\n  renderChildren: (input: ChildNode[] | ChildNode | undefined, scope: LegacyTemplateScope) => string,\n) {\n  const branches: Array<{ node: Element, attribs: Record<string, string> }> = []\n  let cursor = startIndex\n\n  while (cursor < nodes.length) {\n    const candidate = nodes[cursor]\n    if (!isConditionalElement(candidate)) {\n      break\n    }\n    const element = candidate as Element\n    const attribs = element.attribs ?? {}\n    if (branches.length === 0 && !hasControlAttribute(attribs, 'if')) {\n      break\n    }\n    if (branches.length > 0 && !hasControlAttribute(attribs, 'elif') && !hasControlAttribute(attribs, 'else')) {\n      break\n    }\n    branches.push({ node: element, attribs })\n    cursor += 1\n    if (hasControlAttribute(attribs, 'else')) {\n      break\n    }\n  }\n\n  if (!branches.length) {\n    const node = nodes[startIndex]\n    return {\n      rendered: renderChildren(node, scope),\n      endIndex: startIndex,\n    }\n  }\n\n  for (const { node, attribs } of branches) {\n    if (hasControlAttribute(attribs, 'else')) {\n      return {\n        // eslint-disable-next-line ts/no-use-before-define -- 条件分支与普通节点复用同一元素渲染逻辑。\n        rendered: renderElement(\n          node,\n          scope,\n          renderChildren,\n          { overrideAttribs: stripControlAttributes(attribs) },\n        ),\n        endIndex: startIndex + branches.length - 1,\n      }\n    }\n    const conditionExpr = resolveControlAttributeValue(attribs, 'if')\n      ?? resolveControlAttributeValue(attribs, 'elif')\n    if (!conditionExpr) {\n      continue\n    }\n    const condition = evaluateExpression(conditionExpr, scope)\n    if (condition) {\n      return {\n        // eslint-disable-next-line ts/no-use-before-define -- 条件分支与普通节点复用同一元素渲染逻辑。\n        rendered: renderElement(\n          node,\n          scope,\n          renderChildren,\n          { overrideAttribs: stripControlAttributes(attribs) },\n        ),\n        endIndex: startIndex + branches.length - 1,\n      }\n    }\n  }\n\n  return {\n    rendered: '',\n    endIndex: startIndex + branches.length - 1,\n  }\n}\n\nfunction renderElement(\n  node: Element,\n  scope: LegacyTemplateScope,\n  renderChildren: (nodes: ChildNode[] | undefined, scope: LegacyTemplateScope) => string,\n  options: RenderOptions = {},\n) {\n  const attribs = node.attribs ?? {}\n  if (!options.skipFor) {\n    const forExtract = extractFor(attribs)\n    if (forExtract.expr) {\n      const list = normalizeList(evaluateExpression(forExtract.expr, scope))\n      if (!list.length) {\n        return ''\n      }\n      let buffer = ''\n      for (let idx = 0; idx < list.length; idx++) {\n        const item = list[idx]\n        const childScope = createChildScope(scope)\n        childScope[forExtract.itemName] = item\n        childScope[forExtract.indexName] = idx\n        buffer += renderElement(node, childScope, renderChildren, {\n          skipFor: true,\n          overrideAttribs: forExtract.restAttribs,\n        })\n      }\n      return buffer\n    }\n  }\n\n  const effectiveAttribs = options.overrideAttribs ?? attribs\n  const normalizedTag = normalizeTagName(node.name)\n  if (normalizedTag === '#fragment') {\n    return renderChildren(node.children, scope)\n  }\n\n  const attrs = buildAttributeString(effectiveAttribs, scope)\n  const children = renderChildren(node.children, scope)\n\n  if (SELF_CLOSING_TAGS.has(normalizedTag) && !children) {\n    return `<${normalizedTag}${attrs} />`\n  }\n\n  return `<${normalizedTag}${attrs}>${children}</${normalizedTag}>`\n}\n\nfunction renderTextNode(node: DataNode, scope: LegacyTemplateScope) {\n  const value = node.data ?? ''\n  if (!value.trim()) {\n    return ''\n  }\n  return interpolateText(value, scope, true)\n}\n\nfunction renderTree(\n  input: ChildNode[] | ChildNode | undefined,\n  scope: LegacyTemplateScope,\n): string {\n  if (!input) {\n    return ''\n  }\n\n  if (Array.isArray(input)) {\n    let buffer = ''\n    for (let index = 0; index < input.length; index++) {\n      const node = input[index]\n      if (isConditionalElement(node)) {\n        const { rendered, endIndex } = renderConditionalSequence(input, index, scope, renderTree)\n        buffer += rendered\n        index = endIndex\n        continue\n      }\n      buffer += renderTree(node, scope)\n    }\n    return buffer\n  }\n\n  const node = input\n  if (node.type === 'text') {\n    return renderTextNode(node as DataNode, scope)\n  }\n  if (node.type === 'tag' || node.type === 'script' || node.type === 'style') {\n    return renderElement(node as Element, scope, renderTree)\n  }\n  if ('children' in node && node.children?.length) {\n    return renderTree(node.children, scope)\n  }\n  return ''\n}\n\nexport function renderTemplate(nodes: ChildNode[], scope?: LegacyTemplateScope) {\n  const renderScope = createScope(scope)\n  return renderTree(nodes, renderScope)\n}\n\nexport function createTemplate(source: string): LegacyTemplateRenderer {\n  const nodes = getOrParseTemplate(source)\n  return (scope?: LegacyTemplateScope) => renderTemplate(nodes, scope)\n}\n\nexport type { LegacyTemplateRenderer, LegacyTemplateScope } from './types'\n"],"mappings":";;;;;;AA2BA,MAAM,gCAAgB,IAAI,IAAyB;AAEnD,SAAS,qBAAqB,MAAY;CACxC,IAAI,KAAK,SAAS,eAAe,KAAK,SAAS,WAC7C,OAAO;CAET,IAAI,KAAK,SAAS,QAEhB,QADc,KAAkB,QAAQ,GAC7B,CAAC,KAAK,CAAC,CAAC,SAAS;CAE9B,OAAO;AACT;AAEA,SAAS,mBAAmB,QAAgB;CAC1C,IAAI,SAAS,cAAc,IAAI,MAAM;CACrC,IAAI,CAAC,QAAQ;EAMX,UALiB,cAAc,QAAQ;GACrC,SAAS;GACT,gBAAgB;GAChB,sBAAsB;EACxB,CACiB,CAAC,CAAC,YAAY,CAAC,EAAC,CAAE,OAAO,oBAAoB;EAC9D,cAAc,IAAI,QAAQ,MAAM;CAClC;CACA,OAAO;AACT;AAEA,SAAS,0BACP,OACA,YACA,OACA,gBACA;CACA,MAAM,WAAsE,CAAC;CAC7E,IAAI,SAAS;CAEb,OAAO,SAAS,MAAM,QAAQ;EAC5B,MAAM,YAAY,MAAM;EACxB,IAAI,CAAC,qBAAqB,SAAS,GACjC;EAEF,MAAM,UAAU;EAChB,MAAM,UAAU,QAAQ,WAAW,CAAC;EACpC,IAAI,SAAS,WAAW,KAAK,CAAC,oBAAoB,SAAS,IAAI,GAC7D;EAEF,IAAI,SAAS,SAAS,KAAK,CAAC,oBAAoB,SAAS,MAAM,KAAK,CAAC,oBAAoB,SAAS,MAAM,GACtG;EAEF,SAAS,KAAK;GAAE,MAAM;GAAS;EAAQ,CAAC;EACxC,UAAU;EACV,IAAI,oBAAoB,SAAS,MAAM,GACrC;CAEJ;CAEA,IAAI,CAAC,SAAS,QAAQ;EACpB,MAAM,OAAO,MAAM;EACnB,OAAO;GACL,UAAU,eAAe,MAAM,KAAK;GACpC,UAAU;EACZ;CACF;CAEA,KAAK,MAAM,EAAE,MAAM,aAAa,UAAU;EACxC,IAAI,oBAAoB,SAAS,MAAM,GACrC,OAAO;GAEL,UAAU,cACR,MACA,OACA,gBACA,EAAE,iBAAiB,uBAAuB,OAAO,EAAE,CACrD;GACA,UAAU,aAAa,SAAS,SAAS;EAC3C;EAEF,MAAM,gBAAgB,6BAA6B,SAAS,IAAI,KAC3D,6BAA6B,SAAS,MAAM;EACjD,IAAI,CAAC,eACH;EAGF,IADkB,mBAAmB,eAAe,KACxC,GACV,OAAO;GAEL,UAAU,cACR,MACA,OACA,gBACA,EAAE,iBAAiB,uBAAuB,OAAO,EAAE,CACrD;GACA,UAAU,aAAa,SAAS,SAAS;EAC3C;CAEJ;CAEA,OAAO;EACL,UAAU;EACV,UAAU,aAAa,SAAS,SAAS;CAC3C;AACF;AAEA,SAAS,cACP,MACA,OACA,gBACA,UAAyB,CAAC,GAC1B;CACA,MAAM,UAAU,KAAK,WAAW,CAAC;CACjC,IAAI,CAAC,QAAQ,SAAS;EACpB,MAAM,aAAa,WAAW,OAAO;EACrC,IAAI,WAAW,MAAM;GACnB,MAAM,OAAO,cAAc,mBAAmB,WAAW,MAAM,KAAK,CAAC;GACrE,IAAI,CAAC,KAAK,QACR,OAAO;GAET,IAAI,SAAS;GACb,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK,QAAQ,OAAO;IAC1C,MAAM,OAAO,KAAK;IAClB,MAAM,aAAa,iBAAiB,KAAK;IACzC,WAAW,WAAW,YAAY;IAClC,WAAW,WAAW,aAAa;IACnC,UAAU,cAAc,MAAM,YAAY,gBAAgB;KACxD,SAAS;KACT,iBAAiB,WAAW;IAC9B,CAAC;GACH;GACA,OAAO;EACT;CACF;CAEA,MAAM,mBAAmB,QAAQ,mBAAmB;CACpD,MAAM,gBAAgB,iBAAiB,KAAK,IAAI;CAChD,IAAI,kBAAkB,aACpB,OAAO,eAAe,KAAK,UAAU,KAAK;CAG5C,MAAM,QAAQ,qBAAqB,kBAAkB,KAAK;CAC1D,MAAM,WAAW,eAAe,KAAK,UAAU,KAAK;CAEpD,IAAI,kBAAkB,IAAI,aAAa,KAAK,CAAC,UAC3C,OAAO,IAAI,gBAAgB,MAAM;CAGnC,OAAO,IAAI,gBAAgB,MAAM,GAAG,SAAS,IAAI,cAAc;AACjE;AAEA,SAAS,eAAe,MAAgB,OAA4B;CAClE,MAAM,QAAQ,KAAK,QAAQ;CAC3B,IAAI,CAAC,MAAM,KAAK,GACd,OAAO;CAET,OAAO,gBAAgB,OAAO,OAAO,IAAI;AAC3C;AAEA,SAAS,WACP,OACA,OACQ;CACR,IAAI,CAAC,OACH,OAAO;CAGT,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,IAAI,SAAS;EACb,KAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS;GACjD,MAAM,OAAO,MAAM;GACnB,IAAI,qBAAqB,IAAI,GAAG;IAC9B,MAAM,EAAE,UAAU,aAAa,0BAA0B,OAAO,OAAO,OAAO,UAAU;IACxF,UAAU;IACV,QAAQ;IACR;GACF;GACA,UAAU,WAAW,MAAM,KAAK;EAClC;EACA,OAAO;CACT;CAEA,MAAM,OAAO;CACb,IAAI,KAAK,SAAS,QAChB,OAAO,eAAe,MAAkB,KAAK;CAE/C,IAAI,KAAK,SAAS,SAAS,KAAK,SAAS,YAAY,KAAK,SAAS,SACjE,OAAO,cAAc,MAAiB,OAAO,UAAU;CAEzD,IAAI,cAAc,QAAQ,KAAK,UAAU,QACvC,OAAO,WAAW,KAAK,UAAU,KAAK;CAExC,OAAO;AACT;AAEA,SAAgB,eAAe,OAAoB,OAA6B;CAE9E,OAAO,WAAW,OADE,YAAY,KACG,CAAC;AACtC;AAEA,SAAgB,eAAe,QAAwC;CACrE,MAAM,QAAQ,mBAAmB,MAAM;CACvC,QAAQ,UAAgC,eAAe,OAAO,KAAK;AACrE"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/runtime/legacyTemplate/index.ts"],"sourcesContent":["import type { ChildNode, DataNode, Element, Node } from 'domhandler'\nimport type {\n  LegacyTemplateRenderer,\n  LegacyTemplateScope,\n  RenderOptions,\n} from './types'\nimport { parseDocument } from 'htmlparser2'\nimport {\n  hasControlAttribute,\n  normalizeTagName,\n  resolveControlAttributeValue,\n  SELF_CLOSING_TAGS,\n} from '../../shared/wxml'\nimport {\n  buildAttributeString,\n  extractFor,\n  isConditionalElement,\n  stripControlAttributes,\n} from './dom'\nimport {\n  createChildScope,\n  createScope,\n  evaluateExpression,\n  interpolateText,\n  normalizeList,\n} from './expression'\n\nconst templateCache = new Map<string, ChildNode[]>()\n\nfunction filterRenderableNode(node: Node) {\n  if (node.type === 'directive' || node.type === 'comment') {\n    return false\n  }\n  if (node.type === 'text') {\n    const data = (node as DataNode).data\n    return data.trim().length > 0\n  }\n  return true\n}\n\nfunction getOrParseTemplate(source: string) {\n  let cached = templateCache.get(source)\n  if (!cached) {\n    const document = parseDocument(source, {\n      xmlMode: true,\n      decodeEntities: true,\n      recognizeSelfClosing: true,\n    })\n    cached = document.children.filter(filterRenderableNode)\n    templateCache.set(source, cached)\n  }\n  return cached\n}\n\nfunction renderConditionalSequence(\n  nodes: ChildNode[],\n  startIndex: number,\n  scope: LegacyTemplateScope,\n  renderChildren: (input: ChildNode[] | ChildNode | undefined, scope: LegacyTemplateScope) => string,\n) {\n  const branches: Array<{ node: Element, attribs: Record<string, string> }> = []\n  let cursor = startIndex\n\n  while (cursor < nodes.length) {\n    const candidate = nodes[cursor]\n    if (!isConditionalElement(candidate)) {\n      break\n    }\n    const element = candidate as Element\n    const attribs = element.attribs\n    if (branches.length === 0 && !hasControlAttribute(attribs, 'if')) {\n      break\n    }\n    if (branches.length > 0 && !hasControlAttribute(attribs, 'elif') && !hasControlAttribute(attribs, 'else')) {\n      break\n    }\n    branches.push({ node: element, attribs })\n    cursor += 1\n    if (hasControlAttribute(attribs, 'else')) {\n      break\n    }\n  }\n\n  if (!branches.length) {\n    const node = nodes[startIndex]\n    return {\n      rendered: renderChildren(node, scope),\n      endIndex: startIndex,\n    }\n  }\n\n  for (const { node, attribs } of branches) {\n    if (hasControlAttribute(attribs, 'else')) {\n      return {\n        // eslint-disable-next-line ts/no-use-before-define -- 条件分支与普通节点复用同一元素渲染逻辑。\n        rendered: renderElement(\n          node,\n          scope,\n          renderChildren,\n          { overrideAttribs: stripControlAttributes(attribs) },\n        ),\n        endIndex: startIndex + branches.length - 1,\n      }\n    }\n    const conditionExpr = resolveControlAttributeValue(attribs, 'if')\n      ?? resolveControlAttributeValue(attribs, 'elif')\n    if (!conditionExpr) {\n      continue\n    }\n    const condition = evaluateExpression(conditionExpr, scope)\n    if (condition) {\n      return {\n        // eslint-disable-next-line ts/no-use-before-define -- 条件分支与普通节点复用同一元素渲染逻辑。\n        rendered: renderElement(\n          node,\n          scope,\n          renderChildren,\n          { overrideAttribs: stripControlAttributes(attribs) },\n        ),\n        endIndex: startIndex + branches.length - 1,\n      }\n    }\n  }\n\n  return {\n    rendered: '',\n    endIndex: startIndex + branches.length - 1,\n  }\n}\n\nfunction renderElement(\n  node: Element,\n  scope: LegacyTemplateScope,\n  renderChildren: (nodes: ChildNode[] | undefined, scope: LegacyTemplateScope) => string,\n  options: RenderOptions = {},\n) {\n  const attribs = node.attribs\n  if (!options.skipFor) {\n    const forExtract = extractFor(attribs)\n    if (forExtract.expr) {\n      const list = normalizeList(evaluateExpression(forExtract.expr, scope))\n      if (!list.length) {\n        return ''\n      }\n      let buffer = ''\n      for (let idx = 0; idx < list.length; idx++) {\n        const item = list[idx]\n        const childScope = createChildScope(scope)\n        childScope[forExtract.itemName] = item\n        childScope[forExtract.indexName] = idx\n        buffer += renderElement(node, childScope, renderChildren, {\n          skipFor: true,\n          overrideAttribs: forExtract.restAttribs,\n        })\n      }\n      return buffer\n    }\n  }\n\n  const effectiveAttribs = options.overrideAttribs ?? attribs\n  const normalizedTag = normalizeTagName(node.name)\n  if (normalizedTag === '#fragment') {\n    return renderChildren(node.children, scope)\n  }\n\n  const attrs = buildAttributeString(effectiveAttribs, scope)\n  const children = renderChildren(node.children, scope)\n\n  if (SELF_CLOSING_TAGS.has(normalizedTag) && !children) {\n    return `<${normalizedTag}${attrs} />`\n  }\n\n  return `<${normalizedTag}${attrs}>${children}</${normalizedTag}>`\n}\n\nfunction renderTextNode(node: DataNode, scope: LegacyTemplateScope) {\n  const value = node.data\n  if (!value.trim()) {\n    return ''\n  }\n  return interpolateText(value, scope, true)\n}\n\nfunction renderTree(\n  input: ChildNode[] | ChildNode | undefined,\n  scope: LegacyTemplateScope,\n): string {\n  if (!input) {\n    return ''\n  }\n\n  if (Array.isArray(input)) {\n    let buffer = ''\n    for (let index = 0; index < input.length; index++) {\n      const node = input[index]\n      if (isConditionalElement(node)) {\n        const { rendered, endIndex } = renderConditionalSequence(input, index, scope, renderTree)\n        buffer += rendered\n        index = endIndex\n        continue\n      }\n      buffer += renderTree(node, scope)\n    }\n    return buffer\n  }\n\n  const node = input\n  if (node.type === 'text') {\n    return renderTextNode(node as DataNode, scope)\n  }\n  if (node.type === 'tag' || node.type === 'script' || node.type === 'style') {\n    return renderElement(node as Element, scope, renderTree)\n  }\n  if ('children' in node && node.children?.length) {\n    return renderTree(node.children, scope)\n  }\n  return ''\n}\n\nexport function renderTemplate(nodes: ChildNode[], scope?: LegacyTemplateScope) {\n  const renderScope = createScope(scope)\n  return renderTree(nodes, renderScope)\n}\n\nexport function createTemplate(source: string): LegacyTemplateRenderer {\n  const nodes = getOrParseTemplate(source)\n  return (scope?: LegacyTemplateScope) => renderTemplate(nodes, scope)\n}\n\nexport type { LegacyTemplateRenderer, LegacyTemplateScope } from './types'\n"],"mappings":";;;;;;AA2BA,MAAM,gCAAgB,IAAI,IAAyB;AAEnD,SAAS,qBAAqB,MAAY;CACxC,IAAI,KAAK,SAAS,eAAe,KAAK,SAAS,WAC7C,OAAO;CAET,IAAI,KAAK,SAAS,QAEhB,OADc,KAAkB,KACpB,KAAK,CAAC,CAAC,SAAS;CAE9B,OAAO;AACT;AAEA,SAAS,mBAAmB,QAAgB;CAC1C,IAAI,SAAS,cAAc,IAAI,MAAM;CACrC,IAAI,CAAC,QAAQ;EAMX,SALiB,cAAc,QAAQ;GACrC,SAAS;GACT,gBAAgB;GAChB,sBAAsB;EACxB,CACgB,CAAC,CAAC,SAAS,OAAO,oBAAoB;EACtD,cAAc,IAAI,QAAQ,MAAM;CAClC;CACA,OAAO;AACT;AAEA,SAAS,0BACP,OACA,YACA,OACA,gBACA;CACA,MAAM,WAAsE,CAAC;CAC7E,IAAI,SAAS;CAEb,OAAO,SAAS,MAAM,QAAQ;EAC5B,MAAM,YAAY,MAAM;EACxB,IAAI,CAAC,qBAAqB,SAAS,GACjC;EAEF,MAAM,UAAU;EAChB,MAAM,UAAU,QAAQ;EACxB,IAAI,SAAS,WAAW,KAAK,CAAC,oBAAoB,SAAS,IAAI,GAC7D;EAEF,IAAI,SAAS,SAAS,KAAK,CAAC,oBAAoB,SAAS,MAAM,KAAK,CAAC,oBAAoB,SAAS,MAAM,GACtG;EAEF,SAAS,KAAK;GAAE,MAAM;GAAS;EAAQ,CAAC;EACxC,UAAU;EACV,IAAI,oBAAoB,SAAS,MAAM,GACrC;CAEJ;CAEA,IAAI,CAAC,SAAS,QAAQ;EACpB,MAAM,OAAO,MAAM;EACnB,OAAO;GACL,UAAU,eAAe,MAAM,KAAK;GACpC,UAAU;EACZ;CACF;CAEA,KAAK,MAAM,EAAE,MAAM,aAAa,UAAU;EACxC,IAAI,oBAAoB,SAAS,MAAM,GACrC,OAAO;GAEL,UAAU,cACR,MACA,OACA,gBACA,EAAE,iBAAiB,uBAAuB,OAAO,EAAE,CACrD;GACA,UAAU,aAAa,SAAS,SAAS;EAC3C;EAEF,MAAM,gBAAgB,6BAA6B,SAAS,IAAI,KAC3D,6BAA6B,SAAS,MAAM;EACjD,IAAI,CAAC,eACH;EAGF,IADkB,mBAAmB,eAAe,KACxC,GACV,OAAO;GAEL,UAAU,cACR,MACA,OACA,gBACA,EAAE,iBAAiB,uBAAuB,OAAO,EAAE,CACrD;GACA,UAAU,aAAa,SAAS,SAAS;EAC3C;CAEJ;CAEA,OAAO;EACL,UAAU;EACV,UAAU,aAAa,SAAS,SAAS;CAC3C;AACF;AAEA,SAAS,cACP,MACA,OACA,gBACA,UAAyB,CAAC,GAC1B;CACA,MAAM,UAAU,KAAK;CACrB,IAAI,CAAC,QAAQ,SAAS;EACpB,MAAM,aAAa,WAAW,OAAO;EACrC,IAAI,WAAW,MAAM;GACnB,MAAM,OAAO,cAAc,mBAAmB,WAAW,MAAM,KAAK,CAAC;GACrE,IAAI,CAAC,KAAK,QACR,OAAO;GAET,IAAI,SAAS;GACb,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK,QAAQ,OAAO;IAC1C,MAAM,OAAO,KAAK;IAClB,MAAM,aAAa,iBAAiB,KAAK;IACzC,WAAW,WAAW,YAAY;IAClC,WAAW,WAAW,aAAa;IACnC,UAAU,cAAc,MAAM,YAAY,gBAAgB;KACxD,SAAS;KACT,iBAAiB,WAAW;IAC9B,CAAC;GACH;GACA,OAAO;EACT;CACF;CAEA,MAAM,mBAAmB,QAAQ,mBAAmB;CACpD,MAAM,gBAAgB,iBAAiB,KAAK,IAAI;CAChD,IAAI,kBAAkB,aACpB,OAAO,eAAe,KAAK,UAAU,KAAK;CAG5C,MAAM,QAAQ,qBAAqB,kBAAkB,KAAK;CAC1D,MAAM,WAAW,eAAe,KAAK,UAAU,KAAK;CAEpD,IAAI,kBAAkB,IAAI,aAAa,KAAK,CAAC,UAC3C,OAAO,IAAI,gBAAgB,MAAM;CAGnC,OAAO,IAAI,gBAAgB,MAAM,GAAG,SAAS,IAAI,cAAc;AACjE;AAEA,SAAS,eAAe,MAAgB,OAA4B;CAClE,MAAM,QAAQ,KAAK;CACnB,IAAI,CAAC,MAAM,KAAK,GACd,OAAO;CAET,OAAO,gBAAgB,OAAO,OAAO,IAAI;AAC3C;AAEA,SAAS,WACP,OACA,OACQ;CACR,IAAI,CAAC,OACH,OAAO;CAGT,IAAI,MAAM,QAAQ,KAAK,GAAG;EACxB,IAAI,SAAS;EACb,KAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,QAAQ,SAAS;GACjD,MAAM,OAAO,MAAM;GACnB,IAAI,qBAAqB,IAAI,GAAG;IAC9B,MAAM,EAAE,UAAU,aAAa,0BAA0B,OAAO,OAAO,OAAO,UAAU;IACxF,UAAU;IACV,QAAQ;IACR;GACF;GACA,UAAU,WAAW,MAAM,KAAK;EAClC;EACA,OAAO;CACT;CAEA,MAAM,OAAO;CACb,IAAI,KAAK,SAAS,QAChB,OAAO,eAAe,MAAkB,KAAK;CAE/C,IAAI,KAAK,SAAS,SAAS,KAAK,SAAS,YAAY,KAAK,SAAS,SACjE,OAAO,cAAc,MAAiB,OAAO,UAAU;CAEzD,IAAI,cAAc,QAAQ,KAAK,UAAU,QACvC,OAAO,WAAW,KAAK,UAAU,KAAK;CAExC,OAAO;AACT;AAEA,SAAgB,eAAe,OAAoB,OAA6B;CAE9E,OAAO,WAAW,OADE,YAAY,KACG,CAAC;AACtC;AAEA,SAAgB,eAAe,QAAwC;CACrE,MAAM,QAAQ,mBAAmB,MAAM;CACvC,QAAQ,UAAgC,eAAe,OAAO,KAAK;AACrE"}

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

@@ -0,0 +1,53 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { registerNativeMediaElement, unregisterNativeMediaElement } from "../mediaRegistry.mjs";
+
+//#region src/runtime/nativeComponents/canvas/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function resolveCanvasSize(value, fallback) {
+	const size = Number(value);
+	return Number.isInteger(size) && size > 0 ? size : fallback;
+}
+var WeappCanvas = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("canvas").attributes];
+	#canvas;
+	get canvasElement() {
+		return this.#canvas;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	disconnectedCallback() {
+		if (this.#canvas) unregisterNativeMediaElement(this.#canvas);
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#canvas || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { position: relative; }
+      canvas { display: block; }
+    `;
+		const canvas = document.createElement("canvas");
+		root.append(style, canvas);
+		this.#canvas = canvas;
+	}
+	#syncAttributes() {
+		const canvas = this.#canvas;
+		if (!canvas) return;
+		canvas.width = resolveCanvasSize(this.getAttribute("width"), 300);
+		canvas.height = resolveCanvasSize(this.getAttribute("height"), 150);
+		canvas.style.touchAction = readBooleanAttribute(this, "disable-scroll") ? "none" : "";
+		registerNativeMediaElement("canvas", [this.getAttribute("canvas-id"), this.getAttribute("id")], canvas);
+	}
+};
+
+//#endregion
+export { WeappCanvas };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#canvas","#ensureStructure","#syncAttributes"],"sources":["../../../../src/runtime/nativeComponents/canvas/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { registerNativeMediaElement, unregisterNativeMediaElement } from '../mediaRegistry'\nimport { ensureNativeComponentStyle } from '../style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nfunction resolveCanvasSize(value: string | null, fallback: number) {\n  const size = Number(value)\n  return Number.isInteger(size) && size > 0 ? size : fallback\n}\n\nexport class WeappCanvas extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('canvas')!.attributes]\n\n  #canvas?: HTMLCanvasElement\n\n  get canvasElement() {\n    return this.#canvas\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncAttributes()\n  }\n\n  disconnectedCallback() {\n    if (this.#canvas) {\n      unregisterNativeMediaElement(this.#canvas)\n    }\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#canvas || 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 { position: relative; }\n      canvas { display: block; }\n    `\n    const canvas = document.createElement('canvas')\n    root.append(style, canvas)\n    this.#canvas = canvas\n  }\n\n  #syncAttributes() {\n    const canvas = this.#canvas\n    if (!canvas) {\n      return\n    }\n    canvas.width = resolveCanvasSize(this.getAttribute('width'), 300)\n    canvas.height = resolveCanvasSize(this.getAttribute('height'), 150)\n    canvas.style.touchAction = readBooleanAttribute(this, 'disable-scroll') ? 'none' : ''\n    registerNativeMediaElement('canvas', [\n      this.getAttribute('canvas-id'),\n      this.getAttribute('id'),\n    ], canvas)\n  }\n}\n"],"mappings":";;;;;;AAKA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,SAAS,kBAAkB,OAAsB,UAAkB;CACjE,MAAM,OAAO,OAAO,KAAK;CACzB,OAAO,OAAO,UAAU,IAAI,KAAK,OAAO,IAAI,OAAO;AACrD;AAEA,IAAa,cAAb,cAAiC,YAAY;CAC3C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,QAAQ,CAAC,CAAE,UAAU;CAElF;CAEA,IAAI,gBAAgB;EAClB,OAAO,KAAKA;CACd;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKC,iBAAiB;EACtB,KAAKC,gBAAgB;CACvB;CAEA,uBAAuB;EACrB,IAAI,KAAKF,SACP,6BAA6B,KAAKA,OAAO;CAE7C;CAEA,2BAA2B;EACzB,KAAKE,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAKF,WAAW,OAAO,aAAa,aACtC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;;;;EAIpB,MAAM,SAAS,SAAS,cAAc,QAAQ;EAC9C,KAAK,OAAO,OAAO,MAAM;EACzB,KAAKA,UAAU;CACjB;CAEA,kBAAkB;EAChB,MAAM,SAAS,KAAKA;EACpB,IAAI,CAAC,QACH;EAEF,OAAO,QAAQ,kBAAkB,KAAK,aAAa,OAAO,GAAG,GAAG;EAChE,OAAO,SAAS,kBAAkB,KAAK,aAAa,QAAQ,GAAG,GAAG;EAClE,OAAO,MAAM,cAAc,qBAAqB,MAAM,gBAAgB,IAAI,SAAS;EACnF,2BAA2B,UAAU,CACnC,KAAK,aAAa,WAAW,GAC7B,KAAK,aAAa,IAAI,CACxB,GAAG,MAAM;CACX;AACF"}

package/dist/runtime/nativeComponents/checkbox.mjs

@@ -0,0 +1,137 @@
+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/checkbox.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+function collectCheckboxGroupValue(checkboxes) {
+	return Array.from(checkboxes).filter((checkbox) => checkbox.checked && !checkbox.disabled).map((checkbox) => checkbox.value);
+}
+var WeappCheckboxGroup = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("checkbox-group").attributes];
+	get formControlName() {
+		return this.getAttribute("name") ?? "";
+	}
+	get formControlValue() {
+		return collectCheckboxGroupValue(this.querySelectorAll("weapp-checkbox"));
+	}
+	get formControlDisabled() {
+		return false;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		connectFormControl(this);
+	}
+	disconnectedCallback() {
+		disconnectFormControl(this);
+	}
+	formReset() {
+		for (const checkbox of this.querySelectorAll("weapp-checkbox")) checkbox.formReset();
+	}
+	notifyCheckboxChange() {
+		dispatchMiniProgramEvent(this, "change", { value: this.formControlValue });
+	}
+};
+var WeappCheckbox = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("checkbox").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: 3px;
+        background: #ffffff;
+      }
+      input:checked + .control { border-color: var(--weapp-control-color); background: var(--weapp-control-color); }
+      input:checked + .control::after {
+        position: absolute;
+        top: 3px;
+        left: 7px;
+        width: 6px;
+        height: 11px;
+        border: solid #ffffff;
+        border-width: 0 2px 2px 0;
+        content: '';
+        transform: rotate(45deg);
+      }
+      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 = "checkbox";
+		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-checkbox-group")?.notifyCheckboxChange();
+		});
+		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 { WeappCheckbox, WeappCheckboxGroup, collectCheckboxGroupValue };
+//# sourceMappingURL=checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.mjs","names":["#input","#initialCheckedCaptured","#initialChecked","#ensureStructure","#syncAttributes"],"sources":["../../../src/runtime/nativeComponents/checkbox.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 collectCheckboxGroupValue(checkboxes: ArrayLike<WeappCheckbox>) {\n  return Array.from(checkboxes)\n    .filter(checkbox => checkbox.checked && !checkbox.disabled)\n    .map(checkbox => checkbox.value)\n}\n\nexport class WeappCheckboxGroup extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('checkbox-group')!.attributes]\n\n  get formControlName() {\n    return this.getAttribute('name') ?? ''\n  }\n\n  get formControlValue() {\n    return collectCheckboxGroupValue(this.querySelectorAll<WeappCheckbox>('weapp-checkbox'))\n  }\n\n  get formControlDisabled() {\n    return false\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    connectFormControl(this)\n  }\n\n  disconnectedCallback() {\n    disconnectFormControl(this)\n  }\n\n  formReset() {\n    for (const checkbox of this.querySelectorAll<WeappCheckbox>('weapp-checkbox')) {\n      checkbox.formReset()\n    }\n  }\n\n  notifyCheckboxChange() {\n    dispatchMiniProgramEvent(this, 'change', { value: this.formControlValue })\n  }\n}\n\nexport class WeappCheckbox extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('checkbox')!.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: 3px;\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: 3px;\n        left: 7px;\n        width: 6px;\n        height: 11px;\n        border: solid #ffffff;\n        border-width: 0 2px 2px 0;\n        content: '';\n        transform: rotate(45deg);\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 = 'checkbox'\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-checkbox-group') as WeappCheckboxGroup | null\n      group?.notifyCheckboxChange()\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":";;;;;;AAKA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,SAAgB,0BAA0B,YAAsC;CAC9E,OAAO,MAAM,KAAK,UAAU,CAAC,CAC1B,QAAO,aAAY,SAAS,WAAW,CAAC,SAAS,QAAQ,CAAC,CAC1D,KAAI,aAAY,SAAS,KAAK;AACnC;AAEA,IAAa,qBAAb,cAAwC,YAAY;CAClD,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,gBAAgB,CAAC,CAAE,UAAU;CAE1F,IAAI,kBAAkB;EACpB,OAAO,KAAK,aAAa,MAAM,KAAK;CACtC;CAEA,IAAI,mBAAmB;EACrB,OAAO,0BAA0B,KAAK,iBAAgC,gBAAgB,CAAC;CACzF;CAEA,IAAI,sBAAsB;EACxB,OAAO;CACT;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,mBAAmB,IAAI;CACzB;CAEA,uBAAuB;EACrB,sBAAsB,IAAI;CAC5B;CAEA,YAAY;EACV,KAAK,MAAM,YAAY,KAAK,iBAAgC,gBAAgB,GAC1E,SAAS,UAAU;CAEvB;CAEA,uBAAuB;EACrB,yBAAyB,MAAM,UAAU,EAAE,OAAO,KAAK,iBAAiB,CAAC;CAC3E;AACF;AAEA,IAAa,gBAAb,cAAmC,YAAY;CAC7C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,UAAU,CAAC,CAAE,UAAU;CAEpF;CACA,kBAAkB;CAClB,0BAA0B;CAE1B,IAAI,QAAQ;EACV,OAAO,KAAK,aAAa,OAAO,KAAK;CACvC;CAEA,IAAI,MAAM,OAAe;EACvB,KAAK,aAAa,SAAS,SAAS,EAAE;CACxC;CAEA,IAAI,UAAU;EACZ,OAAO,KAAKA,QAAQ,WAAW,qBAAqB,MAAM,SAAS;CACrE;CAEA,IAAI,QAAQ,OAAgB;EAC1B,KAAK,gBAAgB,WAAW,QAAQ,KAAK,CAAC;CAChD;CAEA,IAAI,WAAW;EACb,OAAO,qBAAqB,MAAM,UAAU;CAC9C;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,IAAI,CAAC,KAAKC,yBAAyB;GACjC,KAAKC,kBAAkB,qBAAqB,MAAM,SAAS;GAC3D,KAAKD,0BAA0B;EACjC;EACA,KAAKE,iBAAiB;EACtB,KAAKC,gBAAgB;CACvB;CAEA,2BAA2B;EACzB,KAAKA,gBAAgB;CACvB;CAEA,YAAY;EACV,KAAK,oBAAoB,KAAKF,eAAe;CAC/C;CAEA,eAAe;EACb,IAAI,CAAC,KAAK,UACR,KAAKF,QAAQ,MAAM;CAEvB;CAEA,oBAAoB,SAAkB;EACpC,IAAI,KAAKA,QACP,KAAKA,OAAO,UAAU;CAE1B;CAEA,mBAAmB;EACjB,IAAI,KAAKA,UAAU,OAAO,aAAa,aACrC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BpB,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,OAAO;EACb,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,YAAY;EACpB,MAAM,UAAU,SAAS,cAAc,MAAM;EAC7C,QAAQ,YAAY;EACpB,QAAQ,OAAO,SAAS,cAAc,MAAM,CAAC;EAC7C,MAAM,iBAAiB,WAAW,UAAU;GAC1C,MAAM,gBAAgB;GAEtB,AADc,2BAA2B,MAAM,sBAC3C,CAAC,EAAE,qBAAqB;EAC9B,CAAC;EACD,MAAM,OAAO,OAAO,SAAS,OAAO;EACpC,KAAK,OAAO,OAAO,KAAK;EACxB,KAAKA,SAAS;CAChB;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKA,QACR;EAEF,KAAKA,OAAO,UAAU,qBAAqB,MAAM,SAAS;EAC1D,KAAKA,OAAO,WAAW,KAAK;EAC5B,KAAKA,OAAO,QAAQ,KAAK;EACzB,KAAK,MAAM,YAAY,yBAAyB,KAAK,aAAa,OAAO,KAAK,SAAS;CACzF;AACF"}

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

@@ -0,0 +1,23 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { WeappImage } from "../image.mjs";
+import { WeappView } from "../primitives.mjs";
+
+//#region src/runtime/nativeComponents/cover/index.ts
+var WeappCoverView = class extends WeappView {
+	connectedCallback() {
+		super.connectedCallback();
+		this.style.zIndex = "2";
+	}
+};
+var WeappCoverImage = class extends WeappImage {
+	static observedAttributes = [...getNativeComponentDescriptor("cover-image").attributes];
+	connectedCallback() {
+		super.connectedCallback();
+		this.style.position = "absolute";
+		this.style.zIndex = "2";
+	}
+};
+
+//#endregion
+export { WeappCoverImage, WeappCoverView };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/cover/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { WeappImage } from '../image'\nimport { WeappView } from '../primitives'\n\nexport class WeappCoverView extends WeappView {\n  connectedCallback() {\n    super.connectedCallback()\n    this.style.zIndex = '2'\n  }\n}\n\nexport class WeappCoverImage extends WeappImage {\n  static observedAttributes = [...getNativeComponentDescriptor('cover-image')!.attributes]\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.style.position = 'absolute'\n    this.style.zIndex = '2'\n  }\n}\n"],"mappings":";;;;;AAIA,IAAa,iBAAb,cAAoC,UAAU;CAC5C,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,MAAM,SAAS;CACtB;AACF;AAEA,IAAa,kBAAb,cAAqC,WAAW;CAC9C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,aAAa,CAAC,CAAE,UAAU;CAEvF,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,MAAM,WAAW;EACtB,KAAK,MAAM,SAAS;CACtB;AACF"}

package/dist/runtime/nativeComponents/form.d.mts

@@ -0,0 +1,7 @@
+//#region src/runtime/nativeComponents/form.d.ts
+interface FormConfig {
+  preventDefault?: boolean;
+}
+//#endregion
+export { FormConfig };
+//# sourceMappingURL=form.d.mts.map

package/dist/runtime/nativeComponents/form.mjs

@@ -0,0 +1,50 @@
+import { collectFormControlValues, resetFormControls } from "./formControl.mjs";
+import { dispatchMiniProgramEvent, resolveContainingShadowRoot } from "./helpers.mjs";
+import { ensureNativeComponentStyle } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/form.ts
+const DEFAULT_FORM_CONFIG = { preventDefault: true };
+const BaseElement = globalThis.HTMLElement ?? class {};
+let formConfig = { ...DEFAULT_FORM_CONFIG };
+var WeappForm = class extends BaseElement {
+	#form;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+	}
+	requestSubmit() {
+		const submitEvent = new CustomEvent("submit", {
+			detail: { value: collectFormControlValues(this) },
+			bubbles: true,
+			composed: true,
+			cancelable: true
+		});
+		if (this.dispatchEvent(submitEvent) && !formConfig.preventDefault) this.#form?.submit();
+	}
+	reset() {
+		resetFormControls(this);
+		dispatchMiniProgramEvent(this, "reset", {});
+	}
+	#ensureStructure() {
+		if (this.#form || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = ":host { display: inline; box-sizing: border-box; } form { display: block; margin: 3px 0 0; }";
+		const form = document.createElement("form");
+		form.addEventListener("submit", (event) => event.preventDefault());
+		const slot = document.createElement("slot");
+		form.append(slot);
+		root.append(style, form);
+		this.#form = form;
+	}
+};
+function setFormConfig(next) {
+	formConfig = {
+		...formConfig,
+		...next
+	};
+}
+
+//#endregion
+export { WeappForm, setFormConfig };
+//# sourceMappingURL=form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","names":["#ensureStructure","#form"],"sources":["../../../src/runtime/nativeComponents/form.ts"],"sourcesContent":["import { collectFormControlValues, resetFormControls } from './formControl'\nimport { dispatchMiniProgramEvent, resolveContainingShadowRoot } from './helpers'\nimport { ensureNativeComponentStyle } from './style'\n\nexport interface FormConfig {\n  preventDefault?: boolean\n}\n\nconst DEFAULT_FORM_CONFIG: Required<FormConfig> = {\n  preventDefault: true,\n}\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\nlet formConfig: Required<FormConfig> = { ...DEFAULT_FORM_CONFIG }\n\nexport class WeappForm extends BaseElement {\n  #form?: HTMLFormElement\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n  }\n\n  requestSubmit() {\n    const submitEvent = new CustomEvent('submit', {\n      detail: { value: collectFormControlValues(this) },\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    })\n    const shouldSubmit = this.dispatchEvent(submitEvent)\n    if (shouldSubmit && !formConfig.preventDefault) {\n      this.#form?.submit()\n    }\n  }\n\n  reset() {\n    resetFormControls(this)\n    dispatchMiniProgramEvent(this, 'reset', {})\n  }\n\n  #ensureStructure() {\n    if (this.#form || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ':host { display: inline; box-sizing: border-box; } form { display: block; margin: 3px 0 0; }'\n    const form = document.createElement('form')\n    form.addEventListener('submit', event => event.preventDefault())\n    const slot = document.createElement('slot')\n    form.append(slot)\n    root.append(style, form)\n    this.#form = form\n  }\n}\n\nexport function setFormConfig(next: FormConfig) {\n  formConfig = {\n    ...formConfig,\n    ...next,\n  }\n}\n"],"mappings":";;;;;AAQA,MAAM,sBAA4C,EAChD,gBAAgB,KAClB;AAEA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AACtD,IAAI,aAAmC,EAAE,GAAG,oBAAoB;AAEhE,IAAa,YAAb,cAA+B,YAAY;CACzC;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKA,iBAAiB;CACxB;CAEA,gBAAgB;EACd,MAAM,cAAc,IAAI,YAAY,UAAU;GAC5C,QAAQ,EAAE,OAAO,yBAAyB,IAAI,EAAE;GAChD,SAAS;GACT,UAAU;GACV,YAAY;EACd,CAAC;EAED,IADqB,KAAK,cAAc,WACzB,KAAK,CAAC,WAAW,gBAC9B,KAAKC,OAAO,OAAO;CAEvB;CAEA,QAAQ;EACN,kBAAkB,IAAI;EACtB,yBAAyB,MAAM,SAAS,CAAC,CAAC;CAC5C;CAEA,mBAAmB;EACjB,IAAI,KAAKA,SAAS,OAAO,aAAa,aACpC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;EACpB,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,iBAAiB,WAAU,UAAS,MAAM,eAAe,CAAC;EAC/D,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,OAAO,IAAI;EAChB,KAAK,OAAO,OAAO,IAAI;EACvB,KAAKA,QAAQ;CACf;AACF;AAEA,SAAgB,cAAc,MAAkB;CAC9C,aAAa;EACX,GAAG;EACH,GAAG;CACL;AACF"}

package/dist/runtime/nativeComponents/formControl.mjs

@@ -0,0 +1,61 @@
+//#region src/runtime/nativeComponents/formControl.ts
+const controlsByForm = /* @__PURE__ */ new WeakMap();
+const formByControl = /* @__PURE__ */ new WeakMap();
+function resolveParentAcrossShadow(element) {
+	if (element.parentElement) return element.parentElement;
+	const root = element.getRootNode();
+	return typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot ? root.host : null;
+}
+function findClosestComposedElement(element, selector) {
+	let current = element;
+	while (current) {
+		if (current.matches(selector)) return current;
+		current = resolveParentAcrossShadow(current);
+	}
+	return null;
+}
+function disconnectFormControl(control) {
+	const form = formByControl.get(control);
+	if (!form) return;
+	controlsByForm.get(form)?.delete(control);
+	formByControl.delete(control);
+}
+function connectFormControl(control) {
+	disconnectFormControl(control);
+	const form = findClosestComposedElement(control, "weapp-form");
+	if (!form) return;
+	let controls = controlsByForm.get(form);
+	if (!controls) {
+		controls = /* @__PURE__ */ new Set();
+		controlsByForm.set(form, controls);
+	}
+	controls.add(control);
+	formByControl.set(control, form);
+}
+function collectFormControlValues(form) {
+	const values = {};
+	for (const control of controlsByForm.get(form) ?? []) {
+		if (formByControl.get(control) !== form || control.formControlDisabled) continue;
+		const name = control.formControlName.trim();
+		if (!name) continue;
+		values[name] = control.formControlValue;
+	}
+	return values;
+}
+function resetFormControls(form) {
+	for (const control of controlsByForm.get(form) ?? []) control.formReset();
+}
+function requestContainingFormAction(source, action) {
+	const form = findClosestComposedElement(source, "weapp-form");
+	if (!form) return false;
+	if (action === "submit") form.requestSubmit();
+	else form.reset();
+	return true;
+}
+function isFormActivatable(value) {
+	return typeof value.formActivate === "function";
+}
+
+//#endregion
+export { collectFormControlValues, connectFormControl, disconnectFormControl, findClosestComposedElement, isFormActivatable, requestContainingFormAction, resetFormControls };
+//# sourceMappingURL=formControl.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formControl.mjs","names":[],"sources":["../../../src/runtime/nativeComponents/formControl.ts"],"sourcesContent":["export interface FormControlContract extends HTMLElement {\n  readonly formControlName: string\n  readonly formControlValue: unknown\n  readonly formControlDisabled: boolean\n  formReset: () => void\n  formActivate?: () => void\n}\n\nexport interface FormOwnerContract extends HTMLElement {\n  requestSubmit: () => void\n  reset: () => void\n}\n\nconst controlsByForm = new WeakMap<HTMLElement, Set<FormControlContract>>()\nconst formByControl = new WeakMap<FormControlContract, HTMLElement>()\n\nfunction resolveParentAcrossShadow(element: Element): Element | null {\n  if (element.parentElement) {\n    return element.parentElement\n  }\n  const root = element.getRootNode()\n  return typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n    ? root.host\n    : null\n}\n\nexport function findClosestComposedElement(element: Element, selector: string) {\n  let current: Element | null = element\n  while (current) {\n    if (current.matches(selector)) {\n      return current as HTMLElement\n    }\n    current = resolveParentAcrossShadow(current)\n  }\n  return null\n}\n\nexport function disconnectFormControl(control: FormControlContract) {\n  const form = formByControl.get(control)\n  if (!form) {\n    return\n  }\n  controlsByForm.get(form)?.delete(control)\n  formByControl.delete(control)\n}\n\nexport function connectFormControl(control: FormControlContract) {\n  disconnectFormControl(control)\n  const form = findClosestComposedElement(control, 'weapp-form')\n  if (!form) {\n    return\n  }\n  let controls = controlsByForm.get(form)\n  if (!controls) {\n    controls = new Set()\n    controlsByForm.set(form, controls)\n  }\n  controls.add(control)\n  formByControl.set(control, form)\n}\n\nexport function collectFormControlValues(form: HTMLElement) {\n  const values: Record<string, unknown> = {}\n  for (const control of controlsByForm.get(form) ?? []) {\n    if (formByControl.get(control) !== form || control.formControlDisabled) {\n      continue\n    }\n    const name = control.formControlName.trim()\n    if (!name) {\n      continue\n    }\n    values[name] = control.formControlValue\n  }\n  return values\n}\n\nexport function resetFormControls(form: HTMLElement) {\n  for (const control of controlsByForm.get(form) ?? []) {\n    control.formReset()\n  }\n}\n\nexport function requestContainingFormAction(source: Element, action: 'submit' | 'reset') {\n  const form = findClosestComposedElement(source, 'weapp-form') as FormOwnerContract | null\n  if (!form) {\n    return false\n  }\n  if (action === 'submit') {\n    form.requestSubmit()\n  }\n  else {\n    form.reset()\n  }\n  return true\n}\n\nexport function isFormActivatable(value: Element): value is FormControlContract {\n  return typeof (value as FormControlContract).formActivate === 'function'\n}\n"],"mappings":";AAaA,MAAM,iCAAiB,IAAI,QAA+C;AAC1E,MAAM,gCAAgB,IAAI,QAA0C;AAEpE,SAAS,0BAA0B,SAAkC;CACnE,IAAI,QAAQ,eACV,OAAO,QAAQ;CAEjB,MAAM,OAAO,QAAQ,YAAY;CACjC,OAAO,OAAO,eAAe,eAAe,gBAAgB,aACxD,KAAK,OACL;AACN;AAEA,SAAgB,2BAA2B,SAAkB,UAAkB;CAC7E,IAAI,UAA0B;CAC9B,OAAO,SAAS;EACd,IAAI,QAAQ,QAAQ,QAAQ,GAC1B,OAAO;EAET,UAAU,0BAA0B,OAAO;CAC7C;CACA,OAAO;AACT;AAEA,SAAgB,sBAAsB,SAA8B;CAClE,MAAM,OAAO,cAAc,IAAI,OAAO;CACtC,IAAI,CAAC,MACH;CAEF,eAAe,IAAI,IAAI,CAAC,EAAE,OAAO,OAAO;CACxC,cAAc,OAAO,OAAO;AAC9B;AAEA,SAAgB,mBAAmB,SAA8B;CAC/D,sBAAsB,OAAO;CAC7B,MAAM,OAAO,2BAA2B,SAAS,YAAY;CAC7D,IAAI,CAAC,MACH;CAEF,IAAI,WAAW,eAAe,IAAI,IAAI;CACtC,IAAI,CAAC,UAAU;EACb,2BAAW,IAAI,IAAI;EACnB,eAAe,IAAI,MAAM,QAAQ;CACnC;CACA,SAAS,IAAI,OAAO;CACpB,cAAc,IAAI,SAAS,IAAI;AACjC;AAEA,SAAgB,yBAAyB,MAAmB;CAC1D,MAAM,SAAkC,CAAC;CACzC,KAAK,MAAM,WAAW,eAAe,IAAI,IAAI,KAAK,CAAC,GAAG;EACpD,IAAI,cAAc,IAAI,OAAO,MAAM,QAAQ,QAAQ,qBACjD;EAEF,MAAM,OAAO,QAAQ,gBAAgB,KAAK;EAC1C,IAAI,CAAC,MACH;EAEF,OAAO,QAAQ,QAAQ;CACzB;CACA,OAAO;AACT;AAEA,SAAgB,kBAAkB,MAAmB;CACnD,KAAK,MAAM,WAAW,eAAe,IAAI,IAAI,KAAK,CAAC,GACjD,QAAQ,UAAU;AAEtB;AAEA,SAAgB,4BAA4B,QAAiB,QAA4B;CACvF,MAAM,OAAO,2BAA2B,QAAQ,YAAY;CAC5D,IAAI,CAAC,MACH,OAAO;CAET,IAAI,WAAW,UACb,KAAK,cAAc;MAGnB,KAAK,MAAM;CAEb,OAAO;AACT;AAEA,SAAgB,kBAAkB,OAA8C;CAC9E,OAAO,OAAQ,MAA8B,iBAAiB;AAChE"}

package/dist/runtime/nativeComponents/helpers.mjs

@@ -0,0 +1,25 @@
+//#region src/runtime/nativeComponents/helpers.ts
+function readBooleanAttribute(element, name) {
+	const value = element.getAttribute(name);
+	return value !== null && value !== "false" && value !== "0";
+}
+function resolveMaxLength(value) {
+	if (value === null) return;
+	const maxlength = Number(value);
+	return Number.isInteger(maxlength) && maxlength >= 0 ? maxlength : void 0;
+}
+function resolveContainingShadowRoot(element) {
+	const root = element.getRootNode();
+	return typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot ? root : void 0;
+}
+function dispatchMiniProgramEvent(element, name, detail, options = {}) {
+	element.dispatchEvent(new CustomEvent(name, {
+		bubbles: options.bubbles ?? true,
+		composed: options.composed ?? true,
+		detail
+	}));
+}
+
+//#endregion
+export { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot, resolveMaxLength };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/runtime/nativeComponents/helpers.ts"],"sourcesContent":["export function readBooleanAttribute(element: Element, name: string) {\n  const value = element.getAttribute(name)\n  return value !== null && value !== 'false' && value !== '0'\n}\n\nexport function resolveMaxLength(value: string | null) {\n  if (value === null) {\n    return undefined\n  }\n  const maxlength = Number(value)\n  return Number.isInteger(maxlength) && maxlength >= 0 ? maxlength : undefined\n}\n\nexport function resolveContainingShadowRoot(element: Element) {\n  const root = element.getRootNode()\n  return typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot ? root : undefined\n}\n\nexport function dispatchMiniProgramEvent<T>(\n  element: Element,\n  name: string,\n  detail: T,\n  options: Pick<CustomEventInit<T>, 'bubbles' | 'composed'> = {},\n) {\n  element.dispatchEvent(new CustomEvent(name, {\n    bubbles: options.bubbles ?? true,\n    composed: options.composed ?? true,\n    detail,\n  }))\n}\n"],"mappings":";AAAA,SAAgB,qBAAqB,SAAkB,MAAc;CACnE,MAAM,QAAQ,QAAQ,aAAa,IAAI;CACvC,OAAO,UAAU,QAAQ,UAAU,WAAW,UAAU;AAC1D;AAEA,SAAgB,iBAAiB,OAAsB;CACrD,IAAI,UAAU,MACZ;CAEF,MAAM,YAAY,OAAO,KAAK;CAC9B,OAAO,OAAO,UAAU,SAAS,KAAK,aAAa,IAAI,YAAY;AACrE;AAEA,SAAgB,4BAA4B,SAAkB;CAC5D,MAAM,OAAO,QAAQ,YAAY;CACjC,OAAO,OAAO,eAAe,eAAe,gBAAgB,aAAa,OAAO;AAClF;AAEA,SAAgB,yBACd,SACA,MACA,QACA,UAA4D,CAAC,GAC7D;CACA,QAAQ,cAAc,IAAI,YAAY,MAAM;EAC1C,SAAS,QAAQ,WAAW;EAC5B,UAAU,QAAQ,YAAY;EAC9B;CACF,CAAC,CAAC;AACJ"}

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

@@ -0,0 +1,42 @@
+//#region src/runtime/nativeComponents/icon/helpers.ts
+const ICON_TYPES = [
+	"success",
+	"success_no_circle",
+	"info",
+	"warn",
+	"waiting",
+	"cancel",
+	"download",
+	"search",
+	"clear"
+];
+const iconTypes = new Set(ICON_TYPES);
+const DEFAULT_ICON_COLORS = {
+	success: "#09bb07",
+	success_no_circle: "#09bb07",
+	info: "#10aeff",
+	warn: "#f76260",
+	waiting: "#10aeff",
+	cancel: "#f76260",
+	download: "#09bb07",
+	search: "#7a7e83",
+	clear: "#7a7e83"
+};
+function finiteNumber(value, fallback) {
+	const numeric = Number(value);
+	return Number.isFinite(numeric) ? numeric : fallback;
+}
+function resolveIconType(value) {
+	const type = String(value ?? "").trim().toLowerCase();
+	return iconTypes.has(type) ? type : "success";
+}
+function resolveIconSize(value) {
+	return Math.max(0, finiteNumber(value, 23));
+}
+function resolveIconColor(type, value) {
+	return String(value ?? "").trim() || DEFAULT_ICON_COLORS[type];
+}
+
+//#endregion
+export { ICON_TYPES, resolveIconColor, resolveIconSize, resolveIconType };
+//# sourceMappingURL=helpers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/icon/helpers.ts"],"sourcesContent":["export const ICON_TYPES = [\n  'success',\n  'success_no_circle',\n  'info',\n  'warn',\n  'waiting',\n  'cancel',\n  'download',\n  'search',\n  'clear',\n] as const\n\nexport type IconType = typeof ICON_TYPES[number]\n\nconst iconTypes = new Set<string>(ICON_TYPES)\n\nconst DEFAULT_ICON_COLORS: Record<IconType, string> = {\n  success: '#09bb07',\n  success_no_circle: '#09bb07',\n  info: '#10aeff',\n  warn: '#f76260',\n  waiting: '#10aeff',\n  cancel: '#f76260',\n  download: '#09bb07',\n  search: '#7a7e83',\n  clear: '#7a7e83',\n}\n\nfunction finiteNumber(value: unknown, fallback: number) {\n  const numeric = Number(value)\n  return Number.isFinite(numeric) ? numeric : fallback\n}\n\nexport function resolveIconType(value: unknown): IconType {\n  const type = String(value ?? '').trim().toLowerCase()\n  return iconTypes.has(type) ? type as IconType : 'success'\n}\n\nexport function resolveIconSize(value: unknown) {\n  return Math.max(0, finiteNumber(value, 23))\n}\n\nexport function resolveIconColor(type: IconType, value: unknown) {\n  const color = String(value ?? '').trim()\n  return color || DEFAULT_ICON_COLORS[type]\n}\n"],"mappings":";AAAA,MAAa,aAAa;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAIA,MAAM,YAAY,IAAI,IAAY,UAAU;AAE5C,MAAM,sBAAgD;CACpD,SAAS;CACT,mBAAmB;CACnB,MAAM;CACN,MAAM;CACN,SAAS;CACT,QAAQ;CACR,UAAU;CACV,QAAQ;CACR,OAAO;AACT;AAEA,SAAS,aAAa,OAAgB,UAAkB;CACtD,MAAM,UAAU,OAAO,KAAK;CAC5B,OAAO,OAAO,SAAS,OAAO,IAAI,UAAU;AAC9C;AAEA,SAAgB,gBAAgB,OAA0B;CACxD,MAAM,OAAO,OAAO,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY;CACpD,OAAO,UAAU,IAAI,IAAI,IAAI,OAAmB;AAClD;AAEA,SAAgB,gBAAgB,OAAgB;CAC9C,OAAO,KAAK,IAAI,GAAG,aAAa,OAAO,EAAE,CAAC;AAC5C;AAEA,SAAgB,iBAAiB,MAAgB,OAAgB;CAE/D,OADc,OAAO,SAAS,EAAE,CAAC,CAAC,KACvB,KAAK,oBAAoB;AACtC"}

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

@@ -0,0 +1,45 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { ICON_TYPES, resolveIconColor, resolveIconSize, resolveIconType } from "./helpers.mjs";
+import { ICON_SHADOW_STYLE } from "./style.mjs";
+
+//#region src/runtime/nativeComponents/icon/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+var WeappIcon = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("icon").attributes];
+	#icon;
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		this.#ensureStructure();
+		this.#syncAttributes();
+	}
+	attributeChangedCallback() {
+		this.#syncAttributes();
+	}
+	#ensureStructure() {
+		if (this.#icon || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = ICON_SHADOW_STYLE;
+		const icon = document.createElement("span");
+		icon.className = "icon";
+		icon.setAttribute("role", "img");
+		root.append(style, icon);
+		this.#icon = icon;
+	}
+	#syncAttributes() {
+		if (!this.#icon) return;
+		const type = resolveIconType(this.getAttribute("type"));
+		const size = resolveIconSize(this.getAttribute("size"));
+		const color = resolveIconColor(type, this.getAttribute("color"));
+		this.style.setProperty("--weapp-icon-size", `${size}px`);
+		this.style.setProperty("--weapp-icon-color", color);
+		this.#icon.className = `icon ${type}`;
+		this.#icon.setAttribute("aria-label", type);
+	}
+};
+
+//#endregion
+export { ICON_TYPES, WeappIcon, resolveIconColor, resolveIconSize, resolveIconType };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["#ensureStructure","#syncAttributes","#icon"],"sources":["../../../../src/runtime/nativeComponents/icon/index.ts"],"sourcesContent":["import { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport { resolveIconColor, resolveIconSize, resolveIconType } from './helpers'\nimport { ICON_SHADOW_STYLE } from './style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nexport class WeappIcon extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('icon')!.attributes]\n\n  #icon?: HTMLSpanElement\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    this.#syncAttributes()\n  }\n\n  attributeChangedCallback() {\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#icon || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = ICON_SHADOW_STYLE\n    const icon = document.createElement('span')\n    icon.className = 'icon'\n    icon.setAttribute('role', 'img')\n    root.append(style, icon)\n    this.#icon = icon\n  }\n\n  #syncAttributes() {\n    if (!this.#icon) {\n      return\n    }\n    const type = resolveIconType(this.getAttribute('type'))\n    const size = resolveIconSize(this.getAttribute('size'))\n    const color = resolveIconColor(type, this.getAttribute('color'))\n    this.style.setProperty('--weapp-icon-size', `${size}px`)\n    this.style.setProperty('--weapp-icon-color', color)\n    this.#icon.className = `icon ${type}`\n    this.#icon.setAttribute('aria-label', type)\n  }\n}\n\nexport * from './helpers'\n"],"mappings":";;;;;;;AAMA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,IAAa,YAAb,cAA+B,YAAY;CACzC,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,MAAM,CAAC,CAAE,UAAU;CAEhF;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAKA,iBAAiB;EACtB,KAAKC,gBAAgB;CACvB;CAEA,2BAA2B;EACzB,KAAKA,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAKC,SAAS,OAAO,aAAa,aACpC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;EACpB,MAAM,OAAO,SAAS,cAAc,MAAM;EAC1C,KAAK,YAAY;EACjB,KAAK,aAAa,QAAQ,KAAK;EAC/B,KAAK,OAAO,OAAO,IAAI;EACvB,KAAKA,QAAQ;CACf;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAKA,OACR;EAEF,MAAM,OAAO,gBAAgB,KAAK,aAAa,MAAM,CAAC;EACtD,MAAM,OAAO,gBAAgB,KAAK,aAAa,MAAM,CAAC;EACtD,MAAM,QAAQ,iBAAiB,MAAM,KAAK,aAAa,OAAO,CAAC;EAC/D,KAAK,MAAM,YAAY,qBAAqB,GAAG,KAAK,GAAG;EACvD,KAAK,MAAM,YAAY,sBAAsB,KAAK;EAClD,KAAKA,MAAM,YAAY,QAAQ;EAC/B,KAAKA,MAAM,aAAa,cAAc,IAAI;CAC5C;AACF"}