@vxe-ui/core 1.0.12 → 4.0.0

package/packages/src/commands.ts

@@ -1,62 +1,62 @@
-import XEUtils from 'xe-utils'
-import { log } from './log'
-
-import { VxeGlobalCommands } from '../../types'
-
-class VXECommandsStore {
-  private store: any = {}
-
-  mixin (options: any): VXECommandsStore {
-    XEUtils.each(options, (item, key) => {
-      this.add(key, item)
-    })
-    return this
-  }
-
-  has (name: string): boolean {
-    return !!this.get(name)
-  }
-
-  get (name: string): any {
-    return this.store[name]
-  }
-
-  add (name: string, render: any): VXECommandsStore {
-    const conf = this.store[name]
-    // 兼容
-    if (XEUtils.isFunction(render)) {
-      if (process.env.VUE_APP_VXE_ENV === 'development') {
-        log.warn('vxe.error.delProp', ['commands -> callback', 'commandMethod'])
-      }
-      render = {
-        commandMethod: render
-      }
-    }
-
-    // 检测是否覆盖
-    if (process.env.VUE_APP_VXE_ENV === 'development') {
-      const confKeys = XEUtils.keys(conf)
-      XEUtils.each(render, (item, key) => {
-        if (confKeys.includes(key)) {
-          log.warn('vxe.error.coverProp', [name, key])
-        }
-      })
-    }
-    this.store[name] = conf ? XEUtils.merge(conf, render) : render
-    return this
-  }
-
-  delete (name: string): void {
-    delete this.store[name]
-  }
-
-  forEach (callback: any): void {
-    XEUtils.objectEach(this.store, callback)
-  }
-}
-
-export const commands = new VXECommandsStore() as VxeGlobalCommands
-
-if (process.env.VUE_APP_VXE_ENV === 'development') {
-  Object.assign(commands, { _name: 'Commands' })
-}
+import XEUtils from 'xe-utils'
+import { log } from './log'
+
+import { VxeGlobalCommands } from '../../types'
+
+class VXECommandsStore {
+  private store: any = {}
+
+  mixin (options: any): VXECommandsStore {
+    XEUtils.each(options, (item, key) => {
+      this.add(key, item)
+    })
+    return this
+  }
+
+  has (name: string): boolean {
+    return !!this.get(name)
+  }
+
+  get (name: string): any {
+    return this.store[name]
+  }
+
+  add (name: string, render: any): VXECommandsStore {
+    const conf = this.store[name]
+    // 兼容
+    if (XEUtils.isFunction(render)) {
+      if (process.env.VUE_APP_VXE_ENV === 'development') {
+        log.warn('vxe.error.delProp', ['commands -> callback', 'commandMethod'])
+      }
+      render = {
+        commandMethod: render
+      }
+    }
+
+    // 检测是否覆盖
+    if (process.env.VUE_APP_VXE_ENV === 'development') {
+      const confKeys = XEUtils.keys(conf)
+      XEUtils.each(render, (item, key) => {
+        if (confKeys.includes(key)) {
+          log.warn('vxe.error.coverProp', [name, key])
+        }
+      })
+    }
+    this.store[name] = conf ? XEUtils.merge(conf, render) : render
+    return this
+  }
+
+  delete (name: string): void {
+    delete this.store[name]
+  }
+
+  forEach (callback: any): void {
+    XEUtils.objectEach(this.store, callback)
+  }
+}
+
+export const commands = new VXECommandsStore() as VxeGlobalCommands
+
+if (process.env.VUE_APP_VXE_ENV === 'development') {
+  Object.assign(commands, { _name: 'Commands' })
+}

package/packages/src/core.ts

