ea-ui-component

@attribute decorator for defining HTML attribute-mapped properties. Invoke when creating or updating component attributes that map to HTML attributes.

@property decorator for defining pure JavaScript properties that do NOT map to HTML attributes. Invoke when creating internal component state properties.

BEM SCSS mixins for component styling. Invoke when writing or updating component SCSS styles using block/element/modifier/state mixins.

Component CSS styling standards including variables, host styles, states, and responsive patterns. Invoke when creating or updating component SCSS files.

@CustomElement decorator for registering Web Components. Invoke when creating new components or modifying component registration options.

Component documentation generation. Invoke when writing or updating component documentation including API tables, examples, and usage guides.

Event system for Web Components including emit() and custom event classes. Invoke when creating or updating component events.

在对 web components 组件相关的 TypeScript 按照要求来进行更新时

@listen decorator for event binding with automatic cleanup. Invoke when adding event listeners to components, including event delegation and special targets.

@children decorator for querying Light DOM children. Invoke when needing to access light DOM child elements in components.

EaFormAssociatedBase for form-associated components. Invoke when creating form components like input, select, checkbox that need form integration.

@query and @queryAll decorators for DOM element queries in Shadow DOM. Invoke when needing to access shadow DOM elements in components.

Variant type system for component visual variants. Invoke when defining component variant/type attributes using VARIANT_TYPES constant and Enum utility.

BEM class name generation using createBEM() in TypeScript. Invoke when creating or updating component CSS class names in TS code.

HTML safety processing using html() function with DOMPurify. Invoke when inserting HTML content into components or debugging DOMPurify-related issues.

Component lifecycle methods including $mount, $mounted, $beforeUnmount, $unmounted, $updated. Invoke when implementing component lifecycle hooks.

Component testing patterns with Vitest. Invoke when writing or updating component test files, debugging test failures, or working with waitForRender utility.

Type declaration files (types.d.ts) for HTML/Vue/React type support. Invoke when creating or updating component type declarations.