')
+ .appendTo(document.body)
+ .reflow()
+ .css('z-index', zIndex);
+ }
+ var level = $overlay.data('_overlay_level') || 0;
+ return $overlay.data('_overlay_level', ++level).addClass('mdui-overlay-show');
+ };
+
+ $.hideOverlay = function (force) {
+ if ( force === void 0 ) force = false;
+
+ var $overlay = $('.mdui-overlay');
+ if (!$overlay.length) {
+ return;
+ }
+ var level = force ? 1 : $overlay.data('_overlay_level');
+ if (level > 1) {
+ $overlay.data('_overlay_level', --level);
+ return;
+ }
+ $overlay
+ .data('_overlay_level', 0)
+ .removeClass('mdui-overlay-show')
+ .data('_overlay_is_deleted', true)
+ .transitionEnd(function () {
+ if ($overlay.data('_overlay_is_deleted')) {
+ $overlay.remove();
+ }
+ });
+ };
+
+ $.lockScreen = function () {
+ var $body = $('body');
+ // 不直接把 body 设为 box-sizing: border-box，避免污染全局样式
+ var newBodyWidth = $body.width();
+ var level = $body.data('_lockscreen_level') || 0;
+ $body
+ .addClass('mdui-locked')
+ .width(newBodyWidth)
+ .data('_lockscreen_level', ++level);
+ };
+
+ $.unlockScreen = function (force) {
+ if ( force === void 0 ) force = false;
+
+ var $body = $('body');
+ var level = force ? 1 : $body.data('_lockscreen_level');
+ if (level > 1) {
+ $body.data('_lockscreen_level', --level);
+ return;
+ }
+ $body.data('_lockscreen_level', 0).removeClass('mdui-locked').width('');
+ };
+
+ $.throttle = function (fn, delay) {
+ if ( delay === void 0 ) delay = 16;
+
+ var timer = null;
+ return function () {
+ var this$1 = this;
+ var args = [], len = arguments.length;
+ while ( len-- ) args[ len ] = arguments[ len ];
+
+ if (isNull(timer)) {
+ timer = setTimeout(function () {
+ fn.apply(this$1, args);
+ timer = null;
+ }, delay);
+ }
+ };
+ };
+
+ var GUID = {};
+ $.guid = function (name) {
+ if (!isUndefined(name) && !isUndefined(GUID[name])) {
+ return GUID[name];
+ }
+ function s4() {
+ return Math.floor((1 + Math.random()) * 0x10000)
+ .toString(16)
+ .substring(1);
+ }
+ var guid = '_' +
+ s4() +
+ s4() +
+ '-' +
+ s4() +
+ '-' +
+ s4() +
+ '-' +
+ s4() +
+ '-' +
+ s4() +
+ s4() +
+ s4();
+ if (!isUndefined(name)) {
+ GUID[name] = guid;
+ }
+ return guid;
+ };
+
+ mdui.mutation = function (selector, apiInit) {
+ if (isUndefined(selector) || isUndefined(apiInit)) {
+ $(document).mutation();
+ return;
+ }
+ entries[selector] = apiInit;
+ $(selector).each(function (i, element) { return mutation(selector, apiInit, i, element); });
+ };
+
+ /**
+ * 触发组件上的事件
+ * @param eventName 事件名
+ * @param componentName 组件名
+ * @param target 在该元素上触发事件
+ * @param instance 组件实例
+ * @param parameters 事件参数
+ */
+ function componentEvent(eventName, componentName, target, instance, parameters) {
+ if (!parameters) {
+ parameters = {};
+ }
+ // @ts-ignore
+ parameters.inst = instance;
+ var fullEventName = eventName + ".mdui." + componentName;
+ // jQuery 事件
+ // @ts-ignore
+ if (typeof jQuery !== 'undefined') {
+ // @ts-ignore
+ jQuery(target).trigger(fullEventName, parameters);
+ }
+ var $target = $(target);
+ // mdui.jq 事件
+ $target.trigger(fullEventName, parameters);
+ var eventParams = {
+ bubbles: true,
+ cancelable: true,
+ detail: parameters,
+ };
+ var eventObject = new CustomEvent(fullEventName, eventParams);
+ // @ts-ignore
+ eventObject._detail = parameters;
+ $target[0].dispatchEvent(eventObject);
+ }
+
+ var $document = $(document);
+ var $window = $(window);
+ var $body = $('body');
+
+ var DEFAULT_OPTIONS = {
+ tolerance: 5,
+ offset: 0,
+ initialClass: 'mdui-headroom',
+ pinnedClass: 'mdui-headroom-pinned-top',
+ unpinnedClass: 'mdui-headroom-unpinned-top',
+ };
+ var Headroom = function Headroom(selector, options) {
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS);
+ /**
+ * 当前 headroom 的状态
+ */
+ this.state = 'pinned';
+ /**
+ * 当前是否启用
+ */
+ this.isEnable = false;
+ /**
+ * 上次滚动后，垂直方向的距离
+ */
+ this.lastScrollY = 0;
+ /**
+ * AnimationFrame ID
+ */
+ this.rafId = 0;
+ this.$element = $(selector).first();
+ extend(this.options, options);
+ // tolerance 参数若为数值，转换为对象
+ var tolerance = this.options.tolerance;
+ if (isNumber(tolerance)) {
+ this.options.tolerance = {
+ down: tolerance,
+ up: tolerance,
+ };
+ }
+ this.enable();
+ };
+ /**
+ * 滚动时的处理
+ */
+ Headroom.prototype.onScroll = function onScroll () {
+ var this$1 = this;
+
+ this.rafId = window.requestAnimationFrame(function () {
+ var currentScrollY = window.pageYOffset;
+ var direction = currentScrollY > this$1.lastScrollY ? 'down' : 'up';
+ var tolerance = this$1.options.tolerance[direction];
+ var scrolled = Math.abs(currentScrollY - this$1.lastScrollY);
+ var toleranceExceeded = scrolled >= tolerance;
+ if (currentScrollY > this$1.lastScrollY &&
+ currentScrollY >= this$1.options.offset &&
+ toleranceExceeded) {
+ this$1.unpin();
+ }
+ else if ((currentScrollY < this$1.lastScrollY && toleranceExceeded) ||
+ currentScrollY <= this$1.options.offset) {
+ this$1.pin();
+ }
+ this$1.lastScrollY = currentScrollY;
+ });
+ };
+ /**
+ * 触发组件事件
+ * @param name
+ */
+ Headroom.prototype.triggerEvent = function triggerEvent (name) {
+ componentEvent(name, 'headroom', this.$element, this);
+ };
+ /**
+ * 动画结束的回调
+ */
+ Headroom.prototype.transitionEnd = function transitionEnd () {
+ if (this.state === 'pinning') {
+ this.state = 'pinned';
+ this.triggerEvent('pinned');
+ }
+ if (this.state === 'unpinning') {
+ this.state = 'unpinned';
+ this.triggerEvent('unpinned');
+ }
+ };
+ /**
+ * 使元素固定住
+ */
+ Headroom.prototype.pin = function pin () {
+ var this$1 = this;
+
+ if (this.state === 'pinning' ||
+ this.state === 'pinned' ||
+ !this.$element.hasClass(this.options.initialClass)) {
+ return;
+ }
+ this.triggerEvent('pin');
+ this.state = 'pinning';
+ this.$element
+ .removeClass(this.options.unpinnedClass)
+ .addClass(this.options.pinnedClass)
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ };
+ /**
+ * 使元素隐藏
+ */
+ Headroom.prototype.unpin = function unpin () {
+ var this$1 = this;
+
+ if (this.state === 'unpinning' ||
+ this.state === 'unpinned' ||
+ !this.$element.hasClass(this.options.initialClass)) {
+ return;
+ }
+ this.triggerEvent('unpin');
+ this.state = 'unpinning';
+ this.$element
+ .removeClass(this.options.pinnedClass)
+ .addClass(this.options.unpinnedClass)
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ };
+ /**
+ * 启用 headroom 插件
+ */
+ Headroom.prototype.enable = function enable () {
+ var this$1 = this;
+
+ if (this.isEnable) {
+ return;
+ }
+ this.isEnable = true;
+ this.state = 'pinned';
+ this.$element
+ .addClass(this.options.initialClass)
+ .removeClass(this.options.pinnedClass)
+ .removeClass(this.options.unpinnedClass);
+ this.lastScrollY = window.pageYOffset;
+ $window.on('scroll', function () { return this$1.onScroll(); });
+ };
+ /**
+ * 禁用 headroom 插件
+ */
+ Headroom.prototype.disable = function disable () {
+ var this$1 = this;
+
+ if (!this.isEnable) {
+ return;
+ }
+ this.isEnable = false;
+ this.$element
+ .removeClass(this.options.initialClass)
+ .removeClass(this.options.pinnedClass)
+ .removeClass(this.options.unpinnedClass);
+ $window.off('scroll', function () { return this$1.onScroll(); });
+ window.cancelAnimationFrame(this.rafId);
+ };
+ /**
+ * 获取当前状态。共包含四种状态：`pinning`、`pinned`、`unpinning`、`unpinned`
+ */
+ Headroom.prototype.getState = function getState () {
+ return this.state;
+ };
+ mdui.Headroom = Headroom;
+
+ /**
+ * 解析 DATA API 参数
+ * @param element 元素
+ * @param name 属性名
+ */
+ function parseOptions(element, name) {
+ var attr = $(element).attr(name);
+ if (!attr) {
+ return {};
+ }
+ return new Function('', ("var json = " + attr + "; return JSON.parse(JSON.stringify(json));"))();
+ }
+
+ var customAttr = 'mdui-headroom';
+ $(function () {
+ mdui.mutation(("[" + customAttr + "]"), function () {
+ new mdui.Headroom(this, parseOptions(this, customAttr));
+ });
+ });
+
+ var DEFAULT_OPTIONS$1 = {
+ accordion: false,
+ };
+ var CollapseAbstract = function CollapseAbstract(selector, options) {
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$1);
+ // CSS 类名
+ var classPrefix = "mdui-" + (this.getNamespace()) + "-item";
+ this.classItem = classPrefix;
+ this.classItemOpen = classPrefix + "-open";
+ this.classHeader = classPrefix + "-header";
+ this.classBody = classPrefix + "-body";
+ this.$element = $(selector).first();
+ extend(this.options, options);
+ this.bindEvent();
+ };
+ /**
+ * 绑定事件
+ */
+ CollapseAbstract.prototype.bindEvent = function bindEvent () {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var that = this;
+ // 点击 header 时，打开/关闭 item
+ this.$element.on('click', ("." + (this.classHeader)), function () {
+ var $header = $(this);
+ var $item = $header.parent();
+ var $items = that.getItems();
+ $items.each(function (_, item) {
+ if ($item.is(item)) {
+ that.toggle(item);
+ }
+ });
+ });
+ // 点击关闭按钮时，关闭 item
+ this.$element.on('click', ("[mdui-" + (this.getNamespace()) + "-item-close]"), function () {
+ var $target = $(this);
+ var $item = $target.parents(("." + (that.classItem))).first();
+ that.close($item);
+ });
+ };
+ /**
+ * 指定 item 是否处于打开状态
+ * @param $item
+ */
+ CollapseAbstract.prototype.isOpen = function isOpen ($item) {
+ return $item.hasClass(this.classItemOpen);
+ };
+ /**
+ * 获取所有 item
+ */
+ CollapseAbstract.prototype.getItems = function getItems () {
+ return this.$element.children(("." + (this.classItem)));
+ };
+ /**
+ * 获取指定 item
+ * @param item
+ */
+ CollapseAbstract.prototype.getItem = function getItem (item) {
+ if (isNumber(item)) {
+ return this.getItems().eq(item);
+ }
+ return $(item).first();
+ };
+ /**
+ * 触发组件事件
+ * @param name 事件名
+ * @param $item 事件触发的目标 item
+ */
+ CollapseAbstract.prototype.triggerEvent = function triggerEvent (name, $item) {
+ componentEvent(name, this.getNamespace(), $item, this);
+ };
+ /**
+ * 动画结束回调
+ * @param $content body 元素
+ * @param $item item 元素
+ */
+ CollapseAbstract.prototype.transitionEnd = function transitionEnd ($content, $item) {
+ if (this.isOpen($item)) {
+ $content.transition(0).height('auto').reflow().transition('');
+ this.triggerEvent('opened', $item);
+ }
+ else {
+ $content.height('');
+ this.triggerEvent('closed', $item);
+ }
+ };
+ /**
+ * 打开指定面板项
+ * @param item 面板项的索引号、或 CSS 选择器、或 DOM 元素、或 JQ 对象
+ */
+ CollapseAbstract.prototype.open = function open (item) {
+ var this$1 = this;
+
+ var $item = this.getItem(item);
+ if (this.isOpen($item)) {
+ return;
+ }
+ // 关闭其他项
+ if (this.options.accordion) {
+ this.$element.children(("." + (this.classItemOpen))).each(function (_, element) {
+ var $element = $(element);
+ if (!$element.is($item)) {
+ this$1.close($element);
+ }
+ });
+ }
+ var $content = $item.children(("." + (this.classBody)));
+ $content
+ .height($content[0].scrollHeight)
+ .transitionEnd(function () { return this$1.transitionEnd($content, $item); });
+ this.triggerEvent('open', $item);
+ $item.addClass(this.classItemOpen);
+ };
+ /**
+ * 关闭指定面板项
+ * @param item 面板项的索引号、或 CSS 选择器、或 DOM 元素、或 JQ 对象
+ */
+ CollapseAbstract.prototype.close = function close (item) {
+ var this$1 = this;
+
+ var $item = this.getItem(item);
+ if (!this.isOpen($item)) {
+ return;
+ }
+ var $content = $item.children(("." + (this.classBody)));
+ this.triggerEvent('close', $item);
+ $item.removeClass(this.classItemOpen);
+ $content
+ .transition(0)
+ .height($content[0].scrollHeight)
+ .reflow()
+ .transition('')
+ .height('')
+ .transitionEnd(function () { return this$1.transitionEnd($content, $item); });
+ };
+ /**
+ * 切换指定面板项的打开状态
+ * @param item 面板项的索引号、或 CSS 选择器、或 DOM 元素、或 JQ 对象
+ */
+ CollapseAbstract.prototype.toggle = function toggle (item) {
+ var $item = this.getItem(item);
+ this.isOpen($item) ? this.close($item) : this.open($item);
+ };
+ /**
+ * 打开所有面板项
+ */
+ CollapseAbstract.prototype.openAll = function openAll () {
+ var this$1 = this;
+
+ this.getItems().each(function (_, element) { return this$1.open(element); });
+ };
+ /**
+ * 关闭所有面板项
+ */
+ CollapseAbstract.prototype.closeAll = function closeAll () {
+ var this$1 = this;
+
+ this.getItems().each(function (_, element) { return this$1.close(element); });
+ };
+
+ var Collapse = /*@__PURE__*/(function (CollapseAbstract) {
+ function Collapse () {
+ CollapseAbstract.apply(this, arguments);
+ }
+
+ if ( CollapseAbstract ) Collapse.__proto__ = CollapseAbstract;
+ Collapse.prototype = Object.create( CollapseAbstract && CollapseAbstract.prototype );
+ Collapse.prototype.constructor = Collapse;
+
+ Collapse.prototype.getNamespace = function getNamespace () {
+ return 'collapse';
+ };
+
+ return Collapse;
+ }(CollapseAbstract));
+ mdui.Collapse = Collapse;
+
+ var customAttr$1 = 'mdui-collapse';
+ $(function () {
+ mdui.mutation(("[" + customAttr$1 + "]"), function () {
+ new mdui.Collapse(this, parseOptions(this, customAttr$1));
+ });
+ });
+
+ var Panel = /*@__PURE__*/(function (CollapseAbstract) {
+ function Panel () {
+ CollapseAbstract.apply(this, arguments);
+ }
+
+ if ( CollapseAbstract ) Panel.__proto__ = CollapseAbstract;
+ Panel.prototype = Object.create( CollapseAbstract && CollapseAbstract.prototype );
+ Panel.prototype.constructor = Panel;
+
+ Panel.prototype.getNamespace = function getNamespace () {
+ return 'panel';
+ };
+
+ return Panel;
+ }(CollapseAbstract));
+ mdui.Panel = Panel;
+
+ var customAttr$2 = 'mdui-panel';
+ $(function () {
+ mdui.mutation(("[" + customAttr$2 + "]"), function () {
+ new mdui.Panel(this, parseOptions(this, customAttr$2));
+ });
+ });
+
+ var Table = function Table(selector) {
+ /**
+ * 表头 tr 元素
+ */
+ this.$thRow = $();
+ /**
+ * 表格 body 中的 tr 元素
+ */
+ this.$tdRows = $();
+ /**
+ * 表头的 checkbox 元素
+ */
+ this.$thCheckbox = $();
+ /**
+ * 表格 body 中的 checkbox 元素
+ */
+ this.$tdCheckboxs = $();
+ /**
+ * 表格行是否可选择
+ */
+ this.selectable = false;
+ /**
+ * 已选中的行数
+ */
+ this.selectedRow = 0;
+ this.$element = $(selector).first();
+ this.init();
+ };
+ /**
+ * 初始化表格
+ */
+ Table.prototype.init = function init () {
+ this.$thRow = this.$element.find('thead tr');
+ this.$tdRows = this.$element.find('tbody tr');
+ this.selectable = this.$element.hasClass('mdui-table-selectable');
+ this.updateThCheckbox();
+ this.updateTdCheckbox();
+ this.updateNumericCol();
+ };
+ /**
+ * 生成 checkbox 的 HTML 结构
+ * @param tag 标签名
+ */
+ Table.prototype.createCheckboxHTML = function createCheckboxHTML (tag) {
+ return ("<" + tag + " class=\"mdui-table-cell-checkbox\">" +
+ '
' +
+ "");
+ };
+ /**
+ * 更新表头 checkbox 的状态
+ */
+ Table.prototype.updateThCheckboxStatus = function updateThCheckboxStatus () {
+ var checkbox = this.$thCheckbox[0];
+ var selectedRow = this.selectedRow;
+ var tdRowsLength = this.$tdRows.length;
+ checkbox.checked = selectedRow === tdRowsLength;
+ checkbox.indeterminate = !!selectedRow && selectedRow !== tdRowsLength;
+ };
+ /**
+ * 更新表格行的 checkbox
+ */
+ Table.prototype.updateTdCheckbox = function updateTdCheckbox () {
+ var this$1 = this;
+
+ var rowSelectedClass = 'mdui-table-row-selected';
+ this.$tdRows.each(function (_, row) {
+ var $row = $(row);
+ // 移除旧的 checkbox
+ $row.find('.mdui-table-cell-checkbox').remove();
+ if (!this$1.selectable) {
+ return;
+ }
+ // 创建 DOM
+ var $checkbox = $(this$1.createCheckboxHTML('td'))
+ .prependTo($row)
+ .find('input[type="checkbox"]');
+ // 默认选中的行
+ if ($row.hasClass(rowSelectedClass)) {
+ $checkbox[0].checked = true;
+ this$1.selectedRow++;
+ }
+ this$1.updateThCheckboxStatus();
+ // 绑定事件
+ $checkbox.on('change', function () {
+ if ($checkbox[0].checked) {
+ $row.addClass(rowSelectedClass);
+ this$1.selectedRow++;
+ }
+ else {
+ $row.removeClass(rowSelectedClass);
+ this$1.selectedRow--;
+ }
+ this$1.updateThCheckboxStatus();
+ });
+ this$1.$tdCheckboxs = this$1.$tdCheckboxs.add($checkbox);
+ });
+ };
+ /**
+ * 更新表头的 checkbox
+ */
+ Table.prototype.updateThCheckbox = function updateThCheckbox () {
+ var this$1 = this;
+
+ // 移除旧的 checkbox
+ this.$thRow.find('.mdui-table-cell-checkbox').remove();
+ if (!this.selectable) {
+ return;
+ }
+ this.$thCheckbox = $(this.createCheckboxHTML('th'))
+ .prependTo(this.$thRow)
+ .find('input[type="checkbox"]')
+ .on('change', function () {
+ var isCheckedAll = this$1.$thCheckbox[0].checked;
+ this$1.selectedRow = isCheckedAll ? this$1.$tdRows.length : 0;
+ this$1.$tdCheckboxs.each(function (_, checkbox) {
+ checkbox.checked = isCheckedAll;
+ });
+ this$1.$tdRows.each(function (_, row) {
+ isCheckedAll
+ ? $(row).addClass('mdui-table-row-selected')
+ : $(row).removeClass('mdui-table-row-selected');
+ });
+ });
+ };
+ /**
+ * 更新数值列
+ */
+ Table.prototype.updateNumericCol = function updateNumericCol () {
+ var this$1 = this;
+
+ var numericClass = 'mdui-table-col-numeric';
+ this.$thRow.find('th').each(function (i, th) {
+ var isNumericCol = $(th).hasClass(numericClass);
+ this$1.$tdRows.each(function (_, row) {
+ var $td = $(row).find('td').eq(i);
+ isNumericCol
+ ? $td.addClass(numericClass)
+ : $td.removeClass(numericClass);
+ });
+ });
+ };
+ var dataName = '_mdui_table';
+ $(function () {
+ mdui.mutation('.mdui-table', function () {
+ var $element = $(this);
+ if (!$element.data(dataName)) {
+ $element.data(dataName, new Table($element));
+ }
+ });
+ });
+ mdui.updateTables = function (selector) {
+ var $elements = isUndefined(selector) ? $('.mdui-table') : $(selector);
+ $elements.each(function (_, element) {
+ var $element = $(element);
+ var instance = $element.data(dataName);
+ if (instance) {
+ instance.init();
+ }
+ else {
+ $element.data(dataName, new Table($element));
+ }
+ });
+ };
+
+ /**
+ * touch 事件后的 500ms 内禁用 mousedown 事件
+ *
+ * 不支持触控的屏幕上事件顺序为 mousedown -> mouseup -> click
+ * 支持触控的屏幕上事件顺序为 touchstart -> touchend -> mousedown -> mouseup -> click
+ *
+ * 在每一个事件中都使用 TouchHandler.isAllow(event) 判断事件是否可执行
+ * 在 touchstart 和 touchmove、touchend、touchcancel
+ *
+ * (function () {
+ * $document
+ * .on(start, function (e) {
+ * if (!isAllow(e)) {
+ * return;
+ * }
+ * register(e);
+ * console.log(e.type);
+ * })
+ * .on(move, function (e) {
+ * if (!isAllow(e)) {
+ * return;
+ * }
+ * console.log(e.type);
+ * })
+ * .on(end, function (e) {
+ * if (!isAllow(e)) {
+ * return;
+ * }
+ * console.log(e.type);
+ * })
+ * .on(unlock, register);
+ * })();
+ */
+ var startEvent = 'touchstart mousedown';
+ var moveEvent = 'touchmove mousemove';
+ var endEvent = 'touchend mouseup';
+ var cancelEvent = 'touchcancel mouseleave';
+ var unlockEvent = 'touchend touchmove touchcancel';
+ var touches = 0;
+ /**
+ * 该事件是否被允许，在执行事件前调用该方法判断事件是否可以执行
+ * 若已触发 touch 事件，则阻止之后的鼠标事件
+ * @param event
+ */
+ function isAllow(event) {
+ return !(touches &&
+ [
+ 'mousedown',
+ 'mouseup',
+ 'mousemove',
+ 'click',
+ 'mouseover',
+ 'mouseout',
+ 'mouseenter',
+ 'mouseleave' ].indexOf(event.type) > -1);
+ }
+ /**
+ * 在 touchstart 和 touchmove、touchend、touchcancel 事件中调用该方法注册事件
+ * @param event
+ */
+ function register(event) {
+ if (event.type === 'touchstart') {
+ // 触发了 touch 事件
+ touches += 1;
+ }
+ else if (['touchmove', 'touchend', 'touchcancel'].indexOf(event.type) > -1) {
+ // touch 事件结束 500ms 后解除对鼠标事件的阻止
+ setTimeout(function () {
+ if (touches) {
+ touches -= 1;
+ }
+ }, 500);
+ }
+ }
+
+ /**
+ * Inspired by https://github.com/nolimits4web/Framework7/blob/master/src/js/fast-clicks.js
+ * https://github.com/nolimits4web/Framework7/blob/master/LICENSE
+ *
+ * Inspired by https://github.com/fians/Waves
+ */
+ /**
+ * 显示涟漪动画
+ * @param event
+ * @param $ripple
+ */
+ function show(event, $ripple) {
+ // 鼠标右键不产生涟漪
+ if (event instanceof MouseEvent && event.button === 2) {
+ return;
+ }
+ // 点击位置坐标
+ var touchPosition = typeof TouchEvent !== 'undefined' &&
+ event instanceof TouchEvent &&
+ event.touches.length
+ ? event.touches[0]
+ : event;
+ var touchStartX = touchPosition.pageX;
+ var touchStartY = touchPosition.pageY;
+ // 涟漪位置
+ var offset = $ripple.offset();
+ var height = $ripple.innerHeight();
+ var width = $ripple.innerWidth();
+ var center = {
+ x: touchStartX - offset.left,
+ y: touchStartY - offset.top,
+ };
+ var diameter = Math.max(Math.pow(Math.pow(height, 2) + Math.pow(width, 2), 0.5), 48);
+ // 涟漪扩散动画
+ var translate = "translate3d(" + (-center.x + width / 2) + "px," +
+ (-center.y + height / 2) + "px, 0) scale(1)";
+ // 涟漪的 DOM 结构，并缓存动画效果
+ $("
")
+ .data('_ripple_wave_translate', translate)
+ .prependTo($ripple)
+ .reflow()
+ .transform(translate);
+ }
+ /**
+ * 隐藏并移除涟漪
+ * @param $wave
+ */
+ function removeRipple($wave) {
+ if (!$wave.length || $wave.data('_ripple_wave_removed')) {
+ return;
+ }
+ $wave.data('_ripple_wave_removed', true);
+ var removeTimer = setTimeout(function () { return $wave.remove(); }, 400);
+ var translate = $wave.data('_ripple_wave_translate');
+ $wave
+ .addClass('mdui-ripple-wave-fill')
+ .transform(translate.replace('scale(1)', 'scale(1.01)'))
+ .transitionEnd(function () {
+ clearTimeout(removeTimer);
+ $wave
+ .addClass('mdui-ripple-wave-out')
+ .transform(translate.replace('scale(1)', 'scale(1.01)'));
+ removeTimer = setTimeout(function () { return $wave.remove(); }, 700);
+ setTimeout(function () {
+ $wave.transitionEnd(function () {
+ clearTimeout(removeTimer);
+ $wave.remove();
+ });
+ }, 0);
+ });
+ }
+ /**
+ * 隐藏涟漪动画
+ * @param this
+ */
+ function hide() {
+ var $ripple = $(this);
+ $ripple.children('.mdui-ripple-wave').each(function (_, wave) {
+ removeRipple($(wave));
+ });
+ $ripple.off((moveEvent + " " + endEvent + " " + cancelEvent), hide);
+ }
+ /**
+ * 显示涟漪，并绑定 touchend 等事件
+ * @param event
+ */
+ function showRipple(event) {
+ if (!isAllow(event)) {
+ return;
+ }
+ register(event);
+ // Chrome 59 点击滚动条时，会在 document 上触发事件
+ if (event.target === document) {
+ return;
+ }
+ var $target = $(event.target);
+ // 获取含 .mdui-ripple 类的元素
+ var $ripple = $target.hasClass('mdui-ripple')
+ ? $target
+ : $target.parents('.mdui-ripple').first();
+ if (!$ripple.length) {
+ return;
+ }
+ // 禁用状态的元素上不产生涟漪效果
+ if ($ripple.prop('disabled') || !isUndefined($ripple.attr('disabled'))) {
+ return;
+ }
+ if (event.type === 'touchstart') {
+ var hidden = false;
+ // touchstart 触发指定时间后开始涟漪动画，避免手指滑动时也触发涟漪
+ var timer = setTimeout(function () {
+ timer = 0;
+ show(event, $ripple);
+ }, 200);
+ var hideRipple = function () {
+ // 如果手指没有移动，且涟漪动画还没有开始，则开始涟漪动画
+ if (timer) {
+ clearTimeout(timer);
+ timer = 0;
+ show(event, $ripple);
+ }
+ if (!hidden) {
+ hidden = true;
+ hide.call($ripple);
+ }
+ };
+ // 手指移动后，移除涟漪动画
+ var touchMove = function () {
+ if (timer) {
+ clearTimeout(timer);
+ timer = 0;
+ }
+ hideRipple();
+ };
+ $ripple.on('touchmove', touchMove).on('touchend touchcancel', hideRipple);
+ }
+ else {
+ show(event, $ripple);
+ $ripple.on((moveEvent + " " + endEvent + " " + cancelEvent), hide);
+ }
+ }
+ $(function () {
+ $document.on(startEvent, showRipple).on(unlockEvent, register);
+ });
+
+ var defaultData = {
+ reInit: false,
+ domLoadedEvent: false,
+ };
+ /**
+ * 输入框事件
+ * @param event
+ * @param data
+ */
+ function inputEvent(event, data) {
+ if ( data === void 0 ) data = {};
+
+ data = extend({}, defaultData, data);
+ var input = event.target;
+ var $input = $(input);
+ var eventType = event.type;
+ var value = $input.val();
+ // 文本框类型
+ var inputType = $input.attr('type') || '';
+ if (['checkbox', 'button', 'submit', 'range', 'radio', 'image'].indexOf(inputType) > -1) {
+ return;
+ }
+ var $textfield = $input.parent('.mdui-textfield');
+ // 输入框是否聚焦
+ if (eventType === 'focus') {
+ $textfield.addClass('mdui-textfield-focus');
+ }
+ if (eventType === 'blur') {
+ $textfield.removeClass('mdui-textfield-focus');
+ }
+ // 输入框是否为空
+ if (eventType === 'blur' || eventType === 'input') {
+ value
+ ? $textfield.addClass('mdui-textfield-not-empty')
+ : $textfield.removeClass('mdui-textfield-not-empty');
+ }
+ // 输入框是否禁用
+ input.disabled
+ ? $textfield.addClass('mdui-textfield-disabled')
+ : $textfield.removeClass('mdui-textfield-disabled');
+ // 表单验证
+ if ((eventType === 'input' || eventType === 'blur') &&
+ !data.domLoadedEvent &&
+ input.validity) {
+ input.validity.valid
+ ? $textfield.removeClass('mdui-textfield-invalid-html5')
+ : $textfield.addClass('mdui-textfield-invalid-html5');
+ }
+ // textarea 高度自动调整
+ if ($input.is('textarea')) {
+ // IE bug：textarea 的值仅为多个换行，不含其他内容时，textarea 的高度不准确
+ // 此时，在计算高度前，在值的开头加入一个空格，计算完后，移除空格
+ var inputValue = value;
+ var hasExtraSpace = false;
+ if (inputValue.replace(/[\r\n]/g, '') === '') {
+ $input.val(' ' + inputValue);
+ hasExtraSpace = true;
+ }
+ // 设置 textarea 高度
+ $input.outerHeight('');
+ var height = $input.outerHeight();
+ var scrollHeight = input.scrollHeight;
+ if (scrollHeight > height) {
+ $input.outerHeight(scrollHeight);
+ }
+ // 计算完，还原 textarea 的值
+ if (hasExtraSpace) {
+ $input.val(inputValue);
+ }
+ }
+ // 实时字数统计
+ if (data.reInit) {
+ $textfield.find('.mdui-textfield-counter').remove();
+ }
+ var maxLength = $input.attr('maxlength');
+ if (maxLength) {
+ if (data.reInit || data.domLoadedEvent) {
+ $('
').appendTo($textfield);
+ }
+ $textfield
+ .find('.mdui-textfield-counter-inputed')
+ .text(value.length.toString());
+ }
+ // 含 帮助文本、错误提示、字数统计 时，增加文本框底部内边距
+ if ($textfield.find('.mdui-textfield-helper').length ||
+ $textfield.find('.mdui-textfield-error').length ||
+ maxLength) {
+ $textfield.addClass('mdui-textfield-has-bottom');
+ }
+ }
+ $(function () {
+ // 绑定事件
+ $document.on('input focus blur', '.mdui-textfield-input', { useCapture: true }, inputEvent);
+ // 可展开文本框展开
+ $document.on('click', '.mdui-textfield-expandable .mdui-textfield-icon', function () {
+ $(this)
+ .parents('.mdui-textfield')
+ .addClass('mdui-textfield-expanded')
+ .find('.mdui-textfield-input')[0]
+ .focus();
+ });
+ // 可展开文本框关闭
+ $document.on('click', '.mdui-textfield-expanded .mdui-textfield-close', function () {
+ $(this)
+ .parents('.mdui-textfield')
+ .removeClass('mdui-textfield-expanded')
+ .find('.mdui-textfield-input')
+ .val('');
+ });
+ /**
+ * 初始化文本框
+ */
+ mdui.mutation('.mdui-textfield', function () {
+ $(this).find('.mdui-textfield-input').trigger('input', {
+ domLoadedEvent: true,
+ });
+ });
+ });
+ mdui.updateTextFields = function (selector) {
+ var $elements = isUndefined(selector) ? $('.mdui-textfield') : $(selector);
+ $elements.each(function (_, element) {
+ $(element).find('.mdui-textfield-input').trigger('input', {
+ reInit: true,
+ });
+ });
+ };
+
+ /**
+ * 滑块的值改变后修改滑块样式
+ * @param $slider
+ */
+ function updateValueStyle($slider) {
+ var data = $slider.data();
+ var $track = data._slider_$track;
+ var $fill = data._slider_$fill;
+ var $thumb = data._slider_$thumb;
+ var $input = data._slider_$input;
+ var min = data._slider_min;
+ var max = data._slider_max;
+ var isDisabled = data._slider_disabled;
+ var isDiscrete = data._slider_discrete;
+ var $thumbText = data._slider_$thumbText;
+ var value = $input.val();
+ var percent = ((value - min) / (max - min)) * 100;
+ $fill.width((percent + "%"));
+ $track.width(((100 - percent) + "%"));
+ if (isDisabled) {
+ $fill.css('padding-right', '6px');
+ $track.css('padding-left', '6px');
+ }
+ $thumb.css('left', (percent + "%"));
+ if (isDiscrete) {
+ $thumbText.text(value);
+ }
+ percent === 0
+ ? $slider.addClass('mdui-slider-zero')
+ : $slider.removeClass('mdui-slider-zero');
+ }
+ /**
+ * 重新初始化滑块
+ * @param $slider
+ */
+ function reInit($slider) {
+ var $track = $('
');
+ var $input = $slider.find('input[type="range"]');
+ var isDisabled = $input[0].disabled;
+ var isDiscrete = $slider.hasClass('mdui-slider-discrete');
+ // 禁用状态
+ isDisabled
+ ? $slider.addClass('mdui-slider-disabled')
+ : $slider.removeClass('mdui-slider-disabled');
+ // 重新填充 HTML
+ $slider.find('.mdui-slider-track').remove();
+ $slider.find('.mdui-slider-fill').remove();
+ $slider.find('.mdui-slider-thumb').remove();
+ $slider.append($track).append($fill).append($thumb);
+ // 间续型滑块
+ var $thumbText = $();
+ if (isDiscrete) {
+ $thumbText = $('
');
+ $thumb.empty().append($thumbText);
+ }
+ $slider.data('_slider_$track', $track);
+ $slider.data('_slider_$fill', $fill);
+ $slider.data('_slider_$thumb', $thumb);
+ $slider.data('_slider_$input', $input);
+ $slider.data('_slider_min', $input.attr('min'));
+ $slider.data('_slider_max', $input.attr('max'));
+ $slider.data('_slider_disabled', isDisabled);
+ $slider.data('_slider_discrete', isDiscrete);
+ $slider.data('_slider_$thumbText', $thumbText);
+ // 设置默认值
+ updateValueStyle($slider);
+ }
+ var rangeSelector = '.mdui-slider input[type="range"]';
+ $(function () {
+ // 滑块滑动事件
+ $document.on('input change', rangeSelector, function () {
+ var $slider = $(this).parent();
+ updateValueStyle($slider);
+ });
+ // 开始触摸滑块事件
+ $document.on(startEvent, rangeSelector, function (event) {
+ if (!isAllow(event)) {
+ return;
+ }
+ register(event);
+ if (this.disabled) {
+ return;
+ }
+ var $slider = $(this).parent();
+ $slider.addClass('mdui-slider-focus');
+ });
+ // 结束触摸滑块事件
+ $document.on(endEvent, rangeSelector, function (event) {
+ if (!isAllow(event)) {
+ return;
+ }
+ if (this.disabled) {
+ return;
+ }
+ var $slider = $(this).parent();
+ $slider.removeClass('mdui-slider-focus');
+ });
+ $document.on(unlockEvent, rangeSelector, register);
+ /**
+ * 初始化滑块
+ */
+ mdui.mutation('.mdui-slider', function () {
+ reInit($(this));
+ });
+ });
+ mdui.updateSliders = function (selector) {
+ var $elements = isUndefined(selector) ? $('.mdui-slider') : $(selector);
+ $elements.each(function (_, element) {
+ reInit($(element));
+ });
+ };
+
+ var DEFAULT_OPTIONS$2 = {
+ trigger: 'hover',
+ };
+ var Fab = function Fab(selector, options) {
+ var this$1 = this;
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$2);
+ /**
+ * 当前 fab 的状态
+ */
+ this.state = 'closed';
+ this.$element = $(selector).first();
+ extend(this.options, options);
+ this.$btn = this.$element.find('.mdui-fab');
+ this.$dial = this.$element.find('.mdui-fab-dial');
+ this.$dialBtns = this.$dial.find('.mdui-fab');
+ if (this.options.trigger === 'hover') {
+ this.$btn.on('touchstart mouseenter', function () { return this$1.open(); });
+ this.$element.on('mouseleave', function () { return this$1.close(); });
+ }
+ if (this.options.trigger === 'click') {
+ this.$btn.on(startEvent, function () { return this$1.open(); });
+ }
+ // 触摸屏幕其他地方关闭快速拨号
+ $document.on(startEvent, function (event) {
+ if ($(event.target).parents('.mdui-fab-wrapper').length) {
+ return;
+ }
+ this$1.close();
+ });
+ };
+ /**
+ * 触发组件事件
+ * @param name
+ */
+ Fab.prototype.triggerEvent = function triggerEvent (name) {
+ componentEvent(name, 'fab', this.$element, this);
+ };
+ /**
+ * 当前是否为打开状态
+ */
+ Fab.prototype.isOpen = function isOpen () {
+ return this.state === 'opening' || this.state === 'opened';
+ };
+ /**
+ * 打开快速拨号菜单
+ */
+ Fab.prototype.open = function open () {
+ var this$1 = this;
+
+ if (this.isOpen()) {
+ return;
+ }
+ // 为菜单中的按钮添加不同的 transition-delay
+ this.$dialBtns.each(function (index, btn) {
+ var delay = (15 * (this$1.$dialBtns.length - index)) + "ms";
+ btn.style.transitionDelay = delay;
+ btn.style.webkitTransitionDelay = delay;
+ });
+ this.$dial.css('height', 'auto').addClass('mdui-fab-dial-show');
+ // 如果按钮中存在 .mdui-fab-opened 的图标，则进行图标切换
+ if (this.$btn.find('.mdui-fab-opened').length) {
+ this.$btn.addClass('mdui-fab-opened');
+ }
+ this.state = 'opening';
+ this.triggerEvent('open');
+ // 打开顺序为从下到上逐个打开，最上面的打开后才表示动画完成
+ this.$dialBtns.first().transitionEnd(function () {
+ if (this$1.$btn.hasClass('mdui-fab-opened')) {
+ this$1.state = 'opened';
+ this$1.triggerEvent('opened');
+ }
+ });
+ };
+ /**
+ * 关闭快速拨号菜单
+ */
+ Fab.prototype.close = function close () {
+ var this$1 = this;
+
+ if (!this.isOpen()) {
+ return;
+ }
+ // 为菜单中的按钮添加不同的 transition-delay
+ this.$dialBtns.each(function (index, btn) {
+ var delay = (15 * index) + "ms";
+ btn.style.transitionDelay = delay;
+ btn.style.webkitTransitionDelay = delay;
+ });
+ this.$dial.removeClass('mdui-fab-dial-show');
+ this.$btn.removeClass('mdui-fab-opened');
+ this.state = 'closing';
+ this.triggerEvent('close');
+ // 从上往下依次关闭，最后一个关闭后才表示动画完成
+ this.$dialBtns.last().transitionEnd(function () {
+ if (this$1.$btn.hasClass('mdui-fab-opened')) {
+ return;
+ }
+ this$1.state = 'closed';
+ this$1.triggerEvent('closed');
+ this$1.$dial.css('height', 0);
+ });
+ };
+ /**
+ * 切换快速拨号菜单的打开状态
+ */
+ Fab.prototype.toggle = function toggle () {
+ this.isOpen() ? this.close() : this.open();
+ };
+ /**
+ * 以动画的形式显示整个浮动操作按钮
+ */
+ Fab.prototype.show = function show () {
+ this.$element.removeClass('mdui-fab-hide');
+ };
+ /**
+ * 以动画的形式隐藏整个浮动操作按钮
+ */
+ Fab.prototype.hide = function hide () {
+ this.$element.addClass('mdui-fab-hide');
+ };
+ /**
+ * 返回当前快速拨号菜单的打开状态。共包含四种状态：`opening`、`opened`、`closing`、`closed`
+ */
+ Fab.prototype.getState = function getState () {
+ return this.state;
+ };
+ mdui.Fab = Fab;
+
+ var customAttr$3 = 'mdui-fab';
+ $(function () {
+ // mouseenter 不冒泡，无法进行事件委托，这里用 mouseover 代替。
+ // 不管是 click 、 mouseover 还是 touchstart ，都先初始化。
+ $document.on('touchstart mousedown mouseover', ("[" + customAttr$3 + "]"), function () {
+ new mdui.Fab(this, parseOptions(this, customAttr$3));
+ });
+ });
+
+ /**
+ * 最终生成的元素结构为：
+ *
+ */
+ var DEFAULT_OPTIONS$3 = {
+ position: 'auto',
+ gutter: 16,
+ };
+ var Select = function Select(selector, options) {
+ var this$1 = this;
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 生成的 `
` 元素的 JQ 对象
+ */
+ this.$element = $();
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$3);
+ /**
+ * select 的 size 属性的值，根据该值设置 select 的高度
+ */
+ this.size = 0;
+ /**
+ * 占位元素，显示已选中菜单项的文本
+ */
+ this.$selected = $();
+ /**
+ * 菜单项的外层元素的 JQ 对象
+ */
+ this.$menu = $();
+ /**
+ * 菜单项数组的 JQ 对象
+ */
+ this.$items = $();
+ /**
+ * 当前选中的菜单项的索引号
+ */
+ this.selectedIndex = 0;
+ /**
+ * 当前选中菜单项的文本
+ */
+ this.selectedText = '';
+ /**
+ * 当前选中菜单项的值
+ */
+ this.selectedValue = '';
+ /**
+ * 当前 select 的状态
+ */
+ this.state = 'closed';
+ this.$native = $(selector).first();
+ this.$native.hide();
+ extend(this.options, options);
+ // 为当前 select 生成唯一 ID
+ this.uniqueID = $.guid();
+ // 生成 select
+ this.handleUpdate();
+ // 点击 select 外面区域关闭
+ $document.on('click touchstart', function (event) {
+ var $target = $(event.target);
+ if (this$1.isOpen() &&
+ !$target.is(this$1.$element) &&
+ !contains(this$1.$element[0], $target[0])) {
+ this$1.close();
+ }
+ });
+ };
+ /**
+ * 调整菜单位置
+ */
+ Select.prototype.readjustMenu = function readjustMenu () {
+ var windowHeight = $window.height();
+ // mdui-select 高度
+ var elementHeight = this.$element.height();
+ // 菜单项高度
+ var $itemFirst = this.$items.first();
+ var itemHeight = $itemFirst.height();
+ var itemMargin = parseInt($itemFirst.css('margin-top'));
+ // 菜单高度
+ var menuWidth = this.$element.innerWidth() + 0.01; // 必须比真实宽度多一点，不然会出现省略号
+ var menuHeight = itemHeight * this.size + itemMargin * 2;
+ // mdui-select 在窗口中的位置
+ var elementTop = this.$element[0].getBoundingClientRect().top;
+ var transformOriginY;
+ var menuMarginTop;
+ if (this.options.position === 'bottom') {
+ menuMarginTop = elementHeight;
+ transformOriginY = '0px';
+ }
+ else if (this.options.position === 'top') {
+ menuMarginTop = -menuHeight - 1;
+ transformOriginY = '100%';
+ }
+ else {
+ // 菜单高度不能超过窗口高度
+ var menuMaxHeight = windowHeight - this.options.gutter * 2;
+ if (menuHeight > menuMaxHeight) {
+ menuHeight = menuMaxHeight;
+ }
+ // 菜单的 margin-top
+ menuMarginTop = -(itemMargin +
+ this.selectedIndex * itemHeight +
+ (itemHeight - elementHeight) / 2);
+ var menuMaxMarginTop = -(itemMargin +
+ (this.size - 1) * itemHeight +
+ (itemHeight - elementHeight) / 2);
+ if (menuMarginTop < menuMaxMarginTop) {
+ menuMarginTop = menuMaxMarginTop;
+ }
+ // 菜单不能超出窗口
+ var menuTop = elementTop + menuMarginTop;
+ if (menuTop < this.options.gutter) {
+ // 不能超出窗口上方
+ menuMarginTop = -(elementTop - this.options.gutter);
+ }
+ else if (menuTop + menuHeight + this.options.gutter > windowHeight) {
+ // 不能超出窗口下方
+ menuMarginTop = -(elementTop +
+ menuHeight +
+ this.options.gutter -
+ windowHeight);
+ }
+ // transform 的 Y 轴坐标
+ transformOriginY = (this.selectedIndex * itemHeight + itemHeight / 2 + itemMargin) + "px";
+ }
+ // 设置样式
+ this.$element.innerWidth(menuWidth);
+ this.$menu
+ .innerWidth(menuWidth)
+ .height(menuHeight)
+ .css({
+ 'margin-top': menuMarginTop + 'px',
+ 'transform-origin': 'center ' + transformOriginY + ' 0',
+ });
+ };
+ /**
+ * select 是否为打开状态
+ */
+ Select.prototype.isOpen = function isOpen () {
+ return this.state === 'opening' || this.state === 'opened';
+ };
+ /**
+ * 对原生 select 组件进行了修改后，需要调用该方法
+ */
+ Select.prototype.handleUpdate = function handleUpdate () {
+ var this$1 = this;
+
+ if (this.isOpen()) {
+ this.close();
+ }
+ this.selectedValue = this.$native.val();
+ var itemsData = [];
+ this.$items = $();
+ // 生成 HTML
+ this.$native.find('option').each(function (index, option) {
+ var text = option.textContent || '';
+ var value = option.value;
+ var disabled = option.disabled;
+ var selected = this$1.selectedValue === value;
+ itemsData.push({
+ value: value,
+ text: text,
+ disabled: disabled,
+ selected: selected,
+ index: index,
+ });
+ if (selected) {
+ this$1.selectedText = text;
+ this$1.selectedIndex = index;
+ }
+ this$1.$items = this$1.$items.add('");
+ });
+ this.$selected = $(("
" + (this.selectedText) + ""));
+ this.$element = $("
")
+ .show()
+ .append(this.$selected);
+ this.$menu = $('')
+ .appendTo(this.$element)
+ .append(this.$items);
+ $(("#" + (this.uniqueID))).remove();
+ this.$native.after(this.$element);
+ // 根据 select 的 size 属性设置高度
+ this.size = parseInt(this.$native.attr('size') || '0');
+ if (this.size <= 0) {
+ this.size = this.$items.length;
+ if (this.size > 8) {
+ this.size = 8;
+ }
+ }
+ // 点击选项时关闭下拉菜单
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var that = this;
+ this.$items.on('click', function () {
+ if (that.state === 'closing') {
+ return;
+ }
+ var $item = $(this);
+ var index = $item.index();
+ var data = itemsData[index];
+ if (data.disabled) {
+ return;
+ }
+ that.$selected.text(data.text);
+ that.$native.val(data.value);
+ that.$items.removeAttr('selected');
+ $item.attr('selected', '');
+ that.selectedIndex = data.index;
+ that.selectedValue = data.value;
+ that.selectedText = data.text;
+ that.$native.trigger('change');
+ that.close();
+ });
+ // 点击 $element 时打开下拉菜单
+ this.$element.on('click', function (event) {
+ var $target = $(event.target);
+ // 在菜单上点击时不打开
+ if ($target.is('.mdui-select-menu') ||
+ $target.is('.mdui-select-menu-item')) {
+ return;
+ }
+ this$1.toggle();
+ });
+ };
+ /**
+ * 动画结束的回调
+ */
+ Select.prototype.transitionEnd = function transitionEnd () {
+ this.$element.removeClass('mdui-select-closing');
+ if (this.state === 'opening') {
+ this.state = 'opened';
+ this.triggerEvent('opened');
+ this.$menu.css('overflow-y', 'auto');
+ }
+ if (this.state === 'closing') {
+ this.state = 'closed';
+ this.triggerEvent('closed');
+ // 恢复样式
+ this.$element.innerWidth('');
+ this.$menu.css({
+ 'margin-top': '',
+ height: '',
+ width: '',
+ });
+ }
+ };
+ /**
+ * 触发组件事件
+ * @param name
+ */
+ Select.prototype.triggerEvent = function triggerEvent (name) {
+ componentEvent(name, 'select', this.$native, this);
+ };
+ /**
+ * 切换下拉菜单的打开状态
+ */
+ Select.prototype.toggle = function toggle () {
+ this.isOpen() ? this.close() : this.open();
+ };
+ /**
+ * 打开下拉菜单
+ */
+ Select.prototype.open = function open () {
+ var this$1 = this;
+
+ if (this.isOpen()) {
+ return;
+ }
+ this.state = 'opening';
+ this.triggerEvent('open');
+ this.readjustMenu();
+ this.$element.addClass('mdui-select-open');
+ this.$menu.transitionEnd(function () { return this$1.transitionEnd(); });
+ };
+ /**
+ * 关闭下拉菜单
+ */
+ Select.prototype.close = function close () {
+ var this$1 = this;
+
+ if (!this.isOpen()) {
+ return;
+ }
+ this.state = 'closing';
+ this.triggerEvent('close');
+ this.$menu.css('overflow-y', '');
+ this.$element
+ .removeClass('mdui-select-open')
+ .addClass('mdui-select-closing');
+ this.$menu.transitionEnd(function () { return this$1.transitionEnd(); });
+ };
+ /**
+ * 获取当前菜单的状态。共包含四种状态：`opening`、`opened`、`closing`、`closed`
+ */
+ Select.prototype.getState = function getState () {
+ return this.state;
+ };
+ mdui.Select = Select;
+
+ var customAttr$4 = 'mdui-select';
+ $(function () {
+ mdui.mutation(("[" + customAttr$4 + "]"), function () {
+ new mdui.Select(this, parseOptions(this, customAttr$4));
+ });
+ });
+
+ $(function () {
+ // 滚动时隐藏应用栏
+ mdui.mutation('.mdui-appbar-scroll-hide', function () {
+ new mdui.Headroom(this);
+ });
+ // 滚动时只隐藏应用栏中的工具栏
+ mdui.mutation('.mdui-appbar-scroll-toolbar-hide', function () {
+ new mdui.Headroom(this, {
+ pinnedClass: 'mdui-headroom-pinned-toolbar',
+ unpinnedClass: 'mdui-headroom-unpinned-toolbar',
+ });
+ });
+ });
+
+ var DEFAULT_OPTIONS$4 = {
+ trigger: 'click',
+ loop: false,
+ };
+ var Tab = function Tab(selector, options) {
+ var this$1 = this;
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$4);
+ /**
+ * 当前激活的 tab 的索引号。为 -1 时表示没有激活的选项卡，或不存在选项卡
+ */
+ this.activeIndex = -1;
+ this.$element = $(selector).first();
+ extend(this.options, options);
+ this.$tabs = this.$element.children('a');
+ this.$indicator = $('
').appendTo(this.$element);
+ // 根据 url hash 获取默认激活的选项卡
+ var hash = window.location.hash;
+ if (hash) {
+ this.$tabs.each(function (index, tab) {
+ if ($(tab).attr('href') === hash) {
+ this$1.activeIndex = index;
+ return false;
+ }
+ return true;
+ });
+ }
+ // 含 .mdui-tab-active 的元素默认激活
+ if (this.activeIndex === -1) {
+ this.$tabs.each(function (index, tab) {
+ if ($(tab).hasClass('mdui-tab-active')) {
+ this$1.activeIndex = index;
+ return false;
+ }
+ return true;
+ });
+ }
+ // 存在选项卡时，默认激活第一个选项卡
+ if (this.$tabs.length && this.activeIndex === -1) {
+ this.activeIndex = 0;
+ }
+ // 设置激活状态选项卡
+ this.setActive();
+ // 监听窗口大小变化事件，调整指示器位置
+ $window.on('resize', $.throttle(function () { return this$1.setIndicatorPosition(); }, 100));
+ // 监听点击选项卡事件
+ this.$tabs.each(function (_, tab) {
+ this$1.bindTabEvent(tab);
+ });
+ };
+ /**
+ * 指定选项卡是否已禁用
+ * @param $tab
+ */
+ Tab.prototype.isDisabled = function isDisabled ($tab) {
+ return $tab.attr('disabled') !== undefined;
+ };
+ /**
+ * 绑定在 Tab 上点击或悬浮的事件
+ * @param tab
+ */
+ Tab.prototype.bindTabEvent = function bindTabEvent (tab) {
+ var this$1 = this;
+
+ var $tab = $(tab);
+ // 点击或鼠标移入触发的事件
+ var clickEvent = function () {
+ // 禁用状态的选项卡无法选中
+ if (this$1.isDisabled($tab)) {
+ return false;
+ }
+ this$1.activeIndex = this$1.$tabs.index(tab);
+ this$1.setActive();
+ };
+ // 无论 trigger 是 click 还是 hover，都会响应 click 事件
+ $tab.on('click', clickEvent);
+ // trigger 为 hover 时，额外响应 mouseenter 事件
+ if (this.options.trigger === 'hover') {
+ $tab.on('mouseenter', clickEvent);
+ }
+ // 阻止链接的默认点击动作
+ $tab.on('click', function () {
+ if (($tab.attr('href') || '').indexOf('#') === 0) {
+ return false;
+ }
+ });
+ };
+ /**
+ * 触发组件事件
+ * @param name
+ * @param $element
+ * @param parameters
+ */
+ Tab.prototype.triggerEvent = function triggerEvent (name, $element, parameters) {
+ if ( parameters === void 0 ) parameters = {};
+
+ componentEvent(name, 'tab', $element, this, parameters);
+ };
+ /**
+ * 设置激活状态的选项卡
+ */
+ Tab.prototype.setActive = function setActive () {
+ var this$1 = this;
+
+ this.$tabs.each(function (index, tab) {
+ var $tab = $(tab);
+ var targetId = $tab.attr('href') || '';
+ // 设置选项卡激活状态
+ if (index === this$1.activeIndex && !this$1.isDisabled($tab)) {
+ if (!$tab.hasClass('mdui-tab-active')) {
+ this$1.triggerEvent('change', this$1.$element, {
+ index: this$1.activeIndex,
+ id: targetId.substr(1),
+ });
+ this$1.triggerEvent('show', $tab);
+ $tab.addClass('mdui-tab-active');
+ }
+ $(targetId).show();
+ this$1.setIndicatorPosition();
+ }
+ else {
+ $tab.removeClass('mdui-tab-active');
+ $(targetId).hide();
+ }
+ });
+ };
+ /**
+ * 设置选项卡指示器的位置
+ */
+ Tab.prototype.setIndicatorPosition = function setIndicatorPosition () {
+ // 选项卡数量为 0 时，不显示指示器
+ if (this.activeIndex === -1) {
+ this.$indicator.css({
+ left: 0,
+ width: 0,
+ });
+ return;
+ }
+ var $activeTab = this.$tabs.eq(this.activeIndex);
+ if (this.isDisabled($activeTab)) {
+ return;
+ }
+ var activeTabOffset = $activeTab.offset();
+ this.$indicator.css({
+ left: ((activeTabOffset.left +
+ this.$element[0].scrollLeft -
+ this.$element[0].getBoundingClientRect().left) + "px"),
+ width: (($activeTab.innerWidth()) + "px"),
+ });
+ };
+ /**
+ * 切换到下一个选项卡
+ */
+ Tab.prototype.next = function next () {
+ if (this.activeIndex === -1) {
+ return;
+ }
+ if (this.$tabs.length > this.activeIndex + 1) {
+ this.activeIndex++;
+ }
+ else if (this.options.loop) {
+ this.activeIndex = 0;
+ }
+ this.setActive();
+ };
+ /**
+ * 切换到上一个选项卡
+ */
+ Tab.prototype.prev = function prev () {
+ if (this.activeIndex === -1) {
+ return;
+ }
+ if (this.activeIndex > 0) {
+ this.activeIndex--;
+ }
+ else if (this.options.loop) {
+ this.activeIndex = this.$tabs.length - 1;
+ }
+ this.setActive();
+ };
+ /**
+ * 显示指定索引号、或指定id的选项卡
+ * @param index 索引号、或id
+ */
+ Tab.prototype.show = function show (index) {
+ var this$1 = this;
+
+ if (this.activeIndex === -1) {
+ return;
+ }
+ if (isNumber(index)) {
+ this.activeIndex = index;
+ }
+ else {
+ this.$tabs.each(function (i, tab) {
+ if (tab.id === index) {
+ this$1.activeIndex === i;
+ return false;
+ }
+ });
+ }
+ this.setActive();
+ };
+ /**
+ * 在父元素的宽度变化时，需要调用该方法重新调整指示器位置
+ * 在添加或删除选项卡时，需要调用该方法
+ */
+ Tab.prototype.handleUpdate = function handleUpdate () {
+ var this$1 = this;
+
+ var $oldTabs = this.$tabs; // 旧的 tabs JQ对象
+ var $newTabs = this.$element.children('a'); // 新的 tabs JQ对象
+ var oldTabsElement = $oldTabs.get(); // 旧的 tabs 元素数组
+ var newTabsElement = $newTabs.get(); // 新的 tabs 元素数组
+ if (!$newTabs.length) {
+ this.activeIndex = -1;
+ this.$tabs = $newTabs;
+ this.setIndicatorPosition();
+ return;
+ }
+ // 重新遍历选项卡，找出新增的选项卡
+ $newTabs.each(function (index, tab) {
+ // 有新增的选项卡
+ if (oldTabsElement.indexOf(tab) < 0) {
+ this$1.bindTabEvent(tab);
+ if (this$1.activeIndex === -1) {
+ this$1.activeIndex = 0;
+ }
+ else if (index <= this$1.activeIndex) {
+ this$1.activeIndex++;
+ }
+ }
+ });
+ // 找出被移除的选项卡
+ $oldTabs.each(function (index, tab) {
+ // 有被移除的选项卡
+ if (newTabsElement.indexOf(tab) < 0) {
+ if (index < this$1.activeIndex) {
+ this$1.activeIndex--;
+ }
+ else if (index === this$1.activeIndex) {
+ this$1.activeIndex = 0;
+ }
+ }
+ });
+ this.$tabs = $newTabs;
+ this.setActive();
+ };
+ mdui.Tab = Tab;
+
+ var customAttr$5 = 'mdui-tab';
+ $(function () {
+ mdui.mutation(("[" + customAttr$5 + "]"), function () {
+ new mdui.Tab(this, parseOptions(this, customAttr$5));
+ });
+ });
+
+ /**
+ * 在桌面设备上默认显示抽屉栏，不显示遮罩层
+ * 在手机和平板设备上默认不显示抽屉栏，始终显示遮罩层，且覆盖导航栏
+ */
+ var DEFAULT_OPTIONS$5 = {
+ overlay: false,
+ swipe: false,
+ };
+ var Drawer = function Drawer(selector, options) {
+ var this$1 = this;
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$5);
+ /**
+ * 当前是否显示着遮罩层
+ */
+ this.overlay = false;
+ this.$element = $(selector).first();
+ extend(this.options, options);
+ this.position = this.$element.hasClass('mdui-drawer-right')
+ ? 'right'
+ : 'left';
+ if (this.$element.hasClass('mdui-drawer-close')) {
+ this.state = 'closed';
+ }
+ else if (this.$element.hasClass('mdui-drawer-open')) {
+ this.state = 'opened';
+ }
+ else if (this.isDesktop()) {
+ this.state = 'opened';
+ }
+ else {
+ this.state = 'closed';
+ }
+ // 浏览器窗口大小调整时
+ $window.on('resize', $.throttle(function () {
+ if (this$1.isDesktop()) {
+ // 由手机平板切换到桌面时
+ // 如果显示着遮罩，则隐藏遮罩
+ if (this$1.overlay && !this$1.options.overlay) {
+ $.hideOverlay();
+ this$1.overlay = false;
+ $.unlockScreen();
+ }
+ // 没有强制关闭，则状态为打开状态
+ if (!this$1.$element.hasClass('mdui-drawer-close')) {
+ this$1.state = 'opened';
+ }
+ }
+ else if (!this$1.overlay && this$1.state === 'opened') {
+ // 由桌面切换到手机平板时。如果抽屉栏是打开着的且没有遮罩层，则关闭抽屉栏
+ if (this$1.$element.hasClass('mdui-drawer-open')) {
+ $.showOverlay();
+ this$1.overlay = true;
+ $.lockScreen();
+ $('.mdui-overlay').one('click', function () { return this$1.close(); });
+ }
+ else {
+ this$1.state = 'closed';
+ }
+ }
+ }, 100));
+ // 绑定关闭按钮事件
+ this.$element.find('[mdui-drawer-close]').each(function (_, close) {
+ $(close).on('click', function () { return this$1.close(); });
+ });
+ this.swipeSupport();
+ };
+ /**
+ * 是否是桌面设备
+ */
+ Drawer.prototype.isDesktop = function isDesktop () {
+ return $window.width() >= 1024;
+ };
+ /**
+ * 滑动手势支持
+ */
+ Drawer.prototype.swipeSupport = function swipeSupport () {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var that = this;
+ // 抽屉栏滑动手势控制
+ var openNavEventHandler;
+ var touchStartX;
+ var touchStartY;
+ var swipeStartX;
+ var swiping = null;
+ var maybeSwiping = false;
+ var $body = $('body');
+ // 手势触发的范围
+ var swipeAreaWidth = 24;
+ function setPosition(translateX) {
+ var rtlTranslateMultiplier = that.position === 'right' ? -1 : 1;
+ var transformCSS = "translate(" + (-1 * rtlTranslateMultiplier * translateX) + "px, 0) !important;";
+ var transitionCSS = 'initial !important;';
+ that.$element.css('cssText', ("transform: " + transformCSS + "; transition: " + transitionCSS + ";"));
+ }
+ function cleanPosition() {
+ that.$element[0].style.transform = '';
+ that.$element[0].style.webkitTransform = '';
+ that.$element[0].style.transition = '';
+ that.$element[0].style.webkitTransition = '';
+ }
+ function getMaxTranslateX() {
+ return that.$element.width() + 10;
+ }
+ function getTranslateX(currentX) {
+ return Math.min(Math.max(swiping === 'closing'
+ ? swipeStartX - currentX
+ : getMaxTranslateX() + swipeStartX - currentX, 0), getMaxTranslateX());
+ }
+ function onBodyTouchEnd(event) {
+ if (swiping) {
+ var touchX = event.changedTouches[0].pageX;
+ if (that.position === 'right') {
+ touchX = $body.width() - touchX;
+ }
+ var translateRatio = getTranslateX(touchX) / getMaxTranslateX();
+ maybeSwiping = false;
+ var swipingState = swiping;
+ swiping = null;
+ if (swipingState === 'opening') {
+ if (translateRatio < 0.92) {
+ cleanPosition();
+ that.open();
+ }
+ else {
+ cleanPosition();
+ }
+ }
+ else {
+ if (translateRatio > 0.08) {
+ cleanPosition();
+ that.close();
+ }
+ else {
+ cleanPosition();
+ }
+ }
+ $.unlockScreen();
+ }
+ else {
+ maybeSwiping = false;
+ }
+ $body.off({
+ // eslint-disable-next-line @typescript-eslint/no-use-before-define
+ touchmove: onBodyTouchMove,
+ touchend: onBodyTouchEnd,
+ // eslint-disable-next-line @typescript-eslint/no-use-before-define
+ touchcancel: onBodyTouchMove,
+ });
+ }
+ function onBodyTouchMove(event) {
+ var touchX = event.touches[0].pageX;
+ if (that.position === 'right') {
+ touchX = $body.width() - touchX;
+ }
+ var touchY = event.touches[0].pageY;
+ if (swiping) {
+ setPosition(getTranslateX(touchX));
+ }
+ else if (maybeSwiping) {
+ var dXAbs = Math.abs(touchX - touchStartX);
+ var dYAbs = Math.abs(touchY - touchStartY);
+ var threshold = 8;
+ if (dXAbs > threshold && dYAbs <= threshold) {
+ swipeStartX = touchX;
+ swiping = that.state === 'opened' ? 'closing' : 'opening';
+ $.lockScreen();
+ setPosition(getTranslateX(touchX));
+ }
+ else if (dXAbs <= threshold && dYAbs > threshold) {
+ onBodyTouchEnd();
+ }
+ }
+ }
+ function onBodyTouchStart(event) {
+ touchStartX = event.touches[0].pageX;
+ if (that.position === 'right') {
+ touchStartX = $body.width() - touchStartX;
+ }
+ touchStartY = event.touches[0].pageY;
+ if (that.state !== 'opened') {
+ if (touchStartX > swipeAreaWidth ||
+ openNavEventHandler !== onBodyTouchStart) {
+ return;
+ }
+ }
+ maybeSwiping = true;
+ $body.on({
+ touchmove: onBodyTouchMove,
+ touchend: onBodyTouchEnd,
+ touchcancel: onBodyTouchMove,
+ });
+ }
+ function enableSwipeHandling() {
+ if (!openNavEventHandler) {
+ $body.on('touchstart', onBodyTouchStart);
+ openNavEventHandler = onBodyTouchStart;
+ }
+ }
+ if (this.options.swipe) {
+ enableSwipeHandling();
+ }
+ };
+ /**
+ * 触发组件事件
+ * @param name
+ */
+ Drawer.prototype.triggerEvent = function triggerEvent (name) {
+ componentEvent(name, 'drawer', this.$element, this);
+ };
+ /**
+ * 动画结束回调
+ */
+ Drawer.prototype.transitionEnd = function transitionEnd () {
+ if (this.$element.hasClass('mdui-drawer-open')) {
+ this.state = 'opened';
+ this.triggerEvent('opened');
+ }
+ else {
+ this.state = 'closed';
+ this.triggerEvent('closed');
+ }
+ };
+ /**
+ * 是否处于打开状态
+ */
+ Drawer.prototype.isOpen = function isOpen () {
+ return this.state === 'opening' || this.state === 'opened';
+ };
+ /**
+ * 打开抽屉栏
+ */
+ Drawer.prototype.open = function open () {
+ var this$1 = this;
+
+ if (this.isOpen()) {
+ return;
+ }
+ this.state = 'opening';
+ this.triggerEvent('open');
+ if (!this.options.overlay) {
+ $('body').addClass(("mdui-drawer-body-" + (this.position)));
+ }
+ this.$element
+ .removeClass('mdui-drawer-close')
+ .addClass('mdui-drawer-open')
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ if (!this.isDesktop() || this.options.overlay) {
+ this.overlay = true;
+ $.showOverlay().one('click', function () { return this$1.close(); });
+ $.lockScreen();
+ }
+ };
+ /**
+ * 关闭抽屉栏
+ */
+ Drawer.prototype.close = function close () {
+ var this$1 = this;
+
+ if (!this.isOpen()) {
+ return;
+ }
+ this.state = 'closing';
+ this.triggerEvent('close');
+ if (!this.options.overlay) {
+ $('body').removeClass(("mdui-drawer-body-" + (this.position)));
+ }
+ this.$element
+ .addClass('mdui-drawer-close')
+ .removeClass('mdui-drawer-open')
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ if (this.overlay) {
+ $.hideOverlay();
+ this.overlay = false;
+ $.unlockScreen();
+ }
+ };
+ /**
+ * 切换抽屉栏打开/关闭状态
+ */
+ Drawer.prototype.toggle = function toggle () {
+ this.isOpen() ? this.close() : this.open();
+ };
+ /**
+ * 返回当前抽屉栏的状态。共包含四种状态：`opening`、`opened`、`closing`、`closed`
+ */
+ Drawer.prototype.getState = function getState () {
+ return this.state;
+ };
+ mdui.Drawer = Drawer;
+
+ var customAttr$6 = 'mdui-drawer';
+ $(function () {
+ mdui.mutation(("[" + customAttr$6 + "]"), function () {
+ var $element = $(this);
+ var options = parseOptions(this, customAttr$6);
+ var selector = options.target;
+ // @ts-ignore
+ delete options.target;
+ var $drawer = $(selector).first();
+ var instance = new mdui.Drawer($drawer, options);
+ $element.on('click', function () { return instance.toggle(); });
+ });
+ });
+
+ var container = {};
+ function queue(name, func) {
+ if (isUndefined(container[name])) {
+ container[name] = [];
+ }
+ if (isUndefined(func)) {
+ return container[name];
+ }
+ container[name].push(func);
+ }
+ /**
+ * 从队列中移除第一个函数，并执行该函数
+ * @param name 队列满
+ */
+ function dequeue(name) {
+ if (isUndefined(container[name])) {
+ return;
+ }
+ if (!container[name].length) {
+ return;
+ }
+ var func = container[name].shift();
+ func();
+ }
+
+ var DEFAULT_OPTIONS$6 = {
+ history: true,
+ overlay: true,
+ modal: false,
+ closeOnEsc: true,
+ closeOnCancel: true,
+ closeOnConfirm: true,
+ destroyOnClosed: false,
+ };
+ /**
+ * 当前显示的对话框实例
+ */
+ var currentInst = null;
+ /**
+ * 队列名
+ */
+ var queueName = '_mdui_dialog';
+ /**
+ * 窗口是否已锁定
+ */
+ var isLockScreen = false;
+ /**
+ * 遮罩层元素
+ */
+ var $overlay;
+ var Dialog = function Dialog(selector, options) {
+ var this$1 = this;
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$6);
+ /**
+ * 当前 dialog 的状态
+ */
+ this.state = 'closed';
+ /**
+ * dialog 元素是否是动态添加的
+ */
+ this.append = false;
+ this.$element = $(selector).first();
+ // 如果对话框元素没有在当前文档中，则需要添加
+ if (!contains(document.body, this.$element[0])) {
+ this.append = true;
+ $('body').append(this.$element);
+ }
+ extend(this.options, options);
+ // 绑定取消按钮事件
+ this.$element.find('[mdui-dialog-cancel]').each(function (_, cancel) {
+ $(cancel).on('click', function () {
+ this$1.triggerEvent('cancel');
+ if (this$1.options.closeOnCancel) {
+ this$1.close();
+ }
+ });
+ });
+ // 绑定确认按钮事件
+ this.$element.find('[mdui-dialog-confirm]').each(function (_, confirm) {
+ $(confirm).on('click', function () {
+ this$1.triggerEvent('confirm');
+ if (this$1.options.closeOnConfirm) {
+ this$1.close();
+ }
+ });
+ });
+ // 绑定关闭按钮事件
+ this.$element.find('[mdui-dialog-close]').each(function (_, close) {
+ $(close).on('click', function () { return this$1.close(); });
+ });
+ };
+ /**
+ * 触发组件事件
+ * @param name
+ */
+ Dialog.prototype.triggerEvent = function triggerEvent (name) {
+ componentEvent(name, 'dialog', this.$element, this);
+ };
+ /**
+ * 窗口宽度变化，或对话框内容变化时，调整对话框位置和对话框内的滚动条
+ */
+ Dialog.prototype.readjust = function readjust () {
+ if (!currentInst) {
+ return;
+ }
+ var $element = currentInst.$element;
+ var $title = $element.children('.mdui-dialog-title');
+ var $content = $element.children('.mdui-dialog-content');
+ var $actions = $element.children('.mdui-dialog-actions');
+ // 调整 dialog 的 top 和 height 值
+ $element.height('');
+ $content.height('');
+ var elementHeight = $element.height();
+ $element.css({
+ top: ((($window.height() - elementHeight) / 2) + "px"),
+ height: (elementHeight + "px"),
+ });
+ // 调整 mdui-dialog-content 的高度
+ $content.innerHeight(elementHeight -
+ ($title.innerHeight() || 0) -
+ ($actions.innerHeight() || 0));
+ };
+ /**
+ * hashchange 事件触发时关闭对话框
+ */
+ Dialog.prototype.hashchangeEvent = function hashchangeEvent () {
+ if (window.location.hash.substring(1).indexOf('mdui-dialog') < 0) {
+ currentInst.close(true);
+ }
+ };
+ /**
+ * 点击遮罩层关闭对话框
+ * @param event
+ */
+ Dialog.prototype.overlayClick = function overlayClick (event) {
+ if ($(event.target).hasClass('mdui-overlay') &&
+ currentInst) {
+ currentInst.close();
+ }
+ };
+ /**
+ * 动画结束回调
+ */
+ Dialog.prototype.transitionEnd = function transitionEnd () {
+ if (this.$element.hasClass('mdui-dialog-open')) {
+ this.state = 'opened';
+ this.triggerEvent('opened');
+ }
+ else {
+ this.state = 'closed';
+ this.triggerEvent('closed');
+ this.$element.hide();
+ // 所有对话框都关闭，且当前没有打开的对话框时，解锁屏幕
+ if (!queue(queueName).length && !currentInst && isLockScreen) {
+ $.unlockScreen();
+ isLockScreen = false;
+ }
+ $window.off('resize', $.throttle(this.readjust, 100));
+ if (this.options.destroyOnClosed) {
+ this.destroy();
+ }
+ }
+ };
+ /**
+ * 打开指定对话框
+ */
+ Dialog.prototype.doOpen = function doOpen () {
+ var this$1 = this;
+
+ currentInst = this;
+ if (!isLockScreen) {
+ $.lockScreen();
+ isLockScreen = true;
+ }
+ this.$element.show();
+ this.readjust();
+ $window.on('resize', $.throttle(this.readjust, 100));
+ // 打开消息框
+ this.state = 'opening';
+ this.triggerEvent('open');
+ this.$element
+ .addClass('mdui-dialog-open')
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ // 不存在遮罩层元素时，添加遮罩层
+ if (!$overlay) {
+ $overlay = $.showOverlay(5100);
+ }
+ // 点击遮罩层时是否关闭对话框
+ if (this.options.modal) {
+ $overlay.off('click', this.overlayClick);
+ }
+ else {
+ $overlay.on('click', this.overlayClick);
+ }
+ // 是否显示遮罩层，不显示时，把遮罩层背景透明
+ $overlay.css('opacity', this.options.overlay ? '' : 0);
+ if (this.options.history) {
+ // 如果 hash 中原来就有 mdui-dialog，先删除，避免后退历史纪录后仍然有 mdui-dialog 导致无法关闭
+ // 包括 mdui-dialog 和 &mdui-dialog 和 ?mdui-dialog
+ var hash = window.location.hash.substring(1);
+ if (hash.indexOf('mdui-dialog') > -1) {
+ hash = hash.replace(/[&?]?mdui-dialog/g, '');
+ }
+ // 后退按钮关闭对话框
+ if (hash) {
+ window.location.hash = "" + hash + (hash.indexOf('?') > -1 ? '&' : '?') + "mdui-dialog";
+ }
+ else {
+ window.location.hash = 'mdui-dialog';
+ }
+ $window.on('hashchange', this.hashchangeEvent);
+ }
+ };
+ /**
+ * 当前对话框是否为打开状态
+ */
+ Dialog.prototype.isOpen = function isOpen () {
+ return this.state === 'opening' || this.state === 'opened';
+ };
+ /**
+ * 打开对话框
+ */
+ Dialog.prototype.open = function open () {
+ var this$1 = this;
+
+ if (this.isOpen()) {
+ return;
+ }
+ // 如果当前有正在打开或已经打开的对话框,或队列不为空，则先加入队列，等旧对话框开始关闭时再打开
+ if ((currentInst &&
+ (currentInst.state === 'opening' || currentInst.state === 'opened')) ||
+ queue(queueName).length) {
+ queue(queueName, function () { return this$1.doOpen(); });
+ return;
+ }
+ this.doOpen();
+ };
+ /**
+ * 关闭对话框
+ */
+ Dialog.prototype.close = function close (historyBack) {
+ var this$1 = this;
+ if ( historyBack === void 0 ) historyBack = false;
+
+ // historyBack 是否需要后退历史纪录，默认为 `false`。该参数仅内部使用
+ // 为 `false` 时是通过 js 关闭，需要后退一个历史记录
+ // 为 `true` 时是通过后退按钮关闭，不需要后退历史记录
+ // setTimeout 的作用是：
+ // 当同时关闭一个对话框，并打开另一个对话框时，使打开对话框的操作先执行，以使需要打开的对话框先加入队列
+ setTimeout(function () {
+ if (!this$1.isOpen()) {
+ return;
+ }
+ currentInst = null;
+ this$1.state = 'closing';
+ this$1.triggerEvent('close');
+ // 所有对话框都关闭，且当前没有打开的对话框时，隐藏遮罩
+ if (!queue(queueName).length && $overlay) {
+ $.hideOverlay();
+ $overlay = null;
+ // 若仍存在遮罩，恢复遮罩的 z-index
+ $('.mdui-overlay').css('z-index', 2000);
+ }
+ this$1.$element
+ .removeClass('mdui-dialog-open')
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ if (this$1.options.history && !queue(queueName).length) {
+ if (!historyBack) {
+ window.history.back();
+ }
+ $window.off('hashchange', this$1.hashchangeEvent);
+ }
+ // 关闭旧对话框，打开新对话框。
+ // 加一点延迟，仅仅为了视觉效果更好。不加延时也不影响功能
+ setTimeout(function () {
+ dequeue(queueName);
+ }, 100);
+ });
+ };
+ /**
+ * 切换对话框打开/关闭状态
+ */
+ Dialog.prototype.toggle = function toggle () {
+ this.isOpen() ? this.close() : this.open();
+ };
+ /**
+ * 获取对话框状态。共包含四种状态：`opening`、`opened`、`closing`、`closed`
+ */
+ Dialog.prototype.getState = function getState () {
+ return this.state;
+ };
+ /**
+ * 销毁对话框
+ */
+ Dialog.prototype.destroy = function destroy () {
+ if (this.append) {
+ this.$element.remove();
+ }
+ if (!queue(queueName).length && !currentInst) {
+ if ($overlay) {
+ $.hideOverlay();
+ $overlay = null;
+ }
+ if (isLockScreen) {
+ $.unlockScreen();
+ isLockScreen = false;
+ }
+ }
+ };
+ /**
+ * 对话框内容变化时，需要调用该方法来调整对话框位置和滚动条高度
+ */
+ Dialog.prototype.handleUpdate = function handleUpdate () {
+ this.readjust();
+ };
+
+ // esc 按下时关闭对话框
+ $document.on('keydown', function (event) {
+ if (currentInst &&
+ currentInst.options.closeOnEsc &&
+ currentInst.state === 'opened' &&
+ event.keyCode === 27) {
+ currentInst.close();
+ }
+ });
+ mdui.Dialog = Dialog;
+
+ var customAttr$7 = 'mdui-dialog';
+ var dataName$1 = '_mdui_dialog';
+ $(function () {
+ $document.on('click', ("[" + customAttr$7 + "]"), function () {
+ var options = parseOptions(this, customAttr$7);
+ var selector = options.target;
+ // @ts-ignore
+ delete options.target;
+ var $dialog = $(selector).first();
+ var instance = $dialog.data(dataName$1);
+ if (!instance) {
+ instance = new mdui.Dialog($dialog, options);
+ $dialog.data(dataName$1, instance);
+ }
+ instance.open();
+ });
+ });
+
+ var DEFAULT_BUTTON = {
+ text: '',
+ bold: false,
+ close: true,
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onClick: function () { },
+ };
+ var DEFAULT_OPTIONS$7 = {
+ title: '',
+ content: '',
+ buttons: [],
+ stackedButtons: false,
+ cssClass: '',
+ history: true,
+ overlay: true,
+ modal: false,
+ closeOnEsc: true,
+ destroyOnClosed: true,
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onOpen: function () { },
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onOpened: function () { },
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onClose: function () { },
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onClosed: function () { },
+ };
+ mdui.dialog = function (options) {
+ var _a, _b;
+ // 合并配置参数
+ options = extend({}, DEFAULT_OPTIONS$7, options);
+ each(options.buttons, function (i, button) {
+ options.buttons[i] = extend({}, DEFAULT_BUTTON, button);
+ });
+ // 按钮的 HTML
+ var buttonsHTML = '';
+ if ((_a = options.buttons) === null || _a === void 0 ? void 0 : _a.length) {
+ buttonsHTML = "
";
+ each(options.buttons, function (_, button) {
+ buttonsHTML +=
+ '
" + (button.text) + "";
+ });
+ buttonsHTML += '
';
+ }
+ // Dialog 的 HTML
+ var HTML = "
" +
+ (options.title
+ ? ("
" + (options.title) + "
")
+ : '') +
+ (options.content
+ ? ("
" + (options.content) + "
")
+ : '') +
+ buttonsHTML +
+ '
';
+ // 实例化 Dialog
+ var instance = new mdui.Dialog(HTML, {
+ history: options.history,
+ overlay: options.overlay,
+ modal: options.modal,
+ closeOnEsc: options.closeOnEsc,
+ destroyOnClosed: options.destroyOnClosed,
+ });
+ // 绑定按钮事件
+ if ((_b = options.buttons) === null || _b === void 0 ? void 0 : _b.length) {
+ instance.$element
+ .find('.mdui-dialog-actions .mdui-btn')
+ .each(function (index, button) {
+ $(button).on('click', function () {
+ options.buttons[index].onClick(instance);
+ if (options.buttons[index].close) {
+ instance.close();
+ }
+ });
+ });
+ }
+ // 绑定打开关闭事件
+ instance.$element
+ .on('open.mdui.dialog', function () {
+ options.onOpen(instance);
+ })
+ .on('opened.mdui.dialog', function () {
+ options.onOpened(instance);
+ })
+ .on('close.mdui.dialog', function () {
+ options.onClose(instance);
+ })
+ .on('closed.mdui.dialog', function () {
+ options.onClosed(instance);
+ });
+ instance.open();
+ return instance;
+ };
+
+ var DEFAULT_OPTIONS$8 = {
+ confirmText: 'ok',
+ history: true,
+ modal: false,
+ closeOnEsc: true,
+ closeOnConfirm: true,
+ };
+ mdui.alert = function (text, title, onConfirm, options) {
+ if (isFunction(title)) {
+ options = onConfirm;
+ onConfirm = title;
+ title = '';
+ }
+ if (isUndefined(onConfirm)) {
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onConfirm = function () { };
+ }
+ if (isUndefined(options)) {
+ options = {};
+ }
+ options = extend({}, DEFAULT_OPTIONS$8, options);
+ return mdui.dialog({
+ title: title,
+ content: text,
+ buttons: [
+ {
+ text: options.confirmText,
+ bold: false,
+ close: options.closeOnConfirm,
+ onClick: onConfirm,
+ } ],
+ cssClass: 'mdui-dialog-alert',
+ history: options.history,
+ modal: options.modal,
+ closeOnEsc: options.closeOnEsc,
+ });
+ };
+
+ var DEFAULT_OPTIONS$9 = {
+ confirmText: 'ok',
+ cancelText: 'cancel',
+ history: true,
+ modal: false,
+ closeOnEsc: true,
+ closeOnCancel: true,
+ closeOnConfirm: true,
+ };
+ mdui.confirm = function (text, title, onConfirm, onCancel, options) {
+ if (isFunction(title)) {
+ options = onCancel;
+ onCancel = onConfirm;
+ onConfirm = title;
+ title = '';
+ }
+ if (isUndefined(onConfirm)) {
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onConfirm = function () { };
+ }
+ if (isUndefined(onCancel)) {
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onCancel = function () { };
+ }
+ if (isUndefined(options)) {
+ options = {};
+ }
+ options = extend({}, DEFAULT_OPTIONS$9, options);
+ return mdui.dialog({
+ title: title,
+ content: text,
+ buttons: [
+ {
+ text: options.cancelText,
+ bold: false,
+ close: options.closeOnCancel,
+ onClick: onCancel,
+ },
+ {
+ text: options.confirmText,
+ bold: false,
+ close: options.closeOnConfirm,
+ onClick: onConfirm,
+ } ],
+ cssClass: 'mdui-dialog-confirm',
+ history: options.history,
+ modal: options.modal,
+ closeOnEsc: options.closeOnEsc,
+ });
+ };
+
+ var DEFAULT_OPTIONS$a = {
+ confirmText: 'ok',
+ cancelText: 'cancel',
+ history: true,
+ modal: false,
+ closeOnEsc: true,
+ closeOnCancel: true,
+ closeOnConfirm: true,
+ type: 'text',
+ maxlength: 0,
+ defaultValue: '',
+ confirmOnEnter: false,
+ };
+ mdui.prompt = function (label, title, onConfirm, onCancel, options) {
+ if (isFunction(title)) {
+ options = onCancel;
+ onCancel = onConfirm;
+ onConfirm = title;
+ title = '';
+ }
+ if (isUndefined(onConfirm)) {
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onConfirm = function () { };
+ }
+ if (isUndefined(onCancel)) {
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onCancel = function () { };
+ }
+ if (isUndefined(options)) {
+ options = {};
+ }
+ options = extend({}, DEFAULT_OPTIONS$a, options);
+ var content = '
' +
+ (label ? ("") : '') +
+ (options.type === 'text'
+ ? ("")
+ : '') +
+ (options.type === 'textarea'
+ ? ("")
+ : '') +
+ '
';
+ var onCancelClick = function (dialog) {
+ var value = dialog.$element.find('.mdui-textfield-input').val();
+ onCancel(value, dialog);
+ };
+ var onConfirmClick = function (dialog) {
+ var value = dialog.$element.find('.mdui-textfield-input').val();
+ onConfirm(value, dialog);
+ };
+ return mdui.dialog({
+ title: title,
+ content: content,
+ buttons: [
+ {
+ text: options.cancelText,
+ bold: false,
+ close: options.closeOnCancel,
+ onClick: onCancelClick,
+ },
+ {
+ text: options.confirmText,
+ bold: false,
+ close: options.closeOnConfirm,
+ onClick: onConfirmClick,
+ } ],
+ cssClass: 'mdui-dialog-prompt',
+ history: options.history,
+ modal: options.modal,
+ closeOnEsc: options.closeOnEsc,
+ onOpen: function (dialog) {
+ // 初始化输入框
+ var $input = dialog.$element.find('.mdui-textfield-input');
+ mdui.updateTextFields($input);
+ // 聚焦到输入框
+ $input[0].focus();
+ // 捕捉文本框回车键，在单行文本框的情况下触发回调
+ if (options.type !== 'textarea' && options.confirmOnEnter === true) {
+ $input.on('keydown', function (event) {
+ if (event.keyCode === 13) {
+ var value = dialog.$element.find('.mdui-textfield-input').val();
+ onConfirm(value, dialog);
+ if (options.closeOnConfirm) {
+ dialog.close();
+ }
+ return false;
+ }
+ return;
+ });
+ }
+ // 如果是多行输入框，监听输入框的 input 事件，更新对话框高度
+ if (options.type === 'textarea') {
+ $input.on('input', function () { return dialog.handleUpdate(); });
+ }
+ // 有字符数限制时，加载完文本框后 DOM 会变化，需要更新对话框高度
+ if (options.maxlength) {
+ dialog.handleUpdate();
+ }
+ },
+ });
+ };
+
+ var DEFAULT_OPTIONS$b = {
+ position: 'auto',
+ delay: 0,
+ content: '',
+ };
+ var Tooltip = function Tooltip(selector, options) {
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$b);
+ /**
+ * 当前 tooltip 的状态
+ */
+ this.state = 'closed';
+ /**
+ * setTimeout 的返回值
+ */
+ this.timeoutId = null;
+ this.$target = $(selector).first();
+ extend(this.options, options);
+ // 创建 Tooltip HTML
+ this.$element = $(("
" + (this.options.content) + "
")).appendTo(document.body);
+ // 绑定事件。元素处于 disabled 状态时无法触发鼠标事件，为了统一，把 touch 事件也禁用
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var that = this;
+ this.$target
+ .on('touchstart mouseenter', function (event) {
+ if (that.isDisabled(this)) {
+ return;
+ }
+ if (!isAllow(event)) {
+ return;
+ }
+ register(event);
+ that.open();
+ })
+ .on('touchend mouseleave', function (event) {
+ if (that.isDisabled(this)) {
+ return;
+ }
+ if (!isAllow(event)) {
+ return;
+ }
+ that.close();
+ })
+ .on(unlockEvent, function (event) {
+ if (that.isDisabled(this)) {
+ return;
+ }
+ register(event);
+ });
+ };
+ /**
+ * 元素是否已禁用
+ * @param element
+ */
+ Tooltip.prototype.isDisabled = function isDisabled (element) {
+ return (element.disabled ||
+ $(element).attr('disabled') !== undefined);
+ };
+ /**
+ * 是否是桌面设备
+ */
+ Tooltip.prototype.isDesktop = function isDesktop () {
+ return $window.width() > 1024;
+ };
+ /**
+ * 设置 Tooltip 的位置
+ */
+ Tooltip.prototype.setPosition = function setPosition () {
+ var marginLeft;
+ var marginTop;
+ // 触发的元素
+ var targetProps = this.$target[0].getBoundingClientRect();
+ // 触发的元素和 Tooltip 之间的距离
+ var targetMargin = this.isDesktop() ? 14 : 24;
+ // Tooltip 的宽度和高度
+ var tooltipWidth = this.$element[0].offsetWidth;
+ var tooltipHeight = this.$element[0].offsetHeight;
+ // Tooltip 的方向
+ var position = this.options.position;
+ // 自动判断位置，加 2px，使 Tooltip 距离窗口边框至少有 2px 的间距
+ if (position === 'auto') {
+ if (targetProps.top +
+ targetProps.height +
+ targetMargin +
+ tooltipHeight +
+ 2 <
+ $window.height()) {
+ position = 'bottom';
+ }
+ else if (targetMargin + tooltipHeight + 2 < targetProps.top) {
+ position = 'top';
+ }
+ else if (targetMargin + tooltipWidth + 2 < targetProps.left) {
+ position = 'left';
+ }
+ else if (targetProps.width + targetMargin + tooltipWidth + 2 <
+ $window.width() - targetProps.left) {
+ position = 'right';
+ }
+ else {
+ position = 'bottom';
+ }
+ }
+ // 设置位置
+ switch (position) {
+ case 'bottom':
+ marginLeft = -1 * (tooltipWidth / 2);
+ marginTop = targetProps.height / 2 + targetMargin;
+ this.$element.transformOrigin('top center');
+ break;
+ case 'top':
+ marginLeft = -1 * (tooltipWidth / 2);
+ marginTop =
+ -1 * (tooltipHeight + targetProps.height / 2 + targetMargin);
+ this.$element.transformOrigin('bottom center');
+ break;
+ case 'left':
+ marginLeft = -1 * (tooltipWidth + targetProps.width / 2 + targetMargin);
+ marginTop = -1 * (tooltipHeight / 2);
+ this.$element.transformOrigin('center right');
+ break;
+ case 'right':
+ marginLeft = targetProps.width / 2 + targetMargin;
+ marginTop = -1 * (tooltipHeight / 2);
+ this.$element.transformOrigin('center left');
+ break;
+ }
+ var targetOffset = this.$target.offset();
+ this.$element.css({
+ top: ((targetOffset.top + targetProps.height / 2) + "px"),
+ left: ((targetOffset.left + targetProps.width / 2) + "px"),
+ 'margin-left': (marginLeft + "px"),
+ 'margin-top': (marginTop + "px"),
+ });
+ };
+ /**
+ * 触发组件事件
+ * @param name
+ */
+ Tooltip.prototype.triggerEvent = function triggerEvent (name) {
+ componentEvent(name, 'tooltip', this.$target, this);
+ };
+ /**
+ * 动画结束回调
+ */
+ Tooltip.prototype.transitionEnd = function transitionEnd () {
+ if (this.$element.hasClass('mdui-tooltip-open')) {
+ this.state = 'opened';
+ this.triggerEvent('opened');
+ }
+ else {
+ this.state = 'closed';
+ this.triggerEvent('closed');
+ }
+ };
+ /**
+ * 当前 tooltip 是否为打开状态
+ */
+ Tooltip.prototype.isOpen = function isOpen () {
+ return this.state === 'opening' || this.state === 'opened';
+ };
+ /**
+ * 执行打开 tooltip
+ */
+ Tooltip.prototype.doOpen = function doOpen () {
+ var this$1 = this;
+
+ this.state = 'opening';
+ this.triggerEvent('open');
+ this.$element
+ .addClass('mdui-tooltip-open')
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ };
+ /**
+ * 打开 Tooltip
+ * @param options 允许每次打开时设置不同的参数
+ */
+ Tooltip.prototype.open = function open (options) {
+ var this$1 = this;
+
+ if (this.isOpen()) {
+ return;
+ }
+ var oldOptions = extend({}, this.options);
+ if (options) {
+ extend(this.options, options);
+ }
+ // tooltip 的内容有更新
+ if (oldOptions.content !== this.options.content) {
+ this.$element.html(this.options.content);
+ }
+ this.setPosition();
+ if (this.options.delay) {
+ this.timeoutId = setTimeout(function () { return this$1.doOpen(); }, this.options.delay);
+ }
+ else {
+ this.timeoutId = null;
+ this.doOpen();
+ }
+ };
+ /**
+ * 关闭 Tooltip
+ */
+ Tooltip.prototype.close = function close () {
+ var this$1 = this;
+
+ if (this.timeoutId) {
+ clearTimeout(this.timeoutId);
+ this.timeoutId = null;
+ }
+ if (!this.isOpen()) {
+ return;
+ }
+ this.state = 'closing';
+ this.triggerEvent('close');
+ this.$element
+ .removeClass('mdui-tooltip-open')
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ };
+ /**
+ * 切换 Tooltip 的打开状态
+ */
+ Tooltip.prototype.toggle = function toggle () {
+ this.isOpen() ? this.close() : this.open();
+ };
+ /**
+ * 获取 Tooltip 状态。共包含四种状态：`opening`、`opened`、`closing`、`closed`
+ */
+ Tooltip.prototype.getState = function getState () {
+ return this.state;
+ };
+ mdui.Tooltip = Tooltip;
+
+ var customAttr$8 = 'mdui-tooltip';
+ var dataName$2 = '_mdui_tooltip';
+ $(function () {
+ // mouseenter 不能冒泡，所以这里用 mouseover 代替
+ $document.on('touchstart mouseover', ("[" + customAttr$8 + "]"), function () {
+ var $target = $(this);
+ var instance = $target.data(dataName$2);
+ if (!instance) {
+ instance = new mdui.Tooltip(this, parseOptions(this, customAttr$8));
+ $target.data(dataName$2, instance);
+ }
+ });
+ });
+
+ var DEFAULT_OPTIONS$c = {
+ message: '',
+ timeout: 4000,
+ position: 'bottom',
+ buttonText: '',
+ buttonColor: '',
+ closeOnButtonClick: true,
+ closeOnOutsideClick: true,
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onClick: function () { },
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onButtonClick: function () { },
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onOpen: function () { },
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onOpened: function () { },
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onClose: function () { },
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
+ onClosed: function () { },
+ };
+ /**
+ * 当前打开着的 Snackbar
+ */
+ var currentInst$1 = null;
+ /**
+ * 队列名
+ */
+ var queueName$1 = '_mdui_snackbar';
+ var Snackbar = function Snackbar(options) {
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$c);
+ /**
+ * 当前 Snackbar 的状态
+ */
+ this.state = 'closed';
+ /**
+ * setTimeout 的 ID
+ */
+ this.timeoutId = null;
+ extend(this.options, options);
+ // 按钮颜色
+ var buttonColorStyle = '';
+ var buttonColorClass = '';
+ if (this.options.buttonColor.indexOf('#') === 0 ||
+ this.options.buttonColor.indexOf('rgb') === 0) {
+ buttonColorStyle = "style=\"color:" + (this.options.buttonColor) + "\"";
+ }
+ else if (this.options.buttonColor !== '') {
+ buttonColorClass = "mdui-text-color-" + (this.options.buttonColor);
+ }
+ // 添加 HTML
+ this.$element = $('
').appendTo(document.body);
+ // 设置位置
+ this.setPosition('close');
+ this.$element.reflow().addClass(("mdui-snackbar-" + (this.options.position)));
+ };
+ /**
+ * 点击 Snackbar 外面的区域关闭
+ * @param event
+ */
+ Snackbar.prototype.closeOnOutsideClick = function closeOnOutsideClick (event) {
+ var $target = $(event.target);
+ if (!$target.hasClass('mdui-snackbar') &&
+ !$target.parents('.mdui-snackbar').length) {
+ currentInst$1.close();
+ }
+ };
+ /**
+ * 设置 Snackbar 的位置
+ * @param state
+ */
+ Snackbar.prototype.setPosition = function setPosition (state) {
+ var snackbarHeight = this.$element[0].clientHeight;
+ var position = this.options.position;
+ var translateX;
+ var translateY;
+ // translateX
+ if (position === 'bottom' || position === 'top') {
+ translateX = '-50%';
+ }
+ else {
+ translateX = '0';
+ }
+ // translateY
+ if (state === 'open') {
+ translateY = '0';
+ }
+ else {
+ if (position === 'bottom') {
+ translateY = snackbarHeight;
+ }
+ if (position === 'top') {
+ translateY = -snackbarHeight;
+ }
+ if (position === 'left-top' || position === 'right-top') {
+ translateY = -snackbarHeight - 24;
+ }
+ if (position === 'left-bottom' || position === 'right-bottom') {
+ translateY = snackbarHeight + 24;
+ }
+ }
+ this.$element.transform(("translate(" + translateX + "," + translateY + "px"));
+ };
+ /**
+ * 打开 Snackbar
+ */
+ Snackbar.prototype.open = function open () {
+ var this$1 = this;
+
+ if (this.state === 'opening' || this.state === 'opened') {
+ return;
+ }
+ // 如果当前有正在显示的 Snackbar，则先加入队列，等旧 Snackbar 关闭后再打开
+ if (currentInst$1) {
+ queue(queueName$1, function () { return this$1.open(); });
+ return;
+ }
+ currentInst$1 = this;
+ // 开始打开
+ this.state = 'opening';
+ this.options.onOpen(this);
+ this.setPosition('open');
+ this.$element.transitionEnd(function () {
+ if (this$1.state !== 'opening') {
+ return;
+ }
+ this$1.state = 'opened';
+ this$1.options.onOpened(this$1);
+ // 有按钮时绑定事件
+ if (this$1.options.buttonText) {
+ this$1.$element.find('.mdui-snackbar-action').on('click', function () {
+ this$1.options.onButtonClick(this$1);
+ if (this$1.options.closeOnButtonClick) {
+ this$1.close();
+ }
+ });
+ }
+ // 点击 snackbar 的事件
+ this$1.$element.on('click', function (event) {
+ if (!$(event.target).hasClass('mdui-snackbar-action')) {
+ this$1.options.onClick(this$1);
+ }
+ });
+ // 点击 Snackbar 外面的区域关闭
+ if (this$1.options.closeOnOutsideClick) {
+ $document.on(startEvent, this$1.closeOnOutsideClick);
+ }
+ // 超时后自动关闭
+ if (this$1.options.timeout) {
+ this$1.timeoutId = setTimeout(function () { return this$1.close(); }, this$1.options.timeout);
+ }
+ });
+ };
+ /**
+ * 关闭 Snackbar
+ */
+ Snackbar.prototype.close = function close () {
+ var this$1 = this;
+
+ if (this.state === 'closing' || this.state === 'closed') {
+ return;
+ }
+ if (this.timeoutId) {
+ clearTimeout(this.timeoutId);
+ }
+ if (this.options.closeOnOutsideClick) {
+ $document.off(startEvent, this.closeOnOutsideClick);
+ }
+ this.state = 'closing';
+ this.options.onClose(this);
+ this.setPosition('close');
+ this.$element.transitionEnd(function () {
+ if (this$1.state !== 'closing') {
+ return;
+ }
+ currentInst$1 = null;
+ this$1.state = 'closed';
+ this$1.options.onClosed(this$1);
+ this$1.$element.remove();
+ dequeue(queueName$1);
+ });
+ };
+ mdui.snackbar = function (message, options) {
+ if ( options === void 0 ) options = {};
+
+ if (isString(message)) {
+ options.message = message;
+ }
+ else {
+ options = message;
+ }
+ var instance = new Snackbar(options);
+ instance.open();
+ return instance;
+ };
+
+ $(function () {
+ // 切换导航项
+ $document.on('click', '.mdui-bottom-nav>a', function () {
+ var $item = $(this);
+ var $bottomNav = $item.parent();
+ $bottomNav.children('a').each(function (index, item) {
+ var isThis = $item.is(item);
+ if (isThis) {
+ componentEvent('change', 'bottomNav', $bottomNav[0], undefined, {
+ index: index,
+ });
+ }
+ isThis
+ ? $(item).addClass('mdui-bottom-nav-active')
+ : $(item).removeClass('mdui-bottom-nav-active');
+ });
+ });
+ // 滚动时隐藏 mdui-bottom-nav-scroll-hide
+ mdui.mutation('.mdui-bottom-nav-scroll-hide', function () {
+ new mdui.Headroom(this, {
+ pinnedClass: 'mdui-headroom-pinned-down',
+ unpinnedClass: 'mdui-headroom-unpinned-down',
+ });
+ });
+ });
+
+ /**
+ * layer 的 HTML 结构
+ * @param index
+ */
+ function layerHTML(index) {
+ if ( index === void 0 ) index = false;
+
+ return ("
" +
+ '
' +
+ '
' +
+ '
' +
+ '
');
+ }
+ /**
+ * 填充 HTML
+ * @param spinner
+ */
+ function fillHTML(spinner) {
+ var $spinner = $(spinner);
+ var layer = $spinner.hasClass('mdui-spinner-colorful')
+ ? layerHTML(1) + layerHTML(2) + layerHTML(3) + layerHTML(4)
+ : layerHTML();
+ $spinner.html(layer);
+ }
+ $(function () {
+ // 页面加载完后自动填充 HTML 结构
+ mdui.mutation('.mdui-spinner', function () {
+ fillHTML(this);
+ });
+ });
+ mdui.updateSpinners = function (selector) {
+ var $elements = isUndefined(selector) ? $('.mdui-spinner') : $(selector);
+ $elements.each(function () {
+ fillHTML(this);
+ });
+ };
+
+ var DEFAULT_OPTIONS$d = {
+ position: 'auto',
+ align: 'auto',
+ gutter: 16,
+ fixed: false,
+ covered: 'auto',
+ subMenuTrigger: 'hover',
+ subMenuDelay: 200,
+ };
+ var Menu = function Menu(anchorSelector, menuSelector, options) {
+ var this$1 = this;
+ if ( options === void 0 ) options = {};
+
+ /**
+ * 配置参数
+ */
+ this.options = extend({}, DEFAULT_OPTIONS$d);
+ /**
+ * 当前菜单状态
+ */
+ this.state = 'closed';
+ this.$anchor = $(anchorSelector).first();
+ this.$element = $(menuSelector).first();
+ // 触发菜单的元素 和 菜单必须是同级的元素，否则菜单可能不能定位
+ if (!this.$anchor.parent().is(this.$element.parent())) {
+ throw new Error('anchorSelector and menuSelector must be siblings');
+ }
+ extend(this.options, options);
+ // 是否是级联菜单
+ this.isCascade = this.$element.hasClass('mdui-menu-cascade');
+ // covered 参数处理
+ this.isCovered =
+ this.options.covered === 'auto' ? !this.isCascade : this.options.covered;
+ // 点击触发菜单切换
+ this.$anchor.on('click', function () { return this$1.toggle(); });
+ // 点击菜单外面区域关闭菜单
+ $document.on('click touchstart', function (event) {
+ var $target = $(event.target);
+ if (this$1.isOpen() &&
+ !$target.is(this$1.$element) &&
+ !contains(this$1.$element[0], $target[0]) &&
+ !$target.is(this$1.$anchor) &&
+ !contains(this$1.$anchor[0], $target[0])) {
+ this$1.close();
+ }
+ });
+ // 点击不含子菜单的菜单条目关闭菜单
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var that = this;
+ $document.on('click', '.mdui-menu-item', function () {
+ var $item = $(this);
+ if (!$item.find('.mdui-menu').length &&
+ $item.attr('disabled') === undefined) {
+ that.close();
+ }
+ });
+ // 绑定点击或鼠标移入含子菜单的条目的事件
+ this.bindSubMenuEvent();
+ // 窗口大小变化时，重新调整菜单位置
+ $window.on('resize', $.throttle(function () { return this$1.readjust(); }, 100));
+ };
+ /**
+ * 是否为打开状态
+ */
+ Menu.prototype.isOpen = function isOpen () {
+ return this.state === 'opening' || this.state === 'opened';
+ };
+ /**
+ * 触发组件事件
+ * @param name
+ */
+ Menu.prototype.triggerEvent = function triggerEvent (name) {
+ componentEvent(name, 'menu', this.$element, this);
+ };
+ /**
+ * 调整主菜单位置
+ */
+ Menu.prototype.readjust = function readjust () {
+ var menuLeft;
+ var menuTop;
+ // 菜单位置和方向
+ var position;
+ var align;
+ // window 窗口的宽度和高度
+ var windowHeight = $window.height();
+ var windowWidth = $window.width();
+ // 配置参数
+ var gutter = this.options.gutter;
+ var isCovered = this.isCovered;
+ var isFixed = this.options.fixed;
+ // 动画方向参数
+ var transformOriginX;
+ var transformOriginY;
+ // 菜单的原始宽度和高度
+ var menuWidth = this.$element.width();
+ var menuHeight = this.$element.height();
+ // 触发菜单的元素在窗口中的位置
+ var anchorRect = this.$anchor[0].getBoundingClientRect();
+ var anchorTop = anchorRect.top;
+ var anchorLeft = anchorRect.left;
+ var anchorHeight = anchorRect.height;
+ var anchorWidth = anchorRect.width;
+ var anchorBottom = windowHeight - anchorTop - anchorHeight;
+ var anchorRight = windowWidth - anchorLeft - anchorWidth;
+ // 触发元素相对其拥有定位属性的父元素的位置
+ var anchorOffsetTop = this.$anchor[0].offsetTop;
+ var anchorOffsetLeft = this.$anchor[0].offsetLeft;
+ // 自动判断菜单位置
+ if (this.options.position === 'auto') {
+ if (anchorBottom + (isCovered ? anchorHeight : 0) > menuHeight + gutter) {
+ // 判断下方是否放得下菜单
+ position = 'bottom';
+ }
+ else if (anchorTop + (isCovered ? anchorHeight : 0) >
+ menuHeight + gutter) {
+ // 判断上方是否放得下菜单
+ position = 'top';
+ }
+ else {
+ // 上下都放不下，居中显示
+ position = 'center';
+ }
+ }
+ else {
+ position = this.options.position;
+ }
+ // 自动判断菜单对齐方式
+ if (this.options.align === 'auto') {
+ if (anchorRight + anchorWidth > menuWidth + gutter) {
+ // 判断右侧是否放得下菜单
+ align = 'left';
+ }
+ else if (anchorLeft + anchorWidth > menuWidth + gutter) {
+ // 判断左侧是否放得下菜单
+ align = 'right';
+ }
+ else {
+ // 左右都放不下，居中显示
+ align = 'center';
+ }
+ }
+ else {
+ align = this.options.align;
+ }
+ // 设置菜单位置
+ if (position === 'bottom') {
+ transformOriginY = '0';
+ menuTop =
+ (isCovered ? 0 : anchorHeight) +
+ (isFixed ? anchorTop : anchorOffsetTop);
+ }
+ else if (position === 'top') {
+ transformOriginY = '100%';
+ menuTop =
+ (isCovered ? anchorHeight : 0) +
+ (isFixed ? anchorTop - menuHeight : anchorOffsetTop - menuHeight);
+ }
+ else {
+ transformOriginY = '50%';
+ // =====================在窗口中居中
+ // 显示的菜单的高度，简单菜单高度不超过窗口高度，若超过了则在菜单内部显示滚动条
+ // 级联菜单内部不允许出现滚动条
+ var menuHeightTemp = menuHeight;
+ // 简单菜单比窗口高时，限制菜单高度
+ if (!this.isCascade) {
+ if (menuHeight + gutter * 2 > windowHeight) {
+ menuHeightTemp = windowHeight - gutter * 2;
+ this.$element.height(menuHeightTemp);
+ }
+ }
+ menuTop =
+ (windowHeight - menuHeightTemp) / 2 +
+ (isFixed ? 0 : anchorOffsetTop - anchorTop);
+ }
+ this.$element.css('top', (menuTop + "px"));
+ // 设置菜单对齐方式
+ if (align === 'left') {
+ transformOriginX = '0';
+ menuLeft = isFixed ? anchorLeft : anchorOffsetLeft;
+ }
+ else if (align === 'right') {
+ transformOriginX = '100%';
+ menuLeft = isFixed
+ ? anchorLeft + anchorWidth - menuWidth
+ : anchorOffsetLeft + anchorWidth - menuWidth;
+ }
+ else {
+ transformOriginX = '50%';
+ //=======================在窗口中居中
+ // 显示的菜单的宽度，菜单宽度不能超过窗口宽度
+ var menuWidthTemp = menuWidth;
+ // 菜单比窗口宽，限制菜单宽度
+ if (menuWidth + gutter * 2 > windowWidth) {
+ menuWidthTemp = windowWidth - gutter * 2;
+ this.$element.width(menuWidthTemp);
+ }
+ menuLeft =
+ (windowWidth - menuWidthTemp) / 2 +
+ (isFixed ? 0 : anchorOffsetLeft - anchorLeft);
+ }
+ this.$element.css('left', (menuLeft + "px"));
+ // 设置菜单动画方向
+ this.$element.transformOrigin((transformOriginX + " " + transformOriginY));
+ };
+ /**
+ * 调整子菜单的位置
+ * @param $submenu
+ */
+ Menu.prototype.readjustSubmenu = function readjustSubmenu ($submenu) {
+ var $item = $submenu.parent('.mdui-menu-item');
+ var submenuTop;
+ var submenuLeft;
+ // 子菜单位置和方向
+ var position;
+ var align;
+ // window 窗口的宽度和高度
+ var windowHeight = $window.height();
+ var windowWidth = $window.width();
+ // 动画方向参数
+ var transformOriginX;
+ var transformOriginY;
+ // 子菜单的原始宽度和高度
+ var submenuWidth = $submenu.width();
+ var submenuHeight = $submenu.height();
+ // 触发子菜单的菜单项的宽度高度
+ var itemRect = $item[0].getBoundingClientRect();
+ var itemWidth = itemRect.width;
+ var itemHeight = itemRect.height;
+ var itemLeft = itemRect.left;
+ var itemTop = itemRect.top;
+ // 判断菜单上下位置
+ if (windowHeight - itemTop > submenuHeight) {
+ // 判断下方是否放得下菜单
+ position = 'bottom';
+ }
+ else if (itemTop + itemHeight > submenuHeight) {
+ // 判断上方是否放得下菜单
+ position = 'top';
+ }
+ else {
+ // 默认放在下方
+ position = 'bottom';
+ }
+ // 判断菜单左右位置
+ if (windowWidth - itemLeft - itemWidth > submenuWidth) {
+ // 判断右侧是否放得下菜单
+ align = 'left';
+ }
+ else if (itemLeft > submenuWidth) {
+ // 判断左侧是否放得下菜单
+ align = 'right';
+ }
+ else {
+ // 默认放在右侧
+ align = 'left';
+ }
+ // 设置菜单位置
+ if (position === 'bottom') {
+ transformOriginY = '0';
+ submenuTop = '0';
+ }
+ else if (position === 'top') {
+ transformOriginY = '100%';
+ submenuTop = -submenuHeight + itemHeight;
+ }
+ $submenu.css('top', (submenuTop + "px"));
+ // 设置菜单对齐方式
+ if (align === 'left') {
+ transformOriginX = '0';
+ submenuLeft = itemWidth;
+ }
+ else if (align === 'right') {
+ transformOriginX = '100%';
+ submenuLeft = -submenuWidth;
+ }
+ $submenu.css('left', (submenuLeft + "px"));
+ // 设置菜单动画方向
+ $submenu.transformOrigin((transformOriginX + " " + transformOriginY));
+ };
+ /**
+ * 打开子菜单
+ * @param $submenu
+ */
+ Menu.prototype.openSubMenu = function openSubMenu ($submenu) {
+ this.readjustSubmenu($submenu);
+ $submenu
+ .addClass('mdui-menu-open')
+ .parent('.mdui-menu-item')
+ .addClass('mdui-menu-item-active');
+ };
+ /**
+ * 关闭子菜单，及其嵌套的子菜单
+ * @param $submenu
+ */
+ Menu.prototype.closeSubMenu = function closeSubMenu ($submenu) {
+ // 关闭子菜单
+ $submenu
+ .removeClass('mdui-menu-open')
+ .addClass('mdui-menu-closing')
+ .transitionEnd(function () { return $submenu.removeClass('mdui-menu-closing'); })
+ // 移除激活状态的样式
+ .parent('.mdui-menu-item')
+ .removeClass('mdui-menu-item-active');
+ // 循环关闭嵌套的子菜单
+ $submenu.find('.mdui-menu').each(function (_, menu) {
+ var $subSubmenu = $(menu);
+ $subSubmenu
+ .removeClass('mdui-menu-open')
+ .addClass('mdui-menu-closing')
+ .transitionEnd(function () { return $subSubmenu.removeClass('mdui-menu-closing'); })
+ .parent('.mdui-menu-item')
+ .removeClass('mdui-menu-item-active');
+ });
+ };
+ /**
+ * 切换子菜单状态
+ * @param $submenu
+ */
+ Menu.prototype.toggleSubMenu = function toggleSubMenu ($submenu) {
+ $submenu.hasClass('mdui-menu-open')
+ ? this.closeSubMenu($submenu)
+ : this.openSubMenu($submenu);
+ };
+ /**
+ * 绑定子菜单事件
+ */
+ Menu.prototype.bindSubMenuEvent = function bindSubMenuEvent () {
+ // eslint-disable-next-line @typescript-eslint/no-this-alias
+ var that = this;
+ // 点击打开子菜单
+ this.$element.on('click', '.mdui-menu-item', function (event) {
+ var $item = $(this);
+ var $target = $(event.target);
+ // 禁用状态菜单不操作
+ if ($item.attr('disabled') !== undefined) {
+ return;
+ }
+ // 没有点击在子菜单的菜单项上时，不操作（点在了子菜单的空白区域、或分隔线上）
+ if ($target.is('.mdui-menu') || $target.is('.mdui-divider')) {
+ return;
+ }
+ // 阻止冒泡，点击菜单项时只在最后一级的 mdui-menu-item 上生效，不向上冒泡
+ if (!$target.parents('.mdui-menu-item').first().is($item)) {
+ return;
+ }
+ // 当前菜单的子菜单
+ var $submenu = $item.children('.mdui-menu');
+ // 先关闭除当前子菜单外的所有同级子菜单
+ $item
+ .parent('.mdui-menu')
+ .children('.mdui-menu-item')
+ .each(function (_, item) {
+ var $tmpSubmenu = $(item).children('.mdui-menu');
+ if ($tmpSubmenu.length &&
+ (!$submenu.length || !$tmpSubmenu.is($submenu))) {
+ that.closeSubMenu($tmpSubmenu);
+ }
+ });
+ // 切换当前子菜单
+ if ($submenu.length) {
+ that.toggleSubMenu($submenu);
+ }
+ });
+ if (this.options.subMenuTrigger === 'hover') {
+ // 临时存储 setTimeout 对象
+ var timeout = null;
+ var timeoutOpen = null;
+ this.$element.on('mouseover mouseout', '.mdui-menu-item', function (event) {
+ var $item = $(this);
+ var eventType = event.type;
+ var $relatedTarget = $(event.relatedTarget);
+ // 禁用状态的菜单不操作
+ if ($item.attr('disabled') !== undefined) {
+ return;
+ }
+ // 用 mouseover 模拟 mouseenter
+ if (eventType === 'mouseover') {
+ if (!$item.is($relatedTarget) &&
+ contains($item[0], $relatedTarget[0])) {
+ return;
+ }
+ }
+ // 用 mouseout 模拟 mouseleave
+ else if (eventType === 'mouseout') {
+ if ($item.is($relatedTarget) ||
+ contains($item[0], $relatedTarget[0])) {
+ return;
+ }
+ }
+ // 当前菜单项下的子菜单，未必存在
+ var $submenu = $item.children('.mdui-menu');
+ // 鼠标移入菜单项时，显示菜单项下的子菜单
+ if (eventType === 'mouseover') {
+ if ($submenu.length) {
+ // 当前子菜单准备打开时，如果当前子菜单正准备着关闭，不用再关闭了
+ var tmpClose = $submenu.data('timeoutClose.mdui.menu');
+ if (tmpClose) {
+ clearTimeout(tmpClose);
+ }
+ // 如果当前子菜单已经打开，不操作
+ if ($submenu.hasClass('mdui-menu-open')) {
+ return;
+ }
+ // 当前子菜单准备打开时，其他准备打开的子菜单不用再打开了
+ clearTimeout(timeoutOpen);
+ // 准备打开当前子菜单
+ timeout = timeoutOpen = setTimeout(function () { return that.openSubMenu($submenu); }, that.options.subMenuDelay);
+ $submenu.data('timeoutOpen.mdui.menu', timeout);
+ }
+ }
+ // 鼠标移出菜单项时，关闭菜单项下的子菜单
+ else if (eventType === 'mouseout') {
+ if ($submenu.length) {
+ // 鼠标移出菜单项时，如果当前菜单项下的子菜单正准备打开，不用再打开了
+ var tmpOpen = $submenu.data('timeoutOpen.mdui.menu');
+ if (tmpOpen) {
+ clearTimeout(tmpOpen);
+ }
+ // 准备关闭当前子菜单
+ timeout = setTimeout(function () { return that.closeSubMenu($submenu); }, that.options.subMenuDelay);
+ $submenu.data('timeoutClose.mdui.menu', timeout);
+ }
+ }
+ });
+ }
+ };
+ /**
+ * 动画结束回调
+ */
+ Menu.prototype.transitionEnd = function transitionEnd () {
+ this.$element.removeClass('mdui-menu-closing');
+ if (this.state === 'opening') {
+ this.state = 'opened';
+ this.triggerEvent('opened');
+ }
+ if (this.state === 'closing') {
+ this.state = 'closed';
+ this.triggerEvent('closed');
+ // 关闭后，恢复菜单样式到默认状态，并恢复 fixed 定位
+ this.$element.css({
+ top: '',
+ left: '',
+ width: '',
+ position: 'fixed',
+ });
+ }
+ };
+ /**
+ * 切换菜单状态
+ */
+ Menu.prototype.toggle = function toggle () {
+ this.isOpen() ? this.close() : this.open();
+ };
+ /**
+ * 打开菜单
+ */
+ Menu.prototype.open = function open () {
+ var this$1 = this;
+
+ if (this.isOpen()) {
+ return;
+ }
+ this.state = 'opening';
+ this.triggerEvent('open');
+ this.readjust();
+ this.$element
+ // 菜单隐藏状态使用使用 fixed 定位。
+ .css('position', this.options.fixed ? 'fixed' : 'absolute')
+ .addClass('mdui-menu-open')
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ };
+ /**
+ * 关闭菜单
+ */
+ Menu.prototype.close = function close () {
+ var this$1 = this;
+
+ if (!this.isOpen()) {
+ return;
+ }
+ this.state = 'closing';
+ this.triggerEvent('close');
+ // 菜单开始关闭时，关闭所有子菜单
+ this.$element.find('.mdui-menu').each(function (_, submenu) {
+ this$1.closeSubMenu($(submenu));
+ });
+ this.$element
+ .removeClass('mdui-menu-open')
+ .addClass('mdui-menu-closing')
+ .transitionEnd(function () { return this$1.transitionEnd(); });
+ };
+ mdui.Menu = Menu;
+
+ var customAttr$9 = 'mdui-menu';
+ var dataName$3 = '_mdui_menu';
+ $(function () {
+ $document.on('click', ("[" + customAttr$9 + "]"), function () {
+ var $this = $(this);
+ var instance = $this.data(dataName$3);
+ if (!instance) {
+ var options = parseOptions(this, customAttr$9);
+ var menuSelector = options.target;
+ // @ts-ignore
+ delete options.target;
+ instance = new mdui.Menu($this, menuSelector, options);
+ $this.data(dataName$3, instance);
+ instance.toggle();
+ }
+ });
+ });
+
+ return mdui;
+
+})));
+//# sourceMappingURL=mdui.js.map
diff --git a/config/mdui/js/mdui.js.map b/config/mdui/js/mdui.js.map
new file mode 100644
index 0000000..fe6ebe7
--- /dev/null
+++ b/config/mdui/js/mdui.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"mdui.js","sources":["../../node_modules/mdn-polyfills/MouseEvent.js","../../node_modules/mdn-polyfills/CustomEvent.js","../../node_modules/promise-polyfill/src/finally.js","../../node_modules/promise-polyfill/src/allSettled.js","../../node_modules/promise-polyfill/src/index.js","../../node_modules/promise-polyfill/src/polyfill.js","../../node_modules/mdui.jq/es/utils.js","../../node_modules/mdui.jq/es/functions/each.js","../../node_modules/mdui.jq/es/JQ.js","../../node_modules/mdui.jq/es/$.js","../../src/mdui.ts","../../node_modules/mdui.jq/es/methods/each.js","../../node_modules/mdui.jq/es/functions/contains.js","../../node_modules/mdui.jq/es/functions/merge.js","../../node_modules/mdui.jq/es/methods/get.js","../../node_modules/mdui.jq/es/methods/find.js","../../node_modules/mdui.jq/es/methods/utils/event.js","../../node_modules/mdui.jq/es/methods/trigger.js","../../node_modules/mdui.jq/es/functions/extend.js","../../node_modules/mdui.jq/es/functions/param.js","../../node_modules/mdui.jq/es/functions/utils/ajax.js","../../node_modules/mdui.jq/es/functions/ajax.js","../../node_modules/mdui.jq/es/static/ajax.js","../../node_modules/mdui.jq/es/functions/ajaxSetup.js","../../node_modules/mdui.jq/es/static/ajaxSetup.js","../../node_modules/mdui.jq/es/static/contains.js","../../node_modules/mdui.jq/es/functions/utils/data.js","../../node_modules/mdui.jq/es/functions/data.js","../../node_modules/mdui.jq/es/static/data.js","../../node_modules/mdui.jq/es/static/each.js","../../node_modules/mdui.jq/es/static/extend.js","../../node_modules/mdui.jq/es/functions/map.js","../../node_modules/mdui.jq/es/static/map.js","../../node_modules/mdui.jq/es/static/merge.js","../../node_modules/mdui.jq/es/static/param.js","../../node_modules/mdui.jq/es/functions/removeData.js","../../node_modules/mdui.jq/es/static/removeData.js","../../node_modules/mdui.jq/es/functions/unique.js","../../node_modules/mdui.jq/es/static/unique.js","../../node_modules/mdui.jq/es/methods/add.js","../../node_modules/mdui.jq/es/methods/addClass.js","../../node_modules/mdui.jq/es/methods/insertBefore.js","../../node_modules/mdui.jq/es/methods/before.js","../../node_modules/mdui.jq/es/methods/off.js","../../node_modules/mdui.jq/es/methods/on.js","../../node_modules/mdui.jq/es/methods/ajaxStart.js","../../node_modules/mdui.jq/es/methods/map.js","../../node_modules/mdui.jq/es/methods/clone.js","../../node_modules/mdui.jq/es/methods/is.js","../../node_modules/mdui.jq/es/methods/remove.js","../../node_modules/mdui.jq/es/methods/append.js","../../node_modules/mdui.jq/es/methods/appendTo.js","../../node_modules/mdui.jq/es/methods/attr.js","../../node_modules/mdui.jq/es/methods/children.js","../../node_modules/mdui.jq/es/methods/slice.js","../../node_modules/mdui.jq/es/methods/eq.js","../../node_modules/mdui.jq/es/methods/utils/dir.js","../../node_modules/mdui.jq/es/methods/parent.js","../../node_modules/mdui.jq/es/methods/closest.js","../../node_modules/mdui.jq/es/methods/data.js","../../node_modules/mdui.jq/es/methods/empty.js","../../node_modules/mdui.jq/es/methods/extend.js","../../node_modules/mdui.jq/es/methods/filter.js","../../node_modules/mdui.jq/es/methods/first.js","../../node_modules/mdui.jq/es/methods/has.js","../../node_modules/mdui.jq/es/methods/hasClass.js","../../node_modules/mdui.jq/es/methods/width.js","../../node_modules/mdui.jq/es/methods/hide.js","../../node_modules/mdui.jq/es/methods/val.js","../../node_modules/mdui.jq/es/methods/index.js","../../node_modules/mdui.jq/es/methods/last.js","../../node_modules/mdui.jq/es/methods/next.js","../../node_modules/mdui.jq/es/methods/not.js","../../node_modules/mdui.jq/es/methods/offsetParent.js","../../node_modules/mdui.jq/es/methods/position.js","../../node_modules/mdui.jq/es/methods/offset.js","../../node_modules/mdui.jq/es/methods/one.js","../../node_modules/mdui.jq/es/methods/prev.js","../../node_modules/mdui.jq/es/methods/removeAttr.js","../../node_modules/mdui.jq/es/methods/removeData.js","../../node_modules/mdui.jq/es/methods/removeProp.js","../../node_modules/mdui.jq/es/methods/replaceWith.js","../../node_modules/mdui.jq/es/methods/replaceAll.js","../../node_modules/mdui.jq/es/methods/serializeArray.js","../../node_modules/mdui.jq/es/methods/serialize.js","../../node_modules/mdui.jq/es/methods/show.js","../../node_modules/mdui.jq/es/methods/siblings.js","../../node_modules/mdui.jq/es/methods/toggle.js","../../src/jq_extends/methods/reflow.ts","../../src/jq_extends/methods/transition.ts","../../src/jq_extends/methods/transitionEnd.ts","../../src/jq_extends/methods/transformOrigin.ts","../../src/jq_extends/methods/transform.ts","../../src/utils/mutation.ts","../../src/jq_extends/methods/mutation.ts","../../src/jq_extends/static/showOverlay.ts","../../src/jq_extends/static/hideOverlay.ts","../../src/jq_extends/static/lockScreen.ts","../../src/jq_extends/static/unlockScreen.ts","../../src/jq_extends/static/throttle.ts","../../src/jq_extends/static/guid.ts","../../src/global/mutation.ts","../../src/utils/componentEvent.ts","../../src/utils/dom.ts","../../src/components/headroom/index.ts","../../src/utils/parseOptions.ts","../../src/components/headroom/customAttr.ts","../../src/components/collapse/collapseAbstract.ts","../../src/components/collapse/index.ts","../../src/components/collapse/customAttr.ts","../../src/components/panel/index.ts","../../src/components/panel/customAttr.ts","../../src/components/table/index.ts","../../src/utils/touchHandler.ts","../../src/components/ripple/index.ts","../../src/components/textfield/index.ts","../../src/components/slider/index.ts","../../src/components/fab/index.ts","../../src/components/fab/customAttr.ts","../../src/components/select/index.ts","../../src/components/select/customAttr.ts","../../src/components/appbar/index.ts","../../src/components/tab/index.ts","../../src/components/tab/customAttr.ts","../../src/components/drawer/index.ts","../../src/components/drawer/customAttr.ts","../../src/utils/queue.ts","../../src/components/dialog/class.ts","../../src/components/dialog/index.ts","../../src/components/dialog/customAttr.ts","../../src/components/dialog/dialog.ts","../../src/components/dialog/alert.ts","../../src/components/dialog/confirm.ts","../../src/components/dialog/prompt.ts","../../src/components/tooltip/index.ts","../../src/components/tooltip/customAttr.ts","../../src/components/snackbar/index.ts","../../src/components/bottom_nav/index.ts","../../src/components/progress/spinner.ts","../../src/components/menu/index.ts","../../src/components/menu/customAttr.ts"],"sourcesContent":["!function(){try{return new MouseEvent(\"test\")}catch(e){}var e=function(e,t){t=t||{bubbles:!1,cancelable:!1};var n=document.createEvent(\"MouseEvent\");return n.initMouseEvent(e,t.bubbles,t.cancelable,window,0,t.screenX||0,t.screenY||0,t.clientX||0,t.clientY||0,t.ctrlKey||!1,t.altKey||!1,t.shiftKey||!1,t.metaKey||!1,t.button||0,t.relatedTarget||null),n};e.prototype=Event.prototype,window.MouseEvent=e}();\n","!function(){function t(t,e){e=e||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent(\"CustomEvent\");return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n}\"function\"!=typeof window.CustomEvent&&(t.prototype=window.Event.prototype,window.CustomEvent=t)}();\n","/**\n * @this {Promise}\n */\nfunction finallyConstructor(callback) {\n var constructor = this.constructor;\n return this.then(\n function(value) {\n // @ts-ignore\n return constructor.resolve(callback()).then(function() {\n return value;\n });\n },\n function(reason) {\n // @ts-ignore\n return constructor.resolve(callback()).then(function() {\n // @ts-ignore\n return constructor.reject(reason);\n });\n }\n );\n}\n\nexport default finallyConstructor;\n","function allSettled(arr) {\n var P = this;\n return new P(function(resolve, reject) {\n if (!(arr && typeof arr.length !== 'undefined')) {\n return reject(\n new TypeError(\n typeof arr +\n ' ' +\n arr +\n ' is not iterable(cannot read property Symbol(Symbol.iterator))'\n )\n );\n }\n var args = Array.prototype.slice.call(arr);\n if (args.length === 0) return resolve([]);\n var remaining = args.length;\n\n function res(i, val) {\n if (val && (typeof val === 'object' || typeof val === 'function')) {\n var then = val.then;\n if (typeof then === 'function') {\n then.call(\n val,\n function(val) {\n res(i, val);\n },\n function(e) {\n args[i] = { status: 'rejected', reason: e };\n if (--remaining === 0) {\n resolve(args);\n }\n }\n );\n return;\n }\n }\n args[i] = { status: 'fulfilled', value: val };\n if (--remaining === 0) {\n resolve(args);\n }\n }\n\n for (var i = 0; i < args.length; i++) {\n res(i, args[i]);\n }\n });\n}\n\nexport default allSettled;\n","import promiseFinally from './finally';\nimport allSettled from './allSettled';\n\n// Store setTimeout reference so promise-polyfill will be unaffected by\n// other code modifying setTimeout (like sinon.useFakeTimers())\nvar setTimeoutFunc = setTimeout;\n\nfunction isArray(x) {\n return Boolean(x && typeof x.length !== 'undefined');\n}\n\nfunction noop() {}\n\n// Polyfill for Function.prototype.bind\nfunction bind(fn, thisArg) {\n return function() {\n fn.apply(thisArg, arguments);\n };\n}\n\n/**\n * @constructor\n * @param {Function} fn\n */\nfunction Promise(fn) {\n if (!(this instanceof Promise))\n throw new TypeError('Promises must be constructed via new');\n if (typeof fn !== 'function') throw new TypeError('not a function');\n /** @type {!number} */\n this._state = 0;\n /** @type {!boolean} */\n this._handled = false;\n /** @type {Promise|undefined} */\n this._value = undefined;\n /** @type {!Array} */\n this._deferreds = [];\n\n doResolve(fn, this);\n}\n\nfunction handle(self, deferred) {\n while (self._state === 3) {\n self = self._value;\n }\n if (self._state === 0) {\n self._deferreds.push(deferred);\n return;\n }\n self._handled = true;\n Promise._immediateFn(function() {\n var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;\n if (cb === null) {\n (self._state === 1 ? resolve : reject)(deferred.promise, self._value);\n return;\n }\n var ret;\n try {\n ret = cb(self._value);\n } catch (e) {\n reject(deferred.promise, e);\n return;\n }\n resolve(deferred.promise, ret);\n });\n}\n\nfunction resolve(self, newValue) {\n try {\n // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure\n if (newValue === self)\n throw new TypeError('A promise cannot be resolved with itself.');\n if (\n newValue &&\n (typeof newValue === 'object' || typeof newValue === 'function')\n ) {\n var then = newValue.then;\n if (newValue instanceof Promise) {\n self._state = 3;\n self._value = newValue;\n finale(self);\n return;\n } else if (typeof then === 'function') {\n doResolve(bind(then, newValue), self);\n return;\n }\n }\n self._state = 1;\n self._value = newValue;\n finale(self);\n } catch (e) {\n reject(self, e);\n }\n}\n\nfunction reject(self, newValue) {\n self._state = 2;\n self._value = newValue;\n finale(self);\n}\n\nfunction finale(self) {\n if (self._state === 2 && self._deferreds.length === 0) {\n Promise._immediateFn(function() {\n if (!self._handled) {\n Promise._unhandledRejectionFn(self._value);\n }\n });\n }\n\n for (var i = 0, len = self._deferreds.length; i < len; i++) {\n handle(self, self._deferreds[i]);\n }\n self._deferreds = null;\n}\n\n/**\n * @constructor\n */\nfunction Handler(onFulfilled, onRejected, promise) {\n this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;\n this.onRejected = typeof onRejected === 'function' ? onRejected : null;\n this.promise = promise;\n}\n\n/**\n * Take a potentially misbehaving resolver function and make sure\n * onFulfilled and onRejected are only called once.\n *\n * Makes no guarantees about asynchrony.\n */\nfunction doResolve(fn, self) {\n var done = false;\n try {\n fn(\n function(value) {\n if (done) return;\n done = true;\n resolve(self, value);\n },\n function(reason) {\n if (done) return;\n done = true;\n reject(self, reason);\n }\n );\n } catch (ex) {\n if (done) return;\n done = true;\n reject(self, ex);\n }\n}\n\nPromise.prototype['catch'] = function(onRejected) {\n return this.then(null, onRejected);\n};\n\nPromise.prototype.then = function(onFulfilled, onRejected) {\n // @ts-ignore\n var prom = new this.constructor(noop);\n\n handle(this, new Handler(onFulfilled, onRejected, prom));\n return prom;\n};\n\nPromise.prototype['finally'] = promiseFinally;\n\nPromise.all = function(arr) {\n return new Promise(function(resolve, reject) {\n if (!isArray(arr)) {\n return reject(new TypeError('Promise.all accepts an array'));\n }\n\n var args = Array.prototype.slice.call(arr);\n if (args.length === 0) return resolve([]);\n var remaining = args.length;\n\n function res(i, val) {\n try {\n if (val && (typeof val === 'object' || typeof val === 'function')) {\n var then = val.then;\n if (typeof then === 'function') {\n then.call(\n val,\n function(val) {\n res(i, val);\n },\n reject\n );\n return;\n }\n }\n args[i] = val;\n if (--remaining === 0) {\n resolve(args);\n }\n } catch (ex) {\n reject(ex);\n }\n }\n\n for (var i = 0; i < args.length; i++) {\n res(i, args[i]);\n }\n });\n};\n\nPromise.allSettled = allSettled;\n\nPromise.resolve = function(value) {\n if (value && typeof value === 'object' && value.constructor === Promise) {\n return value;\n }\n\n return new Promise(function(resolve) {\n resolve(value);\n });\n};\n\nPromise.reject = function(value) {\n return new Promise(function(resolve, reject) {\n reject(value);\n });\n};\n\nPromise.race = function(arr) {\n return new Promise(function(resolve, reject) {\n if (!isArray(arr)) {\n return reject(new TypeError('Promise.race accepts an array'));\n }\n\n for (var i = 0, len = arr.length; i < len; i++) {\n Promise.resolve(arr[i]).then(resolve, reject);\n }\n });\n};\n\n// Use polyfill for setImmediate for performance gains\nPromise._immediateFn =\n // @ts-ignore\n (typeof setImmediate === 'function' &&\n function(fn) {\n // @ts-ignore\n setImmediate(fn);\n }) ||\n function(fn) {\n setTimeoutFunc(fn, 0);\n };\n\nPromise._unhandledRejectionFn = function _unhandledRejectionFn(err) {\n if (typeof console !== 'undefined' && console) {\n console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console\n }\n};\n\nexport default Promise;\n","import Promise from './index';\nimport promiseFinally from './finally';\nimport allSettled from './allSettled';\n\n/** @suppress {undefinedVars} */\nvar globalNS = (function() {\n // the only reliable means to get the global object is\n // `Function('return this')()`\n // However, this causes CSP violations in Chrome apps.\n if (typeof self !== 'undefined') {\n return self;\n }\n if (typeof window !== 'undefined') {\n return window;\n }\n if (typeof global !== 'undefined') {\n return global;\n }\n throw new Error('unable to locate global object');\n})();\n\n// Expose the polyfill if Promise is undefined or set to a\n// non-function value. The latter can be due to a named HTMLElement\n// being exposed by browsers for legacy reasons.\n// https://github.com/taylorhakes/promise-polyfill/issues/114\nif (typeof globalNS['Promise'] !== 'function') {\n globalNS['Promise'] = Promise;\n} else if (!globalNS.Promise.prototype['finally']) {\n globalNS.Promise.prototype['finally'] = promiseFinally;\n} else if (!globalNS.Promise.allSettled) {\n globalNS.Promise.allSettled = allSettled;\n}\n","function isNodeName(element, name) {\n return element.nodeName.toLowerCase() === name.toLowerCase();\n}\nfunction isFunction(target) {\n return typeof target === 'function';\n}\nfunction isString(target) {\n return typeof target === 'string';\n}\nfunction isNumber(target) {\n return typeof target === 'number';\n}\nfunction isBoolean(target) {\n return typeof target === 'boolean';\n}\nfunction isUndefined(target) {\n return typeof target === 'undefined';\n}\nfunction isNull(target) {\n return target === null;\n}\nfunction isWindow(target) {\n return target instanceof Window;\n}\nfunction isDocument(target) {\n return target instanceof Document;\n}\nfunction isElement(target) {\n return target instanceof Element;\n}\nfunction isNode(target) {\n return target instanceof Node;\n}\n/**\n * 是否是 IE 浏览器\n */\nfunction isIE() {\n // @ts-ignore\n return !!window.document.documentMode;\n}\nfunction isArrayLike(target) {\n if (isFunction(target) || isWindow(target)) {\n return false;\n }\n return isNumber(target.length);\n}\nfunction isObjectLike(target) {\n return typeof target === 'object' && target !== null;\n}\nfunction toElement(target) {\n return isDocument(target) ? target.documentElement : target;\n}\n/**\n * 把用 - 分隔的字符串转为驼峰（如 box-sizing 转换为 boxSizing）\n * @param string\n */\nfunction toCamelCase(string) {\n return string\n .replace(/^-ms-/, 'ms-')\n .replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());\n}\n/**\n * 把驼峰法转为用 - 分隔的字符串（如 boxSizing 转换为 box-sizing）\n * @param string\n */\nfunction toKebabCase(string) {\n return string.replace(/[A-Z]/g, (replacer) => '-' + replacer.toLowerCase());\n}\n/**\n * 获取元素的样式值\n * @param element\n * @param name\n */\nfunction getComputedStyleValue(element, name) {\n return window.getComputedStyle(element).getPropertyValue(toKebabCase(name));\n}\n/**\n * 检查元素的 box-sizing 是否是 border-box\n * @param element\n */\nfunction isBorderBox(element) {\n return getComputedStyleValue(element, 'box-sizing') === 'border-box';\n}\n/**\n * 获取元素的 padding, border, margin 宽度（两侧宽度的和，单位为px）\n * @param element\n * @param direction\n * @param extra\n */\nfunction getExtraWidth(element, direction, extra) {\n const position = direction === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];\n return [0, 1].reduce((prev, _, index) => {\n let prop = extra + position[index];\n if (extra === 'border') {\n prop += 'Width';\n }\n return prev + parseFloat(getComputedStyleValue(element, prop) || '0');\n }, 0);\n}\n/**\n * 获取元素的样式值，对 width 和 height 进行过处理\n * @param element\n * @param name\n */\nfunction getStyle(element, name) {\n // width、height 属性使用 getComputedStyle 得到的值不准确，需要使用 getBoundingClientRect 获取\n if (name === 'width' || name === 'height') {\n const valueNumber = element.getBoundingClientRect()[name];\n if (isBorderBox(element)) {\n return `${valueNumber}px`;\n }\n return `${valueNumber -\n getExtraWidth(element, name, 'border') -\n getExtraWidth(element, name, 'padding')}px`;\n }\n return getComputedStyleValue(element, name);\n}\n/**\n * 获取子节点组成的数组\n * @param target\n * @param parent\n */\nfunction getChildNodesArray(target, parent) {\n const tempParent = document.createElement(parent);\n tempParent.innerHTML = target;\n return [].slice.call(tempParent.childNodes);\n}\n/**\n * 始终返回 false 的函数\n */\nfunction returnFalse() {\n return false;\n}\n/**\n * 数值单位的 CSS 属性\n */\nconst cssNumber = [\n 'animationIterationCount',\n 'columnCount',\n 'fillOpacity',\n 'flexGrow',\n 'flexShrink',\n 'fontWeight',\n 'gridArea',\n 'gridColumn',\n 'gridColumnEnd',\n 'gridColumnStart',\n 'gridRow',\n 'gridRowEnd',\n 'gridRowStart',\n 'lineHeight',\n 'opacity',\n 'order',\n 'orphans',\n 'widows',\n 'zIndex',\n 'zoom',\n];\nexport { isNodeName, isArrayLike, isObjectLike, isFunction, isString, isNumber, isBoolean, isUndefined, isNull, isWindow, isDocument, isElement, isNode, isIE, toElement, toCamelCase, toKebabCase, getComputedStyleValue, isBorderBox, getExtraWidth, getStyle, getChildNodesArray, returnFalse, cssNumber, };\n","import { isArrayLike } from '../utils';\nfunction each(target, callback) {\n if (isArrayLike(target)) {\n for (let i = 0; i < target.length; i += 1) {\n if (callback.call(target[i], i, target[i]) === false) {\n return target;\n }\n }\n }\n else {\n const keys = Object.keys(target);\n for (let i = 0; i < keys.length; i += 1) {\n if (callback.call(target[keys[i]], keys[i], target[keys[i]]) === false) {\n return target;\n }\n }\n }\n return target;\n}\nexport default each;\n","import each from './functions/each';\n/**\n * 为了使用模块扩充，这里不能使用默认导出\n */\nexport class JQ {\n constructor(arr) {\n this.length = 0;\n if (!arr) {\n return this;\n }\n each(arr, (i, item) => {\n // @ts-ignore\n this[i] = item;\n });\n this.length = arr.length;\n return this;\n }\n}\n","import each from './functions/each';\nimport { JQ } from './JQ';\nimport { getChildNodesArray, isArrayLike, isFunction, isNode, isString, } from './utils';\nfunction get$() {\n const $ = function (selector) {\n if (!selector) {\n return new JQ();\n }\n // JQ\n if (selector instanceof JQ) {\n return selector;\n }\n // function\n if (isFunction(selector)) {\n if (/complete|loaded|interactive/.test(document.readyState) &&\n document.body) {\n selector.call(document, $);\n }\n else {\n document.addEventListener('DOMContentLoaded', () => selector.call(document, $), false);\n }\n return new JQ([document]);\n }\n // String\n if (isString(selector)) {\n const html = selector.trim();\n // 根据 HTML 字符串创建 JQ 对象\n if (html[0] === '<' && html[html.length - 1] === '>') {\n let toCreate = 'div';\n const tags = {\n li: 'ul',\n tr: 'tbody',\n td: 'tr',\n th: 'tr',\n tbody: 'table',\n option: 'select',\n };\n each(tags, (childTag, parentTag) => {\n if (html.indexOf(`<${childTag}`) === 0) {\n toCreate = parentTag;\n return false;\n }\n return;\n });\n return new JQ(getChildNodesArray(html, toCreate));\n }\n // 根据 CSS 选择器创建 JQ 对象\n const isIdSelector = selector[0] === '#' && !selector.match(/[ .<>:~]/);\n if (!isIdSelector) {\n return new JQ(document.querySelectorAll(selector));\n }\n const element = document.getElementById(selector.slice(1));\n if (element) {\n return new JQ([element]);\n }\n return new JQ();\n }\n if (isArrayLike(selector) && !isNode(selector)) {\n return new JQ(selector);\n }\n return new JQ([selector]);\n };\n $.fn = JQ.prototype;\n return $;\n}\nconst $ = get$();\nexport default $;\n","import { MduiStatic } from './interfaces/MduiStatic';\nimport $ from 'mdui.jq/es/$';\n\n// 避免页面加载完后直接执行css动画\n// https://css-tricks.com/transitions-only-after-page-load/\nsetTimeout(() => $('body').addClass('mdui-loaded'));\n\nconst mdui = {\n $: $,\n} as MduiStatic;\n\nexport default mdui;\n","import $ from '../$';\nimport each from '../functions/each';\n$.fn.each = function (callback) {\n return each(this, callback);\n};\n","import { toElement } from '../utils';\n/**\n * 检查 container 元素内是否包含 contains 元素\n * @param container 父元素\n * @param contains 子元素\n * @example\n```js\ncontains( document, document.body ); // true\ncontains( document.getElementById('test'), document ); // false\ncontains( $('.container').get(0), $('.contains').get(0) ); // false\n```\n */\nfunction contains(container, contains) {\n return container !== contains && toElement(container).contains(contains);\n}\nexport default contains;\n","import each from './each';\n/**\n * 把第二个数组的元素追加到第一个数组中，并返回合并后的数组\n * @param first 第一个数组\n * @param second 该数组的元素将被追加到第一个数组中\n * @example\n```js\nmerge( [ 0, 1, 2 ], [ 2, 3, 4 ] )\n// [ 0, 1, 2, 2, 3, 4 ]\n```\n */\nfunction merge(first, second) {\n each(second, (_, value) => {\n first.push(value);\n });\n return first;\n}\nexport default merge;\n","import $ from '../$';\n$.fn.get = function (index) {\n return index === undefined\n ? [].slice.call(this)\n : this[index >= 0 ? index : index + this.length];\n};\n","import $ from '../$';\nimport merge from '../functions/merge';\nimport { JQ } from '../JQ';\nimport './each';\nimport './get';\n$.fn.find = function (selector) {\n const foundElements = [];\n this.each((_, element) => {\n merge(foundElements, $(element.querySelectorAll(selector)).get());\n });\n return new JQ(foundElements);\n};\n","import $ from '../../$';\nimport contains from '../../functions/contains';\nimport { isObjectLike } from '../../utils';\nimport '../find';\n// 存储事件\nconst handlers = {};\n// 元素ID\nlet mduiElementId = 1;\n/**\n * 为元素赋予一个唯一的ID\n */\nfunction getElementId(element) {\n const key = '_mduiEventId';\n // @ts-ignore\n if (!element[key]) {\n // @ts-ignore\n element[key] = ++mduiElementId;\n }\n // @ts-ignore\n return element[key];\n}\n/**\n * 解析事件名中的命名空间\n */\nfunction parse(type) {\n const parts = type.split('.');\n return {\n type: parts[0],\n ns: parts.slice(1).sort().join(' '),\n };\n}\n/**\n * 命名空间匹配规则\n */\nfunction matcherFor(ns) {\n return new RegExp('(?:^| )' + ns.replace(' ', ' .* ?') + '(?: |$)');\n}\n/**\n * 获取匹配的事件\n * @param element\n * @param type\n * @param func\n * @param selector\n */\nfunction getHandlers(element, type, func, selector) {\n const event = parse(type);\n return (handlers[getElementId(element)] || []).filter((handler) => handler &&\n (!event.type || handler.type === event.type) &&\n (!event.ns || matcherFor(event.ns).test(handler.ns)) &&\n (!func || getElementId(handler.func) === getElementId(func)) &&\n (!selector || handler.selector === selector));\n}\n/**\n * 添加事件监听\n * @param element\n * @param types\n * @param func\n * @param data\n * @param selector\n */\nfunction add(element, types, func, data, selector) {\n const elementId = getElementId(element);\n if (!handlers[elementId]) {\n handlers[elementId] = [];\n }\n // 传入 data.useCapture 来设置 useCapture: true\n let useCapture = false;\n if (isObjectLike(data) && data.useCapture) {\n useCapture = true;\n }\n types.split(' ').forEach((type) => {\n if (!type) {\n return;\n }\n const event = parse(type);\n function callFn(e, elem) {\n // 因为鼠标事件模拟事件的 detail 属性是只读的，因此在 e._detail 中存储参数\n const result = func.apply(elem, \n // @ts-ignore\n e._detail === undefined ? [e] : [e].concat(e._detail));\n if (result === false) {\n e.preventDefault();\n e.stopPropagation();\n }\n }\n function proxyFn(e) {\n // @ts-ignore\n if (e._ns && !matcherFor(e._ns).test(event.ns)) {\n return;\n }\n // @ts-ignore\n e._data = data;\n if (selector) {\n // 事件代理\n $(element)\n .find(selector)\n .get()\n .reverse()\n .forEach((elem) => {\n if (elem === e.target ||\n contains(elem, e.target)) {\n callFn(e, elem);\n }\n });\n }\n else {\n // 不使用事件代理\n callFn(e, element);\n }\n }\n const handler = {\n type: event.type,\n ns: event.ns,\n func,\n selector,\n id: handlers[elementId].length,\n proxy: proxyFn,\n };\n handlers[elementId].push(handler);\n element.addEventListener(handler.type, proxyFn, useCapture);\n });\n}\n/**\n * 移除事件监听\n * @param element\n * @param types\n * @param func\n * @param selector\n */\nfunction remove(element, types, func, selector) {\n const handlersInElement = handlers[getElementId(element)] || [];\n const removeEvent = (handler) => {\n delete handlersInElement[handler.id];\n element.removeEventListener(handler.type, handler.proxy, false);\n };\n if (!types) {\n handlersInElement.forEach((handler) => removeEvent(handler));\n }\n else {\n types.split(' ').forEach((type) => {\n if (type) {\n getHandlers(element, type, func, selector).forEach((handler) => removeEvent(handler));\n }\n });\n }\n}\nexport { parse, add, remove };\n","import $ from '../$';\nimport './each';\nimport { parse } from './utils/event';\n$.fn.trigger = function (type, extraParameters) {\n const event = parse(type);\n let eventObject;\n const eventParams = {\n bubbles: true,\n cancelable: true,\n };\n const isMouseEvent = ['click', 'mousedown', 'mouseup', 'mousemove'].indexOf(event.type) > -1;\n if (isMouseEvent) {\n // Note: MouseEvent 无法传入 detail 参数\n eventObject = new MouseEvent(event.type, eventParams);\n }\n else {\n eventParams.detail = extraParameters;\n eventObject = new CustomEvent(event.type, eventParams);\n }\n // @ts-ignore\n eventObject._detail = extraParameters;\n // @ts-ignore\n eventObject._ns = event.ns;\n return this.each(function () {\n this.dispatchEvent(eventObject);\n });\n};\n","import each from '../functions/each';\nimport { isUndefined } from '../utils';\nfunction extend(target, object1, ...objectN) {\n objectN.unshift(object1);\n each(objectN, (_, object) => {\n each(object, (prop, value) => {\n if (!isUndefined(value)) {\n target[prop] = value;\n }\n });\n });\n return target;\n}\nexport default extend;\n","import { isObjectLike } from '../utils';\nimport each from './each';\n/**\n * 将数组或对象序列化，序列化后的字符串可作为 URL 查询字符串使用\n *\n * 若传入数组，则格式必须和 serializeArray 方法的返回值一样\n * @param obj 对象或数组\n * @example\n```js\nparam({ width: 1680, height: 1050 });\n// width=1680&height=1050\n```\n * @example\n```js\nparam({ foo: { one: 1, two: 2 }})\n// foo[one]=1&foo[two]=2\n```\n * @example\n```js\nparam({ids: [1, 2, 3]})\n// ids[]=1&ids[]=2&ids[]=3\n```\n * @example\n```js\nparam([\n {\"name\":\"name\",\"value\":\"mdui\"},\n {\"name\":\"password\",\"value\":\"123456\"}\n])\n// name=mdui&password=123456\n```\n */\nfunction param(obj) {\n if (!isObjectLike(obj) && !Array.isArray(obj)) {\n return '';\n }\n const args = [];\n function destructure(key, value) {\n let keyTmp;\n if (isObjectLike(value)) {\n each(value, (i, v) => {\n if (Array.isArray(value) && !isObjectLike(v)) {\n keyTmp = '';\n }\n else {\n keyTmp = i;\n }\n destructure(`${key}[${keyTmp}]`, v);\n });\n }\n else {\n if (value == null || value === '') {\n keyTmp = '=';\n }\n else {\n keyTmp = `=${encodeURIComponent(value)}`;\n }\n args.push(encodeURIComponent(key) + keyTmp);\n }\n }\n if (Array.isArray(obj)) {\n each(obj, function () {\n destructure(this.name, this.value);\n });\n }\n else {\n each(obj, destructure);\n }\n return args.join('&');\n}\nexport default param;\n","// 全局配置参数\nconst globalOptions = {};\n// 全局事件名\nconst ajaxEvents = {\n ajaxStart: 'start.mdui.ajax',\n ajaxSuccess: 'success.mdui.ajax',\n ajaxError: 'error.mdui.ajax',\n ajaxComplete: 'complete.mdui.ajax',\n};\nexport { globalOptions, ajaxEvents };\n","import $ from '../$';\nimport '../methods/trigger';\nimport { isString, isUndefined } from '../utils';\nimport each from './each';\nimport extend from './extend';\nimport param from './param';\nimport { ajaxEvents, globalOptions } from './utils/ajax';\n/**\n * 判断此请求方法是否通过查询字符串提交参数\n * @param method 请求方法，大写\n */\nfunction isQueryStringData(method) {\n return ['GET', 'HEAD'].indexOf(method) >= 0;\n}\n/**\n * 添加参数到 URL 上，且 URL 中不存在 ? 时，自动把第一个 & 替换为 ?\n * @param url\n * @param query\n */\nfunction appendQuery(url, query) {\n return `${url}&${query}`.replace(/[&?]{1,2}/, '?');\n}\n/**\n * 合并请求参数，参数优先级：options > globalOptions > defaults\n * @param options\n */\nfunction mergeOptions(options) {\n // 默认参数\n const defaults = {\n url: '',\n method: 'GET',\n data: '',\n processData: true,\n async: true,\n cache: true,\n username: '',\n password: '',\n headers: {},\n xhrFields: {},\n statusCode: {},\n dataType: 'text',\n contentType: 'application/x-www-form-urlencoded',\n timeout: 0,\n global: true,\n };\n // globalOptions 中的回调函数不合并\n each(globalOptions, (key, value) => {\n const callbacks = [\n 'beforeSend',\n 'success',\n 'error',\n 'complete',\n 'statusCode',\n ];\n // @ts-ignore\n if (callbacks.indexOf(key) < 0 && !isUndefined(value)) {\n defaults[key] = value;\n }\n });\n return extend({}, defaults, options);\n}\n/**\n * 发送 ajax 请求\n * @param options\n * @example\n```js\najax({\n method: \"POST\",\n url: \"some.php\",\n data: { name: \"John\", location: \"Boston\" }\n}).then(function( msg ) {\n alert( \"Data Saved: \" + msg );\n});\n```\n */\nfunction ajax(options) {\n // 是否已取消请求\n let isCanceled = false;\n // 事件参数\n const eventParams = {};\n // 参数合并\n const mergedOptions = mergeOptions(options);\n let url = mergedOptions.url || window.location.toString();\n const method = mergedOptions.method.toUpperCase();\n let data = mergedOptions.data;\n const processData = mergedOptions.processData;\n const async = mergedOptions.async;\n const cache = mergedOptions.cache;\n const username = mergedOptions.username;\n const password = mergedOptions.password;\n const headers = mergedOptions.headers;\n const xhrFields = mergedOptions.xhrFields;\n const statusCode = mergedOptions.statusCode;\n const dataType = mergedOptions.dataType;\n const contentType = mergedOptions.contentType;\n const timeout = mergedOptions.timeout;\n const global = mergedOptions.global;\n // 需要发送的数据\n // GET/HEAD 请求和 processData 为 true 时，转换为查询字符串格式，特殊格式不转换\n if (data &&\n (isQueryStringData(method) || processData) &&\n !isString(data) &&\n !(data instanceof ArrayBuffer) &&\n !(data instanceof Blob) &&\n !(data instanceof Document) &&\n !(data instanceof FormData)) {\n data = param(data);\n }\n // 对于 GET、HEAD 类型的请求，把 data 数据添加到 URL 中\n if (data && isQueryStringData(method)) {\n // 查询字符串拼接到 URL 中\n url = appendQuery(url, data);\n data = null;\n }\n /**\n * 触发事件和回调函数\n * @param event\n * @param params\n * @param callback\n * @param args\n */\n function trigger(event, params, callback, ...args) {\n // 触发全局事件\n if (global) {\n $(document).trigger(event, params);\n }\n // 触发 ajax 回调和事件\n let result1;\n let result2;\n if (callback) {\n // 全局回调\n if (callback in globalOptions) {\n // @ts-ignore\n result1 = globalOptions[callback](...args);\n }\n // 自定义回调\n if (mergedOptions[callback]) {\n // @ts-ignore\n result2 = mergedOptions[callback](...args);\n }\n // beforeSend 回调返回 false 时取消 ajax 请求\n if (callback === 'beforeSend' &&\n (result1 === false || result2 === false)) {\n isCanceled = true;\n }\n }\n }\n // XMLHttpRequest 请求\n function XHR() {\n let textStatus;\n return new Promise((resolve, reject) => {\n // GET/HEAD 请求的缓存处理\n if (isQueryStringData(method) && !cache) {\n url = appendQuery(url, `_=${Date.now()}`);\n }\n // 创建 XHR\n const xhr = new XMLHttpRequest();\n xhr.open(method, url, async, username, password);\n if (contentType ||\n (data && !isQueryStringData(method) && contentType !== false)) {\n xhr.setRequestHeader('Content-Type', contentType);\n }\n // 设置 Accept\n if (dataType === 'json') {\n xhr.setRequestHeader('Accept', 'application/json, text/javascript');\n }\n // 添加 headers\n if (headers) {\n each(headers, (key, value) => {\n // undefined 值不发送，string 和 null 需要发送\n if (!isUndefined(value)) {\n xhr.setRequestHeader(key, value + ''); // 把 null 转换成字符串\n }\n });\n }\n // 检查是否是跨域请求，跨域请求时不添加 X-Requested-With\n const crossDomain = /^([\\w-]+:)?\\/\\/([^/]+)/.test(url) &&\n RegExp.$2 !== window.location.host;\n if (!crossDomain) {\n xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');\n }\n if (xhrFields) {\n each(xhrFields, (key, value) => {\n // @ts-ignore\n xhr[key] = value;\n });\n }\n eventParams.xhr = xhr;\n eventParams.options = mergedOptions;\n let xhrTimeout;\n xhr.onload = function () {\n if (xhrTimeout) {\n clearTimeout(xhrTimeout);\n }\n // AJAX 返回的 HTTP 响应码是否表示成功\n const isHttpStatusSuccess = (xhr.status >= 200 && xhr.status < 300) ||\n xhr.status === 304 ||\n xhr.status === 0;\n let responseData;\n if (isHttpStatusSuccess) {\n if (xhr.status === 204 || method === 'HEAD') {\n textStatus = 'nocontent';\n }\n else if (xhr.status === 304) {\n textStatus = 'notmodified';\n }\n else {\n textStatus = 'success';\n }\n if (dataType === 'json') {\n try {\n responseData =\n method === 'HEAD' ? undefined : JSON.parse(xhr.responseText);\n eventParams.data = responseData;\n }\n catch (err) {\n textStatus = 'parsererror';\n trigger(ajaxEvents.ajaxError, eventParams, 'error', xhr, textStatus);\n reject(new Error(textStatus));\n }\n if (textStatus !== 'parsererror') {\n trigger(ajaxEvents.ajaxSuccess, eventParams, 'success', responseData, textStatus, xhr);\n resolve(responseData);\n }\n }\n else {\n responseData =\n method === 'HEAD'\n ? undefined\n : xhr.responseType === 'text' || xhr.responseType === ''\n ? xhr.responseText\n : xhr.response;\n eventParams.data = responseData;\n trigger(ajaxEvents.ajaxSuccess, eventParams, 'success', responseData, textStatus, xhr);\n resolve(responseData);\n }\n }\n else {\n textStatus = 'error';\n trigger(ajaxEvents.ajaxError, eventParams, 'error', xhr, textStatus);\n reject(new Error(textStatus));\n }\n // statusCode\n each([globalOptions.statusCode, statusCode], (_, func) => {\n if (func && func[xhr.status]) {\n if (isHttpStatusSuccess) {\n func[xhr.status](responseData, textStatus, xhr);\n }\n else {\n func[xhr.status](xhr, textStatus);\n }\n }\n });\n trigger(ajaxEvents.ajaxComplete, eventParams, 'complete', xhr, textStatus);\n };\n xhr.onerror = function () {\n if (xhrTimeout) {\n clearTimeout(xhrTimeout);\n }\n trigger(ajaxEvents.ajaxError, eventParams, 'error', xhr, xhr.statusText);\n trigger(ajaxEvents.ajaxComplete, eventParams, 'complete', xhr, 'error');\n reject(new Error(xhr.statusText));\n };\n xhr.onabort = function () {\n let statusText = 'abort';\n if (xhrTimeout) {\n statusText = 'timeout';\n clearTimeout(xhrTimeout);\n }\n trigger(ajaxEvents.ajaxError, eventParams, 'error', xhr, statusText);\n trigger(ajaxEvents.ajaxComplete, eventParams, 'complete', xhr, statusText);\n reject(new Error(statusText));\n };\n // ajax start 回调\n trigger(ajaxEvents.ajaxStart, eventParams, 'beforeSend', xhr);\n if (isCanceled) {\n reject(new Error('cancel'));\n return;\n }\n // Timeout\n if (timeout > 0) {\n xhrTimeout = setTimeout(() => {\n xhr.abort();\n }, timeout);\n }\n // 发送 XHR\n xhr.send(data);\n });\n }\n return XHR();\n}\nexport default ajax;\n","import $ from '../$';\nimport ajax from '../functions/ajax';\n$.ajax = ajax;\n","import extend from '../functions/extend';\nimport { globalOptions } from './utils/ajax';\n/**\n * 为 Ajax 请求设置全局配置参数\n * @param options 键值对参数\n * @example\n```js\najaxSetup({\n dataType: 'json',\n method: 'POST',\n});\n```\n */\nfunction ajaxSetup(options) {\n return extend(globalOptions, options);\n}\nexport default ajaxSetup;\n","import $ from '../$';\nimport ajaxSetup from '../functions/ajaxSetup';\n$.ajaxSetup = ajaxSetup;\n","import $ from '../$';\nimport contains from '../functions/contains';\n$.contains = contains;\n","const dataNS = '_mduiElementDataStorage';\nexport default dataNS;\n","import { isObjectLike, isUndefined, toCamelCase } from '../utils';\nimport each from './each';\nimport dataNS from './utils/data';\n/**\n * 在元素上设置键值对数据\n * @param element\n * @param object\n */\nfunction setObjectToElement(element, object) {\n // @ts-ignore\n if (!element[dataNS]) {\n // @ts-ignore\n element[dataNS] = {};\n }\n each(object, (key, value) => {\n // @ts-ignore\n element[dataNS][toCamelCase(key)] = value;\n });\n}\nfunction data(element, key, value) {\n // 根据键值对设置值\n // data(element, { 'key' : 'value' })\n if (isObjectLike(key)) {\n setObjectToElement(element, key);\n return key;\n }\n // 根据 key、value 设置值\n // data(element, 'key', 'value')\n if (!isUndefined(value)) {\n setObjectToElement(element, { [key]: value });\n return value;\n }\n // 获取所有值\n // data(element)\n if (isUndefined(key)) {\n // @ts-ignore\n return element[dataNS] ? element[dataNS] : {};\n }\n // 从 dataNS 中获取指定值\n // data(element, 'key')\n key = toCamelCase(key);\n // @ts-ignore\n if (element[dataNS] && key in element[dataNS]) {\n // @ts-ignore\n return element[dataNS][key];\n }\n return undefined;\n}\nexport default data;\n","import $ from '../$';\nimport data from '../functions/data';\n$.data = data;\n","import $ from '../$';\nimport each from '../functions/each';\n$.each = each;\n","import $ from '../$';\nimport each from '../functions/each';\nimport extend from '../functions/extend';\n$.extend = function (...objectN) {\n if (objectN.length === 1) {\n each(objectN[0], (prop, value) => {\n this[prop] = value;\n });\n return this;\n }\n return extend(objectN.shift(), objectN.shift(), ...objectN);\n};\n","import each from './each';\nfunction map(elements, callback) {\n let value;\n const ret = [];\n each(elements, (i, element) => {\n value = callback.call(window, element, i);\n if (value != null) {\n ret.push(value);\n }\n });\n return [].concat(...ret);\n}\nexport default map;\n","import $ from '../$';\nimport map from '../functions/map';\n$.map = map;\n","import $ from '../$';\nimport merge from '../functions/merge';\n$.merge = merge;\n","import $ from '../$';\nimport param from '../functions/param';\n$.param = param;\n","import each from '../functions/each';\nimport { isUndefined, isString, toCamelCase } from '../utils';\nimport dataNS from './utils/data';\n/**\n * 移除指定元素上存放的数据\n * @param element 存放数据的元素\n * @param name\n * 数据键名\n *\n * 若未指定键名，将移除元素上所有数据\n *\n * 多个键名可以用空格分隔，或者用数组表示多个键名\n @example\n```js\n// 移除元素上键名为 name 的数据\nremoveData(document.body, 'name');\n```\n * @example\n```js\n// 移除元素上键名为 name1 和 name2 的数据\nremoveData(document.body, 'name1 name2');\n```\n * @example\n```js\n// 移除元素上键名为 name1 和 name2 的数据\nremoveData(document.body, ['name1', 'name2']);\n```\n * @example\n```js\n// 移除元素上所有数据\nremoveData(document.body);\n```\n */\nfunction removeData(element, name) {\n // @ts-ignore\n if (!element[dataNS]) {\n return;\n }\n const remove = (nameItem) => {\n nameItem = toCamelCase(nameItem);\n // @ts-ignore\n if (element[dataNS][nameItem]) {\n // @ts-ignore\n element[dataNS][nameItem] = null;\n // @ts-ignore\n delete element[dataNS][nameItem];\n }\n };\n if (isUndefined(name)) {\n // @ts-ignore\n element[dataNS] = null;\n // @ts-ignore\n delete element[dataNS];\n // @ts-ignore\n }\n else if (isString(name)) {\n name\n .split(' ')\n .filter((nameItem) => nameItem)\n .forEach((nameItem) => remove(nameItem));\n }\n else {\n each(name, (_, nameItem) => remove(nameItem));\n }\n}\nexport default removeData;\n","import $ from '../$';\nimport removeData from '../functions/removeData';\n$.removeData = removeData;\n","import each from './each';\n/**\n * 过滤掉数组中的重复元素\n * @param arr 数组\n * @example\n```js\nunique([1, 2, 12, 3, 2, 1, 2, 1, 1]);\n// [1, 2, 12, 3]\n```\n */\nfunction unique(arr) {\n const result = [];\n each(arr, (_, val) => {\n if (result.indexOf(val) === -1) {\n result.push(val);\n }\n });\n return result;\n}\nexport default unique;\n","import $ from '../$';\nimport unique from '../functions/unique';\n$.unique = unique;\n","import $ from '../$';\nimport merge from '../functions/merge';\nimport unique from '../functions/unique';\nimport { JQ } from '../JQ';\nimport './get';\n$.fn.add = function (selector) {\n return new JQ(unique(merge(this.get(), $(selector).get())));\n};\n","import $ from '../$';\nimport each from '../functions/each';\nimport { isElement, isFunction } from '../utils';\nimport './each';\neach(['add', 'remove', 'toggle'], (_, name) => {\n $.fn[`${name}Class`] = function (className) {\n if (name === 'remove' && !arguments.length) {\n return this.each((_, element) => {\n element.setAttribute('class', '');\n });\n }\n return this.each((i, element) => {\n if (!isElement(element)) {\n return;\n }\n const classes = (isFunction(className)\n ? className.call(element, i, element.getAttribute('class') || '')\n : className)\n .split(' ')\n .filter((name) => name);\n each(classes, (_, cls) => {\n element.classList[name](cls);\n });\n });\n };\n});\n","import $ from '../$';\nimport each from '../functions/each';\nimport './each';\neach(['insertBefore', 'insertAfter'], (nameIndex, name) => {\n $.fn[name] = function (target) {\n const $element = nameIndex ? $(this.get().reverse()) : this; // 顺序和 jQuery 保持一致\n const $target = $(target);\n const result = [];\n $target.each((index, target) => {\n if (!target.parentNode) {\n return;\n }\n $element.each((_, element) => {\n const newItem = index\n ? element.cloneNode(true)\n : element;\n const existingItem = nameIndex ? target.nextSibling : target;\n result.push(newItem);\n target.parentNode.insertBefore(newItem, existingItem);\n });\n });\n return $(nameIndex ? result.reverse() : result);\n };\n});\n","import $ from '../$';\nimport each from '../functions/each';\nimport { getChildNodesArray, isFunction, isString, isElement } from '../utils';\nimport './each';\nimport './insertAfter';\nimport './insertBefore';\n/**\n * 是否不是 HTML 字符串（包裹在 <> 中）\n * @param target\n */\nfunction isPlainText(target) {\n return (isString(target) && (target[0] !== '<' || target[target.length - 1] !== '>'));\n}\neach(['before', 'after'], (nameIndex, name) => {\n $.fn[name] = function (...args) {\n // after 方法，多个参数需要按参数顺序添加到元素后面，所以需要将参数顺序反向处理\n if (nameIndex === 1) {\n args = args.reverse();\n }\n return this.each((index, element) => {\n const targets = isFunction(args[0])\n ? [args[0].call(element, index, element.innerHTML)]\n : args;\n each(targets, (_, target) => {\n let $target;\n if (isPlainText(target)) {\n $target = $(getChildNodesArray(target, 'div'));\n }\n else if (index && isElement(target)) {\n $target = $(target.cloneNode(true));\n }\n else {\n $target = $(target);\n }\n $target[nameIndex ? 'insertAfter' : 'insertBefore'](element);\n });\n });\n };\n});\n","import $ from '../$';\nimport each from '../functions/each';\nimport { isFunction, isObjectLike, returnFalse } from '../utils';\nimport './each';\nimport { remove } from './utils/event';\n$.fn.off = function (types, selector, callback) {\n // types 是对象\n if (isObjectLike(types)) {\n each(types, (type, fn) => {\n // this.off('click', undefined, function () {})\n // this.off('click', '.box', function () {})\n this.off(type, selector, fn);\n });\n return this;\n }\n // selector 不存在\n if (selector === false || isFunction(selector)) {\n callback = selector;\n selector = undefined;\n // this.off('click', undefined, function () {})\n }\n // callback 传入 `false`，相当于 `return false`\n if (callback === false) {\n callback = returnFalse;\n }\n return this.each(function () {\n remove(this, types, callback, selector);\n });\n};\n","import $ from '../$';\nimport each from '../functions/each';\nimport { isObjectLike, isString, returnFalse } from '../utils';\nimport './each';\nimport './off';\nimport { add } from './utils/event';\n$.fn.on = function (types, selector, data, callback, one) {\n // types 可以是 type/func 对象\n if (isObjectLike(types)) {\n // (types-Object, selector, data)\n if (!isString(selector)) {\n // (types-Object, data)\n data = data || selector;\n selector = undefined;\n }\n each(types, (type, fn) => {\n // selector 和 data 都可能是 undefined\n // @ts-ignore\n this.on(type, selector, data, fn, one);\n });\n return this;\n }\n if (data == null && callback == null) {\n // (types, fn)\n callback = selector;\n data = selector = undefined;\n }\n else if (callback == null) {\n if (isString(selector)) {\n // (types, selector, fn)\n callback = data;\n data = undefined;\n }\n else {\n // (types, data, fn)\n callback = data;\n data = selector;\n selector = undefined;\n }\n }\n if (callback === false) {\n callback = returnFalse;\n }\n else if (!callback) {\n return this;\n }\n // $().one()\n if (one) {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const _this = this;\n const origCallback = callback;\n callback = function (event) {\n _this.off(event.type, selector, callback);\n // eslint-disable-next-line prefer-rest-params\n return origCallback.apply(this, arguments);\n };\n }\n return this.each(function () {\n add(this, types, callback, data, selector);\n });\n};\n","import $ from '../$';\nimport each from '../functions/each';\nimport { ajaxEvents } from '../functions/utils/ajax';\nimport './on';\neach(ajaxEvents, (name, eventName) => {\n $.fn[name] = function (fn) {\n return this.on(eventName, (e, params) => {\n fn(e, params.xhr, params.options, params.data);\n });\n };\n});\n","import $ from '../$';\nimport map from '../functions/map';\nimport { JQ } from '../JQ';\n$.fn.map = function (callback) {\n return new JQ(map(this, (element, i) => callback.call(element, i, element)));\n};\n","import $ from '../$';\nimport './map';\n$.fn.clone = function () {\n return this.map(function () {\n return this.cloneNode(true);\n });\n};\n","import $ from '../$';\nimport { isDocument, isFunction, isString, isWindow } from '../utils';\nimport './each';\n$.fn.is = function (selector) {\n let isMatched = false;\n if (isFunction(selector)) {\n this.each((index, element) => {\n if (selector.call(element, index, element)) {\n isMatched = true;\n }\n });\n return isMatched;\n }\n if (isString(selector)) {\n this.each((_, element) => {\n if (isDocument(element) || isWindow(element)) {\n return;\n }\n // @ts-ignore\n const matches = element.matches || element.msMatchesSelector;\n if (matches.call(element, selector)) {\n isMatched = true;\n }\n });\n return isMatched;\n }\n const $compareWith = $(selector);\n this.each((_, element) => {\n $compareWith.each((_, compare) => {\n if (element === compare) {\n isMatched = true;\n }\n });\n });\n return isMatched;\n};\n","import $ from '../$';\nimport './each';\nimport './is';\n$.fn.remove = function (selector) {\n return this.each((_, element) => {\n if (element.parentNode && (!selector || $(element).is(selector))) {\n element.parentNode.removeChild(element);\n }\n });\n};\n","import $ from '../$';\nimport each from '../functions/each';\nimport { isFunction, isString } from '../utils';\nimport './after';\nimport './before';\nimport './clone';\nimport './each';\nimport './map';\nimport './remove';\neach(['prepend', 'append'], (nameIndex, name) => {\n $.fn[name] = function (...args) {\n return this.each((index, element) => {\n const childNodes = element.childNodes;\n const childLength = childNodes.length;\n const child = childLength\n ? childNodes[nameIndex ? childLength - 1 : 0]\n : document.createElement('div');\n if (!childLength) {\n element.appendChild(child);\n }\n let contents = isFunction(args[0])\n ? [args[0].call(element, index, element.innerHTML)]\n : args;\n // 如果不是字符串，则仅第一个元素使用原始元素，其他的都克隆自第一个元素\n if (index) {\n contents = contents.map((content) => {\n return isString(content) ? content : $(content).clone();\n });\n }\n $(child)[nameIndex ? 'after' : 'before'](...contents);\n if (!childLength) {\n element.removeChild(child);\n }\n });\n };\n});\n","import $ from '../$';\nimport each from '../functions/each';\nimport './insertAfter';\nimport './insertBefore';\nimport './map';\nimport './remove';\neach(['appendTo', 'prependTo'], (nameIndex, name) => {\n $.fn[name] = function (target) {\n const extraChilds = [];\n const $target = $(target).map((_, element) => {\n const childNodes = element.childNodes;\n const childLength = childNodes.length;\n if (childLength) {\n return childNodes[nameIndex ? 0 : childLength - 1];\n }\n const child = document.createElement('div');\n element.appendChild(child);\n extraChilds.push(child);\n return child;\n });\n const $result = this[nameIndex ? 'insertBefore' : 'insertAfter']($target);\n $(extraChilds).remove();\n return $result;\n };\n});\n","import $ from '../$';\nimport each from '../functions/each';\nimport { cssNumber, getStyle, isElement, isFunction, isNull, isNumber, isObjectLike, isUndefined, toCamelCase, } from '../utils';\nimport './each';\neach(['attr', 'prop', 'css'], (nameIndex, name) => {\n function set(element, key, value) {\n // 值为 undefined 时，不修改\n if (isUndefined(value)) {\n return;\n }\n switch (nameIndex) {\n // attr\n case 0:\n if (isNull(value)) {\n element.removeAttribute(key);\n }\n else {\n element.setAttribute(key, value);\n }\n break;\n // prop\n case 1:\n // @ts-ignore\n element[key] = value;\n break;\n // css\n default:\n key = toCamelCase(key);\n // @ts-ignore\n element.style[key] = isNumber(value)\n ? `${value}${cssNumber.indexOf(key) > -1 ? '' : 'px'}`\n : value;\n break;\n }\n }\n function get(element, key) {\n switch (nameIndex) {\n // attr\n case 0:\n // 属性不存在时，原生 getAttribute 方法返回 null，而 jquery 返回 undefined。这里和 jquery 保持一致\n const value = element.getAttribute(key);\n return isNull(value) ? undefined : value;\n // prop\n case 1:\n // @ts-ignore\n return element[key];\n // css\n default:\n return getStyle(element, key);\n }\n }\n $.fn[name] = function (key, value) {\n if (isObjectLike(key)) {\n each(key, (k, v) => {\n // @ts-ignore\n this[name](k, v);\n });\n return this;\n }\n if (arguments.length === 1) {\n const element = this[0];\n return isElement(element) ? get(element, key) : undefined;\n }\n return this.each((i, element) => {\n set(element, key, isFunction(value) ? value.call(element, i, get(element, key)) : value);\n });\n };\n});\n","import $ from '../$';\nimport each from '../functions/each';\nimport unique from '../functions/unique';\nimport { JQ } from '../JQ';\nimport { isElement } from '../utils';\nimport './each';\nimport './is';\n$.fn.children = function (selector) {\n const children = [];\n this.each((_, element) => {\n each(element.childNodes, (__, childNode) => {\n if (!isElement(childNode)) {\n return;\n }\n if (!selector || $(childNode).is(selector)) {\n children.push(childNode);\n }\n });\n });\n return new JQ(unique(children));\n};\n","import $ from '../$';\nimport { JQ } from '../JQ';\n$.fn.slice = function (...args) {\n return new JQ([].slice.apply(this, args));\n};\n","import $ from '../$';\nimport { JQ } from '../JQ';\nimport './slice';\n$.fn.eq = function (index) {\n const ret = index === -1 ? this.slice(index) : this.slice(index, +index + 1);\n return new JQ(ret);\n};\n","import $ from '../../$';\nimport unique from '../../functions/unique';\nimport { JQ } from '../../JQ';\nimport { isElement } from '../../utils';\nimport '../each';\nimport '../is';\nexport default function dir($elements, nameIndex, node, selector, filter) {\n const ret = [];\n let target;\n $elements.each((_, element) => {\n target = element[node];\n // 不能包含最顶层的 document 元素\n while (target && isElement(target)) {\n // prevUntil, nextUntil, parentsUntil\n if (nameIndex === 2) {\n if (selector && $(target).is(selector)) {\n break;\n }\n if (!filter || $(target).is(filter)) {\n ret.push(target);\n }\n }\n // prev, next, parent\n else if (nameIndex === 0) {\n if (!selector || $(target).is(selector)) {\n ret.push(target);\n }\n break;\n }\n // prevAll, nextAll, parents\n else {\n if (!selector || $(target).is(selector)) {\n ret.push(target);\n }\n }\n // @ts-ignore\n target = target[node];\n }\n });\n return new JQ(unique(ret));\n}\n","import $ from '../$';\nimport each from '../functions/each';\nimport './get';\nimport dir from './utils/dir';\neach(['', 's', 'sUntil'], (nameIndex, name) => {\n $.fn[`parent${name}`] = function (selector, filter) {\n // parents、parentsUntil 需要把元素的顺序反向处理，以便和 jQuery 的结果一致\n const $nodes = !nameIndex ? this : $(this.get().reverse());\n return dir($nodes, nameIndex, 'parentNode', selector, filter);\n };\n});\n","import $ from '../$';\nimport { JQ } from '../JQ';\nimport './eq';\nimport './is';\nimport './parents';\n$.fn.closest = function (selector) {\n if (this.is(selector)) {\n return this;\n }\n const matched = [];\n this.parents().each((_, element) => {\n if ($(element).is(selector)) {\n matched.push(element);\n return false;\n }\n });\n return new JQ(matched);\n};\n","import $ from '../$';\nimport data from '../functions/data';\nimport { isObjectLike, isString, isUndefined, toCamelCase, toKebabCase, } from '../utils';\nimport './each';\nconst rbrace = /^(?:{[\\w\\W]*\\}|\\[[\\w\\W]*\\])$/;\n// 从 `data-*` 中获取的值，需要经过该函数转换\nfunction getData(value) {\n if (value === 'true') {\n return true;\n }\n if (value === 'false') {\n return false;\n }\n if (value === 'null') {\n return null;\n }\n if (value === +value + '') {\n return +value;\n }\n if (rbrace.test(value)) {\n return JSON.parse(value);\n }\n return value;\n}\n// 若 value 不存在，则从 `data-*` 中获取值\nfunction dataAttr(element, key, value) {\n if (isUndefined(value) && element.nodeType === 1) {\n const name = 'data-' + toKebabCase(key);\n value = element.getAttribute(name);\n if (isString(value)) {\n try {\n value = getData(value);\n }\n catch (e) { }\n }\n else {\n value = undefined;\n }\n }\n return value;\n}\n$.fn.data = function (key, value) {\n // 获取所有值\n if (isUndefined(key)) {\n if (!this.length) {\n return undefined;\n }\n const element = this[0];\n const resultData = data(element);\n // window, document 上不存在 `data-*` 属性\n if (element.nodeType !== 1) {\n return resultData;\n }\n // 从 `data-*` 中获取值\n const attrs = element.attributes;\n let i = attrs.length;\n while (i--) {\n if (attrs[i]) {\n let name = attrs[i].name;\n if (name.indexOf('data-') === 0) {\n name = toCamelCase(name.slice(5));\n resultData[name] = dataAttr(element, name, resultData[name]);\n }\n }\n }\n return resultData;\n }\n // 同时设置多个值\n if (isObjectLike(key)) {\n return this.each(function () {\n data(this, key);\n });\n }\n // value 传入了 undefined\n if (arguments.length === 2 && isUndefined(value)) {\n return this;\n }\n // 设置值\n if (!isUndefined(value)) {\n return this.each(function () {\n data(this, key, value);\n });\n }\n // 获取值\n if (!this.length) {\n return undefined;\n }\n return dataAttr(this[0], key, data(this[0], key));\n};\n","import $ from '../$';\nimport './each';\n$.fn.empty = function () {\n return this.each(function () {\n this.innerHTML = '';\n });\n};\n","import $ from '../$';\nimport each from '../functions/each';\n$.fn.extend = function (obj) {\n each(obj, (prop, value) => {\n // 在 JQ 对象上扩展方法时，需要自己添加 typescript 的类型定义\n $.fn[prop] = value;\n });\n return this;\n};\n","import $ from '../$';\nimport { isFunction, isString } from '../utils';\nimport './is';\nimport './map';\n$.fn.filter = function (selector) {\n if (isFunction(selector)) {\n return this.map((index, element) => selector.call(element, index, element) ? element : undefined);\n }\n if (isString(selector)) {\n return this.map((_, element) => $(element).is(selector) ? element : undefined);\n }\n const $selector = $(selector);\n return this.map((_, element) => $selector.get().indexOf(element) > -1 ? element : undefined);\n};\n","import $ from '../$';\nimport './eq';\n$.fn.first = function () {\n return this.eq(0);\n};\n","import $ from '../$';\nimport contains from '../functions/contains';\nimport { isString } from '../utils';\nimport './find';\n$.fn.has = function (selector) {\n const $targets = isString(selector) ? this.find(selector) : $(selector);\n const { length } = $targets;\n return this.map(function () {\n for (let i = 0; i < length; i += 1) {\n if (contains(this, $targets[i])) {\n return this;\n }\n }\n return;\n });\n};\n","import $ from '../$';\n$.fn.hasClass = function (className) {\n return this[0].classList.contains(className);\n};\n","import $ from '../$';\nimport each from '../functions/each';\nimport { isBoolean, isDocument, isFunction, isWindow, toElement, isBorderBox, getExtraWidth, getComputedStyleValue, isIE, } from '../utils';\nimport './css';\nimport './each';\n/**\n * 值上面的 padding、border、margin 处理\n * @param element\n * @param name\n * @param value\n * @param funcIndex\n * @param includeMargin\n * @param multiply\n */\nfunction handleExtraWidth(element, name, value, funcIndex, includeMargin, multiply) {\n // 获取元素的 padding, border, margin 宽度（两侧宽度的和）\n const getExtraWidthValue = (extra) => {\n return (getExtraWidth(element, name.toLowerCase(), extra) *\n multiply);\n };\n if (funcIndex === 2 && includeMargin) {\n value += getExtraWidthValue('margin');\n }\n if (isBorderBox(element)) {\n // IE 为 box-sizing: border-box 时，得到的值不含 border 和 padding，这里先修复\n // 仅获取时需要处理，multiply === 1 为 get\n if (isIE() && multiply === 1) {\n value += getExtraWidthValue('border');\n value += getExtraWidthValue('padding');\n }\n if (funcIndex === 0) {\n value -= getExtraWidthValue('border');\n }\n if (funcIndex === 1) {\n value -= getExtraWidthValue('border');\n value -= getExtraWidthValue('padding');\n }\n }\n else {\n if (funcIndex === 0) {\n value += getExtraWidthValue('padding');\n }\n if (funcIndex === 2) {\n value += getExtraWidthValue('border');\n value += getExtraWidthValue('padding');\n }\n }\n return value;\n}\n/**\n * 获取元素的样式值\n * @param element\n * @param name\n * @param funcIndex 0: innerWidth, innerHeight; 1: width, height; 2: outerWidth, outerHeight\n * @param includeMargin\n */\nfunction get(element, name, funcIndex, includeMargin) {\n const clientProp = `client${name}`;\n const scrollProp = `scroll${name}`;\n const offsetProp = `offset${name}`;\n const innerProp = `inner${name}`;\n // $(window).width()\n if (isWindow(element)) {\n // outerWidth, outerHeight 需要包含滚动条的宽度\n return funcIndex === 2\n ? element[innerProp]\n : toElement(document)[clientProp];\n }\n // $(document).width()\n if (isDocument(element)) {\n const doc = toElement(element);\n return Math.max(\n // @ts-ignore\n element.body[scrollProp], doc[scrollProp], \n // @ts-ignore\n element.body[offsetProp], doc[offsetProp], doc[clientProp]);\n }\n const value = parseFloat(getComputedStyleValue(element, name.toLowerCase()) || '0');\n return handleExtraWidth(element, name, value, funcIndex, includeMargin, 1);\n}\n/**\n * 设置元素的样式值\n * @param element\n * @param elementIndex\n * @param name\n * @param funcIndex 0: innerWidth, innerHeight; 1: width, height; 2: outerWidth, outerHeight\n * @param includeMargin\n * @param value\n */\nfunction set(element, elementIndex, name, funcIndex, includeMargin, value) {\n let computedValue = isFunction(value)\n ? value.call(element, elementIndex, get(element, name, funcIndex, includeMargin))\n : value;\n if (computedValue == null) {\n return;\n }\n const $element = $(element);\n const dimension = name.toLowerCase();\n // 特殊的值，不需要计算 padding、border、margin\n if (['auto', 'inherit', ''].indexOf(computedValue) > -1) {\n $element.css(dimension, computedValue);\n return;\n }\n // 其他值保留原始单位。注意：如果不使用 px 作为单位，则算出的值一般是不准确的\n const suffix = computedValue.toString().replace(/\\b[0-9.]*/, '');\n const numerical = parseFloat(computedValue);\n computedValue =\n handleExtraWidth(element, name, numerical, funcIndex, includeMargin, -1) +\n (suffix || 'px');\n $element.css(dimension, computedValue);\n}\neach(['Width', 'Height'], (_, name) => {\n each([`inner${name}`, name.toLowerCase(), `outer${name}`], (funcIndex, funcName) => {\n $.fn[funcName] = function (margin, value) {\n // 是否是赋值操作\n const isSet = arguments.length && (funcIndex < 2 || !isBoolean(margin));\n const includeMargin = margin === true || value === true;\n // 获取第一个元素的值\n if (!isSet) {\n return this.length\n ? get(this[0], name, funcIndex, includeMargin)\n : undefined;\n }\n // 设置每个元素的值\n return this.each((index, element) => set(element, index, name, funcIndex, includeMargin, margin));\n };\n });\n});\n","import $ from '../$';\nimport './each';\n$.fn.hide = function () {\n return this.each(function () {\n this.style.display = 'none';\n });\n};\n","import $ from '../$';\nimport each from '../functions/each';\nimport map from '../functions/map';\nimport { isElement, isFunction, isUndefined, toElement } from '../utils';\nimport './each';\nimport './is';\neach(['val', 'html', 'text'], (nameIndex, name) => {\n const props = {\n 0: 'value',\n 1: 'innerHTML',\n 2: 'textContent',\n };\n const propName = props[nameIndex];\n function get($elements) {\n // text() 获取所有元素的文本\n if (nameIndex === 2) {\n // @ts-ignore\n return map($elements, (element) => toElement(element)[propName]).join('');\n }\n // 空集合时，val() 和 html() 返回 undefined\n if (!$elements.length) {\n return undefined;\n }\n // val() 和 html() 仅获取第一个元素的内容\n const firstElement = $elements[0];\n // select multiple 返回数组\n if (nameIndex === 0 && $(firstElement).is('select[multiple]')) {\n return map($(firstElement).find('option:checked'), (element) => element.value);\n }\n // @ts-ignore\n return firstElement[propName];\n }\n function set(element, value) {\n // text() 和 html() 赋值为 undefined，则保持原内容不变\n // val() 赋值为 undefined 则赋值为空\n if (isUndefined(value)) {\n if (nameIndex !== 0) {\n return;\n }\n value = '';\n }\n if (nameIndex === 1 && isElement(value)) {\n value = value.outerHTML;\n }\n // @ts-ignore\n element[propName] = value;\n }\n $.fn[name] = function (value) {\n // 获取值\n if (!arguments.length) {\n return get(this);\n }\n // 设置值\n return this.each((i, element) => {\n const computedValue = isFunction(value)\n ? value.call(element, i, get($(element)))\n : value;\n // value 是数组，则选中数组中的元素，反选不在数组中的元素\n if (nameIndex === 0 && Array.isArray(computedValue)) {\n // select[multiple]\n if ($(element).is('select[multiple]')) {\n map($(element).find('option'), (option) => (option.selected =\n computedValue.indexOf(option.value) >\n -1));\n }\n // 其他 checkbox, radio 等元素\n else {\n element.checked =\n computedValue.indexOf(element.value) > -1;\n }\n }\n else {\n set(element, computedValue);\n }\n });\n };\n});\n","import $ from '../$';\nimport { isString } from '../utils';\nimport './children';\nimport './eq';\nimport './get';\nimport './parent';\n$.fn.index = function (selector) {\n if (!arguments.length) {\n return this.eq(0).parent().children().get().indexOf(this[0]);\n }\n if (isString(selector)) {\n return $(selector).get().indexOf(this[0]);\n }\n return this.get().indexOf($(selector)[0]);\n};\n","import $ from '../$';\nimport './eq';\n$.fn.last = function () {\n return this.eq(-1);\n};\n","import $ from '../$';\nimport each from '../functions/each';\nimport dir from './utils/dir';\neach(['', 'All', 'Until'], (nameIndex, name) => {\n $.fn[`next${name}`] = function (selector, filter) {\n return dir(this, nameIndex, 'nextElementSibling', selector, filter);\n };\n});\n","import $ from '../$';\nimport './filter';\nimport './map';\n$.fn.not = function (selector) {\n const $excludes = this.filter(selector);\n return this.map((_, element) => $excludes.index(element) > -1 ? undefined : element);\n};\n","import $ from '../$';\nimport './css';\nimport './map';\n/**\n * 返回最近的用于定位的父元素\n */\n$.fn.offsetParent = function () {\n return this.map(function () {\n let offsetParent = this.offsetParent;\n while (offsetParent && $(offsetParent).css('position') === 'static') {\n offsetParent = offsetParent.offsetParent;\n }\n return offsetParent || document.documentElement;\n });\n};\n","import $ from '../$';\nimport './css';\nimport './eq';\nimport './offset';\nimport './offsetParent';\nfunction floatStyle($element, name) {\n return parseFloat($element.css(name));\n}\n$.fn.position = function () {\n if (!this.length) {\n return undefined;\n }\n const $element = this.eq(0);\n let currentOffset;\n let parentOffset = {\n left: 0,\n top: 0,\n };\n if ($element.css('position') === 'fixed') {\n currentOffset = $element[0].getBoundingClientRect();\n }\n else {\n currentOffset = $element.offset();\n const $offsetParent = $element.offsetParent();\n parentOffset = $offsetParent.offset();\n parentOffset.top += floatStyle($offsetParent, 'border-top-width');\n parentOffset.left += floatStyle($offsetParent, 'border-left-width');\n }\n return {\n top: currentOffset.top - parentOffset.top - floatStyle($element, 'margin-top'),\n left: currentOffset.left -\n parentOffset.left -\n floatStyle($element, 'margin-left'),\n };\n};\n","import $ from '../$';\nimport extend from '../functions/extend';\nimport { isFunction } from '../utils';\nimport './css';\nimport './each';\nimport './position';\nfunction get(element) {\n if (!element.getClientRects().length) {\n return { top: 0, left: 0 };\n }\n const rect = element.getBoundingClientRect();\n const win = element.ownerDocument.defaultView;\n return {\n top: rect.top + win.pageYOffset,\n left: rect.left + win.pageXOffset,\n };\n}\nfunction set(element, value, index) {\n const $element = $(element);\n const position = $element.css('position');\n if (position === 'static') {\n $element.css('position', 'relative');\n }\n const currentOffset = get(element);\n const currentTopString = $element.css('top');\n const currentLeftString = $element.css('left');\n let currentTop;\n let currentLeft;\n const calculatePosition = (position === 'absolute' || position === 'fixed') &&\n (currentTopString + currentLeftString).indexOf('auto') > -1;\n if (calculatePosition) {\n const currentPosition = $element.position();\n currentTop = currentPosition.top;\n currentLeft = currentPosition.left;\n }\n else {\n currentTop = parseFloat(currentTopString);\n currentLeft = parseFloat(currentLeftString);\n }\n const computedValue = isFunction(value)\n ? value.call(element, index, extend({}, currentOffset))\n : value;\n $element.css({\n top: computedValue.top != null\n ? computedValue.top - currentOffset.top + currentTop\n : undefined,\n left: computedValue.left != null\n ? computedValue.left - currentOffset.left + currentLeft\n : undefined,\n });\n}\n$.fn.offset = function (value) {\n // 获取坐标\n if (!arguments.length) {\n if (!this.length) {\n return undefined;\n }\n return get(this[0]);\n }\n // 设置坐标\n return this.each(function (index) {\n set(this, value, index);\n });\n};\n","import $ from '../$';\nimport './on';\n$.fn.one = function (types, selector, data, callback) {\n // @ts-ignore\n return this.on(types, selector, data, callback, true);\n};\n","import $ from '../$';\nimport each from '../functions/each';\nimport './get';\nimport dir from './utils/dir';\neach(['', 'All', 'Until'], (nameIndex, name) => {\n $.fn[`prev${name}`] = function (selector, filter) {\n // prevAll、prevUntil 需要把元素的顺序倒序处理，以便和 jQuery 的结果一致\n const $nodes = !nameIndex ? this : $(this.get().reverse());\n return dir($nodes, nameIndex, 'previousElementSibling', selector, filter);\n };\n});\n","import $ from '../$';\nimport each from '../functions/each';\nimport './each';\n$.fn.removeAttr = function (attributeName) {\n const names = attributeName.split(' ').filter((name) => name);\n return this.each(function () {\n each(names, (_, name) => {\n this.removeAttribute(name);\n });\n });\n};\n","import $ from '../$';\nimport removeData from '../functions/removeData';\nimport './each';\n$.fn.removeData = function (name) {\n return this.each(function () {\n removeData(this, name);\n });\n};\n","import $ from '../$';\nimport './each';\n$.fn.removeProp = function (name) {\n return this.each(function () {\n try {\n // @ts-ignore\n delete this[name];\n }\n catch (e) { }\n });\n};\n","import $ from '../$';\nimport './before';\nimport './clone';\nimport './each';\nimport './remove';\nimport { isFunction, isString } from '../utils';\n$.fn.replaceWith = function (newContent) {\n this.each((index, element) => {\n let content = newContent;\n if (isFunction(content)) {\n content = content.call(element, index, element.innerHTML);\n }\n else if (index && !isString(content)) {\n content = $(content).clone();\n }\n $(element).before(content);\n });\n return this.remove();\n};\n","import $ from '../$';\nimport './clone';\nimport './get';\nimport './map';\nimport './replaceWith';\n$.fn.replaceAll = function (target) {\n return $(target).map((index, element) => {\n $(element).replaceWith(index ? this.clone() : this);\n return this.get();\n });\n};\n","import $ from '../$';\nimport './each';\nimport './val';\n/**\n * 将表单元素的值组合成键值对数组\n * @returns {Array}\n */\n$.fn.serializeArray = function () {\n const result = [];\n this.each((_, element) => {\n const elements = element instanceof HTMLFormElement ? element.elements : [element];\n $(elements).each((_, element) => {\n const $element = $(element);\n const type = element.type;\n const nodeName = element.nodeName.toLowerCase();\n if (nodeName !== 'fieldset' &&\n element.name &&\n !element.disabled &&\n ['input', 'select', 'textarea', 'keygen'].indexOf(nodeName) > -1 &&\n ['submit', 'button', 'image', 'reset', 'file'].indexOf(type) === -1 &&\n (['radio', 'checkbox'].indexOf(type) === -1 ||\n element.checked)) {\n const value = $element.val();\n const valueArr = Array.isArray(value) ? value : [value];\n valueArr.forEach((value) => {\n result.push({\n name: element.name,\n value,\n });\n });\n }\n });\n });\n return result;\n};\n","import $ from '../$';\nimport param from '../functions/param';\nimport './serializeArray';\n$.fn.serialize = function () {\n return param(this.serializeArray());\n};\n","import $ from '../$';\nimport { getStyle } from '../utils';\nimport './each';\nconst elementDisplay = {};\n/**\n * 获取元素的初始 display 值，用于 .show() 方法\n * @param nodeName\n */\nfunction defaultDisplay(nodeName) {\n let element;\n let display;\n if (!elementDisplay[nodeName]) {\n element = document.createElement(nodeName);\n document.body.appendChild(element);\n display = getStyle(element, 'display');\n element.parentNode.removeChild(element);\n if (display === 'none') {\n display = 'block';\n }\n elementDisplay[nodeName] = display;\n }\n return elementDisplay[nodeName];\n}\n/**\n * 显示指定元素\n * @returns {JQ}\n */\n$.fn.show = function () {\n return this.each(function () {\n if (this.style.display === 'none') {\n this.style.display = '';\n }\n if (getStyle(this, 'display') === 'none') {\n this.style.display = defaultDisplay(this.nodeName);\n }\n });\n};\n","import $ from '../$';\nimport './add';\nimport './nextAll';\nimport './prevAll';\n/**\n * 取得同辈元素的集合\n * @param selector {String=}\n * @returns {JQ}\n */\n$.fn.siblings = function (selector) {\n return this.prevAll(selector).add(this.nextAll(selector));\n};\n","import $ from '../$';\nimport { getStyle } from '../utils';\nimport './each';\nimport './hide';\nimport './show';\n/**\n * 切换元素的显示状态\n */\n$.fn.toggle = function () {\n return this.each(function () {\n getStyle(this, 'display') === 'none' ? $(this).show() : $(this).hide();\n });\n};\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/each';\n\ndeclare module 'mdui.jq/es/JQ' {\n interface JQ
{\n /**\n * 强制重绘当前元素\n *\n * @example\n```js\n$('.box').reflow();\n```\n */\n reflow(): this;\n }\n}\n\n$.fn.reflow = function (this: JQ): JQ {\n return this.each(function () {\n return this.clientLeft;\n });\n};\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport { isNumber } from 'mdui.jq/es/utils';\nimport 'mdui.jq/es/methods/each';\n\ndeclare module 'mdui.jq/es/JQ' {\n interface JQ {\n /**\n * 设置当前元素的 transition-duration 属性\n * @param duration 可以是带单位的值；若不带单位，则自动添加 `ms` 作为单位\n * @example\n```js\n$('.box').transition('300ms');\n$('.box').transition(300);\n```\n */\n transition(duration: string | number): this;\n }\n}\n\n$.fn.transition = function (this: JQ, duration: string | number): JQ {\n if (isNumber(duration)) {\n duration = `${duration}ms`;\n }\n\n return this.each(function () {\n this.style.webkitTransitionDuration = duration as string;\n this.style.transitionDuration = duration as string;\n });\n};\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport each from 'mdui.jq/es/functions/each';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/off';\n\ndeclare module 'mdui.jq/es/JQ' {\n interface JQ {\n /**\n * 在当前元素上添加 transitionend 事件回调\n * @param callback 回调函数的参数为 `transitionend` 事件对象；`this` 指向当前元素\n * @example\n```js\n$('.box').transitionEnd(function() {\n alert('.box 元素的 transitionend 事件已触发');\n});\n```\n */\n transitionEnd(callback: (this: T, e: Event) => void): this;\n }\n}\n\n$.fn.transitionEnd = function (\n this: JQ,\n callback: (this: HTMLElement, e: Event) => void,\n): JQ {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const that = this;\n const events = ['webkitTransitionEnd', 'transitionend'];\n\n function fireCallback(this: Element | Document | Window, e: Event): void {\n if (e.target !== this) {\n return;\n }\n\n // @ts-ignore\n callback.call(this, e);\n\n each(events, (_, event) => {\n that.off(event, fireCallback);\n });\n }\n\n each(events, (_, event) => {\n that.on(event, fireCallback);\n });\n\n return this;\n};\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/each';\n\ndeclare module 'mdui.jq/es/JQ' {\n interface JQ {\n /**\n * 设置当前元素的 transform-origin 属性\n * @param transformOrigin\n * @example\n```js\n$('.box').transformOrigin('top center');\n```\n */\n transformOrigin(transformOrigin: string): this;\n }\n}\n\n$.fn.transformOrigin = function (this: JQ, transformOrigin: string): JQ {\n return this.each(function () {\n this.style.webkitTransformOrigin = transformOrigin;\n this.style.transformOrigin = transformOrigin;\n });\n};\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/each';\n\ndeclare module 'mdui.jq/es/JQ' {\n interface JQ {\n /**\n * 设置当前元素的 transform 属性\n * @param transform\n * @example\n```js\n$('.box').transform('rotate(90deg)');\n```\n */\n transform(transform: string): this;\n }\n}\n\n$.fn.transform = function (this: JQ, transform: string): JQ {\n return this.each(function () {\n this.style.webkitTransform = transform;\n this.style.transform = transform;\n });\n};\n","import PlainObject from 'mdui.jq/es/interfaces/PlainObject';\nimport data from 'mdui.jq/es/functions/data';\n\ntype TYPE_API_INIT = (\n this: HTMLElement,\n i: number,\n element: HTMLElement,\n) => void;\n\n/**\n * CSS 选择器和初始化函数组成的对象\n */\nconst entries: PlainObject = {};\n\n/**\n * 注册并执行初始化函数\n * @param selector CSS 选择器\n * @param apiInit 初始化函数\n * @param i 元素索引\n * @param element 元素\n */\nfunction mutation(\n selector: string,\n apiInit: TYPE_API_INIT,\n i: number,\n element: HTMLElement,\n): void {\n let selectors = data(element, '_mdui_mutation');\n\n if (!selectors) {\n selectors = [];\n data(element, '_mdui_mutation', selectors);\n }\n\n if (selectors.indexOf(selector) === -1) {\n selectors.push(selector);\n apiInit.call(element, i, element);\n }\n}\n\nexport { TYPE_API_INIT, entries, mutation };\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport each from 'mdui.jq/es/functions/each';\nimport 'mdui.jq/es/methods/each';\nimport 'mdui.jq/es/methods/find';\nimport 'mdui.jq/es/methods/is';\nimport { entries, mutation } from '../../utils/mutation';\n\ndeclare module 'mdui.jq/es/JQ' {\n interface JQ {\n /**\n * 执行在当前元素及其子元素内注册的初始化函数\n */\n mutation(): this;\n }\n}\n\n$.fn.mutation = function (this: JQ): JQ {\n return this.each((i, element) => {\n const $this = $(element);\n\n each(entries, (selector: string, apiInit) => {\n if ($this.is(selector)) {\n mutation(selector, apiInit, i, element);\n }\n\n $this.find(selector).each((i, element) => {\n mutation(selector, apiInit, i, element);\n });\n });\n });\n};\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport { isUndefined } from 'mdui.jq/es/utils';\nimport 'mdui.jq/es/methods/data';\nimport 'mdui.jq/es/methods/css';\nimport 'mdui.jq/es/methods/appendTo';\nimport 'mdui.jq/es/methods/addClass';\nimport '../methods/reflow';\n\ndeclare module 'mdui.jq/es/interfaces/JQStatic' {\n interface JQStatic {\n /**\n * 创建并显示遮罩，返回遮罩层的 JQ 对象\n * @param zIndex 遮罩层的 `z-index` 值，默认为 `2000`\n * @example\n```js\n$.showOverlay();\n```\n * @example\n```js\n$.showOverlay(3000);\n```\n */\n showOverlay(zIndex?: number): JQ;\n }\n}\n\n$.showOverlay = function (zIndex?: number): JQ {\n let $overlay = $('.mdui-overlay');\n\n if ($overlay.length) {\n $overlay.data('_overlay_is_deleted', false);\n\n if (!isUndefined(zIndex)) {\n $overlay.css('z-index', zIndex);\n }\n } else {\n if (isUndefined(zIndex)) {\n zIndex = 2000;\n }\n\n $overlay = $('')\n .appendTo(document.body)\n .reflow()\n .css('z-index', zIndex);\n }\n\n let level = $overlay.data('_overlay_level') || 0;\n\n return $overlay.data('_overlay_level', ++level).addClass('mdui-overlay-show');\n};\n","import $ from 'mdui.jq/es/$';\nimport 'mdui.jq/es/methods/data';\nimport 'mdui.jq/es/methods/removeClass';\nimport 'mdui.jq/es/methods/remove';\nimport '../methods/transitionEnd';\n\ndeclare module 'mdui.jq/es/interfaces/JQStatic' {\n interface JQStatic {\n /**\n * 隐藏遮罩层\n *\n * 如果调用了多次 $.showOverlay() 来显示遮罩层，则也需要调用相同次数的 $.hideOverlay() 才能隐藏遮罩层。可以通过传入参数 true 来强制隐藏遮罩层。\n * @param force 是否强制隐藏遮罩\n * @example\n```js\n$.hideOverlay();\n```\n * @example\n```js\n$.hideOverlay(true);\n```\n */\n hideOverlay(force?: boolean): void;\n }\n}\n\n$.hideOverlay = function (force = false): void {\n const $overlay = $('.mdui-overlay');\n\n if (!$overlay.length) {\n return;\n }\n\n let level = force ? 1 : $overlay.data('_overlay_level');\n\n if (level > 1) {\n $overlay.data('_overlay_level', --level);\n return;\n }\n\n $overlay\n .data('_overlay_level', 0)\n .removeClass('mdui-overlay-show')\n .data('_overlay_is_deleted', true)\n .transitionEnd(() => {\n if ($overlay.data('_overlay_is_deleted')) {\n $overlay.remove();\n }\n });\n};\n","import $ from 'mdui.jq/es/$';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/data';\nimport 'mdui.jq/es/methods/width';\n\ndeclare module 'mdui.jq/es/interfaces/JQStatic' {\n interface JQStatic {\n /**\n * 锁定屏页面，禁止页面滚动\n * @example\n```js\n$.lockScreen();\n```\n */\n lockScreen(): void;\n }\n}\n\n$.lockScreen = function (): void {\n const $body = $('body');\n\n // 不直接把 body 设为 box-sizing: border-box，避免污染全局样式\n const newBodyWidth = $body.width();\n let level = $body.data('_lockscreen_level') || 0;\n\n $body\n .addClass('mdui-locked')\n .width(newBodyWidth)\n .data('_lockscreen_level', ++level);\n};\n","import $ from 'mdui.jq/es/$';\nimport 'mdui.jq/es/methods/data';\nimport 'mdui.jq/es/methods/removeClass';\nimport 'mdui.jq/es/methods/width';\n\ndeclare module 'mdui.jq/es/interfaces/JQStatic' {\n interface JQStatic {\n /**\n * 解除页面锁定\n *\n * 如果调用了多次 $.lockScreen() 来显示遮罩层，则也需要调用相同次数的 $.unlockScreen() 才能隐藏遮罩层。可以通过传入参数 true 来强制隐藏遮罩层。\n * @param force 是否强制解除锁定\n * @example\n```js\n$.unlockScreen();\n```\n * @example\n```js\n$.unlockScreen(true);\n```\n */\n unlockScreen(force?: boolean): void;\n }\n}\n\n$.unlockScreen = function (force = false): void {\n const $body = $('body');\n let level = force ? 1 : $body.data('_lockscreen_level');\n\n if (level > 1) {\n $body.data('_lockscreen_level', --level);\n return;\n }\n\n $body.data('_lockscreen_level', 0).removeClass('mdui-locked').width('');\n};\n","import $ from 'mdui.jq/es/$';\nimport { isNull } from 'mdui.jq/es/utils';\n\ndeclare module 'mdui.jq/es/interfaces/JQStatic' {\n interface JQStatic {\n /**\n * 函数节流\n * @param fn 执行的函数\n * @param delay 最多多少毫秒执行一次\n * @example\n```js\n$.throttle(function () {\n console.log('这个函数最多 100ms 执行一次');\n}, 100)\n```\n */\n throttle(fn: () => void, delay: number): () => void;\n }\n}\n\n$.throttle = function (fn: () => void, delay = 16): () => void {\n let timer: any = null;\n\n return function (this: any, ...args: any): void {\n if (isNull(timer)) {\n timer = setTimeout(() => {\n fn.apply(this, args);\n timer = null;\n }, delay);\n }\n };\n};\n","import $ from 'mdui.jq/es/$';\nimport { isUndefined } from 'mdui.jq/es/utils';\nimport PlainObject from 'mdui.jq/es/interfaces/PlainObject';\n\ndeclare module 'mdui.jq/es/interfaces/JQStatic' {\n interface JQStatic {\n /**\n * 生成一个全局唯一的 ID\n * @param name 当该参数值对应的 guid 不存在时，会生成一个新的 guid，并返回；当该参数对应的 guid 已存在，则直接返回已有 guid\n * @example\n```js\n$.guid();\n```\n * @example\n```js\n$.guid('test');\n```\n */\n guid(name?: string): string;\n }\n}\n\nconst GUID: PlainObject
= {};\n\n$.guid = function (name?: string): string {\n if (!isUndefined(name) && !isUndefined(GUID[name])) {\n return GUID[name];\n }\n\n function s4(): string {\n return Math.floor((1 + Math.random()) * 0x10000)\n .toString(16)\n .substring(1);\n }\n\n const guid =\n '_' +\n s4() +\n s4() +\n '-' +\n s4() +\n '-' +\n s4() +\n '-' +\n s4() +\n '-' +\n s4() +\n s4() +\n s4();\n\n if (!isUndefined(name)) {\n GUID[name] = guid;\n }\n\n return guid;\n};\n","import $ from 'mdui.jq/es/$';\nimport 'mdui.jq/es/methods/each';\nimport mdui from '../mdui';\nimport '../jq_extends/methods/mutation';\nimport { isUndefined } from 'mdui.jq/es/utils';\nimport { TYPE_API_INIT, entries, mutation } from '../utils/mutation';\n\ndeclare module '../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * 传入了两个参数时，注册并执行初始化函数\n *\n * 没有传入参数时，执行初始化\n * @param selector CSS 选择器\n * @param apiInit 初始化函数\n * @example\n```js\nmdui.mutation();\n```\n * @example\n```js\nmdui.mutation();\n```\n */\n mutation(selector?: string, apiInit?: TYPE_API_INIT): void;\n }\n}\n\nmdui.mutation = function (selector?: string, apiInit?: TYPE_API_INIT): void {\n if (isUndefined(selector) || isUndefined(apiInit)) {\n $(document).mutation();\n return;\n }\n\n entries[selector] = apiInit!;\n $(selector).each((i, element) => mutation(selector, apiInit, i, element));\n};\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport PlainObject from 'mdui.jq/es/interfaces/PlainObject';\nimport 'mdui.jq/es/methods/trigger';\n\n/**\n * 触发组件上的事件\n * @param eventName 事件名\n * @param componentName 组件名\n * @param target 在该元素上触发事件\n * @param instance 组件实例\n * @param parameters 事件参数\n */\nfunction componentEvent(\n eventName: string,\n componentName: string,\n target: HTMLElement | HTMLElement[] | JQ,\n instance?: any,\n parameters?: PlainObject,\n): void {\n if (!parameters) {\n parameters = {};\n }\n\n // @ts-ignore\n parameters.inst = instance;\n\n const fullEventName = `${eventName}.mdui.${componentName}`;\n\n // jQuery 事件\n // @ts-ignore\n if (typeof jQuery !== 'undefined') {\n // @ts-ignore\n jQuery(target).trigger(fullEventName, parameters);\n }\n\n const $target = $(target);\n\n // mdui.jq 事件\n $target.trigger(fullEventName, parameters);\n\n // 原生事件，供使用 addEventListener 监听\n type EventParams = {\n detail?: any;\n bubbles: boolean;\n cancelable: boolean;\n };\n\n const eventParams: EventParams = {\n bubbles: true,\n cancelable: true,\n detail: parameters,\n };\n\n const eventObject: CustomEvent = new CustomEvent(fullEventName, eventParams);\n\n // @ts-ignore\n eventObject._detail = parameters;\n\n $target[0].dispatchEvent(eventObject);\n}\n\nexport { componentEvent };\n","import $ from 'mdui.jq/es/$';\n\nconst $document = $(document);\nconst $window = $(window);\nconst $body = $('body');\n\nexport { $document, $window, $body };\n","import $ from 'mdui.jq/es/$';\nimport extend from 'mdui.jq/es/functions/extend';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/data';\nimport 'mdui.jq/es/methods/first';\nimport 'mdui.jq/es/methods/hasClass';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/removeClass';\nimport Selector from 'mdui.jq/es/types/Selector';\nimport { isNumber } from 'mdui.jq/es/utils';\nimport mdui from '../../mdui';\nimport '../../jq_extends/methods/transitionEnd';\nimport { componentEvent } from '../../utils/componentEvent';\nimport { $window } from '../../utils/dom';\n\ndeclare module '../../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * Headroom 插件\n *\n * 请通过 `new mdui.Headroom()` 调用\n */\n Headroom: {\n /**\n * 实例化 Headroom 组件\n * @param selector CSS 选择器、或 DOM 元素、或 JQ 对象\n * @param options 配置参数\n */\n new (\n selector: Selector | HTMLElement | ArrayLike,\n options?: OPTIONS,\n ): Headroom;\n };\n }\n}\n\ntype TOLERANCE = {\n /**\n * 滚动条向下滚动多少距离开始隐藏或显示元素\n */\n down: number;\n\n /**\n * 滚动条向上滚动多少距离开始隐藏或显示元素\n */\n up: number;\n};\n\ntype OPTIONS = {\n /**\n * 滚动条滚动多少距离开始隐藏或显示元素\n */\n tolerance?: TOLERANCE | number;\n\n /**\n * 在页面顶部多少距离内滚动不会隐藏元素\n */\n offset?: number;\n\n /**\n * 初始化时添加的类\n */\n initialClass?: string;\n\n /**\n * 元素固定时添加的类\n */\n pinnedClass?: string;\n\n /**\n * 元素隐藏时添加的类\n */\n unpinnedClass?: string;\n};\n\ntype STATE = 'pinning' | 'pinned' | 'unpinning' | 'unpinned';\ntype EVENT = 'pin' | 'pinned' | 'unpin' | 'unpinned';\n\nconst DEFAULT_OPTIONS: OPTIONS = {\n tolerance: 5,\n offset: 0,\n initialClass: 'mdui-headroom',\n pinnedClass: 'mdui-headroom-pinned-top',\n unpinnedClass: 'mdui-headroom-unpinned-top',\n};\n\nclass Headroom {\n /**\n * headroom 元素的 JQ 对象\n */\n public $element: JQ;\n\n /**\n * 配置参数\n */\n public options: OPTIONS = extend({}, DEFAULT_OPTIONS);\n\n /**\n * 当前 headroom 的状态\n */\n private state: STATE = 'pinned';\n\n /**\n * 当前是否启用\n */\n private isEnable = false;\n\n /**\n * 上次滚动后，垂直方向的距离\n */\n private lastScrollY = 0;\n\n /**\n * AnimationFrame ID\n */\n private rafId = 0;\n\n public constructor(\n selector: Selector | HTMLElement | ArrayLike,\n options: OPTIONS = {},\n ) {\n this.$element = $(selector).first();\n\n extend(this.options, options);\n\n // tolerance 参数若为数值，转换为对象\n const tolerance = this.options.tolerance;\n if (isNumber(tolerance)) {\n this.options.tolerance = {\n down: tolerance,\n up: tolerance,\n };\n }\n\n this.enable();\n }\n\n /**\n * 滚动时的处理\n */\n private onScroll(): void {\n this.rafId = window.requestAnimationFrame(() => {\n const currentScrollY = window.pageYOffset;\n const direction = currentScrollY > this.lastScrollY ? 'down' : 'up';\n const tolerance = (this.options.tolerance as TOLERANCE)[direction];\n const scrolled = Math.abs(currentScrollY - this.lastScrollY);\n const toleranceExceeded = scrolled >= tolerance;\n\n if (\n currentScrollY > this.lastScrollY &&\n currentScrollY >= this.options.offset! &&\n toleranceExceeded\n ) {\n this.unpin();\n } else if (\n (currentScrollY < this.lastScrollY && toleranceExceeded) ||\n currentScrollY <= this.options.offset!\n ) {\n this.pin();\n }\n\n this.lastScrollY = currentScrollY;\n });\n }\n\n /**\n * 触发组件事件\n * @param name\n */\n private triggerEvent(name: EVENT): void {\n componentEvent(name, 'headroom', this.$element, this);\n }\n\n /**\n * 动画结束的回调\n */\n private transitionEnd(): void {\n if (this.state === 'pinning') {\n this.state = 'pinned';\n this.triggerEvent('pinned');\n }\n\n if (this.state === 'unpinning') {\n this.state = 'unpinned';\n this.triggerEvent('unpinned');\n }\n }\n\n /**\n * 使元素固定住\n */\n public pin(): void {\n if (\n this.state === 'pinning' ||\n this.state === 'pinned' ||\n !this.$element.hasClass(this.options.initialClass!)\n ) {\n return;\n }\n\n this.triggerEvent('pin');\n this.state = 'pinning';\n this.$element\n .removeClass(this.options.unpinnedClass)\n .addClass(this.options.pinnedClass!)\n .transitionEnd(() => this.transitionEnd());\n }\n\n /**\n * 使元素隐藏\n */\n public unpin(): void {\n if (\n this.state === 'unpinning' ||\n this.state === 'unpinned' ||\n !this.$element.hasClass(this.options.initialClass!)\n ) {\n return;\n }\n\n this.triggerEvent('unpin');\n this.state = 'unpinning';\n this.$element\n .removeClass(this.options.pinnedClass)\n .addClass(this.options.unpinnedClass!)\n .transitionEnd(() => this.transitionEnd());\n }\n\n /**\n * 启用 headroom 插件\n */\n public enable(): void {\n if (this.isEnable) {\n return;\n }\n\n this.isEnable = true;\n this.state = 'pinned';\n this.$element\n .addClass(this.options.initialClass!)\n .removeClass(this.options.pinnedClass)\n .removeClass(this.options.unpinnedClass);\n this.lastScrollY = window.pageYOffset;\n\n $window.on('scroll', () => this.onScroll());\n }\n\n /**\n * 禁用 headroom 插件\n */\n public disable(): void {\n if (!this.isEnable) {\n return;\n }\n\n this.isEnable = false;\n this.$element\n .removeClass(this.options.initialClass)\n .removeClass(this.options.pinnedClass)\n .removeClass(this.options.unpinnedClass);\n\n $window.off('scroll', () => this.onScroll());\n window.cancelAnimationFrame(this.rafId);\n }\n\n /**\n * 获取当前状态。共包含四种状态：`pinning`、`pinned`、`unpinning`、`unpinned`\n */\n public getState(): STATE {\n return this.state;\n }\n}\n\nmdui.Headroom = Headroom;\n","import $ from 'mdui.jq/es/$';\nimport 'mdui.jq/es/methods/attr';\nimport PlainObject from 'mdui.jq/es/interfaces/PlainObject';\n\n/**\n * 解析 DATA API 参数\n * @param element 元素\n * @param name 属性名\n */\nfunction parseOptions(element: HTMLElement, name: string): PlainObject {\n const attr = $(element).attr(name);\n\n if (!attr) {\n return {};\n }\n\n return new Function(\n '',\n `var json = ${attr}; return JSON.parse(JSON.stringify(json));`,\n )();\n}\n\nexport { parseOptions };\n","import $ from 'mdui.jq/es/$';\nimport mdui from '../../mdui';\nimport '../../global/mutation';\nimport { parseOptions } from '../../utils/parseOptions';\nimport './index';\n\nconst customAttr = 'mdui-headroom';\n\n$(() => {\n mdui.mutation(`[${customAttr}]`, function () {\n new mdui.Headroom(this, parseOptions(this, customAttr));\n });\n});\n","import $ from 'mdui.jq/es/$';\nimport extend from 'mdui.jq/es/functions/extend';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/children';\nimport 'mdui.jq/es/methods/each';\nimport 'mdui.jq/es/methods/eq';\nimport 'mdui.jq/es/methods/first';\nimport 'mdui.jq/es/methods/hasClass';\nimport 'mdui.jq/es/methods/height';\nimport 'mdui.jq/es/methods/is';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/parent';\nimport 'mdui.jq/es/methods/parents';\nimport 'mdui.jq/es/methods/removeClass';\nimport Selector from 'mdui.jq/es/types/Selector';\nimport { isNumber } from 'mdui.jq/es/utils';\nimport '../../jq_extends/methods/reflow';\nimport '../../jq_extends/methods/transition';\nimport '../../jq_extends/methods/transitionEnd';\nimport { componentEvent } from '../../utils/componentEvent';\n\ntype OPTIONS = {\n /**\n * 是否启用手风琴效果\n * 为 `true` 时，最多只能有一个面板项处于打开状态，打开一个面板项时会关闭其他面板项\n * 为 `false` 时，可同时打开多个面板项\n */\n accordion?: boolean;\n};\n\ntype EVENT = 'open' | 'opened' | 'close' | 'closed';\n\nconst DEFAULT_OPTIONS: OPTIONS = {\n accordion: false,\n};\n\nabstract class CollapseAbstract {\n /**\n * collapse 元素的 JQ 对象\n */\n public $element: JQ;\n\n /**\n * 配置参数\n */\n public options: OPTIONS = extend({}, DEFAULT_OPTIONS);\n\n /**\n * item 的 class 名\n */\n private classItem: string;\n\n /**\n * 打开状态的 item 的 class 名\n */\n private classItemOpen: string;\n\n /**\n * item-header 的 class 名\n */\n private classHeader: string;\n\n /**\n * item-body 的 class 名\n */\n private classBody: string;\n\n /**\n * 获取继承的组件名称\n */\n protected abstract getNamespace(): string;\n\n public constructor(\n selector: Selector | HTMLElement | ArrayLike,\n options: OPTIONS = {},\n ) {\n // CSS 类名\n const classPrefix = `mdui-${this.getNamespace()}-item`;\n this.classItem = classPrefix;\n this.classItemOpen = `${classPrefix}-open`;\n this.classHeader = `${classPrefix}-header`;\n this.classBody = `${classPrefix}-body`;\n\n this.$element = $(selector).first();\n\n extend(this.options, options);\n\n this.bindEvent();\n }\n\n /**\n * 绑定事件\n */\n private bindEvent(): void {\n // eslint-disable-next-line @typescript-eslint/no-this-alias\n const that = this;\n\n // 点击 header 时，打开/关闭 item\n this.$element.on('click', `.${this.classHeader}`, function () {\n const $header = $(this as HTMLElement);\n const $item = $header.parent();\n const $items = that.getItems();\n\n $items.each((_, item) => {\n if ($item.is(item)) {\n that.toggle(item);\n }\n });\n });\n\n // 点击关闭按钮时，关闭 item\n this.$element.on(\n 'click',\n `[mdui-${this.getNamespace()}-item-close]`,\n function () {\n const $target = $(this as HTMLElement);\n const $item = $target.parents(`.${that.classItem}`).first();\n\n that.close($item);\n },\n );\n }\n\n /**\n * 指定 item 是否处于打开状态\n * @param $item\n */\n private isOpen($item: JQ): boolean {\n return $item.hasClass(this.classItemOpen);\n }\n\n /**\n * 获取所有 item\n */\n private getItems(): JQ {\n return this.$element.children(`.${this.classItem}`);\n }\n\n /**\n * 获取指定 item\n * @param item\n */\n private getItem(\n item: number | Selector | HTMLElement | ArrayLike,\n ): JQ {\n if (isNumber(item)) {\n return this.getItems().eq(item);\n }\n\n return $(item).first();\n }\n\n /**\n * 触发组件事件\n * @param name 事件名\n * @param $item 事件触发的目标 item\n */\n private triggerEvent(name: EVENT, $item: JQ): void {\n componentEvent(name, this.getNamespace(), $item, this);\n }\n\n /**\n * 动画结束回调\n * @param $content body 元素\n * @param $item item 元素\n */\n private transitionEnd($content: JQ, $item: JQ): void {\n if (this.isOpen($item)) {\n $content.transition(0).height('auto').reflow().transition('');\n\n this.triggerEvent('opened', $item);\n } else {\n $content.height('');\n\n this.triggerEvent('closed', $item);\n }\n }\n\n /**\n * 打开指定面板项\n * @param item 面板项的索引号、或 CSS 选择器、或 DOM 元素、或 JQ 对象\n */\n public open(\n item: number | Selector | HTMLElement | ArrayLike,\n ): void {\n const $item = this.getItem(item);\n\n if (this.isOpen($item)) {\n return;\n }\n\n // 关闭其他项\n if (this.options.accordion) {\n this.$element.children(`.${this.classItemOpen}`).each((_, element) => {\n const $element = $(element);\n\n if (!$element.is($item)) {\n this.close($element);\n }\n });\n }\n\n const $content = $item.children(`.${this.classBody}`);\n\n $content\n .height($content[0].scrollHeight)\n .transitionEnd(() => this.transitionEnd($content, $item));\n\n this.triggerEvent('open', $item);\n\n $item.addClass(this.classItemOpen);\n }\n\n /**\n * 关闭指定面板项\n * @param item 面板项的索引号、或 CSS 选择器、或 DOM 元素、或 JQ 对象\n */\n public close(\n item: number | Selector | HTMLElement | ArrayLike,\n ): void {\n const $item = this.getItem(item);\n\n if (!this.isOpen($item)) {\n return;\n }\n\n const $content = $item.children(`.${this.classBody}`);\n\n this.triggerEvent('close', $item);\n\n $item.removeClass(this.classItemOpen);\n\n $content\n .transition(0)\n .height($content[0].scrollHeight)\n .reflow()\n .transition('')\n .height('')\n .transitionEnd(() => this.transitionEnd($content, $item));\n }\n\n /**\n * 切换指定面板项的打开状态\n * @param item 面板项的索引号、或 CSS 选择器、或 DOM 元素、或 JQ 对象\n */\n public toggle(\n item: number | Selector | HTMLElement | ArrayLike,\n ): void {\n const $item = this.getItem(item);\n\n this.isOpen($item) ? this.close($item) : this.open($item);\n }\n\n /**\n * 打开所有面板项\n */\n public openAll(): void {\n this.getItems().each((_, element) => this.open(element));\n }\n\n /**\n * 关闭所有面板项\n */\n public closeAll(): void {\n this.getItems().each((_, element) => this.close(element));\n }\n}\n\nexport { OPTIONS, CollapseAbstract };\n","import Selector from 'mdui.jq/es/types/Selector';\nimport mdui from '../../mdui';\nimport { CollapseAbstract, OPTIONS } from './collapseAbstract';\n\ndeclare module '../../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * 折叠内容块组件\n *\n * 请通过 `new mdui.Collapse()` 调用\n */\n Collapse: {\n /**\n * 实例化 Collapse 组件\n * @param selector CSS 选择器或 DOM 元素\n * @param options 配置参数\n */\n new (\n selector: Selector | HTMLElement | ArrayLike,\n options?: OPTIONS,\n ): Collapse;\n };\n }\n}\n\nclass Collapse extends CollapseAbstract {\n protected getNamespace(): string {\n return 'collapse';\n }\n}\n\nmdui.Collapse = Collapse;\n","import $ from 'mdui.jq/es/$';\nimport mdui from '../../mdui';\nimport '../../global/mutation';\nimport { parseOptions } from '../../utils/parseOptions';\nimport './index';\n\nconst customAttr = 'mdui-collapse';\n\n$(() => {\n mdui.mutation(`[${customAttr}]`, function () {\n new mdui.Collapse(this, parseOptions(this, customAttr));\n });\n});\n","import Selector from 'mdui.jq/es/types/Selector';\nimport mdui from '../../mdui';\nimport { CollapseAbstract, OPTIONS } from '../collapse/collapseAbstract';\n\ndeclare module '../../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * 可扩展面板组件\n *\n * 请通过 `new mdui.Panel()` 调用\n */\n Panel: {\n /**\n * 实例化 Panel 组件\n * @param selector CSS 选择器或 DOM 元素\n * @param options 配置参数\n */\n new (\n selector: Selector | HTMLElement | ArrayLike,\n options?: OPTIONS,\n ): Panel;\n };\n }\n}\n\nclass Panel extends CollapseAbstract {\n protected getNamespace(): string {\n return 'panel';\n }\n}\n\nmdui.Panel = Panel;\n","import $ from 'mdui.jq/es/$';\nimport mdui from '../../mdui';\nimport '../../global/mutation';\nimport { parseOptions } from '../../utils/parseOptions';\nimport './index';\n\nconst customAttr = 'mdui-panel';\n\n$(() => {\n mdui.mutation(`[${customAttr}]`, function () {\n new mdui.Panel(this, parseOptions(this, customAttr));\n });\n});\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/add';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/data';\nimport 'mdui.jq/es/methods/each';\nimport 'mdui.jq/es/methods/eq';\nimport 'mdui.jq/es/methods/find';\nimport 'mdui.jq/es/methods/first';\nimport 'mdui.jq/es/methods/hasClass';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/prependTo';\nimport 'mdui.jq/es/methods/remove';\nimport 'mdui.jq/es/methods/removeClass';\nimport Selector from 'mdui.jq/es/types/Selector';\nimport { isUndefined } from 'mdui.jq/es/utils';\nimport mdui from '../../mdui';\nimport '../../global/mutation';\n\ndeclare module '../../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * 动态修改了表格后，需要调用该方法重新初始化表格。\n *\n * 若传入了参数，则只初始化该参数对应的表格。若没有传入参数，则重新初始化所有表格。\n * @param selector CSS 选择器、或 DOM 元素、或 DOM 元素组成的数组、或 JQ 对象\n */\n updateTables(\n selector?: Selector | HTMLElement | ArrayLike,\n ): void;\n }\n}\n\nclass Table {\n /**\n * table 元素的 JQ 对象\n */\n public $element: JQ;\n\n /**\n * 表头 tr 元素\n */\n private $thRow: JQ = $();\n\n /**\n * 表格 body 中的 tr 元素\n */\n private $tdRows: JQ = $();\n\n /**\n * 表头的 checkbox 元素\n */\n private $thCheckbox: JQ = $();\n\n /**\n * 表格 body 中的 checkbox 元素\n */\n private $tdCheckboxs: JQ = $();\n\n /**\n * 表格行是否可选择\n */\n private selectable = false;\n\n /**\n * 已选中的行数\n */\n private selectedRow = 0;\n\n public constructor(\n selector: Selector | HTMLElement | ArrayLike,\n ) {\n this.$element = $(selector).first();\n this.init();\n }\n\n /**\n * 初始化表格\n */\n public init(): void {\n this.$thRow = this.$element.find('thead tr');\n this.$tdRows = this.$element.find('tbody tr');\n this.selectable = this.$element.hasClass('mdui-table-selectable');\n\n this.updateThCheckbox();\n this.updateTdCheckbox();\n this.updateNumericCol();\n }\n\n /**\n * 生成 checkbox 的 HTML 结构\n * @param tag 标签名\n */\n private createCheckboxHTML(tag: string): string {\n return (\n `<${tag} class=\"mdui-table-cell-checkbox\">` +\n '' +\n ``\n );\n }\n\n /**\n * 更新表头 checkbox 的状态\n */\n private updateThCheckboxStatus(): void {\n const checkbox = this.$thCheckbox[0];\n const selectedRow = this.selectedRow;\n const tdRowsLength = this.$tdRows.length;\n\n checkbox.checked = selectedRow === tdRowsLength;\n checkbox.indeterminate = !!selectedRow && selectedRow !== tdRowsLength;\n }\n\n /**\n * 更新表格行的 checkbox\n */\n private updateTdCheckbox(): void {\n const rowSelectedClass = 'mdui-table-row-selected';\n\n this.$tdRows.each((_, row) => {\n const $row = $(row);\n\n // 移除旧的 checkbox\n $row.find('.mdui-table-cell-checkbox').remove();\n\n if (!this.selectable) {\n return;\n }\n\n // 创建 DOM\n const $checkbox = $(this.createCheckboxHTML('td'))\n .prependTo($row)\n .find('input[type=\"checkbox\"]') as JQ;\n\n // 默认选中的行\n if ($row.hasClass(rowSelectedClass)) {\n $checkbox[0].checked = true;\n this.selectedRow++;\n }\n\n this.updateThCheckboxStatus();\n\n // 绑定事件\n $checkbox.on('change', () => {\n if ($checkbox[0].checked) {\n $row.addClass(rowSelectedClass);\n this.selectedRow++;\n } else {\n $row.removeClass(rowSelectedClass);\n this.selectedRow--;\n }\n\n this.updateThCheckboxStatus();\n });\n\n this.$tdCheckboxs = this.$tdCheckboxs.add($checkbox);\n });\n }\n\n /**\n * 更新表头的 checkbox\n */\n private updateThCheckbox(): void {\n // 移除旧的 checkbox\n this.$thRow.find('.mdui-table-cell-checkbox').remove();\n\n if (!this.selectable) {\n return;\n }\n\n this.$thCheckbox = $(this.createCheckboxHTML('th'))\n .prependTo(this.$thRow)\n .find('input[type=\"checkbox\"]')\n .on('change', () => {\n const isCheckedAll = this.$thCheckbox[0].checked;\n this.selectedRow = isCheckedAll ? this.$tdRows.length : 0;\n\n this.$tdCheckboxs.each((_, checkbox) => {\n checkbox.checked = isCheckedAll;\n });\n\n this.$tdRows.each((_, row) => {\n isCheckedAll\n ? $(row).addClass('mdui-table-row-selected')\n : $(row).removeClass('mdui-table-row-selected');\n });\n }) as JQ;\n }\n\n /**\n * 更新数值列\n */\n private updateNumericCol(): void {\n const numericClass = 'mdui-table-col-numeric';\n\n this.$thRow.find('th').each((i, th) => {\n const isNumericCol = $(th).hasClass(numericClass);\n\n this.$tdRows.each((_, row) => {\n const $td = $(row).find('td').eq(i);\n\n isNumericCol\n ? $td.addClass(numericClass)\n : $td.removeClass(numericClass);\n });\n });\n }\n}\n\nconst dataName = '_mdui_table';\n\n$(() => {\n mdui.mutation('.mdui-table', function () {\n const $element = $(this);\n\n if (!$element.data(dataName)) {\n $element.data(dataName, new Table($element));\n }\n });\n});\n\nmdui.updateTables = function (\n selector?: Selector | HTMLElement | ArrayLike,\n): void {\n const $elements = isUndefined(selector) ? $('.mdui-table') : $(selector);\n\n $elements.each((_, element) => {\n const $element = $(element);\n const instance = $element.data(dataName);\n\n if (instance) {\n instance.init();\n } else {\n $element.data(dataName, new Table($element));\n }\n });\n};\n","/**\n * touch 事件后的 500ms 内禁用 mousedown 事件\n *\n * 不支持触控的屏幕上事件顺序为 mousedown -> mouseup -> click\n * 支持触控的屏幕上事件顺序为 touchstart -> touchend -> mousedown -> mouseup -> click\n *\n * 在每一个事件中都使用 TouchHandler.isAllow(event) 判断事件是否可执行\n * 在 touchstart 和 touchmove、touchend、touchcancel\n *\n * (function () {\n * $document\n * .on(start, function (e) {\n * if (!isAllow(e)) {\n * return;\n * }\n * register(e);\n * console.log(e.type);\n * })\n * .on(move, function (e) {\n * if (!isAllow(e)) {\n * return;\n * }\n * console.log(e.type);\n * })\n * .on(end, function (e) {\n * if (!isAllow(e)) {\n * return;\n * }\n * console.log(e.type);\n * })\n * .on(unlock, register);\n * })();\n */\n\nconst startEvent = 'touchstart mousedown';\nconst moveEvent = 'touchmove mousemove';\nconst endEvent = 'touchend mouseup';\nconst cancelEvent = 'touchcancel mouseleave';\nconst unlockEvent = 'touchend touchmove touchcancel';\n\nlet touches = 0;\n\n/**\n * 该事件是否被允许，在执行事件前调用该方法判断事件是否可以执行\n * 若已触发 touch 事件，则阻止之后的鼠标事件\n * @param event\n */\nfunction isAllow(event: Event): boolean {\n return !(\n touches &&\n [\n 'mousedown',\n 'mouseup',\n 'mousemove',\n 'click',\n 'mouseover',\n 'mouseout',\n 'mouseenter',\n 'mouseleave',\n ].indexOf(event.type) > -1\n );\n}\n\n/**\n * 在 touchstart 和 touchmove、touchend、touchcancel 事件中调用该方法注册事件\n * @param event\n */\nfunction register(event: Event): void {\n if (event.type === 'touchstart') {\n // 触发了 touch 事件\n touches += 1;\n } else if (\n ['touchmove', 'touchend', 'touchcancel'].indexOf(event.type) > -1\n ) {\n // touch 事件结束 500ms 后解除对鼠标事件的阻止\n setTimeout(function () {\n if (touches) {\n touches -= 1;\n }\n }, 500);\n }\n}\n\nexport {\n startEvent,\n moveEvent,\n endEvent,\n cancelEvent,\n unlockEvent,\n isAllow,\n register,\n};\n","/**\n * Inspired by https://github.com/nolimits4web/Framework7/blob/master/src/js/fast-clicks.js\n * https://github.com/nolimits4web/Framework7/blob/master/LICENSE\n *\n * Inspired by https://github.com/fians/Waves\n */\n\nimport $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/attr';\nimport 'mdui.jq/es/methods/children';\nimport 'mdui.jq/es/methods/data';\nimport 'mdui.jq/es/methods/each';\nimport 'mdui.jq/es/methods/first';\nimport 'mdui.jq/es/methods/hasClass';\nimport 'mdui.jq/es/methods/innerHeight';\nimport 'mdui.jq/es/methods/innerWidth';\nimport 'mdui.jq/es/methods/off';\nimport 'mdui.jq/es/methods/offset';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/parents';\nimport 'mdui.jq/es/methods/prependTo';\nimport 'mdui.jq/es/methods/prop';\nimport 'mdui.jq/es/methods/remove';\nimport { isUndefined } from 'mdui.jq/es/utils';\nimport '../../jq_extends/methods/reflow';\nimport '../../jq_extends/methods/transform';\nimport '../../jq_extends/methods/transitionEnd';\nimport { $document } from '../../utils/dom';\nimport {\n cancelEvent,\n endEvent,\n isAllow,\n moveEvent,\n register,\n startEvent,\n unlockEvent,\n} from '../../utils/touchHandler';\n\n/**\n * 显示涟漪动画\n * @param event\n * @param $ripple\n */\nfunction show(event: Event, $ripple: JQ): void {\n // 鼠标右键不产生涟漪\n if (event instanceof MouseEvent && event.button === 2) {\n return;\n }\n\n // 点击位置坐标\n const touchPosition =\n typeof TouchEvent !== 'undefined' &&\n event instanceof TouchEvent &&\n event.touches.length\n ? event.touches[0]\n : (event as MouseEvent);\n\n const touchStartX = touchPosition.pageX;\n const touchStartY = touchPosition.pageY;\n\n // 涟漪位置\n const offset = $ripple.offset();\n const height = $ripple.innerHeight();\n const width = $ripple.innerWidth();\n const center = {\n x: touchStartX - offset.left,\n y: touchStartY - offset.top,\n };\n const diameter = Math.max(\n Math.pow(Math.pow(height, 2) + Math.pow(width, 2), 0.5),\n 48,\n );\n\n // 涟漪扩散动画\n const translate =\n `translate3d(${-center.x + width / 2}px,` +\n `${-center.y + height / 2}px, 0) scale(1)`;\n\n // 涟漪的 DOM 结构，并缓存动画效果\n $(\n ``,\n )\n .data('_ripple_wave_translate', translate)\n .prependTo($ripple)\n .reflow()\n .transform(translate);\n}\n\n/**\n * 隐藏并移除涟漪\n * @param $wave\n */\nfunction removeRipple($wave: JQ): void {\n if (!$wave.length || $wave.data('_ripple_wave_removed')) {\n return;\n }\n\n $wave.data('_ripple_wave_removed', true);\n\n let removeTimer = setTimeout(() => $wave.remove(), 400);\n const translate = $wave.data('_ripple_wave_translate');\n\n $wave\n .addClass('mdui-ripple-wave-fill')\n .transform(translate.replace('scale(1)', 'scale(1.01)'))\n .transitionEnd(() => {\n clearTimeout(removeTimer);\n\n $wave\n .addClass('mdui-ripple-wave-out')\n .transform(translate.replace('scale(1)', 'scale(1.01)'));\n\n removeTimer = setTimeout(() => $wave.remove(), 700);\n\n setTimeout(() => {\n $wave.transitionEnd(() => {\n clearTimeout(removeTimer);\n $wave.remove();\n });\n }, 0);\n });\n}\n\n/**\n * 隐藏涟漪动画\n * @param this\n */\nfunction hide(this: any): void {\n const $ripple = $(this as HTMLElement);\n\n $ripple.children('.mdui-ripple-wave').each((_, wave) => {\n removeRipple($(wave));\n });\n\n $ripple.off(`${moveEvent} ${endEvent} ${cancelEvent}`, hide);\n}\n\n/**\n * 显示涟漪，并绑定 touchend 等事件\n * @param event\n */\nfunction showRipple(event: Event): void {\n if (!isAllow(event)) {\n return;\n }\n\n register(event);\n\n // Chrome 59 点击滚动条时，会在 document 上触发事件\n if (event.target === document) {\n return;\n }\n\n const $target = $(event.target as HTMLElement);\n\n // 获取含 .mdui-ripple 类的元素\n const $ripple = $target.hasClass('mdui-ripple')\n ? $target\n : $target.parents('.mdui-ripple').first();\n\n if (!$ripple.length) {\n return;\n }\n\n // 禁用状态的元素上不产生涟漪效果\n if ($ripple.prop('disabled') || !isUndefined($ripple.attr('disabled'))) {\n return;\n }\n\n if (event.type === 'touchstart') {\n let hidden = false;\n\n // touchstart 触发指定时间后开始涟漪动画，避免手指滑动时也触发涟漪\n let timer = setTimeout(() => {\n timer = 0;\n show(event, $ripple);\n }, 200);\n\n const hideRipple = (): void => {\n // 如果手指没有移动，且涟漪动画还没有开始，则开始涟漪动画\n if (timer) {\n clearTimeout(timer);\n timer = 0;\n show(event, $ripple);\n }\n\n if (!hidden) {\n hidden = true;\n hide.call($ripple);\n }\n };\n\n // 手指移动后，移除涟漪动画\n const touchMove = (): void => {\n if (timer) {\n clearTimeout(timer);\n timer = 0;\n }\n\n hideRipple();\n };\n\n $ripple.on('touchmove', touchMove).on('touchend touchcancel', hideRipple);\n } else {\n show(event, $ripple);\n $ripple.on(`${moveEvent} ${endEvent} ${cancelEvent}`, hide);\n }\n}\n\n$(() => {\n $document.on(startEvent, showRipple).on(unlockEvent, register);\n});\n","import $ from 'mdui.jq/es/$';\nimport extend from 'mdui.jq/es/functions/extend';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/appendTo';\nimport 'mdui.jq/es/methods/attr';\nimport 'mdui.jq/es/methods/each';\nimport 'mdui.jq/es/methods/find';\nimport 'mdui.jq/es/methods/is';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/outerHeight';\nimport 'mdui.jq/es/methods/parent';\nimport 'mdui.jq/es/methods/parents';\nimport 'mdui.jq/es/methods/remove';\nimport 'mdui.jq/es/methods/removeClass';\nimport 'mdui.jq/es/methods/text';\nimport 'mdui.jq/es/methods/trigger';\nimport 'mdui.jq/es/methods/val';\nimport Selector from 'mdui.jq/es/types/Selector';\nimport { isUndefined } from 'mdui.jq/es/utils';\nimport mdui from '../../mdui';\nimport '../../global/mutation';\nimport { $document } from '../../utils/dom';\n\ndeclare module '../../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * 动态修改了文本框后，需要调用该方法重新初始化文本框。\n *\n * 若传入了参数，则只初始化该参数对应的文本框。若没有传入参数，则重新初始化所有文本框。\n * @param selector CSS 选择器、或 DOM 元素、或 DOM 元素组成的数组、或 JQ 对象\n */\n updateTextFields(\n selector?: Selector | HTMLElement | ArrayLike,\n ): void;\n }\n}\n\ntype INPUT_EVENT_DATA = {\n reInit?: boolean;\n domLoadedEvent?: boolean;\n};\n\nconst defaultData: INPUT_EVENT_DATA = {\n reInit: false,\n domLoadedEvent: false,\n};\n\n/**\n * 输入框事件\n * @param event\n * @param data\n */\nfunction inputEvent(event: Event, data: INPUT_EVENT_DATA = {}): void {\n data = extend({}, defaultData, data);\n\n const input = event.target as HTMLInputElement;\n const $input = $(input);\n const eventType = event.type;\n const value = $input.val() as string;\n\n // 文本框类型\n const inputType = $input.attr('type') || '';\n if (\n ['checkbox', 'button', 'submit', 'range', 'radio', 'image'].indexOf(\n inputType,\n ) > -1\n ) {\n return;\n }\n\n const $textfield = $input.parent('.mdui-textfield');\n\n // 输入框是否聚焦\n if (eventType === 'focus') {\n $textfield.addClass('mdui-textfield-focus');\n }\n\n if (eventType === 'blur') {\n $textfield.removeClass('mdui-textfield-focus');\n }\n\n // 输入框是否为空\n if (eventType === 'blur' || eventType === 'input') {\n value\n ? $textfield.addClass('mdui-textfield-not-empty')\n : $textfield.removeClass('mdui-textfield-not-empty');\n }\n\n // 输入框是否禁用\n input.disabled\n ? $textfield.addClass('mdui-textfield-disabled')\n : $textfield.removeClass('mdui-textfield-disabled');\n\n // 表单验证\n if (\n (eventType === 'input' || eventType === 'blur') &&\n !data.domLoadedEvent &&\n input.validity\n ) {\n input.validity.valid\n ? $textfield.removeClass('mdui-textfield-invalid-html5')\n : $textfield.addClass('mdui-textfield-invalid-html5');\n }\n\n // textarea 高度自动调整\n if ($input.is('textarea')) {\n // IE bug：textarea 的值仅为多个换行，不含其他内容时，textarea 的高度不准确\n // 此时，在计算高度前，在值的开头加入一个空格，计算完后，移除空格\n const inputValue = value;\n let hasExtraSpace = false;\n\n if (inputValue.replace(/[\\r\\n]/g, '') === '') {\n $input.val(' ' + inputValue);\n hasExtraSpace = true;\n }\n\n // 设置 textarea 高度\n $input.outerHeight('');\n const height = $input.outerHeight();\n const scrollHeight = input.scrollHeight;\n\n if (scrollHeight > height) {\n $input.outerHeight(scrollHeight);\n }\n\n // 计算完，还原 textarea 的值\n if (hasExtraSpace) {\n $input.val(inputValue);\n }\n }\n\n // 实时字数统计\n if (data.reInit) {\n $textfield.find('.mdui-textfield-counter').remove();\n }\n\n const maxLength = $input.attr('maxlength');\n if (maxLength) {\n if (data.reInit || data.domLoadedEvent) {\n $(\n '' +\n ` / ${maxLength}` +\n '
',\n ).appendTo($textfield);\n }\n\n $textfield\n .find('.mdui-textfield-counter-inputed')\n .text(value.length.toString());\n }\n\n // 含 帮助文本、错误提示、字数统计 时，增加文本框底部内边距\n if (\n $textfield.find('.mdui-textfield-helper').length ||\n $textfield.find('.mdui-textfield-error').length ||\n maxLength\n ) {\n $textfield.addClass('mdui-textfield-has-bottom');\n }\n}\n\n$(() => {\n // 绑定事件\n $document.on(\n 'input focus blur',\n '.mdui-textfield-input',\n { useCapture: true },\n inputEvent,\n );\n\n // 可展开文本框展开\n $document.on(\n 'click',\n '.mdui-textfield-expandable .mdui-textfield-icon',\n function () {\n $(this as HTMLElement)\n .parents('.mdui-textfield')\n .addClass('mdui-textfield-expanded')\n .find('.mdui-textfield-input')[0]\n .focus();\n },\n );\n\n // 可展开文本框关闭\n $document.on(\n 'click',\n '.mdui-textfield-expanded .mdui-textfield-close',\n function () {\n $(this)\n .parents('.mdui-textfield')\n .removeClass('mdui-textfield-expanded')\n .find('.mdui-textfield-input')\n .val('');\n },\n );\n\n /**\n * 初始化文本框\n */\n mdui.mutation('.mdui-textfield', function () {\n $(this).find('.mdui-textfield-input').trigger('input', {\n domLoadedEvent: true,\n });\n });\n});\n\nmdui.updateTextFields = function (\n selector?: Selector | HTMLElement | ArrayLike,\n): void {\n const $elements = isUndefined(selector) ? $('.mdui-textfield') : $(selector);\n\n $elements.each((_, element) => {\n $(element).find('.mdui-textfield-input').trigger('input', {\n reInit: true,\n });\n });\n};\n","import $ from 'mdui.jq/es/$';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/append';\nimport 'mdui.jq/es/methods/attr';\nimport 'mdui.jq/es/methods/css';\nimport 'mdui.jq/es/methods/data';\nimport 'mdui.jq/es/methods/each';\nimport 'mdui.jq/es/methods/empty';\nimport 'mdui.jq/es/methods/find';\nimport 'mdui.jq/es/methods/hasClass';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/parent';\nimport 'mdui.jq/es/methods/remove';\nimport 'mdui.jq/es/methods/removeClass';\nimport 'mdui.jq/es/methods/text';\nimport 'mdui.jq/es/methods/val';\nimport 'mdui.jq/es/methods/width';\nimport Selector from 'mdui.jq/es/types/Selector';\nimport { isUndefined } from 'mdui.jq/es/utils';\nimport mdui from '../../mdui';\nimport { $document } from '../../utils/dom';\nimport {\n endEvent,\n isAllow,\n register,\n startEvent,\n unlockEvent,\n} from '../../utils/touchHandler';\n\ndeclare module '../../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * 动态修改了滑块后，需要调用该方法重新初始化滑块\n *\n * 若传入了参数，则只初始化该参数对应的滑块。若没有传入参数，则重新初始化所有滑块。\n * @param selector CSS 选择器、或 DOM 元素、或 DOM 元素组成的数组、或 JQ 对象\n */\n updateSliders(\n selector?: Selector | HTMLElement | ArrayLike,\n ): void;\n }\n}\n\n/**\n * 滑块的值改变后修改滑块样式\n * @param $slider\n */\nfunction updateValueStyle($slider: JQ): void {\n const data = $slider.data();\n\n const $track = data._slider_$track;\n const $fill = data._slider_$fill;\n const $thumb = data._slider_$thumb;\n const $input = data._slider_$input;\n const min = data._slider_min;\n const max = data._slider_max;\n const isDisabled = data._slider_disabled;\n const isDiscrete = data._slider_discrete;\n const $thumbText = data._slider_$thumbText;\n const value = $input.val();\n const percent = ((value - min) / (max - min)) * 100;\n\n $fill.width(`${percent}%`);\n $track.width(`${100 - percent}%`);\n\n if (isDisabled) {\n $fill.css('padding-right', '6px');\n $track.css('padding-left', '6px');\n }\n\n $thumb.css('left', `${percent}%`);\n\n if (isDiscrete) {\n $thumbText.text(value);\n }\n\n percent === 0\n ? $slider.addClass('mdui-slider-zero')\n : $slider.removeClass('mdui-slider-zero');\n}\n\n/**\n * 重新初始化滑块\n * @param $slider\n */\nfunction reInit($slider: JQ): void {\n const $track = $('');\n const $fill = $('');\n const $thumb = $('');\n const $input = $slider.find('input[type=\"range\"]') as JQ;\n const isDisabled = $input[0].disabled;\n const isDiscrete = $slider.hasClass('mdui-slider-discrete');\n\n // 禁用状态\n isDisabled\n ? $slider.addClass('mdui-slider-disabled')\n : $slider.removeClass('mdui-slider-disabled');\n\n // 重新填充 HTML\n $slider.find('.mdui-slider-track').remove();\n $slider.find('.mdui-slider-fill').remove();\n $slider.find('.mdui-slider-thumb').remove();\n $slider.append($track).append($fill).append($thumb);\n\n // 间续型滑块\n let $thumbText = $();\n if (isDiscrete) {\n $thumbText = $('');\n $thumb.empty().append($thumbText);\n }\n\n $slider.data('_slider_$track', $track);\n $slider.data('_slider_$fill', $fill);\n $slider.data('_slider_$thumb', $thumb);\n $slider.data('_slider_$input', $input);\n $slider.data('_slider_min', $input.attr('min'));\n $slider.data('_slider_max', $input.attr('max'));\n $slider.data('_slider_disabled', isDisabled);\n $slider.data('_slider_discrete', isDiscrete);\n $slider.data('_slider_$thumbText', $thumbText);\n\n // 设置默认值\n updateValueStyle($slider);\n}\n\nconst rangeSelector = '.mdui-slider input[type=\"range\"]';\n\n$(() => {\n // 滑块滑动事件\n $document.on('input change', rangeSelector, function () {\n const $slider = $(this).parent() as JQ;\n\n updateValueStyle($slider);\n });\n\n // 开始触摸滑块事件\n $document.on(startEvent, rangeSelector, function (event: Event) {\n if (!isAllow(event)) {\n return;\n }\n\n register(event);\n\n if ((this as HTMLInputElement).disabled) {\n return;\n }\n\n const $slider = $(this).parent() as JQ;\n\n $slider.addClass('mdui-slider-focus');\n });\n\n // 结束触摸滑块事件\n $document.on(endEvent, rangeSelector, function (event: Event) {\n if (!isAllow(event)) {\n return;\n }\n\n if ((this as HTMLInputElement).disabled) {\n return;\n }\n\n const $slider = $(this).parent() as JQ;\n\n $slider.removeClass('mdui-slider-focus');\n });\n\n $document.on(unlockEvent, rangeSelector, register);\n\n /**\n * 初始化滑块\n */\n mdui.mutation('.mdui-slider', function () {\n reInit($(this));\n });\n});\n\nmdui.updateSliders = function (\n selector?: Selector | HTMLElement | ArrayLike,\n): void {\n const $elements = isUndefined(selector) ? $('.mdui-slider') : $(selector);\n\n $elements.each((_, element) => {\n reInit($(element));\n });\n};\n","import $ from 'mdui.jq/es/$';\nimport extend from 'mdui.jq/es/functions/extend';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/css';\nimport 'mdui.jq/es/methods/each';\nimport 'mdui.jq/es/methods/find';\nimport 'mdui.jq/es/methods/first';\nimport 'mdui.jq/es/methods/hasClass';\nimport 'mdui.jq/es/methods/last';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/parents';\nimport 'mdui.jq/es/methods/removeClass';\nimport Selector from 'mdui.jq/es/types/Selector';\nimport mdui from '../../mdui';\nimport '../../jq_extends/methods/transitionEnd';\nimport { componentEvent } from '../../utils/componentEvent';\nimport { $document } from '../../utils/dom';\nimport { startEvent } from '../../utils/touchHandler';\n\ndeclare module '../../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * 浮动操作按钮组件\n *\n * 请通过 `new mdui.Fab()` 调用\n */\n Fab: {\n /**\n * 实例化 Fab 组件\n * @param selector CSS 选择器、或 DOM 元素、或 JQ 对象\n * @param options 配置参数\n */\n new (\n selector: Selector | HTMLElement | ArrayLike,\n options?: OPTIONS,\n ): Fab;\n };\n }\n}\n\ntype OPTIONS = {\n /**\n * 触发方式。`hover`: 鼠标悬浮触发；`click`: 点击触发\n *\n * 默认为 `hover`\n */\n trigger?: 'click' | 'hover';\n};\n\ntype STATE = 'opening' | 'opened' | 'closing' | 'closed';\ntype EVENT = 'open' | 'opened' | 'close' | 'closed';\n\nconst DEFAULT_OPTIONS: OPTIONS = {\n trigger: 'hover',\n};\n\nclass Fab {\n /**\n * Fab 元素的 JQ 对象\n */\n public $element: JQ;\n\n /**\n * 配置参数\n */\n public options: OPTIONS = extend({}, DEFAULT_OPTIONS);\n\n /**\n * 当前 fab 的状态\n */\n private state: STATE = 'closed';\n\n /**\n * 按钮元素\n */\n private $btn: JQ;\n\n /**\n * 拨号菜单元素\n */\n private $dial: JQ;\n\n /**\n * 拨号菜单内的按钮\n */\n private $dialBtns: JQ;\n\n public constructor(\n selector: Selector | HTMLElement | ArrayLike,\n options: OPTIONS = {},\n ) {\n this.$element = $(selector).first();\n\n extend(this.options, options);\n\n this.$btn = this.$element.find('.mdui-fab');\n this.$dial = this.$element.find('.mdui-fab-dial');\n this.$dialBtns = this.$dial.find('.mdui-fab');\n\n if (this.options.trigger === 'hover') {\n this.$btn.on('touchstart mouseenter', () => this.open());\n this.$element.on('mouseleave', () => this.close());\n }\n\n if (this.options.trigger === 'click') {\n this.$btn.on(startEvent, () => this.open());\n }\n\n // 触摸屏幕其他地方关闭快速拨号\n $document.on(startEvent, (event) => {\n if ($(event.target as HTMLElement).parents('.mdui-fab-wrapper').length) {\n return;\n }\n\n this.close();\n });\n }\n\n /**\n * 触发组件事件\n * @param name\n */\n private triggerEvent(name: EVENT): void {\n componentEvent(name, 'fab', this.$element, this);\n }\n\n /**\n * 当前是否为打开状态\n */\n private isOpen(): boolean {\n return this.state === 'opening' || this.state === 'opened';\n }\n\n /**\n * 打开快速拨号菜单\n */\n public open(): void {\n if (this.isOpen()) {\n return;\n }\n\n // 为菜单中的按钮添加不同的 transition-delay\n this.$dialBtns.each((index, btn) => {\n const delay = `${15 * (this.$dialBtns.length - index)}ms`;\n\n btn.style.transitionDelay = delay;\n btn.style.webkitTransitionDelay = delay;\n });\n\n this.$dial.css('height', 'auto').addClass('mdui-fab-dial-show');\n\n // 如果按钮中存在 .mdui-fab-opened 的图标，则进行图标切换\n if (this.$btn.find('.mdui-fab-opened').length) {\n this.$btn.addClass('mdui-fab-opened');\n }\n\n this.state = 'opening';\n this.triggerEvent('open');\n\n // 打开顺序为从下到上逐个打开，最上面的打开后才表示动画完成\n this.$dialBtns.first().transitionEnd(() => {\n if (this.$btn.hasClass('mdui-fab-opened')) {\n this.state = 'opened';\n this.triggerEvent('opened');\n }\n });\n }\n\n /**\n * 关闭快速拨号菜单\n */\n public close(): void {\n if (!this.isOpen()) {\n return;\n }\n\n // 为菜单中的按钮添加不同的 transition-delay\n this.$dialBtns.each((index, btn) => {\n const delay = `${15 * index}ms`;\n\n btn.style.transitionDelay = delay;\n btn.style.webkitTransitionDelay = delay;\n });\n\n this.$dial.removeClass('mdui-fab-dial-show');\n this.$btn.removeClass('mdui-fab-opened');\n this.state = 'closing';\n this.triggerEvent('close');\n\n // 从上往下依次关闭，最后一个关闭后才表示动画完成\n this.$dialBtns.last().transitionEnd(() => {\n if (this.$btn.hasClass('mdui-fab-opened')) {\n return;\n }\n\n this.state = 'closed';\n this.triggerEvent('closed');\n this.$dial.css('height', 0);\n });\n }\n\n /**\n * 切换快速拨号菜单的打开状态\n */\n public toggle(): void {\n this.isOpen() ? this.close() : this.open();\n }\n\n /**\n * 以动画的形式显示整个浮动操作按钮\n */\n public show(): void {\n this.$element.removeClass('mdui-fab-hide');\n }\n\n /**\n * 以动画的形式隐藏整个浮动操作按钮\n */\n public hide(): void {\n this.$element.addClass('mdui-fab-hide');\n }\n\n /**\n * 返回当前快速拨号菜单的打开状态。共包含四种状态：`opening`、`opened`、`closing`、`closed`\n */\n public getState(): STATE {\n return this.state;\n }\n}\n\nmdui.Fab = Fab;\n","import $ from 'mdui.jq/es/$';\nimport mdui from '../../mdui';\nimport { $document } from '../../utils/dom';\nimport { parseOptions } from '../../utils/parseOptions';\nimport './index';\n\nconst customAttr = 'mdui-fab';\n\n$(() => {\n // mouseenter 不冒泡，无法进行事件委托，这里用 mouseover 代替。\n // 不管是 click 、 mouseover 还是 touchstart ，都先初始化。\n\n $document.on(\n 'touchstart mousedown mouseover',\n `[${customAttr}]`,\n function () {\n new mdui.Fab(\n this as HTMLElement,\n parseOptions(this as HTMLElement, customAttr),\n );\n },\n );\n});\n","/**\n * 最终生成的元素结构为：\n * \n * // $element\n * State 1 // $selected\n * \n *
\n */\n\nimport $ from 'mdui.jq/es/$';\nimport contains from 'mdui.jq/es/functions/contains';\nimport extend from 'mdui.jq/es/functions/extend';\nimport { JQ } from 'mdui.jq/es/JQ';\nimport 'mdui.jq/es/methods/add';\nimport 'mdui.jq/es/methods/addClass';\nimport 'mdui.jq/es/methods/after';\nimport 'mdui.jq/es/methods/append';\nimport 'mdui.jq/es/methods/appendTo';\nimport 'mdui.jq/es/methods/attr';\nimport 'mdui.jq/es/methods/css';\nimport 'mdui.jq/es/methods/each';\nimport 'mdui.jq/es/methods/find';\nimport 'mdui.jq/es/methods/first';\nimport 'mdui.jq/es/methods/height';\nimport 'mdui.jq/es/methods/hide';\nimport 'mdui.jq/es/methods/index';\nimport 'mdui.jq/es/methods/innerWidth';\nimport 'mdui.jq/es/methods/is';\nimport 'mdui.jq/es/methods/on';\nimport 'mdui.jq/es/methods/remove';\nimport 'mdui.jq/es/methods/removeAttr';\nimport 'mdui.jq/es/methods/removeClass';\nimport 'mdui.jq/es/methods/show';\nimport 'mdui.jq/es/methods/text';\nimport 'mdui.jq/es/methods/trigger';\nimport 'mdui.jq/es/methods/val';\nimport Selector from 'mdui.jq/es/types/Selector';\nimport mdui from '../../mdui';\nimport '../../jq_extends/methods/transitionEnd';\nimport '../../jq_extends/static/guid';\nimport { componentEvent } from '../../utils/componentEvent';\nimport { $document, $window } from '../../utils/dom';\n\ndeclare module '../../interfaces/MduiStatic' {\n interface MduiStatic {\n /**\n * 下拉选择组件\n *\n * 请通过 `new mdui.Select()` 调用\n */\n Select: {\n /**\n * 实例化 Select 组件\n * @param selector CSS 选择器、或 DOM 元素、或 JQ 对象\n * @param options 配置参数\n */\n new (\n selector: Selector | HTMLElement | ArrayLike,\n options?: OPTIONS,\n ): Select;\n };\n }\n}\n\ntype OPTIONS = {\n /**\n * 下拉框位置：`auto`、`top`、`bottom`\n */\n position?: 'auto' | 'top' | 'bottom';\n\n /**\n * 菜单与窗口上下边框至少保持多少间距\n */\n gutter?: number;\n};\n\ntype STATE = 'closing' | 'closed' | 'opening' | 'opened';\ntype EVENT = 'open' | 'opened' | 'close' | 'closed';\n\nconst DEFAULT_OPTIONS: OPTIONS = {\n position: 'auto',\n gutter: 16,\n};\n\nclass Select {\n /**\n * 原生 `
';
+ },
+ $comments->content
+ );
+ echo '
';
+ ?>
+
+
author(); ?>agent); ?> agent); ?>
-