vxe-pc-ui 3.13.11 → 3.13.13

package/packages/upload/src/util.ts

@@ -1,109 +1,109 @@
-import XEUtils from 'xe-utils'
-import { VxeUI, getI18n } from '@vxe-ui/core'
-
-import type { VxeUploadDefines } from '../../../types'
-
-// 导入
-let fileForm: HTMLFormElement | null = null
-let fileInput: HTMLInputElement | null = null
-
-export function parseFile (file: File) {
-  const name = file.name
-  const tIndex = XEUtils.lastIndexOf(name, '.')
-  const type = name.substring(tIndex + 1, name.length).toLowerCase()
-  const filename = name.substring(0, tIndex)
-  return { filename, type }
-}
-
-/**
- * 读取本地文件
- */
-export const readLocalFile: VxeUploadDefines.ReadFileFunction = (options) => {
-  const opts = Object.assign({}, options)
-  return new Promise((resolve, reject) => {
-    if (!fileInput) {
-      fileInput = document.createElement('input')
-      fileInput.name = 'file'
-      fileInput.type = 'file'
-    }
-    if (!fileForm) {
-      fileForm = document.createElement('form')
-      fileForm.style.display = 'none'
-      fileForm.appendChild(fileInput)
-      document.body.appendChild(fileForm)
-    }
-
-    const types = opts.types || []
-    const isAllType = !types.length || types.some((type) => type === '*')
-    fileInput.multiple = !!opts.multiple
-    fileInput.accept = isAllType ? '' : `.${types.join(', .')}`
-    fileInput.onchange = (evnt) => {
-      const eventTarget = evnt.target as (EventTarget & { files: FileList })
-      const files = Array.from(eventTarget.files || [])
-      const file = files[0]
-      let errType = ''
-      // 校验类型
-      if (!isAllType) {
-        for (let fIndex = 0; fIndex < files.length; fIndex++) {
-          const { type } = parseFile(files[fIndex])
-          if (!XEUtils.includes(types, type)) {
-            errType = type
-            break
-          }
-        }
-      }
-      if (!errType) {
-        resolve({ status: true, files, file })
-      } else {
-        if (opts.message !== false) {
-          if (VxeUI.modal) {
-            VxeUI.modal.message({
-              content: getI18n('vxe.error.notType', [errType]),
-              status: 'error'
-            })
-          }
-        }
-        const params = { status: false, files, file }
-        reject(params)
-      }
-    }
-    fileForm.reset()
-    fileInput.click()
-  })
-}
-
-export function getExportBlobByContent (content: string, options: { type: string }) {
-  return new Blob([content], { type: `text/${options.type};charset=utf-8;` })
-}
-
-/**
- * 保存文件到本地
- */
-export const saveLocalFile: VxeUploadDefines.SaveFileFunction = (options) => {
-  const opts = Object.assign({ type: '' }, options)
-  const { filename, type, content } = opts
-  const name = type ? `${filename}.${type}` : `${filename}`
-  if (window.Blob) {
-    const blob = content instanceof Blob ? content : getExportBlobByContent(XEUtils.toValueString(content), opts)
-    const winNavigator = window.navigator as Navigator & { msSaveBlob(blob: Blob, name: string): any }
-    if (winNavigator.msSaveBlob) {
-      winNavigator.msSaveBlob(blob, name)
-    } else {
-      const url = URL.createObjectURL(blob)
-      const linkElem = document.createElement('a')
-      linkElem.target = '_blank'
-      linkElem.download = name
-      linkElem.href = url
-      document.body.appendChild(linkElem)
-      linkElem.click()
-      requestAnimationFrame(() => {
-        if (linkElem.parentNode) {
-          linkElem.parentNode.removeChild(linkElem)
-        }
-        URL.revokeObjectURL(url)
-      })
-    }
-    return Promise.resolve()
-  }
-  return Promise.reject(new Error(getI18n('vxe.error.notExp')))
-}
+import XEUtils from 'xe-utils'
+import { VxeUI, getI18n } from '@vxe-ui/core'
+
+import type { VxeUploadDefines } from '../../../types'
+
+// 导入
+let fileForm: HTMLFormElement | null = null
+let fileInput: HTMLInputElement | null = null
+
+export function parseFile (file: File) {
+  const name = file.name
+  const tIndex = XEUtils.lastIndexOf(name, '.')
+  const type = name.substring(tIndex + 1, name.length).toLowerCase()
+  const filename = name.substring(0, tIndex)
+  return { filename, type }
+}
+
+/**
+ * 读取本地文件
+ */
+export const readLocalFile: VxeUploadDefines.ReadFileFunction = (options) => {
+  const opts = Object.assign({}, options)
+  return new Promise((resolve, reject) => {
+    if (!fileInput) {
+      fileInput = document.createElement('input')
+      fileInput.name = 'file'
+      fileInput.type = 'file'
+    }
+    if (!fileForm) {
+      fileForm = document.createElement('form')
+      fileForm.style.display = 'none'
+      fileForm.appendChild(fileInput)
+      document.body.appendChild(fileForm)
+    }
+
+    const types = opts.types || []
+    const isAllType = !types.length || types.some((type) => type === '*')
+    fileInput.multiple = !!opts.multiple
+    fileInput.accept = isAllType ? '' : `.${types.join(', .')}`
+    fileInput.onchange = (evnt) => {
+      const eventTarget = evnt.target as (EventTarget & { files: FileList })
+      const files = Array.from(eventTarget.files || [])
+      const file = files[0]
+      let errType = ''
+      // 校验类型
+      if (!isAllType) {
+        for (let fIndex = 0; fIndex < files.length; fIndex++) {
+          const { type } = parseFile(files[fIndex])
+          if (!XEUtils.includes(types, type)) {
+            errType = type
+            break
+          }
+        }
+      }
+      if (!errType) {
+        resolve({ status: true, files, file })
+      } else {
+        if (opts.message !== false) {
+          if (VxeUI.modal) {
+            VxeUI.modal.message({
+              content: getI18n('vxe.error.notType', [errType]),
+              status: 'error'
+            })
+          }
+        }
+        const params = { status: false, files, file }
+        reject(params)
+      }
+    }
+    fileForm.reset()
+    fileInput.click()
+  })
+}
+
+export function getExportBlobByContent (content: string, options: { type: string }) {
+  return new Blob([content], { type: `text/${options.type};charset=utf-8;` })
+}
+
+/**
+ * 保存文件到本地
+ */
+export const saveLocalFile: VxeUploadDefines.SaveFileFunction = (options) => {
+  const opts = Object.assign({ type: '' }, options)
+  const { filename, type, content } = opts
+  const name = type ? `${filename}.${type}` : `${filename}`
+  if (window.Blob) {
+    const blob = content instanceof Blob ? content : getExportBlobByContent(XEUtils.toValueString(content), opts)
+    const winNavigator = window.navigator as Navigator & { msSaveBlob(blob: Blob, name: string): any }
+    if (winNavigator.msSaveBlob) {
+      winNavigator.msSaveBlob(blob, name)
+    } else {
+      const url = URL.createObjectURL(blob)
+      const linkElem = document.createElement('a')
+      linkElem.target = '_blank'
+      linkElem.download = name
+      linkElem.href = url
+      document.body.appendChild(linkElem)
+      linkElem.click()
+      requestAnimationFrame(() => {
+        if (linkElem.parentNode) {
+          linkElem.parentNode.removeChild(linkElem)
+        }
+        URL.revokeObjectURL(url)
+      })
+    }
+    return Promise.resolve()
+  }
+  return Promise.reject(new Error(getI18n('vxe.error.notExp')))
+}

