@vxe-ui/core 1.0.12 → 4.0.0

package/packages/src/renderer.ts

@@ -1,50 +1,50 @@
-import XEUtils from 'xe-utils'
-import { log } from './log'
-
-import { VxeGlobalRenderer, VxeGlobalRendererOptions } from '../../types'
-
-/**
- * 内置的组件渲染
- */
-const renderMap: Record<string, VxeGlobalRendererOptions> = {}
-
-/**
- * 全局渲染器
- */
-export const renderer: VxeGlobalRenderer = {
-  mixin (opts) {
-    XEUtils.each(opts, (options, name) => renderer.add(name, options))
-    return renderer
-  },
-  get (name: string) {
-    return renderMap[name] || null
-  },
-  add (name, options) {
-    if (name && options) {
-      const renders: any = renderMap[name]
-      if (renders) {
-        // 检测是否覆盖
-        if (process.env.VUE_APP_VXE_ENV === 'development') {
-          XEUtils.each(options, (val, key) => {
-            if (!XEUtils.eqNull(renders[key]) && renders[key] !== val) {
-              log.warn('vxe.error.coverProp', [`Renderer.${name}`, key])
-            }
-          })
-        }
-
-        Object.assign(renders, options)
-      } else {
-        renderMap[name] = options
-      }
-    }
-    return renderer
-  },
-  forEach (callback) {
-    XEUtils.objectEach(renderMap, callback)
-    return renderer
-  },
-  delete (name) {
-    delete renderMap[name]
-    return renderer
-  }
-}
+import XEUtils from 'xe-utils'
+import { log } from './log'
+
+import { VxeGlobalRenderer, VxeGlobalRendererOptions } from '../../types'
+
+/**
+ * 内置的组件渲染
+ */
+const renderMap: Record<string, VxeGlobalRendererOptions> = {}
+
+/**
+ * 全局渲染器
+ */
+export const renderer: VxeGlobalRenderer = {
+  mixin (opts) {
+    XEUtils.each(opts, (options, name) => renderer.add(name, options))
+    return renderer
+  },
+  get (name: string) {
+    return renderMap[name] || null
+  },
+  add (name, options) {
+    if (name && options) {
+      const renders: any = renderMap[name]
+      if (renders) {
+        // 检测是否覆盖
+        if (process.env.VUE_APP_VXE_ENV === 'development') {
+          XEUtils.each(options, (val, key) => {
+            if (!XEUtils.eqNull(renders[key]) && renders[key] !== val) {
+              log.warn('vxe.error.coverProp', [`Renderer.${name}`, key])
+            }
+          })
+        }
+
+        Object.assign(renders, options)
+      } else {
+        renderMap[name] = options
+      }
+    }
+    return renderer
+  },
+  forEach (callback) {
+    XEUtils.objectEach(renderMap, callback)
+    return renderer
+  },
+  delete (name) {
+    delete renderMap[name]
+    return renderer
+  }
+}

package/packages/src/resize.ts

