mdui 1.0.2 → 2.0.0

package/es/components/tooltip/index.js

@@ -1,251 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import extend from 'mdui.jq/es/functions/extend';
-import 'mdui.jq/es/methods/addClass';
-import 'mdui.jq/es/methods/appendTo';
-import 'mdui.jq/es/methods/attr';
-import 'mdui.jq/es/methods/css';
-import 'mdui.jq/es/methods/first';
-import 'mdui.jq/es/methods/hasClass';
-import 'mdui.jq/es/methods/height';
-import 'mdui.jq/es/methods/html';
-import 'mdui.jq/es/methods/offset';
-import 'mdui.jq/es/methods/on';
-import 'mdui.jq/es/methods/removeClass';
-import 'mdui.jq/es/methods/width';
-import mdui from '../../mdui';
-import '../../jq_extends/methods/transformOrigin';
-import '../../jq_extends/methods/transitionEnd';
-import '../../jq_extends/static/guid';
-import { componentEvent } from '../../utils/componentEvent';
-import { $window } from '../../utils/dom';
-import { isAllow, register, unlockEvent } from '../../utils/touchHandler';
-const DEFAULT_OPTIONS = {
-    position: 'auto',
-    delay: 0,
-    content: '',
-};
-class Tooltip {
-    constructor(selector, options = {}) {
-        /**
-         * 配置参数
-         */
-        this.options = extend({}, DEFAULT_OPTIONS);
-        /**
-         * 当前 tooltip 的状态
-         */
-        this.state = 'closed';
-        /**
-         * setTimeout 的返回值
-         */
-        this.timeoutId = null;
-        this.$target = $(selector).first();
-        extend(this.options, options);
-        // 创建 Tooltip HTML
-        this.$element = $(`<div class="mdui-tooltip" id="${$.guid()}">${this.options.content}</div>`).appendTo(document.body);
-        // 绑定事件。元素处于 disabled 状态时无法触发鼠标事件，为了统一，把 touch 事件也禁用
-        // eslint-disable-next-line @typescript-eslint/no-this-alias
-        const 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
-     */
-    isDisabled(element) {
-        return (element.disabled ||
-            $(element).attr('disabled') !== undefined);
-    }
-    /**
-     * 是否是桌面设备
-     */
-    isDesktop() {
-        return $window.width() > 1024;
-    }
-    /**
-     * 设置 Tooltip 的位置
-     */
-    setPosition() {
-        let marginLeft;
-        let marginTop;
-        // 触发的元素
-        const targetProps = this.$target[0].getBoundingClientRect();
-        // 触发的元素和 Tooltip 之间的距离
-        const targetMargin = this.isDesktop() ? 14 : 24;
-        // Tooltip 的宽度和高度
-        const tooltipWidth = this.$element[0].offsetWidth;
-        const tooltipHeight = this.$element[0].offsetHeight;
-        // Tooltip 的方向
-        let 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;
-        }
-        const 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
-     */
-    triggerEvent(name) {
-        componentEvent(name, 'tooltip', this.$target, this);
-    }
-    /**
-     * 动画结束回调
-     */
-    transitionEnd() {
-        if (this.$element.hasClass('mdui-tooltip-open')) {
-            this.state = 'opened';
-            this.triggerEvent('opened');
-        }
-        else {
-            this.state = 'closed';
-            this.triggerEvent('closed');
-        }
-    }
-    /**
-     * 当前 tooltip 是否为打开状态
-     */
-    isOpen() {
-        return this.state === 'opening' || this.state === 'opened';
-    }
-    /**
-     * 执行打开 tooltip
-     */
-    doOpen() {
-        this.state = 'opening';
-        this.triggerEvent('open');
-        this.$element
-            .addClass('mdui-tooltip-open')
-            .transitionEnd(() => this.transitionEnd());
-    }
-    /**
-     * 打开 Tooltip
-     * @param options 允许每次打开时设置不同的参数
-     */
-    open(options) {
-        if (this.isOpen()) {
-            return;
-        }
-        const 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(() => this.doOpen(), this.options.delay);
-        }
-        else {
-            this.timeoutId = null;
-            this.doOpen();
-        }
-    }
-    /**
-     * 关闭 Tooltip
-     */
-    close() {
-        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(() => this.transitionEnd());
-    }
-    /**
-     * 切换 Tooltip 的打开状态
-     */
-    toggle() {
-        this.isOpen() ? this.close() : this.open();
-    }
-    /**
-     * 获取 Tooltip 状态。共包含四种状态：`opening`、`opened`、`closing`、`closed`
-     */
-    getState() {
-        return this.state;
-    }
-}
-mdui.Tooltip = Tooltip;