package/packages/vxe-u-i/index.ts

@@ -1,4 +1,4 @@
-import VxeUI from '../ui'
-
-export * from '../ui'
-export default VxeUI
+import VxeUI from '../ui'
+
+export * from '../ui'
+export default VxeUI

package/packages/watermark/index.ts

@@ -1,31 +1,31 @@
-import { VueConstructor } from 'vue'
-import { VxeUI } from '@vxe-ui/core'
-import VxeWatermarkComponent from './src/watermark'
-import { checkDynamic, dynamicStore, dynamicApp } from '../dynamics'
-
-import type { VxeWatermarkProps } from '../../types'
-
-export const VxeWatermark = Object.assign({}, VxeWatermarkComponent, {
-  install (app: VueConstructor) {
-    app.component(VxeWatermarkComponent.name as string, VxeWatermarkComponent)
-  }
-})
-
-dynamicApp.use(VxeWatermark)
-VxeUI.component(VxeWatermarkComponent)
-
-export const WatermarkController = {
-  load (options: VxeWatermarkProps) {
-    checkDynamic()
-    dynamicStore.globalWatermark = Object.assign({}, options)
-    return Promise.resolve()
-  },
-  clear () {
-    dynamicStore.globalWatermark = null
-    return Promise.resolve()
-  }
-}
-VxeUI.watermark = WatermarkController
-
-export const Watermark = VxeWatermark
-export default VxeWatermark
+import { VueConstructor } from 'vue'
+import { VxeUI } from '@vxe-ui/core'
+import VxeWatermarkComponent from './src/watermark'
+import { checkDynamic, dynamicStore, dynamicApp } from '../dynamics'
+
+import type { VxeWatermarkProps } from '../../types'
+
+export const VxeWatermark = Object.assign({}, VxeWatermarkComponent, {
+  install (app: VueConstructor) {
+    app.component(VxeWatermarkComponent.name as string, VxeWatermarkComponent)
+  }
+})
+
+dynamicApp.use(VxeWatermark)
+VxeUI.component(VxeWatermarkComponent)
+
+export const WatermarkController = {
+  load (options: VxeWatermarkProps) {
+    checkDynamic()
+    dynamicStore.globalWatermark = Object.assign({}, options)
+    return Promise.resolve()
+  },
+  clear () {
+    dynamicStore.globalWatermark = null
+    return Promise.resolve()
+  }
+}
+VxeUI.watermark = WatermarkController
+
+export const Watermark = VxeWatermark
+export default VxeWatermark