@@ -1,167 +1,167 @@
-import XEUtils from 'xe-utils'
-import DomZIndex from 'dom-zindex'
-import { globalConfigStore } from './globalStore'
-import { iconConfigStore } from './iconStore'
-import { themeConfigStore } from './themeStore'
-import { i18nConfigStore } from './i18nStore'
-import { globalEvents, GLOBAL_EVENT_KEYS, createEvent } from './event'
-import { globalResize } from './resize'
-import { getI18n, hasLanguage, getLanguage } from './i18n'
-import { renderer } from './renderer'
-import { validators } from './validators'
-import { menus } from './menus'
-import { formats } from './formats'
-import { commands } from './commands'
-import { interceptor } from './interceptor'
-import { clipboard } from './clipboard'
-import { permission } from './permission'
-import { log } from './log'
-import { hooks } from './hooks'
-import { useFns } from './useFns'
-
-import { VxeUIExport, VxeGlobalConfig, VxeGlobalThemeName, VxeGlobalComponents, VxeGlobalIcon, VxeUIPluginObject, VxeGlobalI18nLocale } from '../../types'
-
-export function setTheme (name?: VxeGlobalThemeName) {
-  const theme = !name || name === 'default' ? 'light' : name
-  themeConfigStore.theme = theme
-  if (typeof document !== 'undefined') {
-    const documentElement = document.documentElement
-    if (documentElement) {
-      documentElement.setAttribute('data-vxe-ui-theme', theme)
-    }
-  }
-  return VxeUI
-}
-
-export function getTheme () {
-  return themeConfigStore.theme
-}
-
-export function setLanguage (locale: VxeGlobalI18nLocale) {
-  i18nConfigStore.language = locale || 'zh-CN'
-  return VxeUI
-}
-
-export function setI18n (locale: VxeGlobalI18nLocale, data: Record<string, any>) {
-  i18nConfigStore.langMaps[locale] = Object.assign({}, data)
-  return VxeUI
-}
-
-/**
-* 全局参数设置
-*/
-export function setConfig (options?: VxeGlobalConfig) {
-  if (options) {
-    if (options.zIndex) {
-      DomZIndex.setCurrent(options.zIndex)
-    }
-    if (options.theme) {
-      setTheme(options.theme)
-    }
-    XEUtils.merge(globalConfigStore, options)
-  }
-  return VxeUI
-}
-
-/**
-* 获取全局参数
-*/
-export function getConfig (key: keyof VxeGlobalConfig, defaultValue?: any) {
-  return arguments.length ? XEUtils.get(globalConfigStore, key, defaultValue) : globalConfigStore
-}
-
-export function setIcon (options?: VxeGlobalIcon) {
-  if (options) {
-    Object.assign(iconConfigStore, options)
-  }
-  return VxeUI
-}
-
-export function getIcon (key: keyof VxeGlobalIcon) {
-  return arguments.length ? XEUtils.get(iconConfigStore, key) : iconConfigStore
-}
-
-export const coreVersion = process.env.VUE_APP_VXE_VERSION as string
-
-const installedPlugins: VxeUIPluginObject[] = []
-
-export function use (Plugin: VxeUIPluginObject, options: any[]) {
-  if (Plugin && Plugin.install) {
-    if (installedPlugins.indexOf(Plugin) === -1) {
-      Plugin.install(VxeUI, options)
-      installedPlugins.push(Plugin)
-    }
-  }
-  return VxeUI
-}
-
-const components: Record<string, any> = {}
-
-export function getComponent (name: keyof VxeGlobalComponents) {
-  return components[name] || null
-}
-
-export function component (comp: any) {
-  if (comp && comp.name) {
-    components[comp.name] = comp
-  }
-}
-
-export const VxeUI: VxeUIExport = {
-  coreVersion,
-
-  setTheme,
-  getTheme,
-  setConfig,
-  getConfig: getConfig as any,
-  setIcon,
-  getIcon: getIcon as any,
-  setLanguage,
-  hasLanguage,
-  getLanguage,
-  setI18n,
-  getI18n,
-
-  globalEvents,
-  GLOBAL_EVENT_KEYS,
-  createEvent,
-
-  globalResize,
-  renderer,
-  validators,
-  menus,
-  formats,
-  commands,
-  interceptor,
-  clipboard,
-  log,
-  permission,
-
-  hooks,
-  component,
-  getComponent,
-  useFns,
-
-  use
-}
-
-setTheme()
-
-export * from './event'
-export * from './resize'
-
-export * from './i18n'
-export * from './renderer'
-export * from './validators'
-export * from './menus'
-export * from './formats'
-export * from './commands'
-export * from './interceptor'
-export * from './clipboard'
-export * from './permission'
-
-export * from './useFns'
-export * from './log'
-export * from './hooks'
-
-export default VxeUI
+import XEUtils from 'xe-utils'
+import DomZIndex from 'dom-zindex'
+import { globalConfigStore } from './globalStore'
+import { iconConfigStore } from './iconStore'
+import { themeConfigStore } from './themeStore'
+import { i18nConfigStore } from './i18nStore'
+import { globalEvents, GLOBAL_EVENT_KEYS, createEvent } from './event'
+import { globalResize } from './resize'
+import { getI18n, hasLanguage, getLanguage } from './i18n'
+import { renderer } from './renderer'
+import { validators } from './validators'
+import { menus } from './menus'
+import { formats } from './formats'
+import { commands } from './commands'
+import { interceptor } from './interceptor'
+import { clipboard } from './clipboard'
+import { permission } from './permission'
+import { log } from './log'
+import { hooks } from './hooks'
+import { useFns } from './useFns'
+
+import { VxeUIExport, VxeGlobalConfig, VxeGlobalThemeName, VxeGlobalComponents, VxeGlobalIcon, VxeUIPluginObject, VxeGlobalI18nLocale } from '../../types'
+
+export function setTheme (name?: VxeGlobalThemeName) {
+  const theme = !name || name === 'default' ? 'light' : name
+  themeConfigStore.theme = theme
+  if (typeof document !== 'undefined') {
+    const documentElement = document.documentElement
+    if (documentElement) {
+      documentElement.setAttribute('data-vxe-ui-theme', theme)
+    }
+  }
+  return VxeUI
+}
+
+export function getTheme () {
+  return themeConfigStore.theme
+}
+
+export function setLanguage (locale: VxeGlobalI18nLocale) {
+  i18nConfigStore.language = locale || 'zh-CN'
+  return VxeUI
+}
+
+export function setI18n (locale: VxeGlobalI18nLocale, data: Record<string, any>) {
+  i18nConfigStore.langMaps[locale] = Object.assign({}, data)
+  return VxeUI
+}
+
+/**
+* 全局参数设置
+*/
+export function setConfig (options?: VxeGlobalConfig) {
+  if (options) {
+    if (options.zIndex) {
+      DomZIndex.setCurrent(options.zIndex)
+    }
+    if (options.theme) {
+      setTheme(options.theme)
+    }
+    XEUtils.merge(globalConfigStore, options)
+  }
+  return VxeUI
+}
+
+/**
+* 获取全局参数
+*/
+export function getConfig (key: keyof VxeGlobalConfig, defaultValue?: any) {
+  return arguments.length ? XEUtils.get(globalConfigStore, key, defaultValue) : globalConfigStore
+}
+
+export function setIcon (options?: VxeGlobalIcon) {
+  if (options) {
+    Object.assign(iconConfigStore, options)
+  }
+  return VxeUI
+}
+
+export function getIcon (key: keyof VxeGlobalIcon) {
+  return arguments.length ? XEUtils.get(iconConfigStore, key) : iconConfigStore
+}
+
+export const coreVersion = process.env.VUE_APP_VXE_VERSION as string
+
+const installedPlugins: VxeUIPluginObject[] = []
+
+export function use (Plugin: VxeUIPluginObject, options: any[]) {
+  if (Plugin && Plugin.install) {
+    if (installedPlugins.indexOf(Plugin) === -1) {
+      Plugin.install(VxeUI, options)
+      installedPlugins.push(Plugin)
+    }
+  }
+  return VxeUI
+}
+
+const components: Record<string, any> = {}
+
+export function getComponent (name: keyof VxeGlobalComponents) {
+  return components[name] || null
+}
+
+export function component (comp: any) {
+  if (comp && comp.name) {
+    components[comp.name] = comp
+  }
+}
+
+export const VxeUI: VxeUIExport = {
+  coreVersion,
+
+  setTheme,
+  getTheme,
+  setConfig,
+  getConfig: getConfig as any,
+  setIcon,
+  getIcon: getIcon as any,
+  setLanguage,
+  hasLanguage,
+  getLanguage,
+  setI18n,
+  getI18n,
+
+  globalEvents,
+  GLOBAL_EVENT_KEYS,
+  createEvent,
+
+  globalResize,
+  renderer,
+  validators,
+  menus,
+  formats,
+  commands,
+  interceptor,
+  clipboard,
+  log,
+  permission,
+
+  hooks,
+  component,
+  getComponent,
+  useFns,
+
+  use
+}
+
+setTheme()
+
+export * from './event'
+export * from './resize'
+
+export * from './i18n'
+export * from './renderer'
+export * from './validators'
+export * from './menus'
+export * from './formats'
+export * from './commands'
+export * from './interceptor'
+export * from './clipboard'
+export * from './permission'
+
+export * from './useFns'
+export * from './log'
+export * from './hooks'
+
+export default VxeUI