package/es/global/mutation.d.ts

@@ -1,23 +0,0 @@
-import 'mdui.jq/es/methods/each';
-import '../jq_extends/methods/mutation';
-import { TYPE_API_INIT } from '../utils/mutation';
-declare module '../interfaces/MduiStatic' {
-    interface MduiStatic {
-        /**
-         * 传入了两个参数时，注册并执行初始化函数
-         *
-         * 没有传入参数时，执行初始化
-         * @param selector CSS 选择器
-         * @param apiInit 初始化函数
-         * @example
-    ```js
-    mdui.mutation();
-    ```
-         * @example
-    ```js
-    mdui.mutation();
-    ```
-         */
-        mutation(selector?: string, apiInit?: TYPE_API_INIT): void;
-    }
-}

package/es/global/mutation.js

@@ -1,14 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/each';
-import mdui from '../mdui';
-import '../jq_extends/methods/mutation';
-import { isUndefined } from 'mdui.jq/es/utils';
-import { entries, mutation } from '../utils/mutation';
-mdui.mutation = function (selector, apiInit) {
-    if (isUndefined(selector) || isUndefined(apiInit)) {
-        $(document).mutation();
-        return;
-    }
-    entries[selector] = apiInit;
-    $(selector).each((i, element) => mutation(selector, apiInit, i, element));
-};

package/es/index.d.ts

@@ -1,36 +0,0 @@
-import mdui from './mdui';
-import './jq';
-import './global/mutation';
-import './components/headroom';
-import './components/headroom/customAttr';
-import './components/collapse';
-import './components/collapse/customAttr';
-import './components/panel';
-import './components/panel/customAttr';
-import './components/table';
-import './components/ripple';
-import './components/textfield';
-import './components/slider';
-import './components/fab';
-import './components/fab/customAttr';
-import './components/select';
-import './components/select/customAttr';
-import './components/appbar';
-import './components/tab';
-import './components/tab/customAttr';
-import './components/drawer';
-import './components/drawer/customAttr';
-import './components/dialog';
-import './components/dialog/customAttr';
-import './components/dialog/dialog';
-import './components/dialog/alert';
-import './components/dialog/confirm';
-import './components/dialog/prompt';
-import './components/tooltip';
-import './components/tooltip/customAttr';
-import './components/snackbar';
-import './components/bottom_nav';
-import './components/progress/spinner';
-import './components/menu';
-import './components/menu/customAttr';
-export default mdui;

package/es/index.js

@@ -1,36 +0,0 @@
-import mdui from './mdui';
-import './jq';
-import './global/mutation';
-import './components/headroom';
-import './components/headroom/customAttr';
-import './components/collapse';
-import './components/collapse/customAttr';
-import './components/panel';
-import './components/panel/customAttr';
-import './components/table';
-import './components/ripple';
-import './components/textfield';
-import './components/slider';
-import './components/fab';
-import './components/fab/customAttr';
-import './components/select';
-import './components/select/customAttr';
-import './components/appbar';
-import './components/tab';
-import './components/tab/customAttr';
-import './components/drawer';
-import './components/drawer/customAttr';
-import './components/dialog';
-import './components/dialog/customAttr';
-import './components/dialog/dialog';
-import './components/dialog/alert';
-import './components/dialog/confirm';
-import './components/dialog/prompt';
-import './components/tooltip';
-import './components/tooltip/customAttr';
-import './components/snackbar';
-import './components/bottom_nav';
-import './components/progress/spinner';
-import './components/menu';
-import './components/menu/customAttr';
-export default mdui;

package/es/interfaces/MduiStatic.d.ts

@@ -1,8 +0,0 @@
-import { JQStatic } from 'mdui.jq/es/interfaces/JQStatic';
-export interface MduiStatic {
-    /**
-     * mdui.jq
-     */
-    $: JQStatic;
-    [method: string]: any;
-}

package/es/jq.d.ts

