mdui 1.0.2 → 2.0.0

package/src/jq.ts

@@ -1,104 +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/src/jq_extends/methods/mutation.ts

@@ -1,32 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { JQ } from 'mdui.jq/es/JQ';
-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';
-
-declare module 'mdui.jq/es/JQ' {
-  interface JQ<T = HTMLElement> {
-    /**
-     * 执行在当前元素及其子元素内注册的初始化函数
-     */
-    mutation(): this;
-  }
-}
-
-$.fn.mutation = function (this: JQ): JQ {
-  return this.each((i, element) => {
-    const $this = $(element);
-
-    each(entries, (selector: string, apiInit) => {
-      if ($this.is(selector)) {
-        mutation(selector, apiInit, i, element);
-      }
-
-      $this.find(selector).each((i, element) => {
-        mutation(selector, apiInit, i, element);
-      });
-    });
-  });
-};

package/src/jq_extends/methods/reflow.ts

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

package/src/jq_extends/methods/transform.ts

@@ -1,24 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { JQ } from 'mdui.jq/es/JQ';
-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;
-  }
-}
-
-$.fn.transform = function (this: JQ, transform: string): JQ {
-  return this.each(function () {
-    this.style.webkitTransform = transform;
-    this.style.transform = transform;
-  });
-};

package/src/jq_extends/methods/transformOrigin.ts

@@ -1,24 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { JQ } from 'mdui.jq/es/JQ';
-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;
-  }
-}
-
-$.fn.transformOrigin = function (this: JQ, transformOrigin: string): JQ {
-  return this.each(function () {
-    this.style.webkitTransformOrigin = transformOrigin;
-    this.style.transformOrigin = transformOrigin;
-  });
-};

package/src/jq_extends/methods/transition.ts

@@ -1,30 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { JQ } from 'mdui.jq/es/JQ';
-import { isNumber } from 'mdui.jq/es/utils';
-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;
-  }
-}
-
-$.fn.transition = function (this: JQ, duration: string | number): JQ {
-  if (isNumber(duration)) {
-    duration = `${duration}ms`;
-  }
-
-  return this.each(function () {
-    this.style.webkitTransitionDuration = duration as string;
-    this.style.transitionDuration = duration as string;
-  });
-};

package/src/jq_extends/methods/transitionEnd.ts

@@ -1,49 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { JQ } from 'mdui.jq/es/JQ';
-import each from 'mdui.jq/es/functions/each';
-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;
-  }
-}
-
-$.fn.transitionEnd = function (
-  this: JQ,
-  callback: (this: HTMLElement, e: Event) => void,
-): JQ {
-  // eslint-disable-next-line @typescript-eslint/no-this-alias
-  const that = this;
-  const events = ['webkitTransitionEnd', 'transitionend'];
-
-  function fireCallback(this: Element | Document | Window, e: Event): void {
-    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/src/jq_extends/static/guid.ts

@@ -1,56 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { isUndefined } from 'mdui.jq/es/utils';
-import PlainObject from 'mdui.jq/es/interfaces/PlainObject';
-
-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;
-  }
-}
-
-const GUID: PlainObject<string> = {};
-
-$.guid = function (name?: string): string {
-  if (!isUndefined(name) && !isUndefined(GUID[name])) {
-    return GUID[name];
-  }
-
-  function s4(): string {
-    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/src/jq_extends/static/hideOverlay.ts

@@ -1,50 +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';
-
-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;
-  }
-}
-
-$.hideOverlay = function (force = false): void {
-  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/src/jq_extends/static/lockScreen.ts

@@ -1,30 +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';
-
-declare module 'mdui.jq/es/interfaces/JQStatic' {
-  interface JQStatic {
-    /**
-     * 锁定屏页面，禁止页面滚动
-     * @example
-```js
-$.lockScreen();
-```
-     */
-    lockScreen(): void;
-  }
-}
-
-$.lockScreen = function (): void {
-  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/src/jq_extends/static/showOverlay.ts

@@ -1,51 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { JQ } from 'mdui.jq/es/JQ';
-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';
-
-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;
-  }
-}
-
-$.showOverlay = function (zIndex?: number): JQ {
-  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/src/jq_extends/static/throttle.ts

@@ -1,32 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import { isNull } from 'mdui.jq/es/utils';
-
-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;
-  }
-}
-
-$.throttle = function (fn: () => void, delay = 16): () => void {
-  let timer: any = null;
-
-  return function (this: any, ...args: any): void {
-    if (isNull(timer)) {
-      timer = setTimeout(() => {
-        fn.apply(this, args);
-        timer = null;
-      }, delay);
-    }
-  };
-};

package/src/jq_extends/static/unlockScreen.ts

@@ -1,36 +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';
-
-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;
-  }
-}
-
-$.unlockScreen = function (force = false): void {
-  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/src/mdui.ts

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