glass-easel-miniprogram-adapter 0.2.0 → 0.3.0

package/src/types.ts

@@ -1,5 +1,6 @@
-import { DeepCopyKind, typeUtils as utils } from 'glass-easel'
-import type { DefinitionFilter, GeneralBehavior, Behavior } from './behavior'
+import { type DeepCopyKind, type typeUtils as utils } from 'glass-easel'
+import type { Behavior, DefinitionFilter, GeneralBehavior } from './behavior'
+import { type GeneralComponent } from './component'
 
 export { typeUtils as utils } from 'glass-easel'
 
@@ -40,8 +41,9 @@ export type BehaviorDefinition<
   TData extends utils.DataList,
   TProperty extends utils.PropertyList,
   TMethod extends utils.MethodList,
+  TComponentExport,
 > = {
-  behaviors?: Behavior<any, any, any, any>[]
+  behaviors?: Behavior<any, any, any, any, any>[]
   properties?: TProperty
   data?: TData | (() => TData)
   observers?:
@@ -61,6 +63,7 @@ export type BehaviorDefinition<
   relations?: utils.RelationParamsWithKey
   externalClasses?: string[]
   definitionFilter?: DefinitionFilter
+  export?: (source: GeneralComponent | null) => TComponentExport
 }
 
 export type ComponentDefinition<
@@ -70,8 +73,7 @@ export type ComponentDefinition<
   TComponentExport,
 > = {
   options?: ComponentDefinitionOptions
-  export?: () => TComponentExport
-} & BehaviorDefinition<TData, TProperty, TMethod>
+} & BehaviorDefinition<TData, TProperty, TMethod, TComponentExport>
 
 export type GeneralComponentDefinition = ComponentDefinition<any, any, any, any>
 

package/tests/base/env.ts

@@ -1,7 +1,7 @@
 /* eslint-disable no-new-func */
 /* eslint-disable @typescript-eslint/no-implied-eval */
 