@@ -1,99 +0,0 @@
-import 'mdui.jq/es/static/ajax';
-import 'mdui.jq/es/static/ajaxSetup';
-import 'mdui.jq/es/static/contains';
-import 'mdui.jq/es/static/data';
-import 'mdui.jq/es/static/each';
-import 'mdui.jq/es/static/extend';
-import 'mdui.jq/es/static/map';
-import 'mdui.jq/es/static/merge';
-import 'mdui.jq/es/static/param';
-import 'mdui.jq/es/static/removeData';
-import 'mdui.jq/es/static/unique';
-import 'mdui.jq/es/methods/add';
-import 'mdui.jq/es/methods/addClass';
-import 'mdui.jq/es/methods/after';
-import 'mdui.jq/es/methods/ajaxComplete';
-import 'mdui.jq/es/methods/ajaxError';
-import 'mdui.jq/es/methods/ajaxStart';
-import 'mdui.jq/es/methods/ajaxSuccess';
-import 'mdui.jq/es/methods/append';
-import 'mdui.jq/es/methods/appendTo';
-import 'mdui.jq/es/methods/attr';
-import 'mdui.jq/es/methods/before';
-import 'mdui.jq/es/methods/children';
-import 'mdui.jq/es/methods/clone';
-import 'mdui.jq/es/methods/closest';
-import 'mdui.jq/es/methods/css';
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/each';
-import 'mdui.jq/es/methods/empty';
-import 'mdui.jq/es/methods/eq';
-import 'mdui.jq/es/methods/extend';
-import 'mdui.jq/es/methods/filter';
-import 'mdui.jq/es/methods/find';
-import 'mdui.jq/es/methods/first';
-import 'mdui.jq/es/methods/get';
-import 'mdui.jq/es/methods/has';
-import 'mdui.jq/es/methods/hasClass';
-import 'mdui.jq/es/methods/height';
-import 'mdui.jq/es/methods/hide';
-import 'mdui.jq/es/methods/html';
-import 'mdui.jq/es/methods/index';
-import 'mdui.jq/es/methods/innerHeight';
-import 'mdui.jq/es/methods/innerWidth';
-import 'mdui.jq/es/methods/insertAfter';
-import 'mdui.jq/es/methods/insertBefore';
-import 'mdui.jq/es/methods/is';
-import 'mdui.jq/es/methods/last';
-import 'mdui.jq/es/methods/map';
-import 'mdui.jq/es/methods/next';
-import 'mdui.jq/es/methods/nextAll';
-import 'mdui.jq/es/methods/nextUntil';
-import 'mdui.jq/es/methods/not';
-import 'mdui.jq/es/methods/off';
-import 'mdui.jq/es/methods/offset';
-import 'mdui.jq/es/methods/offsetParent';
-import 'mdui.jq/es/methods/on';
-import 'mdui.jq/es/methods/one';
-import 'mdui.jq/es/methods/outerWidth';
-import 'mdui.jq/es/methods/outerHeight';
-import 'mdui.jq/es/methods/parent';
-import 'mdui.jq/es/methods/parents';
-import 'mdui.jq/es/methods/parentsUntil';
-import 'mdui.jq/es/methods/position';
-import 'mdui.jq/es/methods/prepend';
-import 'mdui.jq/es/methods/prependTo';
-import 'mdui.jq/es/methods/prev';
-import 'mdui.jq/es/methods/prevAll';
-import 'mdui.jq/es/methods/prevUntil';
-import 'mdui.jq/es/methods/prop';
-import 'mdui.jq/es/methods/remove';
-import 'mdui.jq/es/methods/removeAttr';
-import 'mdui.jq/es/methods/removeClass';
-import 'mdui.jq/es/methods/removeData';
-import 'mdui.jq/es/methods/removeProp';
-import 'mdui.jq/es/methods/replaceAll';
-import 'mdui.jq/es/methods/replaceWith';
-import 'mdui.jq/es/methods/serialize';
-import 'mdui.jq/es/methods/serializeArray';
-import 'mdui.jq/es/methods/show';
-import 'mdui.jq/es/methods/siblings';
-import 'mdui.jq/es/methods/slice';
-import 'mdui.jq/es/methods/text';
-import 'mdui.jq/es/methods/toggle';
-import 'mdui.jq/es/methods/toggleClass';
-import 'mdui.jq/es/methods/trigger';
-import 'mdui.jq/es/methods/val';
-import 'mdui.jq/es/methods/width';
-import './jq_extends/methods/reflow';
-import './jq_extends/methods/transition';
-import './jq_extends/methods/transitionEnd';
-import './jq_extends/methods/transformOrigin';
-import './jq_extends/methods/transform';
-import './jq_extends/methods/mutation';
-import './jq_extends/static/showOverlay';
-import './jq_extends/static/hideOverlay';
-import './jq_extends/static/lockScreen';
-import './jq_extends/static/unlockScreen';
-import './jq_extends/static/throttle';
-import './jq_extends/static/guid';

