@qqt-product/system 0.0.1

package/src/lib/utils/global.hook.ts

@@ -0,0 +1,337 @@
+import { h } from 'vue'
+//组件
+import { message, Modal } from '@qqt-product/ui'
+//ts
+import type { HttpClient, exportFuncParms, decaleHttpClientMethod, someParser } from './global.types'
+
+export function useConigApiMethods(qHttp: HttpClient) {
+  //全局通用导出方法
+
+  const handleExport = function ({ actionType = 'post', type = '', exportXlsUrl = '', fileName = '', setPostParms, berforCallback, afterCallback }: exportFuncParms) {
+    berforCallback && berforCallback()
+
+    let params = {}
+    if (typeof setPostParms == 'function') {
+      params = setPostParms()
+    } else {
+      params = setPostParms
+    }
+    const acType = actionType as decaleHttpClientMethod
+    qHttp[acType]({
+      url: exportXlsUrl,
+      params: params,
+      data: params,
+      responseType: 'blob',
+    })
+      .then((data) => {
+        // responseType为blob的请求，统一获取错误信息
+        if (data.type === 'application/json') {
+          const fileReader = new FileReader()
+          fileReader.onloadend = () => {
+            const jsonData = JSON.parse(fileReader.result as string)
+            message.error(jsonData.message)
+          }
+          fileReader.readAsText(data as Blob)
+          return
+        }
+        if (!data) {
+          message.error('文件下载失败')
+          return
+        }
+        // if ('msSaveBlob' in window.navigator) {
+        //   window.navigator.msSaveBlob(new Blob([data as Blob]), fileName + '.xls')
+        // } else {
+        const url = window.URL.createObjectURL(new Blob([data as Blob]))
+        const link = document.createElement('a')
+        link.style.display = 'none'
+        link.href = url
+        link.setAttribute('download', `${fileName}.${type}`)
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link) //下载完成移除元素
+        window.URL.revokeObjectURL(url) //释放掉blob对象
+        // }
+      })
+      .finally(() => {
+        // confirmLoading.value = false
+        afterCallback && afterCallback()
+      })
+  }
+
+  const handleCopy = ({ url = '', type, row, afterCallback, tip = '提示' }: someParser) => {
+    if (url == '') {
+      message.error('请配置URL')
+    }
+    const acType = type as decaleHttpClientMethod
+    const params = {
+      id: row.id,
+    }
+
+    Modal.confirm({
+      title: '提示',
+      content: h('div', {}, [h('p', `${tip}`)]),
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        qHttp[acType]({
+          url,
+          params: params,
+          data: params,
+        })
+          .then((result) => {
+            if (result.success) message.success(result.message)
+            else message.error(result.message)
+          })
+          .finally(() => {
+            afterCallback && afterCallback()
+          })
+      },
+    })
+  }
+
+  const handleCancel = ({ url = '', type, row, afterCallback, tip = '提示' }: someParser) => {
+    if (url == '') {
+      message.error('请配置URL')
+    }
+    const acType = type as decaleHttpClientMethod
+    const params = {
+      id: row.id,
+    }
+
+    Modal.confirm({
+      title: '提示',
+      content: h('div', {}, [h('p', `${tip}`)]),
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        qHttp[acType]({
+          url,
+          params: params,
+          data: params,
+        })
+          .then((result) => {
+            if (result.success) message.success(result.message)
+            else message.error(result.message)
+          })
+          .finally(() => {
+            afterCallback && afterCallback()
+          })
+      },
+    })
+  }
+
+  const handleDelete = ({ url = '', type, row, afterCallback, tip = '提示' }: someParser) => {
+    if (url == '') {
+      message.error('请配置URL')
+    }
+    const acType = type as decaleHttpClientMethod
+    const params = {
+      id: row.id,
+    }
+
+    Modal.confirm({
+      title: '提示',
+      content: h('div', {}, [h('p', `${tip}`)]),
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        qHttp[acType]({
+          url,
+          params: params,
+          data: params,
+        })
+          .then((result) => {
+            if (result.success) message.success(result.message)
+            else message.error(result.message)
+          })
+          .finally(() => {
+            afterCallback && afterCallback()
+          })
+      },
+    })
+  }
+
+  const handleUpgrade = ({ url = '', type, row, afterCallback, tip = '提示' }: someParser) => {
+    if (url == '') {
+      message.error('请配置URL')
+    }
+    const acType = type as decaleHttpClientMethod
+    const params = {
+      id: row.id,
+    }
+
+    Modal.confirm({
+      title: '提示',
+      content: h('div', {}, [h('p', `${tip}`)]),
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        qHttp[acType]({
+          url,
+          params: params,
+          data: params,
+        })
+          .then((result) => {
+            if (result.success) message.success(result.message)
+            else message.error(result.message)
+          })
+          .finally(() => {
+            afterCallback && afterCallback()
+          })
+      },
+    })
+  }
+  const handlUniversal = ({ url = '', type, row, afterCallback, tip = '提示' }: someParser) => {
+    if (url == '') {
+      message.error('请配置URL')
+    }
+    const acType = type as decaleHttpClientMethod
+    const params = {
+      id: row.id,
+    }
+
+    Modal.confirm({
+      title: '提示',
+      content: h('div', {}, [h('p', `${tip}`)]),
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        qHttp[acType]({
+          url,
+          params: params,
+          data: params,
+        })
+          .then((result) => {
+            if (result.success) message.success(result.message)
+            else message.error(result.message)
+          })
+          .finally(() => {
+            afterCallback && afterCallback()
+          })
+      },
+    })
+  }
+
+  return { handleExport, handleCopy, handleCancel, handleDelete, handleUpgrade, handlUniversal }
+}
+
+export function useCommonRegexp() {
+  const email = /[^@ \t\r\n]+@[^@ \t\r\n]+\.[^@ \t\r\n]+/
+
+  /**
+   * 验证手机格式
+   */
+  const mobile = /^1[3|4|5|7|8|9]\d{9}$/
+
+  /**
+   * 验证URL格式
+   */
+  const url = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?/
+
+  /**
+   * 验证ISO类型的日期格式
+   */
+  const dateISO = /^\d{4}[/-](0?[1-9]|1[012])[/-](0?[1-9]|[12][0-9]|3[01])$/
+
+  /**
+   * 验证正整数 + 正小数
+   */
+  const interger = /^[1-9]+\d*(\.\d*)?$|^0?\.\d*[1-9]\d*|^0+[1-9]\d*(\.\d*)?$/
+  // /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/
+
+  /**
+   * 验证正整数(包括0)
+   */
+  const positiveInterger = /^[0]{0,1}(\d+)$/
+
+  /**
+   * 验证十进制数字
+   */
+  const number = /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/
+
+  /**
+   * 验证整数
+   */
+  const digits = /^\d+$/
+
+  /**
+   * 验证身份证号码
+   */
+  const idCard = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/
+
+  /**
+   * 是否车牌号
+   */
+  // 新能源车牌
+  const carNo = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/
+  // 旧车牌
+  const carNo2 = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/
+
+  /**
+   * 金额,只允许4位小数
+   */
+  const amount = /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0\.\d{1,4}$/
+
+  /**
+   * 金额,限制位数为10位数
+   */
+  const money = /^[1-9]+?\d{0,9}/
+
+  /**
+   * 中文
+   */
+  const chinese = /^[\u4e00-\u9fa5]+$/gi
+
+  /**
+   * 只能输入字母
+   */
+  const letter = /^[a-zA-Z]*$/
+
+  /**
+   * 只能是字母或者数字
+   */
+  const enOrNum = /^[0-9a-zA-Z]*$/g
+
+  /**
+   * 是否固定电话
+   */
+  const landline = /^\d{3,4}-\d{7,8}(-\d{3,4})?$/
+
+  /**
+   * 是否手机号码或者固定电话
+   */
+  const mobileOrLandline = /^1[3|4|5|7|8|9]\d{9}|\d{3,4}-\d{7,8}(-\d{3,4})?$/
+
+  /**
+   * 银联卡
+   */
+  const unionPayCard = /^62\d{11,17}$/
+
+  /**
+   * ip地址
+   */
+  const ip = /((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}/
+
+  return {
+    email,
+    mobile,
+    url,
+    dateISO,
+    interger,
+    positiveInterger,
+    number,
+    digits,
+    idCard,
+    carNo,
+    carNo2,
+    amount,
+    money,
+    chinese,
+    letter,
+    enOrNum,
+    landline,
+    unionPayCard,
+    ip,
+    mobileOrLandline,
+  }
+}

package/src/lib/utils/global.types.ts

@@ -0,0 +1,49 @@
+export const INJECT_HTTP = 'http'
+
+export interface MapObjectNoneType {
+  [pro: string]: any
+}
+
+export interface RequestConfig extends MapObjectNoneType {
+  baseURL?: string
+  headers?: object
+  timeout?: number
+  url?: string
+  params?: object
+  data?: object
+}
+
+export interface ResponseData extends MapObjectNoneType {
+  code?: number
+  message?: string
+  result?: any
+  success?: boolean
+}
+
+export interface HttpClient {
+  get(config: RequestConfig): Promise<ResponseData>
+  post(config: RequestConfig): Promise<ResponseData>
+  put(config: RequestConfig): Promise<ResponseData>
+  registerModuleAction(config: string, other?: MapObjectNoneType): Promise<ResponseData>
+}
+
+export interface exportFuncParms {
+  fileName: string
+  type: string
+  actionType: string
+  // defineColumnCode: string
+  exportXlsUrl: string
+  setPostParms(): MapObjectNoneType
+  berforCallback?(): void
+  afterCallback?(): void
+}
+
+export interface someParser {
+  url: string
+  row: MapObjectNoneType
+  type: string
+  tip: string
+  afterCallback?(): void
+}
+
+export type decaleHttpClientMethod = 'get' | 'post'

package/src/lib/utils/regexp.ts

@@ -0,0 +1,143 @@
+/**
+ * 验证电子邮箱格式
+ */
+const email = /[^@ \t\r\n]+@[^@ \t\r\n]+\.[^@ \t\r\n]+/
+
+/**
+ * 验证手机格式
+ */
+const mobile = /^1[3|4|5|7|8|9]\d{9}$/
+
+/**
+ * 验证URL格式
+ */
+const url = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?/
+
+/**
+ * 验证ISO类型的日期格式
+ */
+const dateISO = /^\d{4}[/-](0?[1-9]|1[012])[/-](0?[1-9]|[12][0-9]|3[01])$/
+
+/**
+ * 验证正整数 + 正小数
+ */
+const interger = /^[1-9]+\d*(\.\d*)?$|^0?\.\d*[1-9]\d*|^0+[1-9]\d*(\.\d*)?$/
+// /^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.\d+)$/
+
+/**
+ * 验证正整数(包括0)
+ */
+const positiveInterger = /^[0]{0,1}(\d+)$/
+
+/**
+ * 验证十进制数字
+ */
+const number = /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/
+
+/**
+ * 验证整数
+ */
+const digits = /^\d+$/
+
+/**
+ * 验证身份证号码
+ */
+const idCard = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/
+
+/**
+ * 是否车牌号
+ */
+// 新能源车牌
+const carNo = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/
+// 旧车牌
+const carNo2 = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/
+
+/**
+ * 金额,只允许4位小数
+ */
+const amount = /^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0\.\d{1,4}$/
+
+/**
+ * 金额,限制位数为10位数
+ */
+const money = /^[1-9]+?\d{0,9}/
+
+/**
+ * 中文
+ */
+const chinese = /^[\u4e00-\u9fa5]+$/gi
+
+/**
+ * 只能输入字母
+ */
+const letter = /^[a-zA-Z]*$/
+
+/**
+ * 只能是字母或者数字
+ */
+const enOrNum = /^[0-9a-zA-Z]*$/g
+
+/**
+ * 是否固定电话
+ */
+const landline = /^\d{3,4}-\d{7,8}(-\d{3,4})?$/
+
+/**
+ * 是否手机号码或者固定电话
+ */
+const mobileOrLandline = /^1[3|4|5|7|8|9]\d{9}|\d{3,4}-\d{7,8}(-\d{3,4})?$/
+
+/**
+ * 银联卡
+ */
+const unionPayCard = /^62\d{11,17}$/
+
+/**
+ * ip地址
+ */
+const ip = /((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}/
+
+export default {
+  email,
+  mobile,
+  url,
+  dateISO,
+  interger,
+  positiveInterger,
+  number,
+  digits,
+  idCard,
+  carNo,
+  carNo2,
+  amount,
+  money,
+  chinese,
+  letter,
+  enOrNum,
+  landline,
+  unionPayCard,
+  ip,
+}
+
+export const regExpOptions = [
+  { label: '电子邮箱', value: email.toString(), msg: '请输入电子邮箱' },
+  { label: '手机号码', value: mobile.toString(), msg: '请输入手机号码' },
+  { label: 'URL', value: url.toString(), msg: '请输入URL' },
+  { label: '日期格式(ISO类型)', value: dateISO.toString(), msg: '请输入日期' },
+  { label: '正整数+正小数', value: interger.toString(), msg: '只允许输入正整数或正小数' },
+  { label: '正整数', value: positiveInterger.toString(), msg: '只允许输入正整数' },
+  { label: '数字(十进制)', value: number.toString(), msg: '只允许输入数字' },
+  { label: '整数(十进制)', value: digits.toString(), msg: '只允许输入整数' },
+  { label: '身份证', value: idCard.toString(), msg: '请输入身份证' },
+  { label: '车牌(新能源)', value: carNo.toString(), msg: '请输入新能源车牌号码' },
+  { label: '车牌', value: carNo2.toString(), msg: '请输入车牌号码' },
+  { label: '金额(4位小数)', value: amount.toString(), msg: '请输入4位小数金额' },
+  { label: '金额(10位数)', value: money.toString(), msg: '请输入小于10位数的金额' },
+  { label: '汉字', value: chinese.toString(), msg: '请输入汉字' },
+  { label: '字母', value: letter.toString(), msg: '请输入字母' },
+  { label: '字母或数字', value: enOrNum.toString(), msg: '请输入字母或数字' },
+  { label: '固定电话', value: landline.toString(), msg: '请输入固定电话' },
+  { label: '手机号码或者固定电话', value: mobileOrLandline.toString(), msg: '请输入手机号码或者固定电话' },
+  { label: '银联卡', value: unionPayCard.toString(), msg: '请输入银联卡' },
+  { label: 'ip地址', value: ip.toString(), msg: '请输入ip地址' },
+]

package/src/main.ts

@@ -0,0 +1,11 @@
+import { createApp } from 'vue'
+import { qqtSysPageModules } from '@/lib/index'
+import { antd, qqtUI, setupVxeTable } from '@qqt-product/ui'
+import App from '@/App.vue'
+import '@qqt-product/ui/dist/style.css'
+const app = createApp(App)
+app.use(antd)
+setupVxeTable(app)
+app.use(qqtUI())
+app.use(qqtSysPageModules())
+app.mount('#app')

package/src/vite-env.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+import type { GlobalPageLayoutTypes } from '@qqt-product/ui'
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/ban-types, @typescript-eslint/no-explicit-any
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    instance: GlobalPageLayoutTypes.Expose
+  }
+}

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "noImplicitAny": false,
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "skipLibCheck": true,
+    "declaration": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "../apps/v6/src/setting/vxe-table/feature.ts"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,61 @@
+import * as path from 'path'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import { resolve } from 'path'
+import dts from 'vite-plugin-dts'
+import vitePluginEslint from 'vite-plugin-eslint'
+// https://vitejs.dev/config/
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+      '@/lib': path.resolve(__dirname, 'src/lib'),
+    },
+  },
+  server: {
+    proxy: {
+      '/els': {
+        target: 'https://v5sit-micro.51qqt.com',
+        ws: false,
+        changeOrigin: true,
+      },
+    },
+  },
+  build: {
+    // 打包文件目录
+    outDir: 'dist',
+    // 压缩
+    minify: true,
+    // css 分离
+    // cssCodeSplit: true,
+    lib: {
+      // 入口文件
+      entry: resolve(__dirname, './src/lib/index.ts'),
+      name: 'ui',
+      fileName: (format) => `index.${format}.js`,
+    },
+    rollupOptions: {
+      // 忽略打包的文件
+      external: ['vue', 'ant-design-vue', 'vxe-table', 'xe-utils', '@qqt-product/api', '@qqt-product/icons', '@qqt-product/ui', '@qqt-product/utils'],
+      output: {
+        sourcemap: false,
+        globals: {
+          vue: 'Vue',
+          'ant-design-vue': 'AntDesignVue',
+          'vxe-table': 'VxeTable',
+        },
+      },
+    },
+  },
+  plugins: [
+    vue(),
+    vueJsx(),
+    dts({
+      outputDir: 'dist',
+      staticImport: true,
+      insertTypesEntry: true,
+    }),
+    vitePluginEslint(),
+  ],
+})