package/packages/watermark/src/util.ts

@@ -1,176 +1,176 @@
-import XEUtils from 'xe-utils'
-import { toCssUnit } from '../../ui/src/dom'
-
-import type { VxeWatermarkPropTypes, VxeWatermarkDefines } from '../../../types'
-
-interface ContentMarkOptions {
-  rotate?: VxeWatermarkPropTypes.Rotate
-  font: VxeWatermarkPropTypes.Font
-  gap?: VxeWatermarkPropTypes.Gap
-  offset?: VxeWatermarkPropTypes.Offset
-}
-
-let canvasEl: HTMLCanvasElement | null = null
-let fontEl: HTMLSpanElement | null = null
-
-const fontCacheMaps: Record<string, {
-  width: number
-  height: number
-}> = {}
-
-function getMarkCanvas () {
-  if (!canvasEl) {
-    canvasEl = document.createElement('canvas')
-    canvasEl.style.position = 'absolute'
-    canvasEl.style.top = '0'
-    canvasEl.style.left = '0'
-  }
-  return canvasEl
-}
-
-function removeMarkElement (elem: Element | null) {
-  if (elem) {
-    const parentEl = elem.parentNode
-    if (parentEl) {
-      parentEl.removeChild(elem)
-    }
-  }
-}
-
-function calcFontWH (text: string, fontSize: number) {
-  const fKey = `${fontSize}_${text}`
-  if (!fontCacheMaps[fKey]) {
-    if (!fontEl) {
-      fontEl = document.createElement('span')
-    }
-    if (!fontEl.parentNode) {
-      document.body.append(fontEl)
-    }
-    fontEl.textContent = text
-    fontEl.style.fontSize = toCssUnit(fontSize)
-    const width = fontEl.offsetWidth
-    const height = fontEl.offsetHeight
-    fontCacheMaps[fKey] = {
-      width,
-      height
-    }
-  }
-  return fontCacheMaps[fKey]
-}
-
-function calcContentWH (contList: VxeWatermarkDefines.ContentObj[]) {
-  let contentWidth = 0
-  let contentHeight = 0
-  contList.forEach(item => {
-    contentWidth = Math.max(item.width, contentWidth)
-    contentHeight = Math.max(item.height, contentHeight)
-  })
-  return {
-    contentWidth,
-    contentHeight
-  }
-}
-
-function calcCanvasWH (contentWidth: number, opts: ContentMarkOptions) {
-  const { gap } = opts
-  const [gapX = 0, gapY = 0] = gap ? ((XEUtils.isArray(gap) ? gap : [gap, gap])) : []
-  const canvasWidth = contentWidth + XEUtils.toNumber(gapX)
-  const canvasHeight = contentWidth + XEUtils.toNumber(gapY)
-  return {
-    canvasWidth,
-    canvasHeight
-  }
-}
-
-function getFontConf (item: VxeWatermarkDefines.ContentObj | VxeWatermarkDefines.ContentConf, key: keyof VxeWatermarkPropTypes.Font, opts: ContentMarkOptions) {
-  return (item.font ? item.font[key] : '') || (opts.font ? opts.font[key] : '')
-}
-
-function createMarkFont (contConf: VxeWatermarkDefines.ContentConf, defaultFontSize: number | string, opts: ContentMarkOptions) {
-  const { offset } = opts
-  const text = XEUtils.toValueString(contConf.textContent)
-  const fontSize = XEUtils.toNumber(getFontConf(contConf, 'fontSize', opts) || defaultFontSize) || 14
-  const [offsetX = 0, offsetY = 0] = offset ? ((XEUtils.isArray(offset) ? offset : [offset, offset])) : []
-  const { width, height } = calcFontWH(text, fontSize)
-  return {
-    text,
-    fontSize,
-    font: contConf.font,
-    width: width + XEUtils.toNumber(offsetX),
-    height: height + XEUtils.toNumber(offsetY)
-  }
-}
-
-function drayFont (ctx: CanvasRenderingContext2D, item: VxeWatermarkDefines.ContentObj, opts: ContentMarkOptions) {
-  const fontWeight = getFontConf(item, 'fontWeight', opts)
-  ctx.fillStyle = `${getFontConf(item, 'color', opts) || 'rgba(0, 0, 0, 0.15)'}`
-  ctx.font = [
-    getFontConf(item, 'fontStyle', opts) || 'normal',
-    fontWeight === 'bold' || fontWeight === 'bolder' ? 'bold' : '',
-    toCssUnit(item.fontSize),
-    getFontConf(item, 'fontFamily', opts) || 'sans-serif'
-  ].join(' ')
-}
-
-export function getContentUrl (content: VxeWatermarkPropTypes.Content, defaultFontSize: number | string, options: ContentMarkOptions) {
-  const opts = Object.assign({}, options)
-  const { rotate } = opts
-  const deg = XEUtils.toNumber(rotate)
-
-  const contList: VxeWatermarkDefines.ContentObj[] = (XEUtils.isArray(content) ? content : [content]).map(item => {
-    if (item) {
-      if ((item as any).textContent) {
-        return createMarkFont(item as VxeWatermarkDefines.ContentConf, defaultFontSize, opts)
-      }
-      return createMarkFont({
-        textContent: `${item}`
-      }, defaultFontSize, opts)
-    }
-    return createMarkFont({
-      textContent: ''
-    }, defaultFontSize, opts)
-  })
-  removeMarkElement(fontEl)
-
-  return new Promise<string>((resolve) => {
-    const canvasEl = getMarkCanvas()
-    if (!canvasEl.parentNode) {
-      document.body.append(canvasEl)
-    }
-    const ctx = canvasEl.getContext('2d')
-    if (ctx && contList.length) {
-      const { contentWidth, contentHeight } = calcContentWH(contList)
-      const { canvasWidth, canvasHeight } = calcCanvasWH(contentWidth, opts)
-
-      canvasEl.width = canvasWidth
-      canvasEl.height = canvasHeight
-
-      const x = (canvasWidth - contentWidth) / 2
-      const y = (canvasHeight - contentHeight) / 2
-
-      const drayX = x + (contentWidth / 2)
-      const drayY = y + (contentHeight / 2)
-
-      ctx.save()
-      ctx.translate(drayX, drayY)
-      ctx.rotate(deg * Math.PI / 180)
-      ctx.translate(-drayX, -drayY)
-
-      let offsetHeight = 0
-      contList.forEach((item) => {
-        const align = getFontConf(item, 'align', opts)
-        drayFont(ctx, item, opts)
-        ctx.fillText(item.text, x + (align === 'center' ? (contentWidth - item.width) / 2 : 0), y + (contentHeight + contentHeight) / 2 + offsetHeight, contentWidth)
-        offsetHeight += item.height
-      })
-
-      ctx.restore()
-
-      resolve(canvasEl.toDataURL())
-      removeMarkElement(canvasEl)
-    } else {
-      resolve('')
-      removeMarkElement(canvasEl)
-    }
-  })
-}
+import XEUtils from 'xe-utils'
+import { toCssUnit } from '../../ui/src/dom'
+
+import type { VxeWatermarkPropTypes, VxeWatermarkDefines } from '../../../types'
+
+interface ContentMarkOptions {
+  rotate?: VxeWatermarkPropTypes.Rotate
+  font: VxeWatermarkPropTypes.Font
+  gap?: VxeWatermarkPropTypes.Gap
+  offset?: VxeWatermarkPropTypes.Offset
+}
+
+let canvasEl: HTMLCanvasElement | null = null
+let fontEl: HTMLSpanElement | null = null
+
+const fontCacheMaps: Record<string, {
+  width: number
+  height: number
+}> = {}
+
+function getMarkCanvas () {
+  if (!canvasEl) {
+    canvasEl = document.createElement('canvas')
+    canvasEl.style.position = 'absolute'
+    canvasEl.style.top = '0'
+    canvasEl.style.left = '0'
+  }
+  return canvasEl
+}
+
+function removeMarkElement (elem: Element | null) {
+  if (elem) {
+    const parentEl = elem.parentNode
+    if (parentEl) {
+      parentEl.removeChild(elem)
+    }
+  }
+}
+
+function calcFontWH (text: string, fontSize: number) {
+  const fKey = `${fontSize}_${text}`
+  if (!fontCacheMaps[fKey]) {
+    if (!fontEl) {
+      fontEl = document.createElement('span')
+    }
+    if (!fontEl.parentNode) {
+      document.body.append(fontEl)
+    }
+    fontEl.textContent = text
+    fontEl.style.fontSize = toCssUnit(fontSize)
+    const width = fontEl.offsetWidth
+    const height = fontEl.offsetHeight
+    fontCacheMaps[fKey] = {
+      width,
+      height
+    }
+  }
+  return fontCacheMaps[fKey]
+}
+
+function calcContentWH (contList: VxeWatermarkDefines.ContentObj[]) {
+  let contentWidth = 0
+  let contentHeight = 0
+  contList.forEach(item => {
+    contentWidth = Math.max(item.width, contentWidth)
+    contentHeight = Math.max(item.height, contentHeight)
+  })
+  return {
+    contentWidth,
+    contentHeight
+  }
+}
+
+function calcCanvasWH (contentWidth: number, opts: ContentMarkOptions) {
+  const { gap } = opts
+  const [gapX = 0, gapY = 0] = gap ? ((XEUtils.isArray(gap) ? gap : [gap, gap])) : []
+  const canvasWidth = contentWidth + XEUtils.toNumber(gapX)
+  const canvasHeight = contentWidth + XEUtils.toNumber(gapY)
+  return {
+    canvasWidth,
+    canvasHeight
+  }
+}
+
+function getFontConf (item: VxeWatermarkDefines.ContentObj | VxeWatermarkDefines.ContentConf, key: keyof VxeWatermarkPropTypes.Font, opts: ContentMarkOptions) {
+  return (item.font ? item.font[key] : '') || (opts.font ? opts.font[key] : '')
+}
+
+function createMarkFont (contConf: VxeWatermarkDefines.ContentConf, defaultFontSize: number | string, opts: ContentMarkOptions) {
+  const { offset } = opts
+  const text = XEUtils.toValueString(contConf.textContent)
+  const fontSize = XEUtils.toNumber(getFontConf(contConf, 'fontSize', opts) || defaultFontSize) || 14
+  const [offsetX = 0, offsetY = 0] = offset ? ((XEUtils.isArray(offset) ? offset : [offset, offset])) : []
+  const { width, height } = calcFontWH(text, fontSize)
+  return {
+    text,
+    fontSize,
+    font: contConf.font,
+    width: width + XEUtils.toNumber(offsetX),
+    height: height + XEUtils.toNumber(offsetY)
+  }
+}
+
+function drayFont (ctx: CanvasRenderingContext2D, item: VxeWatermarkDefines.ContentObj, opts: ContentMarkOptions) {
+  const fontWeight = getFontConf(item, 'fontWeight', opts)
+  ctx.fillStyle = `${getFontConf(item, 'color', opts) || 'rgba(0, 0, 0, 0.15)'}`
+  ctx.font = [
+    getFontConf(item, 'fontStyle', opts) || 'normal',
+    fontWeight === 'bold' || fontWeight === 'bolder' ? 'bold' : '',
+    toCssUnit(item.fontSize),
+    getFontConf(item, 'fontFamily', opts) || 'sans-serif'
+  ].join(' ')
+}
+
+export function getContentUrl (content: VxeWatermarkPropTypes.Content, defaultFontSize: number | string, options: ContentMarkOptions) {
+  const opts = Object.assign({}, options)
+  const { rotate } = opts
+  const deg = XEUtils.toNumber(rotate)
+
+  const contList: VxeWatermarkDefines.ContentObj[] = (XEUtils.isArray(content) ? content : [content]).map(item => {
+    if (item) {
+      if ((item as any).textContent) {
+        return createMarkFont(item as VxeWatermarkDefines.ContentConf, defaultFontSize, opts)
+      }
+      return createMarkFont({
+        textContent: `${item}`
+      }, defaultFontSize, opts)
+    }
+    return createMarkFont({
+      textContent: ''
+    }, defaultFontSize, opts)
+  })
+  removeMarkElement(fontEl)
+
+  return new Promise<string>((resolve) => {
+    const canvasEl = getMarkCanvas()
+    if (!canvasEl.parentNode) {
+      document.body.append(canvasEl)
+    }
+    const ctx = canvasEl.getContext('2d')
+    if (ctx && contList.length) {
+      const { contentWidth, contentHeight } = calcContentWH(contList)
+      const { canvasWidth, canvasHeight } = calcCanvasWH(contentWidth, opts)
+
+      canvasEl.width = canvasWidth
+      canvasEl.height = canvasHeight
+
+      const x = (canvasWidth - contentWidth) / 2
+      const y = (canvasHeight - contentHeight) / 2
+
+      const drayX = x + (contentWidth / 2)
+      const drayY = y + (contentHeight / 2)
+
+      ctx.save()
+      ctx.translate(drayX, drayY)
+      ctx.rotate(deg * Math.PI / 180)
+      ctx.translate(-drayX, -drayY)
+
+      let offsetHeight = 0
+      contList.forEach((item) => {
+        const align = getFontConf(item, 'align', opts)
+        drayFont(ctx, item, opts)
+        ctx.fillText(item.text, x + (align === 'center' ? (contentWidth - item.width) / 2 : 0), y + (contentHeight + contentHeight) / 2 + offsetHeight, contentWidth)
+        offsetHeight += item.height
+      })
+
+      ctx.restore()
+
+      resolve(canvasEl.toDataURL())
+      removeMarkElement(canvasEl)
+    } else {
+      resolve('')
+      removeMarkElement(canvasEl)
+    }
+  })
+}