package/es/jq.js

@@ -1,102 +0,0 @@
-// $ 函数的静态方法
-import 'mdui.jq/es/static/ajax';
-import 'mdui.jq/es/static/ajaxSetup';
-import 'mdui.jq/es/static/contains';
-import 'mdui.jq/es/static/data';
-import 'mdui.jq/es/static/each';
-import 'mdui.jq/es/static/extend';
-import 'mdui.jq/es/static/map';
-import 'mdui.jq/es/static/merge';
-import 'mdui.jq/es/static/param';
-import 'mdui.jq/es/static/removeData';
-import 'mdui.jq/es/static/unique';
-// $ 对象的实例方法
-import 'mdui.jq/es/methods/add';
-import 'mdui.jq/es/methods/addClass';
-import 'mdui.jq/es/methods/after';
-import 'mdui.jq/es/methods/ajaxComplete';
-import 'mdui.jq/es/methods/ajaxError';
-import 'mdui.jq/es/methods/ajaxStart';
-import 'mdui.jq/es/methods/ajaxSuccess';
-import 'mdui.jq/es/methods/append';
-import 'mdui.jq/es/methods/appendTo';
-import 'mdui.jq/es/methods/attr';
-import 'mdui.jq/es/methods/before';
-import 'mdui.jq/es/methods/children';
-import 'mdui.jq/es/methods/clone';
-import 'mdui.jq/es/methods/closest';
-import 'mdui.jq/es/methods/css';
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/each';
-import 'mdui.jq/es/methods/empty';
-import 'mdui.jq/es/methods/eq';
-import 'mdui.jq/es/methods/extend';
-import 'mdui.jq/es/methods/filter';
-import 'mdui.jq/es/methods/find';
-import 'mdui.jq/es/methods/first';
-import 'mdui.jq/es/methods/get';
-import 'mdui.jq/es/methods/has';
-import 'mdui.jq/es/methods/hasClass';
-import 'mdui.jq/es/methods/height';
-import 'mdui.jq/es/methods/hide';
-import 'mdui.jq/es/methods/html';
-import 'mdui.jq/es/methods/index';
-import 'mdui.jq/es/methods/innerHeight';
-import 'mdui.jq/es/methods/innerWidth';
-import 'mdui.jq/es/methods/insertAfter';
-import 'mdui.jq/es/methods/insertBefore';
-import 'mdui.jq/es/methods/is';
-import 'mdui.jq/es/methods/last';
-import 'mdui.jq/es/methods/map';
-import 'mdui.jq/es/methods/next';
-import 'mdui.jq/es/methods/nextAll';
-import 'mdui.jq/es/methods/nextUntil';
-import 'mdui.jq/es/methods/not';
-import 'mdui.jq/es/methods/off';
-import 'mdui.jq/es/methods/offset';
-import 'mdui.jq/es/methods/offsetParent';
-import 'mdui.jq/es/methods/on';
-import 'mdui.jq/es/methods/one';
-import 'mdui.jq/es/methods/outerWidth';
-import 'mdui.jq/es/methods/outerHeight';
-import 'mdui.jq/es/methods/parent';
-import 'mdui.jq/es/methods/parents';
-import 'mdui.jq/es/methods/parentsUntil';
-import 'mdui.jq/es/methods/position';
-import 'mdui.jq/es/methods/prepend';
-import 'mdui.jq/es/methods/prependTo';
-import 'mdui.jq/es/methods/prev';
-import 'mdui.jq/es/methods/prevAll';
-import 'mdui.jq/es/methods/prevUntil';
-import 'mdui.jq/es/methods/prop';
-import 'mdui.jq/es/methods/remove';
-import 'mdui.jq/es/methods/removeAttr';
-import 'mdui.jq/es/methods/removeClass';
-import 'mdui.jq/es/methods/removeData';
-import 'mdui.jq/es/methods/removeProp';
-import 'mdui.jq/es/methods/replaceAll';
-import 'mdui.jq/es/methods/replaceWith';
-import 'mdui.jq/es/methods/serialize';
-import 'mdui.jq/es/methods/serializeArray';
-import 'mdui.jq/es/methods/show';
-import 'mdui.jq/es/methods/siblings';
-import 'mdui.jq/es/methods/slice';
-import 'mdui.jq/es/methods/text';
-import 'mdui.jq/es/methods/toggle';
-import 'mdui.jq/es/methods/toggleClass';
-import 'mdui.jq/es/methods/trigger';
-import 'mdui.jq/es/methods/val';
-import 'mdui.jq/es/methods/width';
-// mdui 中的扩展方法
-import './jq_extends/methods/reflow';
-import './jq_extends/methods/transition';
-import './jq_extends/methods/transitionEnd';
-import './jq_extends/methods/transformOrigin';
-import './jq_extends/methods/transform';
-import './jq_extends/methods/mutation';
-import './jq_extends/static/showOverlay';
-import './jq_extends/static/hideOverlay';
-import './jq_extends/static/lockScreen';
-import './jq_extends/static/unlockScreen';
-import './jq_extends/static/throttle';
-import './jq_extends/static/guid';

