@wiajs/core 1.0.5 → 1.0.6

package/dist/core.js

@@ -1,5 +1,5 @@
 /*!
-  * wia core v1.0.5
+  * wia core v1.0.6
   * (c) 2015-2023 Sibyl Yu and contributors
   * Released under the MIT License.
   */
@@ -123,3305 +123,6 @@
     _setPrototypeOf(subClass, superClass);
   }
 
-  function getDefaultExportFromCjs (x) {
-  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-  }
-
-  var dom = {exports: {}};
-
-  /*!
-    * wia dom v1.0.1
-    * (c) 2022-2023 Sibyl Yu and contributors
-    * Released under the MIT License.
-    */
-
-  var dom_cmn;
-  var hasRequiredDom_cmn;
-
-  function requireDom_cmn () {
-  	if (hasRequiredDom_cmn) return dom_cmn;
-  	hasRequiredDom_cmn = 1;
-
-  	/*
-  	 * Expand $.fn
-  	 * 扩展 $.fn
-  	 * same syntax as well known jQuery library
-  	 */
-
-  	const emptyArray = [];
-  	const elementDisplay = {};
-  	const rootNodeRE = /^(?:body|html)$/i;
-  	const propMap = {
-  	  tabindex: 'tabIndex',
-  	  readonly: 'readOnly',
-  	  for: 'htmlFor',
-  	  class: 'className',
-  	  maxlength: 'maxLength',
-  	  cellspacing: 'cellSpacing',
-  	  cellpadding: 'cellPadding',
-  	  rowspan: 'rowSpan',
-  	  colspan: 'colSpan',
-  	  usemap: 'useMap',
-  	  frameborder: 'frameBorder',
-  	  contenteditable: 'contentEditable',
-  	};
-
-  	// 返回数组
-  	function concat(...arg) {
-  	  const args = [];
-  	  for (let i = 0; i < arg.length; i++) {
-  	    const v = arg[i];
-  	    args[i] = $.isDom(v) ? v.toArray() : v;
-  	  }
-  	  return emptyArray.concat.apply($.isDom(this) ? this.toArray() : this, args);
-  	}
-
-  	function ready(cb) {
-  	  if (/complete|loaded|interactive/.test(document.readyState) && document.body) cb($);
-  	  else
-  	    document.addEventListener(
-  	      'DOMContentLoaded',
-  	      function () {
-  	        cb($);
-  	      },
-  	      false
-  	    );
-  	  return this;
-  	}
-
-  	// 转为节点数组，或指定索引节点
-  	function get(idx) {
-  	  return idx === undefined ? emptyArray.slice.call(this) : this[idx >= 0 ? idx : idx + this.length];
-  	}
-
-  	function toArray() {
-  	  return this.get();
-  	}
-
-  	function size() {
-  	  return this.length;
-  	}
-
-  	/**
-  	 * 删除或设置dom属性
-  	 * @param {*} node
-  	 * @param {*} n attr name
-  	 * @param {*} value null or undefined
-  	 */
-  	function setAttr(node, n, value) {
-  	  if (node && node.nodeType === 1) {
-  	    if (value == null) node.removeAttribute(n);
-  	    else node.setAttribute(n, value);
-  	  }
-  	}
-
-  	function attr(n, value) {
-  	  let R;
-  	  const el = this[0];
-
-  	  // Get attr
-  	  if (arguments.length === 1 && typeof n === 'string') {
-  	    if (el.nodeType === 1 && el) R = el.getAttribute(n);
-  	  } else {
-  	    // Set attr
-  	    R = this.each(function (idx) {
-  	      if ($.isObject(n)) {
-  	        Object.keys(n).forEach(k => {
-  	          this[k] = n[k]; // f7
-  	          setAttr(this, k, n[k]);
-  	        });
-  	      } else setAttr(this, n, $.funcArg(this, value, idx, this.getAttribute(n)));
-  	    });
-  	  }
-
-  	  return R;
-  	}
-
-  	function removeAttr(n) {
-  	  return this.each(function () {
-  	    this.nodeType === 1 &&
-  	      n.split(' ').forEach(function (v) {
-  	        setAttr(this, v);
-  	      }, this);
-  	  });
-  	}
-
-  	function hasAttr(n) {
-  	  return emptyArray.some.call(this, function (el) {
-  	    return el.hasAttribute(n);
-  	  });
-  	}
-
-  	function prop(n, value) {
-  	  try {
-  	    n = propMap[n] || n;
-  	    // Get prop
-  	    if (arguments.length === 1 && typeof n === 'string') this[0] && this[0][n];
-  	    else {
-  	      // Set props
-  	      return this.each(function (idx) {
-  	        if (arguments.length === 2) this[n] = $.funcArg(this, value, idx, this[n]);
-  	        else if ($.isObject(n)) {
-  	          // eslint-disable-next-line
-  	          for (const prop in n) {
-  	            this[prop] = n[prop];
-  	          }
-  	        }
-  	      });
-  	    }
-  	  } catch (ex) {
-  	    console.log('prop exp:', ex.message);
-  	  }
-  	}
-
-  	function removeProp(n) {
-  	  n = propMap[n] || n;
-  	  return this.each(function () {
-  	    delete this[n];
-  	  });
-  	}
-
-  	// 读取或设置 data-* 属性值，保持与jQuery 兼容
-  	// 在dom节点上自定义 domElementDataStorage 对象存储数据
-  	function data(key, value) {
-  	  let R;
-  	  let el;
-  	  const attrName = 'data-' + key.replace(/([A-Z])/g, '-$1').toLowerCase();
-
-  	  if (typeof value === 'undefined') {
-  	    [el] = this;
-  	    // Get value
-  	    if (el) {
-  	      if (el.domElementDataStorage && key in el.domElementDataStorage) {
-  	        R = el.domElementDataStorage[key];
-  	      } else R = this.attr(attrName);
-  	    }
-  	    if (R) R = $.deserializeValue(R);
-  	  } else {
-  	    // Set value
-  	    for (let i = 0; i < this.length; i += 1) {
-  	      el = this[i];
-  	      if (!el.domElementDataStorage) el.domElementDataStorage = {};
-  	      el.domElementDataStorage[key] = value;
-  	      this.attr(attrName, value);
-  	    }
-  	    R = this;
-  	  }
-
-  	  return R;
-  	}
-
-  	function removeData(key) {
-  	  const attrName = 'data-' + key.replace(/([A-Z])/g, '-$1').toLowerCase();
-
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    const el = this[i];
-  	    if (el.domElementDataStorage && el.domElementDataStorage[key]) {
-  	      el.domElementDataStorage[key] = null;
-  	      delete el.domElementDataStorage[key];
-  	    }
-  	    el.removeAttribute(attrName);
-  	  }
-
-  	  return this;
-  	}
-
-  	function dataset() {
-  	  const el = this[0];
-  	  if (!el) return undefined;
-
-  	  const dataset = {}; // eslint-disable-line
-  	  if (el.dataset) {
-  	    // eslint-disable-next-line
-  	    for (const dataKey in el.dataset) {
-  	      dataset[dataKey] = el.dataset[dataKey];
-  	    }
-  	  } else {
-  	    for (let i = 0; i < el.attributes.length; i += 1) {
-  	      // eslint-disable-next-line
-  	      const attr = el.attributes[i];
-  	      if (attr.name.indexOf('data-') >= 0) {
-  	        dataset[$.camelCase(attr.name.split('data-')[1])] = attr.value;
-  	      }
-  	    }
-  	  }
-
-  	  // eslint-disable-next-line
-  	  for (const key in dataset) dataset[key] = $.deserializeValue(dataset[key]);
-
-  	  return dataset;
-  	}
-
-  	/**
-  	 * 表单节点值的获取、设置
-  	 * 获取时，只获取第一个dom对象value
-  	 * 设置时，对节点数组同时设置
-  	 * 支持 select单选、多选，checkbox，radio
-  	 * @param {*} value 值
-  	 * value 为Dom对象时，表示节点容器，带容器参数时，支持容器内radio、checkbox有效值获取
-  	 * @param {*} el 节点容器，带容器参数时，支持容器内radio、checkbox赋值
-  	 * @returns
-  	 */
-  	function val(value, el) {
-  	  let R;
-  	  // 设置值
-  	  if (0 in arguments && !$.isDom(value)) {
-  	    if (value == null) value = '';
-  	    return this.each(function (idx) {
-  	      let vs = $.funcArg(this, value, idx, this.value);
-  	      const dom = this;
-
-  	      // 注意，节点value是字符串！
-  	      // select 多选，单选直接赋值即可
-  	      if (dom.multiple && dom.nodeName.toLowerCase() === 'select') {
-  	        if (Array.isArray(vs)) vs = vs.map(v => v.toString());
-  	        else vs = [vs.toString()];
-  	        dom.options.forEach(o => (o.selected = vs.includes(o.value)));
-  	      } else if (dom.type === 'checkbox' && el) {
-  	        if (Array.isArray(vs)) vs = vs.map(v => v.toString());
-  	        else vs = [vs.toString()];
-
-  	        const name = $(dom).attr('name');
-  	        const ns = $(`input[name=${name}]`, el);
-  	        ns.forEach(n => (n.checked = vs.includes(n.value)));
-  	      } else if (dom.type === 'radio' && el) {
-  	        if (Array.isArray(vs)) vs = vs[0];
-
-  	        const name = $(dom).attr('name');
-  	        const ns = $(`input[name=${name}]`, el);
-  	        ns.forEach(n => {
-  	          n.checked = n.value === vs.toString();
-  	        });
-  	      } else dom.value = vs.toString();
-  	    });
-  	  } else if (this[0]) {
-  	    // 获取值
-  	    const dom = this[0];
-  	    R = dom.value;
-  	    // 多选
-  	    if (dom.multiple && dom.nodeName.toLowerCase() === 'select')
-  	      R = $(dom)
-  	        .find('option')
-  	        .filter(function () {
-  	          return this.selected;
-  	        })
-  	        .pluck('value');
-  	    else if (dom.type === 'checkbox' && $.isDom(value)) {
-  	      const el = value;
-  	      const name = this.attr('name');
-  	      const ns = $(`input[name=${name}]:checked`, el);
-  	      R = ns.pluck('value');
-  	    } else if (dom.type === 'radio' && $.isDom(value)) {
-  	      const el = value;
-  	      const name = this.attr('name');
-  	      const n = $(`input[name=${name}]:checked`, el);
-  	      if (n && n.length) R = n[0].value;
-  	    }
-  	  }
-
-  	  return R;
-  	}
-
-  	// Transforms
-  	// eslint-disable-next-line
-  	function transform(transform) {
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    const elStyle = this[i].style;
-  	    elStyle.webkitTransform = transform;
-  	    elStyle.transform = transform;
-  	  }
-  	  return this;
-  	}
-  	function transition(duration) {
-  	  if (typeof duration !== 'string') {
-  	    duration = `${duration}ms`; // eslint-disable-line
-  	  }
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    const elStyle = this[i].style;
-  	    elStyle.webkitTransitionDuration = duration;
-  	    elStyle.transitionDuration = duration;
-  	  }
-  	  return this;
-  	}
-
-  	/**
-  	 * 事件响应，第一个参数为event，
-  	 * 第二个参数为this，解决类事件函数this绑定到对象无法获得事件this问题。
-  	 * targetSelector 目标选择器，常用于容器中的click、change事件，
-  	 *   根据触发源target动态向上查找指定元素
-  	 * 事件响应，dom事件中的 event作为第一个参数，其他为扩展参数
-  	 * trigger触发时，可带扩展参数，扩展参数通过el的 wiaDomEventData 传递
-  	 * 触摸屏，click 300ms 有延迟，改用 touch 实现立即触发
-  	 * 避免click穿透，touch触发click事件后，禁止300ms后的click事件
-  	 * swipe 滑动事件上下左右四个方向，滑动距离超过10px，则触发回调函数
-  	 *   触发回调函数，参数为 (ev, {x, y})，x y互斥，只有一个有值
-  	 * press 按压事件，超过 1秒，移动距离小于 5px，为 press 事件
-  	 */
-  	function on(...args) {
-  	  let [eventType, targetSelector, listener, capture] = args;
-
-  	  if (typeof args[1] === 'function') {
-  	    [eventType, listener, capture] = args;
-  	    targetSelector = undefined;
-  	  }
-
-  	  // 封装需动态查找目标元素的事件回调函数
-  	  function liveHandler(ev, sender, ...evs) {
-  	    const n = ev.target; // 事件源，不能用this
-  	    if (!n) return;
-
-  	    const {eventType: evType, selector, liveProxy: fn} = liveHandler;
-
-  	    // 向上查找符合选择器元素，找到一个即触发，其他符合选择器不触发
-  	    // f7是查找所有符合选择器父元素，全部触发，实际使用中，只需最近的元素触发，无需全部触发！
-  	    const el = $(n).closest(selector)?.dom; // live事件函数，目标选择器对象，替换真正的this
-  	    // console.log('liveHandler ', {listener: this, selector, event: ev, target: n, upper: $n?.dom});
-  	    // debugger;
-  	    if (el && (evType !== 'click' || canClick(el, fn))) {
-  	      const param = [ev, el, ...evs]; // 符合元素作为事件函数第二个参数
-  	      fn.apply(n, param); // this 指向符合选择器元素
-  	    }
-  	  }
-
-  	  // 带有目标选择器，回调函数转换为 liveHandler
-  	  if (targetSelector) {
-  	    liveHandler.selector = targetSelector;
-  	    liveHandler.liveProxy = listener;
-  	    liveHandler.eventType = eventType;
-  	    return this.on(eventType, liveHandler, capture);
-  	  }
-
-  	  if (!capture) capture = false;
-
-  	  // 事件响应，dom事件中的 event作为第一个参数
-  	  // trigger通过el的 wiaDomEventData 带额外参数，
-  	  function handleEvent(ev, ...vs) {
-  	    const ds = ev?.target?.wiaDomEventData ?? [];
-  	    const param = [ev, this, ...vs, ...ds];
-
-  	    // console.log('handleEvent ', {listener: this, event: ev, target: ev?.target});
-  	    listener.apply(this, param);
-  	  }
-
-  	  /**
-  	   * 同一节点、同一事件函数，过500毫秒才能重复触发click事件，避免连击时连续触发同一函数
-  	   * @param {*} el 元素节点
-  	   * @param {*} fn 事件函数
-  	   * @returns
-  	   */
-  	  function canClick(el, fn) {
-  	    let R = true;
-
-  	    if (!el || !fn) return false;
-
-  	    // 排除live、once封装代理函数，排除 document等非元素节点，主要针对 button、link、div
-  	    if (fn.liveProxy || fn.onceProxy || el.nodeType !== 1) return true;
-
-  	    try {
-  	      // disabled not trigger event
-  	      if (el.clickDisabled?.has?.(fn)) {
-  	        // ev.stopPropagation(); // 阻止事件冒泡，会阻止live和对同一节点的多侦听事件
-  	        console.log('duplicate click disabled.');
-  	        R = false;
-  	      } else {
-  	        // 阻止连击  Prevent duplicate clicks
-  	        if (!el.clickDisabled) el.clickDisabled = new Set();
-  	        el.clickDisabled.add(fn);
-  	        setTimeout(() => el.clickDisabled.delete(fn), 200); // wait 500 ms, can click again
-  	      }
-  	    } catch (ex) {
-  	      console.log('canClick exp:', ex.message);
-  	    }
-
-  	    return R;
-  	  }
-
-  	  // Prevent duplicate clicks
-  	  // click事件响应，dom事件中的 event作为第一个参数，其他为扩展参数
-  	  function clickEvent(ev) {
-  	    // console.log('clickEvent ', {listener: this, event: ev, target: ev?.target});
-  	    const el = this;
-
-  	    if (!canClick(el, listener)) return false;
-
-  	    const ds = ev?.target?.wiaDomEventData || [];
-  	    const param = [ev, this, ...ds];
-  	    listener.apply(this, param);
-  	  }
-
-  	  // on 函数内共享闭包变量
-  	  const touch = {};
-  	  function touchStart(ev) {
-  	    // console.log('touchStart');
-
-  	    // ev.preventDefault(); // 默认行为为滚动屏幕，调用则禁止屏幕滚动，比如屏幕上画画，就需要禁止屏幕滚动
-  	    // touch.x = e.targetTouches[0].pageX; // pageX 相对文档的位置
-  	    touch.x = ev.targetTouches[0].pageX; // targetTouches clientX 可见视口位置，pageX 文档位置
-  	    touch.y = ev.targetTouches[0].pageY;
-  	    touch.el = $(ev.target);
-  	    touch.top = touch.el.rect()?.top ?? 0;
-  	    touch.left = touch.el.rect()?.left ?? 0;
-  	    touch.time = new Date().getTime();
-  	    touch.trigger = false;
-  	    touch.scrollY = false;
-  	    const pg = touch.el.closest('.page-content').dom;
-  	    if (pg) {
-  	      touch.scrollY = true;
-  	      if (pg.scrollTop === 0 || pg.scrollTop + pg.clientHeight === pg.scrollHeight)
-  	        touch.scrollY = false;
-  	    }
-  	  }
-
-  	  // swipe 滑动事件
-  	  function touchMove(ev) {
-  	    // console.log('touchMove');
-  	    if (eventType !== 'swipe' || touch.trigger) return;
-
-  	    const x = Math.round(ev.targetTouches[0].pageX - touch.x);
-  	    const y = Math.round(ev.targetTouches[0].pageY - touch.y);
-  	    const top = Math.round((touch.el.rect()?.top ?? 0) - touch.top);
-  	    const left = Math.round((touch.el.rect()?.left ?? 0) - touch.left);
-
-  	    // 计算手指在屏幕上的滑动距离，减掉页面跟随手指滚动的距离
-  	    const mx = Math.abs(x - left);
-  	    const my = Math.abs(y - top);
-
-  	    // 页面不滚动，滑动超过12px，触发滑动事件，页面滚动则不触发
-  	    if (my > 15 && mx < 8 && top === 0 && !touch.scrollY) {
-  	      // e.preventDefault(); // 滑动不会产生onclick事件！ 不阻止后续的 onclick 事件，否则后续onclick 不会触发
-  	      touch.trigger = true; // move 会反复触发，事件只触发一次
-  	      return handleEvent.call(this, ev, {x: 0, y});
-  	    }
-
-  	    if (mx > 12 && my < 8 && left === 0 && top === 0) {
-  	      // e.preventDefault(); // 滑动不会产生onclick事件！ 不阻止后续的 onclick 事件，否则后续onclick 不会触发
-  	      touch.trigger = true; // move 会反复触发，事件只触发一次
-  	      return handleEvent.call(this, ev, {x, y: 0});
-  	    }
-  	  }
-
-  	  // 同时具备 press click，需分开两个函数侦听，触发两次，否则只能触发一次
-  	  function clickEnd(ev) {
-  	    return touchEnd.call(this, ev);
-  	  }
-
-  	  function pressEnd(ev) {
-  	    return touchEnd.call(this, ev);
-  	  }
-
-  	  // touch click 和 press 事件，与onclick事件需二选一，使用 touch click，不会抑制后续的onclick事件。
-  	  // 如果上层有click事件，客户端需调用e.preventDefault()来阻止穿透。
-  	  function touchEnd(ev) {
-  	    // console.log('touchEnd', {eventType});
-  	    if (eventType !== 'click' && eventType !== 'press') return;
-  	    touch.trigger = false;
-  	    const x = Math.abs(ev.changedTouches[0].pageX - touch.x);
-  	    const y = Math.abs(ev.changedTouches[0].pageY - touch.y);
-  	    const tm = new Date().getTime() - touch.time;
-  	    // console.log('touchEnd', {x, y, tm});
-  	    if (x <= 5 && y <= 5) {
-  	      // 由于在层中使用click，禁止缺省行为后，层中的输入框、下拉框等均失效
-  	      // 阻止后续的 onclick 事件，可在按钮中实现，否则页面变动后，后续onclick 事件会触发在其他节点上，导致点击穿透错误！
-  	      // ev.preventDefault();
-  	      if (tm < 500 && eventType === 'click') return clickEvent.call(this, ev);
-  	      if (tm > 500 && eventType === 'press') return handleEvent.call(this, ev);
-  	    }
-  	  }
-
-  	  const events = eventType.split(' ');
-  	  let j;
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    const el = this[i];
-  	    // 未设置目标选择器
-  	    for (j = 0; j < events.length; j += 1) {
-  	      const event = events[j];
-  	      // 侦听事件和函数，保存到el属性中，方便off
-  	      if (!el.domListeners) el.domListeners = {};
-  	      // 事件对应的函数数组，每个函数都要addEventListener，才能接收事件回调
-  	      if (!el.domListeners[event]) el.domListeners[event] = [];
-
-  	      // 触摸屏，touch 代替 click，proxyListener 事件处理代理，domListeners 保存在el上
-  	      if ($.support.touch && (event === 'click' || event === 'swipe' || event === 'press')) {
-  	        const lis = {
-  	          capture,
-  	          listener,
-  	          proxyListener: [touchStart],
-  	        };
-
-  	        let passive = capture;
-  	        if (event === 'swipe') {
-  	          if ($.support.passiveListener) passive = {passive: true, capture};
-  	          lis.proxyListener.push(touchMove);
-  	        } else if (event === 'click') lis.proxyListener.push(clickEnd);
-  	        else if (event === 'press') lis.proxyListener.push(pressEnd);
-
-  	        el.domListeners[event].push(lis);
-  	        lis.proxyListener.forEach(fn => {
-  	          let type = '';
-  	          // fn.name 会被优化，不可使用
-  	          switch (fn) {
-  	            case touchStart:
-  	              type = 'touchstart';
-  	              break;
-  	            case touchMove:
-  	              type = 'touchmove';
-  	              break;
-  	            case clickEnd:
-  	              type = 'touchend';
-  	              break;
-  	            case pressEnd:
-  	              type = 'touchend';
-  	              break;
-  	          }
-  	          // console.log('touch', {type, fn: fn.name, passive});
-  	          el.addEventListener(type, fn, passive);
-  	        });
-  	      } else if (event === 'click') {
-  	        el.domListeners[event].push({
-  	          capture,
-  	          listener,
-  	          proxyListener: clickEvent,
-  	        });
-  	        el.addEventListener(event, clickEvent, capture);
-  	      } else {
-  	        // 其他事件
-  	        el.domListeners[event].push({
-  	          capture,
-  	          listener,
-  	          proxyListener: handleEvent,
-  	        });
-  	        el.addEventListener(event, handleEvent, capture);
-  	      }
-  	    }
-  	  }
-
-  	  return this;
-  	}
-
-  	/**
-  	 * 解除事件侦听
-  	 * @param  {...any} args
-  	 * @param  {String} event 事件，必选
-  	 * listener 侦听函数，不传，则解除所有侦听
-  	 * capture：不传默认为false，如果on时为true，off时需传true
-  	 * targetSelector：多余参数，兼容f7
-  	 * @returns
-  	 */
-  	function off(...args) {
-  	  let [eventType, targetSelector, listener, capture] = args;
-  	  if (typeof args[1] === 'function') {
-  	    [eventType, listener, capture] = args;
-  	    targetSelector = undefined;
-  	  }
-  	  if (!capture) capture = false;
-
-  	  const events = eventType.split(' ');
-  	  for (let i = 0; i < events.length; i += 1) {
-  	    const event = events[i];
-  	    for (let j = 0; j < this.length; j += 1) {
-  	      const el = this[j];
-  	      const handlers = el?.domListeners[event];
-  	      if (handlers?.length) {
-  	        for (let k = handlers.length - 1; k >= 0; k -= 1) {
-  	          const handler = handlers[k]; // 事件响应对象数组
-  	          // 未封装，直接匹配，解除指定的侦听
-  	          if (handler?.listener === listener && handler?.capture === capture) {
-  	            // 解除额外添加的侦听
-  	            if ((event === 'click' || event === 'swipe' || event === 'press') && $.support.touch) {
-  	              el.removeEventListener('touchstart', handler.proxyListener[0], handler.capture);
-
-  	              if (event === 'swipe')
-  	                el.removeEventListener('touchmove', handler.proxyListener[1], handler.capture);
-  	              else el.removeEventListener('touchend', handler.proxyListener[1], handler.capture);
-  	            } else el.removeEventListener(event, handler.proxyListener, handler.capture);
-  	            handlers.splice(k, 1);
-  	          } else if (
-  	            listener &&
-  	            handler?.listener?.onceProxy === listener &&
-  	            handler?.capture === capture
-  	          ) {
-  	            // once
-  	            el.removeEventListener(event, handler.proxyListener, handler.capture);
-  	            handlers.splice(k, 1);
-  	          } else if (
-  	            listener &&
-  	            targetSelector &&
-  	            handler?.listener?.liveProxy === listener &&
-  	            handler?.listener?.selector === targetSelector &&
-  	            handler?.capture === capture
-  	          ) {
-  	            // 指定选择器 live
-  	            el.removeEventListener(event, handler.proxyListener, handler.capture);
-  	            handlers.splice(k, 1);
-  	          } else if (
-  	            listener &&
-  	            !targetSelector &&
-  	            handler?.listener?.liveProxy === listener &&
-  	            handler?.capture === capture
-  	          ) {
-  	            // 不指定选择器，所有 live
-  	            el.removeEventListener(event, handler.proxyListener, handler.capture);
-  	            handlers.splice(k, 1);
-  	          } else if (!listener) {
-  	            // 不指定函数，解除该元素所有侦听
-  	            el.removeEventListener(event, handler.proxyListener, handler.capture);
-  	            handlers.splice(k, 1);
-  	          }
-  	        }
-  	      }
-  	    }
-  	  }
-  	  return this;
-  	}
-
-  	function once(...args) {
-  	  const self = this;
-  	  let [eventName, targetSelector, listener, capture] = args;
-  	  if (typeof args[1] === 'function') {
-  	    [eventName, listener, capture] = args;
-  	    targetSelector = undefined;
-  	  }
-  	  // 封装 回调函数，执行一次后自动 off
-  	  function onceHandler(...eventArgs) {
-  	    self.off(eventName, targetSelector, onceHandler, capture);
-  	    if (onceHandler.onceProxy) {
-  	      onceHandler.onceProxy.apply(this, eventArgs);
-  	      delete onceHandler.onceProxy;
-  	    }
-  	  }
-  	  onceHandler.onceProxy = listener;
-  	  return self.on(eventName, targetSelector, onceHandler, capture);
-  	}
-
-  	/**
-  	 * 触发事件函数
-  	 * 第一个数据参数放入回调函数第一个参数event事件的 detail 属性中！
-  	 * 扩展参数放入el的wiaDomEventData属性传递，触发时带入事件回调函数参数中！
-  	 * @param  {...any} args
-  	 * @returns
-  	 */
-  	function trigger(...args) {
-  	  const events = args[0].split(' ');
-  	  const eventData = args[1];
-  	  for (let i = 0; i < events.length; i += 1) {
-  	    const event = events[i];
-  	    for (let j = 0; j < this.length; j += 1) {
-  	      const el = this[j];
-  	      let evt;
-  	      try {
-  	        evt = new window.CustomEvent(event, {
-  	          detail: eventData,
-  	          bubbles: true,
-  	          cancelable: true,
-  	        });
-  	      } catch (e) {
-  	        evt = document.createEvent('Event');
-  	        evt.initEvent(event, true, true);
-  	        evt.detail = eventData;
-  	      }
-  	      // eslint-disable-next-line
-  	      el.wiaDomEventData = args.filter((data, dataIndex) => dataIndex > 0);
-  	      el.dispatchEvent(evt); // el === event.target
-  	      el.wiaDomEventData = [];
-  	      delete el.wiaDomEventData;
-  	    }
-  	  }
-  	  return this;
-  	}
-
-  	function transitionEnd(callback) {
-  	  const events = ['webkitTransitionEnd', 'transitionend'];
-  	  const dom = this;
-  	  let i;
-  	  function fireCallBack(e) {
-  	    /* jshint validthis:true */
-  	    if (e.target !== this) return;
-  	    callback.call(this, e);
-  	    for (i = 0; i < events.length; i += 1) {
-  	      dom.off(events[i], fireCallBack);
-  	    }
-  	  }
-  	  if (callback) {
-  	    for (i = 0; i < events.length; i += 1) {
-  	      dom.on(events[i], fireCallBack);
-  	    }
-  	  }
-  	  return this;
-  	}
-
-  	function animationEnd(callback) {
-  	  const events = ['webkitAnimationEnd', 'animationend'];
-  	  const dom = this;
-  	  let i;
-  	  function fireCallBack(e) {
-  	    if (e.target !== this) return;
-  	    callback.call(this, e);
-  	    for (i = 0; i < events.length; i += 1) {
-  	      dom.off(events[i], fireCallBack);
-  	    }
-  	  }
-  	  if (callback) {
-  	    for (i = 0; i < events.length; i += 1) {
-  	      dom.on(events[i], fireCallBack);
-  	    }
-  	  }
-  	  return this;
-  	}
-
-  	// Sizing/Styles
-  	function width() {
-  	  if (this[0] === window) {
-  	    return window.innerWidth;
-  	  }
-
-  	  if (this.length > 0) {
-  	    return parseFloat(this.css('width'));
-  	  }
-
-  	  return null;
-  	}
-  	function outerWidth(includeMargins) {
-  	  if (this.length > 0) {
-  	    if (includeMargins) {
-  	      // eslint-disable-next-line
-  	      const styles = this.styles();
-  	      return (
-  	        this[0].offsetWidth +
-  	        parseFloat(styles.getPropertyValue('margin-right')) +
-  	        parseFloat(styles.getPropertyValue('margin-left'))
-  	      );
-  	    }
-  	    return this[0].offsetWidth;
-  	  }
-  	  return null;
-  	}
-  	function height() {
-  	  if (this[0] === window) {
-  	    return window.innerHeight;
-  	  }
-
-  	  if (this.length > 0) {
-  	    return parseFloat(this.css('height'));
-  	  }
-
-  	  return null;
-  	}
-  	function outerHeight(includeMargins) {
-  	  if (this.length > 0) {
-  	    if (includeMargins) {
-  	      // eslint-disable-next-line
-  	      const styles = this.styles();
-  	      return (
-  	        this[0].offsetHeight +
-  	        parseFloat(styles.getPropertyValue('margin-top')) +
-  	        parseFloat(styles.getPropertyValue('margin-bottom'))
-  	      );
-  	    }
-  	    return this[0].offsetHeight;
-  	  }
-  	  return null;
-  	}
-
-  	/**
-  	 * 兼容 jQuery，dom7 是错误的
-  	 * wia 中，window 滚动被 .page-content 页面层替代
-  	 */
-  	function offset(coordinates) {
-  	  if (coordinates)
-  	    return this.each(function (idx) {
-  	      var $this = $(this),
-  	        coords = $.funcArg(this, coordinates, idx, $this.offset()),
-  	        parentOffset = $this.offsetParent().offset(),
-  	        props = {
-  	          top: coords.top - parentOffset.top,
-  	          left: coords.left - parentOffset.left,
-  	        };
-
-  	      if ($this.css('position') === 'static') props.position = 'relative';
-  	      $this.css(props);
-  	    });
-  	  if (!this.length) return null;
-  	  if (document.documentElement !== this[0] && !$.contains(document.documentElement, this[0]))
-  	    return {top: 0, left: 0};
-  	  const obj = this[0].getBoundingClientRect();
-  	  const pg = this.closest('.page-content');
-  	  const scrollX = pg.length ? pg.dom.scrollLeft : window.pageXOffset;
-  	  const scrollY = pg.length ? pg.dom.scrollTop : window.pageYOffset;
-  	  return {
-  	    left: obj.left + scrollX,
-  	    top: obj.top + scrollY,
-  	    width: Math.round(obj.width),
-  	    height: Math.round(obj.height),
-  	  };
-  	}
-
-  	function rect() {
-  	  if (!this.length) return null;
-  	  if (document.documentElement !== this[0] && !$.contains(document.documentElement, this[0]))
-  	    return {top: 0, left: 0};
-  	  const obj = this[0].getBoundingClientRect();
-  	  return {
-  	    left: obj.left,
-  	    top: obj.top,
-  	    width: Math.round(obj.width),
-  	    height: Math.round(obj.height),
-  	  };
-  	}
-
-  	function position() {
-  	  if (!this.length) return;
-
-  	  var elem = this[0],
-  	    // Get *real* offsetParent
-  	    offsetParent = this.offsetParent(),
-  	    // Get correct offsets
-  	    offset = this.offset(),
-  	    parentOffset = rootNodeRE.test(offsetParent[0].nodeName)
-  	      ? {top: 0, left: 0}
-  	      : offsetParent.offset();
-
-  	  // Subtract element margins
-  	  // note: when an element has margin: auto the offsetLeft and marginLeft
-  	  // are the same in Safari causing offset.left to incorrectly be 0
-  	  offset.top -= parseFloat($(elem).css('margin-top')) || 0;
-  	  offset.left -= parseFloat($(elem).css('margin-left')) || 0;
-
-  	  // Add offsetParent borders
-  	  parentOffset.top += parseFloat($(offsetParent[0]).css('border-top-width')) || 0;
-  	  parentOffset.left += parseFloat($(offsetParent[0]).css('border-left-width')) || 0;
-
-  	  // Subtract the two offsets
-  	  return {
-  	    top: offset.top - parentOffset.top,
-  	    left: offset.left - parentOffset.left,
-  	  };
-  	}
-
-  	function offsetParent() {
-  	  return this.map(function () {
-  	    let pt = this.offsetParent || document.body;
-  	    while (pt && !rootNodeRE.test(pt.nodeName) && $(pt).css('position') == 'static')
-  	      pt = pt.offsetParent;
-  	    return pt;
-  	  });
-  	}
-
-  	function hide() {
-  	  return this.each(function () {
-  	    if (this.style.display !== 'none') this.style.display = 'none';
-  	  });
-  	}
-
-  	function defaultDisplay(nodeName) {
-  	  if (!elementDisplay[nodeName]) {
-  	    const el = document.createElement(nodeName);
-  	    document.body.appendChild(el);
-  	    let display = getComputedStyle(el, '').getPropertyValue('display');
-  	    el.parentNode.removeChild(el);
-  	    display === 'none' && (display = 'block');
-  	    elementDisplay[nodeName] = display;
-  	  }
-  	  return elementDisplay[nodeName];
-  	}
-
-  	function show() {
-  	  return this.each(function () {
-  	    this.style.display === 'none' && (this.style.display = '');
-  	    // Still not visible
-  	    if (getComputedStyle(this, '').getPropertyValue('display') === 'none')
-  	      this.style.display = defaultDisplay(this.nodeName); // block
-  	  });
-
-  	  /*
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    const el = this[i];
-  	    if (el.style.display === 'none') {
-  	      el.style.display = '';
-  	    }
-  	    if (window.getComputedStyle(el, null).getPropertyValue('display') === 'none') {
-  	      // Still not visible
-  	      el.style.display = 'block';
-  	    }
-  	  }
-  	  return this;
-  		*/
-  	}
-
-  	function replaceWith(newContent) {
-  	  return this.before(newContent).remove();
-  	}
-
-  	function styles() {
-  	  if (this[0]) return window.getComputedStyle(this[0], null);
-  	  return {};
-  	}
-
-  	function css(props, value) {
-  	  const REGEXP_SUFFIX = /^width|height|left|top|marginLeft|marginTop|paddingLeft|paddingTop$/;
-
-  	  let i;
-  	  if (arguments.length === 1) {
-  	    if (typeof props === 'string') {
-  	      if (this[0]) return window.getComputedStyle(this[0], null).getPropertyValue(props);
-  	    } else {
-  	      for (i = 0; i < this.length; i += 1) {
-  	        // eslint-disable-next-line
-  	        for (let prop in props) {
-  	          let v = props[prop];
-  	          if (REGEXP_SUFFIX.test(prop) && $.isNumber(v)) v = `${v}px`;
-
-  	          this[i].style[prop] = v;
-  	        }
-  	      }
-  	      return this;
-  	    }
-  	  }
-  	  if (arguments.length === 2 && typeof props === 'string') {
-  	    for (i = 0; i < this.length; i += 1) {
-  	      let v = value;
-  	      if (REGEXP_SUFFIX.test(props) && $.isNumber(v)) v = `${v}px`;
-
-  	      this[i].style[props] = v;
-  	    }
-  	    return this;
-  	  }
-  	  return this;
-  	}
-
-  	function each(callback) {
-  	  emptyArray.some.call(this, function (el, idx) {
-  	    return callback.call(el, idx, el) === false; // 退出
-  	  });
-  	  return this;
-  	}
-
-  	function forEach(callback) {
-  	  emptyArray.some.call(this, function (el, idx) {
-  	    return callback.call(el, el, idx) === false;
-  	  });
-  	  return this;
-  	}
-
-  	function some(callback) {
-  	  return emptyArray.some.call(this, function (el, idx) {
-  	    return callback.call(el, el, idx);
-  	  });
-  	}
-
-  	function every(callback) {
-  	  return emptyArray.every.call(this, function (el, idx) {
-  	    return callback.call(el, el, idx);
-  	  });
-  	}
-
-  	/*
-  	// Iterate over the collection passing elements to `callback`
-  	function each(callback) {
-  	  // Don't bother continuing without a callback
-  	  if (!callback) return this;
-  	  // Iterate over the current collection
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    // If the callback returns false
-  	    if (callback.call(this[i], i, this[i]) === false) {
-  	      // End the loop early
-  	      return this;
-  	    }
-  	  }
-  	  // Return `this` to allow chained DOM operations
-  	  return this;
-  	}
-  	function forEach(callback) {
-  	  // Don't bother continuing without a callback
-  	  if (!callback) return this;
-  	  // Iterate over the current collection
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    // If the callback returns false
-  	    if (callback.call(this[i], this[i], i) === false) {
-  	      // End the loop early
-  	      return this;
-  	    }
-  	  }
-  	  // Return `this` to allow chained DOM operations
-  	  return this;
-  	}
-  	*/
-
-  	/**
-  	 * 排除 dom 节点
-  	 * @param {*} sel 函数、nodeList、选择器
-  	 * @returns Dom对象
-  	 */
-  	function not(sel) {
-  	  const R = [];
-  	  if ($.isFunction(sel) && sel.call)
-  	    this.each(function (id) {
-  	      if (!sel.call(this, id)) R.push(this);
-  	    });
-  	  else {
-  	    var excludes =
-  	      typeof sel == 'string'
-  	        ? this.filter(sel)
-  	        : likeArray(sel) && isFunction(sel.item)
-  	        ? emptyArray.slice.call(sel)
-  	        : $(sel);
-  	    this.forEach(function (el) {
-  	      if (excludes.indexOf(el) < 0) R.push(el);
-  	    });
-  	  }
-  	  return $(R);
-  	}
-
-  	/**
-  	 * 过滤符合要求的dom节点的Dom对象
-  	 * @param {*} sel
-  	 * @returns
-  	 */
-  	function filter(sel) {
-  	  let R = [];
-  	  try {
-  	    // 回调函数
-  	    if ($.isFunction(sel) && sel.call) {
-  	      this.each(function (id, it) {
-  	        if (sel.call(this, id, it)) R.push(this);
-  	      });
-  	    } else
-  	      R = emptyArray.filter.call(this, function (el) {
-  	        return $.matches(el, sel);
-  	      });
-  	  } catch (e) {}
-
-  	  return $(R);
-  	}
-
-  	function map(cb) {
-  	  return $(
-  	    $.map(this, function (el, i) {
-  	      return cb.call(el, i, el);
-  	    })
-  	  );
-  	}
-
-  	function clone() {
-  	  return this.map(function () {
-  	    return this.cloneNode(true);
-  	  });
-  	}
-
-  	function html(v) {
-  	  return 0 in arguments
-  	    ? this.each(function (idx) {
-  	        var originHtml = this.innerHTML;
-  	        $(this).empty().append($.funcArg(this, v, idx, originHtml));
-  	      })
-  	    : 0 in this
-  	    ? this[0].innerHTML
-  	    : undefined;
-  	}
-
-  	/**
-  	 * 返回数组节点指定属性数组
-  	 * @param {*} p
-  	 * @returns
-  	 */
-  	function pluck(p) {
-  	  return $.map(this, function (el) {
-  	    return el[p];
-  	  });
-  	}
-
-  	function text(tx) {
-  	  return 0 in arguments
-  	    ? this.each(function (idx) {
-  	        var newText = $.funcArg(this, tx, idx, this.textContent);
-  	        this.textContent = newText == null ? '' : '' + newText;
-  	      })
-  	    : 0 in this
-  	    ? this.pluck('textContent').join('')
-  	    : undefined;
-  	}
-
-  	function is(sel) {
-  	  return this.length > 0 && $.matches(this[0], sel);
-  	}
-
-  	function indexOf(el) {
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    if (this[i] === el) return i;
-  	  }
-  	  return -1;
-  	}
-  	function index() {
-  	  let chd = this[0];
-  	  let i;
-  	  if (chd) {
-  	    i = 0;
-  	    // eslint-disable-next-line
-  	    while ((chd = chd.previousSibling) !== null) {
-  	      if (chd.nodeType === 1) i += 1;
-  	    }
-  	    return i;
-  	  }
-  	  return undefined;
-  	}
-
-  	function slice(...args) {
-  	  return $(emptyArray.slice.apply(this, args));
-  	}
-
-  	/**
-  	 * 返回指定索引dom元素的Dom对象
-  	 * @param {*} idx
-  	 */
-  	function eq(idx) {
-  	  if (typeof idx === 'undefined') return this;
-  	  const {length} = this;
-  	  if (idx > length - 1 || length + idx < 0) {
-  	    return $();
-  	  }
-  	  return idx === -1 ? this.slice(idx) : this.slice(idx, +idx + 1);
-  	}
-
-  	function first() {
-  	  const el = this[0];
-  	  return el && !$.isObject(el) ? el : $(el);
-  	}
-
-  	function last() {
-  	  const el = this[this.length - 1];
-  	  return el && !$.isObject(el) ? el : $(el);
-  	}
-
-  	/**
-  	 * 同级后节点，如果符合条件返回节点，不符合条件，返回空节点，不含文本节点
-  	 */
-  	function next(selector) {
-  	  if (this.length > 0) {
-  	    if (selector) {
-  	      if (this[0].nextElementSibling && $(this[0].nextElementSibling).is(selector)) {
-  	        return $([this[0].nextElementSibling]);
-  	      }
-  	      return $();
-  	    }
-
-  	    if (this[0].nextElementSibling) return $([this[0].nextElementSibling]);
-  	    return $();
-  	  }
-  	  return $();
-  	}
-
-  	/**
-  	 * 同级向后查找符合条件的第一个元素节点，不含文本节点
-  	 */
-  	function nextNode(selector) {
-  	  const nextEls = [];
-  	  const el = this[0];
-  	  if (!el) return $();
-
-  	  let next = el.nextElementSibling; // eslint-disable-line
-  	  while (next) {
-  	    if (selector) {
-  	      if ($(next).is(selector)) {
-  	        nextEls.push(next);
-  	        break;
-  	      }
-  	    } else {
-  	      nextEls.push(next);
-  	      break;
-  	    }
-  	    next = next.nextElementSibling;
-  	  }
-  	  return $(nextEls);
-  	}
-
-  	/**
-  	 * 同级向后查找所有符合条件的元素节点，不含文本节点
-  	 */
-  	function nextAll(selector) {
-  	  const nextEls = [];
-  	  let el = this[0];
-  	  if (!el) return $();
-  	  while (el.nextElementSibling) {
-  	    const next = el.nextElementSibling; // eslint-disable-line
-  	    if (selector) {
-  	      if ($(next).is(selector)) nextEls.push(next);
-  	    } else nextEls.push(next);
-  	    el = next;
-  	  }
-  	  return $(nextEls);
-  	}
-
-  	/**
-  	 * 同级前节点，如果符合条件返回节点，不符合条件，返回空节点，不含文本节点
-  	 */
-  	function prev(selector) {
-  	  if (this.length > 0) {
-  	    const el = this[0];
-  	    if (selector) {
-  	      if (el.previousElementSibling && $(el.previousElementSibling).is(selector)) {
-  	        return $([el.previousElementSibling]);
-  	      }
-  	      return $();
-  	    }
-
-  	    if (el.previousElementSibling) return $([el.previousElementSibling]);
-  	    return $();
-  	  }
-  	  return $();
-  	}
-
-  	/**
-  	 * 同级向前查找符合条件的第一个元素节点，不含文本节点
-  	 */
-  	function prevNode(selector) {
-  	  const prevEls = [];
-  	  const el = this[0];
-  	  if (!el) return $();
-
-  	  let prev = el.previousElementSibling; // eslint-disable-line
-  	  while (prev) {
-  	    if (selector) {
-  	      if ($(prev).is(selector)) {
-  	        prevEls.push(prev);
-  	        break;
-  	      }
-  	    } else {
-  	      prevEls.push(prev);
-  	      break;
-  	    }
-  	    prev = prev.previousElementSibling;
-  	  }
-  	  return $(prevEls);
-  	}
-
-  	/**
-  	 * 同级向前查找所有符合条件的元素节点，不含文本节点
-  	 */
-  	function prevAll(selector) {
-  	  const prevEls = [];
-  	  let el = this[0];
-  	  if (!el) return $();
-  	  while (el.previousElementSibling) {
-  	    const prev = el.previousElementSibling; // eslint-disable-line
-  	    if (selector) {
-  	      if ($(prev).is(selector)) prevEls.push(prev);
-  	    } else prevEls.push(prev);
-  	    el = prev;
-  	  }
-  	  return $(prevEls);
-  	}
-
-  	/**
-  	 * 同级前后所有兄弟元素节点，不含文本节点
-  	 */
-  	function siblings(selector) {
-  	  return this.nextAll(selector).add(this.prevAll(selector));
-  	}
-
-  	/**
-  	 * 所有dom节点符合条件的父元素
-  	 */
-  	function parent(selector) {
-  	  const parents = []; // eslint-disable-line
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    if (this[i].parentNode !== null) {
-  	      if (selector) {
-  	        if ($(this[i].parentNode).is(selector)) parents.push(this[i].parentNode);
-  	      } else {
-  	        parents.push(this[i].parentNode);
-  	      }
-  	    }
-  	  }
-  	  return $($.uniq(parents));
-  	}
-
-  	/**
-  	 * 从当前元素的父元素开始沿 DOM 树向上,获得匹配选择器的所有祖先元素。
-  	 */
-  	function parents(selector) {
-  	  const parents = []; // eslint-disable-line
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    let parent = this[i].parentNode; // eslint-disable-line
-  	    while (parent) {
-  	      if (selector) {
-  	        if ($(parent).is(selector)) parents.push(parent);
-  	      } else parents.push(parent);
-
-  	      parent = parent.parentNode;
-  	    }
-  	  }
-  	  return $($.uniq(parents));
-  	}
-
-  	/**
-  	 * 从当前元素的父元素开始沿 DOM 树向上,获得匹配选择器的第一个祖先元素。
-  	 * 选择器为空，则返回 空
-  	 */
-  	function parentNode(sel) {
-  	  const R = [];
-
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    let pn = this[i].parentNode;
-  	    while (pn) {
-  	      if (sel) {
-  	        if ($(pn).is(sel)) {
-  	          R.push(pn);
-  	          return $(R, sel);
-  	        }
-  	      } else {
-  	        R.push(pn);
-  	        return $(R, sel);
-  	      }
-
-  	      pn = pn.parentNode;
-  	    }
-  	  }
-  	  return $(R, sel);
-  	}
-
-  	/**
-  	 * 从当前元素开始沿 DOM 树向上,获得匹配选择器的第一个祖先元素。
-  	 * 当前节点符合，则返回当前节点
-  	 * 选择器为空，则返回 空
-  	 */
-  	function closest(sel) {
-  	  let self = this; // eslint-disable-line
-  	  if (typeof sel === 'undefined') return $();
-
-  	  // ~开头，按 name 属性查找
-  	  if (sel[0] === '~') sel = `[name=${sel.substr(1)}]`;
-
-  	  if (!self.is(sel)) {
-
-  	    for (let i = 0; i < this.length; i += 1) {
-  	      let parent = this[i].parentNode; // eslint-disable-line
-  	      while (parent) {
-  	        const d = $(parent);
-  	        if (d.is(sel)) return d;
-
-  	        parent = parent.parentNode;
-  	      }
-  	    }
-
-  	    return $();
-  	  }
-
-  	  return self;
-  	}
-
-  	function upper(sel) {
-  	  return closest.bind(this)(sel);
-  	}
-
-  	/**
-  	 * 后代中所有适合选择器的元素
-  	 * @param {*} sel
-  	 */
-  	function find(sel) {
-  	  let R = null;
-  	  if (!sel) return $();
-
-  	  // ~开头，按 name 属性查找
-  	  if (sel[0] === '~') sel = `[name=${sel.substr(1)}]`;
-
-  	  const self = this;
-  	  // 选择器为对象
-  	  if (typeof sel === 'object')
-  	    R = $(sel).filter(function () {
-  	      const node = this;
-  	      return emptyArray.some.call(self, function (pn) {
-  	        return $.contains(pn, node);
-  	      });
-  	    });
-  	  else if (this.length === 1) R = $($.qsa(sel, this[0]));
-  	  else
-  	    R = this.map(function () {
-  	      return $.qsa(sel, this);
-  	    });
-
-  	  return R || $();
-  	}
-
-  	/**
-  	 * 后代中单个适合选择器的元素，效率高于find
-  	 * 不支持对象参数
-  	 * @param {*} sel
-  	 */
-  	function findNode(sel) {
-  	  let R = null;
-  	  if (!sel) return $();
-
-  	  // ~开头，按 name 属性查找
-  	  if (sel[0] === '~') sel = `[name=${sel.substr(1)}]`;
-
-  	  if (this.length === 1) R = $($.qu(sel, this[0]));
-  	  else
-  	    R = this.map(function () {
-  	      return $.qu(sel, this);
-  	    });
-
-  	  return R || $();
-  	}
-
-  	/**
-  	 * 返回所有dom的所有符合条件的直接子元素，不包括文本节点
-  	 * @param {*} sel
-  	 */
-  	function children(sel) {
-  	  const cs = []; // eslint-disable-line
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    const childs = this[i].children;
-
-  	    for (let j = 0; j < childs.length; j += 1) {
-  	      if (!sel) {
-  	        cs.push(childs[j]);
-  	      } else if ($(childs[j]).is(sel)) cs.push(childs[j]);
-  	    }
-  	  }
-  	  return $($.uniq(cs));
-  	}
-
-  	/**
-  	 * 返回被选元素的第一个符合条件直接子元素，不包括文本节点
-  	 * @param {*} sel
-  	 */
-  	function childNode(sel) {
-  	  return child.bind(this)(sel);
-  	}
-
-  	/**
-  	 * 返回被选元素的第一个符合条件直接单个子元素，不包括文本节点
-  	 * 或者 替换节点的所有子元素
-  	 * @param {*} sel
-  	 */
-  	function child(sel) {
-  	  if ($.isDom(sel)) {
-  	    this.empty().append(sel);
-  	    return this;
-  	  }
-
-  	  const cs = []; // eslint-disable-line
-  	  for (let i = 0; i < this.length; i += 1) {
-  	    const childs = this[i].children;
-
-  	    for (let j = 0; j < childs.length; j += 1) {
-  	      if (!sel) {
-  	        cs.push(childs[j]);
-  	        break;
-  	      } else if ($(childs[j]).is(sel)) {
-  	        cs.push(childs[j]);
-  	        break;
-  	      }
-  	    }
-  	  }
-  	  return $(cs, sel);
-  	}
-
-  	function remove() {
-  	  return this.each(function () {
-  	    if (this.parentNode != null) this.parentNode.removeChild(this);
-  	  });
-  	}
-
-  	function detach() {
-  	  return this.remove();
-  	}
-
-  	function add(...args) {
-  	  const dom = this;
-  	  let i;
-  	  let j;
-  	  for (i = 0; i < args.length; i += 1) {
-  	    const toAdd = $(args[i]);
-  	    for (j = 0; j < toAdd.length; j += 1) {
-  	      dom[dom.length] = toAdd[j];
-  	      dom.length += 1;
-  	    }
-  	  }
-  	  return dom;
-  	}
-
-  	function empty() {
-  	  return this.each(function () {
-  	    this.innerHTML = '';
-  	  });
-  	}
-
-  	/**
-  	 * 是否包含子元素，不含文本节点
-  	 */
-  	function hasChild() {
-  	  if (!this.dom) return false;
-  	  return this.dom.children.length > 0;
-  	}
-
-  	/**
-  	 * 第一个子元素节点，不含文本节点
-  	 */
-  	function firstChild() {
-  	  if (!this.dom || this.dom.children.length === 0) return null;
-  	  return $([this.dom.children[0]]);
-  	}
-
-  	/**
-  	 * 最后一个子元素节点，不含文本节点
-  	 */
-  	function lastChild() {
-  	  if (!this.dom || this.dom.children.length === 0) return null;
-  	  return $([this.dom.children[this.dom.children.length - 1]]);
-  	}
-
-  	/**
-  	 * 元素子节点数量，不含文本节点
-  	 */
-  	function childCount() {
-  	  if (!this.dom) return 0;
-  	  return this.dom.children.length;
-  	}
-
-  	/**
-  	 * 光标放入尾部
-  	 * @param el
-  	 */
-  	function cursorEnd() {
-  	  if (!this.dom) return null;
-
-  	  const el = this.dom;
-  	  el.focus();
-
-  	  if (typeof window.getSelection !== 'undefined' && typeof document.createRange !== 'undefined') {
-  	    const rg = document.createRange();
-  	    rg.selectNodeContents(el);
-  	    // 合并光标
-  	    rg.collapse(false);
-  	    const sel = window.getSelection();
-  	    sel.removeAllRanges();
-  	    sel.addRange(rg);
-  	  } else if (typeof document.body.createTextRangrge !== 'undefined') {
-  	    const rg = document.body.createTextRange();
-  	    rg.moveToElementText(el);
-  	    // 合并光标
-  	    rg.collapse(false);
-  	    // textRange.moveStart('character', 3);
-  	    rg.select();
-  	  }
-  	}
-
-  	/**
-  	 * 获取光标位置
-  	 * @returns {number}
-  	 */
-  	function getCursorPos() {
-  	  let R = 0;
-
-  	  if (!this.dom) return 0;
-
-  	  const el = this.dom;
-
-  	  // obj.focus();
-  	  if (el.selectionStart) {
-  	    // IE以外
-  	    R = el.selectionStart;
-  	  } else {
-  	    // IE
-  	    let rg = null;
-  	    if (el.tagName.toLowerCase() === 'textarea') {
-  	      // TEXTAREA
-  	      rg = event.srcElement.createTextRange();
-  	      rg.moveToPoint(event.x, event.y);
-  	    } else {
-  	      // Text
-  	      rg = document.selection.createRange();
-  	    }
-  	    rg.moveStart('character', -event.srcElement.value.length);
-  	    // rg.setEndPoint("StartToStart", obj.createTextRange())
-  	    R = rg.text.length;
-  	  }
-  	  return R;
-  	}
-
-  	/**
-  	 * 得到光标的位置
-  	 */
-  	function getCursorPosition() {
-  	  if (!this.dom) return 0;
-
-  	  const el = this.dom;
-
-  	  const qswh = '@#%#^&#*$';
-  	  // obj.focus();
-  	  const rng = document.selection.createRange();
-  	  rng.text = qswh;
-  	  const nPosition = el.value.indexOf(qswh);
-  	  rng.moveStart('character', -qswh.length);
-  	  rng.text = '';
-  	  return nPosition;
-  	}
-
-  	/**
-  	 * 设置光标位置
-  	 */
-  	function setCursorPos(pos) {
-  	  if (!this.dom) return;
-
-  	  const rg = this.dom.createTextRange();
-  	  rg.collapse(true);
-  	  rg.moveStart('character', pos);
-  	  rg.select();
-  	}
-
-  	/**
-  	 * 移到第一行
-  	 */
-  	function moveFirst() {
-  	  this.rowindex = 0;
-  	}
-
-  	/**
-  	 * querySelector
-  	 * return only first
-  	 */
-  	function qu(sel) {
-  	  let n = [];
-  	  try {
-  	    n = this.dom?.querySelector(sel);
-  	  } catch (e) {}
-
-  	  return $(n || []);
-  	}
-
-  	function qus(sel) {
-  	  return $(sel, this.dom);
-  	}
-
-  	/**
-  	 * querySelector attribute
-  	 * return only first
-  	 */
-  	function att(n, v) {
-  	  let R = [];
-  	  try {
-  	    if (this.attr(n) === v) return this; // 自己符合，返回自身
-  	    R = this.dom?.querySelector(`[${n}=${v}]`);
-  	  } catch (e) {}
-  	  return $(R || []);
-  	}
-
-  	function atts(n, v) {
-  	  let R = [];
-  	  try {
-  	    R = $(`[${n}=${v}]`, this.dom);
-  	    if (this.attr(n) === v) R.push(this.dom); // 自己符合，添加自身
-  	  } catch (e) {}
-  	  return $(R || []);
-  	}
-
-  	/**
-  	 * querySelector name
-  	 * return only first
-  	 */
-  	function name(v) {
-  	  return this.att('name', v);
-  	}
-
-  	function fastLink() {
-  	  $.fastLink(this);
-  	  return this;
-  	}
-
-  	/**
-  	 * name 属性组件直接绑定到当前Dom实例，方便调用
-  	 * 只挂载一个，多个同名name，最后一个起作用，因此一个页面内，name不要重复
-  	 * 同节点多次调用不覆盖，同名不同dom节点，覆盖
-  	 * 覆盖后，原直接节点属性的 bind 会失效，需使用新的$dom重新bind
-  	 * 动态内容一般在 ready 中创建，创建后name会自动挂载
-  	 * show/back 中创建的动态内容，未自动挂载，需调用 bindName 挂载！
-  	 */
-  	function bindName() {
-  	  const ns = this.qus('[name]');
-  	  ns?.forEach(n => {
-  	    const $n = $(n);
-  	    const nm = $n.attr('name');
-  	    if (!this.n) this.n = {};
-  	    if (!this.n[nm] || this.n[nm].dom !== n) this.n[nm] = $n;
-  	  });
-
-  	  return this;
-  	}
-
-  	function names(v) {
-  	  return this.atts('name', v);
-  	}
-
-  	/**
-  	 * querySelector ClassName
-  	 * cls: 'aaa, bbb' => '.aaa, .bbb'
-  	 * return only first node
-  	 */
-  	function clas(cls) {
-  	  let R = [];
-
-  	  if (!cls) return $();
-
-  	  try {
-  	    const rs = [];
-  	    const cs = cls.split(',');
-  	    cs.forEach(c => {
-  	      if (c) {
-  	        if (c.includes('.')) rs.push(c.trim());
-  	        else rs.push(`.${c.trim()}`);
-  	      }
-  	    });
-
-  	    R = this.dom?.querySelector(rs.join(','));
-  	  } catch (e) {}
-
-  	  return $(R || []);
-  	}
-
-  	/**
-  	 * querySelectorAll ClassName
-  	 * cls: 'aaa, bbb' => '.aaa, .bbb'
-  	 * return all node
-  	 */
-  	function classes(cls) {
-  	  let R = [];
-
-  	  if (!cls) return $();
-
-  	  try {
-  	    const rs = [];
-  	    const cs = cls.split(',');
-  	    cs.forEach(c => {
-  	      if (c.includes('.')) rs.push(c.trim());
-  	      else rs.push(`.${c.trim()}`);
-  	    });
-
-  	    const ns = this.dom?.querySelectorAll(rs.join(','));
-  	    // if (ns && ns.length > 0) R = slice.call(ns);
-  	    if (ns && ns.length > 0) R = Array.from(ns);
-  	  } catch (e) {}
-
-  	  return $(R || []);
-  	}
-
-  	/**
-  	 * querySelector TagName
-  	 * tag: 'div'
-  	 * return only first
-  	 */
-  	function tag(t) {
-  	  let R = this.dom?.getElementsByTagName(t);
-  	  if (R) R = R[0];
-
-  	  return $(R);
-  	}
-
-  	function tags(t) {
-  	  let R = this.dom?.getElementsByTagName(t);
-  	  if (R && R.length > 0) R = [].slice.call(R);
-  	  else R = [];
-
-  	  return $(R);
-  	}
-
-  	const Methods = /*#__PURE__*/Object.freeze({
-  	  __proto__: null,
-  	  add: add,
-  	  animationEnd: animationEnd,
-  	  att: att,
-  	  attr: attr,
-  	  atts: atts,
-  	  bindName: bindName,
-  	  child: child,
-  	  childCount: childCount,
-  	  childNode: childNode,
-  	  children: children,
-  	  class: clas,
-  	  classes: classes,
-  	  clone: clone,
-  	  closest: closest,
-  	  concat: concat,
-  	  css: css,
-  	  cursorEnd: cursorEnd,
-  	  data: data,
-  	  dataset: dataset,
-  	  detach: detach,
-  	  each: each,
-  	  empty: empty,
-  	  eq: eq,
-  	  every: every,
-  	  fastLink: fastLink,
-  	  filter: filter,
-  	  find: find,
-  	  findNode: findNode,
-  	  first: first,
-  	  firstChild: firstChild,
-  	  forEach: forEach,
-  	  get: get,
-  	  getCursorPos: getCursorPos,
-  	  getCursorPosition: getCursorPosition,
-  	  hasAttr: hasAttr,
-  	  hasChild: hasChild,
-  	  height: height,
-  	  hide: hide,
-  	  html: html,
-  	  index: index,
-  	  indexOf: indexOf,
-  	  is: is,
-  	  last: last,
-  	  lastChild: lastChild,
-  	  map: map,
-  	  moveFirst: moveFirst,
-  	  name: name,
-  	  names: names,
-  	  next: next,
-  	  nextAll: nextAll,
-  	  nextNode: nextNode,
-  	  not: not,
-  	  off: off,
-  	  offset: offset,
-  	  offsetParent: offsetParent,
-  	  on: on,
-  	  once: once,
-  	  outerHeight: outerHeight,
-  	  outerWidth: outerWidth,
-  	  parent: parent,
-  	  parentNode: parentNode,
-  	  parents: parents,
-  	  pluck: pluck,
-  	  position: position,
-  	  prev: prev,
-  	  prevAll: prevAll,
-  	  prevNode: prevNode,
-  	  prop: prop,
-  	  qu: qu,
-  	  qus: qus,
-  	  ready: ready,
-  	  rect: rect,
-  	  remove: remove,
-  	  removeAttr: removeAttr,
-  	  removeData: removeData,
-  	  removeProp: removeProp,
-  	  replaceWith: replaceWith,
-  	  setCursorPos: setCursorPos,
-  	  show: show,
-  	  siblings: siblings,
-  	  size: size,
-  	  slice: slice,
-  	  some: some,
-  	  styles: styles,
-  	  tag: tag,
-  	  tags: tags,
-  	  text: text,
-  	  toArray: toArray,
-  	  transform: transform,
-  	  transition: transition,
-  	  transitionEnd: transitionEnd,
-  	  trigger: trigger,
-  	  upper: upper,
-  	  val: val,
-  	  width: width
-  	});
-
-  	/**
-  	 * 支持按动画滚动窗口
-  	 * @param  {...any} args
-  	 * left, top, duration, easing, callback
-  	 * @returns
-  	 */
-  	function scrollTo(...args) {
-  	  let [left, top, duration, easing, callback] = args;
-  	  if (args.length === 4 && typeof easing === 'function') {
-  	    callback = easing;
-  	    [left, top, duration, callback, easing] = args;
-  	  }
-  	  if (typeof easing === 'undefined') easing = 'swing';
-
-  	  return this.each(function animate() {
-  	    const el = this; // dom
-
-  	    let currentTop;
-  	    let currentLeft;
-  	    let maxTop;
-  	    let maxLeft;
-  	    let newTop;
-  	    let newLeft;
-  	    let scrollTop; // eslint-disable-line
-  	    let scrollLeft; // eslint-disable-line
-
-  	    if (typeof easing === 'undefined') easing = 'swing';
-  	    const hasScrollTop = 'scrollTop' in el;
-  	    const hasScrollLeft = 'scrollLeft' in el;
-
-  	    let animateTop = top > 0 || top === 0;
-  	    let animateLeft = left > 0 || left === 0;
-
-  	    if (animateTop) {
-  	      currentTop = el.scrollTop;
-  	      if (!duration) {
-  	        if (hasScrollTop) el.scrollTop = top;
-  	        else el.scrollTo(el.scrollX, top);
-  	      }
-  	    }
-
-  	    if (animateLeft) {
-  	      currentLeft = el.scrollLeft;
-  	      if (!duration) {
-  	        if (hasScrollLeft) el.scrollLeft = left;
-  	        else el.scrollTo(left, el.scrollY);
-  	      }
-  	    }
-
-  	    // 不需要动画
-  	    if (!duration) return;
-
-  	    // 延时动画
-  	    if (animateTop) {
-  	      maxTop = el.scrollHeight - el.offsetHeight;
-  	      newTop = Math.max(Math.min(top, maxTop), 0);
-  	    }
-
-  	    if (animateLeft) {
-  	      maxLeft = el.scrollWidth - el.offsetWidth;
-  	      newLeft = Math.max(Math.min(left, maxLeft), 0);
-  	    }
-
-  	    let startTime = null;
-  	    if (animateTop && newTop === currentTop) animateTop = false;
-  	    if (animateLeft && newLeft === currentLeft) animateLeft = false;
-
-  	    function render(time = new Date().getTime()) {
-  	      if (startTime === null) {
-  	        startTime = time;
-  	      }
-  	      const progress = Math.max(Math.min((time - startTime) / duration, 1), 0);
-  	      const easeProgress =
-  	        easing === 'linear' ? progress : 0.5 - Math.cos(progress * Math.PI) / 2;
-
-  	      let done;
-  	      if (animateTop)
-  	        scrollTop = currentTop + easeProgress * (newTop - currentTop);
-  	      if (animateLeft)
-  	        scrollLeft = currentLeft + easeProgress * (newLeft - currentLeft);
-  	      if (animateTop && newTop > currentTop && scrollTop >= newTop) {
-  	        el.scrollTop = newTop;
-  	        done = true;
-  	      }
-  	      if (animateTop && newTop < currentTop && scrollTop <= newTop) {
-  	        el.scrollTop = newTop;
-  	        done = true;
-  	      }
-  	      if (animateLeft && newLeft > currentLeft && scrollLeft >= newLeft) {
-  	        el.scrollLeft = newLeft;
-  	        done = true;
-  	      }
-  	      if (animateLeft && newLeft < currentLeft && scrollLeft <= newLeft) {
-  	        el.scrollLeft = newLeft;
-  	        done = true;
-  	      }
-
-  	      if (done) {
-  	        if (callback) callback();
-  	        return;
-  	      }
-
-  	      if (animateTop) el.scrollTop = scrollTop;
-  	      if (animateLeft) el.scrollLeft = scrollLeft;
-  	      $.requestAnimationFrame(render);
-  	    }
-  	    $.requestAnimationFrame(render);
-  	  });
-  	}
-
-  	/**
-  	 * 垂直滚动
-  	 * @param  {...any} args
-  	 * top 滚动距离
-  	 * duration 动画时长
-  	 * easing 动画
-  	 * callback 滚动完成后的回调
-  	 * @returns
-  	 */
-  	function scrollTop(...args) {
-  	  if (!this.length) return;
-
-  	  let [top, duration, easing, callback] = args;
-  	  if (args.length === 3 && typeof easing === 'function') {
-  	    [top, duration, callback, easing] = args;
-  	  }
-  	  const hasScrollTop = 'scrollTop' in this[0];
-
-  	  // 没有传值，则取回当前dom节点的scrollTop
-  	  if (top === undefined)
-  	    return hasScrollTop ? this[0].scrollTop : this[0].pageYOffset;
-
-  	  return this.scrollTo(undefined, top, duration, easing, callback);
-  	}
-
-  	/**
-  	 * 水平滚动
-  	 * @param  {...any} args
-  	 * left 滚动距离
-  	 * duration 动画时长
-  	 * easing 动画
-  	 * callback 滚动完成后的回调
-  	 * @returns
-  	 */
-  	function scrollLeft(...args) {
-  	  if (!this.length) return;
-
-  	  let [left, duration, easing, callback] = args;
-  	  if (args.length === 3 && typeof easing === 'function') {
-  	    [left, duration, callback, easing] = args;
-  	  }
-
-  	  const hasScrollLeft = 'scrollLeft' in this[0];
-  	  if (left === undefined)
-  	    return hasScrollLeft ? this[0].scrollLeft : this[0].pageXOffset;
-
-  	  return this.scrollTo(left, undefined, duration, easing, callback);
-  	}
-
-  	function scrollHeight() {
-  	  return this[0].scrollHeight;
-  	}
-
-  	function scrollWidth() {
-  	  return this[0].scrollWidth;
-  	}
-
-  	const Scroll = /*#__PURE__*/Object.freeze({
-  	  __proto__: null,
-  	  scrollHeight: scrollHeight,
-  	  scrollLeft: scrollLeft,
-  	  scrollTo: scrollTo,
-  	  scrollTop: scrollTop,
-  	  scrollWidth: scrollWidth
-  	});
-
-  	function animate(initialProps, initialParams) {
-  	  const els = this;
-  	  const a = {
-  	    props: Object.assign({}, initialProps),
-  	    params: Object.assign(
-  	      {
-  	        duration: 300,
-  	        easing: 'swing', // or 'linear'
-  	        /* Callbacks
-  	      begin(elements)
-  	      complete(elements)
-  	      progress(elements, complete, remaining, start, tweenValue)
-  	      */
-  	      },
-  	      initialParams
-  	    ),
-
-  	    elements: els,
-  	    animating: false,
-  	    que: [],
-
-  	    easingProgress(easing, progress) {
-  	      if (easing === 'swing') {
-  	        return 0.5 - Math.cos(progress * Math.PI) / 2;
-  	      }
-  	      if (typeof easing === 'function') {
-  	        return easing(progress);
-  	      }
-  	      return progress;
-  	    },
-  	    stop() {
-  	      if (a.frameId) {
-  	        $.cancelAnimationFrame(a.frameId);
-  	      }
-  	      a.animating = false;
-  	      a.elements.each((index, el) => {
-  	        const element = el;
-  	        delete element.dom7AnimateInstance;
-  	      });
-  	      a.que = [];
-  	    },
-  	    done(complete) {
-  	      a.animating = false;
-  	      a.elements.each((index, el) => {
-  	        const element = el;
-  	        delete element.domAnimateInstance;
-  	      });
-  	      if (complete) complete(els);
-  	      if (a.que.length > 0) {
-  	        const que = a.que.shift();
-  	        a.animate(que[0], que[1]);
-  	      }
-  	    },
-  	    animate(props, params) {
-  	      if (a.animating) {
-  	        a.que.push([props, params]);
-  	        return a;
-  	      }
-  	      const elements = [];
-
-  	      // Define & Cache Initials & Units
-  	      a.elements.each((index, el) => {
-  	        let initialFullValue;
-  	        let initialValue;
-  	        let unit;
-  	        let finalValue;
-  	        let finalFullValue;
-
-  	        if (!el.dom7AnimateInstance) a.elements[index].domAnimateInstance = a;
-
-  	        elements[index] = {
-  	          container: el,
-  	        };
-  	        Object.keys(props).forEach(prop => {
-  	          initialFullValue = window
-  	            .getComputedStyle(el, null)
-  	            .getPropertyValue(prop)
-  	            .replace(',', '.');
-  	          initialValue = parseFloat(initialFullValue);
-  	          unit = initialFullValue.replace(initialValue, '');
-  	          finalValue = parseFloat(props[prop]);
-  	          finalFullValue = props[prop] + unit;
-  	          elements[index][prop] = {
-  	            initialFullValue,
-  	            initialValue,
-  	            unit,
-  	            finalValue,
-  	            finalFullValue,
-  	            currentValue: initialValue,
-  	          };
-  	        });
-  	      });
-
-  	      let startTime = null;
-  	      let time;
-  	      let elementsDone = 0;
-  	      let propsDone = 0;
-  	      let done;
-  	      let began = false;
-
-  	      a.animating = true;
-
-  	      function render() {
-  	        time = new Date().getTime();
-  	        let progress;
-  	        let easeProgress;
-  	        // let el;
-  	        if (!began) {
-  	          began = true;
-  	          if (params.begin) params.begin(els);
-  	        }
-  	        if (startTime === null) {
-  	          startTime = time;
-  	        }
-  	        if (params.progress) {
-  	          // eslint-disable-next-line
-  	          params.progress(
-  	            els,
-  	            Math.max(Math.min((time - startTime) / params.duration, 1), 0),
-  	            startTime + params.duration - time < 0
-  	              ? 0
-  	              : startTime + params.duration - time,
-  	            startTime
-  	          );
-  	        }
-
-  	        elements.forEach(element => {
-  	          const el = element;
-  	          if (done || el.done) return;
-  	          Object.keys(props).forEach(prop => {
-  	            if (done || el.done) return;
-  	            progress = Math.max(
-  	              Math.min((time - startTime) / params.duration, 1),
-  	              0
-  	            );
-  	            easeProgress = a.easingProgress(params.easing, progress);
-  	            const {initialValue, finalValue, unit} = el[prop];
-  	            el[prop].currentValue =
-  	              initialValue + easeProgress * (finalValue - initialValue);
-  	            const currentValue = el[prop].currentValue;
-
-  	            if (
-  	              (finalValue > initialValue && currentValue >= finalValue) ||
-  	              (finalValue < initialValue && currentValue <= finalValue)
-  	            ) {
-  	              el.container.style[prop] = finalValue + unit;
-  	              propsDone += 1;
-  	              if (propsDone === Object.keys(props).length) {
-  	                el.done = true;
-  	                elementsDone += 1;
-  	              }
-  	              if (elementsDone === elements.length) {
-  	                done = true;
-  	              }
-  	            }
-  	            if (done) {
-  	              a.done(params.complete);
-  	              return;
-  	            }
-  	            el.container.style[prop] = currentValue + unit;
-  	          });
-  	        });
-  	        if (done) return;
-  	        // Then call
-  	        a.frameId = $.requestAnimationFrame(render);
-  	      }
-  	      a.frameId = $.requestAnimationFrame(render);
-  	      return a;
-  	    },
-  	  };
-
-  	  if (a.elements.length === 0) {
-  	    return els;
-  	  }
-
-  	  let animateInstance;
-  	  for (let i = 0; i < a.elements.length; i += 1) {
-  	    if (a.elements[i].domAnimateInstance) {
-  	      animateInstance = a.elements[i].domAnimateInstance;
-  	    } else a.elements[i].domAnimateInstance = a;
-  	  }
-  	  if (!animateInstance) {
-  	    animateInstance = a;
-  	  }
-
-  	  if (initialProps === 'stop') {
-  	    animateInstance.stop();
-  	  } else {
-  	    animateInstance.animate(a.props, a.params);
-  	  }
-
-  	  return els;
-  	}
-
-  	function stop() {
-  	  const els = this;
-  	  for (let i = 0; i < els.length; i += 1) {
-  	    if (els[i].domAnimateInstance) {
-  	      els[i].domAnimateInstance.stop();
-  	    }
-  	  }
-  	}
-
-  	/**
-  	 * 通过css3 Translate 移动后，获取 x 或 y 坐标
-  	 * @param {*} el
-  	 * @param {*} axis
-  	 */
-  	function getTranslate(axis = 'x') {
-  	  const els = this;
-  	  if (!els || !els.dom) return 0;
-
-  	  const el = els.dom;
-
-  	  let matrix;
-  	  let curTransform;
-  	  let transformMatrix;
-
-  	  const curStyle = window.getComputedStyle(el, null);
-
-  	  if (window.WebKitCSSMatrix) {
-  	    curTransform = curStyle.transform || curStyle.webkitTransform;
-  	    if (curTransform.split(',').length > 6) {
-  	      curTransform = curTransform
-  	        .split(', ')
-  	        .map(a => a.replace(',', '.'))
-  	        .join(', ');
-  	    }
-  	    // Some old versions of Webkit choke when 'none' is passed; pass
-  	    // empty string instead in this case
-  	    transformMatrix = new window.WebKitCSSMatrix(
-  	      curTransform === 'none' ? '' : curTransform
-  	    );
-  	  } else {
-  	    transformMatrix =
-  	      curStyle.MozTransform ||
-  	      curStyle.OTransform ||
-  	      curStyle.MsTransform ||
-  	      curStyle.msTransform ||
-  	      curStyle.transform ||
-  	      curStyle
-  	        .getPropertyValue('transform')
-  	        .replace('translate(', 'matrix(1, 0, 0, 1,');
-  	    matrix = transformMatrix.toString().split(',');
-  	  }
-
-  	  if (axis === 'x') {
-  	    // Latest Chrome and webkits Fix
-  	    if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41;
-  	    // Crazy IE10 Matrix
-  	    else if (matrix.length === 16) curTransform = parseFloat(matrix[12]);
-  	    // Normal Browsers
-  	    else curTransform = parseFloat(matrix[4]);
-  	  }
-  	  if (axis === 'y') {
-  	    // Latest Chrome and webkits Fix
-  	    if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42;
-  	    // Crazy IE10 Matrix
-  	    else if (matrix.length === 16) curTransform = parseFloat(matrix[13]);
-  	    // Normal Browsers
-  	    else curTransform = parseFloat(matrix[5]);
-  	  }
-  	  return curTransform || 0;
-  	}
-
-  	const Animate = /*#__PURE__*/Object.freeze({
-  	  __proto__: null,
-  	  animate: animate,
-  	  getTranslate: getTranslate,
-  	  stop: stop
-  	});
-
-  	/**
-  	 * 实现页面视图（不限表单）与数据交互
-  	 *
-  	 * 简介：
-  	 *    数据与视图交互是所有带UI界面都需实现的基本功能，不同开发框架都制定了一套固定机制。
-  	 *    其中web前端与所有其他UI（原生ios、安卓、windows）都不一样，由于其开放、自由、无主，
-  	 *    导致没有一套固定机制，不同人、不同组织提供的开发框架、方式几十上百种。
-  	 *
-  	 *    最原始的方法，是通过jQuery操作页面dom对象完成，工作量大，效率低、容易出错，逐渐被淘汰。
-  	 *    现在主流的vue、react、angular都需要学习一套新的语法、知识、理论，并且不仅仅如此，
-  	 *    一旦采用其中一种，就得整体采用其全家桶，陷入技术陷阱。
-  	 *    wia的form通过最自然的es6插值方式，在html页面写入插值即可实现数据展示。
-  	 *    这种方式，理解起来非常自然，一看就会，无需学习任何新的知识。
-  	 *
-  	 * setForm 分解对象属性（key）按名称匹配视图内的dom对象或模板，进行赋值。
-  	 *    属性名称对应的视图，可以是input，也可以是模板，模板则按setView方式赋值。
-  	 *    隐藏域（hidden）一般会带模板，通过模板展示内容（数组、对象），隐藏域收集信息。
-  	 *    setForm调用了setView，可以理解为setView的批量调用。
-  	 *    比如页面有三个视图，a、b、c，通过 {a:v1,b:v2,c:v3}，setForm等于调用了三次setView。
-  	 *    如果展示页面有input部分，需使用setForm。
-  	 *    setForm 一般用于表单，不限于表单，也可以用于层。
-  	 * setView 不分解对象属性，将对象整体直接作为r传入页面模板${r.xxx}，
-  	 *    进行字符串替换，支持子对象${r.aaa.bbb}。
-  	 *    如果只是页面模板展示，没有input，直接使用setView。
-  	 * 模板 es6中的插值字符串模式，${r.xxx}，r为传入的对象，支持子对象、简单运算。
-  	 *    图片src，模板需使用src-tp="http://${r.url}"，渲染时自动改为src。
-  	 *    直接使用src浏览器会下载http://${r.url}，这个资源肯定找不到。
-  	 *
-  	 * 1. 简单数据直接填入 input的value。
-  	 * 2. 复杂数据，如对象、数组等，则填入 隐藏域 的data 对象，
-  	 *    并通过页面模板实现复杂数据展示。
-  	 * 3. 页面模板（数据替换展示），隐藏在页面，通过克隆模板替换插值字符串实现展现。
-  	 *    名称：name-tp，一般传入对象数组或对象，用于赋值，模板自身隐藏。
-  	 *      属性tp="kv"：key-value键值对，对应模板中的${r.k} ${r.v}，用于引用对象属性及值，实现动态列表。
-  	 *      属性tp="kv-3"：${r.k1} ${r.v1} ${r.k2} ${r.v2} ${r.k3} ${r.v3} 对应对象中的第一个、第二个、第三个属性，
-  	 *      用于横向多列对象多属性展现，比如 PC版本订单详情，横向3列。
-  	 *    名称：name-val：直接按模板替换，与名称为 name效果等同。
-  	 *    名称：name：如果内部有 ${字符，则视为直接替换模板，类似 name-val。
-  	 * 4. 数据输出到页面，通过以下函数：
-  	 *    setForm 对象数据对Form表单或者Div层，进行数据展现，每个字段对应同名dom或者name-tp模板。
-  	 *    setView 对单个字段或视图，进行数据展现，如果为空，则清除
-  	 *    addView 单个字段或视图，增加数据
-  	 * 5. 读取页面数据
-  	 *    getForm 读取整个页面数据，返回 FormData 对象
-  	 *    getView 读取指定字段数据，返回 仅仅包含 指定字段的 FormData对象
-  	 *    读取时，自动将所有隐藏域的data对象，转换为json字符串，方便FormData 提交服务器。
-  	 * 6. 对于重复 name 的 input，一般是对象数组，自动转换为对象数组，存入 FormData，
-  	 *    方便服务器处理。
-  	 * 7. 重复数据通过id 和 _id 字段判断，addView时，重复id 或 _id，删除之前的对象，仅保存新增的对象。
-  	 *    id 作为服务器返回的字段，_id 作为客户端添加的字段，
-  	 *    getForm 或 getView 时，tp模板自动删除，不返回给服务器，避免影响服务器数据。
-  	 * 8. 以上方法 绑定到 $.fn 中，使用时，按 Dom类似方法使用，如：
-  	 *    _.name('fmData').setForm(data);
-  	 */
-
-  	/**
-  	 * 视图数据展现
-  	 * setViews 调用了 setView，为setView的批量操作
-  	 * 用于 tp模板中的form表单场景
-  	 * 数据内的元素，支持数组、对象，一次性实现整个容器的数据展现
-  	 * 根据数据项名称，自动查找页面对应input（按名称） 或 视图层（name 或 name-tp），实现数据展现
-  	 * 调用该方法的容器一般是 Form，也支持非Form，如 div
-  	 * 容器中的节点， 一般是input， 也支持非input，通过对象属性名称对应dom名称实现匹配展现
-  	 * 如果数据为数组，则使用调用者同名模板，生成多节点，
-  	 * field、input隐藏域带模板，会按模板生成字段部分展现
-  	 * 模板名称为 name-tp，根据模板添加后的节点名称为 name-data
-  	 * @param {*} v 数据
-  	 * @param {*} n 模板名称，可选，如果不填，默认调用者的name
-  	 * 注意，setViews的模板与setView中的模板不一样
-  	 * setViews 模板先调用clone克隆模板节点，不赋值，后续再调用 setView 进行赋值。
-  	 * 意味着 setViews 中的模板里面可以再嵌套字段模板。
-  	 * setView中的模板，使用带${r.name}这种插值模板，根据后台r数据，生成带数据值的 html。
-  	 * @param {*} add 新增，可选
-  	 */
-  	function setForms(v, n, add = false) {
-  	  try {
-  	    const el = this;
-  	    // 清空所有数据，填充新数据
-  	    if (!add) clearForm.bind(el)();
-
-  	    if (!n) n = el.attr('name');
-
-  	    // 使用模板
-  	    if (n) {
-  	      const tp = el.name(`${n}-tp`);
-  	      if (tp.length) {
-  	        tp.hide();
-  	        if ($.isArray(v))
-  	          v.forEach(r => {
-  	            setTpForm.bind(el)(n, r, add);
-  	          });
-  	        else setTpForm.bind(el)(n, v, add);
-  	      }
-  	    }
-  	  } catch (ex) {
-  	    console.error('setForms exp.', {msg: ex.message});
-  	  }
-  	}
-
-  	/**
-  	 * 向 view 中添加值
-  	 * @param {*} el 容器
-  	 * @param {*} k 字段名称
-  	 * @param {*} v 新增数据
-  	 */
-  	function addForms(v, n) {
-  	  const el = this;
-  	  if (!n) n = el.attr('name');
-  	  setForms.bind(el)(v, n, true);
-  	}
-
-  	/**
-  	 * 读取整个页面表单数据，返回对象 或对象数组
-  	 * 需要被读取的数据，需使用 input，包括隐藏域，否则无法被读取
-  	 * 读取时，自动将所有隐藏域的data对象，转换为字符串，方便FormData 提交服务器。
-  	 * @param {*} n 模板名称，不填与容器名称相同，可选参数
-  	 */
-  	function getForm(n) {
-  	  let R = null;
-  	  try {
-  	    const el = this;
-  	    // 将data存入 value，方便FormData读取
-  	    el.find('input[type=hidden]').forEach(d => {
-  	      if (!$.isEmpty(d.data)) d.value = JSON.stringify(d.data);
-  	    });
-
-  	    if (!n) n = el.attr('name');
-
-  	    // 对象列表表单，需删除模板，避免模板数据干扰数据获取
-  	    const tp = el.name(`${n}-tp`);
-  	    let prev = null;
-  	    let hasTp = tp.length;
-  	    if (hasTp) {
-  	      hasTp = true;
-  	      prev = tp.prev();
-  	      tp.remove();
-  	    }
-
-  	    // 读取整个表单输入数据
-  	    const fd = new FormData(el.dom);
-  	    // 还原模板
-  	    if (hasTp) tp.insertAfter(prev);
-
-  	    const rs = [];
-  	    let last = null;
-  	    let r = {};
-  	    // eslint-disable-next-line no-restricted-syntax
-  	    for (const e of fd.entries()) {
-  	      const k = e[0];
-  	      if (!last) last = k;
-  	      else if (last === k) {
-  	        if (!$.isEmpty(r)) rs.push({...r});
-  	        r = {};
-  	      }
-  	      let v = e[1];
-  	      // 还原对象
-  	      try {
-  	        if (/^\s*[{[]/.test(v)) v = JSON.parse(v);
-  	      } catch (ex) {
-  	        console.error('getForm exp.', {msg: ex.message});
-  	      }
-  	      r[k] = v;
-  	    }
-
-  	    if ($.hasVal(r)) rs.push(r);
-  	    if (rs.length === 1) [R] = rs;
-  	    else if (rs.length > 1) R = rs;
-  	  } catch (ex) {
-  	    console.error('getForm exp.', {msg: ex.message});
-  	  }
-
-  	  return R;
-  	}
-
-  	/**
-  	 * 清除表单
-  	 */
-  	function clearForm() {
-  	  try {
-  	    const el = this;
-  	    // 清除input值
-  	    const es = el.find('input,textarea');
-  	    es.forEach(e => {
-  	      if (e.data) {
-  	        e.data = null;
-  	        delete e.data;
-  	      }
-  	      if (e.type !== 'checkbox') e.value = '';
-  	    });
-
-  	    // 清除 模板数据
-  	    el.find('[name$=-data]').remove();
-  	    el.find('[name$=-empty]').show();
-  	  } catch (e) {
-  	    console.error(`clearForm exp:${e.message}`);
-  	  }
-  	}
-
-  	/**
-  	 * 根据页面模板，设置视图域数据
-  	 * 模板为同名节点或tp模板
-  	 * 数据支持两维数组、对象、对象数组等
-  	 * 参数选项：opts: {
-  	 *  add：是否新增
-  	 *  name：指定视图名称，默认为当前Dom对象
-  	 *  idx：数组索引
-  	 *  form: 是否为表单，默认 false
-  	 * }
-  	 * 在Form表单中，一般用input来存放字符串值，如使用模板，input type 必须为 hidden
-  	 * 在非Form中，没有input，同名dom，或者名称-tp为插值模板，将对象数据与模板匹配展示数据
-  	 * tb.setView(data); // 数据
-  	 * tb.setView(arr, 0); // 数组，第一列为id
-  	 * tb.setView(arr, 0, 模板名称); // 数组，第一列为id
-  	 * tb.setView(obj, 模板名称); //
-  	 * tb.setView(arr, 0, 模板名称, add); // 第一列为id
-  	 * tb.setView(obj, 模板名称, add); // 对象数据，指定模版名称
-  	 * @param {*} v 数据
-  	 * @param {Number} idx 数组id列序号，可选
-  	 * @param {*} n 视图名称，缺省为dom对象name属性，dom容器如无name，参数n不传则不工作。
-  	 * @param {*} add 重置还是新增，重置会清除数据项，默认为重置
-  	 */
-  	// function setView(v, idx = -1, n = '', add = false) {
-  	function setView(v, ...args) {
-  	  let R = false;
-  	  try {
-  	    if (v === undefined || v === null) return false;
-
-  	    const el = this;
-  	    let add = false;
-  	    let idx = -1;
-  	    // 表单视图
-  	    let form = false;
-  	    let name = el.attr('name');
-
-  	    // 复合参数，兼容多参数
-  	    if (args.length) {
-  	      // opts
-  	      if ($.isObject(args[0])) {
-  	        const def = {add, name, idx, form};
-  	        const opt = {...def, ...args[0]};
-  	        ({add, name, idx, form} = opt);
-  	      } else if ($.isArray(v) && $.isNumber(args[0])) {
-  	        // eslint-disable-next-line
-  	        if (args.length >= 1) idx = args[0];
-  	        // eslint-disable-next-line
-  	        if (args.length >= 2 && $.isString(args[1])) name = args[1];
-  	        // eslint-disable-next-line
-  	        if (args.length >= 3 && $.isBool(args[2])) add = args[2];
-  	      } else {
-  	        // if ($.isObject(v) && $.isBool(args[0])) add = args[0];
-  	        // eslint-disable-next-line
-  	        if (args.length >= 1 && $.isString(args[0])) name = args[0];
-  	        else if (args.length >= 1 && $.isBool(args[0])) add = args[0];
-  	        // eslint-disable-next-line
-  	        else if (args.length >= 2 && $.isBool(args[1])) add = args[1];
-  	      }
-  	    }
-
-  	    // 查找是否包含 input
-  	    // if (el.nodeName.toLowerCase() === 'form' || el.find('input,textarea').length) from = true;
-
-  	    // 清除视图数据
-  	    if (!add) {
-  	      if (form) clearForm.bind(el)();
-  	      clearView.bind(el)(name);
-  	    }
-
-  	    // 表单，需将对象拆开，按字段名称逐项赋值
-  	    if (form && $.isObject(v)) {
-  	      Object.keys(v).forEach(k => setData.bind(el)(k, v[k]));
-  	    } else if (name) R = setData.bind(el)(name, v, idx); // 没有指定name的dom，可通过name-tp、name-val等模板赋值
-  	  } catch (ex) {
-  	    console.error('setView exp.', {msg: ex.message});
-  	  }
-  	  return R;
-  	}
-
-  	/**
-  	 * 表单赋值
-  	 * @param {*} v
-  	 * @param {*} opts
-  	 */
-  	function setForm(v, opts) {
-  	  const opt = opts || {};
-  	  opt.form = true;
-  	  setView.bind(this)(v, opt);
-  	}
-
-  	/**
-  	 * 向 field 中添加值
-  	 * tb.setView(d);
-  	 * tb.setView(arr, 0); // 第一列为id
-  	 * tb.setView(arr, 0, 模板名称); // 第一列为id
-  	 * tb.setView(obj, 模板名称); // 第一列为id
-  	 * tb.setView(arr, 0, 模板名称); // 第一列为id
-  	 * tb.setView(obj, 模板名称); // 第一列为id
-  	 * @param {*} v 数据
-  	 * @param {*} n 视图名称，缺省为调用者name
-  	 */
-  	function addView(v, ...args) {
-  	  const el = this;
-  	  setView.bind(el)(v, ...args, true);
-  	}
-
-  	/**
-  	 * 清除视图
-  	 * @param {*} k 视图名称
-  	 */
-  	function clearView(n) {
-  	  try {
-  	    const el = this;
-  	    if (!n) n = el.attr('name');
-
-  	    // 清除input值
-  	    const es = el.names(n);
-  	    es.forEach(e => {
-  	      if (e.tagName.toLowerCase() === 'input' || e.tagName.toLowerCase() === 'textarea') {
-  	        if (e.data) {
-  	          e.data = null;
-  	          delete e.data;
-  	        }
-  	        if (e.type !== 'checkbox') e.value = '';
-  	      }
-  	    });
-
-  	    // 清除 模板数据
-  	    el.names(`${n}-data`).remove();
-  	    el.name(`${n}-empty`).show();
-  	  } catch (e) {
-  	    console.error(`clearView exp:${e.message}`);
-  	  }
-  	}
-
-  	/**
-  	 * 读取指定视图数据，返回 仅仅包含 指定视图的值，如果有data，则返回 对象
-  	 * 读取时，自动将隐藏域的data对象，转换为字符串，方便FormData 提交服务器。
-  	 * @param {*} n 视图名称
-  	 */
-  	function getView(n) {
-  	  let R = null;
-  	  try {
-  	    const el = this;
-  	    if (!n) n = el.attr('name');
-  	    const d = el.name(n);
-  	    if (d.length) {
-  	      if ($.hasVal(d.data)) R = d.data;
-  	      else R = d.val();
-  	    }
-  	  } catch (ex) {
-  	    console.error('getView exp.', {msg: ex.message});
-  	  }
-
-  	  return R;
-  	}
-
-  	/**
-  	 *
-  	 * @param {*} e
-  	 */
-  	function removeChip(e) {
-  	  console.log('removeChip', {e});
-
-  	  const el = $(e.target).closest('.chip');
-  	  if (el && el.length > 0) {
-  	    let id = el.data('id');
-  	    const n = el.prevNode('input[type=hidden]');
-  	    el.remove();
-  	    if (n && n.length > 0) {
-  	      id = n
-  	        .val()
-  	        .replace(new RegExp(`${id}\\s*,?\\s*`), '')
-  	        .replace(/\s*,\s*$/, '');
-  	      n.val(id);
-  	    }
-  	  }
-  	}
-
-  	/**
-  	 * 根据模板添加 form 数据集
-  	 * 内部函数，被setViews调用
-  	 * @param {*} n 模板名称
-  	 * @param {*} v 数据对象
-  	 */
-  	function setTpForm(n, v, add = false) {
-  	  try {
-  	    const el = this;
-  	    const tp = el.name(`${n}-tp`);
-  	    if (tp.length) {
-  	      tp.hide();
-  	      const p = tp.clone();
-  	      p.insertBefore(tp);
-  	      setView.bind(p)(v, {form: true, add});
-  	      p.attr('name', tp.attr('name').replace('-tp', '-data')).show();
-  	    }
-  	  } catch (ex) {
-  	    console.error('setForm exp.', {msg: ex.message});
-  	  }
-  	}
-
-  	/**
-  	 * 渲染模板字符串，使用 r 参数，替换模板代参，生成展示html视图
-  	 * 替代 eval，减少安全漏洞，eval 会带入了所有内存上下文变量，导致数据泄露！
-  	 * @param {*} tp 模板
-  	 * @param {*} r 数据
-  	 * @returns 返回html
-  	 */
-  	function render(tp, r) {
-  	  const code = `function(r){return \`${tp}\`}`;
-  	  // eslint-disable-next-line no-new-func
-  	  return Function(`"use strict";return (${code})`)()(r);
-  	}
-
-  	/**
-  	 * 根据模板，添加数据节点
-  	 * 添加前，根据id 或 _id，删除相同已加载数据节点，避免重复添加
-  	 * 内部函数，被 setData 调用
-  	 * @param {*} tp 模板
-  	 * @param {*} n 字段名称
-  	 * @param {*} r 数据，对象 或 值
-  	 * @param {*} ns 已经存在的数据节点，避免重复添加
-  	 * @param {Number} idx 数组中作为id的序号，从0开始，-1表示没有
-  	 */
-  	function addData(tp, n, r, ns, idx = -1) {
-  	  try {
-  	    if (!tp) return;
-
-  	    // 对象、数组可能存在id、_id
-  	    const isObj = $.isObject(r);
-  	    const isArr = $.isArray(r);
-
-  	    let id;
-  	    let _id;
-  	    if (isObj) {
-  	      id = r.id;
-  	      _id = r._id;
-  	    } else if (isArr) {
-  	      if (idx > -1) id = r[idx];
-  	    } // 普通值直接作为_id
-  	    else _id = r;
-
-  	    // 通过id、_id删除重复节点
-  	    if ((id !== undefined || _id !== undefined) && ns?.length) {
-  	      const ds = ns.filter((i, n) => {
-  	        const $n = $(n);
-  	        return (id && $n.data('id') == id) || (_id && $n.data('_id') == _id);
-  	      });
-
-  	      if (ds.length) ds.remove();
-  	    }
-
-  	    // 通过模板与r结合，生成页面html
-  	    const $n = $(
-  	      render(tp.dom.outerHTML, r)
-  	        .replaceAll('undefined:', '')
-  	        .replaceAll('undefined：', '')
-  	        .replaceAll('undefined', '')
-  	    );
-  	    if (id !== undefined) $n.data('id', id);
-  	    else if (_id !== undefined) $n.data('_id', _id);
-  	    $n.attr('name', `${n}-data`).insertBefore(tp).show();
-  	  } catch (ex) {
-  	    console.error('addData exp.', {msg: ex.message});
-  	  }
-  	}
-
-  	/**
-  	 * 视图赋值
-  	 * 优先节点名称表单value赋值：input、hidden、select、checkbox、radio、textarea
-  	 * 然后继续对模板继续赋值：-tp、-val 和内部包含 ${ 模板特殊字符串的视图赋值！
-  	 * 使用-tp模板或name的html作为模版，xxx-val 不判断 ${直接覆盖，
-  	 * xxx 判断内部是否有 ${，如果有，则视为模板，进行模板替换。
-  	 * 加载数据到页面，模板请使用 ${r} 或 ${r.xx}
-  	 * img 的 $src 改为 src
-  	 * 内部函数，被 setField 调用，只管模板，不管input 和 form
-  	 * 在非 form 和 input环境可用
-  	 * @param {*} n 模板名称，组件name="n-tp"，n为模板名称
-  	 * @param {*} v 数据，对象或者对象数组
-  	 * @param {Numver} idx 指定数组id列序号，v 为数组时有效
-  	 */
-  	function setData(n, v, idx = -1) {
-  	  try {
-  	    if (!n) return false;
-
-  	    const el = this; // 容器
-
-  	    // 查找名称节点
-  	    const $d = el.name(n); // 包含容器自身
-
-  	    // 名称节点赋值优先！
-  	    // 容器内查找字段名称对应组件进行赋值，支持select、radio、checkbox，Dom的val已经支持，这里可直接调用val即可！
-  	    if ($d.length > 0) {
-  	      const d = $d.dom;
-  	      // console.log('setView', {type: d.type});
-  	      // null undfined 转换为空
-  	      v = v ?? '';
-  	      if (v === 'null' || v === 'undefined') v = '';
-
-  	      if (d.tagName.toLowerCase() === 'textarea') $d.val(v);
-  	      // input 赋值
-  	      else if (d.tagName.toLowerCase() === 'input') {
-  	        if (d.type === 'text') setInput.bind(el)(n, v);
-  	        else if (
-  	          [
-  	            'date',
-  	            'time',
-  	            'month',
-  	            'week',
-  	            'datetime',
-  	            'datetime-local',
-  	            'email',
-  	            'number',
-  	            'search',
-  	            'url',
-  	          ].includes(d.type)
-  	        )
-  	          $d.val(v);
-  	        // 隐藏域，一般带同名模板，数据为数组或对象，不使用隐藏域也可以展示对象数据，使用隐藏域便于收集数据提交
-  	        else if (d.type === 'hidden') {
-  	          setInput.bind(el)(n, v);
-  	          // setData.bind(el)(n, v); // 后续继续执行模板部分！
-  	          // 触发 input的 onchange 事件，hidden 组件数据变化，不会触发onchange
-  	          // 这里发起change事件，方便其他组件接收事件后，实现UI等处理
-  	          // 其他接受change事件的组件，不能再次触发change，否则导致死循环
-  	          $d.change();
-  	        } else if (
-  	          d.type === 'select-one' ||
-  	          d.type === 'select-multiple' ||
-  	          d.type === 'checkbox' ||
-  	          d.type === 'radio'
-  	        ) {
-  	          $d.val(v, el);
-  	        }
-  	      }
-  	    }
-
-  	    // 继续${} 模板字符串替换赋值：-tp、-val、和内部包含${特征字符串的内容赋值
-  	    if ($.isEmpty(v)) return false;
-
-  	    // 查找数据模板，按模板增加数据，模板优先 name
-  	    const tp = el.name(`${n}-tp`);
-  	    // 有模板，使用模板添加数据，通过id或_id避免重复添加
-  	    if (tp.length) {
-  	      tp.hide();
-  	      let kv = false; // key value
-  	      const tpa = tp.attr('tp');
-  	      if (tpa === 'kv' || /kv-\d+/.test(tpa)) kv = true;
-  	      let empty = el.names(`${n}-data`).length === 0;
-  	      // chip
-  	      const d = el.name(n).dom;
-  	      // 如果 input存在，优先获取 input 中的 data
-  	      if (d && d.type === 'hidden') {
-  	        const val = d.value;
-  	        if (!$.isEmpty(d.data)) v = d.data;
-  	        else if (val) {
-  	          v = val;
-  	          if (val.indexOf(',') > -1) v = val.split(',');
-  	        }
-  	      }
-
-  	      // 已经存在的数据视图，新增时，需删除后新增，避免重复
-  	      const ns = el.names(`${n}-data`);
-
-  	      // 数组，两维数组，对象数组
-  	      if ($.isArray(v))
-  	        v.forEach((r, x) => {
-  	          if (r) {
-  	            empty = false;
-  	            addData.bind(el)(tp, n, r, ns, idx); // 二维数组，模板中通过 r[0] r[1] 引用数据
-  	          }
-  	        });
-  	      else if ($.isObject(v) && kv) {
-  	        const ks = Object.keys(v);
-  	        if (ks.length) {
-  	          empty = false;
-  	          const ms = /kv-(\d+)/.exec(tpa);
-  	          if (!ms) {
-  	            ks.forEach(vk => {
-  	              if (v[vk]) {
-  	                addData.bind(el)(tp, n, {k: vk, v: v[vk]}, ns, idx);
-  	              }
-  	            });
-  	          } else {
-  	            const kn = ms[1];
-  	            let ik = 0;
-  	            // 取模存值
-  	            const mks = [];
-  	            const mvs = [];
-  	            let m = 0;
-  	            ks.forEach(vk => {
-  	              ik++;
-  	              mks.push(vk);
-  	              mvs.push(v[vk] ?? '');
-
-  	              // 取模
-  	              m = ik % kn;
-  	              // id >= kn
-  	              if (m === 0) {
-  	                const md = {};
-  	                mks.forEach((mk, mi) => {
-  	                  md[`k${mi + 1}`] = mks[mi];
-  	                  md[`v${mi + 1}`] = mvs[mi];
-  	                });
-  	                console.log('setData', {md});
-  	                addData.bind(el)(tp, n, md, ns, idx);
-  	                mks.length = 0;
-  	                mvs.length = 0;
-  	              }
-  	            });
-
-  	            if (m > 0) {
-  	              const md = {};
-  	              mks.forEach((mk, mi) => {
-  	                md[`k${mi + 1}`] = mks[mi];
-  	                md[`v${mi + 1}`] = mvs[mi];
-  	              });
-  	              console.log('setData', {md});
-  	              addData.bind(el)(tp, n, md, ns, idx);
-  	              mks.length = 0;
-  	              mvs.length = 0;
-  	            }
-  	          }
-  	        }
-  	      } else if (v) {
-  	        empty = false;
-  	        addData.bind(el)(tp, n, v, ns, idx);
-  	      }
-
-  	      // 支持点击删除
-  	      if (tp.hasClass('chip')) tp.parentNode().click(removeChip);
-
-  	      // img src-tp replace src
-  	      const imgs = tp.find('img[src-tp]');
-  	      el.find('img[src-tp]').forEach(img => {
-  	        if (imgs.length === 0 || imgs.indexOf(img) === -1) {
-  	          const $img = $(img);
-  	          $img.attr('src', $img.attr('src-tp'));
-  	          $img.removeAttr('src-tp');
-  	        }
-  	      });
-
-  	      // 如果数据节点为空，则显示空节点（存在则显示）
-  	      if (empty) el.name(`${n}-empty`).show();
-  	      else el.name(`${n}-empty`).hide();
-  	    } else {
-  	      // 没有-tp模板，查找-val，直接覆盖
-  	      const r = v;
-  	      const vp = el.name(`${n}-val`);
-  	      if (vp.length) {
-  	        const tx = vp.html();
-  	        if (r && tx.indexOf('${') > -1) {
-  	          vp.html(
-  	            render(tx, r)
-  	              .replaceAll('undefined:', '')
-  	              .replaceAll('undefined：', '')
-  	              .replaceAll('undefined', '')
-  	          );
-  	          // img $src replace src
-  	          vp.find('img[src-tp]').forEach(n => {
-  	            const $n = $(n);
-  	            $n.attr('src', $n.attr('src-tp'));
-  	          });
-  	        } else if (r) vp.html(r);
-  	      } else {
-  	        // 没有-tp和-val，获取name为k的视图，如果内部有${，按模板覆盖内容
-  	        // const $d = el.name(`${n}`);
-  	        if ($d.length && $d.dom.type !== 'text') {
-  	          const tx = $d.html();
-  	          if (r && tx && tx.indexOf('${') > -1) {
-  	            $d.html(
-  	              render(tx, r)
-  	                .replaceAll('undefined:', '')
-  	                .replaceAll('undefined：', '')
-  	                .replaceAll('undefined', '')
-  	            );
-  	            // img $src replace src
-  	            $d.find('img[src-tp]').forEach(img => {
-  	              const $img = $(img);
-  	              $img.attr('src', $img.attr('src-tp'));
-  	            });
-  	          }
-  	        }
-  	      }
-  	    }
-  	  } catch (ex) {
-  	    console.error('setData exp.', {msg: ex.message});
-  	  }
-  	}
-
-  	/**
-  	 * input 赋值时设置数据，自动去重
-  	 * 内部函数，被 setInput调用
-  	 * @param {*} n input Dom 实例
-  	 * @param {*} v 值
-  	 * @param {*} org 原来的值
-  	 */
-  	function getValue(n, v, org) {
-  	  let R = v;
-
-  	  try {
-  	    // 对象需判断是否重复
-  	    if ($.isObject(v)) {
-  	      if ($.isObject(org)) {
-  	        if ((org.id && org.id == v.id) || (org._id && org._id == v._id)) R = v;
-  	        else R = [org, v];
-  	      } else if ($.isArray(org)) {
-  	        const rs = org.filter(
-  	          o => (!o.id && !o._id) || (o.id && o.id != v.id) || (o._id && o._id != v._id)
-  	        );
-  	        if (rs.length) {
-  	          rs.push(v);
-  	          R = rs;
-  	        }
-  	      }
-  	    } else {
-  	      // 值变量，直接使用 value 字符串方式存储
-  	      let val = `${org},${v}`;
-  	      // 去重
-  	      if (val.indexOf(',') > -1) val = Array.from(new Set(val.split(','))).join(',');
-  	      R = val;
-  	    }
-  	  } catch (e) {
-  	    console.error('getValue exp.', {msg: e.message});
-  	  }
-  	  return R;
-  	}
-
-  	/**
-  	 * 设置 input 的值
-  	 * 如果带id，则检查是否已存在，避免重复添加
-  	 * @param {*} n 字段名称
-  	 * @param {*} v 值，接受字符串、对象 和 对象数组
-  	 * 对象、对象数组 赋值到 data，值，值数组，赋值到 value
-  	 */
-  	function setInput(n, v) {
-  	  try {
-  	    const el = this;
-  	    const d = el.name(n);
-  	    if (!d.length) return;
-
-  	    if ($.isEmpty(v)) return;
-
-  	    // 没有id 和 _id，自动添加 _id，避免重复添加
-  	    if ($.isObject(v) && v.id === undefined && v._id === undefined) v._id = $.num();
-  	    else if ($.isArray(v)) {
-  	      v.forEach(r => {
-  	        if ($.isObject(r) && r.id === undefined && r._id === undefined) r._id = $.num();
-  	      });
-  	    }
-
-  	    let org = d.dom.data;
-  	    if (!org) {
-  	      org = d.val();
-  	      // 隐藏域，从字符串还原对象，保存到 dom.data
-  	      if (d.dom.type === 'hidden' && /\s*[{[]/g.test(org)) {
-  	        try {
-  	          org = JSON.parse(org);
-  	          d.dom.data = org;
-  	          d.val('');
-  	        } catch (e) {
-  	          console.error('setInput exp.', {msg: e.message});
-  	        }
-  	      }
-  	    }
-
-  	    if ($.isEmpty(org)) {
-  	      if ($.isVal(v)) d.val(v);
-  	      else if ($.isArray(v) && $.isVal(v[0])) d.val(v.join(','));
-  	      else d.dom.data = v;
-  	    } else {
-  	      if ($.isArray(v)) {
-  	        v = v.reduce((pre, cur) => getValue(d, cur, pre), org);
-  	        if ($.hasVal(v) && $.isArray(v)) {
-  	          v = Array.from(new Set(v));
-  	        }
-  	      } else v = getValue(d, v, org);
-
-  	      if ($.hasVal(v)) {
-  	        if ($.isVal(v)) d.val(v);
-  	        // 值 数组
-  	        else if ($.isArray(v) && $.isVal(v[0])) d.val(v.join(','));
-  	        else d.dom.data = v;
-  	      }
-  	    }
-  	  } catch (ex) {
-  	    console.error('setInput exp.', {msg: ex.message});
-  	  }
-  	}
-
-  	// test
-  	// Object.keys(fn).forEach(k => ($.fn[k] = fn[k]));
-
-  	const View = /*#__PURE__*/Object.freeze({
-  	  __proto__: null,
-  	  addForms: addForms,
-  	  addView: addView,
-  	  clearForm: clearForm,
-  	  clearView: clearView,
-  	  getForm: getForm,
-  	  getView: getView,
-  	  setForm: setForm,
-  	  setForms: setForms,
-  	  setView: setView
-  	});
-
-  	/**
-  	 * 输出方法到 $.fn，用户对 $(dom) 对象操作
-  	 * 相关方法与用法与 zepto、jQuery兼容。
-  	 * 替代zepto、jQuery，不可同时使用zepto、jQuery
-  	 */
-
-
-  	// 获取当前全局$变量，$.fn 上增加操作函数！
-  	const $$1 = window.$ ?? {};
-  	[Methods, Scroll, Animate, View].forEach(group => {
-  	  // , eventShortcuts
-  	  Object.keys(group).forEach(methodName => {
-  	    $$1.fn[methodName] = group[methodName];
-  	  });
-  	});
-
-  	// shortcut methods for `.on(event, fn)` for each event type
-  	const noTrigger = 'resize scroll'.split(' ');
-  	(
-  	  'load,unload,dblclick,select,error,click,blur,focus,focusin,' +
-  	  'focusout,keyup,keydown,keypress,submit,change,mousedown,mousemove,mouseup,' +
-  	  'mouseenter,mouseleave,mouseout,mouseover,touchstart,touchend,touchmove,resize,' +
-  	  'scroll,swipe,press'
-  	)
-  	  .split(',')
-  	  .forEach(function (event) {
-  	    $$1.fn[event] = function (...args) {
-  	      if (typeof args[0] === 'undefined') {
-  	        for (let i = 0; i < this.length; i += 1) {
-  	          try {
-  	            if (noTrigger.indexOf(event) < 0) {
-  	              if (event in this[i]) this[i][event]();
-  	              else {
-  	                $$1(this[i]).trigger(event);
-  	              }
-  	            }
-  	          } catch (ex) {}
-  	        }
-  	        return this;
-  	      }
-  	      return this.on(event, ...args);
-  	    };
-  	  });
-
-  	function traverseNode(node, fun) {
-  	  fun(node);
-  	  for (var i = 0, len = node.childNodes.length; i < len; i++) traverseNode(node.childNodes[i], fun);
-  	}
-
-  	// Generate the `after`, `prepend`, `before`, `append`,
-  	// `insertAfter`, `insertBefore`, `appendTo`, and `prependTo` methods.
-  	const operators = ['after', 'prepend', 'before', 'append'];
-  	operators.forEach(function (op, idx) {
-  	  var inside = idx % 2; //=> prepend, append
-  	  $$1.fn[op] = function () {
-  	    // arguments can be nodes, arrays of nodes, Zepto objects and HTML strings
-  	    let argType;
-  	    // map 每个参数，支持添加多个节点
-  	    const nodes = $$1.map(arguments, function (arg) {
-  	      var arr = [];
-  	      argType = $$1.type(arg);
-  	      if (argType == 'array') {
-  	        arg.forEach(function (el) {
-  	          if (el.nodeType !== undefined) return arr.push(el);
-  	          else if ($$1.isDom(el)) return (arr = arr.concat(el.get()));
-  	          arr = arr.concat($$1.fragment(el));
-  	        });
-  	        return arr;
-  	      }
-  	      return argType == 'object' || arg == null ? arg : $$1.fragment(arg);
-  	    });
-
-  	    if (nodes.length < 1) return this;
-
-  	    let parent;
-  	    // 多目标节点增加新节点时，需克隆，否则只有最后一个目标节点增加了新节点
-  	    let copyByClone = this.length > 1;
-
-  	    // 针对每个节点进行节点添加操作
-  	    return this.each(function (_, target) {
-  	      parent = inside ? target : target.parentNode;
-
-  	      // convert all methods to a "before" operation
-  	      target =
-  	        idx == 0
-  	          ? target.nextSibling // after
-  	          : idx == 1
-  	          ? target.firstChild // prepend
-  	          : idx == 2
-  	          ? target // before
-  	          : null; // append
-
-  	      var parentInDoc = $$1.contains(document.documentElement, parent);
-
-  	      nodes.forEach(function (node) {
-  	        if (copyByClone) node = node.cloneNode(true);
-  	        else if (!parent) return $$1(node).remove();
-
-  	        parent.insertBefore(node, target);
-
-  	        // 防止空链接，刷新页面
-  	        const ns = $$1.qus('a[href=""]', parent);
-  	        if (ns && ns.length > 0) ns.forEach(n => n.setAttribute('href', 'javascript:;'));
-
-  	        if (parentInDoc)
-  	          // 执行 节点中包含的脚本代码
-  	          traverseNode(node, function (el) {
-  	            if (
-  	              el.nodeName != null &&
-  	              el.nodeName.toUpperCase() === 'SCRIPT' &&
-  	              (!el.type || el.type === 'text/javascript') &&
-  	              !el.src
-  	            ) {
-  	              var target = el.ownerDocument ? el.ownerDocument.defaultView : window;
-  	              target['eval'].call(target, el.innerHTML);
-  	            }
-  	          });
-  	      });
-  	    });
-  	  };
-
-  	  // 参数调换，参数作为目标节点，this作为新增节点
-  	  // after    => insertAfter
-  	  // prepend  => prependTo
-  	  // before   => insertBefore
-  	  // append   => appendTo
-  	  const op2 = inside ? op + 'To' : 'insert' + (idx ? 'Before' : 'After');
-  	  $$1.fn[op2] = function (html) {
-  	    $$1(html)[op](this);
-  	    return this;
-  	  };
-  	});
-
-  	$$1.default = $$1;
-  	// export {$};
-
-  	dom_cmn = $$1;
-  	return dom_cmn;
-  }
-
-  {
-    dom.exports = requireDom_cmn();
-  }
-
-  var domExports = dom.exports;
-  var $$1 = /*@__PURE__*/getDefaultExportFromCjs(domExports);
-
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -5591,8 +2292,9 @@
   var extend = Utils.extend,
     nextFrame = Utils.nextFrame,
     colorThemeCSSStyles = Utils.colorThemeCSSStyles;
-  var support = $$1.support,
-    device = $$1.device;
+  var _$ = $,
+    support = _$.support,
+    device = _$.device;
   var def = {
     version: '1.0.1',
     el: 'body',
@@ -5641,7 +2343,7 @@
       }
       var passedParams = extend({}, opts);
       var app = _assertThisInitialized(_this);
-      $$1.App = App;
+      $.App = App;
       App.instance = app;
       app.device = device;
       app.support = support;
@@ -5654,10 +2356,10 @@
       if (opts.root && !opts.el) {
         app.params.el = opts.root;
       }
-      $$1.isPage = function (p) {
+      $.isPage = function (p) {
         return p instanceof Page;
       };
-      $$1.isApp = function (p) {
+      $.isApp = function (p) {
         return p instanceof App;
       };
       extend(app, {
@@ -5692,7 +2394,7 @@
       app.initData();
       if (app.params.init) {
         if (device.cordova && app.params.initOnDeviceReady) {
-          $$1(document).on('deviceready', function () {
+          $(document).on('deviceready', function () {
             app.init();
           });
         } else {
@@ -5730,7 +2432,7 @@
     };
     _proto.mount = function mount(rootEl) {
       var app = this;
-      var $rootEl = $$1(rootEl || app.params.el).eq(0);
+      var $rootEl = $(rootEl || app.params.el).eq(0);
       extend(app, {
         root: $rootEl,
         $el: $rootEl,
@@ -5774,9 +2476,9 @@
       var app = this;
       app.data = {};
       if (app.params.data && typeof app.params.data === 'function') {
-        $$1.extend(app.data, app.params.data.bind(app)());
+        $.extend(app.data, app.params.data.bind(app)());
       } else if (app.params.data) {
-        $$1.extend(app.data, app.params.data);
+        $.extend(app.data, app.params.data);
       }
       app.methods = {};
       if (app.params.methods) {
@@ -5819,7 +2521,7 @@
         app.enableAutoDarkMode();
       } else {
         app.disableAutoDarkMode();
-        $$1('html')[mode ? 'addClass' : 'removeClass']('dark');
+        $('html')[mode ? 'addClass' : 'removeClass']('dark');
         app.darkMode = mode;
       }
     };
@@ -5830,7 +2532,7 @@
           el: app.$el[0]
         }
       }, function (el) {
-        app.$el = $$1(el);
+        app.$el = $(el);
         app.$el[0].wia = app;
         app.$elComponent = el.f7Component;
         app.el = app.$el[0];
@@ -5845,10 +2547,10 @@
         if (app.initialized) return app;
         app.$el.addClass('framework7-initializing');
         if (app.rtl) {
-          $$1('html').attr('dir', 'rtl');
+          $('html').attr('dir', 'rtl');
         }
         if (typeof app.params.darkMode === 'undefined') {
-          app.darkMode = $$1('html').hasClass('dark');
+          app.darkMode = $('html').hasClass('dark');
         } else {
           app.setDarkMode(app.params.darkMode);
         }
@@ -5863,12 +2565,12 @@
           app.emit('connection', true);
         });
         app.$el.addClass('framework7-root');
-        $$1('html').removeClass('ios md pc').addClass(app.theme);
+        $('html').removeClass('ios md pc').addClass(app.theme);
         if (app.params.iosTranslucentBars && app.theme === 'ios') {
-          $$1('html').addClass('ios-translucent-bars');
+          $('html').addClass('ios-translucent-bars');
         }
         if (app.params.iosTranslucentModals && app.theme === 'ios') {
-          $$1('html').addClass('ios-translucent-modals');
+          $('html').addClass('ios-translucent-modals');
         }
         nextFrame(function () {
           app.$el.removeClass('framework7-initializing');
@@ -5901,17 +2603,17 @@
     _createClass(App, [{
       key: "$",
       get: function get() {
-        return $$1;
+        return $;
       }
     }], [{
       key: "Dom",
       get: function get() {
-        return $$1;
+        return $;
       }
     }, {
       key: "$",
       get: function get() {
-        return $$1;
+        return $;
       }
     }, {
       key: "Module",