mdui 1.0.2 → 2.0.0

package/es/jq_extends/methods/transformOrigin.js

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

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

@@ -1,15 +0,0 @@
-import 'mdui.jq/es/methods/each';
-declare module 'mdui.jq/es/JQ' {
-    interface JQ<T = HTMLElement> {
-        /**
-         * 设置当前元素的 transition-duration 属性
-         * @param duration 可以是带单位的值；若不带单位，则自动添加 `ms` 作为单位
-         * @example
-    ```js
-    $('.box').transition('300ms');
-    $('.box').transition(300);
-    ```
-         */
-        transition(duration: string | number): this;
-    }
-}

package/es/jq_extends/methods/transition.js

@@ -1,12 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { isNumber } from 'mdui.jq/es/utils';
-import 'mdui.jq/es/methods/each';
-$.fn.transition = function (duration) {
-    if (isNumber(duration)) {
-        duration = `${duration}ms`;
-    }
-    return this.each(function () {
-        this.style.webkitTransitionDuration = duration;
-        this.style.transitionDuration = duration;
-    });
-};

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

@@ -1,17 +0,0 @@
-import 'mdui.jq/es/methods/on';
-import 'mdui.jq/es/methods/off';
-declare module 'mdui.jq/es/JQ' {
-    interface JQ<T = HTMLElement> {
-        /**
-         * 在当前元素上添加 transitionend 事件回调
-         * @param callback 回调函数的参数为 `transitionend` 事件对象；`this` 指向当前元素
-         * @example
-    ```js
-    $('.box').transitionEnd(function() {
-      alert('.box 元素的 transitionend 事件已触发');
-    });
-    ```
-         */
-        transitionEnd(callback: (this: T, e: Event) => void): this;
-    }
-}

package/es/jq_extends/methods/transitionEnd.js

@@ -1,23 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import each from 'mdui.jq/es/functions/each';
-import 'mdui.jq/es/methods/on';
-import 'mdui.jq/es/methods/off';
-$.fn.transitionEnd = function (callback) {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    const that = this;
-    const events = ['webkitTransitionEnd', 'transitionend'];
-    function fireCallback(e) {
-        if (e.target !== this) {
-            return;
-        }
-        // @ts-ignore
-        callback.call(this, e);
-        each(events, (_, event) => {
-            that.off(event, fireCallback);
-        });
-    }
-    each(events, (_, event) => {
-        that.on(event, fireCallback);
-    });
-    return this;
-};

package/es/jq_extends/static/guid.d.ts

@@ -1,18 +0,0 @@
-declare module 'mdui.jq/es/interfaces/JQStatic' {
-    interface JQStatic {
-        /**
-         * 生成一个全局唯一的 ID
-         * @param name 当该参数值对应的 guid 不存在时，会生成一个新的 guid，并返回；当该参数对应的 guid 已存在，则直接返回已有 guid
-         * @example
-    ```js
-    $.guid();
-    ```
-         * @example
-    ```js
-    $.guid('test');
-    ```
-         */
-        guid(name?: string): string;
-    }
-}
-export {};

package/es/jq_extends/static/guid.js

@@ -1,30 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { isUndefined } from 'mdui.jq/es/utils';
-const 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);
-    }
-    const guid = '_' +
-        s4() +
-        s4() +
-        '-' +
-        s4() +
-        '-' +
-        s4() +
-        '-' +
-        s4() +
-        '-' +
-        s4() +
-        s4() +
-        s4();
-    if (!isUndefined(name)) {
-        GUID[name] = guid;
-    }
-    return guid;
-};

package/es/jq_extends/static/hideOverlay.d.ts

@@ -1,23 +0,0 @@
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/removeClass';
-import 'mdui.jq/es/methods/remove';
-import '../methods/transitionEnd';
-declare module 'mdui.jq/es/interfaces/JQStatic' {
-    interface JQStatic {
-        /**
-         * 隐藏遮罩层
-         *
-         * 如果调用了多次 $.showOverlay() 来显示遮罩层，则也需要调用相同次数的 $.hideOverlay() 才能隐藏遮罩层。可以通过传入参数 true 来强制隐藏遮罩层。
-         * @param force 是否强制隐藏遮罩
-         * @example
-    ```js
-    $.hideOverlay();
-    ```
-         * @example
-    ```js
-    $.hideOverlay(true);
-    ```
-         */
-        hideOverlay(force?: boolean): void;
-    }
-}