package/es/jq_extends/methods/mutation.d.ts

@@ -1,11 +0,0 @@
-import 'mdui.jq/es/methods/each';
-import 'mdui.jq/es/methods/find';
-import 'mdui.jq/es/methods/is';
-declare module 'mdui.jq/es/JQ' {
-    interface JQ<T = HTMLElement> {
-        /**
-         * 执行在当前元素及其子元素内注册的初始化函数
-         */
-        mutation(): this;
-    }
-}

package/es/jq_extends/methods/mutation.js

@@ -1,19 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import each from 'mdui.jq/es/functions/each';
-import 'mdui.jq/es/methods/each';
-import 'mdui.jq/es/methods/find';
-import 'mdui.jq/es/methods/is';
-import { entries, mutation } from '../../utils/mutation';
-$.fn.mutation = function () {
-    return this.each((i, element) => {
-        const $this = $(element);
-        each(entries, (selector, apiInit) => {
-            if ($this.is(selector)) {
-                mutation(selector, apiInit, i, element);
-            }
-            $this.find(selector).each((i, element) => {
-                mutation(selector, apiInit, i, element);
-            });
-        });
-    });
-};

package/es/jq_extends/methods/reflow.d.ts

@@ -1,14 +0,0 @@
-import 'mdui.jq/es/methods/each';
-declare module 'mdui.jq/es/JQ' {
-    interface JQ<T = HTMLElement> {
-        /**
-         * 强制重绘当前元素
-         *
-         * @example
-    ```js
-    $('.box').reflow();
-    ```
-         */
-        reflow(): this;
-    }
-}

package/es/jq_extends/methods/reflow.js

@@ -1,7 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/each';
-$.fn.reflow = function () {
-    return this.each(function () {
-        return this.clientLeft;
-    });
-};

package/es/jq_extends/methods/transform.d.ts

@@ -1,14 +0,0 @@
-import 'mdui.jq/es/methods/each';
-declare module 'mdui.jq/es/JQ' {
-    interface JQ<T = HTMLElement> {
-        /**
-         * 设置当前元素的 transform 属性
-         * @param transform
-         * @example
-    ```js
-    $('.box').transform('rotate(90deg)');
-    ```
-         */
-        transform(transform: string): this;
-    }
-}

package/es/jq_extends/methods/transform.js

@@ -1,8 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/each';
-$.fn.transform = function (transform) {
-    return this.each(function () {
-        this.style.webkitTransform = transform;
-        this.style.transform = transform;
-    });
-};

package/es/jq_extends/methods/transformOrigin.d.ts

@@ -1,14 +0,0 @@
-import 'mdui.jq/es/methods/each';
-declare module 'mdui.jq/es/JQ' {
-    interface JQ<T = HTMLElement> {
-        /**
-         * 设置当前元素的 transform-origin 属性
-         * @param transformOrigin
-         * @example
-    ```js
-    $('.box').transformOrigin('top center');
-    ```
-         */
-        transformOrigin(transformOrigin: string): this;
-    }
-}