@vxe-ui/core 0.0.1 → 0.1.0

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

@@ -7,7 +7,6 @@ export interface VxeGlobalConfig {
   zIndex?: number
   size?: VxeComponentSize
   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,26 @@
+import { VxeComponentBase } 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 interface VxeGlobalEvents {
+  on (comp: VxeComponentBase, type: VxeGlobalEventType, cb: (evnt: any) => void): void
+  off (comp: VxeComponentBase, 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,17 +12,24 @@ 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
@@ -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/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)
-    }
-  }
-}