zova-module-a-behavior 5.0.0 → 5.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016-present Zova
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/cli/behavior/boilerplate/{{sceneName}}.{{beanName}}.ts_

@@ -0,0 +1,20 @@
+import type { VNode } from 'vue';
+import type { IDecoratorBehaviorOptions, NextBehavior } from 'zova-module-a-behavior';
+import { BeanBehaviorBase, Behavior } from 'zova-module-a-behavior';
+
+export interface IBehaviorPropsInput<%=argv.beanNameCapitalize%> {}
+
+export interface IBehaviorPropsOutput<%=argv.beanNameCapitalize%> extends IBehaviorPropsInput<%=argv.beanNameCapitalize%> {}
+
+export interface IBehaviorOptions<%=argv.beanNameCapitalize%> extends IDecoratorBehaviorOptions {}
+
+@Behavior<IBehaviorOptions<%=argv.beanNameCapitalize%>>()
+export class Behavior<%=argv.beanNameCapitalize%> extends BeanBehaviorBase<
+  IBehaviorOptions<%=argv.beanNameCapitalize%>,
+  IBehaviorPropsInput<%=argv.beanNameCapitalize%>,
+  IBehaviorPropsOutput<%=argv.beanNameCapitalize%>
+> {
+  protected render(_props: IBehaviorPropsInput<%=argv.beanNameCapitalize%>, next: NextBehavior<IBehaviorPropsOutput<%=argv.beanNameCapitalize%>>): VNode {
+    return next();
+  }
+}

package/cli/behavior/metadata/generate.ts

@@ -0,0 +1,49 @@
+import type { IMetadataCustomGenerateOptions } from '@cabloy/cli';
+
+export default async function (options: IMetadataCustomGenerateOptions): Promise<string> {
+  const { moduleName, globFiles } = options;
+  if (globFiles.length === 0) return '';
+  const contentRecords: string[] = [];
+  for (const { beanName, beanNameCapitalize, isIgnore } of globFiles) {
+    if (isIgnore) continue;
+    const behaviorAttrName = _combineBehaviorAttrName(moduleName, beanName);
+    contentRecords.push(`'${behaviorAttrName}'?: IBehaviorOptions${beanNameCapitalize} | '' | boolean;`);
+  }
+  // combine
+  const content = `/** behaviors: begin */
+import 'vue';
+import 'vue/jsx-runtime';
+
+declare module 'vue' {
+  export interface InputHTMLAttributes {
+    ${contentRecords.join('\n')}
+  }
+}
+
+declare module 'vue/jsx-runtime' {
+  namespace JSX {
+    // need define class/style in IntrinsicAttributes
+    export interface IntrinsicAttributes {
+      ${contentRecords.join('\n')}
+    }
+  }
+}
+/** behaviors: end */
+`;
+  return content;
+}
+
+// bs-providerId-moduleName-beanName
+function _combineBehaviorAttrName(moduleName: string, beanName: string) {
+  const parts = ['bs'];
+  if (!moduleName.startsWith('a-')) {
+    parts.push(moduleName);
+  } else {
+    const moduleNameShort = moduleName.substring('a-'.length);
+    if (!beanName.startsWith(moduleNameShort)) {
+      parts.push(moduleNameShort);
+    }
+  }
+  parts.push(beanName);
+  return parts.join('-');
+}

package/cli/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../../tsconfig.base",
+  "compilerOptions": {
+    "allowImportingTsExtensions": true,
+    "rewriteRelativeImportExtensions": true,
+    "verbatimModuleSyntax": true
+  }
+}

package/dist/index.js

