@variojs/vue 0.0.1

package/dist/renderer.js

@@ -0,0 +1,244 @@
+/**
+ * Vue renderer implementation
+ *
+ * 功能：
+ * - Schema → VNode 转换
+ * - 通用组件解析（支持全局注册的组件）
+ * - 双向绑定处理
+ * - 控制流转换（cond/show/loop）
+ * - 事件处理
+ * - 表达式求值
+ */
+import { h, Fragment, Transition, KeepAlive } from 'vue';
+import { attachRef, RefsRegistry } from './features/refs.js';
+import { createTeleport, shouldTeleport } from './features/teleport.js';
+import { ModelPathResolver } from './features/path-resolver.js';
+import { ComponentResolver } from './features/component-resolver.js';
+import { ExpressionEvaluator } from './features/expression-evaluator.js';
+import { EventHandler } from './features/event-handler.js';
+import { AttrsBuilder } from './features/attrs-builder.js';
+import { LoopHandler } from './features/loop-handler.js';
+import { ChildrenResolver } from './features/children-resolver.js';
+import { LifecycleWrapper } from './features/lifecycle-wrapper.js';
+/**
+ * Vue 渲染器
+ * 将 Vario Schema 转换为 Vue VNode
+ */
+export class VueRenderer {
+    refsRegistry;
+    getState;
+    // 功能模块
+    pathResolver;
+    componentResolver;
+    expressionEvaluator;
+    eventHandler;
+    attrsBuilder;
+    loopHandler;
+    childrenResolver;
+    lifecycleWrapper;
+    constructor(options = {}) {
+        this.getState = options.getState;
+        this.refsRegistry = options.refsRegistry || new RefsRegistry();
+        // modelPath 选项保留于 API，供后续路径解析扩展使用
+        // 初始化功能模块
+        // 优先级：components > app._context.components > instance?.appContext?.components
+        const globalComponents = options.components ||
+            options.app?._context?.components ||
+            options.instance?.appContext?.components ||
+            {};
+        this.componentResolver = new ComponentResolver(globalComponents);
+        this.expressionEvaluator = new ExpressionEvaluator();
+        this.eventHandler = new EventHandler((expr, ctx) => this.expressionEvaluator.evaluateExpr(expr, ctx));
+        this.pathResolver = new ModelPathResolver((expr, ctx) => this.expressionEvaluator.evaluateExpr(expr, ctx));
+        this.attrsBuilder = new AttrsBuilder(this.getState, this.pathResolver, this.eventHandler);
+        this.lifecycleWrapper = new LifecycleWrapper();
+        // LoopHandler 和 ChildrenResolver 需要 createVNode 方法，使用箭头函数绑定 this
+        const createVNodeFn = (schema, ctx, modelPathStack) => this.createVNode(schema, ctx, modelPathStack || []);
+        this.loopHandler = new LoopHandler(this.pathResolver, createVNodeFn, (expr, ctx) => this.expressionEvaluator.evaluateExpr(expr, ctx));
+        this.childrenResolver = new ChildrenResolver(createVNodeFn, this.expressionEvaluator);
+    }
+    /**
+     * 渲染 Schema 为 VNode
+     */
+    render(schema, ctx) {
+        const vnode = this.createVNode(schema, ctx);
+        // 如果返回 null，返回一个空的 Fragment 作为占位符
+        // Vue 需要有效的 VNode，不能是 null
+        if (vnode === null || vnode === undefined) {
+            return h(Fragment, null, []);
+        }
+        return vnode;
+    }
+    /**
+     * 创建 VNode
+     * @param schema Schema 节点
+     * @param ctx 运行时上下文
+     * @param modelPathStack 当前 model 路径栈（用于自动路径拼接）
+     */
+    createVNode(schema, ctx, modelPathStack = []) {
+        // 验证 schema 基本结构
+        if (!schema || typeof schema !== 'object') {
+            return h('div', { style: 'color: red; padding: 10px;' }, 'Invalid schema');
+        }
+        if (!schema.type) {
+            return h('div', { style: 'color: red; padding: 10px;' }, 'Schema missing type property');
+        }
+        // 处理条件渲染（优化：提前返回，避免不必要的处理）
+        if (schema.cond) {
+            try {
+                const condition = this.expressionEvaluator.evaluateExpr(schema.cond, ctx);
+                if (!condition) {
+                    // 条件不满足，返回 null（Vue 会正确处理 null VNode）
+                    return null;
+                }
+            }
+            catch (error) {
+                // 表达式求值错误，返回错误提示节点
+                const errorMessage = error instanceof Error ? error.message : String(error);
+                return h('div', {
+                    style: 'color: red; padding: 10px; border: 1px solid red;'
+                }, `Condition evaluation error: ${errorMessage}`);
+            }
+        }
+        // 处理列表渲染
+        if (schema.loop) {
+            const loopVNode = this.loopHandler.createLoopVNode(schema, ctx, modelPathStack);
+            return loopVNode || null;
+        }
+        // 解析组件（先解析，用于双向绑定的自动检测）
+        const component = this.componentResolver.resolveComponent(schema.type);
+        // 确保 component 有效
+        if (!component) {
+            return h('div', { style: 'color: red; padding: 10px;' }, `Component "${schema.type}" not found`);
+        }
+        // 处理 Vue 特有的扩展
+        const vueSchema = schema;
+        // 处理 model 路径（更新路径栈，供子级使用）
+        // model 为 string 或 object+scope 时压栈
+        let currentModelPathStack = [...modelPathStack];
+        const scopePath = this.pathResolver.getScopePath(schema.model);
+        if (scopePath) {
+            currentModelPathStack = this.pathResolver.updateModelPathStack(scopePath, modelPathStack, ctx, schema);
+        }
+        // 构建属性（传入 component 和路径栈用于自动检测）
+        // buildAttrs 中会解析 model 路径，这里传入当前路径栈
+        let attrs = this.attrsBuilder.buildAttrs(schema, ctx, component, modelPathStack, (props, ctx) => this.childrenResolver.evalProps(props, ctx));
+        // 解析子节点（支持作用域插槽，传递路径栈）
+        let children = this.childrenResolver.resolveChildren(schema, ctx, currentModelPathStack);
+        // 处理可见性控制（v-show，优化：错误处理）
+        if (schema.show) {
+            try {
+                const isVisible = this.expressionEvaluator.evaluateExpr(schema.show, ctx);
+                if (!isVisible) {
+                    // 确保 style 是对象格式
+                    const currentStyle = attrs.style;
+                    if (typeof currentStyle === 'string') {
+                        // 如果 style 是字符串，转换为对象
+                        const styleObj = {};
+                        currentStyle.split(';').forEach(rule => {
+                            const [key, value] = rule.split(':').map(s => s.trim());
+                            if (key && value) {
+                                styleObj[key] = value;
+                            }
+                        });
+                        attrs.style = { ...styleObj, display: 'none' };
+                    }
+                    else {
+                        // style 已经是对象或未定义
+                        attrs.style = { ...(currentStyle || {}), display: 'none' };
+                    }
+                }
+            }
+            catch (error) {
+                // 表达式求值错误，隐藏元素并显示错误提示
+                const errorMessage = error instanceof Error ? error.message : String(error);
+                console.warn(`Show expression evaluation error: ${errorMessage}`, schema);
+                // 默认隐藏元素
+                attrs.style = { ...(attrs.style || {}), display: 'none' };
+            }
+        }
+        // 确保 attrs 是对象（避免 undefined 导致的问题）
+        const safeAttrs = attrs || {};
+        // 处理 children：Vue 3 组件推荐使用函数插槽以获得更好的性能
+        let finalAttrs = safeAttrs;
+        let finalChildren = null;
+        if (children && typeof children === 'object' && !Array.isArray(children)) {
+            // 作用域插槽对象（已经是函数），直接使用
+            finalChildren = children;
+        }
+        else if (children !== undefined && children !== null) {
+            // 普通 children：对于组件，包装成函数插槽以避免警告
+            // 对于原生 DOM 元素，可以直接使用数组
+            const isNativeElement = typeof component === 'string';
+            if (isNativeElement) {
+                finalChildren = children;
+            }
+            else {
+                // Vue 3 组件推荐使用函数插槽
+                finalChildren = { default: () => children };
+            }
+        }
+        // 检查是否需要组件包装（生命周期、provide/inject 都需要在 setup 中处理）
+        const hasLifecycle = vueSchema.onMounted || vueSchema.onUnmounted || vueSchema.onUpdated ||
+            vueSchema.onBeforeMount || vueSchema.onBeforeUnmount || vueSchema.onBeforeUpdate;
+        const hasProvideInject = (vueSchema.provide && Object.keys(vueSchema.provide).length > 0) ||
+            (vueSchema.inject && (Array.isArray(vueSchema.inject) ? vueSchema.inject.length > 0 : Object.keys(vueSchema.inject).length > 0));
+        let vnode;
+        if (hasLifecycle || hasProvideInject) {
+            vnode = this.lifecycleWrapper.createComponentWithLifecycle(component, finalAttrs, finalChildren, vueSchema, ctx);
+        }
+        else {
+            try {
+                vnode = h(component, finalAttrs, finalChildren);
+            }
+            catch (error) {
+                return h('div', { style: 'color: red; padding: 10px;' }, `Failed to render "${schema.type}": ${error}`);
+            }
+        }
+        // 处理 ref
+        if (vueSchema.ref) {
+            vnode = attachRef(vnode, vueSchema, this.refsRegistry);
+        }
+        // 处理 keep-alive
+        if (vueSchema.keepAlive) {
+            const keepAliveProps = typeof vueSchema.keepAlive === 'object'
+                ? vueSchema.keepAlive
+                : {};
+            vnode = h(KeepAlive, keepAliveProps, () => vnode);
+        }
+        // 处理 transition
+        if (vueSchema.transition) {
+            const transitionProps = typeof vueSchema.transition === 'string'
+                ? { name: vueSchema.transition }
+                : {
+                    ...vueSchema.transition,
+                    // 确保 duration 符合类型要求
+                    duration: vueSchema.transition.duration && typeof vueSchema.transition.duration === 'object'
+                        ? (vueSchema.transition.duration.enter && vueSchema.transition.duration.leave
+                            ? { enter: vueSchema.transition.duration.enter, leave: vueSchema.transition.duration.leave }
+                            : undefined)
+                        : vueSchema.transition.duration
+                };
+            vnode = h(Transition, transitionProps, () => vnode);
+        }
+        // 处理 teleport（必须在最外层）
+        if (shouldTeleport(vueSchema.teleport)) {
+            vnode = createTeleport(vueSchema.teleport, vnode);
+        }
+        return vnode;
+    }
+    /**
+     * 清除组件解析缓存
+     * 用于组件注册变更后的缓存失效
+     */
+    clearComponentCache() {
+        this.componentResolver.clearComponentCache();
+    }
+    /**
+     * 使特定组件的缓存失效
+     */
+    invalidateComponentCache(type) {
+        this.componentResolver.invalidateComponentCache(type);
+    }
+}
+//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,CAAC,EAAc,QAAQ,EAA6B,UAAU,EAAE,SAAS,EAAY,MAAM,KAAK,CAAA;AAIzG,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAwBlE;;;GAGG;AACH,MAAM,OAAO,WAAW;IACf,YAAY,CAAc;IACzB,QAAQ,CAAY;IAE5B,OAAO;IACC,YAAY,CAAmB;IAC/B,iBAAiB,CAAmB;IACpC,mBAAmB,CAAqB;IACxC,YAAY,CAAc;IAC1B,YAAY,CAAc;IAC1B,WAAW,CAAa;IACxB,gBAAgB,CAAkB;IAClC,gBAAgB,CAAkB;IAE1C,YAAY,UAA8B,EAAE;QAC1C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAA;QAChC,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,IAAI,YAAY,EAAE,CAAA;QAC9D,kCAAkC;QAElC,UAAU;QACV,8EAA8E;QAC9E,MAAM,gBAAgB,GACpB,OAAO,CAAC,UAAU;YAClB,OAAO,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU;YACjC,OAAO,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU;YACxC,EAAE,CAAA;QACJ,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;QAChE,IAAI,CAAC,mBAAmB,GAAG,IAAI,mBAAmB,EAAE,CAAA;QACpD,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;QACrG,IAAI,CAAC,YAAY,GAAG,IAAI,iBAAiB,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACtD,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,CACjD,CAAA;QACD,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;QACzF,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,EAAE,CAAA;QAE9C,iEAAiE;QACjE,MAAM,aAAa,GAAG,CAAC,MAAkB,EAAE,GAAmB,EAAE,cAA8B,EAAE,EAAE,CAChG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,cAAc,IAAI,EAAE,CAAC,CAAA;QAErD,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAChC,IAAI,CAAC,YAAY,EACjB,aAAa,EACb,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,CAChE,CAAA;QACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAC1C,aAAa,EACb,IAAI,CAAC,mBAAmB,CACzB,CAAA;IACH,CAAC;IAED;;OAEG;IACH,MAAM,CAAC,MAAkB,EAAE,GAAmB;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QAC3C,kCAAkC;QAClC,2BAA2B;QAC3B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,OAAO,CAAC,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;QAC9B,CAAC;QACD,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;OAKG;IACK,WAAW,CACjB,MAAkC,EAClC,GAAmB,EACnB,iBAAgC,EAAE;QAElC,iBAAiB;QACjB,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC1C,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,gBAAgB,CAAC,CAAA;QAC5E,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACjB,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,8BAA8B,CAAC,CAAA;QAC1F,CAAC;QAED,2BAA2B;QAC3B,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,IAAI,CAAC;gBACH,MAAM,SAAS,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;gBACzE,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,sCAAsC;oBACtC,OAAO,IAAW,CAAA;gBACpB,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,mBAAmB;gBACnB,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBAC3E,OAAO,CAAC,CAAC,KAAK,EAAE;oBACd,KAAK,EAAE,mDAAmD;iBAC3D,EAAE,+BAA+B,YAAY,EAAE,CAAC,CAAA;YACnD,CAAC;QACH,CAAC;QAED,SAAS;QACT,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,cAAc,CAAC,CAAA;YAC/E,OAAO,SAAS,IAAI,IAAW,CAAA;QACjC,CAAC;QAED,wBAAwB;QACxB,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAEtE,kBAAkB;QAClB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,cAAc,MAAM,CAAC,IAAI,aAAa,CAAC,CAAA;QAClG,CAAC;QAED,eAAe;QACf,MAAM,SAAS,GAAG,MAAuB,CAAA;QAEzC,2BAA2B;QAC3B,oCAAoC;QACpC,IAAI,qBAAqB,GAAG,CAAC,GAAG,cAAc,CAAC,CAAA;QAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC9D,IAAI,SAAS,EAAE,CAAC;YACd,qBAAqB,GAAG,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAC5D,SAAS,EACT,cAAc,EACd,GAAG,EACH,MAAM,CACP,CAAA;QACH,CAAC;QAED,gCAAgC;QAChC,qCAAqC;QACrC,IAAI,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CACtC,MAAM,EACN,GAAG,EACH,SAAS,EACT,cAAc,EACd,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAC5D,CAAA;QAED,uBAAuB;QACvB,IAAI,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,qBAAqB,CAAC,CAAA;QAExF,0BAA0B;QAC1B,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,IAAI,CAAC;gBACH,MAAM,SAAS,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;gBACzE,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,iBAAiB;oBACjB,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAA;oBAChC,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;wBACrC,sBAAsB;wBACtB,MAAM,QAAQ,GAA2B,EAAE,CAAA;wBAC3C,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;4BACrC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;4BACvD,IAAI,GAAG,IAAI,KAAK,EAAE,CAAC;gCACjB,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;4BACvB,CAAC;wBACH,CAAC,CAAC,CAAA;wBACF,KAAK,CAAC,KAAK,GAAG,EAAE,GAAG,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA;oBAChD,CAAC;yBAAM,CAAC;wBACN,kBAAkB;wBAClB,KAAK,CAAC,KAAK,GAAG,EAAE,GAAG,CAAC,YAAmC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA;oBACnF,CAAC;gBACH,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,sBAAsB;gBACtB,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBAC3E,OAAO,CAAC,IAAI,CAAC,qCAAqC,YAAY,EAAE,EAAE,MAAM,CAAC,CAAA;gBACzE,SAAS;gBACT,KAAK,CAAC,KAAK,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAA4B,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA;YAClF,CAAC;QACH,CAAC;QAED,mCAAmC;QACnC,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE,CAAA;QAE7B,uCAAuC;QACvC,IAAI,UAAU,GAAG,SAAS,CAAA;QAC1B,IAAI,aAAa,GAAQ,IAAI,CAAA;QAE7B,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YACzE,sBAAsB;YACtB,aAAa,GAAG,QAAQ,CAAA;QAC1B,CAAC;aAAM,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACvD,gCAAgC;YAChC,uBAAuB;YACvB,MAAM,eAAe,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAA;YACrD,IAAI,eAAe,EAAE,CAAC;gBACpB,aAAa,GAAG,QAAQ,CAAA;YAC1B,CAAC;iBAAM,CAAC;gBACN,mBAAmB;gBACnB,aAAa,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAA;YAC7C,CAAC;QACH,CAAC;QAED,iDAAiD;QACjD,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,IAAI,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,SAAS;YACnE,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,cAAc,CAAA;QACrG,MAAM,gBAAgB,GAAG,CAAC,SAAS,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YAChE,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;QAEzJ,IAAI,KAAY,CAAA;QAEhB,IAAI,YAAY,IAAI,gBAAgB,EAAE,CAAC;YACrC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,CAAA;QAClH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC;gBACH,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,aAAa,CAAC,CAAA;YACjD,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,qBAAqB,MAAM,CAAC,IAAI,MAAM,KAAK,EAAE,CAAC,CAAA;YACzG,CAAC;QACH,CAAC;QAED,SAAS;QACT,IAAI,SAAS,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAAA;QACxD,CAAC;QAED,gBAAgB;QAChB,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;YACxB,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,SAAS,KAAK,QAAQ;gBAC5D,CAAC,CAAC,SAAS,CAAC,SAAS;gBACrB,CAAC,CAAC,EAAE,CAAA;YACN,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;QACnD,CAAC;QAED,gBAAgB;QAChB,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;YACzB,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,UAAU,KAAK,QAAQ;gBAC9D,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,UAAU,EAAE;gBAChC,CAAC,CAAC;oBACE,GAAG,SAAS,CAAC,UAAU;oBACvB,qBAAqB;oBACrB,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,QAAQ,IAAI,OAAO,SAAS,CAAC,UAAU,CAAC,QAAQ,KAAK,QAAQ;wBAC1F,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,IAAI,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK;4BACzE,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;4BAC5F,CAAC,CAAC,SAAS,CAAC;wBAChB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,QAAQ;iBAClC,CAAA;YACL,KAAK,GAAG,CAAC,CAAC,UAAU,EAAE,eAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA;QAC5D,CAAC;QAED,sBAAsB;QACtB,IAAI,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvC,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;QACnD,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;OAGG;IACI,mBAAmB;QACxB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,CAAA;IAC9C,CAAC;IAED;;OAEG;IACI,wBAAwB,CAAC,IAAY;QAC1C,IAAI,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAA;IACvD,CAAC;CACF"}

