@vxe-ui/core 0.0.1 → 0.1.1

package/packages/src/menus.ts

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils'
-import { warnLog } from './log'
+import { log } from './log'
 
 import { VxeGlobalMenus } from '../../types'
 
@@ -25,8 +25,8 @@ class VXEMenusStore {
     const conf = this.store[name]
     // 兼容
     if (XEUtils.isFunction(render)) {
-      if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
-        warnLog('vxe.error.delProp', ['menus -> callback', 'menuMethod'])
+      if (process.env.VUE_APP_VXE_ENV === 'development') {
+        log.warn('vxe.error.delProp', ['menus -> callback', 'menuMethod'])
       }
       render = {
         menuMethod: render
@@ -34,11 +34,11 @@ class VXEMenusStore {
     }
 
     // 检测是否覆盖
-    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+    if (process.env.VUE_APP_VXE_ENV === 'development') {
       const confKeys = XEUtils.keys(conf)
       XEUtils.each(render, (item, key) => {
         if (confKeys.includes(key)) {
-          warnLog('vxe.error.coverProp', [name, key])
+          log.warn('vxe.error.coverProp', [name, key])
         }
       })
     }
@@ -57,6 +57,6 @@ class VXEMenusStore {
 
 export const menus = new VXEMenusStore() as VxeGlobalMenus
 
-if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+if (process.env.VUE_APP_VXE_ENV === 'development') {
   Object.assign(menus, { _name: 'Menus' })
 }

package/packages/src/renderer.ts

@@ -1,12 +1,12 @@
 import XEUtils from 'xe-utils'
-import { warnLog } from './log'
+import { log } from './log'
 
-import { VxeGlobalRenderer, RendererOptions } from '../../types'
+import { VxeGlobalRenderer, VxeGlobalRendererOptions } from '../../types'
 
 /**
  * 内置的组件渲染
  */
-const renderMap: Record<string, RendererOptions> = {}
+const renderMap: Record<string, VxeGlobalRendererOptions> = {}
 
 /**
  * 全局渲染器
@@ -24,10 +24,10 @@ export const renderer: VxeGlobalRenderer = {
       const renders: any = renderMap[name]
       if (renders) {
         // 检测是否覆盖
-        if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+        if (process.env.VUE_APP_VXE_ENV === 'development') {
           XEUtils.each(options, (val, key) => {
             if (!XEUtils.eqNull(renders[key]) && renders[key] !== val) {
-              warnLog('vxe.error.coverProp', [`Renderer.${name}`, key])
+              log.warn('vxe.error.coverProp', [`Renderer.${name}`, key])
             }
           })
         }

package/packages/src/resize.ts

@@ -1,5 +1,7 @@
 import XEUtils from 'xe-utils'
-import globalConfigStore from './globalStore'
+import { globalConfigStore } from './globalStore'
+
+import { VxeGlobalResize } from '../../types'
 
 /**
  * 监听 resize 事件
@@ -36,7 +38,7 @@ function eventListener () {
   resizeTimeout = setTimeout(eventHandle, globalConfigStore.resizeInterval || defaultInterval)
 }
 
-export class XEResizeObserver {
+class XEResizeObserver {
   tarList: {
     target: Element;
     width: number;
@@ -77,9 +79,11 @@ export class XEResizeObserver {
   }
 }
 
-export function createResizeEvent (callback: (...args: any[]) => void): any {
-  if (window.ResizeObserver) {
-    return new window.ResizeObserver(callback)
+export const globalResize: VxeGlobalResize = {
+  create (callback: (...args: any[]) => void) {
+    if (window.ResizeObserver) {
+      return new window.ResizeObserver(callback)
+    }
+    return new XEResizeObserver(callback)
   }
-  return new XEResizeObserver(callback)
 }

package/packages/src/store.ts

@@ -1,4 +1,4 @@
-import { warnLog } from './log'
+import { log } from './log'
 import XEUtils from 'xe-utils'
 
 /**
@@ -25,11 +25,11 @@ export class Store {
   add (name: string, options: any): Store {
     const conf = this.store[name]
     // 检测是否覆盖
-    if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+    if (process.env.VUE_APP_VXE_ENV === 'development') {
       const confKeys = XEUtils.keys(conf)
       XEUtils.each(options, (item, key) => {
         if (confKeys.includes(key)) {
-          warnLog('vxe.error.coverProp', [name, key])
+          log.warn('vxe.error.coverProp', [name, key])
         }
       })
     }

package/packages/src/themeStore.ts

@@ -0,0 +1,7 @@
+import { VxeGlobalThemeName } from '../../types'
+
+export const themeConfigStore: {
+  theme: VxeGlobalThemeName
+} = {
+  theme: ''
+}

package/packages/src/validators.ts

@@ -4,6 +4,6 @@ import { VxeGlobalValidators } from '../../types'
 
 export const validators = new VXEStore() as VxeGlobalValidators
 
-if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
+if (process.env.VUE_APP_VXE_ENV === 'development') {
   Object.assign(validators, { _name: 'Validators' })
 }

package/types/core/global-config.d.ts

@@ -1,13 +1,13 @@
-import { VxeComponentSize } from '../tool'
+import { VxeComponentSizeType } from '../tool'
 
 /**
  * 全局参数对象
  */
 export interface VxeGlobalConfig {
+  authId?: string
   zIndex?: number
-  size?: VxeComponentSize
+  size?: VxeComponentSizeType
   version?: string | number
-  theme?: null | '' | 'default' | 'dark'
   resizeInterval?: number
 
   i18n?(key: string, args?: any): string

package/types/core/global-event.d.ts

@@ -0,0 +1,28 @@
+import { VxeComponentBaseOptions, VxeComponentEvent } from '../tool'
+
+export type VxeGlobalEventType = 'copy' | 'cut' | 'paste' | 'keydown' | 'contextmenu' | 'mousedown' | 'blur' | 'resize' | 'mousewheel'
+
+export const GLOBAL_EVENT_KEYS: {
+  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'
+}
+
+export function createEvent<E, T, D = { [key: string]: any }>(evnt: E, params1: T, params2?: D): T & D & VxeComponentEvent<E>
+
+export interface VxeGlobalEvents {
+  on (comp: VxeComponentBaseOptions, type: VxeGlobalEventType, cb: (evnt: any) => void): void
+  off (comp: VxeComponentBaseOptions, type: VxeGlobalEventType): void
+  hasKey(evnt: KeyboardEvent, targetKey: string): boolean
+}

package/types/core/global-icon.d.ts

@@ -1,4 +1,6 @@
 /**
  * 全局图标参数
  */
-export interface VxeGlobalIcon {}
+export interface VxeGlobalIcon {
+  LOGO?: string
+}

package/types/core/global-lang.d.ts

@@ -0,0 +1 @@
+export type VxeGlobalI18nLocale= '' | 'zh-CN' | 'zh-TC' | 'zh-HK' | 'zh-MO' | 'zh-TW' | 'en-US' | 'ja-JP' | 'es-ES' | 'pt-BR'

package/types/core/global-resize.d.ts

@@ -0,0 +1,3 @@
+export interface VxeGlobalResize {
+  create (callback: (...args: any[]) => void): ResizeObserver
+}

package/types/core/global-theme.d.ts

@@ -0,0 +1 @@
+export type VxeGlobalThemeName = null | '' | 'default' | 'dark'

package/types/core/index.d.ts

@@ -1,5 +1,9 @@
 import { VxeGlobalConfig } from './global-config'
 import { VxeGlobalIcon } from './global-icon'
+import { VxeGlobalThemeName } from './global-theme'
+import { VxeGlobalI18nLocale } from './global-lang'
+import { VxeGlobalEvents } from './global-event'
+import { VxeGlobalResize } from './global-resize'
 import { VxeGlobalRenderer } from './renderer'
 import { VxeGlobalValidators } from './validators'
 import { VxeGlobalMenus } from './menus'
@@ -8,20 +12,27 @@ import { VxeGlobalCommands } from './commands'
 import { VxeGlobalInterceptor } from './interceptor'
 import { VxeGlobalClipboard } from './clipboard'
 import { VxeGlobalHooks } from './hooks'
+import { VxeGlobalLog } from './log'
 
 /* eslint-disable no-use-before-define */
 
-export function setConfig(options?: VxeGlobalConfig): VxeCoreExport
+export function setTheme(name: VxeGlobalThemeName): VxeUIExport
 
-export function getConfig(key: string | number | null | undefined, defaultValue?: any): any
+export function getTheme(): VxeGlobalThemeName
 
-export function setIcon(options?: VxeGlobalIcon): VxeCoreExport
+export function setConfig(options?: VxeGlobalConfig): VxeUIExport
+export function getConfig(): Required<VxeGlobalConfig>
+export function getConfig(key: keyof VxeGlobalConfig, defaultValue?: any): any
 
-export function getIcon(key: string): any
+export function setIcon(options?: VxeGlobalIcon): VxeUIExport
+export function getIcon(): Required<VxeGlobalIcon>
+export function getIcon(key: keyof VxeGlobalIcon): any
 
+export function setLanguage(locale: VxeGlobalI18nLocale): VxeUIExport
+export function setI18n(locale: VxeGlobalI18nLocale, data: Record<string, any>): VxeUIExport
 export function getI18n(key: string, args?: any): string
 
-export const version: string
+export const coreVersion: string
 
 export const renderer: VxeGlobalRenderer
 
@@ -37,13 +48,27 @@ export const interceptor: VxeGlobalInterceptor
 
 export const clipboard: VxeGlobalClipboard
 
+export const globalEvents: VxeGlobalEvents
+
+export const globalResize: VxeGlobalResize
+
+export const log: VxeGlobalLog
+
 export const hooks: VxeGlobalHooks
 
-export interface VxeCoreExport {
+export interface VxeUIExport {
   /**
    * 版本号
    */
-  version: string
+  coreVersion: string
+  /**
+   * 设置全局主题
+   */
+  setTheme: typeof setTheme
+  /**
+   * 获取全局主题
+   */
+  getTheme: typeof getTheme
   /**
    * 设置全局参数
    */
@@ -57,9 +82,18 @@ export interface VxeCoreExport {
    */
   setIcon: typeof setIcon
   /**
-   * 翻译组件语言
+   * 设置组件当前语言
+   */
+  setLanguage: typeof setLanguage
+  /**
+   * 设置组件语言数据
+   */
+  setI18n: typeof setI18n
+  /**
+   * 获取组件语言值
    */
   getI18n: typeof getI18n
+
   /**
    * 获取全局图标
    */
@@ -93,15 +127,33 @@ export interface VxeCoreExport {
    * 全局剪贴板
    */
   clipboard: VxeGlobalClipboard
+  /**
+   * 全局事件管理
+   */
+  globalEvents: VxeGlobalEvents
+  /**
+   * 全局观察者事件
+   */
+  globalResize: VxeGlobalResize
+
+  /**
+   * 全局日志
+   */
+  log: VxeGlobalLog
 
   // 扩展插件
   hooks: VxeGlobalHooks
 }
 
-export declare const VxeCore: VxeCoreExport
+export const VxeUI: VxeUIExport
 
 export * from './global-config'
 export * from './global-icon'
+export * from './global-theme'
+export * from './global-lang'
+export * from './global-event'
+export * from './global-resize'
+
 export * from './renderer'
 export * from './validators'
 export * from './menus'
@@ -109,7 +161,8 @@ export * from './formats'
 export * from './commands'
 export * from './interceptor'
 export * from './clipboard'
+export * from './log'
 
 export * from './hooks'
 
-export default VxeCore
+export default VxeUI

package/types/core/log.d.ts

@@ -0,0 +1,8 @@
+export function warnLog(): string
+export function errLog(): string
+
+export interface VxeGlobalLog {
+  create (type: 'log' | 'warn' | 'error', name?: string): ((key: string, args?: any) => string)
+  warn(key: string, args?: any): string
+  err(key: string, args?: any): string
+}

package/types/core/renderer.d.ts

@@ -1,26 +1,15 @@
-import { VxeComponentSlot } from '../tool'
-
-/* eslint-disable no-use-before-define */
-
-type RendererOptions = DefineRendererOption<VxeGlobalRendererHandles.RenderResult>
-
-export interface DefineRendererOption<T> {}
+export interface VxeGlobalRendererOptions {}
 
 export namespace VxeGlobalRendererHandles {
-  export type RenderResult = VxeComponentSlot | VxeComponentSlot[]
 }
 
 /**
  * 渲染器
  */
 export interface VxeGlobalRenderer {
-  mixin(options: {
-    [name: string]: RendererOptions
-  }): VxeGlobalRenderer
-  get(name: string | null | undefined): DefineRendererOption<VxeGlobalRendererHandles.RenderResult>
-  add(name: string, options: RendererOptions): VxeGlobalRenderer
-  forEach(callback: (item: DefineRendererOption<VxeGlobalRendererHandles.RenderResult>, name: string, renderMap: {
-    [name: string]: RendererOptions
-  }) => void): VxeGlobalRenderer
+  mixin(options: Record<string, VxeGlobalRendererOptions>): VxeGlobalRenderer
+  get(name: string | null | undefined): VxeGlobalRendererOptions
+  add(name: string, options: VxeGlobalRendererOptions): VxeGlobalRenderer
+  forEach(callback: (item: VxeGlobalRendererOptions, name: string, renderMap: Record<string, VxeGlobalRendererOptions>) => void): VxeGlobalRenderer
   delete(name: string): void
 }

package/types/index.d.ts

@@ -1,8 +1,8 @@
-import { VxeCoreExport, VxeGlobalConfig } from './core'
+import { VxeUIExport } from './core'
 
 declare global {
   interface Window {
-    VxeCore: VxeCoreExport;
+    VxeUI: VxeUIExport;
   }
 }
 

package/types/tool/common.d.ts

@@ -19,43 +19,53 @@ export type defineVxeComponent<
 /**
  * 组件通用的基础参数
  */
-export interface VxeComponentBase {
+export interface VxeComponentBaseOptions {
   xID: string
 }
 
 /**
  * 组件事件参数
  */
-export interface VxeComponentEvent {
+export interface VxeComponentEventParams {
   $event: Event
 }
 
+/**
+ * 全局事件默认参数
+ */
+export interface VxeComponentEvent<E = Event> {
+  $event: E
+  stopPropagation(): void
+  preventDefault(): void
+  target: any
+}
+
 /**
  * 组件尺寸类型
  */
-export type VxeComponentSize = null | '' | 'medium' | 'small' | 'mini'
+export type VxeComponentSizeType = null | '' | 'medium' | 'small' | 'mini'
 
 /**
  * 组件对齐方式
  */
-export type VxeComponentAlign = null | '' | 'left' | 'right' | 'center'
+export type VxeComponentAlignType = null | '' | 'left' | 'right' | 'center'
 
 /**
  * 组件状态
  */
-export type VxeComponentStatus = null | '' | 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'error'
+export type VxeComponentStatusType = null | '' | 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'error'
 
 /**
  * 组件样式类型
  */
-export type VxeComponentStyle = Record<string, string | number>
+export type VxeComponentStyleType = Record<string, string | number>
 
 /**
  * 组件 className 类型
  */
-export type VxeComponentClassName = Record<string, boolean>
+export type VxeComponentClassNameType = Record<string, boolean>
 
 /**
  * 组件插槽类型
  */
-export type VxeComponentSlot = VNode | string | number
+export type VxeComponentSlotType = VNode | string | number

package/es/src/theme.js

@@ -1,10 +0,0 @@
-import globalConfigStore from './globalStore';
-export default function setTheme(options) {
-    const theme = (options ? options.theme : null) || globalConfigStore.theme || 'default';
-    if (typeof document !== 'undefined') {
-        const documentElement = document.documentElement;
-        if (documentElement) {
-            documentElement.setAttribute('data-vxe-theme', theme);
-        }
-    }
-}

package/lib/src/theme.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = setTheme;
-var _globalStore = _interopRequireDefault(require("./globalStore"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function setTheme(options) {
-  const theme = (options ? options.theme : null) || _globalStore.default.theme || 'default';
-  if (typeof document !== 'undefined') {
-    const documentElement = document.documentElement;
-    if (documentElement) {
-      documentElement.setAttribute('data-vxe-theme', theme);
-    }
-  }
-}

package/lib/src/theme.min.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=setTheme;var _globalStore=_interopRequireDefault(require("./globalStore"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function setTheme(e){var t,e=(e?e.theme:null)||_globalStore.default.theme||"default";"undefined"!=typeof document&&(t=document.documentElement)&&t.setAttribute("data-vxe-theme",e)}

package/packages/src/theme.ts

@@ -1,13 +0,0 @@
-import globalConfigStore from './globalStore'
-
-import { VxeGlobalConfig } from '../../types'
-
-export default function setTheme (options?: VxeGlobalConfig) {
-  const theme = (options ? options.theme : null) || globalConfigStore.theme || 'default'
-  if (typeof document !== 'undefined') {
-    const documentElement = document.documentElement
-    if (documentElement) {
-      documentElement.setAttribute('data-vxe-theme', theme)
-    }
-  }
-}