@@ -0,0 +1,318 @@
+import { BeanBase, BeanControllerBase, BeanInfo, BeanScopeBase, SymbolControllerRefDisable, Use, Virtual, cast, createBeanDecorator, deepEqual, disposeInstance, prepareComponentOptions, useController } from "zova";
+import { Bean, Controller, Scope, Service } from "zova-module-a-bean";
+import { createVNode, defineComponent, toRaw } from "vue";
+import { Log } from "zova-module-a-logger";
+import "zova-module-a-behavior";
+import "vue/jsx-runtime";
+import "@vue/runtime-dom";
+//#region src/service/composer.ts
+var _dec$6, _dec2$6, _dec3$3, _dec4$3, _class$6, _class2$3, _descriptor$3;
+function _initializerDefineProperty$3(e, i, r, l) {
+	r && Object.defineProperty(e, i, {
+		enumerable: r.enumerable,
+		configurable: r.configurable,
+		writable: r.writable,
+		value: r.initializer ? r.initializer.call(l) : void 0
+	});
+}
+function _applyDecoratedDescriptor$3(i, e, r, n, l) {
+	var a = {};
+	return Object.keys(n).forEach(function(i) {
+		a[i] = n[i];
+	}), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = !0), a = r.slice().reverse().reduce(function(r, n) {
+		return n(i, e, r) || r;
+	}, a), l && void 0 !== a.initializer && (a.value = a.initializer ? a.initializer.call(l) : void 0, a.initializer = void 0), void 0 === a.initializer ? (Object.defineProperty(i, e, a), null) : a;
+}
+var SymbolSliceOptionsOriginal = Symbol("SymbolSliceOptionsOriginal");
+var ServiceComposer = (_dec$6 = Service(), _dec2$6 = BeanInfo({ module: "a-behavior" }), _dec3$3 = Use("a-bean.sys.onion"), _dec4$3 = Reflect.metadata("design:type", typeof SysOnion === "undefined" ? Object : SysOnion), _dec$6(_class$6 = _dec2$6(_class$6 = (_class2$3 = class ServiceComposer extends BeanBase {
+	constructor(...args) {
+		super(...args);
+		this._composer = void 0;
+		this._onionSlicesOriginal = void 0;
+		_initializerDefineProperty$3(this, "$$sysOnion", _descriptor$3, this);
+	}
+	async __init__(behaviors) {
+		await this.load(behaviors);
+	}
+	__dispose__() {
+		if (this._onionSlicesOriginal) for (const onionSlice of this._onionSlicesOriginal) disposeInstance(onionSlice.beanInstance);
+	}
+	async load(behaviors) {
+		await this.$renderFreezeScope(async () => {
+			await this._loadInner(behaviors);
+		});
+	}
+	async _loadInner(behaviors) {
+		const onionItems = this._prepareOnionItems(behaviors);
+		const onionSlices = await this.$$sysOnion.behavior.loadOnions(onionItems);
+		for (const onionSlice of onionSlices) {
+			const onionSliceOriginal = this._onionSlicesOriginal?.find((item) => item.beanFullName === onionSlice.beanFullName);
+			if (onionSliceOriginal) {
+				onionSlice.beanInstance = onionSliceOriginal.beanInstance;
+				if (!deepEqual(onionSliceOriginal[SymbolSliceOptionsOriginal], onionSlice.options)) await cast(onionSlice.beanInstance).onOptionsChange(onionSlice.options);
+			} else onionSlice.beanInstance = await this.bean._newBean(onionSlice.beanFullName, true, onionSlice.options);
+			onionSlice[SymbolSliceOptionsOriginal] = onionSlice.options;
+		}
+		if (this._onionSlicesOriginal) {
+			for (const onionSlice of this._onionSlicesOriginal) if (!onionSlices.find((item) => item.beanFullName === onionSlice.beanFullName)) disposeInstance(onionSlice.beanInstance);
+		}
+		this._onionSlicesOriginal = onionSlices;
+		this._composer = this.$$sysOnion.behavior.compose(onionSlices, (onionSlice, props, next) => {
+			return cast(cast(onionSlice.beanInstance)).render(props, next);
+		});
+	}
+	render(props, next) {
+		return this._composer(props, next);
+	}
+	_prepareOnionItems(behaviors) {
+		return this._prepareOnionItemsInner([], behaviors);
+	}
+	_prepareOnionItemsInner(onionItems, behaviors) {
+		const behaviors2 = Array.isArray(behaviors) ? behaviors : [behaviors];
+		for (const behaviorItem of behaviors2) if (typeof behaviorItem === "string") onionItems.push({
+			name: behaviorItem,
+			options: void 0
+		});
+		else if (Array.isArray(behaviorItem)) this._prepareOnionItemsInner(onionItems, behaviorItem);
+		else if (typeof behaviorItem === "object") for (const key in behaviorItem) {
+			let options = behaviorItem[key];
+			if (options === false) continue;
+			if (options === true) options = void 0;
+			onionItems.push({
+				name: key,
+				options
+			});
+		}
+		return onionItems;
+	}
+}, _descriptor$3 = _applyDecoratedDescriptor$3(_class2$3.prototype, "$$sysOnion", [_dec3$3, _dec4$3], {
+	configurable: true,
+	enumerable: true,
+	writable: true,
+	initializer: null
+}), _class2$3)) || _class$6) || _class$6);
+//#endregion
+//#region src/bean/bean.behavior.ts
+var _dec$5, _dec2$5, _class$5;
+var BeanBehavior$1 = (_dec$5 = Bean(), _dec2$5 = BeanInfo({ module: "a-behavior" }), _dec$5(_class$5 = _dec2$5(_class$5 = class BeanBehavior extends BeanBase {
+	async createComposer(behaviors) {
+		return await this.bean._newBean(ServiceComposer, true, behaviors);
+	}
+}) || _class$5) || _class$5);
+//#endregion
+//#region src/bean/bean.behaviorBase.ts
+var _dec$4, _dec2$4, _dec3$2, _dec4$2, _dec5$1, _dec6$1, _dec7$1, _dec8, _dec9, _class$4, _class2$2, _descriptor$2, _descriptor2;
+function _initializerDefineProperty$2(e, i, r, l) {
+	r && Object.defineProperty(e, i, {
+		enumerable: r.enumerable,
+		configurable: r.configurable,
+		writable: r.writable,
+		value: r.initializer ? r.initializer.call(l) : void 0
+	});
+}
+function _applyDecoratedDescriptor$2(i, e, r, n, l) {
+	var a = {};
+	return Object.keys(n).forEach(function(i) {
+		a[i] = n[i];
+	}), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = !0), a = r.slice().reverse().reduce(function(r, n) {
+		return n(i, e, r) || r;
+	}, a), l && void 0 !== a.initializer && (a.value = a.initializer ? a.initializer.call(l) : void 0, a.initializer = void 0), void 0 === a.initializer ? (Object.defineProperty(i, e, a), null) : a;
+}
+var BeanBehaviorBase = (_dec$4 = Bean(), _dec2$4 = Virtual(), _dec3$2 = BeanInfo({ module: "a-behavior" }), _dec4$2 = Reflect.metadata("design:type", Function), _dec5$1 = Reflect.metadata("design:paramtypes", [typeof OPTIONS === "undefined" ? Object : OPTIONS]), _dec6$1 = Use({ injectionScope: "host" }), _dec7$1 = Reflect.metadata("design:type", typeof BeanBehavior === "undefined" ? Object : BeanBehavior), _dec8 = Use({ injectionScope: "host" }), _dec9 = Reflect.metadata("design:type", typeof IBehaviorTag === "undefined" ? Object : IBehaviorTag), _dec$4(_class$4 = _dec2$4(_class$4 = _dec3$2(_class$4 = _dec4$2(_class$4 = _dec5$1(_class$4 = (_class2$2 = class BeanBehaviorBase extends BeanBase {
+	constructor(options) {
+		super();
+		this.$options = void 0;
+		_initializerDefineProperty$2(this, "$$beanBehavior", _descriptor$2, this);
+		_initializerDefineProperty$2(this, "$$behaviorTag", _descriptor2, this);
+		this.$options = options;
+	}
+	async onOptionsChange(options) {
+		this.$options = options;
+	}
+	async createComposer(behaviors) {
+		return await this.$$beanBehavior.createComposer(behaviors);
+	}
+	render(_props, next) {
+		return next();
+	}
+}, _descriptor$2 = _applyDecoratedDescriptor$2(_class2$2.prototype, "$$beanBehavior", [_dec6$1, _dec7$1], {
+	configurable: true,
+	enumerable: true,
+	writable: true,
+	initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor$2(_class2$2.prototype, "$$behaviorTag", [_dec8, _dec9], {
+	configurable: true,
+	enumerable: true,
+	writable: true,
+	initializer: null
+}), _class2$2)) || _class$4) || _class$4) || _class$4) || _class$4) || _class$4);
+//#endregion
+//#region src/lib/useBehavior.ts
+function $UseBehavior(behaviorName, options) {
+	return { [behaviorName]: options };
+}
+function $UseBehaviorTag(component) {
+	return {
+		component,
+		name: typeof component === "string" ? component : void 0
+	};
+}
+//#endregion
+//#region src/bean/bean.behaviorsHolder.ts
+var _dec$3, _dec2$3, _dec3$1, _dec4$1, _dec5, _dec6, _dec7, _class$3, _class2$1, _descriptor$1;
+function _initializerDefineProperty$1(e, i, r, l) {
+	r && Object.defineProperty(e, i, {
+		enumerable: r.enumerable,
+		configurable: r.configurable,
+		writable: r.writable,
+		value: r.initializer ? r.initializer.call(l) : void 0
+	});
+}
+function _applyDecoratedDescriptor$1(i, e, r, n, l) {
+	var a = {};
+	return Object.keys(n).forEach(function(i) {
+		a[i] = n[i];
+	}), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = !0), a = r.slice().reverse().reduce(function(r, n) {
+		return n(i, e, r) || r;
+	}, a), l && void 0 !== a.initializer && (a.value = a.initializer ? a.initializer.call(l) : void 0, a.initializer = void 0), void 0 === a.initializer ? (Object.defineProperty(i, e, a), null) : a;
+}
+var BeanBehaviorsHolder = (_dec$3 = Bean(), _dec2$3 = BeanInfo({ module: "a-behavior" }), _dec3$1 = Use(), _dec4$1 = Reflect.metadata("design:type", typeof BeanBehavior$1 === "undefined" ? Object : BeanBehavior$1), _dec5 = Log({
+	args: false,
+	childName: "behavior",
+	level: "debug"
+}), _dec6 = Reflect.metadata("design:type", Function), _dec7 = Reflect.metadata("design:paramtypes", [typeof IBehaviors === "undefined" ? Object : IBehaviors]), _dec$3(_class$3 = _dec2$3(_class$3 = (_class2$1 = class BeanBehaviorsHolder extends BeanBase {
+	constructor(...args) {
+		super(...args);
+		this.options = void 0;
+		this.composer = void 0;
+		_initializerDefineProperty$1(this, "$$beanBehavior", _descriptor$1, this);
+	}
+	async initialize(options) {
+		this.options = options;
+		this.bean._setBean("$$behaviorTag", this.options.behaviorTag);
+		this.composer = await this.$$beanBehavior.createComposer(this._getBehaviorRoot());
+		const behaviors = this.options.behaviors;
+		if (typeof behaviors === "function") this.$watch(behaviors, async (newValue, oldValue) => {
+			if (deepEqual(newValue, oldValue)) return;
+			await this.composer.load(this._getBehaviorRoot(newValue));
+		});
+	}
+	__dispose__() {
+		disposeInstance(this.composer);
+	}
+	_getBehaviors() {
+		let behaviors = this.options.behaviors;
+		if (typeof behaviors === "function") behaviors = behaviors();
+		return behaviors;
+	}
+	_getBehaviorRoot(behaviors) {
+		if (!behaviors) behaviors = this._getBehaviors();
+		return $UseBehavior("a-behavior:root", { behaviors });
+	}
+	render(vNodeDefault, propsCustom) {
+		const { props, children } = this.ctx.instance.vnode;
+		const propsNew = Object.assign({}, propsCustom ?? props);
+		delete propsNew.behaviorTag;
+		delete propsNew.behaviors;
+		return this.composer.render(propsNew, (propsNew) => {
+			if (vNodeDefault) return vNodeDefault(propsNew);
+			return createVNode(toRaw(this.options.behaviorTag.component), propsNew, children);
+		});
+	}
+}, _descriptor$1 = _applyDecoratedDescriptor$1(_class2$1.prototype, "$$beanBehavior", [_dec3$1, _dec4$1], {
+	configurable: true,
+	enumerable: true,
+	writable: true,
+	initializer: null
+}), _applyDecoratedDescriptor$1(_class2$1.prototype, "_getBehaviorRoot", [
+	_dec5,
+	_dec6,
+	_dec7
+], Object.getOwnPropertyDescriptor(_class2$1.prototype, "_getBehaviorRoot"), _class2$1.prototype), _class2$1)) || _class$3) || _class$3);
+//#endregion
+//#region src/component/behavior/controller.tsx
+var _dec$2, _dec2$2, _dec3, _dec4, _class$2, _class2, _descriptor, _ControllerBehavior;
+function _initializerDefineProperty(e, i, r, l) {
+	r && Object.defineProperty(e, i, {
+		enumerable: r.enumerable,
+		configurable: r.configurable,
+		writable: r.writable,
+		value: r.initializer ? r.initializer.call(l) : void 0
+	});
+}
+function _applyDecoratedDescriptor(i, e, r, n, l) {
+	var a = {};
+	return Object.keys(n).forEach(function(i) {
+		a[i] = n[i];
+	}), a.enumerable = !!a.enumerable, a.configurable = !!a.configurable, ("value" in a || a.initializer) && (a.writable = !0), a = r.slice().reverse().reduce(function(r, n) {
+		return n(i, e, r) || r;
+	}, a), l && void 0 !== a.initializer && (a.value = a.initializer ? a.initializer.call(l) : void 0, a.initializer = void 0), void 0 === a.initializer ? (Object.defineProperty(i, e, a), null) : a;
+}
+var ControllerBehavior = (_dec$2 = Controller(), _dec2$2 = BeanInfo({ module: "a-behavior" }), _dec3 = Use(), _dec4 = Reflect.metadata("design:type", typeof BeanBehaviorsHolder === "undefined" ? Object : BeanBehaviorsHolder), _dec$2(_class$2 = _dec2$2(_class$2 = (_class2 = (_ControllerBehavior = class ControllerBehavior extends BeanControllerBase {
+	constructor(...args) {
+		super(...args);
+		this[SymbolControllerRefDisable] = true;
+		_initializerDefineProperty(this, "$$beanBehaviorsHolder", _descriptor, this);
+	}
+	async __init__() {
+		await this.$$beanBehaviorsHolder.initialize({
+			behaviorTag: this.$props.behaviorTag,
+			behaviors: () => {
+				return this.$props.behaviors;
+			}
+		});
+	}
+	render() {
+		return this.$$beanBehaviorsHolder.render();
+	}
+}, _ControllerBehavior.$propsDefault = {}, _ControllerBehavior.$componentOptions = { inheritAttrs: false }, _ControllerBehavior), _descriptor = _applyDecoratedDescriptor(_class2.prototype, "$$beanBehaviorsHolder", [_dec3, _dec4], {
+	configurable: true,
+	enumerable: true,
+	writable: true,
+	initializer: null
+}), _class2)) || _class$2) || _class$2);
+//#endregion
+//#region src/.metadata/component/behavior.ts
+var ZBehavior = defineComponent((_props) => {
+	useController(ControllerBehavior, void 0, void 0);
+	return () => {};
+}, prepareComponentOptions(ControllerBehavior.$componentOptions));
+//#endregion
+//#region src/lib/behavior.ts
+function Behavior(options) {
+	return createBeanDecorator("behavior", "new", true, options);
+}
+//#endregion
+//#region src/bean/behavior.root_.ts
+var _dec$1, _dec2$1, _class$1;
+var BehaviorRoot = (_dec$1 = Behavior(), _dec2$1 = BeanInfo({ module: "a-behavior" }), _dec$1(_class$1 = _dec2$1(_class$1 = class BehaviorRoot extends BeanBehaviorBase {
+	constructor(...args) {
+		super(...args);
+		this.composer = void 0;
+	}
+	async __init__(options) {
+		this.composer = await this.createComposer(options.behaviors);
+	}
+	__dispose__() {
+		disposeInstance(this.composer);
+	}
+	async onOptionsChange(options) {
+		await super.onOptionsChange(options);
+		await this.composer.load(options.behaviors);
+	}
+	render(props, next) {
+		return this.composer.render(props, next);
+	}
+}) || _class$1) || _class$1);
+//#endregion
+//#region src/.metadata/index.ts
+/** behaviors: end */
+/** scope: begin */
+var _dec, _dec2, _class;
+var components = { "behavior": ZBehavior };
+var ScopeModuleABehavior = (_dec = Scope(), _dec2 = BeanInfo({ module: "a-behavior" }), _dec(_class = _dec2(_class = class ScopeModuleABehavior extends BeanScopeBase {}) || _class) || _class);
+/** scope: end */
+//#endregion
+export { $UseBehavior, $UseBehaviorTag, BeanBehavior$1 as BeanBehavior, BeanBehaviorBase, BeanBehaviorsHolder, Behavior, BehaviorRoot, ControllerBehavior, ScopeModuleABehavior, ServiceComposer, ZBehavior, components };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["BeanControllerBase","SymbolControllerRefDisable","Use","Controller","BeanBehaviorsHolder","ControllerBehavior","_dec","_dec2","__z_BeanInfo","module","_dec3","_dec4","Reflect","metadata","Object","_class","_class2","_ControllerBehavior","constructor","args","_initializerDefineProperty","_descriptor","__init__","$$beanBehaviorsHolder","initialize","behaviorTag","$props","behaviors","render","$propsDefault","$componentOptions","inheritAttrs","_applyDecoratedDescriptor","prototype","configurable","enumerable","writable","initializer"],"sources":["../src/service/composer.ts","../src/bean/bean.behavior.ts","../src/bean/bean.behaviorBase.ts","../src/lib/useBehavior.ts","../src/bean/bean.behaviorsHolder.ts","../src/component/behavior/controller.tsx","../src/.metadata/component/behavior.ts","../src/lib/behavior.ts","../src/bean/behavior.root_.ts","../src/.metadata/index.ts"],"sourcesContent":["import type { VNode } from 'vue';\n\nimport { BeanBase, cast, deepEqual, disposeInstance, Use } from 'zova';\nimport { IOnionItem, IOnionSlice, Service, SysOnion, TypeComposer } from 'zova-module-a-bean';\n\nimport type { BeanBehaviorBase } from '../bean/bean.behaviorBase.js';\nimport type { IBehaviorRecord, IBehaviors, IDecoratorBehaviorOptions, NextBehavior } from '../types/behavior.js';\n\nconst SymbolSliceOptionsOriginal = Symbol('SymbolSliceOptionsOriginal');\n\n@Service()\nexport class ServiceComposer extends BeanBase {\n  private _composer: TypeComposer;\n  private _onionSlicesOriginal?: IOnionSlice<IDecoratorBehaviorOptions, keyof IBehaviorRecord, BeanBehaviorBase>[];\n\n  @Use()\n  $$sysOnion: SysOnion;\n\n  protected async __init__(behaviors: IBehaviors) {\n    await this.load(behaviors);\n  }\n\n  protected __dispose__() {\n    if (this._onionSlicesOriginal) {\n      for (const onionSlice of this._onionSlicesOriginal) {\n        disposeInstance(onionSlice.beanInstance);\n      }\n    }\n  }\n\n  public async load(behaviors: IBehaviors) {\n    await this.$renderFreezeScope(async () => {\n      await this._loadInner(behaviors);\n    });\n  }\n\n  private async _loadInner(behaviors: IBehaviors) {\n    // onionItems\n    const onionItems = this._prepareOnionItems(behaviors);\n    // load onions\n    const onionSlices = await this.$$sysOnion.behavior.loadOnions<BeanBehaviorBase>(onionItems);\n    // create behaviors\n    for (const onionSlice of onionSlices) {\n      const onionSliceOriginal = this._onionSlicesOriginal?.find(item => item.beanFullName === onionSlice.beanFullName);\n      if (onionSliceOriginal) {\n        onionSlice.beanInstance = onionSliceOriginal.beanInstance;\n        if (!deepEqual(onionSliceOriginal[SymbolSliceOptionsOriginal], onionSlice.options)) {\n          await cast(onionSlice.beanInstance).onOptionsChange(onionSlice.options);\n        }\n      } else {\n        onionSlice.beanInstance = await this.bean._newBean(onionSlice.beanFullName as any, true, onionSlice.options);\n      }\n      onionSlice[SymbolSliceOptionsOriginal] = onionSlice.options;\n    }\n    // dispose original behaviors\n    if (this._onionSlicesOriginal) {\n      for (const onionSlice of this._onionSlicesOriginal) {\n        const exists = onionSlices.find(item => item.beanFullName === onionSlice.beanFullName);\n        if (!exists) {\n          disposeInstance(onionSlice.beanInstance);\n        }\n      }\n    }\n    // save\n    this._onionSlicesOriginal = onionSlices;\n    // compose\n    this._composer = this.$$sysOnion.behavior.compose(onionSlices, (onionSlice, props: any, next) => {\n      const beanInstance = cast<BeanBehaviorBase>(onionSlice.beanInstance);\n      return cast(beanInstance).render(props, next as any);\n    });\n  }\n\n  public render<PROPS_INPUT, PROPS_OUTPUT = PROPS_INPUT>(props: PROPS_INPUT, next: NextBehavior<PROPS_OUTPUT>): VNode {\n    return this._composer(props, next);\n  }\n\n  private _prepareOnionItems(behaviors: IBehaviors) {\n    const onionItems: IOnionItem<IDecoratorBehaviorOptions, keyof IBehaviorRecord>[] = [];\n    return this._prepareOnionItemsInner(onionItems, behaviors);\n  }\n\n  private _prepareOnionItemsInner(onionItems: IOnionItem<IDecoratorBehaviorOptions, keyof IBehaviorRecord>[], behaviors: IBehaviors) {\n    const behaviors2 = Array.isArray(behaviors) ? behaviors : [behaviors];\n    for (const behaviorItem of behaviors2) {\n      if (typeof behaviorItem === 'string') {\n        onionItems.push({ name: behaviorItem as unknown as keyof IBehaviorRecord, options: undefined });\n      } else if (Array.isArray(behaviorItem)) {\n        this._prepareOnionItemsInner(onionItems, behaviorItem);\n      } else if (typeof behaviorItem === 'object') {\n        for (const key in behaviorItem) {\n          let options = behaviorItem[key];\n          if (options === false) continue;\n          if (options === true) options = undefined;\n          onionItems.push({ name: key as unknown as keyof IBehaviorRecord, options });\n        }\n      }\n    }\n    return onionItems;\n  }\n}\n","import { BeanBase } from 'zova';\nimport { Bean } from 'zova-module-a-bean';\n\nimport type { IBehaviors } from '../types/behavior.js';\n\nimport { ServiceComposer } from '../service/composer.js';\n\n@Bean()\nexport class BeanBehavior extends BeanBase {\n  public async createComposer(behaviors: IBehaviors): Promise<ServiceComposer> {\n    return await this.bean._newBean(ServiceComposer, true, behaviors);\n  }\n}\n","import type { VNode } from 'vue';\n\nimport { BeanBase, Use, Virtual } from 'zova';\nimport { Bean } from 'zova-module-a-bean';\n\nimport type { ServiceComposer } from '../service/composer.js';\nimport type { IBehaviors, IDecoratorBehaviorOptions, NextBehavior } from '../types/behavior.js';\nimport type { IBehaviorTag } from '../types/behavior.js';\nimport type { BeanBehavior } from './bean.behavior.js';\n\n@Bean()\n@Virtual()\nexport class BeanBehaviorBase<\n  OPTIONS extends IDecoratorBehaviorOptions = IDecoratorBehaviorOptions,\n  PROPS_INPUT = unknown,\n  PROPS_OUTPUT = PROPS_INPUT,\n> extends BeanBase {\n  protected $options: OPTIONS;\n\n  @Use({ injectionScope: 'host' })\n  $$beanBehavior: BeanBehavior;\n\n  @Use({ injectionScope: 'host' })\n  $$behaviorTag: IBehaviorTag;\n\n  constructor(options: OPTIONS) {\n    super();\n    this.$options = options;\n  }\n\n  protected async onOptionsChange(options: OPTIONS) {\n    this.$options = options;\n  }\n\n  protected async createComposer(behaviors: IBehaviors): Promise<ServiceComposer> {\n    return await this.$$beanBehavior.createComposer(behaviors);\n  }\n\n  protected render(_props: PROPS_INPUT, next: NextBehavior<PROPS_OUTPUT>): VNode {\n    return next();\n  }\n}\n","import type { Component } from 'vue';\n\nimport type { IBehaviorItem, IBehaviorRecord } from '../types/behavior.js';\n\nexport function $UseBehavior<T extends keyof IBehaviorRecord>(behaviorName: T, options?: Partial<IBehaviorRecord[T]>): IBehaviorItem {\n  return { [behaviorName]: options };\n}\n\nexport function $UseBehaviorTag(component: string | Component) {\n  return {\n    component,\n    name: typeof component === 'string' ? component : undefined,\n  };\n}\n","import { createVNode, toRaw } from 'vue';\nimport { BeanBase, deepEqual, disposeInstance, Use } from 'zova';\nimport { Bean } from 'zova-module-a-bean';\nimport { Log } from 'zova-module-a-logger';\n\nimport type { IBehaviors, IBehaviorTag } from '../types/behavior.js';\n\nimport { $UseBehavior } from '../lib/useBehavior.js';\nimport { ServiceComposer } from '../service/composer.js';\nimport { BeanBehavior } from './bean.behavior.js';\n\nexport interface IBehaviorsHolderOptions {\n  behaviors: IBehaviors | (() => IBehaviors);\n  behaviorTag: IBehaviorTag;\n}\n\n@Bean()\nexport class BeanBehaviorsHolder extends BeanBase {\n  public options: IBehaviorsHolderOptions;\n  private composer: ServiceComposer;\n\n  @Use()\n  $$beanBehavior: BeanBehavior;\n\n  public async initialize(options: IBehaviorsHolderOptions) {\n    this.options = options;\n    this.bean._setBean('$$behaviorTag', this.options.behaviorTag);\n    // composer\n    this.composer = await this.$$beanBehavior.createComposer(this._getBehaviorRoot());\n    // watch\n    const behaviors = this.options.behaviors;\n    if (typeof behaviors === 'function') {\n      this.$watch(behaviors, async (newValue, oldValue) => {\n        if (deepEqual(newValue, oldValue)) return;\n        await this.composer.load(this._getBehaviorRoot(newValue));\n      });\n    }\n  }\n\n  protected __dispose__() {\n    disposeInstance(this.composer);\n  }\n\n  private _getBehaviors() {\n    let behaviors = this.options.behaviors;\n    if (typeof behaviors === 'function') {\n      behaviors = behaviors();\n    }\n    return behaviors;\n  }\n\n  @Log({ args: false, childName: 'behavior', level: 'debug' })\n  private _getBehaviorRoot(behaviors?: IBehaviors) {\n    if (!behaviors) {\n      behaviors = this._getBehaviors();\n    }\n    return $UseBehavior('a-behavior:root' as never, { behaviors } as any);\n  }\n\n  public render(vNodeDefault?: Function, propsCustom?: {}) {\n    const parent = this.ctx.instance;\n    const { props, children } = parent.vnode;\n    // props\n    const propsNew = Object.assign({}, propsCustom ?? props) as any;\n    delete propsNew.behaviorTag;\n    delete propsNew.behaviors;\n    // render\n    return this.composer.render(propsNew, propsNew => {\n      if (vNodeDefault) return vNodeDefault(propsNew);\n      return createVNode(toRaw(this.options.behaviorTag.component), propsNew, children);\n    });\n    // // ensure inner component inherits the async wrapper's ref owner\n    // vnode.ref = parent.vnode.ref;\n    // // pass the custom element callback on to the inner comp\n    // // and remove it from the async wrapper\n    // cast(vnode).ce = cast(parent.vnode).ce;\n    // // delete cast(parent.vnode).ce;\n    // // ok\n    // return vnode;\n  }\n}\n","import type { IComponentOptions } from 'zova';\n\nimport { BeanControllerBase, SymbolControllerRefDisable, Use } from 'zova';\nimport { Controller } from 'zova-module-a-bean';\n\nimport type { IBehaviors, IBehaviorTag } from '../../types/behavior.js';\n\nimport { BeanBehaviorsHolder } from '../../bean/bean.behaviorsHolder.js';\n\nexport interface ControllerBehaviorProps {\n  behaviorTag: IBehaviorTag;\n  behaviors: IBehaviors;\n}\n\n@Controller()\nexport class ControllerBehavior extends BeanControllerBase {\n  static $propsDefault = {};\n  static $componentOptions: IComponentOptions = { inheritAttrs: false };\n  protected [SymbolControllerRefDisable]: boolean = true;\n\n  @Use()\n  $$beanBehaviorsHolder: BeanBehaviorsHolder;\n\n  protected async __init__() {\n    await this.$$beanBehaviorsHolder.initialize({\n      behaviorTag: this.$props.behaviorTag,\n      behaviors: () => {\n        return this.$props.behaviors;\n      },\n    });\n  }\n\n  protected render() {\n    return this.$$beanBehaviorsHolder.render();\n  }\n}\n","import type { TypeControllerInnerProps } from 'zova';\n\nimport { defineComponent } from 'vue';\nimport { prepareComponentOptions, useController } from 'zova';\n\nimport type { ControllerBehaviorProps } from '../../component/behavior/controller.jsx';\n\nimport { ControllerBehavior } from '../../component/behavior/controller.jsx';\nexport type TypeControllerBehaviorPublicProps = {\n  controllerRef?: (ref: ControllerBehavior) => void;\n} & ControllerBehaviorProps;\n\ntype ControllerInnerProps = TypeControllerInnerProps<ControllerBehaviorProps, keyof typeof ControllerBehavior.$propsDefault>;\ndeclare module 'zova-module-a-behavior' {\n  export interface ControllerBehavior {\n    $props: ControllerInnerProps;\n  }\n}\n\nexport const ZBehavior = defineComponent((_props: TypeControllerBehaviorPublicProps) => {\n  useController(ControllerBehavior, undefined, undefined);\n  return () => {};\n}, prepareComponentOptions(ControllerBehavior.$componentOptions));\n","import { createBeanDecorator } from 'zova';\n\nimport type { IDecoratorBehaviorOptions } from '../types/behavior.js';\n\nexport function Behavior<T extends IDecoratorBehaviorOptions>(options?: T): ClassDecorator {\n  return createBeanDecorator('behavior', 'new', true, options);\n}\n","import type { VNode } from 'vue';\n\nimport { disposeInstance } from 'zova';\n\nimport type { ServiceComposer } from '../service/composer.js';\nimport type { IBehaviors, IDecoratorBehaviorOptions, NextBehavior } from '../types/behavior.js';\n\nimport { Behavior } from '../lib/behavior.js';\nimport { BeanBehaviorBase } from './bean.behaviorBase.js';\n\nexport interface IBehaviorPropsInputRoot {}\n\nexport interface IBehaviorPropsOutputRoot {}\n\nexport interface IBehaviorOptionsRoot extends IDecoratorBehaviorOptions {\n  behaviors: IBehaviors;\n}\n\n@Behavior<IBehaviorOptionsRoot>()\nexport class BehaviorRoot extends BeanBehaviorBase<IBehaviorOptionsRoot, IBehaviorPropsInputRoot, IBehaviorPropsOutputRoot> {\n  private composer: ServiceComposer;\n\n  protected async __init__(options: IBehaviorOptionsRoot) {\n    this.composer = await this.createComposer(options.behaviors);\n  }\n\n  protected __dispose__() {\n    disposeInstance(this.composer);\n  }\n\n  protected async onOptionsChange(options: IBehaviorOptionsRoot) {\n    await super.onOptionsChange(options);\n    await this.composer.load(options.behaviors);\n  }\n\n  protected render(props: IBehaviorPropsInputRoot, next: NextBehavior<IBehaviorPropsOutputRoot>): VNode {\n    return this.composer.render(props, next);\n  }\n}\n","// eslint-disable\n/** bean: begin */\nexport * from '../bean/bean.behavior.js';\nexport * from '../bean/bean.behaviorBase.js';\nexport * from '../bean/bean.behaviorsHolder.js';\n\nimport 'zova';\ndeclare module 'zova' {\n  \n  \n}\ndeclare module 'zova-module-a-behavior' {\n  \n        export interface BeanBehavior {\n          /** @internal */\n          get scope(): ScopeModuleABehavior;\n        }\n\n        export interface BeanBehavior {\n          get $beanFullName(): 'a-behavior.bean.behavior';\n          get $onionName(): 'a-behavior:behavior';\n          \n        }\n\n        export interface BeanBehaviorsHolder {\n          /** @internal */\n          get scope(): ScopeModuleABehavior;\n        }\n\n        export interface BeanBehaviorsHolder {\n          get $beanFullName(): 'a-behavior.bean.behaviorsHolder';\n          get $onionName(): 'a-behavior:behaviorsHolder';\n          \n        } \n}\n/** bean: end */\n/** bean: begin */\nimport { BeanBehavior } from '../bean/bean.behavior.js';\nimport { BeanBehaviorBase } from '../bean/bean.behaviorBase.js';\nimport { BeanBehaviorsHolder } from '../bean/bean.behaviorsHolder.js';\nimport 'zova';\ndeclare module 'zova' {\n  export interface IBeanRecordGeneral {\n    'a-behavior.bean.behavior': BeanBehavior;\n'a-behavior.bean.behaviorBase': BeanBehaviorBase;\n'a-behavior.bean.behaviorsHolder': BeanBehaviorsHolder;\n  }\n}\n/** bean: end */\n/** service: begin */\nexport * from '../service/composer.js';\n\nimport 'zova-module-a-bean';\ndeclare module 'zova-module-a-bean' {\n  \n    export interface IServiceRecord {\n      'a-behavior:composer': never;\n    }\n\n  \n}\ndeclare module 'zova-module-a-behavior' {\n  \n        export interface ServiceComposer {\n          /** @internal */\n          get scope(): ScopeModuleABehavior;\n        }\n\n        export interface ServiceComposer {\n          get $beanFullName(): 'a-behavior.service.composer';\n          get $onionName(): 'a-behavior:composer';\n          \n        } \n}\n/** service: end */\n/** service: begin */\nimport { ServiceComposer } from '../service/composer.js';\nimport 'zova';\ndeclare module 'zova' {\n  export interface IBeanRecordGeneral {\n    'a-behavior.service.composer': ServiceComposer;\n  }\n}\n/** service: end */\n/** controller: begin */\nexport * from '../component/behavior/controller.jsx';\n\nimport 'zova';\ndeclare module 'zova' {\n  \n  \n}\ndeclare module 'zova-module-a-behavior' {\n  \n        export interface ControllerBehavior {\n          /** @internal */\n          get scope(): ScopeModuleABehavior;\n        } \n}\n/** controller: end */\n/** controller: begin */\nimport { ControllerBehavior } from '../component/behavior/controller.jsx';\nimport 'zova';\ndeclare module 'zova' {\n  export interface IBeanRecordLocal {\n    'a-behavior.controller.behavior': ControllerBehavior;\n  }\n}\n/** controller: end */\n\n/** components: begin */\nexport * from './component/behavior.js';\nimport { ZBehavior } from './component/behavior.js';\nexport const components = {\n  'behavior': ZBehavior,\n};\nimport 'zova';\ndeclare module 'zova' {\nexport interface IComponentRecord {\n  'a-behavior:behavior': ControllerBehavior;\n}\nexport interface IZovaComponentRecord {\n  'a-behavior:behavior': typeof ZBehavior;\n}\n}\n/** components: end */\n/** behavior: begin */\nexport * from '../bean/behavior.root_.js';\n\nimport 'zova-module-a-behavior';\ndeclare module 'zova-module-a-behavior' {\n  \n  \n}\ndeclare module 'zova-module-a-behavior' {\n   \n}\n/** behavior: end */\n/** behaviors: begin */\nimport 'vue';\nimport 'vue/jsx-runtime';\n\ndeclare module 'vue' {\n  export interface InputHTMLAttributes {\n    \n  }\n}\n\ndeclare module 'vue/jsx-runtime' {\n  namespace JSX {\n    // need define class/style in IntrinsicAttributes\n    export interface IntrinsicAttributes {\n      \n    }\n  }\n}\n/** behaviors: end */\n/** scope: begin */\nimport { BeanScopeBase, type BeanScopeUtil } from 'zova';\nimport { Scope } from 'zova-module-a-bean';\n\n@Scope()\nexport class ScopeModuleABehavior extends BeanScopeBase {}\n\nexport interface ScopeModuleABehavior {\n  util: BeanScopeUtil;\n}\n\nimport 'zova';\ndeclare module 'zova' {\n  export interface IBeanScopeRecord {\n    'a-behavior': ScopeModuleABehavior;\n  }\n  \n  \n\n  \n\n  \n}\n  \n/** scope: end */\n"],"mappings":"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"}