package/dist/types.d.ts

@@ -0,0 +1,128 @@
+/**
+ * Vue 特有的类型定义
+ *
+ * 扩展 SchemaNode 以支持 Vue 的特性：
+ * - ref: 模板引用（声明映射到 Vue ref）
+ * - 生命周期钩子（声明映射到 Vue 钩子）
+ * - provide/inject: 依赖注入（声明映射到 Vue API）
+ * - teleport: 传送
+ * - transition: 过渡动画
+ * - keep-alive: 缓存
+ *
+ * 注意：computed 和 watch 不在 Schema 中定义，
+ * 应该在 Vue 组件中使用原生 API 定义，然后通过 useVario 的 computed 选项传入
+ */
+import type { SchemaNode } from '@variojs/schema';
+/**
+ * Vue 特有的 SchemaNode 扩展
+ * 深度集成 Vue 3 的 Composition API 特性
+ */
+export interface VueSchemaNode extends SchemaNode {
+    /**
+     * 模板引用名称（类似 Vue 的 ref）
+     * 在 useVario 返回的 refs 对象中可以通过此名称访问组件实例
+     *
+     * @example
+     * // Schema 中
+     * { type: 'ElInput', ref: 'inputRef' }
+     *
+     * // 使用
+     * const { refs } = useVario(schema, options)
+     * refs.inputRef.value?.focus() // 访问组件实例
+     */
+    readonly ref?: string;
+    /**
+     * 组件挂载后调用（引用 methods 中的方法名）
+     */
+    readonly onMounted?: string;
+    /**
+     * 组件卸载前调用（引用 methods 中的方法名）
+     */
+    readonly onUnmounted?: string;
+    /**
+     * 组件更新后调用（引用 methods 中的方法名）
+     */
+    readonly onUpdated?: string;
+    /**
+     * 组件挂载前调用（引用 methods 中的方法名）
+     */
+    readonly onBeforeMount?: string;
+    /**
+     * 组件卸载前调用（引用 methods 中的方法名）
+     */
+    readonly onBeforeUnmount?: string;
+    /**
+     * 组件更新前调用（引用 methods 中的方法名）
+     */
+    readonly onBeforeUpdate?: string;
+    /**
+     * Provide 值（向下传递数据）
+     *
+     * 支持表达式：值为字符串时会尝试作为表达式求值
+     *
+     * @example
+     * { type: 'div', provide: { theme: 'dark', locale: 'currentLocale' } }
+     */
+    readonly provide?: Record<string, any>;
+    /**
+     * Inject 依赖（从父组件获取数据）
+     *
+     * 支持三种形式：
+     * - 数组: ['theme', 'locale']
+     * - 简单映射: { myTheme: 'theme' }
+     * - 完整配置: { myTheme: { from: 'theme', default: 'light' } }
+     *
+     * @example
+     * { type: 'ElButton', inject: ['theme', 'locale'] }
+     * { type: 'ElButton', inject: { myTheme: { from: 'theme', default: 'light' } } }
+     */
+    readonly inject?: string[] | Record<string, string | {
+        from?: string;
+        default?: any;
+    }>;
+    /**
+     * Teleport 目标（将组件传送到指定 DOM 节点）
+     *
+     * @example
+     * { type: 'div', teleport: 'body' }  // 传送到 body
+     * { type: 'div', teleport: '#modal' }  // 传送到 #modal
+     */
+    readonly teleport?: string | boolean;
+    /**
+     * Transition 配置（过渡动画）
+     *
+     * @example
+     * {
+     *   type: 'div',
+     *   transition: 'fade',  // 使用预设过渡
+     *   // 或
+     *   transition: {
+     *     name: 'fade',
+     *     appear: true,
+     *     mode: 'out-in'
+     *   }
+     * }
+     */
+    readonly transition?: string | {
+        name?: string;
+        appear?: boolean;
+        mode?: 'default' | 'in-out' | 'out-in';
+        duration?: number | {
+            enter?: number;
+            leave?: number;
+        };
+    };
+    /**
+     * Keep-alive 配置（缓存组件状态）
+     *
+     * @example
+     * { type: 'div', keepAlive: true }
+     * { type: 'div', keepAlive: { include: 'ComponentA', exclude: 'ComponentB' } }
+     */
+    readonly keepAlive?: boolean | {
+        include?: string | RegExp | Array<string | RegExp>;
+        exclude?: string | RegExp | Array<string | RegExp>;
+        max?: number;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAA;IAEhC;;;;;;;OAOG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAEtC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAA;IAEtF;;;;;;OAMG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAEpC;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG;QAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;QACtC,QAAQ,CAAC,EAAE,MAAM,GAAG;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KACvD,CAAA;IAED;;;;;;OAMG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,GAAG;QAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;QAClD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;QAClD,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,CAAA;CACF"}

package/dist/types.js

@@ -0,0 +1,16 @@
+/**
+ * Vue 特有的类型定义
+ *
+ * 扩展 SchemaNode 以支持 Vue 的特性：
+ * - ref: 模板引用（声明映射到 Vue ref）
+ * - 生命周期钩子（声明映射到 Vue 钩子）
+ * - provide/inject: 依赖注入（声明映射到 Vue API）
+ * - teleport: 传送
+ * - transition: 过渡动画
+ * - keep-alive: 缓存
+ *
+ * 注意：computed 和 watch 不在 Schema 中定义，
+ * 应该在 Vue 组件中使用原生 API 定义，然后通过 useVario 的 computed 选项传入
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@variojs/vue",
+  "version": "0.0.1",
+  "description": "Vario Vue Renderer - Vue 3 integration for Vario Schema rendering",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "NODE_OPTIONS=--max-old-space-size=4096 vitest run",
+    "test:perf": "NODE_OPTIONS=--max-old-space-size=8192 vitest run __tests__/performance.test.ts",
+    "test:comprehensive": "NODE_OPTIONS=--max-old-space-size=4096 vitest run __tests__/model-path-comprehensive.test.ts",
+    "test:watch": "vitest",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@variojs/core": "^0.0.1",
+    "@variojs/schema": "^0.0.1"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.3",
+    "vitest": "^1.2.0",
+    "vue": "^3.4.0",
+    "element-plus": "^2.4.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}