Skip to content

pantoken / renderers/web-components/src / RegisterContext

Ինտերֆեյս: RegisterContext

Ալֆա

register() կանչի կողմից մեկ անգամ կառուցված և յուրաքանչյուր ElementDefinition-ին դեպի թելավորված կիսված վիճակ։ Այն կրում է prefix-գիտակ registry adapter, tag() օգնական ներդրված markup-ի համար, CSS-class prefix I, Invoker Commands support flag + router, wrapper/variantClass/iconSvg factories, և տեղային տվյալներ (strings, locale, dir, firstDay

Առանձնահատկություններ

registry

registry: ElementRegistry

Ալֆա

Scoped registry. վերաշարադրում instui-<base> → ակտիվ-prefix tag get/define-ի վրա։


tag

tag: (base) => string

Ալֆա

Քարտեզել բազային անունը ակտիվ-prefix tag-ի հետ (ներդրված markup-ի համար, querySelector, tagName

Պարամետրեր

base

string

Վերադարձվող արժեք

string


I

I: object

Ալֆա

Inlined component sheets-ի համար CSS-class prefix — միշտ instui, անջատ tag prefix-ից։

prefix

readonly prefix: "instui"


invokerSupported

invokerSupported: boolean

Ալֆա

Արդյո՞ք բրաուզերը աջակցում է Invoker Commands API (command/commandfor):


onCommand

onCommand: OnCommand

Ալֆա

Մեծնեցել target-ի command իրադարձությունները (կամ click fallback) handler-ի դեպ։


wrapper

wrapper: (tag, css, render, options?) => void

Ալֆա

Սահմանել shadow-DOM տարրը. <style>:host{display}css</style> + markup render(host)-ից։ invoker: true փոխանցում է host-ի popovertarget/command inner <button>-ին (IDL)։

Պարամետրեր

tag

string

css

string

render

(host) => string

options?
display?

string

invoker?

boolean

Վերադարձվող արժեք

void


variantClass

variantClass: (name, host) => string

Ալֆա

Կառուցել .instui-<name> դաս ընտրովի -color-<variant> modifier-ով variant-ից։

Պարամետրեր

name

string

host

HTMLElement

Վերադարձվող արժեք

string


iconSvg

iconSvg: (name) => string

Ալֆա

Հաստատել icon անունը inline SVG-ի (դատարկ տող, երբ անհայտ)։

Պարամետրեր

name

string

Վերադարձվող արժեք

string


locale

locale: string

Ալֆա

BCP47 locale tag որն օգտագործվում է toLocaleDateString և Intl ձևավորման համար։


dir

dir: "ltr" | "rtl"

Ալֆա

Տեքստի ուղղությունը ստացված ակտիվ locale bundle-ից։


firstDay

firstDay: number

Ալֆա

Շաբաթի առաջին օր որպես JS Date.getDay() index (0=կիրակի … 6=շաբաթ)։


strings

strings: WebComponentStrings

Ալֆա

Թարգմանված UI տողեր բոլոր վարքային տարրերի համար։