package/dist-cli/behavior/metadata/generate.js

@@ -0,0 +1,49 @@
+export default async function (options) {
+    const { moduleName, globFiles } = options;
+    if (globFiles.length === 0)
+        return '';
+    const contentRecords = [];
+    for (const { beanName, beanNameCapitalize, isIgnore } of globFiles) {
+        if (isIgnore)
+            continue;
+        const behaviorAttrName = _combineBehaviorAttrName(moduleName, beanName);
+        contentRecords.push(`'${behaviorAttrName}'?: IBehaviorOptions${beanNameCapitalize} | '' | boolean;`);
+    }
+    // combine
+    const content = `/** behaviors: begin */
+import 'vue';
+import 'vue/jsx-runtime';
+
+declare module 'vue' {
+  export interface InputHTMLAttributes {
+    ${contentRecords.join('\n')}
+  }
+}
+
+declare module 'vue/jsx-runtime' {
+  namespace JSX {
+    // need define class/style in IntrinsicAttributes
+    export interface IntrinsicAttributes {
+      ${contentRecords.join('\n')}
+    }
+  }
+}
+/** behaviors: end */
+`;
+    return content;
+}
+// bs-providerId-moduleName-beanName
+function _combineBehaviorAttrName(moduleName, beanName) {
+    const parts = ['bs'];
+    if (!moduleName.startsWith('a-')) {
+        parts.push(moduleName);
+    }
+    else {
+        const moduleNameShort = moduleName.substring('a-'.length);
+        if (!beanName.startsWith(moduleNameShort)) {
+            parts.push(moduleNameShort);
+        }
+    }
+    parts.push(beanName);
+    return parts.join('-');
+}

