ele-admin-plus 1.2.2-beta.4 → 1.3.0-beta.2

package/lib/ele-timeline/index.d.ts

@@ -0,0 +1,26 @@
+import { TimelineItem, TimelineRow } from './types';
+
+declare const _default: import('vue').DefineComponent<{
+    data: import('vue').PropType<TimelineItem[]>;
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    listRef: import('vue').Ref<HTMLElement | null>;
+    lineRows: import('vue').ComputedRef<TimelineRow[]>;
+    handleItemClick: (item?: TimelineItem) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (_item: TimelineItem) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: import('vue').PropType<TimelineItem[]>;
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onItemClick?: ((_item: TimelineItem) => any) | undefined;
+}, {
+    itemWidth: number;
+}, {}>;
+export default _default;

package/lib/ele-timeline/props.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const timelineProps = {
+  /** 数据 */
+  data: Array,
+  /** 每项最小宽度 */
+  itemWidth: {
+    type: Number,
+    default: 168
+  }
+};
+const timelineEmits = {
+  itemClick: (_item) => true
+};
+exports.timelineEmits = timelineEmits;
+exports.timelineProps = timelineProps;

package/lib/ele-timeline/props.d.ts

@@ -0,0 +1,22 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { TimelineItem } from './types';
+
+/**
+ * 属性
+ */
+export declare const timelineProps: {
+    /** 数据 */
+    data: PropType<TimelineItem[]>;
+    /** 每项最小宽度 */
+    itemWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export type TimelineProps = ExtractPropTypes<typeof timelineProps>;
+/**
+ * 事件
+ */
+export declare const timelineEmits: {
+    itemClick: (_item: TimelineItem) => boolean;
+};

package/lib/ele-timeline/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 时间线主题变量 */
+@mixin set-timeline-var($var) {
+  .ele-timeline {
+    @include set-ele-var('timeline', $var);
+  }
+}

package/lib/ele-timeline/style/index.cjs

@@ -0,0 +1,3 @@
+"use strict";
+require("element-plus/es/components/icon/style/index");
+require("./index.scss");

package/lib/ele-timeline/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-timeline/style/index.scss

@@ -0,0 +1,116 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-timeline-var($ele);
+
+.ele-time-line-list {
+  box-sizing: border-box;
+}
+
+.ele-time-line-row {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+
+  &.is-even-row {
+    flex-direction: row-reverse;
+  }
+}
+
+.ele-time-line-item {
+  flex: 1;
+  text-align: center;
+  box-sizing: border-box;
+  position: relative;
+}
+
+/* 内容 */
+.ele-time-line-item-body {
+  padding: eleVar('timeline', 'body-padding');
+  box-sizing: border-box;
+}
+
+/* 标题 */
+.ele-time-line-item-title {
+  font-size: eleVar('timeline', 'title-font-size');
+  margin-bottom: eleVar('timeline', 'title-margin');
+}
+
+/* 描述 */
+.ele-time-line-item-description {
+  font-size: eleVar('timeline', 'description-font-size');
+}
+
+/* 图标 */
+.ele-time-line-item-icon {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.ele-time-line-item-icon-status {
+  flex-shrink: 0;
+  margin: eleVar('timeline', 'icon-margin');
+  font-size: eleVar('timeline', 'icon-font-size');
+  color: eleVar('timeline', 'icon-color');
+}
+
+.ele-time-line-item.is-primary,
+.ele-time-line-item.is-primary .ele-time-line-item-icon-status {
+  color: elVar('color-primary');
+}
+
+/* 线条 */
+.ele-time-line-item-line {
+  flex: 1;
+  border-style: solid;
+  border-top-width: eleVar('timeline', 'line-size');
+  border-top-color: eleVar('timeline', 'line-color');
+  box-sizing: border-box;
+  pointer-events: none;
+
+  &.is-primary-line {
+    border-color: elVar('color-primary');
+  }
+}
+
+.ele-time-line-row.is-even-row .ele-time-line-item-icon {
+  flex-direction: row-reverse;
+}
+
+.ele-time-line-row > .ele-time-line-item {
+  &.is-first .ele-time-line-item-line.is-start,
+  &.is-last .ele-time-line-item-line.is-end {
+    visibility: hidden;
+  }
+}
+
+/* 转折线条 */
+.ele-time-line-item-line-turn {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border-style: solid;
+  border-left-width: eleVar('timeline', 'line-size');
+  border-left-color: eleVar('timeline', 'line-color');
+  transform: translateY(#{eleVar('timeline', 'turn-line-offset')});
+  box-sizing: border-box;
+  pointer-events: none;
+
+  &.is-primary-line {
+    border-color: elVar('color-primary');
+  }
+}
+
+.ele-time-line-row {
+  & > .ele-time-line-item:not(:last-child) .ele-time-line-item-line-turn {
+    display: none;
+  }
+
+  &.is-even-row .ele-time-line-item-line-turn {
+    left: 0;
+    right: auto;
+  }
+}

package/lib/ele-timeline/types.d.ts

@@ -0,0 +1,62 @@
+import type { CSSProperties } from 'vue';
+import type { ElIconProps } from '../ele-app/el';
+import type { UserComponent } from '../ele-app/types';
+
+/**
+ * 时间线项类型
+ */
+export type TimelineItemType = 'default' | 'primary';
+
+/**
+ * 时间线项数据
+ */
+export interface TimelineItem extends Record<string, any> {
+  /** 循环的 key */
+  key?: string | number | symbol;
+  /** 类型 */
+  type?: TimelineItemType;
+  /** 标题 */
+  title?: string;
+  /** 描述 */
+  description?: string;
+  /** 图标 */
+  icon?: UserComponent;
+  /** 自定义图标属性 */
+  iconProps?: ElIconProps;
+  /** 自定义图标样式 */
+  iconStyle?: CSSProperties;
+  /** 样式 */
+  style?: CSSProperties;
+  /** 类名 */
+  class?: string;
+}
+
+/**
+ * 时间线单元格数据
+ */
+export interface TimelineCell {
+  /** 循环的 key */
+  key: string | number | symbol;
+  /** 时间线项数据 */
+  data?: TimelineItem;
+  /** 时间线项数据索引 */
+  dataIndex?: number;
+  /** 下一个时间线项数据的类型 */
+  nextDataType?: TimelineItemType;
+  /** 是否是第一个时间线项数据 */
+  isFirst?: boolean;
+  /** 是否是最后一个时间线项数据 */
+  isLast?: boolean;
+}
+
+/**
+ * 时间线行数据
+ */
+export interface TimelineRow {
+  /** 循环的 key */
+  key: string | number | symbol;
+  /** 时间线单元格数据 */
+  items: TimelineCell[];
+  /** 是否是偶数行 */
+  isEvenRow?: boolean;
+}

package/lib/ele-virtual-table/components/body-cell.d.ts

@@ -65,7 +65,7 @@ declare const _default: import('vue').DefineComponent<{
     colType: import('vue').ComputedRef<string>;
     cellClass: import('vue').ComputedRef<string>;
     cellStyle: import('vue').ComputedRef<StyleValues | undefined>;
-    cellText: import('vue').ComputedRef<string | undefined>;
+    cellText: import('vue').ComputedRef<string | number | undefined>;
     isExpandCol: import('vue').ComputedRef<boolean>;
     renderOpt: import('vue').ComputedRef<CustomRenderProps>;
     handleTextClick: (e: MouseEvent) => void;

package/lib/ele-virtual-table/components/header-row.cjs

@@ -47,7 +47,7 @@ const _sfc_main = vue.defineComponent({
   },
   setup(props, { emit }) {
     const getKey = (column, columnIndex) => {
-      return props.headerIndex + "-" + (column.key ?? columnIndex);
+      return props.headerIndex + "-" + String(column.key ?? columnIndex);
     };
     const getFiltered = (column) => {
       return util.getColFiltered(column.originalCol, props.filtered);

package/lib/ele-virtual-table/index.cjs

@@ -386,6 +386,13 @@ const _sfc_main = vue.defineComponent({
           el.scrollLeft = scrollLeft;
         }
       }
+      emit("scroll", option);
+    };
+    const handleEndEeached = (params) => {
+      emit("endEeached", params);
+    };
+    const handleRowsRendered = (params) => {
+      emit("rowsRendered", params);
     };
     const updateTableData = () => {
       tableData.value = util$1.transformTableData(
@@ -942,6 +949,8 @@ const _sfc_main = vue.defineComponent({
       handleExpandCellMouseenter,
       handleTableMouseleave,
       handleTableScroll,
+      handleEndEeached,
+      handleRowsRendered,
       updateWrapSize,
       updateTableData,
       updateSelectedAndChecked,
@@ -1010,7 +1019,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.tableProps.width ? (vue.openBlock(), vue.createBlock(_component_ElTableV2, vue.mergeProps({ key: 0 }, _ctx.tableProps, {
       key: _ctx.tableKey,
       ref: "tableRef",
-      onScroll: _ctx.handleTableScroll
+      onScroll: _ctx.handleTableScroll,
+      onEndEeached: _ctx.handleEndEeached,
+      onRowsRendered: _ctx.handleRowsRendered
     }), vue.createSlots({
       header: vue.withCtx((headerProps) => [
         headerProps && _ctx.headerRows[headerProps.headerIndex] ? (vue.openBlock(), vue.createBlock(_component_HeaderRow, {
@@ -1142,7 +1153,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["onScroll"])) : vue.createCommentVNode("", true),
+    ]), 1040, ["onScroll", "onEndEeached", "onRowsRendered"])) : vue.createCommentVNode("", true),
     vue.createVNode(_component_EleTooltip, vue.normalizeProps(vue.guardReactiveProps(_ctx.tableTooltipProps)), null, 16)
   ], 34);
 }

package/lib/ele-virtual-table/index.d.ts

@@ -170,6 +170,8 @@ declare const _default: import('vue').DefineComponent<{
     handleExpandCellMouseenter: () => void;
     handleTableMouseleave: () => void;
     handleTableScroll: (option: ScrollPos) => void;
+    handleEndEeached: (params: any) => void;
+    handleRowsRendered: (params: any) => void;
     updateWrapSize: () => void;
     updateTableData: () => void;
     updateSelectedAndChecked: () => void;
@@ -194,6 +196,9 @@ declare const _default: import('vue').DefineComponent<{
     scrollToRow: (row: number, strategy: ScrollStrategy) => void;
     hideTooltip: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    endEeached: (_params: any) => boolean;
+    scroll: (_params: ScrollPos) => boolean;
+    rowsRendered: (_params: any) => boolean;
     select: (_selection: DataItem[], _row: DataItem) => boolean;
     selectAll: (_selection: DataItem[]) => boolean;
     selectionChange: (_selection: DataItem[]) => boolean;
@@ -336,6 +341,8 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onSelect?: ((_selection: DataItem[], _row: DataItem) => any) | undefined;
     onExpandChange?: ((_row: DataItem, _expanded: boolean) => any) | undefined;
+    onScroll?: ((_params: ScrollPos) => any) | undefined;
+    onRowsRendered?: ((_params: any) => any) | undefined;
     onSelectAll?: ((_selection: DataItem[]) => any) | undefined;
     onSelectionChange?: ((_selection: DataItem[]) => any) | undefined;
     onCellMouseEnter?: ((_row: DataItem, _column: Column, _cell: HTMLTableCellElement, _e: MouseEvent) => any) | undefined;
@@ -354,6 +361,7 @@ declare const _default: import('vue').DefineComponent<{
     onHeaderDragend?: ((_width: number, _old: number, _column: Column, _e: MouseEvent) => any) | undefined;
     "onUpdate:currentRowKey"?: ((_currentRowKey?: DataKey | undefined) => any) | undefined;
     "onUpdate:selectedRowKeys"?: ((_selectedRowKeys?: DataKey[] | undefined) => any) | undefined;
+    onEndEeached?: ((_params: any) => any) | undefined;
 }, {
     fit: boolean;
     lazy: boolean;

package/lib/ele-virtual-table/props.cjs

@@ -7,7 +7,10 @@ const virtualTableProps = {
   rowHeight: Number
 };
 const virtualTableEmits = {
-  ...props.dataTableEmits
+  ...props.dataTableEmits,
+  endEeached: (_params) => true,
+  scroll: (_params) => true,
+  rowsRendered: (_params) => true
 };
 exports.virtualTableEmits = virtualTableEmits;
 exports.virtualTableProps = virtualTableProps;

package/lib/ele-virtual-table/props.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPropTypes } from 'vue';
+import { ScrollPos } from './types';
 
 /**
  * 属性
@@ -129,6 +130,9 @@ export type VirtualTableProps = ExtractPropTypes<typeof virtualTableProps>;
  * 事件
  */
 export declare const virtualTableEmits: {
+    endEeached: (_params: any) => boolean;
+    scroll: (_params: ScrollPos) => boolean;
+    rowsRendered: (_params: any) => boolean;
     select: (_selection: import('../ele-data-table/types').DataItem[], _row: import('../ele-data-table/types').DataItem) => boolean;
     selectAll: (_selection: import('../ele-data-table/types').DataItem[]) => boolean;
     selectionChange: (_selection: import('../ele-data-table/types').DataItem[]) => boolean;

package/lib/ele-virtual-table/types.d.ts

@@ -223,7 +223,17 @@ export interface CellParams {
  */
 export interface CustomRenderProps {
   /** 自定义渲染方法 */
-  render?: (...params: any) => string | VNode | VNode[] | number | undefined;
+  render?: (
+    ...params: any
+  ) =>
+    | string
+    | VNode
+    | VNode[]
+    | number
+    | boolean
+    | Record<string, any>
+    | Array<any>
+    | undefined;
   /** 自定义渲染参数 */
   params?: Array<any>;
 }

package/lib/ele-virtual-table/util.cjs

@@ -417,12 +417,12 @@ function getTreeProps(treeProps) {
 }
 function getIndexValue(rowIndex, index, pageIndex) {
   if (index == null) {
-    return String((pageIndex ?? 1) + rowIndex);
+    return (pageIndex ?? 1) + rowIndex;
   }
   if (typeof index === "function") {
-    return String(index(rowIndex));
+    return index(rowIndex);
   }
-  return String(index + rowIndex);
+  return index + rowIndex;
 }
 function getCellSpan(params, spanMethod) {
   var _a;
@@ -543,7 +543,7 @@ function useAutoResize(getEl) {
     updateWrapSize();
     observe();
   });
-  vue.onBeforeMount(() => {
+  vue.onBeforeUnmount(() => {
     observer.disconnect();
   });
   vue.onActivated(() => {

package/lib/ele-virtual-table/util.d.ts

@@ -125,9 +125,7 @@ export declare function isAutoRowHeight(hasExpandCol: boolean, bodyCols: BodyCol
  * @param props 属性
  * @param ctx SetupContext
  */
-export declare function CellRender(props: CustomRenderProps, ctx: SetupContext): (string | number | VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>)[] | undefined;
+export declare function CellRender(props: CustomRenderProps, ctx: SetupContext): any[] | undefined;
 /**
  * 获取表头点击后的排序值
  * @param current 当前排序值
@@ -176,7 +174,7 @@ export declare function getTreeProps(treeProps?: TreeProps): TreeTableProps;
  * @param index 自定义起始索引
  * @param pageIndex 表格分页起始索引
  */
-export declare function getIndexValue(rowIndex: number, index?: ColumnIndex, pageIndex?: number): string;
+export declare function getIndexValue(rowIndex: number, index?: ColumnIndex, pageIndex?: number): number;
 /**
  * 获取单元格的跨行和跨列
  * @param column 列配置

package/lib/ele-watermark/util.cjs

@@ -57,7 +57,7 @@ function useMutation(option) {
     falsifiedObserver.disconnect();
     deletedObserver.disconnect();
   };
-  vue.onBeforeMount(() => {
+  vue.onBeforeUnmount(() => {
     disconnect();
   });
   return { observe, disconnect };

package/lib/style/plus.scss

@@ -27,6 +27,8 @@
 @use '../ele-pagination/style/index.scss' as pagination;
 @use '../ele-popconfirm/style/index.scss' as popconfirm;
 @use '../ele-printer/style/index.scss' as printer;
+@use '../ele-pro-form/style/index.scss' as proForm;
+@use '../ele-pro-form-builder/style/index.scss' as proFormBuilder;
 @use '../ele-pro-layout/style/index.scss' as proLayout;
 @use '../ele-pro-table/style/index.scss' as proTable;
 @use '../ele-segmented/style/index.scss' as segmented;
@@ -36,6 +38,7 @@
 @use '../ele-table/style/index.scss' as table;
 @use '../ele-table-select/style/index.scss' as tableSelect;
 @use '../ele-text/style/index.scss' as text;
+@use '../ele-timeline/style/index.scss' as timeline;
 @use '../ele-tool/style/index.scss' as tool;
 @use '../ele-toolbar/style/index.scss' as toolbar;
 @use '../ele-tooltip/style/index.scss' as tooltip;

package/lib/style/themes/default.scss

@@ -526,6 +526,33 @@ $ele: map.deep-merge(
       'lg-gap': 8px 12px,
       'lg-font-size': 14px
     ),
+    'pro-form': (
+      // 高级表单
+      'descriptions-label-wdith': 110px,
+      'handle-color': #fff,
+      'handle-font-size': 12px,
+      'handle-height': 18px,
+      'handle-bg': elVar('color-primary'),
+      'handle-shadow': 2px 2px 4px 0 rgba(255, 255, 255, 0.6),
+      'handle-padding': 0 4px,
+      'handle-space': 4px,
+      'handle-index': 9999,
+      'item-wrapper-padding': 4px,
+      'item-wrapper-border': 1px dashed elVar('border-color'),
+      'item-wrapper-hover-border': 1px dashed elVar('color-primary'),
+      'item-wrapper-active-border': 2px solid elVar('color-primary'),
+      'item-wrapper-active-border-offset': -1px,
+      'item-wrapper-active-index': 8,
+      'container-wrapper-border-offset': -1px,
+      'container-wrapper-active-border-offset': -2px,
+      'container-wrapper-min-height': 48px,
+      'container-div-min-height': 24px,
+      'container-description-min-height': 32px
+    ),
+    'pro-form-builder': (
+      // 表单构建器
+      'descriptions-label-wdith': 110px
+    ),
     'segmented': (
       // 分段器
       'padding': 3px,
@@ -669,6 +696,19 @@ $ele: map.deep-merge(
       'xxl': calc(#{elVar('font-size', 'extra-large')} + 6px),
       'xxxl': calc(#{elVar('font-size', 'extra-large')} + 34px)
     ),
+    'timeline': (
+      // 时间线
+      'body-padding': 8px 16px 48px 16px,
+      'title-font-size': 16px,
+      'title-margin': 0 0 4px 0,
+      'description-font-size': 13px,
+      'icon-margin': 0 8px,
+      'icon-font-size': 22px,
+      'icon-color': elVar('text-color', 'placeholder'),
+      'line-size': 2px,
+      'line-color': elVar('border-color'),
+      'turn-line-offset': 11px
+    ),
     'table': (
       // 表格
       'radius': 0,

package/lib/style/themes/theme-util.scss

@@ -19,6 +19,8 @@
 @use '../../ele-page/style/css-var.scss' as *;
 @use '../../ele-pagination/style/css-var.scss' as *;
 @use '../../ele-popconfirm/style/css-var.scss' as *;
+@use '../../ele-pro-form/style/css-var.scss' as *;
+@use '../../ele-pro-form-builder/style/css-var.scss' as *;
 @use '../../ele-pro-table/style/css-var.scss' as *;
 @use '../../ele-segmented/style/css-var.scss' as *;
 @use '../../ele-steps/style/css-var.scss' as *;
@@ -26,6 +28,7 @@
 @use '../../ele-table-select/style/css-var.scss' as *;
 @use '../../ele-tabs/style/css-var.scss' as *;
 @use '../../ele-text/style/css-var.scss' as *;
+@use '../../ele-timeline/style/css-var.scss' as *;
 @use '../../ele-tool/style/css-var.scss' as *;
 @use '../../ele-toolbar/style/css-var.scss' as *;
 @use '../../ele-tooltip/style/css-var.scss' as *;
@@ -57,6 +60,8 @@
     @include set-page-var($var);
     @include set-pagination-var($var);
     @include set-popconfirm-var($var);
+    @include set-pro-form-var($var);
+    @include set-pro-form-builder-var($var);
     @include set-pro-table-var($var);
     @include set-segmented-var($var);
     @include set-step-var($var);
@@ -64,6 +69,7 @@
     @include set-table-select-var($var);
     @include set-tab-var($var);
     @include set-text-var($var);
+    @include set-timeline-var($var);
     @include set-tool-var($var);
     @include set-toolbar-var($var);
     @include set-tooltip-var($var);

package/lib/style/util.scss

@@ -57,3 +57,14 @@
 @function elVarName($args...) {
   @return el.getCssVarName($args...);
 }
+
+/* 生成 not 选择器 */
+@function joinNotSelectors($list) {
+  $selector: '';
+  @each $item in $list {
+    @if $item != '' {
+      $selector: $selector + ':not(' + $item + ')';
+    }
+  }
+  @return $selector;
+}

package/lib/utils/hook.cjs

@@ -56,6 +56,34 @@ function useMediaQuery(query, onChange) {
   });
   return [mediaQuery, startWatch, stopWatch];
 }
+function useMobile(onChange) {
+  const mobile = vue.ref(false);
+  const [media, startMedia, stopMedia] = useMediaQuery(
+    "(max-width: 768px)",
+    () => {
+      const isMobile = media.matches;
+      if (mobile.value !== isMobile) {
+        mobile.value = isMobile;
+        onChange && onChange(isMobile);
+      }
+    }
+  );
+  return [mobile, startMedia, stopMedia];
+}
+function useMobileDevice(onChange) {
+  const mobileDevice = vue.ref(false);
+  const [media, startMedia, stopMedia] = useMediaQuery(
+    "(pointer: coarse)",
+    () => {
+      const isMobileDevice = media.matches;
+      if (mobileDevice.value !== isMobileDevice) {
+        mobileDevice.value = isMobileDevice;
+        onChange && onChange(isMobileDevice);
+      }
+    }
+  );
+  return [mobileDevice, startMedia, stopMedia];
+}
 function useWindowListener(event, listener) {
   const eventName = typeof event === "string" ? event : "resize";
   const callback = typeof event === "function" ? event : listener;
@@ -267,9 +295,21 @@ function useMoveEvent(option) {
     handleTouchstart
   };
 }
+function useComponentEvents(events, emit) {
+  const emitMethods = {};
+  (Array.isArray(events) ? events : Object.keys(events)).forEach((name) => {
+    emitMethods[name] = (...params) => {
+      emit(name, ...params);
+    };
+  });
+  return { emitMethods };
+}
 exports.useCollapseAnim = useCollapseAnim;
+exports.useComponentEvents = useComponentEvents;
 exports.useFormItemRest = useFormItemRest;
 exports.useMediaQuery = useMediaQuery;
+exports.useMobile = useMobile;
+exports.useMobileDevice = useMobileDevice;
 exports.useMousewheel = useMousewheel;
 exports.useMoveEvent = useMoveEvent;
 exports.useTimer = useTimer;