@joker.front/core 1.2.170 → 1.2.237

package/dist/bundle.es.js

@@ -1,3633 +1 @@
-import { EXPRESSHANDLERTAG, createFuntionBody, AST, RENDER_HANDLER, createComponent, createCommand } from '@joker.front/ast';
-export { AST, RENDER_HANDLER, createCodeFunction, createCommand, createComment, createComponent, createElement, createFuntionBody, createText } from '@joker.front/ast';
-
-/**
- * 是否空函数
- */
-/**
- * 是否是对象
- */
-function isObject(object) {
-    return object !== null && typeof object === "object";
-}
-/**
- * 获取对象自己本身的key/val
- */
-function foEachProperties(obj, callBack) {
-    let ownKeys = Object.getOwnPropertyNames(obj);
-    ownKeys.forEach((key) => {
-        if (callBack(key, obj[key]) === false) {
-            return;
-        }
-    });
-}
-/**
- * 定义属性值
- */
-function defineProperty(obj, key, val, enumerable) {
-    Object.defineProperty(obj, key, {
-        value: val,
-        enumerable: enumerable,
-        writable: true,
-        configurable: true
-    });
-}
-/**
- * 判断是否有该属性（无论是否是原型链属性）
- */
-function hasProperty(obj, key) {
-    if (key in obj) {
-        return true;
-    }
-    return false;
-}
-/**
- * 对象自身属性中是否具有指定的属性，支持属性索引
- */
-function hasOwnProperty(obj, key) {
-    return Object.prototype.hasOwnProperty.call(obj, key);
-}
-/**
- * 判断指定参数是否是一个纯粹的对象
- */
-function isPlainObject(obj) {
-    return Object.prototype.toString.call(obj) === "[object Object]";
-}
-/**
- * 克隆对象
- * @param obj 目标对象
- * @returns 新对象
- */
-function deepClone(obj) {
-    // 创建一个新对象
-    let result;
-    if (Array.isArray(obj)) {
-        result = [];
-    }
-    else {
-        result = {};
-    }
-    let keys = [...Object.keys(obj), ...Object.getOwnPropertySymbols(obj)];
-    for (let key of keys) {
-        let temp = obj[key];
-        // 如果字段的值也是一个对象则递归操作
-        if (typeof temp === "object") {
-            result[key] = deepClone(temp);
-        }
-        else {
-            result[key] = temp;
-        }
-    }
-    return result;
-}
-/**
- * 比较两个值是否相等
- * @param val1
- * @param val2
- * @param shallow 浅检查，只做一级判断，默认为false，使用JsonStringfiy判断
- */
-function isEqual(val1, val2, shallow) {
-    if (Array.isArray(val1) && Array.isArray(val2)) {
-        return _arrayEquals(val1, val2, shallow);
-    }
-    return _looseEqual(val1, val2, shallow);
-}
-function _looseEqual(val1, val2, shallow) {
-    let isObj1 = isObject(val1);
-    let isObj2 = isObject(val2);
-    if (isObj1 && isObj2) {
-        let keys = Object.keys(val1);
-        if (keys.length !== Object.keys(val2).length)
-            return false;
-        if (shallow) {
-            for (let key of keys) {
-                if (val1[key] !== val2[key])
-                    return false;
-            }
-            return true;
-        }
-        else {
-            return JSON.stringify(val1) === JSON.stringify(val2);
-        }
-    }
-    else if (!isObj1 && !isObj2) {
-        return String(val1) === String(val2);
-    }
-    return false;
-}
-
-/**
- * 去除数组中符合指定条件的第一个元素
- */
-function remove(arr, item) {
-    let index = arr.indexOf(item);
-    if (index > -1) {
-        arr.splice(index, 1);
-    }
-    return arr;
-}
-/**
- * 去除数组中符合指定条件的第一个元素
- */
-function removeFilter(arr, filter) {
-    let index = arr.findIndex((item) => filter(item));
-    if (index > -1) {
-        arr.splice(index, 1);
-    }
-    return arr;
-}
-function _arrayEquals(val1, val2, shallow) {
-    if (val1.length !== val2.length) {
-        return false;
-    }
-    for (let i = 0; i < val1.length; i++) {
-        if (_looseEqual(val1[i], val2[i], shallow) === false) {
-            return false;
-        }
-    }
-    return true;
-}
-/**
- * 需要生成唯一标识符
- * @param length 生成长度
- * @returns
- */
-function guid(length = 32) {
-    let result = [];
-    let keys = [
-        "0",
-        "1",
-        "2",
-        "3",
-        "4",
-        "5",
-        "6",
-        "7",
-        "8",
-        "9",
-        "a",
-        "b",
-        "c",
-        "d",
-        "e",
-        "f",
-        "g",
-        "h",
-        "i",
-        "j",
-        "k",
-        "l",
-        "m",
-        "n",
-        "o",
-        "p",
-        "q",
-        "r",
-        "s",
-        "t",
-        "u",
-        "v",
-        "w",
-        "x",
-        "y",
-        "z"
-    ];
-    for (let i = 0; i < length; i++) {
-        let pos = Math.round(Math.random() * (keys.length - 1));
-        result.push(keys[pos]);
-    }
-    return result.join("");
-}
-
-/**
- * 判断字符串是否为空
- * @param val
- * @returns
- */
-function isEmptyStr(val) {
-    if (val) {
-        return val.trim() === "";
-    }
-    return true;
-}
-/**
- * 转小写，可定制大写分隔符 分隔符默认'-'
- * @param val 值
- * @param splitKey 分隔符 默认'-'
- * @returns
- */
-function toLowerCase(val, splitKey = "-") {
-    val = val || "";
-    let valSplit = val.split(/(?=[A-Z])/);
-    return valSplit.map((m) => m.toLowerCase()).join(splitKey);
-}
-
-let noop = (...args) => { };
-
-let leve = "warn";
-const loggerLeveWeight = ["silent", "error", "warn", "info"];
-//时间戳
-function getTimer() {
-    let date = new Date();
-    function supplyZero(value, length = 2) {
-        return value.toString().padStart(length, "0");
-    }
-    return (supplyZero(date.getHours()) +
-        ":" +
-        supplyZero(date.getMinutes()) +
-        ":" +
-        supplyZero(date.getSeconds()) +
-        ":" +
-        supplyZero(date.getMilliseconds(), 3));
-}
-/**
- * 日志输出
- *
- * 当前方法只控制日志输出等级，不做逻辑注入
- * 无论是H5、小程序、客户端，都需要在浏览器/V8中执行
- * 日志输出到容器内即可
- * @param type
- * @param tagName
- * @param content
- * @param data 扩展数据
- */
-function writeLog(type, tagName, content, data) {
-    if (loggerLeveWeight.indexOf(type) <= loggerLeveWeight.indexOf(leve)) {
-        if (data === undefined) {
-            console[type](`${getTimer()} [${tagName}]:`, content);
-        }
-        else {
-            console[type](`${getTimer()} [${tagName}]:`, content, data);
-        }
-    }
-}
-/**
- * 信息
- * @param tag
- * @param content
- */
-function info(tag, content, data) {
-    writeLog("info", tag, content, data);
-}
-/**
- * 警告
- * @param tag
- * @param content
- */
-function warn(tag, content, data) {
-    writeLog("warn", tag, content, data);
-}
-/**
- * 错误
- * @param tag
- * @param content
- */
-function error(tag, content, data) {
-    writeLog("error", tag, content, data);
-}
-function setLoggerLeve(_leve) {
-    leve = _leve;
-}
-let logger = {
-    info,
-    warn,
-    error,
-    setLoggerLeve
-};
-const escape2HtmlData = {
-    lt: "<",
-    gt: ">",
-    nbsp: " ",
-    amp: "&",
-    quot: '"',
-    "#39": "'"
-};
-/**
- * escape => html
- * @param str
- * @returns
- */
-function escape2Html(str) {
-    return str.replace(/&(lt|gt|nbsp|amp|quot|#39);/gi, (all, t) => {
-        return escape2HtmlData[t] || "";
-    });
-}
-
-let otherWindowDeps = [];
-function registerOtherWindowDep(dep) {
-    otherWindowDeps.push(dep);
-}
-function removeOtherWindowDep(dep) {
-    remove(otherWindowDeps, dep);
-}
-/**
- * 作为观察者和对象代理中间的关系桥
- * 数据变更时：Ob->dep->watcher
- * 设置依赖时：watcher->dep
- */
-class Dep {
-    /**
-     * 关系id，仅在production模式下生效
-     */
-    id = process.env.NODE_ENV === "production" ? "" : guid();
-    /**
-     * 当前目标的监听者
-     *
-     * 在更改值之前，设置该静态值，使其在值变更时收集相应的依赖关系
-     * 设置完毕后清除该值
-     *
-     * 之所以采用静态值，不采用方法的原因：
-     * 可能存在多值变更，或者读取
-     */
-    static target;
-    watchers = new Map();
-    /**
-     * 设置依赖
-     * @param key
-     */
-    depend(key) {
-        Dep.target?.addDep(this, key);
-        otherWindowDeps.forEach((n) => {
-            n.target?.addDep(this, key);
-        });
-    }
-    /**
-     * 添加观察者
-     * @param key
-     * @param watcher
-     */
-    addWatcher(key, watcher) {
-        let watchers = this.watchers.get(key) || [];
-        watchers.push(watcher);
-        this.watchers.set(key, watchers);
-    }
-    /**
-     * 删除观察者
-     * @param key
-     * @param watcher
-     */
-    removeWatcher(key, watcher) {
-        let watchers = this.watchers.get(key);
-        if (watchers) {
-            remove(watchers, watcher);
-        }
-    }
-    /**
-     * 通知key下面的观察者
-     * @param key
-     */
-    notify(key) {
-        let watchers = this.watchers.get(key);
-        if (watchers) {
-            //移除已经销毁的数据
-            removeFilter(watchers, (w) => {
-                return w.isDestroy;
-            });
-            /**
-             * 由于watchers 是个动态实时变化的
-             * 所以通知时，只广播当前的观察者列队
-             * 动态新增删除的不做处理
-             */
-            [...watchers].forEach((w) => {
-                w.isDestroy === false && w.update();
-            });
-        }
-    }
-}
-function notifyGroupDeps(list) {
-    let watchers = [];
-    let hasNotifyWatchers = [];
-    //这里将队列重新排列，防止过程中新增监听造成不必要的循环广播
-    list.forEach((keys, dep) => {
-        keys.forEach((key) => {
-            watchers.push(...(dep.watchers.get(key) || []));
-        });
-    });
-    watchers.forEach((n) => {
-        if (hasNotifyWatchers.includes(n))
-            return;
-        n.isDestroy === false && n.update();
-        hasNotifyWatchers.push(n);
-    });
-}
-
-/**
- * 存放劫持对象的Dep的Key
- */
-const OBJECTPROXY_DEPID = Symbol.for("__JOKER_OBJECT_PROXY_DEP_ID__");
-const OBJECTPROXY_DATA_KEY = Symbol.for("__JOKER_OBJECT_PROXY_DATA_KEY__");
-/**
- * 针对深度劫持关系时，需要给该对象做一个虚拟劫持的关系Key，方便事件传播
- */
-const OBJECTPROXY_DEPLEVE_ID = Symbol.for("__JOKER_OBJECTPROXY_DEPLEVE_ID__");
-/**
- * 检测是否允许劫持代理
- * @param data
- * @returns
- */
-function checkEnableProxy(data) {
-    return (isObject(data) &&
-        (Array.isArray(data) || isPlainObject(data)) &&
-        //可扩展
-        Object.isExtensible(data) &&
-        //非冻结
-        !Object.isFrozen(data) &&
-        !(data instanceof Element) &&
-        !(JOKER_VNODE_TAG in data) &&
-        !(JOKER_SHALLOW_OBSERVER_TAG in data) &&
-        !(JOKER_COMPONENT_TAG in data));
-}
-function proxyData(data) {
-    let proxyDepTarget = getProxyDep(data);
-    //如果当前数据已经被数据劫持，则直接返回，防止重复劫持监听
-    if (proxyDepTarget) {
-        return data;
-    }
-    let readiedData = Reflect.get(data, OBJECTPROXY_DATA_KEY);
-    if (readiedData) {
-        return readiedData;
-    }
-    let dep = new Dep();
-    //首次重置值
-    let resetData = true;
-    let result = new Proxy(data, {
-        get(target, key, receiver) {
-            // 该属性是为了解决非proxy下的数据重复依赖劫持问题
-            // 如果直接获取proxy中的该属性，可能是全属性遍历，这时返回undefined即可
-            //@ts-ignore
-            if (key === OBJECTPROXY_DATA_KEY) {
-                return undefined;
-            }
-            if (key === OBJECTPROXY_DEPID) {
-                return dep;
-            }
-            //空索引
-            if (key === OBJECTPROXY_DEPLEVE_ID) {
-                return undefined;
-            }
-            let result = Reflect.get(target, key);
-            if (hasProperty(target, key) === false && key !== "length") {
-                return result;
-            }
-            dep.depend(key);
-            if (checkEnableProxy(result)) {
-                //如果是可劫持对象，并且存在Dep关系，则做深度为1的空key关系
-                //如果不是，并且没有被劫持，理论上不存在，可能由Object原型方法添加，不做考虑
-                getProxyDep(result)?.depend(OBJECTPROXY_DEPLEVE_ID);
-            }
-            return result;
-        },
-        set(target, key, value) {
-            if (resetData) {
-                Reflect.set(target, key, value);
-                return true;
-            }
-            if (checkEnableProxy(value)) {
-                //如果是对象，则对其进行数据依赖采集
-                value = observer(value);
-            }
-            let isNewProperty = hasOwnProperty(target, key) === false;
-            Reflect.set(target, key, value);
-            notifyDep(dep, key);
-            //数组长度变更，属于数组change，则对该对象做change广播
-            if (Array.isArray(target)) {
-                key === "length" && notifyDep(dep, OBJECTPROXY_DEPLEVE_ID);
-            }
-            else if (isNewProperty) {
-                //Object 类型，监听新属性增加
-                notifyDep(dep, OBJECTPROXY_DEPLEVE_ID);
-            }
-            return true;
-        },
-        deleteProperty(target, key) {
-            Reflect.deleteProperty(target, key);
-            //操作成功 && 非数组，删除属性时，要进行广播
-            if (Array.isArray(target) === false) {
-                notifyDep(dep, OBJECTPROXY_DEPLEVE_ID);
-            }
-            return true;
-        }
-    });
-    //新增临时挂载，已解决循环数据引用一致性问题
-    defineProperty(data, OBJECTPROXY_DATA_KEY, result, false);
-    //对所有可被劫持的属性进行深度遍历劫持
-    for (let key in data) {
-        let itemData = data[key];
-        //可被代理 && 没有代理
-        if (checkEnableProxy(itemData) && !getProxyDep(itemData)) {
-            //@ts-ignore
-            result[key] = proxyData(data[key]);
-        }
-    }
-    resetData = false;
-    return result;
-}
-/**
- * 获取劫持对象的Dep
- * @param data
- * @returns
- */
-function getProxyDep(data) {
-    //@ts-ignore
-    if (isObject(data)) {
-        let dep = Reflect.get(data, OBJECTPROXY_DEPID);
-        if (dep) {
-            //@ts-ignore
-            return dep;
-        }
-    }
-}
-/**
- * 数据劫持
- * @param data 数据
- * @param clone 是否clone
- * @returns 返回可观察对象
- */
-function observer(data, clone = false) {
-    if (checkEnableProxy(data) === false) {
-        throw new Error("当前传入的数据不是正确的数据类型，必须是数组或者对象");
-    }
-    if (clone) {
-        return proxyData(deepClone(data));
-    }
-    else {
-        return proxyData(data);
-    }
-}
-/**
- * 定义可劫持观察的属性
- *
- * 该方法会污染value深层，如想纯净数据，自行clone
- * @param target
- * @param key
- * @param value
- */
-function defineObserverProperty(target, key, value) {
-    let propertyVal = value;
-    if (checkEnableProxy(value)) {
-        //如果是对象，则对其进行数据依赖采集
-        propertyVal = observer(value);
-    }
-    let dep = new Dep();
-    Object.defineProperty(target, key, {
-        //可枚举
-        enumerable: true,
-        //不可再定义
-        configurable: true,
-        get: () => {
-            dep.depend(key);
-            if (checkEnableProxy(propertyVal)) {
-                //如果是可劫持对象，并且存在Dep关系，则做深度为1的空key关系
-                getProxyDep(propertyVal)?.depend(OBJECTPROXY_DEPLEVE_ID);
-            }
-            return propertyVal;
-        },
-        set: (value) => {
-            if (value === propertyVal) {
-                return;
-            }
-            if (checkEnableProxy(value)) {
-                //如果是对象，则对其进行数据依赖采集
-                value = observer(value);
-                //不做深层通知
-            }
-            propertyVal = value;
-            notifyDep(dep, key);
-        }
-    });
-}
-const JOKER_SHALLOW_OBSERVER_TAG = Symbol.for("JOKER_SHALLOW_OBSERVER");
-/**
- * 浅劫持监听，不污染数据源，只对根值监听，不对属性监听
- * @returns
- */
-class ShallowObserver {
-    data;
-    [JOKER_SHALLOW_OBSERVER_TAG] = true;
-    dep = new Dep();
-    constructor(data) {
-        this.data = data;
-    }
-    /**
-     * 是否有变更
-     */
-    isChanged = false;
-    get value() {
-        this.dep.depend(OBJECTPROXY_DEPLEVE_ID);
-        return this.data;
-    }
-    set value(newVal) {
-        if (Object.is(newVal, this.data) === false) {
-            this.isChanged = true;
-            this.data = newVal;
-            notifyDep(this.dep, OBJECTPROXY_DEPLEVE_ID);
-        }
-    }
-}
-/**
- * 用于标记是否是组合回复
- */
-let isCombined = false;
-/**
- * 组合回复采集队列
- */
-let combinedReplyQueue = new Map();
-/**
- * 通知dep，通过isCombined执行不同的流程
- */
-function notifyDep(dep, key) {
-    //非合并回复直接回复
-    if (isCombined === false)
-        dep.notify(key);
-    //合并回复，做去重收集
-    else {
-        let depQueue = combinedReplyQueue.get(dep);
-        if (depQueue === undefined) {
-            depQueue = [];
-            combinedReplyQueue.set(dep, depQueue);
-        }
-        if (depQueue.includes(key) === false) {
-            depQueue.push(key);
-        }
-    }
-}
-/**
- * 组合回复，针对大量值变更，又不想频繁更新DOM，
- * 可通过该方法实现一个作用域内的统一组合回复
- * @param func 处理方法
- * @returns
- */
-function combinedReply(func) {
-    isCombined = true;
-    try {
-        func();
-    }
-    catch (e) {
-        isCombined = false;
-        combinedReplyQueue.clear();
-        logger.error("数据劫持", "数据劫持组合回复在做变更采集时，遇到了阻塞错误，不做响应，请检查", e);
-        return;
-    }
-    isCombined = false;
-    //组合回复
-    notifyGroupDeps(combinedReplyQueue);
-    combinedReplyQueue.clear();
-}
-/**
- * 判断一个值是否是已被数据代理劫持
- */
-function isObserverData(data) {
-    return getProxyDep(data) !== undefined;
-}
-
-const LOGTAG$5 = "数据观察";
-/**
- * 将取值表达式转换为get方法
- * @param exp
- * @returns
- */
-function transformGetter(exp) {
-    //过滤非正常属性
-    if (/[^\w.$]/.test(exp)) {
-        return;
-    }
-    let exps = exp.split(".");
-    return function (data) {
-        let result = data;
-        exps.forEach((key) => {
-            if (!result) {
-                return;
-            }
-            result = result[key];
-        });
-        return result;
-    };
-}
-/**
- * 观察者
- *
- * 负责观察对象，并收集依赖关系，并在值变更时做出回调响应
- */
-class Watcher {
-    ob;
-    updateCallBack;
-    forceCallBack;
-    getter;
-    value;
-    isDestroy = false;
-    /**
-     * 运行时的关系收集
-     *
-     * 主要作用是：运行时做基本的重复过滤,并收集当前“有效的”Dep关系
-     * 一个Dep 肯定对应一个对象， 对象的key不会出现重复
-     */
-    runRelations = new Map();
-    /**
-     * 实际关系
-     */
-    relations = new Map();
-    /**
-     *
-     * @param ob 数据源
-     * @param expOrFn 表达式（string｜Function）
-     * @param updateCallBack update回调
-     * @param forceCallBack 是否强制回调， 有些值未变更时也会强制回调
-     */
-    constructor(ob, updateCallBack, expOrFn, forceCallBack) {
-        this.ob = ob;
-        this.updateCallBack = updateCallBack;
-        this.forceCallBack = forceCallBack;
-        if (ob === undefined) {
-            throw new Error("无法对underfind进行变更观察");
-        }
-        if (expOrFn === undefined) {
-            this.getter = (obj) => obj;
-        }
-        else if (typeof expOrFn === "function") {
-            this.getter = expOrFn;
-        }
-        else {
-            let getFunc = transformGetter(expOrFn);
-            if (getFunc === undefined) {
-                throw new Error(expOrFn + "解析失败，无法明确读取表达式，请检查expOrFn参数，或采用function模式");
-            }
-            this.getter = getFunc;
-        }
-        if (this.getter === undefined) {
-            logger.error(LOGTAG$5, "getter创建失败", arguments);
-        }
-        this.value = this.getValue();
-    }
-    getValue() {
-        //当前watcher被销毁，可能存在从下向上的监听广播，这里不做处理
-        if (this.getter === undefined) {
-            return;
-        }
-        Dep.target = this;
-        let targetData = typeof this.ob === "function" ? this.ob() : this.ob;
-        let value;
-        try {
-            value = this.getter.call(targetData, targetData);
-        }
-        catch (e) {
-            logger.error(LOGTAG$5, `获取值失败，执行方法：${this.getter.toString()}`);
-            throw e;
-        }
-        Dep.target = undefined;
-        this.clearnDeps();
-        return value;
-    }
-    /**
-     * 添加Dep关系
-     * @param dep
-     * @param key
-     */
-    addDep(dep, key) {
-        let runItem = this.runRelations.get(dep);
-        if (runItem === undefined || runItem.includes(key) === false) {
-            runItem = runItem || [];
-            runItem.push(key);
-            this.runRelations.set(dep, runItem);
-            let depItem = this.relations.get(dep);
-            //判断之前有没有该关系的存储，如果没有则添加
-            //在最终clean时，会重新runRelations-》relations的转换
-            if (depItem === undefined || depItem.includes(key) === false) {
-                dep.addWatcher(key, this);
-            }
-        }
-    }
-    /**
-     * 更新值，并对其进行响应
-     */
-    update() {
-        let newVal = this.getValue();
-        let oldVal = this.value;
-        //强制回调｜｜值变更｜｜值时个对象（对象时引用类型无法查看是否变更）
-        if (this.forceCallBack || newVal !== oldVal || isObject(newVal)) {
-            this.value = newVal;
-            //这里过滤一些引用不想等，但值相等的值，只是不做响应，但不影响下次的值变更
-            //这里没有过滤掉this.value = newVal;
-            if (newVal !== oldVal && !this.forceCallBack && isEqual(newVal, oldVal, true)) {
-                return;
-            }
-            this.updateCallBack(newVal, oldVal);
-        }
-    }
-    destroy() {
-        this.relations.forEach((keys, dep) => {
-            for (let key of keys) {
-                dep.removeWatcher(key, this);
-            }
-        });
-        this.isDestroy = true;
-        this.relations.clear();
-        this.runRelations.clear();
-        this.ob = undefined;
-        this.value = undefined;
-        this.getter = undefined;
-    }
-    clearnDeps() {
-        this.relations.forEach((keys, dep) => {
-            let runItem = this.runRelations.get(dep);
-            for (let key of keys) {
-                if (runItem) {
-                    if (runItem.includes(key) === false) {
-                        dep.removeWatcher(key, this);
-                    }
-                }
-                else {
-                    //移除所有的dep属性关系
-                    //不移除dep，因为对象属性还在
-                    dep.removeWatcher(key, this);
-                }
-            }
-        });
-        this.relations.clear();
-        this.relations = this.runRelations;
-        this.runRelations = new Map();
-    }
-}
-
-/**
- * IOC依赖注入容器
- *
- * IOC依赖注入适用场景：
- * 内部已规划的API、Interface，需要在外部对其进行逻辑注入的场景
- * 区分于plugin，plugin是根据整体声明周期做的切面注入
- */
-var IContainer;
-(function (IContainer) {
-    let binds = new Map();
-    function bind(tagId) {
-        return {
-            to: (target) => {
-                if (binds.has(tagId)) {
-                    throw new Error(`TagId:${tagId.toString()}已注入实现类，请勿重复注入。`);
-                }
-                binds.set(tagId, target);
-            }
-        };
-    }
-    IContainer.bind = bind;
-    function get(tagId, ...params) {
-        let target = binds.get(tagId);
-        if (target) {
-            return new target(...params);
-        }
-        return;
-    }
-    IContainer.get = get;
-})(IContainer || (IContainer = {}));
-
-const JOKER_VNODE_TAG = Symbol.for("JOKER_VNODE_TAG");
-/**
- * 虚拟DOM
- *
- * 该控件分类区别于AST，分类是按照实际输出类型作为划分
- */
-var VNode;
-(function (VNode) {
-    VNode.PARSERKEY = Symbol.for("JOKER_PARSER_KEY");
-    /**
-     * VNode 基类
-     */
-    class Node {
-        parent;
-        [JOKER_VNODE_TAG] = true;
-        /**
-         * 是否是静态节点，非动态节点。例如：element、text、comment等
-         */
-        static;
-        output;
-        [VNode.PARSERKEY];
-        childrens;
-        /**
-         * 当前节点是否睡眠
-         */
-        sleep = false;
-        constructor(parent) {
-            this.parent = parent;
-        }
-        /**
-         * 上一个节点
-         */
-        get prev() {
-            if (this.parent) {
-                return this.parent.childrens?.[this.parent.childrens?.indexOf(this) - 1];
-            }
-            return;
-        }
-        /**
-         * 下一个节点
-         */
-        get next() {
-            if (this.parent) {
-                return this.parent.childrens?.[this.parent.childrens?.indexOf(this) + 1];
-            }
-            return;
-        }
-        /**
-         * 匹配第一个符合要求的祖先元素
-         * @param match
-         * @param breakWhenVRoot 是否过滤到当前视图根时中断
-         * @returns
-         */
-        closest(filter, breakWhenVRoot) {
-            if (filter(this) === true) {
-                return this;
-            }
-            let parent = this.parent;
-            while (parent) {
-                if (breakWhenVRoot && parent instanceof VNode.Root)
-                    return;
-                if (filter(parent) === true) {
-                    return parent;
-                }
-                parent = parent.parent;
-            }
-            return;
-        }
-        /**
-         * 返回所有匹配的子元素
-         * @param filter 返回true则记录，返回false则跳过该元素的子集
-         * @returns
-         */
-        find(filter, childrens, _out) {
-            let result = _out ?? [];
-            childrens ??= this.childrens;
-            if (childrens) {
-                for (let item of childrens) {
-                    let findResult = filter(item);
-                    if (findResult === true) {
-                        result.push(item);
-                    }
-                    if (item.childrens) {
-                        this.find(filter, item.childrens, result);
-                    }
-                }
-            }
-            return result;
-        }
-        /**
-         * 是否包含
-         * @param filter 返回true则记录，返回false则跳过该元素的子集
-         * @returns
-         */
-        contains(filter, childrens) {
-            childrens ??= this.childrens;
-            if (childrens) {
-                for (let item of childrens) {
-                    let findResult = filter(item);
-                    if (findResult === true) {
-                        return true;
-                    }
-                    if (item.childrens && item.childrens.length) {
-                        if (this.contains(filter, item.childrens)) {
-                            return true;
-                        }
-                    }
-                }
-            }
-            return false;
-        }
-    }
-    VNode.Node = Node;
-    /**
-     * 根节点
-     */
-    class Root extends Node {
-        childrens = [];
-        component;
-        constructor() {
-            super();
-        }
-    }
-    VNode.Root = Root;
-    /**
-     * 文本类型节点
-     */
-    class Text extends Node {
-        text;
-        static = true;
-        constructor(text, parent) {
-            super(parent);
-            this.text = text;
-        }
-    }
-    VNode.Text = Text;
-    /**
-     * Html节点
-     */
-    class Html extends Node {
-        html;
-        static = true;
-        constructor(html, parent) {
-            super(parent);
-            this.html = html;
-        }
-    }
-    VNode.Html = Html;
-    /**
-     * 注释节点
-     */
-    class Comment extends Node {
-        text;
-        static = true;
-        constructor(text, parent) {
-            super(parent);
-            this.text = text;
-        }
-    }
-    VNode.Comment = Comment;
-    /**
-     * Element节点
-     */
-    class Element extends Node {
-        tagName;
-        static = true;
-        attributes = {};
-        childrens = [];
-        events = [];
-        /**
-         * 协助事件存储，用于存储辅助事件，例如outside等事件
-         */
-        _assistEventCache;
-        constructor(tagName, parent) {
-            super(parent);
-            this.tagName = tagName;
-        }
-    }
-    VNode.Element = Element;
-    /**
-     * 组件节点
-     */
-    class Component extends Node {
-        /** 组件名（template标签名） */
-        name;
-        /** 组件实例 */
-        component;
-        /** 事件 */
-        events = [];
-        /** 参数 */
-        propValues = {};
-        /** 是否保持存活 */
-        keepalive;
-        /**
-         * 当前组件第一个element vnode
-         */
-        get firstElement() {
-            return this.childrens ? this.findElement(this.childrens) : undefined;
-        }
-        findElement(childrens) {
-            for (let item of childrens) {
-                if (item instanceof VNode.Element) {
-                    return item;
-                }
-                if (item.childrens) {
-                    let result = this.findElement(item.childrens);
-                    if (result)
-                        return result;
-                }
-            }
-        }
-    }
-    VNode.Component = Component;
-    /**
-     * 条件节点
-     */
-    class Condition extends Node {
-        cmdName;
-        result = false;
-        childrens = [];
-        isShow = false;
-        constructor(cmdName, parent) {
-            super(parent);
-            this.cmdName = cmdName;
-        }
-    }
-    VNode.Condition = Condition;
-    /**
-     * 列表节点,内部包含多组列表项
-     */
-    class List extends Node {
-        childrens = [];
-    }
-    VNode.List = List;
-    /**
-     * 循环列表项
-     */
-    class ListItem extends Node {
-        ob;
-        childrens = [];
-        constructor(ob, parent) {
-            super(parent);
-            this.ob = ob;
-        }
-    }
-    VNode.ListItem = ListItem;
-    /**
-     * 插槽节点
-     */
-    class RenderSection extends Node {
-        id = "unknown";
-        params = [];
-        section;
-        childrens = [];
-        ob;
-        constructor(idOrSection, parent) {
-            super(parent);
-            if (typeof idOrSection === "string") {
-                this.id = idOrSection;
-            }
-            else {
-                this.section = idOrSection;
-            }
-        }
-    }
-    VNode.RenderSection = RenderSection;
-})(VNode || (VNode = {}));
-
-const LOGTAG$4 = "DOM渲染";
-const TAG_PLAINTEXT_ELEMENT = ["script", "style", "textarea", "pre"];
-let eventSeed = 0;
-var Render;
-(function (Render) {
-    /**
-     * 注入TagId
-     */
-    Render.IRENDERIOCTAGID = Symbol.for("JOKER_IRENDERIOC_TAGID");
-    /**
-     * 默认Render，采用H5-DOM模式进行输出
-     */
-    class DomRender {
-        elements;
-        constructor() {
-            this.elements = document.createDocumentFragment();
-        }
-        mount(root) {
-            if (root instanceof Element) {
-                root.appendChild(this.elements);
-            }
-            else if (root instanceof VNode.Component) {
-                if (root.parent) {
-                    if (root.output) {
-                        let nodeEl = root.output;
-                        let parentEl = getVNodeAppendToContainer(root) || nodeEl.parentNode;
-                        //不会出现没有parentEl的场景
-                        if (parentEl) {
-                            parentEl.insertBefore(this.elements, nodeEl);
-                        }
-                    }
-                    else {
-                        logger.error(LOGTAG$4, "组件挂载渲染时发现该节点未定义DOM定位节点", root);
-                    }
-                }
-                else {
-                    logger.error(LOGTAG$4, "mount子组件时，发现该组件无父级", root);
-                }
-            }
-            else {
-                logger.error(LOGTAG$4, "mount只支持挂载到Element或VNode.Node类型数据中", root);
-            }
-        }
-        appendNode(node) {
-            this.renderNode(node);
-            if (node.output) {
-                let nodes = node.output instanceof HTMLCollection ||
-                    node.output instanceof NodeList ||
-                    Array.isArray(node.output)
-                    ? Array.from(node.output)
-                    : [node.output];
-                for (let item of nodes) {
-                    this.appendNodeChildren(node, item, node.parent);
-                }
-                return;
-            }
-            logger.error(LOGTAG$4, "未找自身节点的el属性，无法进行dom挂载", node);
-        }
-        updateNode(node, propertyKey) {
-            if (node instanceof VNode.Element) {
-                for (let attrName in node.attributes) {
-                    let attrVal = node.attributes[attrName];
-                    this.setAttribute(node.output, attrName, attrVal);
-                }
-            }
-            else if (node instanceof VNode.Text) {
-                if (node.parent &&
-                    node.parent instanceof VNode.Element &&
-                    TAG_PLAINTEXT_ELEMENT.includes(node.parent.tagName)) {
-                    this.removeNode(node);
-                    this.appendNode(node);
-                }
-                else {
-                    node.output.textContent = escape2Html(node.text || "");
-                }
-            }
-            else if (node instanceof VNode.Html) {
-                node.output.root.innerHTML = node.html;
-            }
-            else {
-                logger.error(LOGTAG$4, `该节点不支持${propertyKey}的更新`, node);
-            }
-        }
-        removeNode(node, reserveOutPut) {
-            let domNodes = node.output instanceof HTMLCollection || node.output instanceof NodeList || Array.isArray(node.output)
-                ? Array.from(node.output)
-                : [node.output];
-            //可能是root等无根的节点
-            domNodes?.forEach((item) => {
-                item?.remove();
-            });
-            if (!reserveOutPut) {
-                //element 元素 需要清除辅助事件
-                node instanceof VNode.Element && removeAssistEvent(node);
-                node.output = undefined;
-            }
-        }
-        destroy() {
-            this.elements = undefined;
-        }
-        elementToEnter(node, name, type, callBack) {
-            if (!node.output)
-                return;
-            this.transitionFrame(node, name, "enter", type, callBack);
-        }
-        elementToLeave(node, name, type, callBack) {
-            if (!node.output)
-                return;
-            this.transitionFrame(node, name, "leave", type, callBack);
-        }
-        triggerEvent(node, _eventName, _e) {
-            let removeEvent = [];
-            for (let item of node.events) {
-                let [eventName, event] = item;
-                if (eventName === _eventName) {
-                    let isSelf = event.modifiers?.includes("self");
-                    let isOutSide = event.modifiers?.includes("outside");
-                    if (isSelf || isOutSide) {
-                        logger.warn(LOGTAG$4, "事件修饰符：self、outside在组件事件中无法使用，组件无法确认元素", node);
-                        continue;
-                    }
-                    let e = _e.event;
-                    if ((e instanceof KeyboardEvent && ["keydown", "keypress", "keyup"].includes(eventName)) ||
-                        (e instanceof MouseEvent && ["click", "dbclick", "mouseup", "mousedown"].includes(eventName))) {
-                        if (checkEventModifier(e, event.modifiers) === false)
-                            continue;
-                    }
-                    event.callBack(_e);
-                    if (event.modifiers?.includes("prevent")) {
-                        _e.preventDefault();
-                    }
-                    if (event.modifiers?.includes("once")) {
-                        removeEvent.push(item);
-                    }
-                    if (event.modifiers?.includes("stop")) {
-                        _e.stopPropagation();
-                        return false;
-                    }
-                }
-            }
-            //剔除需要移除的事件
-            if (removeEvent.length) {
-                removeEvent.forEach((e) => {
-                    remove(node.events, e);
-                });
-            }
-        }
-        //#region 私有实现
-        transitionFrame(node, transitionName, model, type, callBack) {
-            addClassName(node, getTransitionClassName(transitionName, model, "from"));
-            type ||= "transition";
-            let id = (node.output.__TRANSITION_EVNETID__ = eventSeed++);
-            // 在下一帧执行的时候移除class
-            requestAnimationFrame(() => {
-                requestAnimationFrame(() => {
-                    if (!node.output)
-                        return;
-                    addClassName(node, getTransitionClassName(transitionName, model, "active"));
-                    removeClassName(node, getTransitionClassName(transitionName, model, "from"));
-                    addClassName(node, getTransitionClassName(transitionName, model, "to"));
-                    let transitionInfo = getTransitionInfo(node.output, type);
-                    if (!transitionInfo) {
-                        callBack?.();
-                        return;
-                    }
-                    let ended = 0;
-                    // 定义一个供addEventListener执行的回调函数
-                    let resolve = () => {
-                        removeClassName(node, getTransitionClassName(transitionName, model, "to"));
-                        removeClassName(node, getTransitionClassName(transitionName, model, "active"));
-                        //可能存在越级删除，造成动画元素过早移除，
-                        if (!node.output)
-                            return;
-                        node.output.removeEventListener(`${type}end`, onEnd);
-                        if (id === node.output.__TRANSITION_EVNETID__) {
-                            callBack?.();
-                        }
-                    };
-                    let onEnd = (e) => {
-                        if (e.target === node.output && ++ended >= transitionInfo.count) {
-                            resolve();
-                        }
-                    };
-                    setTimeout(() => {
-                        if (ended < transitionInfo.count) {
-                            resolve();
-                        }
-                    }, transitionInfo.timeout + 1);
-                    // 监听动效结束事件，type由props传入
-                    node.output?.addEventListener(`${type}end`, onEnd);
-                });
-            });
-        }
-        renderNode(node) {
-            if (node.output)
-                return;
-            if (node instanceof VNode.Text) {
-                if (node.parent &&
-                    node.parent instanceof VNode.Element &&
-                    TAG_PLAINTEXT_ELEMENT.includes(node.parent.tagName)) {
-                    node.output = this.parserHtml(node.text);
-                }
-                else {
-                    node.output = document.createTextNode(escape2Html(node.text || ""));
-                }
-            }
-            else if (node instanceof VNode.Html) {
-                let conatiner = document.createElement("joker-html-container");
-                //@ts-ignore
-                conatiner.JOKER_NODE = node;
-                conatiner.root.innerHTML = node.html;
-                node.output = conatiner;
-            }
-            else if (node instanceof VNode.Element) {
-                let element;
-                //@ts-ignore
-                if (node.tagName === "svg" || node.parent.isSvg) {
-                    //@ts-ignore
-                    node.isSvg = true;
-                    element = document.createElementNS("http://www.w3.org/2000/svg", node.tagName);
-                }
-                else {
-                    element = document.createElement(node.tagName);
-                }
-                for (let attrName in node.attributes) {
-                    this.setAttribute(element, attrName, node.attributes[attrName]);
-                }
-                //@ts-ignore
-                element.JOKER_NODE = node;
-                node.output = element;
-                //做穿透延迟仅对outside.click
-                if (node.events.some((n) => n[0] === "click" && n[1].modifiers?.includes("outside"))) {
-                    //宏任务
-                    setTimeout(() => {
-                        this.initElementEvents(element, node);
-                    });
-                }
-                else {
-                    this.initElementEvents(element, node);
-                }
-            }
-            else if (node instanceof VNode.Comment) {
-                node.output = document.createComment(node.text);
-            }
-            else {
-                node.output = document.createTextNode("");
-            }
-        }
-        initElementEvents(el, node) {
-            for (let [eventName, event] of node.events) {
-                let isSelf = event.modifiers?.includes("self");
-                let isOutSide = event.modifiers?.includes("outside");
-                if (isSelf && isOutSide) {
-                    logger.warn(LOGTAG$4, "事件修饰符：self、outside不可以同时存在，将按照self处理", node);
-                    isOutSide = false;
-                }
-                let eventCallBack = function (e) {
-                    //节点睡眠时，不做事件传递和广播
-                    if (node.sleep)
-                        return;
-                    /**
-                     * self : 必须是本身
-                     * prevent : 阻止系统
-                     * stop : 阻止冒泡
-                     * once : 只触发一次
-                     * outside : 外围时触发
-                     */
-                    if (isSelf) {
-                        //不是自身时不执行
-                        if (e.target !== el) {
-                            return;
-                        }
-                    }
-                    if (isOutSide) {
-                        //是自身时不执行
-                        if (e.target === el || el.contains(e.target)) {
-                            return;
-                        }
-                        //空冒泡事件
-                        if (document.contains(e.target) === false)
-                            return;
-                        //append-to时，dom层级无法确认
-                        if (node.contains((n) => {
-                            let nodes = n.output instanceof HTMLCollection ||
-                                n.output instanceof NodeList ||
-                                Array.isArray(n.output)
-                                ? Array.from(n.output)
-                                : [n.output];
-                            return nodes.includes(e.target);
-                        })) {
-                            return true;
-                        }
-                    }
-                    if ((e instanceof KeyboardEvent && ["keydown", "keypress", "keyup"].includes(eventName)) ||
-                        (e instanceof MouseEvent && ["click", "dbclick", "mouseup", "mousedown"].includes(eventName))) {
-                        if (checkEventModifier(e, event.modifiers) === false)
-                            return;
-                    }
-                    event.callBack({
-                        eventName,
-                        event: e,
-                        /**目标元素 */
-                        target: node,
-                        /** 阻止默认事件 */
-                        preventDefault: () => e.preventDefault(),
-                        /** 阻止事件传播 */
-                        stopPropagation: () => e.stopPropagation(),
-                        data: undefined
-                    });
-                    if (event.modifiers?.includes("prevent")) {
-                        e.preventDefault();
-                    }
-                    if (event.modifiers?.includes("stop")) {
-                        e.stopPropagation();
-                    }
-                    if (event.modifiers?.includes("once")) {
-                        if (isOutSide) {
-                            removeAssistEvent(node, eventName, eventCallBack);
-                        }
-                        else {
-                            el.removeEventListener(eventName, eventCallBack);
-                        }
-                    }
-                };
-                let eventOpt = undefined;
-                if (event.modifiers?.includes("passive")) {
-                    eventOpt = {
-                        passive: true
-                    };
-                }
-                if (isOutSide) {
-                    registoryAssistEvent(node, eventName, eventCallBack, eventOpt);
-                }
-                else {
-                    el.addEventListener(eventName, eventCallBack, eventOpt);
-                }
-            }
-        }
-        parserHtml(str) {
-            var tempContainer = document.createElement("div");
-            tempContainer.innerHTML = str;
-            return tempContainer.childNodes;
-        }
-        isCommandGroup(node) {
-            return (node instanceof VNode.Component ||
-                node instanceof VNode.Condition ||
-                node instanceof VNode.List ||
-                node instanceof VNode.ListItem ||
-                node instanceof VNode.RenderSection);
-        }
-        appendNodeChildren(node, element, parent) {
-            let parentEl = getVNodeAppendToContainer(node);
-            if (parentEl) {
-                parentEl.appendChild(element);
-                return;
-            }
-            if (parent === undefined) {
-                //根节点+appendTo
-                this.elements.appendChild(element);
-            }
-            else if (parent) {
-                if (parent instanceof VNode.Root) {
-                    //root上是VNode.Componet容器
-                    let containerParent = parent.parent;
-                    if (containerParent && containerParent instanceof VNode.Component) {
-                        //这种场景一般只使用与weakup时再挂载
-                        if (containerParent.output) {
-                            let nodeEl = containerParent.output;
-                            let parentEl = nodeEl.parentNode;
-                            //不会出现没有parentEl的场景
-                            if (parentEl) {
-                                parentEl.insertBefore(element, nodeEl);
-                                return;
-                            }
-                        }
-                    }
-                    //全部兜底，是存在组件内直接是命令的场景，会出现parent.parent还未挂载
-                    //该场景应算顺序执行的产物
-                    this.elements.appendChild(element);
-                }
-                else if (parent instanceof VNode.Element) {
-                    let parentEl = parent.output;
-                    if (parentEl === undefined) {
-                        logger.error(LOGTAG$4, "appendNodeChildren挂载失败，找不到父节点DOM输出", { parent, node });
-                    }
-                    parentEl.appendChild(element);
-                }
-                else if (this.isCommandGroup(parent)) {
-                    let nodeEl = parent.output;
-                    //如果if 或者 for循环中存在 append-to 则直接向body输出，不考虑body输出顺序
-                    let parentEl = nodeEl.parentNode;
-                    //不会出现没有parentEl的场景
-                    if (parentEl) {
-                        parentEl.insertBefore(element, nodeEl);
-                    }
-                }
-                else {
-                    logger.error(LOGTAG$4, `该节点不支持嵌套子集，请检查。`, { node, parent });
-                }
-            }
-        }
-        setAttribute(el, attrName, attrVal) {
-            if (typeof attrVal === "boolean") {
-                //如果是boolean，则做新增和删除特性处理
-                if (attrVal) {
-                    el.setAttribute(attrName, "");
-                }
-                else {
-                    el.removeAttribute(attrName);
-                }
-                return;
-            }
-            if (attrName === "class") {
-                if (Array.isArray(attrVal)) {
-                    let newClass = [];
-                    for (let val of attrVal) {
-                        if (isObject(val)) {
-                            for (let name in val) {
-                                if (val[name]) {
-                                    newClass.push(name);
-                                }
-                            }
-                        }
-                        else {
-                            val && newClass.push(val);
-                        }
-                    }
-                    attrVal = newClass.join(" ");
-                }
-                else if (isObject(attrVal)) {
-                    for (let name in attrVal) {
-                        if (attrVal[name]) {
-                            el.classList.add(name);
-                        }
-                        else {
-                            el.classList.remove(name);
-                        }
-                    }
-                    return;
-                }
-            }
-            else if (attrName === "style" && isObject(attrVal)) {
-                el.removeAttribute("style");
-                for (let name in attrVal) {
-                    let isEmptyValue = false;
-                    if (attrVal[name] === undefined || attrVal[name] === false) {
-                        isEmptyValue = true;
-                    }
-                    let val = String(attrVal[name]);
-                    if (isEmptyStr(val)) {
-                        isEmptyValue = true;
-                    }
-                    //非空
-                    if (!isEmptyValue) {
-                        //@ts-ignore
-                        el.style[name] = val;
-                    }
-                }
-                return;
-            }
-            attrVal = (attrVal ?? "").toString().trim();
-            if (attrName === "class") {
-                attrVal = attrVal
-                    .split(/\s/)
-                    .filter((m) => m.trim())
-                    .join(" ");
-            }
-            if (attrName === "value" && "value" in el) {
-                el.value = attrVal;
-            }
-            else {
-                el.setAttribute(attrName, attrVal);
-            }
-        }
-    }
-    Render.DomRender = DomRender;
-})(Render || (Render = {}));
-function getTransitionClassName(transition, mode, type) {
-    return `${transition}-${mode}-${type}`;
-}
-/**
- * 注册协助事件，用于做outside等全局事件记录
- */
-function registoryAssistEvent(node, eventName, eventCallBack, eventOpt) {
-    node._assistEventCache ??= [];
-    node._assistEventCache.push([eventName, eventCallBack]);
-    document.body.addEventListener(eventName, eventCallBack, eventOpt);
-}
-function removeAssistEvent(node, eventName, eventCallBack) {
-    if (node._assistEventCache && eventName && eventCallBack) {
-        removeFilter(node._assistEventCache, (m) => {
-            return m[0] === eventName && m[1] === eventCallBack;
-        });
-        document.body.removeEventListener(eventName, eventCallBack);
-    }
-    else {
-        node._assistEventCache?.forEach((m) => {
-            document.body.removeEventListener(m[0], m[1]);
-        });
-        node._assistEventCache && (node._assistEventCache.length = 0);
-        node._assistEventCache = undefined;
-    }
-}
-const keyEventModifierNative = {
-    enter: "enter",
-    backspace: "delete",
-    tab: "tab",
-    arrowup: "up",
-    arrowdown: "down",
-    arrowleft: "left",
-    arrowright: "right",
-    escape: "esc",
-    " ": "space"
-};
-function checkEventModifier(e, modifiers) {
-    if (e instanceof KeyboardEvent) {
-        if (e.key === undefined)
-            return false;
-        for (let name in keyEventModifierNative) {
-            //当有修饰约束 && 约束不成立 则return false 终止
-            if (
-            //@ts-ignore
-            modifiers?.includes(keyEventModifierNative[name]) &&
-                e.key.toLowerCase() !== name)
-                return false;
-        }
-    }
-    else {
-        if (modifiers?.includes("left") && e.button !== 0)
-            return false;
-        if (modifiers?.includes("right") && e.button !== 2)
-            return false;
-        if (modifiers?.includes("middle") && e.button !== 1)
-            return false;
-    }
-    if (modifiers?.includes("ctrl") && e.ctrlKey === false)
-        return false;
-    if (modifiers?.includes("alt") && e.altKey === false)
-        return false;
-    if (modifiers?.includes("shift") && e.shiftKey === false)
-        return false;
-    return true;
-}
-function addClassName(node, className) {
-    if (!node.output)
-        return;
-    node.output.classList.add(className);
-}
-function removeClassName(node, className) {
-    if (!node.output)
-        return;
-    node.output.classList.remove(className);
-}
-function getVNodeAppendToContainer(node) {
-    if (node instanceof VNode.Element || node instanceof VNode.Component) {
-        let appendTo = node instanceof VNode.Component ? node.propValues["append-to"] : node.attributes["append-to"];
-        if (appendTo) {
-            if (appendTo instanceof VNode.Element) {
-                return appendTo.output;
-            }
-            else if (typeof appendTo === "string") {
-                let dom = document.querySelector(appendTo);
-                if (dom)
-                    return dom;
-            }
-            logger.warn(LOGTAG$4, "appendTo类型不支持", { appendTo, node });
-        }
-    }
-}
-function getTransitionInfo(el, type) {
-    let styles = window.getComputedStyle(el);
-    let getStyleProperties = (key) => (styles[key] || "").split(", ");
-    if (type === "transition") {
-        let delays = getStyleProperties("transitionDelay");
-        let durations = getStyleProperties("transitionDuration");
-        let timeout = getTimeout(delays, durations);
-        if (timeout > 0) {
-            return {
-                timeout,
-                count: durations.length
-            };
-        }
-    }
-    else if (type === "animation") {
-        let delays = getStyleProperties("animationDelay");
-        let durations = getStyleProperties("animationDuration");
-        let timeout = getTimeout(delays, durations);
-        if (timeout > 0) {
-            return {
-                timeout,
-                count: durations.length
-            };
-        }
-    }
-}
-function getTimeout(delays, durations) {
-    while (delays.length < durations.length) {
-        delays.concat(delays);
-    }
-    return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i])));
-}
-function toMs(s) {
-    if (s === "auto")
-        return 0;
-    return Number(s.slice(0, -1).replace(",", ".")) * 1000;
-}
-// 创建一个自定义元素
-class HtmlContainerWebComponent extends HTMLElement {
-    root;
-    constructor() {
-        super();
-        this.root = this.attachShadow({ mode: "open" });
-    }
-}
-// 注册自定义元素
-!customElements.get("joker-html-container") && customElements.define("joker-html-container", HtmlContainerWebComponent);
-
-//全局方法
-const __GLONAL_FUNTIONS__ = {};
-/**
- * 注册全局组件
- * @param components 组件
- */
-function registerGlobalFunction(filters) {
-    for (let name in filters) {
-        __GLONAL_FUNTIONS__[name] = filters[name];
-    }
-}
-
-const GLOBAL_TAG = "Global";
-const LOGTAG$3 = "渲染核心";
-/**
- * 创建表达式运行方法
- * @param express 表达式字符串（依赖AST转换，自带参数文根）
- * @returns
- */
-function createExpress$1(express) {
-    try {
-        return new Function(EXPRESSHANDLERTAG, GLOBAL_TAG, `return ${express};`);
-    }
-    catch {
-        throw new Error(`创建表达式运行方法时出现未知错误，表达式为` + express);
-    }
-}
-class IParser {
-    ast;
-    ob;
-    parent;
-    ext;
-    /** 当前转换节点ref标记 */
-    ref = "";
-    /** 当前AST解析 所产生的观察者 */
-    watchers = [];
-    node;
-    constructor(
-    /** ast集合 */
-    ast, 
-    /** 数据源 会在component上进行属性新增 */
-    ob, 
-    /** 父节点 */
-    parent, 
-    /** 外部处理（ParserTemplate） */
-    ext) {
-        this.ast = ast;
-        this.ob = ob;
-        this.parent = parent;
-        this.ext = ext;
-        this.parser();
-        this.afterParser();
-    }
-    beforeDestroy(keepalive) { }
-    /**
-     * 销毁流程
-     */
-    destroy(keepalive) {
-        //优先移除watcher关系
-        this.clearWatchers();
-        if (this.parent.childrens && this.node) {
-            if (this.node instanceof VNode.Element || this.node instanceof VNode.Component) {
-                //如果是Element 或者 组件节点（只有这些类型可以配置ref）
-                this.ext.removeRef(this.node);
-            }
-            let removeNode = () => {
-                if (this.parent && this.node) {
-                    this.beforeDestroy(keepalive);
-                    this.destroyChildrens(keepalive);
-                    //remove 应该按照append倒序执行
-                    this.ext.render?.removeNode(this.node);
-                    this.parent.childrens && remove(this.parent.childrens, this.node);
-                    //通知放最后
-                    this.notifyNodeWatcher("remove");
-                    this.destroyOtherData();
-                }
-            };
-            //如果有动画
-            if (this.ext.nodeTransition(this.node, "leave", undefined, () => {
-                removeNode();
-            })) {
-                //先解除层级关系，不阻塞其余节点正常卸载
-                remove(this.parent.childrens, this.node);
-                //消除所有子集的watcher监听
-                this.destroyChildrensWatcher(this.node);
-                return;
-            }
-            removeNode();
-        }
-        else {
-            this.destroyOtherData();
-        }
-    }
-    destroyOtherData() {
-        this.node && (this.node[VNode.PARSERKEY] = undefined);
-        this.node = undefined;
-        this.parent = undefined;
-    }
-    /**
-     * 销毁所有子集VNode
-     */
-    destroyChildrens(keepalive) {
-        while (this.node?.childrens?.length) {
-            let item = this.node.childrens[0];
-            if (item[VNode.PARSERKEY]) {
-                item[VNode.PARSERKEY].destroy(keepalive);
-            }
-            else {
-                //root 类型 ，不做销毁，只是做数组移除，销毁已处理
-                remove(this.node.childrens, item);
-            }
-        }
-    }
-    /**
-     * 销毁所有子集VNode的watcher，为了防止延迟卸载时，无效通知广播
-     */
-    destroyChildrensWatcher(nodeItem) {
-        if (nodeItem?.childrens?.length) {
-            for (let node of nodeItem?.childrens) {
-                if (node[VNode.PARSERKEY]) {
-                    node[VNode.PARSERKEY].clearWatchers();
-                    this.destroyChildrensWatcher(node);
-                }
-            }
-        }
-    }
-    /**
-     * 插入自身节点
-     */
-    appendNode() {
-        if (this.parent.childrens && this.node) {
-            this.node[VNode.PARSERKEY] = this;
-            this.parent.childrens.push(this.node);
-            if (this.node instanceof VNode.Element && this.ob[SCOPE_ID]) {
-                this.node.attributes["data-scoped-" + this.ob[SCOPE_ID]] = undefined;
-            }
-            this.ext.render?.appendNode(this.node);
-            this.notifyNodeWatcher("append");
-        }
-    }
-    afterParser() {
-        this.ext.nodeTransition(this.node, "enter");
-    }
-    /**
-     * 通知节点观察者
-     * @param type 通知类型
-     */
-    notifyNodeWatcher(type, propertyKey) {
-        //除非destroy 否则node 有值
-        this.ext.notifyNodeWatcher(this.ref, this.node, type, propertyKey);
-    }
-    /**
-     * 运行表达式方法，并返回运行后的值（不带观察者）
-     * @param express 表达式 string|function
-     * @param ob 数据源
-     * @returns
-     */
-    runExpress(express, ob) {
-        try {
-            return createExpress$1(express).call(ob, ob, __GLONAL_FUNTIONS__);
-        }
-        catch (e) {
-            logger.error(LOGTAG$3, "运行表达式出现错误:" + express, {
-                ob,
-                e
-            });
-        }
-    }
-    /**
-     * 运行表达式方法，并返回运行后的值（带观察者）
-     * @param express 表达式 string|function
-     * @param ob 数据源
-     * @param updateCallBack 更新回调
-     * @param forceCallBack 是否强制回调
-     * @returns
-     */
-    runExpressWithWatcher(express, ob, updateCallBack, forceCallBack) {
-        let expressFunction = typeof express === "string" ? createExpress$1(express) : express;
-        let watcher = new Watcher(() => {
-            try {
-                return expressFunction.call(ob, ob, __GLONAL_FUNTIONS__);
-            }
-            catch (e) {
-                logger.error(LOGTAG$3, "运行表达式出现错误", {
-                    ob,
-                    e,
-                    express
-                });
-                throw e;
-            }
-        }, updateCallBack, undefined, forceCallBack);
-        //添加 watcher 时会有防重复和空dep判断
-        this.addWatch(watcher);
-        return watcher.value;
-    }
-    /**
-     * 添加观察者
-     * @param watcher
-     */
-    addWatch(watcher) {
-        if (this.watchers.includes(watcher) === false) {
-            this.watchers.push(watcher);
-        }
-    }
-    /**
-     * 清空所有观察者
-     */
-    clearWatchers() {
-        this.watchers.forEach((w) => {
-            w.destroy();
-        });
-        this.watchers.length = 0;
-    }
-}
-
-class ParserText extends IParser {
-    parser() {
-        this.node = new VNode.Text(this.ast.text, this.parent);
-        this.appendNode();
-    }
-}
-
-class ParserComment extends IParser {
-    parser() {
-        this.node = new VNode.Comment(this.ast.text, this.parent);
-        this.appendNode();
-    }
-}
-
-class ParserCondition extends IParser {
-    parser() {
-        this.node = new VNode.Condition(this.ast.kind, this.parent);
-        if (this.ast.kind !== "else") {
-            if (isEmptyStr(this.ast.condition)) {
-                logger.error("条件命令", `当前条件命令${this.ast.kind}没有判断条件，请检查`);
-            }
-            let conditionResult = this.runExpressWithWatcher(this.ast.condition, this.ob, (newVal) => {
-                let value = !!newVal;
-                if (this.node?.result !== value) {
-                    this.node.result = value;
-                    this.reloadAllCondition();
-                }
-            });
-            //第一次运行完表达式，进行留值存储
-            this.node.result = !!conditionResult;
-        }
-        this.appendNode();
-        this.renderConditionChildren();
-    }
-    /**
-     * 渲染子集
-     *
-     * @return 返回当前渲染是否有显示变更
-     */
-    renderConditionChildren() {
-        let newShowState = false;
-        let prevResult = this.getPrevIfResult();
-        if (prevResult) {
-            newShowState = false;
-        }
-        else if (this.ast.kind === "else") {
-            newShowState = true;
-        }
-        else {
-            //刷新一次result
-            this.node.result = !!this.runExpress(this.ast.condition, this.ob);
-            if (this.node.result) {
-                newShowState = true;
-            }
-        }
-        //展示状态发生改变才去触发子节点的创建或销毁
-        if (newShowState !== this.node.isShow) {
-            this.node.isShow = newShowState;
-            if (newShowState) {
-                if (this.ast.childrens) {
-                    this.ext.parserNodes(this.ast.childrens, this.node, this.ob);
-                }
-            }
-            else {
-                //销毁子集，if切换时，使用keepalive
-                this.destroyChildrens(true);
-            }
-            return true;
-        }
-        return false;
-    }
-    /**
-     * 获取同级前面的判断条件结果，如果有一个true则返回true，
-     * 否则认为上面所有条件判断都为false
-     * @returns
-     */
-    getPrevIfResult() {
-        /**
-         * 由于页面AST的解析及装载顺序是从上向下的
-         * 所以，当运行到此节点时，👆面的条件已全部完成运行，并返回了结果
-         */
-        //如果当前节点就是if则算上面（虚拟条件为false）
-        if (this.ast.kind === "if") {
-            return false;
-        }
-        let prevNode = this.node?.prev;
-        //向上查询，获取级联条件结果
-        while (prevNode && prevNode instanceof VNode.Condition) {
-            if (prevNode.result) {
-                return true;
-            }
-            //避免相邻之间互相影响
-            if (prevNode.cmdName === "if") {
-                break;
-            }
-            prevNode = prevNode.prev;
-        }
-        return false;
-    }
-    /**
-     * 重载所有的判断（从上到下）
-     */
-    reloadAllCondition() {
-        /**
-         * 当当前值变更后，不需要向上遍历，因为值在读取时已经挂载观察者
-         * 观察者响应时按照先后顺序去响应
-         * 所以当当前值变更时，之前的条件如果有变动就已经变动完毕
-         *
-         * 这里只需要向下去重置条件即可
-         */
-        //执行自己的子集渲染
-        let isChange = this.renderConditionChildren();
-        /**
-         * 如果自己发生变更，则向下传递影响性
-         * 若自身无变更，则不向下传递，交由下面的观察者触发
-         *
-         * 这样可以过滤掉多条件相同观察对象的场景的无效响应
-         *
-         * 例如：
-         * @if(a ===1){
-         * }
-         * else if(a===2){
-         * }
-         * else if(true){
-         * }
-         *
-         * 若a从3变更到1时
-         * 第一个if发生变更向下传递所有变更影响
-         * 这时else if(a===2) 也收到变更通知， 这时发现自身展示状态无变更，则不向下传递影响
-         */
-        if (isChange) {
-            let next = this.node?.next;
-            //有下一级 && 下一级是条件节点 && 下一级不是if起始
-            while (next && next instanceof VNode.Condition && next.cmdName !== "if") {
-                let parserTarget = next[VNode.PARSERKEY];
-                if (parserTarget && parserTarget instanceof ParserCondition) {
-                    parserTarget.renderConditionChildren();
-                }
-                next = next.next;
-            }
-        }
-    }
-}
-
-/**
- * For循环专用表达式运行方法
- */
-function createExpress(letKey, keyVal, condition) {
-    try {
-        return new Function(EXPRESSHANDLERTAG, `${EXPRESSHANDLERTAG}.${letKey}=${keyVal}; return ${condition};`);
-    }
-    catch {
-        throw new Error(`For循环命令，表达式运行依赖采集出现未知错误，其中letKey:${letKey},keyVal:${keyVal},condition:${condition}`);
-    }
-}
-class ParserList extends IParser {
-    parser() {
-        this.node = new VNode.List(this.parent);
-        this.appendNode();
-        this.renderChildrens();
-    }
-    renderChildrens() {
-        switch (this.ast.keyType) {
-            case "condition":
-                this.renderConditionChildrens();
-                break;
-            case "in":
-            case "of":
-                this.renderInOrOfChildrens();
-                break;
-        }
-    }
-    renderConditionChildrens() {
-        let param = this.ast.param;
-        let forOb = Object.create(this.ob);
-        /**
-         * 此处采用自定义表达式方法目的是：
-         *
-         * 此处存在两个依赖采集点，分别是：defaultKeyVal和condition
-         * 这两个采集点可能存在依赖点重叠，如果重叠则会造成重复遍历
-         * 为了解决此问题，将创建一个复合表达式，对齐进行统一采集
-         *
-         * 该方法会设置一次默认值，并且返回首次的判断结果
-         */
-        let breakVal = !!this.runExpressWithWatcher(createExpress(param.letKey, param.defaultKeyVal, param.condition), forOb, () => {
-            //每次都需要重新观察
-            this.clearWatchers();
-            this.renderChildrens();
-        }, true);
-        let index = 0;
-        while (breakVal) {
-            //每次都要创新新的对象，因为对象是引用类型，不可以公用一个对象传递
-            //如果挂载的新属性都是作为渲染，则可以用同一个属性传递
-            //但是我们的属性可能会存在于一些延时触发的事件中
-            let stepOb = Object.create(this.ob);
-            //设置数据劫持属性
-            defineObserverProperty(stepOb, param.letKey, forOb[param.letKey]);
-            this.renderItem(stepOb, index++);
-            //执行下一次循环设值
-            this.runExpress(param.step, forOb);
-            //读取下一次的判断条件
-            breakVal = !!this.runExpress(param.condition, forOb);
-        }
-        this.destroyOldChildrens(index);
-    }
-    renderInOrOfChildrens() {
-        let param = this.ast.param;
-        let listOb = this.runExpressWithWatcher(param.dataKey, this.ob, (nv, ov) => {
-            //每次都需要重新观察
-            this.clearWatchers();
-            this.renderChildrens();
-        });
-        let index = 0;
-        if (listOb && (Array.isArray(listOb) || isPlainObject(listOb))) {
-            for (let key in listOb) {
-                let stepOb = Object.create(this.ob);
-                //对于数组时，index为索引，对于对象index为key（统称索引Key）
-                if (param.indexKey) {
-                    defineObserverProperty(stepOb, param.indexKey, Array.isArray(listOb) ? Number(key) : key);
-                }
-                if (param.itemKey) {
-                    defineObserverProperty(stepOb, param.itemKey, listOb[key]);
-                }
-                this.renderItem(stepOb, index++);
-            }
-        }
-        this.destroyOldChildrens(index);
-    }
-    /**
-     * 渲染循环项
-     * @param ob
-     * @param index
-     */
-    renderItem(ob, index) {
-        if (!this.ast.childrens?.length) {
-            return;
-        }
-        let stepList = this.node?.childrens?.[index];
-        //若已经存在，则响应变更
-        if (stepList) {
-            foEachProperties(ob, (key, val) => {
-                //@ts-ignore
-                if (stepList.ob[key] !== val) {
-                    //新老值不一致时
-                    //设置值，做值变更通知
-                    //@ts-ignore
-                    stepList.ob[key] = val;
-                }
-            });
-        }
-        else {
-            new ParserListeItem(this.ast, ob, this.node, this.ext);
-        }
-    }
-    /**
-     * 销毁历史遗留多余的节点
-     * @param index
-     */
-    destroyOldChildrens(index) {
-        while (this.node.childrens.length > index) {
-            let item = this.node.childrens.pop();
-            if (item) {
-                item[VNode.PARSERKEY]?.destroy(false);
-            }
-            else {
-                break;
-            }
-        }
-    }
-}
-class ParserListeItem extends IParser {
-    parser() {
-        this.node = new VNode.ListItem(this.ob, this.parent);
-        this.appendNode();
-        this.ast.childrens && this.ext.parserNodes(this.ast.childrens, this.node, this.ob);
-    }
-}
-
-class ParserCode extends IParser {
-    parser() {
-        if (isEmptyStr(this.ast.cmdName)) {
-            logger.error("模板指令", "解析AST转换VNode时发生错误，未找到指令名称", this.ast);
-            throw new Error("解析AST转换VNode时发生错误，未找到指令名称");
-        }
-        let express = undefined;
-        //全局过滤器
-        if (this.ast.cmdName === "Html" || this.ast.cmdName === "Text") {
-            express = this.ast.param;
-        }
-        else if (this.ast.cmdName.startsWith(GLOBAL_TAG + ".")) {
-            express = `${this.ast.cmdName}(${this.ast.param})`;
-        }
-        else if (this.ast.cmdName in this.ob && typeof this.ob[this.ast.cmdName] === "function") {
-            express = `${createFuntionBody(this.ast.cmdName)}(${this.ast.param})`;
-        }
-        if (express) {
-            let data = this.runExpressWithWatcher(express, this.ob, (newVal) => {
-                if (this.node instanceof VNode.Html) {
-                    this.node.html = transformText(newVal);
-                }
-                else {
-                    this.node.text = transformText(newVal);
-                }
-                this.ext.render?.updateNode(this.node);
-                //不需要做nodeChange广播， 因为它不具备ref能力
-            });
-            data = transformText(data);
-            if (this.ast.cmdName === "Html") {
-                data ||= [];
-                this.node = new VNode.Html(data, this.parent);
-            }
-            else {
-                this.node = new VNode.Text(data, this.parent);
-            }
-            this.appendNode();
-            return;
-        }
-        throw new Error(`未找到命令：${this.ast.cmdName}`);
-    }
-}
-function transformText(val) {
-    if (val === undefined || val === null)
-        return "";
-    return val.toString();
-}
-
-const DEFAULT_SECTION_TAG = "default";
-class ParserRenderSection extends IParser {
-    parser() {
-        let paramData = this.transformParam();
-        this.node = new VNode.RenderSection(paramData.id, this.parent);
-        this.node.params = paramData.params;
-        this.node.section ??= this.ob.$sections?.[paramData.id];
-        this.appendNode();
-        if (this.node.section) {
-            /**
-             * section 挂载子组件中
-             *
-             * ob是父组件渲染组件时的ob，在此之上，添加一些param
-             * 然后用当前组件的parser+新的ob去渲染
-             *
-             * 渲染出来的子集属于组件的子集
-             */
-            if (this.node.section.params) {
-                this.node.ob = Object.create(this.node.section.ob || this.ob);
-                this.node.section.params?.forEach((item, index) => {
-                    defineObserverProperty(this.node.ob, item, this.node.params[index]);
-                });
-            }
-            else {
-                //无参数 不需要创建新的对象，避免性能开销
-                this.node.ob = this.node.section.ob || this.ob;
-            }
-            //使用之前的node.parser去渲染
-            (this.node.section.parser || this.ext).parserNodes(this.node.section.asts, this.node, this.node.ob);
-        }
-    }
-    transformParam() {
-        if (this.ast.param) {
-            let expressVal = this.runExpressWithWatcher(`[${this.ast.param}]`, this.ob, (newVal) => {
-                let newSectionId = newVal[0] || DEFAULT_SECTION_TAG;
-                if (newSectionId !== this.node.id) {
-                    throw new Error("section id 不可动态变更");
-                }
-                this.node.params = newVal.slice(1);
-                if (this.node?.ob && this.node.section) {
-                    this.node.section.params?.forEach((item, index) => {
-                        if (this.node?.ob) {
-                            if (this.node.ob[item] !== this.node.params[index]) {
-                                this.node.ob[item] = this.node.params[index];
-                            }
-                        }
-                    });
-                }
-            });
-            return {
-                id: expressVal[0] || DEFAULT_SECTION_TAG,
-                params: expressVal.slice(1)
-            };
-        }
-        else {
-            return {
-                id: DEFAULT_SECTION_TAG,
-                params: []
-            };
-        }
-    }
-}
-
-const LOGTAG$2 = "组件解析";
-function checkIsComponent(tagName, ob) {
-    return !!ob.components[tagName] || !!getGlobalComponent(tagName);
-}
-class ParserComponent extends IParser {
-    parser() {
-        //唤醒时
-        if (this.ast.node) {
-            this.node = this.ast.node;
-            //重新做层级挂载
-            this.node.parent = this.parent;
-            //唤醒时做一次 watcher同步
-            this.initPropData();
-            this.appendNode();
-            this.node.component?.$mount(this.node);
-            return;
-        }
-        this.node = new VNode.Component(this.parent);
-        this.initPropData();
-        this.initEvent();
-        this.appendNode();
-        this.renderChildren();
-    }
-    /**
-     * 是否允许重载
-     * 直接指向内存的组件，无法重新实例化
-     */
-    get canReload() {
-        return "tagName" in this.ast || typeof this.ast.component === "function";
-    }
-    /** 用于重载 */
-    reload() {
-        if (this.canReload) {
-            //无需考虑sleep，渲染时会挂载到无根节点上
-            this.beforeDestroy();
-            this.renderChildren();
-        }
-        else {
-            logger.warn(LOGTAG$2, `当前组件无法实现reload`, this.node);
-        }
-    }
-    initPropData() {
-        for (let attr of this.ast.attributes) {
-            if (attr.name === "ref") {
-                if (isEmptyStr(attr.value)) {
-                    logger.warn(LOGTAG$2, "元素的ref值不可以为空");
-                    continue;
-                }
-                this.ref = attr.value;
-                this.ext.addRef(attr.value, this.node);
-                continue;
-            }
-            if (attr.name === "keep-alive" && attr.value !== "false") {
-                this.node.keepalive = true;
-            }
-            if (attr.express) {
-                this.node.propValues[attr.name] = this.transformPropValue(this.runExpressWithWatcher(attr.express, this.ob, (newVal) => {
-                    this.node.propValues[attr.name] = this.transformPropValue(newVal);
-                    // 不做render更新，数据变更广播会向下传递
-                    this.notifyNodeWatcher("update", attr.name);
-                }));
-            }
-            else {
-                this.node.propValues[attr.name] = attr.value;
-            }
-        }
-        this.node.propValues = observer(this.node.propValues);
-    }
-    initEvent() {
-        this.ast.events.forEach((event) => {
-            let eventCallBack = event.functionName ? this.ob[event.functionName] : undefined;
-            if (event.functionName === undefined) {
-                this.node.events.push([
-                    event.name,
-                    {
-                        modifiers: event.modifiers,
-                        //noop 回调，为空方法做兼容，例如：@click.stop，仅做阻止冒泡
-                        callBack: noop
-                    }
-                ]);
-            }
-            else if (eventCallBack && typeof eventCallBack === "function") {
-                this.node.events.push([
-                    event.name,
-                    {
-                        modifiers: event.modifiers,
-                        callBack: (e) => {
-                            let eventParams = [];
-                            if (event.functionParam) {
-                                //事件触发时，主动获取，不需要做数据劫持监听
-                                eventParams = this.runExpress(`[${event.functionParam}]`, this.ob);
-                            }
-                            eventCallBack.call(this.ext.ob, e, ...eventParams);
-                        }
-                    }
-                ]);
-            }
-            else {
-                throw new Error(`${"tagName" in this.ast ? this.ast.tagName : ""}元素中${event.name}事件所指定的回调（${event.functionName}）方法未找到，请检查`);
-            }
-        });
-    }
-    async renderChildren() {
-        if ("tagName" in this.ast) {
-            let component = this.ob.components[this.ast.tagName] || getGlobalComponent(this.ast.tagName);
-            if (component === undefined) {
-                logger.error(LOGTAG$2, `渲染组件失败，未找到名称为'${this.ast.tagName}'的私有组件/全局组件`);
-                return;
-            }
-            if (!(JOKER_COMPONENT_TAG in component)) {
-                component = (await component()).default;
-            }
-            let sections = this.getSections();
-            this.node.name = this.ast.tagName;
-            this.node.component = new component(this.node?.propValues, sections, this.node?.keepalive);
-        }
-        else if (typeof this.ast.component === "function") {
-            let sections = this.getSections();
-            this.node.component = new this.ast.component(this.node?.propValues, sections, this.node?.keepalive);
-        }
-        else {
-            this.node.component = this.ast.component;
-        }
-        //如果没有name时取初始化后的name
-        if (!this.node.name &&
-            "name" in this.node.component &&
-            this.node?.component.name &&
-            typeof this.node.component.name === "string") {
-            this.node.name = this.node?.component.name;
-        }
-        this.node?.component.$mount(this.node);
-        let component = this.node?.component;
-        if (component.isKeepAlive) {
-            this.ast.node = this.node;
-        }
-    }
-    getSections() {
-        let result = {};
-        let resolvedAsts = [];
-        //剔除条件
-        this.ast.childrens.forEach((ast) => {
-            if (ast.type === AST.NodeType.COMMAND && ast.cmdName === "if" && ast.childrens) {
-                let ifAst = ast;
-                let hasSection = ast.childrens.some((n) => n.type === AST.NodeType.COMMAND && n.cmdName === "section");
-                let validateCondition = ifAst.condition.startsWith(EXPRESSHANDLERTAG + ".$sections");
-                //只要根符合$section判断，无论是否时default一律处理，不考虑劫持
-                if (validateCondition) {
-                    let conditionResult = this.runExpress(ifAst.condition, this.ob);
-                    if (conditionResult) {
-                        resolvedAsts.push(...ast.childrens);
-                        return;
-                    }
-                    return;
-                }
-                if (hasSection && ifAst.kind === "if" && !validateCondition) {
-                    logger.warn(LOGTAG$2, "在解析section时，发现该section包裹在一个条件语句中，该条件语句仅支持以$sections进行if判断，已作排出");
-                    return;
-                }
-            }
-            resolvedAsts.push(ast);
-        });
-        resolvedAsts.forEach((ast) => {
-            if (ast.type === AST.NodeType.COMMAND && ast.cmdName === "section") {
-                let sectionAst = ast;
-                let id = sectionAst.id || DEFAULT_SECTION_TAG;
-                if (/^(\'|\")(.*?)((\'|\"))$/.test(id)) {
-                    id = id.slice(1, -1);
-                }
-                //做插槽ASTS合并
-                result[id] = result[id] || {
-                    asts: [],
-                    ob: this.ob,
-                    params: sectionAst.paramKeys,
-                    parser: this.ext
-                };
-                result[id].asts.push(...(ast.childrens || []));
-            }
-            else {
-                result[DEFAULT_SECTION_TAG] = result[DEFAULT_SECTION_TAG] || {
-                    asts: [],
-                    ob: this.ob,
-                    parser: this.ext
-                };
-                result[DEFAULT_SECTION_TAG].asts.push(ast);
-            }
-        });
-        return result;
-    }
-    beforeDestroy(keepalive) {
-        if (keepalive === true && this.node?.component?.isKeepAlive) {
-            this.node?.component?.$destroy();
-        }
-        else {
-            this.node?.component?.$destroy(true);
-            this.ast.node = undefined;
-        }
-    }
-    transformPropValue(val) {
-        if (typeof val === "function" && !(JOKER_COMPONENT_TAG in val)) {
-            return val.bind(this.ext.ob);
-        }
-        return val;
-    }
-}
-
-const LOGTAG$1 = "Element解析";
-class ParserElement extends IParser {
-    parser() {
-        this.node = new VNode.Element(this.ast.tagName, this.parent);
-        this.initAttributes();
-        this.initEvents();
-        this.appendNode();
-        this.ext.parserNodes(this.ast.childrens, this.node, this.ob);
-    }
-    initAttributes() {
-        for (let attr of this.ast.attributes) {
-            if (attr.name === "ref") {
-                if (isEmptyStr(attr.value)) {
-                    logger.warn(LOGTAG$1, "元素的ref值不可以为空");
-                    continue;
-                }
-                this.ref = attr.value;
-                this.ext.addRef(attr.value, this.node);
-                continue;
-            }
-            if (attr.express) {
-                let watcherVal = this.runExpressWithWatcher(attr.express, this.ob, (newVal) => {
-                    this.node.attributes[attr.name] = this.transformAttrVal(newVal);
-                    //通知渲染更新
-                    this.ext.render?.updateNode(this.node, attr.name);
-                    this.notifyNodeWatcher("update", attr.name);
-                });
-                this.node.attributes[attr.name] = this.transformAttrVal(watcherVal);
-            }
-            else {
-                this.node.attributes[attr.name] = attr.value;
-            }
-        }
-    }
-    initEvents() {
-        for (let event of this.ast.events) {
-            let eventCallBack = event.functionName ? this.ob[event.functionName] : undefined;
-            if (event.functionName === undefined || (eventCallBack && typeof eventCallBack === "function")) {
-                this.node?.events.push([
-                    event.name,
-                    {
-                        modifiers: event.modifiers,
-                        callBack: (e) => {
-                            //如果空方法，不做异常处理，为事件挡板做兼容，例如：@keydown.stop
-                            if (eventCallBack === undefined) {
-                                return;
-                            }
-                            let eventParams = [];
-                            if (event.functionParam) {
-                                //事件触发时，主动获取，不需要做数据劫持监听
-                                eventParams = this.runExpress(`[${event.functionParam}]`, this.ob);
-                            }
-                            if (eventCallBack) {
-                                eventCallBack.call(this.ext.ob, e, ...eventParams);
-                            }
-                        }
-                    }
-                ]);
-            }
-            else {
-                throw new Error(`${this.ast.tagName}元素中${event.name}事件所指定的回调（${event.functionName}）方法未找到，请检查`);
-            }
-        }
-    }
-    transformAttrVal(val) {
-        if (val === undefined) {
-            return false;
-        }
-        if (typeof val === "string") {
-            return val;
-        }
-        if (typeof val === "boolean") {
-            return val;
-        }
-        return val;
-    }
-}
-
-class ParserTemplate {
-    asts;
-    ob;
-    /** VNode 根 */
-    root = new VNode.Root();
-    /** VNode ref索引集 */
-    refs = {};
-    sleeped = false;
-    /**
-     * node变更观察者
-     */
-    nodeWatcherEvents = {};
-    /** VNode 渲染处理程序 （依赖注入） */
-    render;
-    constructor(asts, ob, parent) {
-        this.asts = asts;
-        this.ob = ob;
-        this.root.component = ob;
-        this.render = IContainer.get(Render.IRENDERIOCTAGID) ?? new Render.DomRender();
-        if (parent && parent instanceof VNode.Node) {
-            this.root.parent = parent;
-            parent.childrens ??= [];
-            parent.childrens.push(this.root);
-        }
-    }
-    parser() {
-        this.parserNodes(this.asts, this.root);
-    }
-    /**
-     * VNode挂载
-     * @param root
-     */
-    mount(root) {
-        //如果已经输出，则直接做挂载到render.elements
-        if (this.sleeped) {
-            this.weakup();
-        }
-        this.render?.mount(root);
-    }
-    /**
-     * 编译AST子集
-     * @param asts
-     * @param parent
-     */
-    parserNodes(asts, parent, ob) {
-        asts.forEach((ast) => {
-            if (ast.type === AST.NodeType.TEXT) {
-                new ParserText(ast, ob ?? this.ob, parent, this);
-            }
-            else if (ast.type === AST.NodeType.COMMENT) {
-                new ParserComment(ast, ob ?? this.ob, parent, this);
-            }
-            else if (ast.type === AST.NodeType.COMPONENT) {
-                //动态组件
-                new ParserComponent(ast, ob ?? this.ob, parent, this);
-            }
-            else if (ast.type === AST.NodeType.ELEMENT) {
-                let elementAST = ast;
-                if (checkIsComponent(elementAST.tagName, ob ?? this.ob)) {
-                    new ParserComponent(elementAST, ob ?? this.ob, parent, this);
-                }
-                else {
-                    new ParserElement(elementAST, ob ?? this.ob, parent, this);
-                }
-            }
-            else if (ast.type === AST.NodeType.COMMAND) {
-                let cmdAST = ast;
-                switch (cmdAST.cmdName) {
-                    case "if":
-                    case "elseif":
-                    case "else":
-                        new ParserCondition(cmdAST, ob ?? this.ob, parent, this);
-                        break;
-                    case "for":
-                        new ParserList(cmdAST, ob ?? this.ob, parent, this);
-                        break;
-                    case "RenderSection":
-                        new ParserRenderSection(cmdAST, ob ?? this.ob, parent, this);
-                        break;
-                    case "section":
-                        //区域不做任何解析，直到组件加载时，去即时处理
-                        break;
-                    default:
-                        new ParserCode(cmdAST, ob ?? this.ob, parent, this);
-                        break;
-                }
-            }
-        });
-    }
-    /**
-     * 添加ref
-     * @param refName ref值
-     * @param node VNode节点
-     */
-    addRef(refKey, node) {
-        this.refs[refKey] = this.refs[refKey] || [];
-        this.refs[refKey].push(node);
-    }
-    /**
-     * 移除Node所在ref
-     * @param node VNode节点
-     */
-    removeRef(node) {
-        for (let refKey in this.refs) {
-            if (this.refs[refKey].includes(node)) {
-                remove(this.refs[refKey], node);
-            }
-        }
-    }
-    /**
-     * 添加节点变更观察者
-     * @param ref
-     * @param callBack
-     */
-    addNodeWatcher(ref, callBack) {
-        this.nodeWatcherEvents[ref] = this.nodeWatcherEvents[ref] || [];
-        this.nodeWatcherEvents[ref].push(callBack);
-    }
-    /**
-     * 移除节点变更观察者
-     * @param ref
-     * @param callBack
-     */
-    removeNodeWatcher(ref, callBack) {
-        remove(this.nodeWatcherEvents[ref] || [], callBack);
-    }
-    /**
-     * 响应节点变更，通知观察者
-     * @param ref
-     * @param node
-     * @param nodeChangeType
-     */
-    notifyNodeWatcher(ref, node, nodeChangeType, propertyKey) {
-        this.nodeWatcherEvents[ref]?.forEach((callBack) => {
-            callBack(node, nodeChangeType, propertyKey);
-        });
-    }
-    sleep(node) {
-        let parent = node || this.root;
-        //应该所有节点remove，避免再次唤醒时，由于数据变更问题，造成dom树还原不一致/不更新
-        parent.childrens?.forEach((m) => {
-            let next = () => {
-                if (m.childrens) {
-                    this.sleep(m);
-                }
-                m.sleep = true;
-                this.render?.removeNode(m, true);
-            };
-            if (this.nodeTransition(m, "leave", undefined, () => {
-                next();
-            })) {
-                return;
-            }
-            next();
-        });
-        node === undefined && (this.sleeped = true);
-    }
-    weakup(node) {
-        let parent = node || this.root;
-        parent.childrens?.forEach((m) => {
-            m.sleep = false;
-            this.render?.appendNode(m);
-            if (m.childrens) {
-                this.weakup(m);
-            }
-            this.nodeTransition(m, "enter");
-        });
-        node === undefined && (this.sleeped = false);
-    }
-    /**
-     * 销毁
-     */
-    destroy(keepalive) {
-        while (this.root.childrens.length) {
-            let item = this.root.childrens[0];
-            if (item[VNode.PARSERKEY]) {
-                item[VNode.PARSERKEY].destroy(keepalive);
-            }
-            else {
-                //root 类型
-                remove(this.root.childrens, item);
-            }
-        }
-        this.render.destroy();
-        this.refs = {};
-        this.root.childrens.length = 0;
-        this.nodeWatcherEvents = {};
-        this.asts.length = 0;
-    }
-    reSetAsts(asts, keepalive) {
-        //销毁历史产物
-        this.destroy(keepalive);
-        this.render = IContainer.get(Render.IRENDERIOCTAGID) ?? new Render.DomRender();
-        this.asts = asts;
-    }
-    nodeTransition(node, mode, name, callBack, type) {
-        if (node && node.parent?.childrens && (node instanceof VNode.Element || node instanceof VNode.Component)) {
-            let nodeTransitionOption = getNodeSupportTransition(node);
-            name ??= nodeTransitionOption?.name;
-            type ??= nodeTransitionOption?.type;
-            if (!name)
-                return false;
-            let firstElement = getFirstElement(node);
-            if (firstElement) {
-                mode === "enter"
-                    ? this.render.elementToEnter(firstElement, name, type, () => {
-                        let parser = node[VNode.PARSERKEY];
-                        if (parser && parser.ref) {
-                            this.notifyNodeWatcher(parser.ref, node, "after-enter");
-                        }
-                        callBack?.();
-                    })
-                    : this.render.elementToLeave(firstElement, name, type, () => {
-                        let parser = node[VNode.PARSERKEY];
-                        if (parser && parser.ref) {
-                            this.notifyNodeWatcher(parser.ref, node, "after-leave");
-                        }
-                        callBack?.();
-                    });
-                return true;
-            }
-            else {
-                logger.warn("渲染核心", "在执行node动画时，发现数据不完备，请检查");
-            }
-        }
-        return false;
-    }
-}
-function getFirstElement(node) {
-    if (node instanceof VNode.Element)
-        return node;
-    if (node.childrens && node.childrens.length) {
-        for (let children of node.childrens) {
-            if (children instanceof VNode.Element) {
-                return children;
-            }
-            else {
-                return getFirstElement(children);
-            }
-        }
-    }
-    return;
-}
-function getNodeSupportTransition(node) {
-    if (node instanceof VNode.Element || node instanceof VNode.Component) {
-        let attrs = node instanceof VNode.Element ? node.attributes : node.propValues;
-        return {
-            name: attrs["transition-name"],
-            type: attrs["transition-type"]
-        };
-    }
-}
-
-function checkPropType(key, value, types) {
-    //undefined 不做约束
-    if (value === undefined) {
-        return;
-    }
-    let checkTypes = Array.isArray(types) ? types : [types];
-    for (let checkType of checkTypes) {
-        //解决proxy<Array> 场景下的类型判断异常问题
-        if (checkType === Array && value instanceof Array) {
-            return value;
-        }
-        if (typeof value === checkType.name.toLocaleLowerCase()) {
-            return value;
-        }
-    }
-    //使用第一个类型兼容转换
-    switch (checkTypes[0]) {
-        case Number:
-            let newVal = Number(value);
-            if (isNaN(newVal) === false) {
-                return newVal;
-            }
-            break;
-        case String:
-            return String(value);
-    }
-    throw new Error(`props中${key.toString()}的类型不符合约束类型`);
-}
-function getPropValue(propsData, key, propsType) {
-    let patchKey;
-    if (typeof key !== "symbol") {
-        patchKey = toLowerCase(key);
-    }
-    let propValue;
-    if (key in propsData) {
-        propValue = propsData[key];
-    }
-    else if (patchKey) {
-        propValue = propsData[patchKey];
-    }
-    let propOption;
-    if (propsType) {
-        if (key in propsType) {
-            propOption = propsType[key];
-        }
-        else if (patchKey && patchKey in propsType) {
-            propOption = propsType[patchKey];
-        }
-    }
-    if (propOption !== undefined) {
-        if (isPlainObject(propOption) &&
-            ("type" in propOption || "required" in propOption || "default" in propOption || "validate" in propOption)) {
-            let fullModel = propOption;
-            if (fullModel.required && propValue === undefined) {
-                throw new Error(`props中key:${key.toString()}是必须项，请检查`);
-            }
-            if (fullModel.type) {
-                propValue = checkPropType(key, propValue, fullModel.type);
-            }
-            if (fullModel.validate && fullModel.validate(propValue) === false) {
-                throw new Error(`props中key${key.toString()}的值校验错误`);
-            }
-            propValue = propValue ?? fullModel.default;
-        }
-        else if (isPropsType(propOption)) {
-            propValue = checkPropType(key, propValue, propOption);
-        }
-        else {
-            //默认值
-            propValue = propValue ?? propOption;
-        }
-        return propValue;
-    }
-    return propValue;
-}
-function isPropsType(propOption) {
-    if ([String, Array, Number, Object, Function, Boolean].includes(propOption)) {
-        return true;
-    }
-    if (propOption instanceof Array) {
-        return isPropsType(propOption[0]);
-    }
-    return false;
-}
-
-const LOGTAG = "组件";
-const PROPS_DATA_KEY = Symbol.for("JOKER_PROPS_DATA_KEY");
-const PROPS_DATA_PROXY = Symbol.for("JOKER_PROPS_DATA_PROXY");
-const PRIVATE_WATCHERS = Symbol.for("JOKER_PRIVATE_WATCHERS");
-const EVENT_DATA_KEY = Symbol.for("JOKER_EVENT_DATA_KEY");
-const PARSER_TEMPLATE_TARGET = Symbol.for("JOKER_PARSER_TEMPLATE_TARGET");
-const SCOPE_ID = Symbol.for("JOKER_SCOPE_ID");
-const JOKER_COMPONENT_TAG = Symbol.for("JOKER_COMPONENT_TAG");
-/**
- * Joker组件
- */
-class Component {
-    $sections;
-    isKeepAlive;
-    static [JOKER_COMPONENT_TAG] = true;
-    /**
-     * scopeId 配合css：Scoped
-     */
-    [SCOPE_ID];
-    /**
-     * 可观察数据（具备劫持观察能力）
-     */
-    model = {};
-    /**
-     * 渲染模板
-     */
-    template;
-    /**
-     * 挂载根
-     */
-    $root;
-    /**
-     * 是否已睡眠
-     */
-    isSleeped = false;
-    /**
-     * 可用的声明组件
-     */
-    components = {};
-    /**
-     * props辅助约束
-     * @example { name:"默认值",age:Number }
-     * 可以配置默认值，也可以配置为约束，类型参考PropType
-     */
-    propsOption;
-    [PROPS_DATA_KEY] = {};
-    [PARSER_TEMPLATE_TARGET];
-    [PROPS_DATA_PROXY];
-    [PRIVATE_WATCHERS] = [];
-    [EVENT_DATA_KEY] = new Map();
-    /**
-     * @param propData prop参数
-     * @param sections 渲染部分区域
-     * @param isKeepAlive 是否要保持存活，启用时再destroy时只会销毁UI部分，不会销毁数据，直到使用destroy(true)才会销毁
-     */
-    constructor(propData, $sections = {}, isKeepAlive) {
-        this.$sections = $sections;
-        this.isKeepAlive = isKeepAlive;
-        this[PROPS_DATA_KEY] = propData || {};
-    }
-    /**
-     * 主动声明接受的参数
-     * @returns
-     */
-    get props() {
-        if (this[PROPS_DATA_PROXY] === undefined) {
-            let self = this;
-            this[PROPS_DATA_PROXY] = new Proxy(self[PROPS_DATA_KEY], {
-                get(target, p) {
-                    return getPropValue(self[PROPS_DATA_KEY], p, self.propsOption);
-                },
-                set() {
-                    throw new Error("props 参数不允许变更，只允许单向数据传递");
-                }
-            });
-        }
-        return this[PROPS_DATA_PROXY];
-    }
-    /**
-     * 挂载
-     * @param root
-     */
-    $mount(root) {
-        this.$root = root;
-        //从睡眠中醒来
-        if (this.isKeepAlive && this.isSleeped) {
-            this.isSleeped = false;
-            if (this[PARSER_TEMPLATE_TARGET] && this.$root) {
-                this[PARSER_TEMPLATE_TARGET].mount(this.$root);
-            }
-            else {
-                logger.error(LOGTAG, `当前组件在唤醒时，发现渲染处理程序已被销毁，无法进行唤醒操作`, [
-                    this,
-                    this.$root
-                ]);
-                return this;
-            }
-            this.wakeup();
-            this.$trigger("wakeup");
-            this.$rootVNode && weakupNotify(this.$rootVNode);
-            return this;
-        }
-        this.isSleeped = false;
-        this.model = observer(this.model);
-        this.created();
-        this.$trigger("created");
-        //有模板则执行render，否则不处理
-        this.template && this.$render();
-        this.mounted();
-        this.$trigger("mounted");
-        return this;
-    }
-    /**
-     * 节点动画，仅支持 element及组件节点
-     */
-    $nodeTransition(nodeOrRef, mode, name, callBack, type) {
-        if (typeof nodeOrRef === "string") {
-            let vnode = this.$getRef(nodeOrRef);
-            if (vnode) {
-                nodeOrRef = vnode;
-            }
-            else {
-                logger.error(LOGTAG, `执行节点动画是找不到ref=${nodeOrRef}的节点`);
-                return;
-            }
-        }
-        this[PARSER_TEMPLATE_TARGET]?.nodeTransition(nodeOrRef, mode, name, callBack, type);
-    }
-    /**
-     * 销毁
-     */
-    $destroy(force) {
-        if (!force && this.isKeepAlive) {
-            this[PARSER_TEMPLATE_TARGET]?.sleep();
-            this.isSleeped = true;
-            this.sleeped();
-            this.$trigger("sleeped");
-            this.$rootVNode && sleepNotify(this.$rootVNode);
-            return;
-        }
-        this.beforeDestroy();
-        this.$trigger("beforeDestroy");
-        for (let watcher of this[PRIVATE_WATCHERS]) {
-            watcher.destroy();
-        }
-        this[PRIVATE_WATCHERS].length = 0;
-        this[PARSER_TEMPLATE_TARGET]?.destroy();
-        this[PARSER_TEMPLATE_TARGET] = undefined;
-        if (this.template && Array.isArray(this.template)) {
-            this.template.length = 0;
-        }
-        this.$trigger("destroy");
-        this[EVENT_DATA_KEY].clear();
-        this.$root = undefined;
-        this.isSleeped = false;
-        this.model = {};
-        this.$sections = {};
-        this[PROPS_DATA_PROXY] = undefined;
-        this[PROPS_DATA_KEY] = {};
-        this.destroyed();
-    }
-    /**
-     * VNode ref索引集
-     */
-    get $refs() {
-        return this[PARSER_TEMPLATE_TARGET]?.refs || {};
-    }
-    /**
-     * 根据ref获取单个VNode
-     */
-    $getRef(ref) {
-        return this.$refs[ref]?.[0];
-    }
-    /**
-     * 获取相同ref的VNode集合
-     */
-    $getRefs(ref) {
-        return this.$refs[ref];
-    }
-    $syncProp(propKey, modelKey, convertVal) {
-        if (typeof modelKey === "function") {
-            convertVal = modelKey;
-            modelKey = undefined;
-        }
-        modelKey ??= propKey;
-        convertVal ??= (val) => {
-            return val;
-        };
-        //先做一次同步再去观察
-        this.model[modelKey] = convertVal(this.props[propKey]);
-        this.$watch(() => this.props[propKey], () => {
-            this.model[modelKey] = convertVal?.(this.props[propKey]);
-        });
-    }
-    /**
-     * 根节点（虚拟DOM）
-     */
-    get $rootVNode() {
-        return this[PARSER_TEMPLATE_TARGET]?.root;
-    }
-    /**
-     * 添加节点变更监听
-     * @param ref  ref标记
-     * @param callBack
-     * @returns 销毁方法
-     */
-    $watchNode(ref, callBack) {
-        if (this[PARSER_TEMPLATE_TARGET]) {
-            this[PARSER_TEMPLATE_TARGET]?.addNodeWatcher(ref, callBack);
-            return () => {
-                this[PARSER_TEMPLATE_TARGET]?.removeNodeWatcher(ref, callBack);
-            };
-        }
-        else {
-            logger.warn(LOGTAG, `该组件还未挂载，不可以进行节点观察监听`);
-        }
-    }
-    /**
-     * 观察值变更
-     * @param express
-     * @param callBack
-     * @param forceCallBack 即使值相同也要强制触发callback
-     * @returns 销毁watcher
-     */
-    $watch(express, callBack, forceCallBack) {
-        let watcher = new Watcher(express, (newVal, oldVal) => {
-            callBack(newVal, oldVal);
-        }, undefined, forceCallBack);
-        this[PRIVATE_WATCHERS].push(watcher);
-        return () => {
-            watcher.destroy();
-            remove(this[PRIVATE_WATCHERS], watcher);
-        };
-    }
-    /**
-     * 事件注册
-     * @param eventName
-     * @param callBack
-     */
-    $on(eventName, callBack) {
-        let callBacks = this[EVENT_DATA_KEY].get(eventName);
-        if (callBacks === undefined) {
-            callBacks = [];
-            this[EVENT_DATA_KEY].set(eventName, callBacks);
-        }
-        if (callBacks?.includes(callBack) === false) {
-            callBacks.push(callBack);
-        }
-    }
-    /**
-     * 事件卸载
-     * @param eventName
-     * @param callBack
-     */
-    $off(eventName, callBack) {
-        let callBacks = this[EVENT_DATA_KEY].get(eventName);
-        if (callBacks) {
-            if (callBack) {
-                remove(callBacks, callBack);
-            }
-            else {
-                callBacks.length = 0;
-            }
-        }
-    }
-    /**
-     * 触发事件
-     * @param eventName 事件名称
-     * @param param 参数
-     * @param targetEvent event
-     */
-    $trigger(eventName, param, targetEvent) {
-        //销毁节点不做任何事件响应
-        if (this.$root === undefined) {
-            return;
-        }
-        let e = {
-            eventName,
-            stopPropagation: targetEvent?.stopPropagation ?? (() => { }),
-            preventDefault: targetEvent?.preventDefault ?? (() => { }),
-            data: param,
-            target: targetEvent?.target ?? this.$rootVNode,
-            event: targetEvent?.event
-        };
-        //虚拟节点的事件传播，不是通过on进行传递，需要容器介质，保证不随着组件销毁
-        if (this.$rootVNode && this.$rootVNode.parent && this.$rootVNode.parent instanceof VNode.Component) {
-            if (this[PARSER_TEMPLATE_TARGET]?.render.triggerEvent(this.$rootVNode.parent, eventName, e) === false)
-                return;
-        }
-        //实例事件响应
-        let callBacks = this[EVENT_DATA_KEY].get(eventName);
-        if (callBacks?.length) {
-            [...callBacks].forEach((m) => {
-                m(e);
-            });
-        }
-        //全局补充
-        let globalCallBacks = this[EVENT_DATA_KEY].get("*");
-        if (globalCallBacks?.length) {
-            [...globalCallBacks].forEach((m) => {
-                m(e);
-            });
-        }
-    }
-    /**
-     * 主动渲染（仅渲染，一般适用于模板区域的热更新使用/或动态装载等复杂场景）
-     * @param newTemplate 可指定新的模板，否则按照原模板
-     * @param keepalive 渲染新模板时，是否要保留之前的存活组件（高级用法）
-     * @returns
-     */
-    $render(newTemplate, keepalive) {
-        //之所以 将template放在前置，而不是判断root之后，是为了keepalive组件的热更新
-        newTemplate ??= this.template;
-        if (typeof newTemplate === "function") {
-            this.template = newTemplate(RENDER_HANDLER);
-        }
-        else {
-            this.template = newTemplate;
-        }
-        if (this.$root === undefined) {
-            //未挂在/已销毁/已压栈，不做rerender
-            return;
-        }
-        //执行一次render，则初始化一次template
-        this.template ??= [];
-        this[PARSER_TEMPLATE_TARGET]?.reSetAsts(this.template, keepalive);
-        this[PARSER_TEMPLATE_TARGET] ??= new ParserTemplate(this.template, this, this.$root);
-        this[PARSER_TEMPLATE_TARGET].parser();
-        this[PARSER_TEMPLATE_TARGET].mount(this.$root);
-    }
-    /**
-     * 生命周期函数（完成初始化）
-     */
-    created() { }
-    /**
-     * 生命周期函数（完成挂载）
-     */
-    mounted() { }
-    /**
-     * 生命周期函数（销毁前）
-     */
-    beforeDestroy() { }
-    /**
-     * 睡眠时，在启用keepalive属性时才会触发该周期
-     */
-    sleeped() { }
-    /**
-     * 唤醒时，在启用keepalive属性时才会触发该周期
-     */
-    wakeup() { }
-    /**
-     * 生命周期函数（销毁后）
-     */
-    destroyed() { }
-}
-//#region 全局组件注册
-//全局组件注册
-const globalComponents = {};
-/**
- * 注册全局组件
- * @param componentsOrName 组件名/列表
- * @param component 组件
- */
-function registerGlobalComponent(componentsOrName, component) {
-    if (typeof componentsOrName === "string") {
-        if (component) {
-            globalComponents[componentsOrName] = component;
-        }
-    }
-    else {
-        for (let name in componentsOrName) {
-            globalComponents[name] = componentsOrName[name];
-        }
-    }
-}
-/**
- * 根据注册key获取组件
- * @param name 组件名称
- * @returns 组件
- */
-function getGlobalComponent(key) {
-    return globalComponents[key];
-}
-//#endregion
-//#region 工具方法
-/**
- * 睡眠事件穿透广播
- * @param vnode
- */
-function sleepNotify(vnode) {
-    vnode.childrens?.forEach((m) => {
-        if (m instanceof VNode.Component) {
-            m.component?.sleeped();
-        }
-        sleepNotify(m);
-    });
-}
-/**
- * 唤醒事件穿透广播
- * @param vnode
- */
-function weakupNotify(vnode) {
-    vnode.childrens?.forEach((m) => {
-        if (m instanceof VNode.Component) {
-            m.component?.wakeup();
-        }
-        weakupNotify(m);
-    });
-}
-//#endregion
-//#region 默认集成组件
-/**
- * 动态组件容器
- */
-class ComponentContainer extends Component {
-    template = [];
-    cache = new Map();
-    mounted() {
-        this.$watch(() => this.props.name, (componentName) => {
-            this.loadComponent(componentName);
-        });
-        this.loadComponent(this.props.name);
-    }
-    propsVaule;
-    created() {
-        let propsData = {};
-        if (!this.props.props) {
-            Object.keys(this.props).forEach((p) => {
-                //过滤
-                if (typeof p !== "string")
-                    return;
-                let pName = toLowerCase(p);
-                if (pName === "transition-name" || pName === "name" || pName === "keep-alive" || pName === "ref")
-                    return;
-                propsData[p] = this.props[p];
-                //单项数据同步
-                this.$watch(() => this.props[p], () => {
-                    this.propsVaule[p] = this.props[p];
-                });
-            });
-            this.propsVaule = observer(propsData);
-        }
-    }
-    async loadComponent(componentName) {
-        if (!componentName) {
-            this.$render([], this.isKeepAlive);
-            return;
-        }
-        let cacheComponent;
-        if (this.isKeepAlive) {
-            let cacheComponent = this.cache.get(componentName);
-            if (cacheComponent) {
-                this.$render([createComponent(cacheComponent, { "transition-name": this.props["transition-name"] })], true);
-                return;
-            }
-        }
-        let hostComponents = this.$rootVNode?.parent?.[VNode.PARSERKEY]?.ob.components;
-        let component = hostComponents?.[componentName];
-        if (component === undefined) {
-            component = getGlobalComponent(componentName);
-        }
-        if (component) {
-            if (!(JOKER_COMPONENT_TAG in component)) {
-                component = (await component()).default;
-            }
-            cacheComponent = new component(this.props.props || this.propsVaule, this.$sections, this.isKeepAlive);
-            //事件向上穿透广播
-            cacheComponent.$on("*", (e) => {
-                this.$trigger(e.eventName, e.data, e);
-            });
-            this.isKeepAlive && this.cache.set(componentName, cacheComponent);
-            this.$render([createComponent(cacheComponent, { "transition-name": this.props["transition-name"] })], this.isKeepAlive);
-        }
-        else {
-            logger.warn("component", `未找到${componentName}的组件`);
-        }
-    }
-    beforeDestroy() {
-        this.removeCache();
-    }
-    removeCache(componentName) {
-        if (componentName) {
-            let cacheComponent = this.cache.get(componentName);
-            this.cache.delete(componentName);
-            if (cacheComponent) {
-                cacheComponent.$destroy(true);
-            }
-        }
-        else {
-            this.cache.forEach((value) => {
-                value.$destroy(true);
-            });
-            this.cache.clear();
-        }
-    }
-}
-/**
- * 虚拟模板容器，用于进行归组，作为组件配置属性
- */
-class Template extends Component {
-    template = function () {
-        return [createCommand("RenderSection")];
-    };
-}
-registerGlobalComponent({
-    template: Template,
-    component: ComponentContainer
-});
-//#endregion
-
-const HMR_MAP = new Map();
-const HMR_RENDER_MAP = new Map();
-const HMR_COMPONENT_MAP = new Map();
-/**
- * 热更新助手（热更新使用）(构建时会按需剔除)
- */
-let __JOKER_HMR_RUNTIME = {
-    recordRender: (id, template) => {
-        HMR_RENDER_MAP.set(id, template);
-    },
-    recordComponent: (id, component) => {
-        HMR_COMPONENT_MAP.set(id, component);
-    },
-    record: (id, component) => {
-        if (HMR_MAP.get(id) === undefined) {
-            HMR_MAP.set(id, new Set());
-        }
-        HMR_MAP.get(id).add(component);
-        component.$on("destroy", () => {
-            HMR_MAP.get(id)?.delete(component);
-        });
-    },
-    reload: (id, component) => {
-        let recode = HMR_COMPONENT_MAP.get(id);
-        if (!recode)
-            return;
-        //1. 更新值
-        recode.component = component;
-        //2. 更新已渲染的
-        let rendered = HMR_MAP.get(id);
-        if (!rendered)
-            return;
-        let reloadRecodes = Array.from(rendered);
-        //刷新/重载组件时会重新完成map绘制
-        rendered.clear();
-        //引用类型存在循环
-        reloadRecodes.forEach((c) => {
-            //未被销毁
-            if (c.$root) {
-                if (c.$rootVNode?.parent) {
-                    let parent = c.$rootVNode.parent;
-                    if (parent instanceof VNode.Component &&
-                        parent[VNode.PARSERKEY] &&
-                        //直接指向内存的组件，无法重新实例化
-                        parent[VNode.PARSERKEY].canReload) {
-                        parent[VNode.PARSERKEY].reload();
-                    }
-                    else {
-                        //无法更新
-                        location.reload();
-                        return;
-                    }
-                }
-                else {
-                    //无根的话只能重载
-                    location.reload();
-                    return;
-                }
-            }
-        });
-    },
-    rerender: (id, template) => {
-        let prevRender = HMR_RENDER_MAP.get(id);
-        //更新render根方法，以实现未实例化的组件更新
-        if (prevRender) {
-            prevRender.render = template;
-        }
-        //完成已实例化的组件的更新
-        HMR_MAP.get(id)?.forEach((c) => {
-            c.$render(template);
-        });
-    }
-};
-
-class EventBus {
-    eventDatas = new Map();
-    on(eventName, callBack) {
-        let callbacks = this.eventDatas.get(eventName);
-        if (callbacks === undefined) {
-            callbacks = [];
-            this.eventDatas.set(eventName, callbacks);
-        }
-        callbacks.push({ callBack });
-    }
-    once(eventName, callBack) {
-        let callbacks = this.eventDatas.get(eventName);
-        if (callbacks === undefined) {
-            callbacks = [];
-            this.eventDatas.set(eventName, callbacks);
-        }
-        callbacks.push({ callBack, once: true });
-    }
-    off(eventName, callBack) {
-        if (eventName === undefined) {
-            this.eventDatas.clear();
-            return;
-        }
-        if (callBack) {
-            let callBacks = this.eventDatas.get(eventName);
-            let removeItem = callBacks?.find((m) => m.callBack === callBack);
-            removeItem && remove(callBacks, removeItem);
-        }
-        else {
-            // off all
-            this.eventDatas.delete(eventName);
-        }
-    }
-    trigger(eventName, param) {
-        let callBacks = this.eventDatas.get(eventName);
-        if (callBacks && callBacks.length) {
-            let i = 0, callTimes = 0, isBreak = false;
-            while (callBacks[i]) {
-                let item = callBacks[i];
-                item.callBack({
-                    stopPropagation: () => (isBreak = true),
-                    callTimes
-                }, param);
-                if (item.once) {
-                    remove(callBacks, item);
-                }
-                else {
-                    i++;
-                }
-                if ((isBreak)) {
-                    return false;
-                }
-            }
-        }
-    }
-}
-
-export { Component, ComponentContainer, Dep, EventBus, IContainer, JOKER_COMPONENT_TAG, JOKER_VNODE_TAG, OBJECTPROXY_DEPID, ParserTemplate, SCOPE_ID, ShallowObserver, Template, VNode, Watcher, __JOKER_HMR_RUNTIME, combinedReply, defineObserverProperty, getGlobalComponent, isObserverData, observer, registerGlobalComponent, registerGlobalFunction, registerOtherWindowDep, removeOtherWindowDep };
+import{EXPRESSHANDLERTAG as e,createFuntionBody as t,AST as s,RENDER_HANDLER as n,createComponent as i,createCommand as r}from"@joker.front/ast";export{AST,EXPRESSHANDLERTAG,RENDER_HANDLER,createCodeFunction,createCommand,createComment,createComponent,createElement,createFuntionBody,createText}from"@joker.front/ast";const o=new Map,a=new Map,h=new Map;let d={recordRender:(e,t)=>{a.set(e,t)},recordComponent:(e,t)=>{h.set(e,t)},record:(e,t)=>{void 0===o.get(e)&&o.set(e,new Set),o.get(e).add(t),t.$on("destroy",(()=>{o.get(e)?.delete(t)}))},reload:(e,t)=>{let s=h.get(e);if(!s)return;s.component=t;let n=o.get(e);if(!n)return;let i=Array.from(n);n.clear(),i.forEach((e=>{if(e.$root){if(!e.$rootVNode?.parent)return window.onbeforeunload=null,void location.reload();{let t=e.$rootVNode.parent;if(!(t instanceof X.Component&&t[X.PARSERKEY]&&t[X.PARSERKEY].canReload))return window.onbeforeunload=null,void location.reload();t[X.PARSERKEY].reload()}}}))},rerender:(e,t)=>{let s=a.get(e);s&&(s.render=t),o.get(e)?.forEach((e=>{e.$render(t)}))}};function l(e){return null!==e&&"object"==typeof e}function c(e,t){Object.getOwnPropertyNames(e).forEach((s=>{t(s,e[s])}))}function u(e){return"[object Object]"===Object.prototype.toString.call(e)}function f(e){if(null===e)return e;if("object"!=typeof e)return e;let t;t=Array.isArray(e)?[]:{};let s=Object.keys(e);for(let n of s){let s=e[n];t[n]="object"==typeof s?f(s):s}return t}function p(e,t,s){return Array.isArray(e)&&Array.isArray(t)?function(e,t,s){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!1===m(e[n],t[n],s))return!1;return!0}(e,t,s):m(e,t,s)}function m(e,t,s){let n=l(e),i=l(t);if(n&&i){if(u(e)&&u(t)){let n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;if(s){for(let s of n)if(e[s]!==t[s])return!1;return!0}return JSON.stringify(e)===JSON.stringify(t)}return e===t}return!n&&!i&&String(e)===String(t)}function y(e,t){let s=e.indexOf(t);return s>-1&&e.splice(s,1),e}function E(e,t){let s=e.findIndex((e=>t(e)));return s>-1&&e.splice(s,1),e}function v(e=32){let t=[],s=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];for(let n=0;n<e;n++){let e=Math.round(Math.random()*(s.length-1));t.push(s[e])}return t.join("")}function g(e){return!e||""===e.trim()}function b(e,t="-"){return(e=e||"").split(/(?=[A-Z])/).map((e=>e.toLowerCase())).join(t)}let N=(...e)=>{},w="warn";const R=["silent","error","warn","info"];function $(){let e=new Date;function t(e,t=2){return e.toString().padStart(t,"0")}return t(e.getHours())+":"+t(e.getMinutes())+":"+t(e.getSeconds())+":"+t(e.getMilliseconds(),3)}function A(e,t,s,n){R.indexOf(e)<=R.indexOf(w)&&(void 0===n?console[e](`${$()} [${t}]:`,s):console[e](`${$()} [${t}]:`,s,n))}let C={info:function(e,t,s){A("info",e,t,s)},warn:function(e,t,s){A("warn",e,t,s)},error:function(e,t,s){A("error",e,t,s)},setLoggerLeve:function(e){w=e}};const O={lt:"<",gt:">",nbsp:" ",amp:"&",quot:'"',"#39":"'"};function x(e){return e.replace(/&(lt|gt|nbsp|amp|quot|#39);/gi,((e,t)=>O[t]||""))}class S{id="production"===process.env.NODE_ENV?"":v();static target;watchers=new Map;depend(e){S.target?.addDep(this,e)}addWatcher(e,t){let s=this.watchers.get(e)||[];s.push(t),this.watchers.set(e,s)}removeWatcher(e,t){let s=this.watchers.get(e);s&&y(s,t)}notify(e){let t=this.watchers.get(e);if(t){E(t,(e=>e.isDestroy)),[...t].forEach((e=>{!1===e.isDestroy&&e.update()}))}}}const P=Symbol.for("__JOKER_OBJECT_PROXY_DEP_ID__"),T=Symbol.for("__JOKER_OBJECT_PROXY_DATA_KEY__"),D=Symbol.for("__JOKER_OBJECTPROXY_DEPLEVE_ID__");function _(e){return l(e)&&(Array.isArray(e)||u(e))&&Object.isExtensible(e)&&!Object.isFrozen(e)&&!(e instanceof Element)&&!(q in e)&&!(M in e)&&!(Je in e)}function k(e){if(K(e))return e;let t=Reflect.get(e,T);if(t)return t;let s=new S,n=!0,i=new Proxy(e,{get(e,t,n){if(t===T)return;if(t===P)return s;if(t===D)return;let i=Reflect.get(e,t);return!1===function(e,t){return t in e}(e,t)&&"length"!==t||(s.depend(t),_(i)&&K(i)?.depend(D)),i},set(e,t,i){if(n)return Reflect.set(e,t,i),!0;_(i)&&(i=W(i));let r=!1===function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}(e,t),o=Reflect.get(e,t)!==i;return Reflect.set(e,t,i),(o||"length"===t&&Array.isArray(e))&&Y(s,t),Array.isArray(e)?"length"===t&&Y(s,D):r&&Y(s,D),!0},deleteProperty:(e,t)=>(Reflect.deleteProperty(e,t),!1===Array.isArray(e)&&Y(s,D),!0)});var r,o,a,h;r=e,o=T,a=i,h=!1,Object.defineProperty(r,o,{value:a,enumerable:h,writable:!0,configurable:!0});for(let t in e){let s=e[t];_(s)&&!K(s)&&(i[t]=k(e[t]))}return n=!1,i}function K(e){if(l(e)){let t=Reflect.get(e,P);if(t)return t}}function W(e,t=!1){if(!1===_(e))throw new Error("当前传入的数据不是正确的数据类型，必须是数组或者对象");return k(t?f(e):e)}function V(e,t,s){let n=s;_(s)&&(n=W(s));let i=new S;Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:()=>(i.depend(t),_(n)&&K(n)?.depend(D),n),set:e=>{e!==n&&(_(e)&&(e=W(e)),n=e,Y(i,t))}})}const M=Symbol.for("JOKER_SHALLOW_OBSERVER");class L{data;[M]=!0;dep=new S;constructor(e){this.data=e}isChanged=!1;get value(){return this.dep.depend(D),this.data}set value(e){!1===Object.is(e,this.data)&&(this.isChanged=!0,this.data=e,Y(this.dep,D))}}let I=!1,j=new Map;function Y(e,t){if(!1===I)e.notify(t);else{let s=j.get(e);void 0===s&&(s=[],j.set(e,s)),!1===s.includes(t)&&s.push(t)}}function H(e){I=!0;try{e()}catch(e){return I=!1,j.clear(),void C.error("数据劫持","数据劫持组合回复在做变更采集时，遇到了阻塞错误，不做响应，请检查",e)}I=!1,function(e){let t=[],s=[];e.forEach(((e,s)=>{e.forEach((e=>{t.push(...s.watchers.get(e)||[])}))})),t.forEach((e=>{s.includes(e)||(!1===e.isDestroy&&e.update(),s.push(e))}))}(j),j.clear()}function B(e){return void 0!==K(e)}const J="数据观察";class F{ob;updateCallBack;forceCallBack;id=v();getter;value;isDestroy=!1;updating=!1;runRelations=new Map;relations=new Map;constructor(e,t,s,n){if(this.ob=e,this.updateCallBack=t,this.forceCallBack=n,void 0===e)throw new Error("无法对underfind进行变更观察");if(void 0===s)this.getter=e=>e;else if("function"==typeof s)this.getter=s;else{let e=function(e){if(/[^\w.$]/.test(e))return;let t=e.split(".");return function(e){let s=e;return t.forEach((e=>{s&&(s=s[e])})),s}}(s);if(void 0===e)throw new Error(s+"解析失败，无法明确读取表达式，请检查expOrFn参数，或采用function模式");this.getter=e}void 0===this.getter&&C.error(J,"getter创建失败",arguments),this.value=this.getValue()}getValue(){if(void 0===this.getter)return;S.target=this;let e,t="function"==typeof this.ob?this.ob():this.ob;try{e=this.getter.call(t,t)}catch(e){throw C.error(J,`获取值失败，执行方法：${this.getter.toString()}`),e}return S.target=void 0,this.clearnDeps(),e}addDep(e,t){let s=this.runRelations.get(e);if(void 0===s||!1===s.includes(t)){s=s||[],s.push(t),this.runRelations.set(e,s);let n=this.relations.get(e);void 0!==n&&!1!==n.includes(t)||e.addWatcher(t,this)}}update(){if(this.updating)return;let e=this.getValue(),t=this.value;if(this.forceCallBack||e!==t||l(e)){if(this.value=e,e!==t&&!this.forceCallBack&&p(e,t,!0))return;this.updating=!0;try{this.updateCallBack(e,t)}catch(e){throw e}finally{this.updating=!1}}}destroy(){this.relations.forEach(((e,t)=>{for(let s of e)t.removeWatcher(s,this)})),this.isDestroy=!0,this.relations.clear(),this.runRelations.clear(),this.ob=void 0,this.value=void 0,this.getter=void 0}clearnDeps(){this.relations.forEach(((e,t)=>{let s=this.runRelations.get(t);for(let n of e)s?!1===s.includes(n)&&t.removeWatcher(n,this):t.removeWatcher(n,this)})),this.relations.clear(),this.relations=this.runRelations,this.runRelations=new Map}}var G;!function(e){let t=new Map;e.bind=function(e){return{to:s=>{if(t.has(e))throw new Error(`TagId:${e.toString()}已注入实现类，请勿重复注入。`);t.set(e,s)}}},e.get=function(e,...s){let n=t.get(e);if(n)return new n(...s)}}(G||(G={}));const q=Symbol.for("JOKER_VNODE_TAG");var X;!function(e){e.PARSERKEY=Symbol.for("JOKER_PARSER_KEY");class t{parent;[q]=!0;static;output;[e.PARSERKEY];childrens;sleep=!1;constructor(e){this.parent=e}get prev(){if(this.parent)return this.parent.childrens?.[this.parent.childrens?.indexOf(this)-1]}get next(){if(this.parent)return this.parent.childrens?.[this.parent.childrens?.indexOf(this)+1]}closest(t,s){if(!0===t(this))return this;let n=this.parent;for(;n;){if(s&&n instanceof e.Root)return;if(!0===t(n))return n;n=n.parent}}find(e,t,s){let n=s??[];if(t??=this.childrens,t)for(let s of t){!0===e(s)&&n.push(s),s.childrens&&this.find(e,s.childrens,n)}return n}contains(e,t){if(t??=this.childrens,t)for(let s of t){if(!0===e(s))return!0;if(s.childrens&&s.childrens.length&&this.contains(e,s.childrens))return!0}return!1}first(e,t){if(t??=this.childrens,t)for(let s of t){if(!0===e(s))return s;if(s.childrens&&s.childrens.length){let t=this.first(e,s.childrens);if(t)return t}}}}e.Node=t;e.Root=class extends t{childrens=[];component;constructor(){super()}};e.Text=class extends t{text;static=!0;constructor(e,t){super(t),this.text=e}};e.Html=class extends t{html;notShadow;static=!0;constructor(e,t,s){super(t),this.html=e,this.notShadow=s}};e.Comment=class extends t{text;static=!0;constructor(e,t){super(t),this.text=e}};e.Element=class extends t{tagName;static=!0;attributes={};childrens=[];events=[];_assistEventCache;constructor(e,t){super(t),this.tagName=e}};e.Component=class extends t{name;component;events=[];propValues={};keepalive;get firstElement(){if(this.childrens){let t=s=>{for(let n of s){if(n instanceof e.Element)return n;if(n.childrens){let e=t(n.childrens);if(e)return e}}};return t(this.childrens)}}get rootElements(){if(this.childrens){let t=[],s=n=>{for(let i of n)i instanceof e.Element?t.push(i):i.childrens&&s(i.childrens)};return s(this.childrens),t}return[]}};e.Condition=class extends t{cmdName;result=!1;childrens=[];isShow=!1;constructor(e,t){super(t),this.cmdName=e}};e.List=class extends t{childrens=[]};e.ListItem=class extends t{ob;childrens=[];constructor(e,t){super(t),this.ob=e}};e.RenderSection=class extends t{id="unknown";params=[];section;childrens=[];ob;constructor(e,t){super(t),"string"==typeof e?this.id=e:this.section=e}}}(X||(X={}));const z="DOM渲染",Z=["script","style","textarea","pre"];let Q=0;var U;function ee(e,t,s){return`${e}-${t}-${s}`}function te(e,t,s,n){e._assistEventCache??=[],e._assistEventCache.push([t,s]),document.body.addEventListener(t,s,n)}function se(e,t,s){e._assistEventCache&&t&&s?(E(e._assistEventCache,(e=>e[0]===t&&e[1]===s)),document.body.removeEventListener(t,s)):(e._assistEventCache?.forEach((e=>{document.body.removeEventListener(e[0],e[1])})),e._assistEventCache&&(e._assistEventCache.length=0),e._assistEventCache=void 0)}!function(e){e.IRENDERIOCTAGID=Symbol.for("JOKER_IRENDERIOC_TAGID"),e.ROOT_CONTAINER="";e.DomRender=class{elements;constructor(){this.elements=document.createDocumentFragment()}mount(e){if(e instanceof Element)e.appendChild(this.elements);else if(e instanceof X.Component)if(e.parent)if(e.output){let t=e.output,s=ae(e)||t.parentNode;s&&s.insertBefore(this.elements,t)}else C.error(z,"组件挂载渲染时发现该节点未定义DOM定位节点",e);else C.error(z,"mount子组件时，发现该组件无父级",e);else C.error(z,"mount只支持挂载到Element或VNode.Node类型数据中",e)}appendNode(e){if(this.renderNode(e),e.output){let t=e.output instanceof HTMLCollection||e.output instanceof NodeList||Array.isArray(e.output)?Array.from(e.output):[e.output];for(let s of t)this.appendNodeChildren(e,s,e.parent)}else C.error(z,"未找自身节点的el属性，无法进行dom挂载",e)}updateNode(e,t){if(e instanceof X.Element)for(let t in e.attributes){let s=e.attributes[t];this.setAttribute(e.output,t,s)}else e instanceof X.Text?e.parent&&e.parent instanceof X.Element&&Z.includes(e.parent.tagName)?(this.removeNode(e),this.appendNode(e)):e.output.textContent=x(e.text||""):e instanceof X.Html?e.notShadow?e.output.innerHTML=e.html:e.output.root.innerHTML=e.html:C.error(z,`该节点不支持${t}的更新`,e)}removeNode(e,t){let s=e.output instanceof HTMLCollection||e.output instanceof NodeList||Array.isArray(e.output)?Array.from(e.output):[e.output];s?.forEach((e=>{e?.remove()})),t||(e instanceof X.Element&&se(e),e.output=void 0)}destroy(){this.elements=void 0}elementToEnter(e,t,s,n){e.output&&this.transitionFrame(e,t,"enter",s,n)}elementToLeave(e,t,s,n){e.output&&this.transitionFrame(e,t,"leave",s,n)}triggerEvent(e,t,s){let n=[];for(let i of e.events){let[r,o]=i;if(r===t){let t=o.modifiers?.includes("self"),a=o.modifiers?.includes("outside");if(t||a){C.warn(z,"事件修饰符：self、outside在组件事件中无法使用，组件无法确认元素",e);continue}let h=s.event;if((h instanceof KeyboardEvent&&["keydown","keypress","keyup"].includes(r)||h instanceof MouseEvent&&["click","dbclick","mouseup","mousedown"].includes(r))&&!1===ie(h,o.modifiers))continue;if(o.callBack(s),o.modifiers?.includes("prevent")&&s.preventDefault(),o.modifiers?.includes("once")&&n.push(i),o.modifiers?.includes("stop"))return s.stopPropagation(),!1}}n.length&&n.forEach((t=>{y(e.events,t)}))}transitionFrame(e,t,s,n,i){re(e,ee(t,s,"from")),n||="transition";let r=e.output.__TRANSITION_EVNETID__=Q++;requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(!e.output)return;re(e,ee(t,s,"active")),oe(e,ee(t,s,"from")),re(e,ee(t,s,"to"));let o=function(e,t){let s=window.getComputedStyle(e),n=e=>(s[e]||"").split(", ");if("transition"===t){let e=n("transitionDelay"),t=n("transitionDuration"),s=he(e,t);if(s>0)return{timeout:s,count:t.length}}else if("animation"===t){let e=n("animationDelay"),t=n("animationDuration"),s=he(e,t);if(s>0)return{timeout:s,count:t.length}}}(e.output,n);if(!o)return void i?.();let a=0,h=()=>{oe(e,ee(t,s,"to")),oe(e,ee(t,s,"active")),e.output&&(e.output.removeEventListener(`${n}end`,d),r===e.output.__TRANSITION_EVNETID__&&i?.())},d=t=>{t.target===e.output&&++a>=o.count&&h()};setTimeout((()=>{a<o.count&&h()}),o.timeout+1),e.output?.addEventListener(`${n}end`,d)}))}))}renderNode(e){if(!e.output)if(e instanceof X.Text)e.parent&&e.parent instanceof X.Element&&Z.includes(e.parent.tagName)?e.output=this.parserHtml(e.text):e.output=document.createTextNode(x(e.text||""));else if(e instanceof X.Html)if(e.notShadow){let t=document.createElement("joker-html-container");t.JOKER_NODE=e,t.innerHTML=e.html,e.output=t}else{let t=document.createElement("joker-html-shadow");t.JOKER_NODE=e,t.style.lineHeight="1",t.root.innerHTML=e.html,e.output=t}else if(e instanceof X.Element){let t;"svg"===e.tagName||e.parent.isSvg?(e.isSvg=!0,t=document.createElementNS("http://www.w3.org/2000/svg",e.tagName)):t=document.createElement(e.tagName);for(let s in e.attributes)this.setAttribute(t,s,e.attributes[s]);t.JOKER_NODE=e,e.output=t,e.events.some((e=>"click"===e[0]&&e[1].modifiers?.includes("outside")))?setTimeout((()=>{this.initElementEvents(t,e)})):this.initElementEvents(t,e)}else e instanceof X.Comment?e.output=document.createComment(e.text):e.output=document.createTextNode("")}initElementEvents(e,t){for(let[s,n]of t.events){let i=n.modifiers?.includes("self"),r=n.modifiers?.includes("outside");i&&r&&(C.warn(z,"事件修饰符：self、outside不可以同时存在，将按照self处理",t),r=!1);let o,a=function(o){if(!(t.sleep||i&&o.target!==e)){if(r){if(o.target===e||e.contains(o.target))return;if(!1===document.contains(o.target))return;if(t.contains((e=>(e.output instanceof HTMLCollection||e.output instanceof NodeList||Array.isArray(e.output)?Array.from(e.output):[e.output]).includes(o.target))))return!0}(o instanceof KeyboardEvent&&["keydown","keypress","keyup"].includes(s)||o instanceof MouseEvent&&["click","dbclick","mouseup","mousedown"].includes(s))&&!1===ie(o,n.modifiers)||(n.callBack({eventName:s,event:o,target:t,preventDefault:()=>o.preventDefault(),stopPropagation:()=>o.stopPropagation(),data:void 0}),n.modifiers?.includes("prevent")&&o.preventDefault(),n.modifiers?.includes("stop")&&o.stopPropagation(),n.modifiers?.includes("once")&&(r?se(t,s,a):e.removeEventListener(s,a)))}};n.modifiers?.includes("passive")&&(o={passive:!0}),r?te(t,s,a,o):e.addEventListener(s,a,o)}}parserHtml(e){var t=document.createElement("div");return t.innerHTML=e,t.childNodes}isCommandGroup(e){return e instanceof X.Component||e instanceof X.Condition||e instanceof X.List||e instanceof X.ListItem||e instanceof X.RenderSection}appendNodeChildren(e,t,s){let n=ae(e);if(n)n.appendChild(t);else if(void 0===s)this.elements.appendChild(t);else if(s)if(s instanceof X.Root){let e=s.parent;if(e&&e instanceof X.Component&&e.output){let s=e.output,n=s.parentNode;if(n)return void n.insertBefore(t,s)}this.elements.appendChild(t)}else if(s instanceof X.Element){let n=s.output;void 0===n&&C.error(z,"appendNodeChildren挂载失败，找不到父节点DOM输出",{parent:s,node:e}),n.appendChild(t)}else if(this.isCommandGroup(s)){let e=s.output,n=e.parentNode;n&&n.insertBefore(t,e)}else C.error(z,"该节点不支持嵌套子集，请检查。",{node:e,parent:s})}setAttribute(e,t,s){if(e)if("boolean"!=typeof s){if("class"===t){if(Array.isArray(s)){let e=[];for(let t of s)if(l(t))for(let s in t)t[s]&&e.push(s);else t&&e.push(t);s=e.join(" ")}else if(l(s)){for(let t in s)s[t]?e.classList.add(t):e.classList.remove(t);return}}else if("style"===t&&l(s)){e.removeAttribute("style");for(let t in s){let n=!1;void 0!==s[t]&&!1!==s[t]||(n=!0);let i=String(s[t]);g(i)&&(n=!0),n||(e.style[t]=i)}return}s=(s??"").toString().trim(),"class"===t&&(s=s.split(/\s/).filter((e=>e.trim())).join(" ")),"value"===t&&"value"in e?e.value=s:e.setAttribute(t,s)}else s?e.setAttribute(t,""):e.removeAttribute(t)}}}(U||(U={}));const ne={enter:"enter",backspace:"delete",tab:"tab",arrowup:"up",arrowdown:"down",arrowleft:"left",arrowright:"right",escape:"esc"," ":"space"};function ie(e,t){if(e instanceof KeyboardEvent){if(void 0===e.key)return!1;for(let s in ne)if(t?.includes(ne[s])&&e.key.toLowerCase()!==s)return!1}else{if(t?.includes("left")&&0!==e.button)return!1;if(t?.includes("right")&&2!==e.button)return!1;if(t?.includes("middle")&&1!==e.button)return!1}return(!t?.includes("ctrl")||!1!==e.ctrlKey)&&((!t?.includes("alt")||!1!==e.altKey)&&(!t?.includes("shift")||!1!==e.shiftKey))}function re(e,t){e.output&&e.output.classList.add(t)}function oe(e,t){e.output&&e.output.classList.remove(t)}function ae(e){if(e instanceof X.Element||e instanceof X.Component){let t=e instanceof X.Component?e.propValues["append-to"]:e.attributes["append-to"];if(t){if(t instanceof X.Element)return t.output;if("string"==typeof t){U.ROOT_CONTAINER&&(t="body"===t?U.ROOT_CONTAINER:`${U.ROOT_CONTAINER} ${t}`);let e=document.querySelector(t);if(e)return e}C.warn(z,"appendTo类型不支持",{appendTo:t,node:e})}}}function he(e,t){for(;e.length<t.length;)e.concat(e);return Math.max(...t.map(((t,s)=>de(t)+de(e[s]))))}function de(e){return"auto"===e?0:1e3*Number(e.slice(0,-1).replace(",","."))}class le extends HTMLElement{root;constructor(){super(),this.root=this.attachShadow({mode:"open"})}}!customElements.get("joker-html-shadow")&&customElements.define("joker-html-shadow",le);const ce={};function ue(e){for(let t in e)ce[t]=e[t]}const fe="Global",pe="渲染核心";function me(t){try{return new Function(e,fe,`return ${t};`)}catch{throw new Error("创建表达式运行方法时出现未知错误，表达式为"+t)}}class ye{ast;ob;parent;ext;ref="";watchers=[];node;constructor(e,t,s,n){this.ast=e,this.ob=t,this.parent=s,this.ext=n,this.parser(),this.afterParser()}beforeDestroy(e){}destroy(e){if(this.clearWatchers(),this.parent.childrens&&this.node){(this.node instanceof X.Element||this.node instanceof X.Component)&&this.ext.removeRef(this.node);let t=()=>{this.parent&&this.node&&(this.beforeDestroy(e),this.destroyChildrens(e),this.ext.render?.removeNode(this.node),this.parent.childrens&&y(this.parent.childrens,this.node),this.notifyNodeWatcher("remove"),this.destroyOtherData())};if(this.ext.nodeTransition(this.node,"leave",void 0,(()=>{t()})))return y(this.parent.childrens,this.node),void this.destroyChildrensWatcher(this.node);t()}else this.destroyOtherData()}destroyWathcers(){this.clearWatchers(),this.destroyChildrensWatcher(this.node)}destroyOtherData(){this.node&&(this.node[X.PARSERKEY]=void 0),this.node=void 0,this.parent=void 0}destroyChildrens(e){for(;this.node?.childrens?.length;){let t=this.node.childrens[0];t[X.PARSERKEY]?t[X.PARSERKEY].destroy(e):y(this.node.childrens,t)}}destroyChildrensWatcher(e){if(e?.childrens?.length)for(let t of e?.childrens)t[X.PARSERKEY]&&(t[X.PARSERKEY].clearWatchers(),this.destroyChildrensWatcher(t))}appendNode(){this.parent.childrens&&this.node&&(this.node[X.PARSERKEY]=this,this.parent.childrens.push(this.node),this.node instanceof X.Element&&this.ob[Be]&&(this.node.attributes["data-scoped-"+this.ob[Be]]=void 0),this.ext.render?.appendNode(this.node),this.notifyNodeWatcher("append"))}afterParser(){this.ext.nodeTransition(this.node,"enter")}notifyNodeWatcher(e,t){this.ext.notifyNodeWatcher(this.ref,this.node,e,t)}runExpress(e,t){try{return me(e).call(t,t,ce)}catch(s){C.error(pe,"运行表达式出现错误:"+e,{ob:t,e:s})}}runExpressWithWatcher(e,t,s,n){let i="string"==typeof e?me(e):e,r=new F((()=>{try{return i.call(t,t,ce)}catch(s){return void C.error(pe,"运行表达式出现错误",{ob:t,e:s,express:e,node:this.node})}}),s,void 0,n);return this.addWatch(r),r.value}addWatch(e){!1===this.watchers.includes(e)&&this.watchers.push(e)}clearWatchers(){this.watchers.forEach((e=>{e.destroy()})),this.watchers.length=0}}class Ee extends ye{parser(){this.node=new X.Text(this.ast.text,this.parent),this.appendNode()}}class ve extends ye{parser(){this.node=new X.Comment(this.ast.text,this.parent),this.appendNode()}}class ge extends ye{parser(){if(this.node=new X.Condition(this.ast.kind,this.parent),"else"!==this.ast.kind){g(this.ast.condition)&&C.error("条件命令",`当前条件命令${this.ast.kind}没有判断条件，请检查`);let e=this.runExpressWithWatcher(this.ast.condition,this.ob,(e=>{let t=!!e;this.node?.result!==t&&(this.node.result=t,this.reloadAllCondition())}));this.node.result=!!e}this.appendNode(),this.renderConditionChildren()}renderConditionChildren(){let e=!1;return this.getPrevIfResult()?e=!1:"else"===this.ast.kind?e=!0:(this.node.result=!!this.runExpress(this.ast.condition,this.ob),this.node.result&&(e=!0)),e!==this.node.isShow&&(this.node.isShow=e,e?this.ast.childrens&&this.ext.parserNodes(this.ast.childrens,this.node,this.ob):this.destroyChildrens(!0),!0)}getPrevIfResult(){if("if"===this.ast.kind)return!1;let e=this.node?.prev;for(;e&&e instanceof X.Condition;){if(e.result)return!0;if("if"===e.cmdName)break;e=e.prev}return!1}reloadAllCondition(){if(this.renderConditionChildren()){let e=this.node?.next;for(;e&&e instanceof X.Condition&&"if"!==e.cmdName;){let t=e[X.PARSERKEY];t&&t instanceof ge&&t.renderConditionChildren(),e=e.next}}}}class be extends ye{parser(){this.node=new X.List(this.parent),this.appendNode(),this.renderChildrens()}renderChildrens(){switch(this.ast.keyType){case"condition":this.renderConditionChildrens();break;case"in":case"of":this.renderInOrOfChildrens()}}renderConditionChildrens(){let t=this.ast.param,s=Object.create(this.ob),n=!!this.runExpressWithWatcher(function(t,s,n){try{return new Function(e,`${e}.${t}=${s}; return ${n};`)}catch{throw new Error(`For循环命令，表达式运行依赖采集出现未知错误，其中letKey:${t},keyVal:${s},condition:${n}`)}}(t.letKey,t.defaultKeyVal,t.condition),s,(()=>{this.clearWatchers(),this.renderChildrens()}),!0),i=0;for(;n;){let e=Object.create(this.ob);V(e,t.letKey,s[t.letKey]);let r=i++;this.renderItem(e,r),this.runExpress(t.step,s),n=!!this.runExpress(t.condition,s),this.runExpressWithWatcher((()=>s[t.letKey]),s,(s=>{e[t.letKey]=s,this.renderItem(e,r)}))}this.destroyOldChildrens(i)}renderInOrOfChildrens(){let e=this.ast.param,t=this.runExpressWithWatcher(e.dataKey,this.ob,(()=>{this.clearWatchers(),this.renderChildrens()})),s=0;if(t&&(Array.isArray(t)||u(t)))for(let n in t){let i=Object.create(this.ob),r=Array.isArray(t)?Number(n):n;e.indexKey&&V(i,e.indexKey,r),e.itemKey&&V(i,e.itemKey,t[n]);let o=s++;this.renderItem(i,o),e.itemKey&&this.runExpressWithWatcher((()=>t[r]),t,(t=>{i[e.itemKey]=t,this.renderItem(i,o)}))}this.destroyOldChildrens(s)}renderItem(e,t){if(!this.ast.childrens?.length)return;let s=this.node?.childrens?.[t];if(s){if(this.checkObEqual(e,s.ob))return;c(e,((e,t)=>{s.ob[e]!==t&&(s.ob[e]=t)}))}else new Ne(this.ast,e,this.node,this.ext)}destroyOldChildrens(e){for(;this.node.childrens.length>e;){let e=this.node.childrens.pop();if(!e)break;e[X.PARSERKEY]?.destroy(!1)}}checkObEqual(e,t){let s=!0;return void 0!==t&&(c(e,((e,n)=>{t?.[e]!==n&&(s=!1)})),s)}}class Ne extends ye{parser(){this.node=new X.ListItem(this.ob,this.parent),this.appendNode(),this.ast.childrens&&this.ext.parserNodes(this.ast.childrens,this.node,this.ob)}}function we(e,t){if(!e)return e;if(e instanceof Promise)return e.then((e=>Promise.resolve(e)));if(Array.isArray(e)&&e.length){let s=[];for(let n in e){let i,r=e[n];i=t?we(r,t):r,i instanceof Promise&&s.push(i.then((t=>{e[n]=t})))}if(s.length>0)return Promise.all(s).then((()=>Promise.resolve(e)))}else if("object"==typeof e&&null!==e&&u(e)&&e instanceof Element==!1){let s=[];for(let n in e){let i=e[n];if(i instanceof Promise)s.push(i.then((t=>{e[n]=t})));else if(t){let e=we(i,t);e instanceof Promise&&s.push(e)}}if(s.length)return Promise.all(s).then((()=>e))}return e}function Re(e,t){if(!e.constructor)return!1;let s=Object.getOwnPropertyDescriptor(e.constructor.prototype,t);return s&&s.get}class $e extends ye{parser(){if(g(this.ast.cmdName))throw C.error("模板指令","解析AST转换VNode时发生错误，未找到指令名称",this.ast),new Error("解析AST转换VNode时发生错误，未找到指令名称");let e;if("Html"===this.ast.cmdName||"Text"===this.ast.cmdName?e=this.ast.param:this.ast.cmdName.startsWith(fe+".")?e=`${this.ast.cmdName}(${this.ast.param})`:this.ast.cmdName in this.ob&&"function"==typeof this.ob[this.ast.cmdName]&&(e=`${t(this.ast.cmdName)}(${this.ast.param})`),e){let t=this.runExpressWithWatcher(`[${e}]`,this.ob,(t=>{let s=we(t[0]);s instanceof Promise?s.then((e=>{this.changeValue(e)})).catch((t=>{C.error("表达式编译",`${e}异步处理失败`,t)})):this.changeValue(s)}));t||=[];let s=we(t[0]);return s instanceof Promise?("Html"===this.ast.cmdName?this.node=new X.Html("",this.parent,t[1]):this.node=new X.Text("",this.parent),s.then((e=>{this.changeValue(e)})).catch((t=>{C.error("表达式编译",`${e}异步处理失败`,t)}))):"Html"===this.ast.cmdName?this.node=new X.Html(Ae(s),this.parent,t[1]):this.node=new X.Text(Ae(s),this.parent),void this.appendNode()}throw new Error(`未找到命令：${this.ast.cmdName}`)}changeValue(e){this.node&&(this.node instanceof X.Html?this.node.html=Ae(e):this.node.text=Ae(e),this.ext.render?.updateNode(this.node))}}function Ae(e){return null==e||"function"==typeof e?"":e.toString()}const Ce="default";class Oe extends ye{parser(){let e=this.transformParam();this.node=new X.RenderSection(e.id,this.parent),this.node.params=e.params,this.node.section??=this.ob.$sections?.[e.id],this.appendNode(),this.node.section&&(this.node.section.params?(this.node.ob=Object.create(this.node.section.ob||this.ob),this.node.section.params?.forEach(((e,t)=>{V(this.node.ob,e,this.node.params[t])}))):this.node.ob=this.node.section.ob||this.ob,(this.node.section.parser||this.ext).parserNodes(this.node.section.asts,this.node,this.node.ob))}transformParam(){if(this.ast.param){let e=this.runExpressWithWatcher(`[${this.ast.param}]`,this.ob,(e=>{let t=e[0]||Ce;if("string"==typeof t&&t!==this.node.id)throw new Error("section id 不可动态变更");this.node.params=e.slice(1),this.node?.ob&&this.node.section&&this.node.section.params?.forEach(((e,t)=>{this.node?.ob&&this.node.ob[e]!==this.node.params[t]&&(this.node.ob[e]=this.node.params[t])}))}));return{id:e[0]||Ce,params:e.slice(1)}}return{id:Ce,params:[]}}}const xe="组件解析";class Se extends ye{parser(){if(this.ast.node)return this.node=this.ast.node,this.node.parent=this.parent,this.initPropData(),this.appendNode(),void this.node.component?.$mount(this.node);this.node=new X.Component(this.parent),this.initPropData(),this.initEvent(),this.appendNode(),this.renderChildren()}get canReload(){return"tagName"in this.ast||"function"==typeof this.ast.component}reload(){this.canReload?(this.beforeDestroy(),this.renderChildren()):C.warn(xe,"当前组件无法实现reload",this.node)}initPropData(){for(let e of this.ast.attributes)if("ref"!==e.name)if("keep-alive"===e.name&&"false"!==e.value&&(this.node.keepalive=!0),e.express){let t=this.runExpressWithWatcher(e.express,this.ob,(t=>{let s=we(t);s instanceof Promise?s.then((t=>{this.node&&(this.node.propValues[e.name]=t,this.notifyNodeWatcher("update",e.name))})).catch((t=>{C.error(xe,`${e.express}异步处理失败`,t)})):(this.node.propValues[e.name]=s,this.notifyNodeWatcher("update",e.name))})),s=we(t);s instanceof Promise?(this.node.propValues[e.name]=void 0,s.then((t=>{this.node&&(this.node.propValues[e.name]=t)})).catch((t=>{C.error(xe,`${e.express}异步处理失败`,t)}))):this.node.propValues[e.name]=s}else this.node.propValues[e.name]=e.value;else{if(g(e.value)){C.warn(xe,"元素的ref值不可以为空");continue}this.ref=e.value,this.ext.addRef(e.value,this.node)}this.node.propValues=W(this.node.propValues)}initEvent(){this.ast.events.forEach((e=>{let t=e.functionName?this.ob[e.functionName]:void 0;void 0===e.functionName?this.node.events.push([e.name,{modifiers:e.modifiers,callBack:N}]):t&&"function"==typeof t?this.node.events.push([e.name,{modifiers:e.modifiers,callBack:s=>{let n=[];e.functionParam&&(n=this.runExpress(`[${e.functionParam}]`,this.ob)),t.call(this.ext.ob,s,...n)}}]):C.error(xe,`${"tagName"in this.ast?this.ast.tagName:""}元素中${e.name}事件所指定的回调（${e.functionName}）方法未找到，请检查`)}))}async renderChildren(){if("tagName"in this.ast){let e=this.ob.components[this.ast.tagName]||Ze(this.ast.tagName);if(void 0===e)return void C.error(xe,`渲染组件失败，未找到名称为'${this.ast.tagName}'的私有组件/全局组件`);if(Je in e||(e=(await e()).default),!this.node)return;{let t=this.getSections();this.node.name=this.ast.tagName,this.node.component=new e(this.node?.propValues,t,this.node?.keepalive)}}else if("function"==typeof this.ast.component){let e=this.getSections();this.node.component=new this.ast.component(this.node?.propValues,e,this.node?.keepalive)}else this.node.component=this.ast.component;if(!this.node)return;if(!this.node.name&&"name"in this.node.component&&this.node.component.name&&"string"==typeof this.node.component.name&&(this.node.name=this.node.component.name),this.node.component.$mount(this.node),!this.node)return;let e=this.node?.component;e.isKeepAlive&&(this.ast.node=this.node)}getSections(){let t={},n=[];return this.ast.childrens.forEach((t=>{if(t.type===s.NodeType.COMMAND&&"if"===t.cmdName&&t.childrens){let i=t,r=t.childrens.some((e=>e.type===s.NodeType.COMMAND&&"section"===e.cmdName)),o=i.condition.startsWith(e+".$sections");if(o){return this.runExpress(i.condition,this.ob)?void n.push(...t.childrens):void 0}if(r&&"if"===i.kind&&!o)return void C.warn(xe,"在解析section时，发现该section包裹在一个条件语句中，该条件语句仅支持以$sections进行if判断，已作排出")}n.push(t)})),n.forEach((e=>{if(e.type===s.NodeType.COMMAND&&"section"===e.cmdName){let s=e,n=s.id||Ce;/^(\'|\")(.*?)((\'|\"))$/.test(n)&&(n=n.slice(1,-1)),t[n]=t[n]||{asts:[],ob:this.ob,params:s.paramKeys,parser:this.ext},t[n].asts.push(...e.childrens||[])}else t[Ce]=t[Ce]||{asts:[],ob:this.ob,parser:this.ext},t[Ce].asts.push(e)})),t}beforeDestroy(e){!0===e&&this.node?.component?.isKeepAlive?this.node?.component?.$destroy():(this.node?.component?.$destroy(!0),this.ast.node=void 0)}}const Pe="Element解析";class Te extends ye{parser(){this.node=new X.Element(this.ast.tagName,this.parent),this.initAttributes(),this.initEvents(),this.appendNode(),this.ext.parserNodes(this.ast.childrens,this.node,this.ob)}initAttributes(){for(let e of this.ast.attributes)if("ref"!==e.name)if(e.express){let t=this.runExpressWithWatcher(e.express,this.ob,(t=>{let s=t=>{this.node&&(this.node.attributes[e.name]=this.transformAttrVal(t),this.ext.render?.updateNode(this.node,e.name),this.notifyNodeWatcher("update",e.name))},n=we(t);n instanceof Promise?n.then((e=>{s(e)})).catch((t=>{C.error(Pe,`${e.express}异步处理失败`,t)})):s(n)})),s=we(t);s instanceof Promise?s.then((t=>{this.node&&(this.node.attributes[e.name]=this.transformAttrVal(t),this.ext.render?.updateNode(this.node,e.name))})).catch((t=>{C.error(Pe,`${e.express}异步处理失败`,t)})):this.node.attributes[e.name]=this.transformAttrVal(s)}else this.node.attributes[e.name]=e.value;else{if(g(e.value)){C.warn(Pe,"元素的ref值不可以为空");continue}this.ref=e.value,this.ext.addRef(e.value,this.node)}}initEvents(){for(let e of this.ast.events){let t=e.functionName?this.ob[e.functionName]:void 0;if(!(void 0===e.functionName||t&&"function"==typeof t))throw new Error(`${this.ast.tagName}元素中${e.name}事件所指定的回调（${e.functionName}）方法未找到，请检查`);this.node?.events.push([e.name,{modifiers:e.modifiers,callBack:s=>{if(void 0===t)return;let n=[];e.functionParam&&(n=this.runExpress(`[${e.functionParam}]`,this.ob)),t&&t.call(this.ext.ob,s,...n)}}])}}transformAttrVal(e){return void 0!==e&&("string"==typeof e||"boolean"==typeof e||"function"!=typeof e&&Object.prototype.toString()?e:void 0)}}class De{asts;ob;root=new X.Root;refs={};sleeped=!1;nodeWatcherEvents={};render;constructor(e,t,s){this.asts=e,this.ob=t,this.root.component=t,this.render=G.get(U.IRENDERIOCTAGID)??new U.DomRender,s&&s instanceof X.Node&&(this.root.parent=s,s.childrens??=[],s.childrens.push(this.root))}parser(){this.parserNodes(this.asts,this.root)}mount(e){this.sleeped&&this.weakup(),this.render?.mount(e)}parserNodes(e,t,n){e.forEach((e=>{if(e.type===s.NodeType.TEXT)new Ee(e,n??this.ob,t,this);else if(e.type===s.NodeType.COMMENT)new ve(e,n??this.ob,t,this);else if(e.type===s.NodeType.COMPONENT)new Se(e,n??this.ob,t,this);else if(e.type===s.NodeType.ELEMENT){let s=e;!function(e,t){return!!t.components[e]||!!Ze(e)}(s.tagName,n??this.ob)?new Te(s,n??this.ob,t,this):new Se(s,n??this.ob,t,this)}else if(e.type===s.NodeType.COMMAND){let s=e;switch(s.cmdName){case"if":case"elseif":case"else":new ge(s,n??this.ob,t,this);break;case"for":new be(s,n??this.ob,t,this);break;case"RenderSection":new Oe(s,n??this.ob,t,this);break;case"section":break;default:new $e(s,n??this.ob,t,this)}}}))}addRef(e,t){this.refs[e]=this.refs[e]||[],this.refs[e].push(t)}removeRef(e){for(let t in this.refs)this.refs[t].includes(e)&&y(this.refs[t],e)}addNodeWatcher(e,t){this.nodeWatcherEvents[e]=this.nodeWatcherEvents[e]||[],this.nodeWatcherEvents[e].push(t)}removeNodeWatcher(e,t){y(this.nodeWatcherEvents[e]||[],t)}notifyNodeWatcher(e,t,s,n){this.nodeWatcherEvents[e]?.forEach((e=>{e(t,s,n)}))}sleep(e){let t=e||this.root;t.childrens?.forEach((e=>{let t=()=>{e.childrens&&this.sleep(e),e.sleep=!0,this.render?.removeNode(e,!0)};this.nodeTransition(e,"leave",void 0,(()=>{t()}))||t()})),void 0===e&&(this.sleeped=!0)}weakup(e){let t=e||this.root;t.childrens?.forEach((e=>{e.sleep=!1,this.render?.appendNode(e),e.childrens&&this.weakup(e),this.nodeTransition(e,"enter")})),void 0===e&&(this.sleeped=!1)}destroy(e){for(;this.root.childrens.length;){let t=this.root.childrens[0];t[X.PARSERKEY]?t[X.PARSERKEY].destroy(e):y(this.root.childrens,t)}this.render.destroy(),this.refs={},this.root.childrens.length=0,this.nodeWatcherEvents={},this.asts.length=0}destroyWathcers(){for(let e of this.root.childrens)e[X.PARSERKEY]&&e[X.PARSERKEY].destroyWathcers()}reSetAsts(e,t){this.destroy(t),this.render=G.get(U.IRENDERIOCTAGID)??new U.DomRender,this.asts=e}nodeTransition(e,t,s,n,i){if(e&&e.parent?.childrens&&(e instanceof X.Element||e instanceof X.Component)){let r=function(e){if(e instanceof X.Element||e instanceof X.Component){let t=e instanceof X.Element?e.attributes:e.propValues;return{name:t["transition-name"],type:t["transition-type"]}}}(e);if(s??=r?.name,i??=r?.type,!s)return!1;let o=_e(e);if(o)return"enter"===t?this.render.elementToEnter(o,s,i,(()=>{let t=e[X.PARSERKEY];t&&t.ref&&this.notifyNodeWatcher(t.ref,e,"after-enter"),n?.()})):this.render.elementToLeave(o,s,i,(()=>{let t=e[X.PARSERKEY];t&&t.ref&&this.notifyNodeWatcher(t.ref,e,"after-leave"),n?.()})),!0;C.warn("渲染核心","在执行node动画时，发现数据不完备，请检查")}return!1}}function _e(e){if(e instanceof X.Element)return e;if(e.childrens&&e.childrens.length)for(let t of e.childrens)return t instanceof X.Element?t:_e(t)}function ke(e,t,s){if(void 0===t)return;let n=Array.isArray(s)?s:[s];for(let e of n){if(e===Array&&t instanceof Array)return t;if(typeof t===e.name.toLocaleLowerCase())return t}switch(n[0]){case Number:let e=Number(t);if(!1===isNaN(e))return e;break;case String:return String(t)}throw new Error(`props中${e.toString()}的类型不符合约束类型`)}function Ke(e,t,s){let n,i,r;if("symbol"!=typeof t&&(n=b(t)),t in e?i=e[t]:n&&(i=e[n]),s&&(t in s?r=s[t]:n&&n in s&&(r=s[n])),void 0!==r){if(u(r)&&("type"in r||"required"in r||"default"in r||"validate"in r)){let e=r;if(e.required&&void 0===i)throw new Error(`props中key:${t.toString()}是必须项，请检查`);if(e.type&&(i=ke(t,i,e.type)),e.validate&&!1===e.validate(i))throw new Error(`props中key${t.toString()}的值校验错误`);i=i??e.default}else i=We(r)?ke(t,i,r):i??r;return i}return i}function We(e){return!![String,Array,Number,Object,Function,Boolean].includes(e)||e instanceof Array&&We(e[0])}const Ve="组件",Me=Symbol.for("JOKER_PROPS_DATA_KEY"),Le=Symbol.for("JOKER_PROPS_DATA_PROXY"),Ie=Symbol.for("JOKER_PRIVATE_WATCHERS"),je=Symbol.for("JOKER_EVENT_DATA_KEY"),Ye=Symbol.for("JOKER_IS_DESTROY"),He=Symbol.for("JOKER_PARSER_TEMPLATE_TARGET"),Be=Symbol.for("JOKER_SCOPE_ID"),Je=Symbol.for("JOKER_COMPONENT_TAG"),Fe=Symbol();let Ge=["constructor","$mount","$nodeTransition","$destroy","$getRef","$getRefs","$syncProp","$watchNode","$watch","$on","$off","$trigger","$render","created","mounted","beforeDestroy","sleeped","wakeup","destroyed"];class qe{$sections;isKeepAlive;static[Je]=!0;[Be];model={};template;$root;isSleeped=!1;components={};propsOption;[Me]={};[He];[Le];[Ie]=[];[je]=new Map;[Ye]=!1;[Fe]=!1;constructor(e,t={},s){this.$sections=t,this.isKeepAlive=s,this[Me]=e||{}}get props(){if(void 0===this[Le]){let e=this;this[Le]=new Proxy(e[Me],{get:(t,s)=>Ke(e[Me],s,e.propsOption),set(){throw new Error("props 参数不允许变更，只允许单向数据传递")}})}return this[Le]}$mount(e){if(!1===this[Fe]){let e=()=>{let e=[],t=Object.getPrototypeOf(this);for(;null!==t&&t!==Object.prototype;)Object.getOwnPropertyNames(t).forEach((s=>{!1!==Ge.includes(s)||Re(t,s)||"function"!=typeof t[s]||t[s].prototype?.hasOwnProperty("constructor")||e.push(s)})),t=Object.getPrototypeOf(t);return e};for(let t of e())this[t]=this[t].bind(this);this[Fe]=!0}return this.$root=e,this.isKeepAlive&&this.isSleeped?(this.isSleeped=!1,this[He]&&this.$root?(this[He].mount(this.$root),this.wakeup(),this.$trigger("wakeup"),this.$rootVNode&&Ue(this.$rootVNode),this):(C.error(Ve,"当前组件在唤醒时，发现渲染处理程序已被销毁，无法进行唤醒操作",[this,this.$root]),this)):(this.isSleeped=!1,this.model=W(this.model),this.created(),this.$trigger("created"),this.template&&this.$render(),this.mounted(),this.$trigger("mounted"),this)}$nodeTransition(e,t,s,n,i){if("string"==typeof e){let t=this.$getRef(e);if(!t)return void C.error(Ve,`执行节点动画是找不到ref=${e}的节点`);e=t}this[He]?.nodeTransition(e,t,s,n,i)}$destroy(e){if(!e&&this.isKeepAlive)return this[He]?.sleep(),this.isSleeped=!0,this.sleeped(),this.$trigger("sleeped"),void(this.$rootVNode&&Qe(this.$rootVNode));for(let e of this[Ie])e.destroy();this[Ie].length=0,this[He]?.destroyWathcers(),this.beforeDestroy(),this.$trigger("beforeDestroy"),this[He]?.destroy(),this[He]=void 0,this.template&&Array.isArray(this.template)&&(this.template.length=0),this.$trigger("destroy"),this[je].clear(),this.$root=void 0,this.isSleeped=!1,this.$sections={},this[Ye]=!0,this[Le]=void 0,this[Me]={},this.destroyed()}get $refs(){return this[He]?.refs||{}}$getRef(e){return this.$refs[e]?.[0]}$getRefs(e){return this.$refs[e]}$syncProp(e,t,s){"function"==typeof t&&(s=t,t=void 0),t??=e,s??=e=>e,this.model[t]=s(this.props[e]),this.$watch((()=>this.props[e]),(()=>{this.model[t]=s?.(this.props[e])}))}get $rootVNode(){return this[He]?.root}$watchNode(e,t){if(this[He])return this[He]?.addNodeWatcher(e,t),()=>{this[He]?.removeNodeWatcher(e,t)};C.warn(Ve,"该组件还未挂载，不可以进行节点观察监听")}$watch(e,t,s){let n=new F((()=>{if(!this[Ye])return e();for(let e of this[Ie])e.destroy()}),((e,s)=>{this[Ye]||t(e,s)}),void 0,s);return this[Ie].push(n),[n.value,()=>{n.destroy(),y(this[Ie],n)}]}$on(e,t){let s=this[je].get(e);void 0===s&&(s=[],this[je].set(e,s)),!1===s?.includes(t)&&s.push(t)}$off(e,t){let s=this[je].get(e);s&&(t?y(s,t):s.length=0)}$trigger(e,t,s){if(!this.$root)return;let n={eventName:e,stopPropagation:s?.stopPropagation??(()=>{}),preventDefault:s?.preventDefault??(()=>{}),data:t,target:s?.target??this.$rootVNode,event:s?.event};if(this.$rootVNode&&this.$rootVNode.parent&&this.$rootVNode.parent instanceof X.Component&&!1===this[He]?.render.triggerEvent(this.$rootVNode.parent,e,n))return;let i=this[je].get(e);i?.length&&[...i].forEach((e=>{e(n)}));let r=this[je].get("*");r?.length&&[...r].forEach((e=>{e(n)}))}$render(e,t){e??=this.template,this.template="function"==typeof e?e(n):e,this.$root&&(this.template??=[],this[He]?.reSetAsts(this.template,t),this[He]??=new De(this.template,this,this.$root),this[He].parser(),this[He].mount(this.$root))}created(){}mounted(){}beforeDestroy(){}sleeped(){}wakeup(){}destroyed(){}}const Xe={};function ze(e,t){if("string"==typeof e)t&&(Xe[e]=t);else for(let t in e)Xe[t]=e[t]}function Ze(e){return Xe[e]}function Qe(e){e.childrens?.forEach((e=>{e instanceof X.Component&&e.component?.sleeped(),Qe(e)}))}function Ue(e){e.childrens?.forEach((e=>{e instanceof X.Component&&e.component?.wakeup(),Ue(e)}))}class et extends qe{template=[];cache=new Map;mounted(){this.$watch((()=>this.props.name),(async e=>{this.$render([],!0),await Promise.resolve(),this.$root&&this.loadComponent(e)})),this.loadComponent(this.props.name)}propsVaule;created(){this.initProps()}initProps(){let e={};this.props.props||(Object.keys(this.props).forEach((t=>{!1!==this.filterProps(t)&&(e[t]=this.props[t],this.$watch((()=>this.props[t]),(()=>{this.propsVaule[t]=this.props[t]})))})),this.propsVaule=W(e))}filterProps(e){if("string"!=typeof e)return!1;let t=b(e);return"transition-name"!==t&&"name"!==t&&"keep-alive"!==t&&"ref"!==t&&void 0}async loadComponent(e){if(!e)return void this.$render([],this.isKeepAlive);let t;if(this.isKeepAlive){let t=this.cache.get(e);if(t)return void this.$render([i(t,{"transition-name":this.props["transition-name"]})],!0)}let s=this.$rootVNode?.parent?.[X.PARSERKEY]?.ob.components,n=s?.[e];void 0===n&&(n=Ze(e)),n?(Je in n||(n=(await n()).default),t=new n(this.props.props||this.propsVaule,this.$sections,this.isKeepAlive),t.$on("*",(e=>{this.$trigger(e.eventName,e.data,e)})),this.isKeepAlive&&this.cache.set(e,t),this.$render([i(t,{"transition-name":this.props["transition-name"]})],this.isKeepAlive)):C.warn("component",`未找到${e}的组件`)}beforeDestroy(){this.removeCache()}removeCache(e){if(e){let t=this.cache.get(e);this.cache.delete(e),t&&t.$destroy(!0)}else this.cache.forEach((e=>{e.$destroy(!0)})),this.cache.clear()}}class tt extends qe{template=function(){return[r("RenderSection")]}}ze({template:tt,component:et});class st{eventDatas=new Map;on(e,t){let s=this.eventDatas.get(e);void 0===s&&(s=[],this.eventDatas.set(e,s));let n={callBack:t};return s.push(n),()=>{s&&y(s,n)}}once(e,t){let s=this.eventDatas.get(e);void 0===s&&(s=[],this.eventDatas.set(e,s));let n={callBack:t,once:!0};return s.push(n),()=>{s&&y(s,n)}}off(e,t){if(void 0!==e)if(t){let s=this.eventDatas.get(e),n=s?.find((e=>e.callBack===t));n&&y(s,n)}else this.eventDatas.delete(e);else this.eventDatas.clear()}async trigger(e,t){let s=[...this.eventDatas.get(e)||[]];if(s.push(...this.eventDatas.get("*")||[]),s&&s.length){let n=0,i=0,r=!1;for(;s[n];){let o=s[n],a=await o.callBack({stopPropagation:()=>r=!0,callTimes:i,eventName:e},t);if(o.once?y(s,o):n++,!1===a||r)return!1}}}}export{qe as Component,et as ComponentContainer,S as Dep,st as EventBus,G as IContainer,Je as JOKER_COMPONENT_TAG,q as JOKER_VNODE_TAG,P as OBJECTPROXY_DEPID,He as PARSER_TEMPLATE_TARGET,De as ParserTemplate,U as Render,Be as SCOPE_ID,L as ShallowObserver,tt as Template,X as VNode,F as Watcher,ce as __GLONAL_FUNTIONS__,d as __JOKER_HMR_RUNTIME,H as combinedReply,V as defineObserverProperty,Ze as getGlobalComponent,B as isObserverData,W as observer,ze as registerGlobalComponent,ue as registerGlobalFunction};