package/package.json

@@ -1,37 +1,49 @@
 {
   "name": "zova-module-a-behavior",
-  "version": "5.0.0",
+  "version": "5.1.0",
+  "description": "",
+  "keywords": [
+    "Zova Module"
+  ],
+  "author": "",
+  "files": [
+    "cli",
+    "dist",
+    "mock",
+    "rest",
+    "src",
+    "icons",
+    "assets",
+    "dist-cli"
+  ],
   "type": "module",
-  "publishConfig": {
-    "access": "public"
-  },
   "exports": {
     ".": {
       "types": [
         "./src/index.ts",
         "./dist/index.d.ts"
       ],
-      "development": "./src/index.ts",
-      "import": "./dist/index.js",
-      "default": "./src/index.ts"
+      "default": "./dist/index.js"
     },
-    "./package.json": "./package.json"
+    "./*": "./*"
   },
-  "description": "",
-  "files": [
-    "dist",
-    "static",
-    "typings"
-  ],
   "scripts": {
-    "build:front": "node ../../../../../scripts/egg-born-bin.js front-build-module",
-    "build:backend": "node ../../../../../scripts/egg-born-bin.js backend-build-module",
-    "build:all": "npm run build:front && npm run build:backend",
-    "preversion": "npm run build:all && git add ."
+    "clean": "rimraf dist dist-cli tsconfig.build.tsbuildinfo tsconfig.cli.tsbuildinfo",
+    "tsc:publish": "npm run clean && zova :bin:buildModule --sourcemap && tsc -p tsconfig.cli.json",
+    "prepublishOnly": "npm run tsc:publish",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore && npm run clean"
   },
-  "keywords": [
-    "Cabloy Module"
-  ],
-  "author": "zhennann",
-  "dependencies": {}
+  "title": "a-behavior",
+  "zovaModule": {
+    "onions": {
+      "behavior": {
+        "optionsGlobalInterfaceName": "IDecoratorBehaviorOptions",
+        "optionsGlobalInterfaceFrom": "zova-module-a-behavior",
+        "boilerplate": "behavior/boilerplate",
+        "metadataCustom": "behavior/metadata/generate.ts"
+      }
+    }
+  },
+  "gitHead": "bf1ceb4582381c74ba41ccf11b89d3b9e7b73628"
 }