package/es/jq_extends/static/hideOverlay.js

@@ -1,25 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/removeClass';
-import 'mdui.jq/es/methods/remove';
-import '../methods/transitionEnd';
-$.hideOverlay = function (force = false) {
-    const $overlay = $('.mdui-overlay');
-    if (!$overlay.length) {
-        return;
-    }
-    let 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(() => {
-        if ($overlay.data('_overlay_is_deleted')) {
-            $overlay.remove();
-        }
-    });
-};

package/es/jq_extends/static/lockScreen.d.ts

@@ -1,15 +0,0 @@
-import 'mdui.jq/es/methods/addClass';
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/width';
-declare module 'mdui.jq/es/interfaces/JQStatic' {
-    interface JQStatic {
-        /**
-         * 锁定屏页面，禁止页面滚动
-         * @example
-    ```js
-    $.lockScreen();
-    ```
-         */
-        lockScreen(): void;
-    }
-}

package/es/jq_extends/static/lockScreen.js

@@ -1,14 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/addClass';
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/width';
-$.lockScreen = function () {
-    const $body = $('body');
-    // 不直接把 body 设为 box-sizing: border-box，避免污染全局样式
-    const newBodyWidth = $body.width();
-    let level = $body.data('_lockscreen_level') || 0;
-    $body
-        .addClass('mdui-locked')
-        .width(newBodyWidth)
-        .data('_lockscreen_level', ++level);
-};

package/es/jq_extends/static/showOverlay.d.ts

@@ -1,23 +0,0 @@
-import { JQ } from 'mdui.jq/es/JQ';
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/css';
-import 'mdui.jq/es/methods/appendTo';
-import 'mdui.jq/es/methods/addClass';
-import '../methods/reflow';
-declare module 'mdui.jq/es/interfaces/JQStatic' {
-    interface JQStatic {
-        /**
-         * 创建并显示遮罩，返回遮罩层的 JQ 对象
-         * @param zIndex 遮罩层的 `z-index` 值，默认为 `2000`
-         * @example
-    ```js
-    $.showOverlay();
-    ```
-         * @example
-    ```js
-    $.showOverlay(3000);
-    ```
-         */
-        showOverlay(zIndex?: number): JQ;
-    }
-}

package/es/jq_extends/static/showOverlay.js

@@ -1,27 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { isUndefined } from 'mdui.jq/es/utils';
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/css';
-import 'mdui.jq/es/methods/appendTo';
-import 'mdui.jq/es/methods/addClass';
-import '../methods/reflow';
-$.showOverlay = function (zIndex) {
-    let $overlay = $('.mdui-overlay');
-    if ($overlay.length) {
-        $overlay.data('_overlay_is_deleted', false);
-        if (!isUndefined(zIndex)) {
-            $overlay.css('z-index', zIndex);
-        }
-    }
-    else {
-        if (isUndefined(zIndex)) {
-            zIndex = 2000;
-        }
-        $overlay = $('<div class="mdui-overlay">')
-            .appendTo(document.body)
-            .reflow()
-            .css('z-index', zIndex);
-    }
-    let level = $overlay.data('_overlay_level') || 0;
-    return $overlay.data('_overlay_level', ++level).addClass('mdui-overlay-show');
-};

package/es/jq_extends/static/throttle.d.ts

@@ -1,17 +0,0 @@
-declare module 'mdui.jq/es/interfaces/JQStatic' {
-    interface JQStatic {
-        /**
-         * 函数节流
-         * @param fn 执行的函数
-         * @param delay 最多多少毫秒执行一次
-         * @example
-    ```js
-    $.throttle(function () {
-      console.log('这个函数最多 100ms 执行一次');
-    }, 100)
-    ```
-         */
-        throttle(fn: () => void, delay: number): () => void;
-    }
-}
-export {};

package/es/jq_extends/static/throttle.js

@@ -1,13 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { isNull } from 'mdui.jq/es/utils';
-$.throttle = function (fn, delay = 16) {
-    let timer = null;
-    return function (...args) {
-        if (isNull(timer)) {
-            timer = setTimeout(() => {
-                fn.apply(this, args);
-                timer = null;
-            }, delay);
-        }
-    };
-};

