tor-univer-sheet 1.0.0

package/src/utils/fileHelp.ts

@@ -0,0 +1,71 @@
+import { read, utils } from 'xlsx'
+
+export async function openMultipleFileSelector(acceptTypes = '*', multiple = false) {
+  const fileInput = document.createElement('input')
+  fileInput.type = 'file'
+  fileInput.accept = acceptTypes
+  fileInput.multiple = multiple // 允许多选
+  fileInput.click()
+  return new Promise((resolve, reject) => {
+    fileInput.onchange = function () {
+      const files = Array.from(fileInput?.files ?? [])
+      if (files.length > 0) {
+        resolve(files)
+      } else {
+        reject()
+      }
+    }
+  })
+}
+export function getXlsxData(file: File) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.onload = (ev) => {
+      try {
+        const data = ev.target?.result
+        if (!data) {
+          reject('读取文件失败')
+          return
+        }
+        const workbook = read(data, {
+          type: 'binary'
+        })
+        const sheetData: any[] = []
+        workbook.SheetNames.forEach((name) => {
+          sheetData.push(utils.sheet_to_json(workbook.Sheets[name]))
+        })
+        resolve(sheetData)
+      } catch (e) {
+        reject('读取错误!')
+      }
+    }
+    reader.readAsBinaryString(file)
+  })
+}
+/**
+ * 下载axios导出的文件
+ * @param res
+ * @param _filename
+ */
+export const downloadBlobRes = (res: any, _filename: string | undefined = undefined) => {
+  const data = res.data
+  if (data instanceof Blob) {
+    let filename = res.headers.get('content-disposition')?.split('filename=')?.[1] ?? '未知文件'
+    filename = decodeURIComponent(filename)
+    if (_filename) filename = _filename
+    if (typeof (window as any).chrome !== 'undefined') {
+      const link = document.createElement('a')
+      const url = URL.createObjectURL(data)
+      link.href = url
+      link.download = filename
+      link.click()
+      URL.revokeObjectURL(url)
+    } else if (window.navigator.msSaveBlob) {
+      window.navigator.msSaveBlob(data, filename)
+    } else {
+      const url = URL.createObjectURL(data)
+      window.open(url)
+      URL.revokeObjectURL(url)
+    }
+  }
+}

package/src/utils/index.ts

@@ -0,0 +1,32 @@
+export const handleClearInput = (model: Recordable, strList: string[]) => {
+  for (const str of strList) {
+    model[str] = null
+  }
+}
+export const generateUUID = () => {
+  if (typeof crypto === 'object') {
+    if (typeof crypto.randomUUID === 'function') {
+      return crypto.randomUUID()
+    }
+    if (typeof crypto.getRandomValues === 'function' && typeof Uint8Array === 'function') {
+      const callback = (c: any) => {
+        const num = Number(c)
+        return (num ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (num / 4)))).toString(16)
+      }
+      return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, callback)
+    }
+  }
+  let timestamp = new Date().getTime()
+  let performanceNow = (typeof performance !== 'undefined' && performance.now && performance.now() * 1000) || 0
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+    let random = Math.random() * 16
+    if (timestamp > 0) {
+      random = (timestamp + random) % 16 | 0
+      timestamp = Math.floor(timestamp / 16)
+    } else {
+      random = (performanceNow + random) % 16 | 0
+      performanceNow = Math.floor(performanceNow / 16)
+    }
+    return (c === 'x' ? random : (random & 0x3) | 0x8).toString(16)
+  })
+}

package/src/utils/is.ts