package/rest/component/behavior.ts

@@ -0,0 +1,8 @@
+import type { TypeRenderComponentJsxPropsPublic } from 'zova-jsx';
+
+import type { ControllerBehaviorProps } from '../../src/component/behavior/controller.jsx';
+
+type TypeControllerBehaviorPublicProps = TypeRenderComponentJsxPropsPublic & ControllerBehaviorProps;
+export function ZZBehavior(_props: TypeControllerBehaviorPublicProps) {
+  return 'a-behavior:behavior';
+}

package/rest/components.ts

@@ -0,0 +1 @@
+export * from './component/behavior.js';

package/rest/index.ts

@@ -0,0 +1 @@
+export * from './components.js';

package/src/.metadata/component/behavior.ts

@@ -0,0 +1,23 @@
+import type { TypeControllerInnerProps } from 'zova';
+
+import { defineComponent } from 'vue';
+import { prepareComponentOptions, useController } from 'zova';
+
+import type { ControllerBehaviorProps } from '../../component/behavior/controller.jsx';
+
+import { ControllerBehavior } from '../../component/behavior/controller.jsx';
+export type TypeControllerBehaviorPublicProps = {
+  controllerRef?: (ref: ControllerBehavior) => void;
+} & ControllerBehaviorProps;
+
+type ControllerInnerProps = TypeControllerInnerProps<ControllerBehaviorProps, keyof typeof ControllerBehavior.$propsDefault>;
+declare module 'zova-module-a-behavior' {
+  export interface ControllerBehavior {
+    $props: ControllerInnerProps;
+  }
+}
+
+export const ZBehavior = defineComponent((_props: TypeControllerBehaviorPublicProps) => {
+  useController(ControllerBehavior, undefined, undefined);
+  return () => {};
+}, prepareComponentOptions(ControllerBehavior.$componentOptions));