package/es/jq_extends/static/unlockScreen.d.ts

@@ -1,22 +0,0 @@
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/removeClass';
-import 'mdui.jq/es/methods/width';
-declare module 'mdui.jq/es/interfaces/JQStatic' {
-    interface JQStatic {
-        /**
-         * 解除页面锁定
-         *
-         * 如果调用了多次 $.lockScreen() 来显示遮罩层，则也需要调用相同次数的 $.unlockScreen() 才能隐藏遮罩层。可以通过传入参数 true 来强制隐藏遮罩层。
-         * @param force 是否强制解除锁定
-         * @example
-    ```js
-    $.unlockScreen();
-    ```
-         * @example
-    ```js
-    $.unlockScreen(true);
-    ```
-         */
-        unlockScreen(force?: boolean): void;
-    }
-}

package/es/jq_extends/static/unlockScreen.js

@@ -1,13 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/data';
-import 'mdui.jq/es/methods/removeClass';
-import 'mdui.jq/es/methods/width';
-$.unlockScreen = function (force = false) {
-    const $body = $('body');
-    let 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('');
-};

package/es/mdui.d.ts

@@ -1,3 +0,0 @@
-import { MduiStatic } from './interfaces/MduiStatic';
-declare const mdui: MduiStatic;
-export default mdui;

package/es/mdui.js

@@ -1,8 +0,0 @@
-import $ from 'mdui.jq/es/$';
-// 避免页面加载完后直接执行css动画
-// https://css-tricks.com/transitions-only-after-page-load/
-setTimeout(() => $('body').addClass('mdui-loaded'));
-const mdui = {
-    $: $,
-};
-export default mdui;

package/es/utils/componentEvent.d.ts

@@ -1,13 +0,0 @@
-import { JQ } from 'mdui.jq/es/JQ';
-import PlainObject from 'mdui.jq/es/interfaces/PlainObject';
-import 'mdui.jq/es/methods/trigger';
-/**
- * 触发组件上的事件
- * @param eventName 事件名
- * @param componentName 组件名
- * @param target 在该元素上触发事件
- * @param instance 组件实例
- * @param parameters 事件参数
- */
-declare function componentEvent(eventName: string, componentName: string, target: HTMLElement | HTMLElement[] | JQ, instance?: any, parameters?: PlainObject): void;
-export { componentEvent };

package/es/utils/componentEvent.js

@@ -1,37 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/trigger';
-/**
- * 触发组件上的事件
- * @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;
-    const fullEventName = `${eventName}.mdui.${componentName}`;
-    // jQuery 事件
-    // @ts-ignore
-    if (typeof jQuery !== 'undefined') {
-        // @ts-ignore
-        jQuery(target).trigger(fullEventName, parameters);
-    }
-    const $target = $(target);
-    // mdui.jq 事件
-    $target.trigger(fullEventName, parameters);
-    const eventParams = {
-        bubbles: true,
-        cancelable: true,
-        detail: parameters,
-    };
-    const eventObject = new CustomEvent(fullEventName, eventParams);
-    // @ts-ignore
-    eventObject._detail = parameters;
-    $target[0].dispatchEvent(eventObject);
-}
-export { componentEvent };

package/es/utils/dom.d.ts

@@ -1,4 +0,0 @@
-declare const $document: import("mdui.jq/es/JQ").JQ<Document>;
-declare const $window: import("mdui.jq/es/JQ").JQ<Window & typeof globalThis>;
-declare const $body: import("mdui.jq/es/JQ").JQ<HTMLElement>;
-export { $document, $window, $body };

package/es/utils/dom.js

@@ -1,5 +0,0 @@
-import $ from 'mdui.jq/es/$';
-const $document = $(document);
-const $window = $(window);
-const $body = $('body');
-export { $document, $window, $body };

package/es/utils/mutation.d.ts

@@ -1,15 +0,0 @@
-import PlainObject from 'mdui.jq/es/interfaces/PlainObject';
-declare type TYPE_API_INIT = (this: HTMLElement, i: number, element: HTMLElement) => void;
-/**
- * CSS 选择器和初始化函数组成的对象
- */
-declare const entries: PlainObject<TYPE_API_INIT>;
-/**
- * 注册并执行初始化函数
- * @param selector CSS 选择器
- * @param apiInit 初始化函数
- * @param i 元素索引
- * @param element 元素
- */
-declare function mutation(selector: string, apiInit: TYPE_API_INIT, i: number, element: HTMLElement): void;
-export { TYPE_API_INIT, entries, mutation };

