@vxe-ui/plugin-render-element 4.3.1 → 4.4.0

package/src/index.ts

@@ -1,124 +1,124 @@
-import { defineTableRender } from './table'
-import { defineFormRender } from './form'
-import { defineFormDesignRender } from './form-design'
-import { globalConfig, componentMaps } from './store'
-import XEUtils from 'xe-utils'
-
-import type { VxeUIPluginRenderElementOptions } from '../types'
-import type { VxeUIPluginObject, VxeGlobalInterceptorHandles } from 'vxe-pc-ui'
-
-// eslint-disable-next-line no-unused-vars
-let ElementPlus: any
-
-function getEventTarget (evnt: Event) {
-  const target = evnt.target as HTMLElement | null
-  if (target && (target as any).shadowRoot && evnt.composed) {
-    return evnt.composedPath()[0] as HTMLElement || target
-  }
-  return target
-}
-
-/**
- * 检查触发源是否属于目标节点
- */
-function getEventTargetNode (evnt: any, container: HTMLElement, className: string) {
-  let targetElem
-  let target = getEventTarget(evnt)
-  const rootEl = document.documentElement || document.querySelector('html')
-  while (target && target.nodeType && target !== rootEl) {
-    if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
-      targetElem = target
-    } else if (target === container) {
-      return { flag: className ? !!targetElem : true, container, targetElem: targetElem }
-    }
-    target = target.parentElement
-  }
-  return { flag: false }
-}
-
-function toComponentName (name: string) {
-  if (name) {
-    return name.slice(0, 1).toUpperCase() + name.slice(1)
-  }
-  return name
-}
-
-export const VxeUIPluginRenderElement: VxeUIPluginObject = {
-  component (comp: any) {
-    if (comp && comp.name) {
-      const kcName = XEUtils.kebabCase(comp.name)
-      const ccName = toComponentName(XEUtils.camelCase(comp.name))
-      componentMaps[kcName] = comp
-      componentMaps[ccName] = comp
-    } else {
-      console.error('[VUE_APP_VXE_PLUGIN_VERSION] error component.', comp)
-    }
-  },
-  install (VxeUI, options?: VxeUIPluginRenderElementOptions) {
-    const pluginOpts = Object.assign({}, options)
-
-    if (options) {
-      ElementPlus = options.ElementPlus
-      Object.assign(globalConfig, options)
-    }
-
-    // 检查版本
-    if (VxeUI.checkVersion) {
-      const pVersion = 4
-      const sVersion = 11
-      if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
-        console.error(`[VUE_APP_VXE_PLUGIN_VERSION] ${VxeUI.getI18n('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`])} VUE_APP_VXE_PLUGIN_DESCRIBE`)
-      }
-    } else {
-      if (!/^(4)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
-        console.error('[VUE_APP_VXE_PLUGIN_VERSION] Requires VUE_APP_VXE_TABLE_VERSION+ version. VUE_APP_VXE_PLUGIN_DESCRIBE')
-      }
-    }
-
-    /**
-     * 事件兼容性处理
-     */
-    function handleClearEvent (params: VxeGlobalInterceptorHandles.InterceptorClearFilterParams | VxeGlobalInterceptorHandles.InterceptorClearEditParams | VxeGlobalInterceptorHandles.InterceptorClearAreasParams) {
-      const { $event } = params
-      const bodyElem = document.body
-      const prefixCls = `${pluginOpts.prefixCls || 'el'}`.replace(/-$/, '')
-      if (
-        // 远程搜索
-        getEventTargetNode($event, bodyElem, `${prefixCls}-autocomplete-suggestion`).flag ||
-        // 下拉框
-        getEventTargetNode($event, bodyElem, `${prefixCls}-select-dropdown`).flag ||
-        // 级联
-        getEventTargetNode($event, bodyElem, `${prefixCls}-cascader__dropdown`).flag ||
-        getEventTargetNode($event, bodyElem, `${prefixCls}-cascader-menus`).flag ||
-        // 日期
-        getEventTargetNode($event, bodyElem, `${prefixCls}-time-panel`).flag ||
-        getEventTargetNode($event, bodyElem, `${prefixCls}-picker-panel`).flag ||
-        // 颜色
-        getEventTargetNode($event, bodyElem, `${prefixCls}-color-dropdown`).flag
-      ) {
-        return false
-      }
-    }
-
-    defineTableRender(VxeUI)
-    defineFormRender(VxeUI)
-    defineFormDesignRender(VxeUI)
-
-    VxeUI.interceptor.add('event.clearFilter', handleClearEvent)
-    VxeUI.interceptor.add('event.clearEdit', handleClearEvent)
-    VxeUI.interceptor.add('event.clearAreas', handleClearEvent)
-    // 兼容老版本
-    VxeUI.interceptor.add('event.clearActived', handleClearEvent)
-  }
-}
-
-if (typeof window !== 'undefined') {
-  if (window.VxeUI && window.VxeUI.use) {
-    window.VxeUI.use(VxeUIPluginRenderElement)
-  }
-  if ((window as any).ElementPlus) {
-    globalConfig.ElementPlus = (window as any).ElementPlus
-  }
-}
-
-export default VxeUIPluginRenderElement
+import { defineTableRender } from './table'
+import { defineFormRender } from './form'
+import { defineFormDesignRender } from './form-design'
+import { globalConfig, componentMaps } from './store'
+import XEUtils from 'xe-utils'
+
+import type { VxeUIPluginRenderElementOptions } from '../types'
+import type { VxeUIPluginObject, VxeGlobalInterceptorHandles } from 'vxe-pc-ui'
+
+// eslint-disable-next-line no-unused-vars
+let ElementPlus: any
+
+function getEventTarget (evnt: Event) {
+  const target = evnt.target as HTMLElement | null
+  if (target && (target as any).shadowRoot && evnt.composed) {
+    return evnt.composedPath()[0] as HTMLElement || target
+  }
+  return target
+}
+
+/**
+ * 检查触发源是否属于目标节点
+ */
+function getEventTargetNode (evnt: any, container: HTMLElement, className: string) {
+  let targetElem
+  let target = getEventTarget(evnt)
+  const rootEl = document.documentElement || document.querySelector('html')
+  while (target && target.nodeType && target !== rootEl) {
+    if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
+      targetElem = target
+    } else if (target === container) {
+      return { flag: className ? !!targetElem : true, container, targetElem: targetElem }
+    }
+    target = target.parentElement
+  }
+  return { flag: false }
+}
+
+function toComponentName (name: string) {
+  if (name) {
+    return name.slice(0, 1).toUpperCase() + name.slice(1)
+  }
+  return name
+}
+
+export const VxeUIPluginRenderElement: VxeUIPluginObject = {
+  component (comp: any) {
+    if (comp && comp.name) {
+      const kcName = XEUtils.kebabCase(comp.name)
+      const ccName = toComponentName(XEUtils.camelCase(comp.name))
+      componentMaps[kcName] = comp
+      componentMaps[ccName] = comp
+    } else {
+      console.error('[VUE_APP_VXE_PLUGIN_VERSION] error component.', comp)
+    }
+  },
+  install (VxeUI, options?: VxeUIPluginRenderElementOptions) {
+    const pluginOpts = Object.assign({}, options)
+
+    if (options) {
+      ElementPlus = options.ElementPlus
+      Object.assign(globalConfig, options)
+    }
+
+    // 检查版本
+    if (VxeUI.checkVersion) {
+      const pVersion = 4
+      const sVersion = 11
+      if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+        console.error(`[VUE_APP_VXE_PLUGIN_VERSION] ${VxeUI.getI18n('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`])} VUE_APP_VXE_PLUGIN_DESCRIBE`)
+      }
+    } else {
+      if (!/^(4)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
+        console.error('[VUE_APP_VXE_PLUGIN_VERSION] Requires VUE_APP_VXE_TABLE_VERSION+ version. VUE_APP_VXE_PLUGIN_DESCRIBE')
+      }
+    }
+
+    /**
+     * 事件兼容性处理
+     */
+    function handleClearEvent (params: VxeGlobalInterceptorHandles.InterceptorClearFilterParams | VxeGlobalInterceptorHandles.InterceptorClearEditParams | VxeGlobalInterceptorHandles.InterceptorClearAreasParams) {
+      const { $event } = params
+      const bodyElem = document.body
+      const prefixCls = `${pluginOpts.prefixCls || 'el'}`.replace(/-$/, '')
+      if (
+        // 远程搜索
+        getEventTargetNode($event, bodyElem, `${prefixCls}-autocomplete-suggestion`).flag ||
+        // 下拉框
+        getEventTargetNode($event, bodyElem, `${prefixCls}-select-dropdown`).flag ||
+        // 级联
+        getEventTargetNode($event, bodyElem, `${prefixCls}-cascader__dropdown`).flag ||
+        getEventTargetNode($event, bodyElem, `${prefixCls}-cascader-menus`).flag ||
+        // 日期
+        getEventTargetNode($event, bodyElem, `${prefixCls}-time-panel`).flag ||
+        getEventTargetNode($event, bodyElem, `${prefixCls}-picker-panel`).flag ||
+        // 颜色
+        getEventTargetNode($event, bodyElem, `${prefixCls}-color-dropdown`).flag
+      ) {
+        return false
+      }
+    }
+
+    defineTableRender(VxeUI)
+    defineFormRender(VxeUI)
+    defineFormDesignRender(VxeUI)
+
+    VxeUI.interceptor.add('event.clearFilter', handleClearEvent)
+    VxeUI.interceptor.add('event.clearEdit', handleClearEvent)
+    VxeUI.interceptor.add('event.clearAreas', handleClearEvent)
+    // 兼容老版本
+    VxeUI.interceptor.add('event.clearActived', handleClearEvent)
+  }
+}
+
+if (typeof window !== 'undefined') {
+  if (window.VxeUI && window.VxeUI.use) {
+    window.VxeUI.use(VxeUIPluginRenderElement)
+  }
+  if ((window as any).ElementPlus) {
+    globalConfig.ElementPlus = (window as any).ElementPlus
+  }
+}
+
+export default VxeUIPluginRenderElement

package/src/store/index.ts

@@ -1,5 +1,5 @@
-import type { DefineComponent, ConcreteComponent } from 'vue'
-import type { VxeUIPluginRenderElementOptions } from '../../types'
-
-export const globalConfig: VxeUIPluginRenderElementOptions = {}
-export const componentMaps: Record<string, DefineComponent | ConcreteComponent> = {}
+import type { DefineComponent, ConcreteComponent } from 'vue'
+import type { VxeUIPluginRenderElementOptions } from '../../types'
+
+export const globalConfig: VxeUIPluginRenderElementOptions = {}
+export const componentMaps: Record<string, DefineComponent | ConcreteComponent> = {}