package/src/.metadata/index.ts

@@ -0,0 +1,182 @@
+// eslint-disable
+/** bean: begin */
+export * from '../bean/bean.behavior.js';
+export * from '../bean/bean.behaviorBase.js';
+export * from '../bean/bean.behaviorsHolder.js';
+
+import 'zova';
+declare module 'zova' {
+  
+  
+}
+declare module 'zova-module-a-behavior' {
+  
+        export interface BeanBehavior {
+          /** @internal */
+          get scope(): ScopeModuleABehavior;
+        }
+
+        export interface BeanBehavior {
+          get $beanFullName(): 'a-behavior.bean.behavior';
+          get $onionName(): 'a-behavior:behavior';
+          
+        }
+
+        export interface BeanBehaviorsHolder {
+          /** @internal */
+          get scope(): ScopeModuleABehavior;
+        }
+
+        export interface BeanBehaviorsHolder {
+          get $beanFullName(): 'a-behavior.bean.behaviorsHolder';
+          get $onionName(): 'a-behavior:behaviorsHolder';
+          
+        } 
+}
+/** bean: end */
+/** bean: begin */
+import { BeanBehavior } from '../bean/bean.behavior.js';
+import { BeanBehaviorBase } from '../bean/bean.behaviorBase.js';
+import { BeanBehaviorsHolder } from '../bean/bean.behaviorsHolder.js';
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecordGeneral {
+    'a-behavior.bean.behavior': BeanBehavior;
+'a-behavior.bean.behaviorBase': BeanBehaviorBase;
+'a-behavior.bean.behaviorsHolder': BeanBehaviorsHolder;
+  }
+}
+/** bean: end */
+/** service: begin */
+export * from '../service/composer.js';
+
+import 'zova-module-a-bean';
+declare module 'zova-module-a-bean' {
+  
+    export interface IServiceRecord {
+      'a-behavior:composer': never;
+    }
+
+  
+}
+declare module 'zova-module-a-behavior' {
+  
+        export interface ServiceComposer {
+          /** @internal */
+          get scope(): ScopeModuleABehavior;
+        }
+
+        export interface ServiceComposer {
+          get $beanFullName(): 'a-behavior.service.composer';
+          get $onionName(): 'a-behavior:composer';
+          
+        } 
+}
+/** service: end */
+/** service: begin */
+import { ServiceComposer } from '../service/composer.js';
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecordGeneral {
+    'a-behavior.service.composer': ServiceComposer;
+  }
+}
+/** service: end */
+/** controller: begin */
+export * from '../component/behavior/controller.jsx';
+
+import 'zova';
+declare module 'zova' {
+  
+  
+}
+declare module 'zova-module-a-behavior' {
+  
+        export interface ControllerBehavior {
+          /** @internal */
+          get scope(): ScopeModuleABehavior;
+        } 
+}
+/** controller: end */
+/** controller: begin */
+import { ControllerBehavior } from '../component/behavior/controller.jsx';
+import 'zova';
+declare module 'zova' {
+  export interface IBeanRecordLocal {
+    'a-behavior.controller.behavior': ControllerBehavior;
+  }
+}
+/** controller: end */
+
+/** components: begin */
+export * from './component/behavior.js';
+import { ZBehavior } from './component/behavior.js';
+export const components = {
+  'behavior': ZBehavior,
+};
+import 'zova';
+declare module 'zova' {
+export interface IComponentRecord {
+  'a-behavior:behavior': ControllerBehavior;
+}
+export interface IZovaComponentRecord {
+  'a-behavior:behavior': typeof ZBehavior;
+}
+}
+/** components: end */
+/** behavior: begin */
+export * from '../bean/behavior.root_.js';
+
+import 'zova-module-a-behavior';
+declare module 'zova-module-a-behavior' {
+  
+  
+}
+declare module 'zova-module-a-behavior' {
+   
+}
+/** behavior: end */
+/** behaviors: begin */
+import 'vue';
+import 'vue/jsx-runtime';
+
+declare module 'vue' {
+  export interface InputHTMLAttributes {
+    
+  }
+}
+
+declare module 'vue/jsx-runtime' {
+  namespace JSX {
+    // need define class/style in IntrinsicAttributes
+    export interface IntrinsicAttributes {
+      
+    }
+  }
+}
+/** behaviors: end */
+/** scope: begin */
+import { BeanScopeBase, type BeanScopeUtil } from 'zova';
+import { Scope } from 'zova-module-a-bean';
+
+@Scope()
+export class ScopeModuleABehavior extends BeanScopeBase {}
+
+export interface ScopeModuleABehavior {
+  util: BeanScopeUtil;
+}
+
+import 'zova';
+declare module 'zova' {
+  export interface IBeanScopeRecord {
+    'a-behavior': ScopeModuleABehavior;
+  }
+  
+  
+
+  
+
+  
+}
+  
+/** scope: end */