@@ -1,89 +1,89 @@
-import XEUtils from 'xe-utils'
-import { globalConfigStore } from './globalStore'
-
-import { VxeGlobalResize } from '../../types'
-
-/**
- * 监听 resize 事件
- * 如果项目中已使用了 resize-observer-polyfill，那么只需要将方法定义全局，该组件就会自动使用
- */
-let resizeTimeout: any
-/* eslint-disable no-use-before-define */
-const eventStore: XEResizeObserver[] = []
-const defaultInterval = 500
-
-function eventHandle () {
-  if (eventStore.length) {
-    eventStore.forEach((item) => {
-      item.tarList.forEach((observer) => {
-        const { target, width, heighe } = observer
-        const clientWidth = target.clientWidth
-        const clientHeight = target.clientHeight
-        const rWidth = clientWidth && width !== clientWidth
-        const rHeight = clientHeight && heighe !== clientHeight
-        if (rWidth || rHeight) {
-          observer.width = clientWidth
-          observer.heighe = clientHeight
-          setTimeout(item.callback)
-        }
-      })
-    })
-    /* eslint-disable @typescript-eslint/no-use-before-define */
-    eventListener()
-  }
-}
-
-function eventListener () {
-  clearTimeout(resizeTimeout)
-  resizeTimeout = setTimeout(eventHandle, globalConfigStore.resizeInterval || defaultInterval)
-}
-
-class XEResizeObserver {
-  tarList: {
-    target: Element;
-    width: number;
-    heighe: number;
-  }[] = []
-
-  callback: (...args: any[]) => void
-
-  constructor (callback: (...args: any[]) => void) {
-    this.callback = callback
-  }
-
-  observe (target: Element): void {
-    if (target) {
-      const { tarList } = this
-      if (!tarList.some(observer => observer.target === target)) {
-        tarList.push({
-          target,
-          width: target.clientWidth,
-          heighe: target.clientHeight
-        })
-      }
-      if (!eventStore.length) {
-        eventListener()
-      }
-      if (!eventStore.some((item) => item === this)) {
-        eventStore.push(this)
-      }
-    }
-  }
-
-  unobserve (target: Element): void {
-    XEUtils.remove(eventStore, item => item.tarList.some(observer => observer.target === target))
-  }
-
-  disconnect (): void {
-    XEUtils.remove(eventStore, item => item === this)
-  }
-}
-
-export const globalResize: VxeGlobalResize = {
-  create (callback: (...args: any[]) => void) {
-    if (window.ResizeObserver) {
-      return new window.ResizeObserver(callback)
-    }
-    return new XEResizeObserver(callback)
-  }
-}
+import XEUtils from 'xe-utils'
+import { globalConfigStore } from './globalStore'
+
+import { VxeGlobalResize } from '../../types'
+
+/**
+ * 监听 resize 事件
+ * 如果项目中已使用了 resize-observer-polyfill，那么只需要将方法定义全局，该组件就会自动使用
+ */
+let resizeTimeout: any
+/* eslint-disable no-use-before-define */
+const eventStore: XEResizeObserver[] = []
+const defaultInterval = 500
+
+function eventHandle () {
+  if (eventStore.length) {
+    eventStore.forEach((item) => {
+      item.tarList.forEach((observer) => {
+        const { target, width, heighe } = observer
+        const clientWidth = target.clientWidth
+        const clientHeight = target.clientHeight
+        const rWidth = clientWidth && width !== clientWidth
+        const rHeight = clientHeight && heighe !== clientHeight
+        if (rWidth || rHeight) {
+          observer.width = clientWidth
+          observer.heighe = clientHeight
+          setTimeout(item.callback)
+        }
+      })
+    })
+    /* eslint-disable @typescript-eslint/no-use-before-define */
+    eventListener()
+  }
+}
+
+function eventListener () {
+  clearTimeout(resizeTimeout)
+  resizeTimeout = setTimeout(eventHandle, globalConfigStore.resizeInterval || defaultInterval)
+}
+
+class XEResizeObserver {
+  tarList: {
+    target: Element;
+    width: number;
+    heighe: number;
+  }[] = []
+
+  callback: (...args: any[]) => void
+
+  constructor (callback: (...args: any[]) => void) {
+    this.callback = callback
+  }
+
+  observe (target: Element): void {
+    if (target) {
+      const { tarList } = this
+      if (!tarList.some(observer => observer.target === target)) {
+        tarList.push({
+          target,
+          width: target.clientWidth,
+          heighe: target.clientHeight
+        })
+      }
+      if (!eventStore.length) {
+        eventListener()
+      }
+      if (!eventStore.some((item) => item === this)) {
+        eventStore.push(this)
+      }
+    }
+  }
+
+  unobserve (target: Element): void {
+    XEUtils.remove(eventStore, item => item.tarList.some(observer => observer.target === target))
+  }
+
+  disconnect (): void {
+    XEUtils.remove(eventStore, item => item === this)
+  }
+}
+
+export const globalResize: VxeGlobalResize = {
+  create (callback: (...args: any[]) => void) {
+    if (window.ResizeObserver) {
+      return new window.ResizeObserver(callback)
+    }
+    return new XEResizeObserver(callback)
+  }
+}

package/packages/src/store.ts

