Function createPlaceholderConstructor

ui/src/protocol/standard-components.ts:137–151

* 创建占位符组件构造函数 * * 在实际的 Vue 渲染器实现之前，使用占位符构造函数注册标准组件。 * 这些占位符将在 Vue 组件实现后被替换。 * * @param typeName - 组件类型名称 * @returns 占位符组件构造函数

(typeName: string)

 * @returns 占位符组件构造函数
 */
function createPlaceholderConstructor(typeName: string): ComponentConstructor {
  // 创建一个简单的 HTMLElement 子类作为占位符
  const PlaceholderComponent = class extends HTMLElement {
    static componentType = typeName;

    connectedCallback() {
      this.textContent = `[${typeName} placeholder]`;
    }
  };

  // 设置类名以便调试
  Object.defineProperty(PlaceholderComponent, 'name', { value: `${typeName}Placeholder` });

  return PlaceholderComponent as unknown as ComponentConstructor;
}

/**
 * 注册所有标准组件到注册表