package/src/.metadata/this.ts

@@ -0,0 +1,2 @@
+export const __ThisModule__ = 'a-behavior';
+export { ScopeModuleABehavior as ScopeModule } from './index.js';

package/src/bean/bean.behavior.ts

@@ -0,0 +1,13 @@
+import { BeanBase } from 'zova';
+import { Bean } from 'zova-module-a-bean';
+
+import type { IBehaviors } from '../types/behavior.js';
+
+import { ServiceComposer } from '../service/composer.js';
+
+@Bean()
+export class BeanBehavior extends BeanBase {
+  public async createComposer(behaviors: IBehaviors): Promise<ServiceComposer> {
+    return await this.bean._newBean(ServiceComposer, true, behaviors);
+  }
+}

package/src/bean/bean.behaviorBase.ts

@@ -0,0 +1,42 @@
+import type { VNode } from 'vue';
+
+import { BeanBase, Use, Virtual } from 'zova';
+import { Bean } from 'zova-module-a-bean';
+
+import type { ServiceComposer } from '../service/composer.js';
+import type { IBehaviors, IDecoratorBehaviorOptions, NextBehavior } from '../types/behavior.js';
+import type { IBehaviorTag } from '../types/behavior.js';
+import type { BeanBehavior } from './bean.behavior.js';
+
+@Bean()
+@Virtual()
+export class BeanBehaviorBase<
+  OPTIONS extends IDecoratorBehaviorOptions = IDecoratorBehaviorOptions,
+  PROPS_INPUT = unknown,
+  PROPS_OUTPUT = PROPS_INPUT,
+> extends BeanBase {
+  protected $options: OPTIONS;
+
+  @Use({ injectionScope: 'host' })
+  $$beanBehavior: BeanBehavior;
+
+  @Use({ injectionScope: 'host' })
+  $$behaviorTag: IBehaviorTag;
+
+  constructor(options: OPTIONS) {
+    super();
+    this.$options = options;
+  }
+
+  protected async onOptionsChange(options: OPTIONS) {
+    this.$options = options;
+  }
+
+  protected async createComposer(behaviors: IBehaviors): Promise<ServiceComposer> {
+    return await this.$$beanBehavior.createComposer(behaviors);
+  }
+
+  protected render(_props: PROPS_INPUT, next: NextBehavior<PROPS_OUTPUT>): VNode {
+    return next();
+  }
+}

package/src/bean/bean.behaviorsHolder.ts

@@ -0,0 +1,81 @@
+import { createVNode, toRaw } from 'vue';
+import { BeanBase, deepEqual, disposeInstance, Use } from 'zova';
+import { Bean } from 'zova-module-a-bean';
+import { Log } from 'zova-module-a-logger';
+
+import type { IBehaviors, IBehaviorTag } from '../types/behavior.js';
+
+import { $UseBehavior } from '../lib/useBehavior.js';
+import { ServiceComposer } from '../service/composer.js';
+import { BeanBehavior } from './bean.behavior.js';
+
+export interface IBehaviorsHolderOptions {
+  behaviors: IBehaviors | (() => IBehaviors);
+  behaviorTag: IBehaviorTag;
+}
+
+@Bean()
+export class BeanBehaviorsHolder extends BeanBase {
+  public options: IBehaviorsHolderOptions;
+  private composer: ServiceComposer;
+
+  @Use()
+  $$beanBehavior: BeanBehavior;
+
+  public async initialize(options: IBehaviorsHolderOptions) {
+    this.options = options;
+    this.bean._setBean('$$behaviorTag', this.options.behaviorTag);
+    // composer
+    this.composer = await this.$$beanBehavior.createComposer(this._getBehaviorRoot());
+    // watch
+    const behaviors = this.options.behaviors;
+    if (typeof behaviors === 'function') {
+      this.$watch(behaviors, async (newValue, oldValue) => {
+        if (deepEqual(newValue, oldValue)) return;
+        await this.composer.load(this._getBehaviorRoot(newValue));
+      });
+    }
+  }
+
+  protected __dispose__() {
+    disposeInstance(this.composer);
+  }
+
+  private _getBehaviors() {
+    let behaviors = this.options.behaviors;
+    if (typeof behaviors === 'function') {
+      behaviors = behaviors();
+    }
+    return behaviors;
+  }
+
+  @Log({ args: false, childName: 'behavior', level: 'debug' })
+  private _getBehaviorRoot(behaviors?: IBehaviors) {
+    if (!behaviors) {
+      behaviors = this._getBehaviors();
+    }
+    return $UseBehavior('a-behavior:root' as never, { behaviors } as any);
+  }
+
+  public render(vNodeDefault?: Function, propsCustom?: {}) {
+    const parent = this.ctx.instance;
+    const { props, children } = parent.vnode;
+    // props
+    const propsNew = Object.assign({}, propsCustom ?? props) as any;
+    delete propsNew.behaviorTag;
+    delete propsNew.behaviors;
+    // render
+    return this.composer.render(propsNew, propsNew => {
+      if (vNodeDefault) return vNodeDefault(propsNew);
+      return createVNode(toRaw(this.options.behaviorTag.component), propsNew, children);
+    });
+    // // ensure inner component inherits the async wrapper's ref owner
+    // vnode.ref = parent.vnode.ref;
+    // // pass the custom element callback on to the inner comp
+    // // and remove it from the async wrapper
+    // cast(vnode).ce = cast(parent.vnode).ce;
+    // // delete cast(parent.vnode).ce;
+    // // ok
+    // return vnode;
+  }
+}

package/src/bean/behavior.root_.ts

@@ -0,0 +1,39 @@
+import type { VNode } from 'vue';
+
+import { disposeInstance } from 'zova';
+
+import type { ServiceComposer } from '../service/composer.js';
+import type { IBehaviors, IDecoratorBehaviorOptions, NextBehavior } from '../types/behavior.js';
+
+import { Behavior } from '../lib/behavior.js';
+import { BeanBehaviorBase } from './bean.behaviorBase.js';
+
+export interface IBehaviorPropsInputRoot {}
+
+export interface IBehaviorPropsOutputRoot {}
+
+export interface IBehaviorOptionsRoot extends IDecoratorBehaviorOptions {
+  behaviors: IBehaviors;
+}
+
+@Behavior<IBehaviorOptionsRoot>()
+export class BehaviorRoot extends BeanBehaviorBase<IBehaviorOptionsRoot, IBehaviorPropsInputRoot, IBehaviorPropsOutputRoot> {
+  private composer: ServiceComposer;
+
+  protected async __init__(options: IBehaviorOptionsRoot) {
+    this.composer = await this.createComposer(options.behaviors);
+  }
+
+  protected __dispose__() {
+    disposeInstance(this.composer);
+  }
+
+  protected async onOptionsChange(options: IBehaviorOptionsRoot) {
+    await super.onOptionsChange(options);
+    await this.composer.load(options.behaviors);
+  }
+
+  protected render(props: IBehaviorPropsInputRoot, next: NextBehavior<IBehaviorPropsOutputRoot>): VNode {
+    return this.composer.render(props, next);
+  }
+}

package/src/component/behavior/controller.tsx