-import * as glassEasel from 'glass-easel'
+import type * as glassEasel from 'glass-easel'
 import { TmplGroup } from 'glass-easel-template-compiler'
 
 export const tmpl = (src: string): glassEasel.template.ComponentTemplate => {

package/tests/env.test.ts

@@ -45,7 +45,7 @@ describe('env', () => {
       Component().register()
     })
 
-    const backend = new glassEasel.domlikeBackend.CurrentWindowBackendContext()
+    const backend = new glassEasel.CurrentWindowBackendContext()
     const ab = env.associateBackend(backend)
     const root = ab.createRoot('body', codeSpace, 'path/to/comp')
     expect(domHtml(root.getComponent())).toBe(
@@ -71,7 +71,7 @@ describe('env', () => {
       Component().behavior(beh).register()
     })
 
-    const backend = new glassEasel.domlikeBackend.CurrentWindowBackendContext()
+    const backend = new glassEasel.CurrentWindowBackendContext()
     const ab = env.associateBackend(backend)
     const root = ab.createRoot('body', codeSpace, 'path/to/comp')
     expect(domHtml(root.getComponent())).toBe('<div>123</div>')
@@ -131,7 +131,7 @@ describe('env', () => {
       Component().register()
     })
 
-    const backend = new glassEasel.domlikeBackend.CurrentWindowBackendContext()
+    const backend = new glassEasel.CurrentWindowBackendContext()
     const ab = env.associateBackend(backend)
     const root = ab.createRoot('body', codeSpace, 'path/to/comp')
     expect(domHtml(root.getComponent())).toBe(

package/tests/selector.test.ts

@@ -79,48 +79,171 @@ describe('selector query', () => {
     const env = new MiniProgramEnv()
     const codeSpace = env.createCodeSpace('', true)
 
-    codeSpace.addComponentStaticConfig('child/comp', {
-      component: true,
+    codeSpace.addComponentStaticConfig('child1/comp', { component: true })
+    codeSpace.addComponentStaticConfig('child2/comp', { component: true })
+    codeSpace.addCompiledTemplate('child1/comp', tmpl('{{a}}'))
+    codeSpace.addCompiledTemplate('child2/comp', tmpl('{{a}}'))
+
+    const child1Def = codeSpace.componentEnv('child1/comp', ({ Component }) =>
+      Component()
+        .data(() => ({
+          a: 123,
+        }))
+        .export(function () {
+          return {
+            id: 1,
+            set: (d: { a: number }) => {
+              this.setData(d)
+            },
+          }
+        })
+        .register(),
+    )
+
+    const child2Def = codeSpace.componentEnv('child2/comp', ({ Component }) =>
+      Component()
+        .definition({
+          data: () => ({
+            a: 123,
+          }),
+          export() {
+            return {
+              id: 2,
+              set: (d: { a: number }) => {
+                this.setData(d)
+              },
+            }
+          },
+        })
+        .register(),
+    )
+
+    codeSpace.addComponentStaticConfig('path/to/comp', {
+      usingComponents: {
+        child1: '/child1/comp',
+        child2: '/child2/comp',
+      },
     })
-    codeSpace.addCompiledTemplate('child/comp', tmpl('{{a}}'))
+    codeSpace.addCompiledTemplate(
+      'path/to/comp',
+      tmpl(`
+      <div id="d">
+        <child1 id="c1" />
+        <child2 id="c2" />
+      </div>
+    `),
+    )
+    codeSpace.componentEnv('path/to/comp', ({ Component }) => {
+      const selfDef = Component()
+        .lifetime('attached', function () {
+          expect(this.selectComponent('#d')).toBe(null)
+          expect(this.selectComponent('#c1', child2Def)).toBe(null)
+          expect(this.selectComponent('#c1', selfDef)).toBe(null)
+          expect(this.selectComponent('#c2', child1Def)).toBe(null)
+          expect(this.selectComponent('#c2', selfDef)).toBe(null)
+
+          const c1any = this.selectComponent('#c1') as { id: number }
+          const c1 = this.selectComponent('#c1', child1Def)!
+          const c2any = this.selectComponent('#c2') as { id: number }
+          const c2 = this.selectComponent('#c2', child2Def)!
+
+          expect(c1any.id).toBe(c1.id)
+          expect(c2any.id).toBe(c2.id)
+
+          c1.set({ a: 456 })
+          c2.set({ a: 789 })
+        })
+        .register()
+    })
+
+    const ab = env.associateBackend()
+    const root = ab.createRoot('body', codeSpace, 'path/to/comp')
+    glassEasel.Element.pretendAttached(root.getComponent())
+    expect(domHtml(root.getComponent())).toBe('<div><child1>456</child1><child2>789</child2></div>')
+  })
+
+  test('select single component (with custom export on behavior)', () => {
+    const env = new MiniProgramEnv()
+    const codeSpace = env.createCodeSpace('', true)
+
+    codeSpace.addComponentStaticConfig('child1/comp', { component: true })
+    codeSpace.addComponentStaticConfig('child2/comp', { component: true })
+    codeSpace.addCompiledTemplate('child1/comp', tmpl('{{a}}'))
+    codeSpace.addCompiledTemplate('child2/comp', tmpl('{{a}}'))
+
     // eslint-disable-next-line arrow-body-style
-    const childDef = codeSpace.componentEnv('child/comp', ({ Component }) => {
-      return Component()
+    const child1Def = codeSpace.componentEnv('child1/comp', ({ Behavior, Component }) => {
+      const beh = Behavior()
         .data(() => ({
           a: 123,
         }))
         .export(function () {
           return {
+            id: 1,
             set: (d: { a: number }) => {
               this.setData(d)
             },
           }
         })
         .register()
+
+      return Component().behavior(beh).register()
+    })
+
+    const child2Def = codeSpace.componentEnv('child2/comp', ({ Behavior, Component }) => {
+      const beh = Behavior()
+        .definition({
+          data: () => ({
+            a: 123,
+          }),
+          export() {
+            return {
+              id: 2,
+              set: (d: { a: number }) => {
+                this.setData(d)
+              },
+            }
+          },
+        })
+        .register()
+
+      return Component().behavior(beh).register()
     })
 
     codeSpace.addComponentStaticConfig('path/to/comp', {
       usingComponents: {
-        child: '/child/comp',
+        child1: '/child1/comp',
+        child2: '/child2/comp',
       },
     })
     codeSpace.addCompiledTemplate(
       'path/to/comp',
       tmpl(`
       <div id="d">
-        <child id="c1" />
-        <child id="c2" />
+        <child1 id="c1" />
+        <child2 id="c2" />
       </div>
     `),
     )
     codeSpace.componentEnv('path/to/comp', ({ Component }) => {
       const selfDef = Component()
         .lifetime('attached', function () {
-          // eslint-disable-next-line
-          this.selectComponent('#c1').set({ a: 456 })
-          this.selectComponent('#c2', childDef)!.set({ a: 789 })
-          expect(this.selectComponent('#c2', selfDef)).toBe(null)
           expect(this.selectComponent('#d')).toBe(null)
+          expect(this.selectComponent('#c1', child2Def)).toBe(null)
+          expect(this.selectComponent('#c1', selfDef)).toBe(null)
+          expect(this.selectComponent('#c2', child1Def)).toBe(null)
+          expect(this.selectComponent('#c2', selfDef)).toBe(null)
+
+          const c1any = this.selectComponent('#c1') as { id: number }
+          const c1 = this.selectComponent('#c1', child1Def)!
+          const c2any = this.selectComponent('#c2') as { id: number }
+          const c2 = this.selectComponent('#c2', child2Def)!
+
+          expect(c1any.id).toBe(c1.id)
+          expect(c2any.id).toBe(c2.id)
+
+          c1.set({ a: 456 })
+          c2.set({ a: 789 })
         })
         .register()
     })
@@ -128,7 +251,7 @@ describe('selector query', () => {
     const ab = env.associateBackend()
     const root = ab.createRoot('body', codeSpace, 'path/to/comp')
     glassEasel.Element.pretendAttached(root.getComponent())
-    expect(domHtml(root.getComponent())).toBe('<div><child>456</child><child>789</child></div>')
+    expect(domHtml(root.getComponent())).toBe('<div><child1>456</child1><child2>789</child2></div>')
   })
 
   test('select all components', () => {
@@ -471,7 +594,7 @@ describe('intersection observer', () => {
         .register()
     })
 
-    const backendContext = new glassEasel.composedBackend.EmptyComposedBackendContext()
+    const backendContext = new glassEasel.EmptyComposedBackendContext()
     const ab = env.associateBackend(backendContext)
     const root = ab.createRoot('body', codeSpace, 'path/to/comp')
     glassEasel.Element.pretendAttached(root.getComponent())

package/tests/space.test.ts

@@ -1,12 +1,6 @@
 import * as glassEasel from 'glass-easel'
+import { type BehaviorConstructor, type ComponentConstructor, MiniProgramEnv, types } from '../src'
 import { tmpl } from './base/env'
-import {
-  MiniProgramEnv,
-  StyleIsolation,
-  BehaviorConstructor,
-  ComponentConstructor,
-  types,
-} from '../src'
 
 const domHtml = (elem: glassEasel.Element): string => {
   const domElem = elem.getBackendElement() as unknown as Element
@@ -430,7 +424,7 @@ describe('define', () => {
     codeSpace.addStyleSheet('child/comp', 'empty-style-sheet', 'child-comp')
     codeSpace.addComponentStaticConfig('child/comp', {
       component: true,
-      styleIsolation: StyleIsolation.Shared,
+      styleIsolation: types.StyleIsolation.Shared,
     })
     codeSpace.addCompiledTemplate(
       'child/comp',
@@ -451,7 +445,7 @@ describe('define', () => {
       usingComponents: {
         child: '/child/comp',
       },
-      styleIsolation: StyleIsolation.PageShared,
+      styleIsolation: types.StyleIsolation.PageShared,
     })
     codeSpace.addCompiledTemplate(
       'path/to/comp',
@@ -478,7 +472,7 @@ describe('define', () => {
     codeSpace.addStyleSheet('child/comp', 'empty-style-sheet', 'child-comp')
     codeSpace.addComponentStaticConfig('child/comp', {
       component: true,
-      styleIsolation: StyleIsolation.ApplyShared,
+      styleIsolation: types.StyleIsolation.ApplyShared,
     })
     codeSpace.addCompiledTemplate(
       'child/comp',
@@ -499,7 +493,7 @@ describe('define', () => {
       usingComponents: {
         child: '/child/comp',
       },
-      styleIsolation: StyleIsolation.PageApplyShared,
+      styleIsolation: types.StyleIsolation.PageApplyShared,
     })
     codeSpace.addCompiledTemplate(
       'path/to/comp',
@@ -528,7 +522,7 @@ describe('define', () => {
     codeSpace.addStyleSheet('child/comp', 'empty-style-sheet', 'child-comp')
     codeSpace.addComponentStaticConfig('child/comp', {
       component: true,
-      styleIsolation: StyleIsolation.Isolated,
+      styleIsolation: types.StyleIsolation.Isolated,
     })
     codeSpace.addCompiledTemplate(
       'child/comp',
@@ -549,7 +543,7 @@ describe('define', () => {
       usingComponents: {
         child: '/child/comp',
       },
-      styleIsolation: StyleIsolation.PageIsolated,
+      styleIsolation: types.StyleIsolation.PageIsolated,
     })
     codeSpace.addCompiledTemplate(
       'path/to/comp',
@@ -627,7 +621,7 @@ describe('define', () => {
       usingComponents: {
         child: '/child/comp',
       },
-      styleIsolation: StyleIsolation.PageIsolated,
+      styleIsolation: types.StyleIsolation.PageIsolated,
     })
     codeSpace.addCompiledTemplate(
       'path/to/comp',

package/tsconfig.json

@@ -1,9 +1,7 @@
 {
     "extends": "../tsconfig.json",
-    "compilerOptions": {
-        "declarationDir": "dist/types"
-    },
     "include": [
+        "*.ts",
         "src/**/*.ts",
         "tests/**/*.ts",
         "examples/**/*.ts"

package/dist/types/src/backend.d.ts

@@ -1,59 +0,0 @@
-import * as glassEasel from 'glass-easel';
-import { MiniProgramEnv } from '.';
-import { CodeSpace } from './space';
-/**
- * A backend context that has been associated to an environment
- */
-export declare class AssociatedBackend {
-    private _$env;
-    /** @internal */
-    _$: glassEasel.GeneralBackendContext;
-    /** @internal */
-    constructor(env: MiniProgramEnv, backendContext: glassEasel.GeneralBackendContext);
-    /**
-     * Register a style sheet resource
-     *
-     * Some backend cannot load style sheet URL.
-     * In this cases, the content should be registered here.
-     */
-    registerStyleSheetContent(url: string, content: any): void;
-    /**
-     * Create a root component in specified backend
-     *
-     * The component is searched in the `codeSpace` with `url` .
-     * If `url` contains "?" params, it will be parsed and try to set to component properties.
-     */
-    createRoot(tagName: string, codeSpace: CodeSpace, url: string, genericTargets?: {
-        [key: string]: string;
-    }): Root;
-}
-/**
- * A root component
- */
-export declare class Root {
-    private _$comp;
-    /** @internal */
-    constructor(backendContext: glassEasel.GeneralBackendContext, tagName: string, codeSpace: CodeSpace, url: string, genericTargets?: {
-        [key: string]: string;
-    });
-    /**
-     * Get the underlying component
-     */
-    getComponent(): glassEasel.GeneralComponent;
-    /**
-     * Attach the root component to the backend
-     *
-     * This component, the `parent` and the `placeholder` MUST be in the same context.
-     * The `parent` MUST be a parent node of the `placeholder` .
-     * This also triggers `attached` lifetimes for components.
-     */
-    attach(parent: glassEasel.GeneralBackendElement, placeholder: glassEasel.GeneralBackendElement): void;
-    /**
-     * Release the root component
-     *
-     * Some backends require this explicit call to avoid memory leaks.
-     * This also triggers `detached` lifetimes for components.
-     */
-    release(): void;
-}
-//# sourceMappingURL=backend.d.ts.map

package/dist/types/src/backend.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"backend.d.ts","sourceRoot":"","sources":["../../../src/backend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,cAAc,EAAkB,MAAM,GAAG,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC;;GAEG;AACH,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,KAAK,CAAgB;IAC7B,gBAAgB;IAChB,EAAE,EAAE,UAAU,CAAC,qBAAqB,CAAA;IAEpC,gBAAgB;gBACJ,GAAG,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,CAAC,qBAAqB;IAKjF;;;;;OAKG;IACH,yBAAyB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG;IAInD;;;;;OAKG;IACH,UAAU,CACR,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,MAAM,EACX,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GACzC,IAAI;CAKR;AAED;;GAEG;AACH,qBAAa,IAAI;IACf,OAAO,CAAC,MAAM,CAA6B;IAE3C,gBAAgB;gBAEd,cAAc,EAAE,UAAU,CAAC,qBAAqB,EAChD,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,MAAM,EACX,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE;IA6B5C;;OAEG;IACH,YAAY,IAAI,UAAU,CAAC,gBAAgB;IAI3C;;;;;;OAMG;IACH,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC,qBAAqB;IAI9F;;;;;OAKG;IACH,OAAO;CAIR"}

package/dist/types/src/behavior.d.ts

@@ -1,35 +0,0 @@
-import * as glassEasel from 'glass-easel';
-import { GeneralComponentDefinition, utils as typeUtils } from './types';
-type DataList = typeUtils.DataList;
-type PropertyList = typeUtils.PropertyList;
-type MethodList = typeUtils.MethodList;
-type ChainingFilterType = typeUtils.ChainingFilterType;
-export type DefinitionFilter = (target: GeneralComponentDefinition, childFilters: (((target: GeneralComponentDefinition) => void) | null)[]) => void;
-export type GeneralBehavior = Behavior<Record<string, any>, Record<string, any>, Record<string, any>, any>;
-export declare class Behavior<TData extends DataList, TProperty extends PropertyList, TMethod extends MethodList, TChainingFilter extends ChainingFilterType> {
-    /** @internal */
-    _$: glassEasel.GeneralBehavior;
-    /** @internal */
-    _$bindedDefinitionFilter?: (target: GeneralComponentDefinition) => void;
-    /** @internal */
-    constructor(inner: glassEasel.Behavior<TData, TProperty, TMethod, TChainingFilter>, parents: GeneralBehavior[], definitionFilter: DefinitionFilter | undefined);
-}
-export declare class ComponentType<TData extends DataList, TProperty extends PropertyList, TMethod extends MethodList, TComponentExport> {
-    /** @internal */
-    _$: glassEasel.ComponentDefinition<TData, TProperty, TMethod>;
-    /** @internal */
-    constructor(inner: glassEasel.ComponentDefinition<TData, TProperty, TMethod>);
-}
-export declare class TraitBehavior<TIn extends {
-    [key: string]: any;
-}, TOut extends {
-    [key: string]: any;
-} = TIn> {
-    /** @internal */
-    _$: glassEasel.TraitBehavior<TIn, TOut>;
-    /** @internal */
-    constructor(inner: glassEasel.TraitBehavior<TIn>);
-    constructor(inner: glassEasel.TraitBehavior<TIn, TOut>);
-}
-export {};
-//# sourceMappingURL=behavior.d.ts.map

package/dist/types/src/behavior.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"behavior.d.ts","sourceRoot":"","sources":["../../../src/behavior.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAA;AACzC,OAAO,EAAE,0BAA0B,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAA;AAExE,KAAK,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAA;AAClC,KAAK,YAAY,GAAG,SAAS,CAAC,YAAY,CAAA;AAC1C,KAAK,UAAU,GAAG,SAAS,CAAC,UAAU,CAAA;AACtC,KAAK,kBAAkB,GAAG,SAAS,CAAC,kBAAkB,CAAA;AAEtD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,MAAM,EAAE,0BAA0B,EAClC,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,KACpE,IAAI,CAAA;AAET,MAAM,MAAM,eAAe,GAAG,QAAQ,CACpC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnB,GAAG,CACJ,CAAA;AAED,qBAAa,QAAQ,CACnB,KAAK,SAAS,QAAQ,EACtB,SAAS,SAAS,YAAY,EAC9B,OAAO,SAAS,UAAU,EAC1B,eAAe,SAAS,kBAAkB;IAE1C,gBAAgB;IAChB,EAAE,EAAE,UAAU,CAAC,eAAe,CAAA;IAC9B,gBAAgB;IAChB,wBAAwB,CAAC,EAAE,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAA;IAEvE,gBAAgB;gBAEd,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,CAAC,EACtE,OAAO,EAAE,eAAe,EAAE,EAC1B,gBAAgB,EAAE,gBAAgB,GAAG,SAAS;CAYjD;AAED,qBAAa,aAAa,CACxB,KAAK,SAAS,QAAQ,EACtB,SAAS,SAAS,YAAY,EAC9B,OAAO,SAAS,UAAU,EAE1B,gBAAgB;IAEhB,gBAAgB;IAChB,EAAE,EAAE,UAAU,CAAC,mBAAmB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;IAE7D,gBAAgB;gBACJ,KAAK,EAAE,UAAU,CAAC,mBAAmB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC;CAG7E;AAED,qBAAa,aAAa,CACxB,GAAG,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAClC,IAAI,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,GAAG;IAEzC,gBAAgB;IAChB,EAAE,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;IAEvC,gBAAgB;gBACJ,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC;gBACpC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC;CAIvD"}

package/dist/types/src/component.d.ts

@@ -1,170 +0,0 @@
-import * as glassEasel from 'glass-easel';
-import { utils as typeUtils } from './types';
-import { ComponentType, GeneralBehavior, TraitBehavior } from './behavior';
-import { SelectorQuery } from './selector_query';
-import { IntersectionObserver } from './intersection';
-import { MediaQueryObserver } from './media_query';
-type DataList = typeUtils.DataList;
-type PropertyList = typeUtils.PropertyList;
-type MethodList = typeUtils.MethodList;
-export type AllData<TData extends DataList, TProperty extends PropertyList> = typeUtils.DataWithPropertyValues<TData, TProperty>;
-type ExportType<UData extends DataList, UProperty extends PropertyList, UMethod extends MethodList, UComponentExport> = UComponentExport extends undefined ? Component<UData, UProperty, UMethod, UComponentExport> : UComponentExport;
-export type GeneralComponent = Component<any, any, any, any>;
-export type Component<TData extends DataList, TProperty extends PropertyList, TMethod extends MethodList, TComponentExport> = ComponentCaller<TData, TProperty, TMethod, TComponentExport> & {
-    [k in keyof TMethod]: TMethod[k];
-};
-export declare class ComponentCaller<TData extends DataList, TProperty extends PropertyList, TMethod extends MethodList, TComponentExport> {
-    /** The corresponding `Component` */
-    _$: glassEasel.Component<TData, TProperty, TMethod>;
-    /** @internal */
-    _$export?: (source: GeneralComponent | null) => TComponentExport;
-    /** The component path in the code space */
-    get is(): string;
-    set is(value: string);
-    /** The `id` field in the template */
-    get id(): string;
-    set id(value: string);
-    /** The `data-*` field in the template */
-    get dataset(): {
-        [key: string]: any;
-    } | null;
-    set dataset(value: {
-        [key: string]: any;
-    } | null);
-    /** The component data and property values */
-    get data(): AllData<TData, TProperty>;
-    set data(value: AllData<TData, TProperty>);
-    /** The component data and property values (same as `data` ) */
-    get properties(): AllData<TData, TProperty>;
-    set properties(value: AllData<TData, TProperty>);
-    /**
-     * Group several data update calls
-     *
-     * This method is designed for hinting the backend that some updates should be handled together.
-     * However, this is done automatically now,
-     * so this method is just for backward compatibilities.
-     */
-    groupSetData(callback: () => void): void;
-    /**
-     * Do a classic data update
-     *
-     * The `callback` is called after the update applies in the backend.
-     * In most cases, you SHOULD NOT wait the backend update (that might be very slow),
-     * and most calls, including read calls such as `selectComponent` , simply works immediately.
-     * However, when called inside observers,
-     * the data update will not be applied to templates immediately
-     * (it is recommanded to use `updateData` instead in observers).
-     */
-    setData(newData: Partial<typeUtils.SetDataSetter<typeUtils.DataWithPropertyValues<TData, TProperty>>>, callback?: () => void): void;
-    /**
-     * Schedule a classic data updates
-     *
-     * The data update will not be applied until next `setData` or `applyDataUpdates` call.
-     * When called inside observers, the data update will be applied when observer ends.
-     * All data observers will not be triggered immediately before applied.
-     * Reads of the data will get the unchanged value before applied.
-     */
-    updateData(newData: Partial<typeUtils.SetDataSetter<typeUtils.DataWithPropertyValues<TData, TProperty>>>): void;
-    /**
-     * Schedule a data update on a single specified path
-     *
-     * The data update will not be applied until next `setData` or `applyDataUpdates` call.
-     * All data observers will not be triggered immediately before applied.
-     * Reads of the data will get the unchanged value before applied.
-     */
-    replaceDataOnPath<T extends (string | number)[]>(path: readonly [...T], data: typeUtils.GetFromDataPath<typeUtils.DataWithPropertyValues<TData, TProperty>, T>): void;
-    /**
-     * Schedule an array update
-     *
-     * The behavior is like `Array.prototype.slice` .
-     * Break the array before the `index`-th item, delete `del` items, and insert some items here.
-     * If `index` is undefined, negative, or larger than the length of the array,
-     * no items will be deleted and new items will be appended to the end of the array.
-     * The data update will not be applied until next `setData` or `applyDataUpdates` call.
-     * All data observers will not be triggered immediately before applied.
-     * Reads of the data will get the unchanged value before applied.
-     */
-    spliceArrayDataOnPath<T extends (string | number)[]>(path: readonly [...T], index: typeUtils.GetFromDataPath<typeUtils.DataWithPropertyValues<TData, TProperty>, T> extends any[] ? number | undefined : never, del: typeUtils.GetFromDataPath<typeUtils.DataWithPropertyValues<TData, TProperty>, T> extends any[] ? number | undefined : never, inserts: typeUtils.GetFromDataPath<typeUtils.DataWithPropertyValues<TData, TProperty>, T> extends (infer I)[] ? I[] : never): void;
-    /**
-     * Apply all scheduled updates immediately
-     *
-     * Inside observers, it is generally not .
-     */
-    applyDataUpdates(): void;
-    /**
-     * Pending all data updates in the callback, and apply updates after callback returns
-     *
-     * This function helps grouping several `replaceDataOnPath` or `spliceArrayDataOnPath` calls,
-     * and then apply them at the end of the callback.
-     * `setData` and `applyDataUpdates` calls inside the callback still apply updates immediately.
-     */
-    groupUpdates<T>(callback: () => T): T;
-    /**
-     * Check whether the `other` behavior is a dependent behavior or a implemented trait behavior
-     */
-    hasBehavior(behavior: GeneralBehavior | TraitBehavior<any, any>): boolean;
-    /**
-     * Get the trait behavior implementation of the component
-     *
-     * Returns `undefined` if the specified trait behavior is not implemented.
-     */
-    traitBehavior<TOut extends {
-        [key: string]: any;
-    }>(traitBehavior: TraitBehavior<any, TOut>): TOut | undefined;
-    /** Trigger an event */
-    triggerEvent(name: string, detail: any, options: {
-        bubbles?: boolean;
-        composed?: boolean;
-        capturePhase?: boolean;
-    }): void;
-    /** Create a selector query for searching element inside the component */
-    createSelectorQuery(): SelectorQuery;
-    /** Create an intersection observer */
-    createIntersectionObserver(options?: {
-        thresholds?: number[];
-        initialRatio?: number;
-        observeAll?: boolean;
-    }): IntersectionObserver;
-    /** Create an media query observer */
-    createMediaQueryObserver(): MediaQueryObserver;
-    /**
-     * Query an element inside the component
-     *
-     * If `componentType` is provided, this method will check the selected component type.
-     * If the component type does not match, `null` is returned.
-     */
-    selectComponent(selector: string): any;
-    selectComponent<UData extends DataList, UProperty extends PropertyList, UMethod extends MethodList, UComponentExport>(selector: string, componentType: ComponentType<UData, UProperty, UMethod, UComponentExport>): ExportType<UData, UProperty, UMethod, UComponentExport> | null;
-    /**
-     * Query all elements inside the component
-     *
-     * If `componentType` is provided, this method will check the selected component type.
-     * If a component type does not match, it is not returned.
-     */
-    selectAllComponents(selector: string): GeneralComponent[];
-    selectAllComponents<UData extends DataList, UProperty extends PropertyList, UMethod extends MethodList, UComponentExport>(selector: string, componentType: ComponentType<UData, UProperty, UMethod, UComponentExport>): ExportType<UData, UProperty, UMethod, UComponentExport>[];
-    /**
-     * Get the owner component
-     *
-     * If `componentType` is provided, this method will check the selected component type.
-     * If a component type does not match, `null` is returned.
-     */
-    selectOwnerComponent(): any;
-    selectOwnerComponent<UData extends DataList, UProperty extends PropertyList, UMethod extends MethodList, UComponentExport>(componentType: ComponentType<UData, UProperty, UMethod, UComponentExport>): ExportType<UData, UProperty, UMethod, UComponentExport> | null;
-    getRelationNodes(relationKey: string): GeneralComponent[];
-    /** Cast the component into a general-typed one */
-    general(): GeneralComponent;
-    /**
-     * Cast the component into the specified type
-     *
-     * Returns `null` if the component node is not the instance of the specified component.
-     */
-    asInstanceOf<UData extends DataList, UProperty extends PropertyList, UMethod extends MethodList, UComponentExport>(componentType: ComponentType<UData, UProperty, UMethod, UComponentExport>): Component<UData, UProperty, UMethod, UComponentExport> | null;
-}
-export declare class ComponentProto<TData extends DataList, TProperty extends PropertyList, TMethod extends MethodList, TComponentExport> {
-    private proto;
-    constructor(methods: TMethod, componentExport?: () => TComponentExport);
-    derive(): Component<TData, TProperty, TMethod, TComponentExport>;
-}
-export {};
-//# sourceMappingURL=component.d.ts.map

package/dist/types/src/component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/component.ts"],"names":[],"mappings":"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"}