@@ -1,49 +1,49 @@
-import { log } from './log'
-import XEUtils from 'xe-utils'
-
-/**
- * 创建数据仓库
- */
-export class Store {
-  private store: any = {}
-
-  mixin (options: any): Store {
-    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, options: any): Store {
-    const conf = this.store[name]
-    // 检测是否覆盖
-    if (process.env.VUE_APP_VXE_ENV === 'development') {
-      const confKeys = XEUtils.keys(conf)
-      XEUtils.each(options, (item, key) => {
-        if (confKeys.includes(key)) {
-          log.warn('vxe.error.coverProp', [name, key])
-        }
-      })
-    }
-    this.store[name] = conf ? XEUtils.merge(conf, options) : options
-    return this
-  }
-
-  delete (name: string): void {
-    delete this.store[name]
-  }
-
-  forEach (callback: any): void {
-    XEUtils.objectEach(this.store, callback)
-  }
-}
-
-export default Store
+import { log } from './log'
+import XEUtils from 'xe-utils'
+
+/**
+ * 创建数据仓库
+ */
+export class Store {
+  private store: any = {}
+
+  mixin (options: any): Store {
+    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, options: any): Store {
+    const conf = this.store[name]
+    // 检测是否覆盖
+    if (process.env.VUE_APP_VXE_ENV === 'development') {
+      const confKeys = XEUtils.keys(conf)
+      XEUtils.each(options, (item, key) => {
+        if (confKeys.includes(key)) {
+          log.warn('vxe.error.coverProp', [name, key])
+        }
+      })
+    }
+    this.store[name] = conf ? XEUtils.merge(conf, options) : options
+    return this
+  }
+
+  delete (name: string): void {
+    delete this.store[name]
+  }
+
+  forEach (callback: any): void {
+    XEUtils.objectEach(this.store, callback)
+  }
+}
+
+export default Store

package/packages/src/themeStore.ts

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

package/packages/src/useFns.ts

@@ -1,34 +1,34 @@
-import { computed, inject, provide, ComputedRef } from 'vue'
-import { handleCheckInfo } from './permission'
-
-import type { VxeComponentSizeType, VxeComponentPermissionCodeType, VxeComponentPermissionMethod } from '../../types'
-
-export function useSize (props: {
-  size?: VxeComponentSizeType
-}) {
-  // 组件尺寸上下文
-  const xeSizeInfo = inject('xeSizeInfo', null as ComputedRef<VxeComponentSizeType> | null)
-  const computeSize = computed(() => {
-    return props.size || (xeSizeInfo ? xeSizeInfo.value : null)
-  })
-  provide('xeSizeInfo', computeSize)
-
-  return { computeSize }
-}
-
-export function usePermission (props: {
-  permissionCode?: VxeComponentPermissionCodeType
-  permissionMethod?: VxeComponentPermissionMethod
-}) {
-  const computePermissionInfo = computed(() => {
-    return handleCheckInfo(props.permissionCode, props.permissionMethod)
-  })
-  return {
-    computePermissionInfo
-  }
-}
-
-export const useFns = {
-  useSize,
-  usePermission
-}
+import { computed, inject, provide, ComputedRef } from 'vue'
+import { handleCheckInfo } from './permission'
+
+import type { VxeComponentSizeType, VxeComponentPermissionCodeType, VxeComponentPermissionMethod } from '../../types'
+
+export function useSize (props: {
+  size?: VxeComponentSizeType
+}) {
+  // 组件尺寸上下文
+  const xeSizeInfo = inject('xeSizeInfo', null as ComputedRef<VxeComponentSizeType> | null)
+  const computeSize = computed(() => {
+    return props.size || (xeSizeInfo ? xeSizeInfo.value : null)
+  })
+  provide('xeSizeInfo', computeSize)
+
+  return { computeSize }
+}
+
+export function usePermission (props: {
+  permissionCode?: VxeComponentPermissionCodeType
+  permissionMethod?: VxeComponentPermissionMethod
+}) {
+  const computePermissionInfo = computed(() => {
+    return handleCheckInfo(props.permissionCode, props.permissionMethod)
+  })
+  return {
+    computePermissionInfo
+  }
+}
+
+export const useFns = {
+  useSize,
+  usePermission
+}

package/packages/src/validators.ts

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

package/types/core/clipboard.d.ts

@@ -1,13 +1,13 @@
-export interface VxeGlobalClipboardCopyObj {
-  text: string
-  html: string
-}
-
-/**
- * 全局剪贴板
- */
-export interface VxeGlobalClipboard {
-  getStore(): VxeGlobalClipboardCopyObj
-  setStore(data: VxeGlobalClipboardCopyObj): void
-  copy(content: string | number | VxeGlobalClipboardCopyObj): boolean
-}
+export interface VxeGlobalClipboardCopyObj {
+  text: string
+  html: string
+}
+
+/**
+ * 全局剪贴板
+ */
+export interface VxeGlobalClipboard {
+  getStore(): VxeGlobalClipboardCopyObj
+  setStore(data: VxeGlobalClipboardCopyObj): void
+  copy(content: string | number | VxeGlobalClipboardCopyObj): boolean
+}