@@ -0,0 +1,36 @@
+import type { IComponentOptions } from 'zova';
+
+import { BeanControllerBase, SymbolControllerRefDisable, Use } from 'zova';
+import { Controller } from 'zova-module-a-bean';
+
+import type { IBehaviors, IBehaviorTag } from '../../types/behavior.js';
+
+import { BeanBehaviorsHolder } from '../../bean/bean.behaviorsHolder.js';
+
+export interface ControllerBehaviorProps {
+  behaviorTag: IBehaviorTag;
+  behaviors: IBehaviors;
+}
+
+@Controller()
+export class ControllerBehavior extends BeanControllerBase {
+  static $propsDefault = {};
+  static $componentOptions: IComponentOptions = { inheritAttrs: false };
+  protected [SymbolControllerRefDisable]: boolean = true;
+
+  @Use()
+  $$beanBehaviorsHolder: BeanBehaviorsHolder;
+
+  protected async __init__() {
+    await this.$$beanBehaviorsHolder.initialize({
+      behaviorTag: this.$props.behaviorTag,
+      behaviors: () => {
+        return this.$props.behaviors;
+      },
+    });
+  }
+
+  protected render() {
+    return this.$$beanBehaviorsHolder.render();
+  }
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './.metadata/index.js';
+export * from './lib/index.js';
+export * from './types/index.js';

package/src/lib/behavior.ts

@@ -0,0 +1,7 @@
+import { createBeanDecorator } from 'zova';
+
+import type { IDecoratorBehaviorOptions } from '../types/behavior.js';
+
+export function Behavior<T extends IDecoratorBehaviorOptions>(options?: T): ClassDecorator {
+  return createBeanDecorator('behavior', 'new', true, options);
+}

package/src/lib/index.ts

@@ -0,0 +1,2 @@
+export * from './behavior.js';
+export * from './useBehavior.js';

package/src/lib/useBehavior.ts

@@ -0,0 +1,14 @@
+import type { Component } from 'vue';
+
+import type { IBehaviorItem, IBehaviorRecord } from '../types/behavior.js';
+
+export function $UseBehavior<T extends keyof IBehaviorRecord>(behaviorName: T, options?: Partial<IBehaviorRecord[T]>): IBehaviorItem {
+  return { [behaviorName]: options };
+}
+
+export function $UseBehaviorTag(component: string | Component) {
+  return {
+    component,
+    name: typeof component === 'string' ? component : undefined,
+  };
+}

package/src/service/composer.ts

@@ -0,0 +1,100 @@
+import type { VNode } from 'vue';
+
+import { BeanBase, cast, deepEqual, disposeInstance, Use } from 'zova';
+import { IOnionItem, IOnionSlice, Service, SysOnion, TypeComposer } from 'zova-module-a-bean';
+
+import type { BeanBehaviorBase } from '../bean/bean.behaviorBase.js';
+import type { IBehaviorRecord, IBehaviors, IDecoratorBehaviorOptions, NextBehavior } from '../types/behavior.js';
+
+const SymbolSliceOptionsOriginal = Symbol('SymbolSliceOptionsOriginal');
+
+@Service()
+export class ServiceComposer extends BeanBase {
+  private _composer: TypeComposer;
+  private _onionSlicesOriginal?: IOnionSlice<IDecoratorBehaviorOptions, keyof IBehaviorRecord, BeanBehaviorBase>[];
+
+  @Use()
+  $$sysOnion: SysOnion;
+
+  protected async __init__(behaviors: IBehaviors) {
+    await this.load(behaviors);
+  }
+
+  protected __dispose__() {
+    if (this._onionSlicesOriginal) {
+      for (const onionSlice of this._onionSlicesOriginal) {
+        disposeInstance(onionSlice.beanInstance);
+      }
+    }
+  }
+
+  public async load(behaviors: IBehaviors) {
+    await this.$renderFreezeScope(async () => {
+      await this._loadInner(behaviors);
+    });
+  }
+
+  private async _loadInner(behaviors: IBehaviors) {
+    // onionItems
+    const onionItems = this._prepareOnionItems(behaviors);
+    // load onions
+    const onionSlices = await this.$$sysOnion.behavior.loadOnions<BeanBehaviorBase>(onionItems);
+    // create behaviors
+    for (const onionSlice of onionSlices) {
+      const onionSliceOriginal = this._onionSlicesOriginal?.find(item => item.beanFullName === onionSlice.beanFullName);
+      if (onionSliceOriginal) {
+        onionSlice.beanInstance = onionSliceOriginal.beanInstance;
+        if (!deepEqual(onionSliceOriginal[SymbolSliceOptionsOriginal], onionSlice.options)) {
+          await cast(onionSlice.beanInstance).onOptionsChange(onionSlice.options);
+        }
+      } else {
+        onionSlice.beanInstance = await this.bean._newBean(onionSlice.beanFullName as any, true, onionSlice.options);
+      }
+      onionSlice[SymbolSliceOptionsOriginal] = onionSlice.options;
+    }
+    // dispose original behaviors
+    if (this._onionSlicesOriginal) {
+      for (const onionSlice of this._onionSlicesOriginal) {
+        const exists = onionSlices.find(item => item.beanFullName === onionSlice.beanFullName);
+        if (!exists) {
+          disposeInstance(onionSlice.beanInstance);
+        }
+      }
+    }
+    // save
+    this._onionSlicesOriginal = onionSlices;
+    // compose
+    this._composer = this.$$sysOnion.behavior.compose(onionSlices, (onionSlice, props: any, next) => {
+      const beanInstance = cast<BeanBehaviorBase>(onionSlice.beanInstance);
+      return cast(beanInstance).render(props, next as any);
+    });
+  }
+
+  public render<PROPS_INPUT, PROPS_OUTPUT = PROPS_INPUT>(props: PROPS_INPUT, next: NextBehavior<PROPS_OUTPUT>): VNode {
+    return this._composer(props, next);
+  }
+
+  private _prepareOnionItems(behaviors: IBehaviors) {
+    const onionItems: IOnionItem<IDecoratorBehaviorOptions, keyof IBehaviorRecord>[] = [];
+    return this._prepareOnionItemsInner(onionItems, behaviors);
+  }
+
+  private _prepareOnionItemsInner(onionItems: IOnionItem<IDecoratorBehaviorOptions, keyof IBehaviorRecord>[], behaviors: IBehaviors) {
+    const behaviors2 = Array.isArray(behaviors) ? behaviors : [behaviors];
+    for (const behaviorItem of behaviors2) {
+      if (typeof behaviorItem === 'string') {
+        onionItems.push({ name: behaviorItem as unknown as keyof IBehaviorRecord, options: undefined });
+      } else if (Array.isArray(behaviorItem)) {
+        this._prepareOnionItemsInner(onionItems, behaviorItem);
+      } else if (typeof behaviorItem === 'object') {
+        for (const key in behaviorItem) {
+          let options = behaviorItem[key];
+          if (options === false) continue;
+          if (options === true) options = undefined;
+          onionItems.push({ name: key as unknown as keyof IBehaviorRecord, options });
+        }
+      }
+    }
+    return onionItems;
+  }
+}

package/src/types/behavior.ts

@@ -0,0 +1,75 @@
+import type { Component, VNode } from 'vue';
+import type { OmitNever } from 'zova';
+import type { IOnionOptionsEnable, ServiceOnion } from 'zova-module-a-bean';
+
+import 'vue';
+import 'vue/jsx-runtime';
+import '@vue/runtime-dom';
+
+export type NextBehavior<PROPS_OUTPUT = unknown> = (props?: PROPS_OUTPUT) => VNode;
+
+export interface IBehaviorTag {
+  component: string | Component;
+  name?: string;
+}
+
+export type IBehaviorItem = {
+  [prop in keyof IBehaviorRecord]?: Partial<IBehaviorRecord[prop]>;
+};
+
+export type IBehaviors = keyof IBehaviorRecord | IBehaviorItem | (keyof IBehaviorRecord | IBehaviorItem)[];
+
+export interface IBehaviorRecord {}
+
+export interface IDecoratorBehaviorOptions extends IOnionOptionsEnable {}
+
+export type TypeBehaviorRecordSelector<PREFIX extends string> = {
+  [K in keyof IBehaviorRecord as K extends `${string}:${PREFIX}${string}` ? K : never]: IBehaviorRecord[K];
+};
+export type TypeBehaviorRecordSelectorKeys<PREFIX extends string> = keyof TypeBehaviorRecordSelector<PREFIX>;
+
+export type TypeBehaviorRecordSelectorStrict<PREFIX extends string> = {
+  [K in keyof IBehaviorRecord as K extends `${string}:${PREFIX}` ? K : never]: IBehaviorRecord[K];
+};
+export type TypeBehaviorRecordSelectorKeysStrict<PREFIX extends string> = keyof TypeBehaviorRecordSelectorStrict<PREFIX>;
+
+declare module 'zova-module-a-bean' {
+  export interface SysOnion {
+    behavior: ServiceOnion<IDecoratorBehaviorOptions, keyof IBehaviorRecord>;
+  }
+}
+
+declare module 'zova' {
+  export interface ConfigOnions {
+    behavior: OmitNever<IBehaviorRecord>;
+  }
+
+  export interface IBeanSceneRecord {
+    behavior: never;
+  }
+
+  export interface ILoggerChildRecord {
+    behavior: never;
+  }
+}
+
+declare module 'vue' {
+  export interface InputHTMLAttributes {
+    behaviors?: IBehaviors;
+  }
+}
+
+declare module 'vue/jsx-runtime' {
+  namespace JSX {
+    // need define class/style in IntrinsicAttributes
+    export interface IntrinsicAttributes {
+      bs_all?: IBehaviors;
+    }
+  }
+}
+
+declare module '@vue/runtime-dom' {
+  export interface HTMLAttributes {
+    bs_all?: IBehaviors;
+  }
+}

package/src/types/index.ts

@@ -0,0 +1 @@
+export * from './behavior.js';

package/README.md

@@ -1 +0,0 @@
-# @cabloy/set