package/es/utils/mutation.js

@@ -1,24 +0,0 @@
-import data from 'mdui.jq/es/functions/data';
-/**
- * CSS 选择器和初始化函数组成的对象
- */
-const entries = {};
-/**
- * 注册并执行初始化函数
- * @param selector CSS 选择器
- * @param apiInit 初始化函数
- * @param i 元素索引
- * @param element 元素
- */
-function mutation(selector, apiInit, i, element) {
-    let selectors = data(element, '_mdui_mutation');
-    if (!selectors) {
-        selectors = [];
-        data(element, '_mdui_mutation', selectors);
-    }
-    if (selectors.indexOf(selector) === -1) {
-        selectors.push(selector);
-        apiInit.call(element, i, element);
-    }
-}
-export { entries, mutation };

package/es/utils/parseOptions.d.ts

@@ -1,9 +0,0 @@
-import 'mdui.jq/es/methods/attr';
-import PlainObject from 'mdui.jq/es/interfaces/PlainObject';
-/**
- * 解析 DATA API 参数
- * @param element 元素
- * @param name 属性名
- */
-declare function parseOptions(element: HTMLElement, name: string): PlainObject;
-export { parseOptions };

package/es/utils/parseOptions.js

@@ -1,15 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/attr';
-/**
- * 解析 DATA API 参数
- * @param element 元素
- * @param name 属性名
- */
-function parseOptions(element, name) {
-    const attr = $(element).attr(name);
-    if (!attr) {
-        return {};
-    }
-    return new Function('', `var json = ${attr}; return JSON.parse(JSON.stringify(json));`)();
-}
-export { parseOptions };

package/es/utils/queue.d.ts

@@ -1,18 +0,0 @@
-declare type Func = () => any;
-/**
- * 根据队列名，获取队列中所有函数
- * @param name 队列名
- */
-declare function queue(name: string): Func[];
-/**
- * 写入队列
- * @param name 队列名
- * @param func 函数
- */
-declare function queue(name: string, func: Func): void;
-/**
- * 从队列中移除第一个函数，并执行该函数
- * @param name 队列满
- */
-declare function dequeue(name: string): void;
-export { queue, dequeue };

package/es/utils/queue.js

@@ -1,26 +0,0 @@
-import { isUndefined } from 'mdui.jq/es/utils';
-const 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;
-    }
-    const func = container[name].shift();
-    func();
-}
-export { queue, dequeue };

package/es/utils/touchHandler.d.ts

@@ -1,50 +0,0 @@
-/**
- * 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);
- * })();
- */
-declare const startEvent = "touchstart mousedown";
-declare const moveEvent = "touchmove mousemove";
-declare const endEvent = "touchend mouseup";
-declare const cancelEvent = "touchcancel mouseleave";
-declare const unlockEvent = "touchend touchmove touchcancel";
-/**
- * 该事件是否被允许，在执行事件前调用该方法判断事件是否可以执行
- * 若已触发 touch 事件，则阻止之后的鼠标事件
- * @param event
- */
-declare function isAllow(event: Event): boolean;
-/**
- * 在 touchstart 和 touchmove、touchend、touchcancel 事件中调用该方法注册事件
- * @param event
- */
-declare function register(event: Event): void;
-export { startEvent, moveEvent, endEvent, cancelEvent, unlockEvent, isAllow, register, };

package/es/utils/touchHandler.js

@@ -1,76 +0,0 @@
-/**
- * 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);
- * })();
- */
-const startEvent = 'touchstart mousedown';
-const moveEvent = 'touchmove mousemove';
-const endEvent = 'touchend mouseup';
-const cancelEvent = 'touchcancel mouseleave';
-const unlockEvent = 'touchend touchmove touchcancel';
-let 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);
-    }
-}
-export { startEvent, moveEvent, endEvent, cancelEvent, unlockEvent, isAllow, register, };