package/types/core/commands.d.ts

@@ -1,19 +1,19 @@
-/* eslint-disable no-use-before-define */
-
-export namespace VxeGlobalCommandsHandles {
-  export interface CommandsOptions {}
-}
-
-/**
- * 全局格式化
- */
-export interface VxeGlobalCommands {
-  mixin(opts: {
-    [name: string]: VxeGlobalCommandsHandles.CommandsOptions | ((params: any, ...args: any[]) => void)
-  }): VxeGlobalCommands
-  has(name: string): boolean
-  get(name: string): VxeGlobalCommandsHandles.CommandsOptions
-  add(name: string, options: VxeGlobalCommandsHandles.CommandsOptions | ((params: any, ...args: any[]) => void)): VxeGlobalCommands
-  delete(name: string): void
-  forEach(callback: (options: VxeGlobalCommandsHandles.CommandsOptions, name: string) => void): void
-}
+/* eslint-disable no-use-before-define */
+
+export namespace VxeGlobalCommandsHandles {
+  export interface CommandsOptions {}
+}
+
+/**
+ * 全局格式化
+ */
+export interface VxeGlobalCommands {
+  mixin(opts: {
+    [name: string]: VxeGlobalCommandsHandles.CommandsOptions | ((params: any, ...args: any[]) => void)
+  }): VxeGlobalCommands
+  has(name: string): boolean
+  get(name: string): VxeGlobalCommandsHandles.CommandsOptions
+  add(name: string, options: VxeGlobalCommandsHandles.CommandsOptions | ((params: any, ...args: any[]) => void)): VxeGlobalCommands
+  delete(name: string): void
+  forEach(callback: (options: VxeGlobalCommandsHandles.CommandsOptions, name: string) => void): void
+}

package/types/core/components.d.ts

@@ -1,4 +1,4 @@
-export interface VxeGlobalComponents {}
-
-export type VxeGlobalComponentMethod = (comp: any) => void
-export type VxeGlobalGetComponentMethod = <T = any>(name: keyof VxeGlobalComponents) => T
+export interface VxeGlobalComponents {}
+
+export type VxeGlobalComponentMethod = (comp: any) => void
+export type VxeGlobalGetComponentMethod = <T = any>(name: keyof VxeGlobalComponents) => T

package/types/core/formats.d.ts

@@ -1,19 +1,19 @@
-/* eslint-disable no-use-before-define */
-
-export namespace VxeGlobalFormatsHandles {
-  export interface FormatsOptions {}
-}
-
-/**
- * 全局格式化
- */
-export interface VxeGlobalFormats {
-  mixin(opts: {
-    [name: string]: VxeGlobalFormatsHandles.FormatsOptions | ((params: any, ...args: any[]) => string | number)
-  }): VxeGlobalFormats
-  has(name: string): boolean
-  get(name: string): VxeGlobalFormatsHandles.FormatsOptions
-  add(name: string, options: VxeGlobalFormatsHandles.FormatsOptions | ((params: any, ...args: any[]) => string | number)): VxeGlobalFormats
-  delete(name: string): void
-  forEach(callback: (options: VxeGlobalFormatsHandles.FormatsOptions, name: string) => void): void
-}
+/* eslint-disable no-use-before-define */
+
+export namespace VxeGlobalFormatsHandles {
+  export interface FormatsOptions {}
+}
+
+/**
+ * 全局格式化
+ */
+export interface VxeGlobalFormats {
+  mixin(opts: {
+    [name: string]: VxeGlobalFormatsHandles.FormatsOptions | ((params: any, ...args: any[]) => string | number)
+  }): VxeGlobalFormats
+  has(name: string): boolean
+  get(name: string): VxeGlobalFormatsHandles.FormatsOptions
+  add(name: string, options: VxeGlobalFormatsHandles.FormatsOptions | ((params: any, ...args: any[]) => string | number)): VxeGlobalFormats
+  delete(name: string): void
+  forEach(callback: (options: VxeGlobalFormatsHandles.FormatsOptions, name: string) => void): void
+}