package/packages/src/event.ts

@@ -1,113 +1,113 @@
-import XEUtils from 'xe-utils'
-
-import type { VxeGlobalEvents, VxeComponentBaseOptions, VxeGlobalCreateEventMethod, VxeGlobalEventKey } from '../../types'
-
-export const GLOBAL_EVENT_KEYS: VxeGlobalEventKey = {
-  F2: 'F2',
-  ESCAPE: 'Escape',
-  ENTER: 'Enter',
-  TAB: 'Tab',
-  DELETE: 'Delete',
-  BACKSPACE: 'Backspace',
-  SPACEBAR: ' ',
-  CONTEXT_MENU: 'ContextMenu',
-  ARROW_UP: 'ArrowUp',
-  ARROW_DOWN: 'ArrowDown',
-  ARROW_LEFT: 'ArrowLeft',
-  ARROW_RIGHT: 'ArrowRight',
-  PAGE_UP: 'PageUp',
-  PAGE_DOWN: 'PageDown',
-  R: 'R',
-  P: 'P',
-  Z: 'Z',
-  X: 'X',
-  C: 'C',
-  V: 'V',
-  M: 'M'
-}
-
-const browse = XEUtils.browse()
-
-const convertEventKeys: { [key: string]: string } = {
-  ' ': 'Spacebar',
-  Apps: GLOBAL_EVENT_KEYS.CONTEXT_MENU,
-  Del: GLOBAL_EVENT_KEYS.DELETE,
-  Up: GLOBAL_EVENT_KEYS.ARROW_UP,
-  Down: GLOBAL_EVENT_KEYS.ARROW_DOWN,
-  Left: GLOBAL_EVENT_KEYS.ARROW_LEFT,
-  Right: GLOBAL_EVENT_KEYS.ARROW_RIGHT
-}
-
-// 监听全局事件
-const wheelName = browse.firefox ? 'DOMMouseScroll' : 'mousewheel'
-const eventStore: {
-  comp: VxeComponentBaseOptions;
-  type: string;
-  cb: (evnt: Event) => void;
-}[] = []
-
-function triggerEvent (evnt: Event) {
-  const isWheel = evnt.type === wheelName
-  eventStore.forEach(({ type, cb }) => {
-    // 如果被取消冒泡，不再执行
-    if (!evnt.cancelBubble) {
-      if (type === evnt.type || (isWheel && type === 'mousewheel')) {
-        cb(evnt)
-      }
-    }
-  })
-}
-
-class VxeComponentEvent {
-  $event: Event
-  constructor (evnt: Event, params1: any, params2?: any) {
-    this.$event = evnt
-    Object.assign(this, params1, params2)
-  }
-
-  stopPropagation () {
-    const evnt = this.$event
-    if (evnt) {
-      evnt.stopPropagation()
-    }
-  }
-
-  preventDefault () {
-    const evnt = this.$event
-    if (evnt) {
-      evnt.preventDefault()
-    }
-  }
-}
-
-export const createEvent: VxeGlobalCreateEventMethod = (evnt, params1, params2) => {
-  return new VxeComponentEvent(evnt as Event, params1, params2)
-}
-
-export const globalEvents: VxeGlobalEvents = {
-  on (comp, type, cb) {
-    eventStore.push({ comp, type, cb })
-  },
-  off (comp, type) {
-    XEUtils.remove(eventStore, item => item.comp === comp && item.type === type)
-  },
-  hasKey (evnt, targetKey) {
-    const { key } = evnt
-    targetKey = targetKey.toLowerCase()
-    return key ? (targetKey === key.toLowerCase() || !!(convertEventKeys[key] && convertEventKeys[key].toLowerCase() === targetKey)) : false
-  }
-}
-
-if (browse.isDoc) {
-  if (!browse.msie) {
-    window.addEventListener('copy', triggerEvent, false)
-    window.addEventListener('cut', triggerEvent, false)
-    window.addEventListener('paste', triggerEvent, false)
-  }
-  document.addEventListener('keydown', triggerEvent, false)
-  document.addEventListener('contextmenu', triggerEvent, false)
-  window.addEventListener('mousedown', triggerEvent, false)
-  window.addEventListener('blur', triggerEvent, false)
-  window.addEventListener('resize', triggerEvent, false)
-  window.addEventListener(wheelName, XEUtils.throttle(triggerEvent, 100, { leading: true, trailing: false }), { passive: true, capture: false })
-}
+import XEUtils from 'xe-utils'
+
+import type { VxeGlobalEvents, VxeComponentBaseOptions, VxeGlobalCreateEventMethod, VxeGlobalEventKey } from '../../types'
+
+export const GLOBAL_EVENT_KEYS: VxeGlobalEventKey = {
+  F2: 'F2',
+  ESCAPE: 'Escape',
+  ENTER: 'Enter',
+  TAB: 'Tab',
+  DELETE: 'Delete',
+  BACKSPACE: 'Backspace',
+  SPACEBAR: ' ',
+  CONTEXT_MENU: 'ContextMenu',
+  ARROW_UP: 'ArrowUp',
+  ARROW_DOWN: 'ArrowDown',
+  ARROW_LEFT: 'ArrowLeft',
+  ARROW_RIGHT: 'ArrowRight',
+  PAGE_UP: 'PageUp',
+  PAGE_DOWN: 'PageDown',
+  R: 'R',
+  P: 'P',
+  Z: 'Z',
+  X: 'X',
+  C: 'C',
+  V: 'V',
+  M: 'M'
+}
+
+const browse = XEUtils.browse()
+
+const convertEventKeys: { [key: string]: string } = {
+  ' ': 'Spacebar',
+  Apps: GLOBAL_EVENT_KEYS.CONTEXT_MENU,
+  Del: GLOBAL_EVENT_KEYS.DELETE,
+  Up: GLOBAL_EVENT_KEYS.ARROW_UP,
+  Down: GLOBAL_EVENT_KEYS.ARROW_DOWN,
+  Left: GLOBAL_EVENT_KEYS.ARROW_LEFT,
+  Right: GLOBAL_EVENT_KEYS.ARROW_RIGHT
+}
+
+// 监听全局事件
+const wheelName = browse.firefox ? 'DOMMouseScroll' : 'mousewheel'
+const eventStore: {
+  comp: VxeComponentBaseOptions;
+  type: string;
+  cb: (evnt: Event) => void;
+}[] = []
+
+function triggerEvent (evnt: Event) {
+  const isWheel = evnt.type === wheelName
+  eventStore.forEach(({ type, cb }) => {
+    // 如果被取消冒泡，不再执行
+    if (!evnt.cancelBubble) {
+      if (type === evnt.type || (isWheel && type === 'mousewheel')) {
+        cb(evnt)
+      }
+    }
+  })
+}
+
+class VxeComponentEvent {
+  $event: Event
+  constructor (evnt: Event, params1: any, params2?: any) {
+    this.$event = evnt
+    Object.assign(this, params1, params2)
+  }
+
+  stopPropagation () {
+    const evnt = this.$event
+    if (evnt) {
+      evnt.stopPropagation()
+    }
+  }
+
+  preventDefault () {
+    const evnt = this.$event
+    if (evnt) {
+      evnt.preventDefault()
+    }
+  }
+}
+
+export const createEvent: VxeGlobalCreateEventMethod = (evnt, params1, params2) => {
+  return new VxeComponentEvent(evnt as Event, params1, params2)
+}
+
+export const globalEvents: VxeGlobalEvents = {
+  on (comp, type, cb) {
+    eventStore.push({ comp, type, cb })
+  },
+  off (comp, type) {
+    XEUtils.remove(eventStore, item => item.comp === comp && item.type === type)
+  },
+  hasKey (evnt, targetKey) {
+    const { key } = evnt
+    targetKey = targetKey.toLowerCase()
+    return key ? (targetKey === key.toLowerCase() || !!(convertEventKeys[key] && convertEventKeys[key].toLowerCase() === targetKey)) : false
+  }
+}
+
+if (browse.isDoc) {
+  if (!browse.msie) {
+    window.addEventListener('copy', triggerEvent, false)
+    window.addEventListener('cut', triggerEvent, false)
+    window.addEventListener('paste', triggerEvent, false)
+  }
+  document.addEventListener('keydown', triggerEvent, false)
+  document.addEventListener('contextmenu', triggerEvent, false)
+  window.addEventListener('mousedown', triggerEvent, false)
+  window.addEventListener('blur', triggerEvent, false)
+  window.addEventListener('resize', triggerEvent, false)
+  window.addEventListener(wheelName, XEUtils.throttle(triggerEvent, 100, { leading: true, trailing: false }), { passive: true, capture: false })
+}