@@ -0,0 +1,168 @@
+// copy to vben-admin
+
+const toString = Object.prototype.toString
+
+export const is = (val: unknown, type: string) => {
+  return toString.call(val) === `[object ${type}]`
+}
+
+export const isDef = <T = unknown>(val?: T): val is T => {
+  return typeof val !== 'undefined'
+}
+
+export const isUnDef = <T = unknown>(val?: T): val is T => {
+  return !isDef(val)
+}
+
+export const isObject = (val: any): val is Record<any, any> => {
+  return val !== null && is(val, 'Object')
+}
+
+export const isEmpty = (val: any): boolean => {
+  if (val === null || val === undefined || typeof val === 'undefined') {
+    return true
+  }
+  if (isArray(val) || isString(val)) {
+    return val.length === 0
+  }
+
+  if (val instanceof Map || val instanceof Set) {
+    return val.size === 0
+  }
+
+  if (isObject(val)) {
+    return Object.keys(val).length === 0
+  }
+
+  return false
+}
+
+export const isDate = (val: unknown): val is Date => {
+  return is(val, 'Date')
+}
+
+export const isNull = (val: unknown): val is null => {
+  return val === null
+}
+
+export const isNullAndUnDef = (val: unknown): val is null | undefined => {
+  return isUnDef(val) && isNull(val)
+}
+
+export const isNullOrUnDef = (val: unknown): val is null | undefined => {
+  return isUnDef(val) || isNull(val)
+}
+
+export const isNumber = (val: unknown): val is number => {
+  return is(val, 'Number')
+}
+
+export const isPromise = <T = any>(val: unknown): val is Promise<T> => {
+  return is(val, 'Promise') && isObject(val) && isFunction(val.then) && isFunction(val.catch)
+}
+
+export const isString = (val: unknown): val is string => {
+  return is(val, 'String')
+}
+
+export const isFunction = (val: unknown): val is Function => {
+  return typeof val === 'function'
+}
+
+export const isBoolean = (val: unknown): val is boolean => {
+  return is(val, 'Boolean')
+}
+
+export const isRegExp = (val: unknown): val is RegExp => {
+  return is(val, 'RegExp')
+}
+
+export const isArray = (val: any): val is Array<any> => {
+  return val && Array.isArray(val)
+}
+
+export const isWindow = (val: any): val is Window => {
+  return typeof window !== 'undefined' && is(val, 'Window')
+}
+
+export const isElement = (val: unknown): val is Element => {
+  return isObject(val) && !!val.tagName
+}
+
+export const isMap = (val: unknown): val is Map<any, any> => {
+  return is(val, 'Map')
+}
+
+export const isServer = typeof window === 'undefined'
+
+export const isClient = !isServer
+
+export const isUrl = (path: string): boolean => {
+  // fix:修复hash路由无法跳转的问题
+  const reg =
+    /(((^https?:(?:\/\/)?)(?:[-:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%#\/.\w-_]*)?\??(?:[-\+=&%@.\w_]*)#?(?:[\w]*))?)$/
+  return reg.test(path)
+}
+
+export const isDark = (): boolean => {
+  return window.matchMedia('(prefers-color-scheme: dark)').matches
+}
+
+// 是否是图片链接
+export const isImgPath = (path: string): boolean => {
+  return /(https?:\/\/|data:image\/).*?\.(png|jpg|jpeg|gif|svg|webp|ico)/gi.test(path)
+}
+
+// 密码复杂度校验：至少包含大写字母、小写字母、数字、特殊字符中的三种
+export const isPasswordComplex = (value: string): boolean => {
+  if (!isString(value)) {
+    return false
+  }
+  let categories = 0
+  if (/[A-Z]/.test(value)) {
+    categories += 1
+  }
+  if (/[a-z]/.test(value)) {
+    categories += 1
+  }
+  if (/[0-9]/.test(value)) {
+    categories += 1
+  }
+  if (/[^A-Za-z0-9]/.test(value)) {
+    categories += 1
+  }
+  return categories >= 3
+}
+
+// 密码校验：长度 6-20 位并满足复杂度
+export const isValidPassword = (value: string): boolean => {
+  if (!isString(value)) {
+    return false
+  }
+  const length = value.length
+  if (length < 6 || length > 20) {
+    return false
+  }
+  return isPasswordComplex(value)
+}
+
+export const isEmptyVal = (val: any): boolean => {
+  return val === '' || val === null || val === undefined
+}
+
+export const isContainsChinese = (val: string): boolean => {
+  // Chinese character Unicode range: \u4e00-\u9fff
+  const chineseRegex = /[\u4e00-\u9fff]/
+  return chineseRegex.test(val)
+}
+
+/**
+ * @description 判断是否为windows环境
+ * @returns
+ */
+export function isWindows(): boolean {
+  return (
+    (navigator.userAgentData && navigator.userAgentData.platform === 'Windows') ||
+    navigator.platform === 'Win32'
+  )
+}

package/src/utils/propTypes.ts

@@ -0,0 +1,24 @@
+import { VueTypeValidableDef, VueTypesInterface, createTypes, toValidableType } from 'vue-types'
+import { CSSProperties } from 'vue'
+
+type PropTypes = VueTypesInterface & {
+  readonly style: VueTypeValidableDef<CSSProperties>
+}
+const newPropTypes = createTypes({
+  func: undefined,
+  bool: undefined,
+  string: undefined,
+  number: undefined,
+  object: undefined,
+  integer: undefined
+}) as PropTypes
+
+class propTypes extends newPropTypes {
+  static get style() {
+    return toValidableType('style', {
+      type: [String, Object]
+    })
+  }
+}
+
+export { propTypes }