ff-ui-plus 2.0.7

package/packages/utils/src/validate.ts

@@ -0,0 +1,55 @@
+/**
+ * @desc 校验链接地址
+ * @param url
+ * @returns
+ */
+export function validateRegexUrl(url: string) {
+  const regex = new RegExp(
+    "^(https?:\\/\\/)?" + // protocol
+      "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|" + // domain name
+      "((\\d{1,3}\\.){3}\\d{1,3}))" + // OR ip (v4) address
+      "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" + // port and path
+      "(\\?[;&a-z\\d%_.~+=-]*)?" + // query string
+      "(\\#[-a-z\\d_]*)?$",
+    "i"
+  )
+  return regex.test(url)
+}
+
+/**
+ * @desc 检验电话
+ * @param phone
+ * @returns
+ */
+export const validatePhone = (phone: string) => {
+  const reg = /^1(3[0-9]|4[0-1,4-9]|5[0-3,5-9]|6[2567]|7[0-8]|8[0-9]|9[0-3,5-9])\d{8}$/
+  return reg.test(phone)
+}
+
+/**
+ * @desc 检验固定电话
+ * @param localPhone
+ * @returns
+ */
+export const validateLocalPhone = (localPhone: string) => {
+  const reg = /^\d{3}-\d{7,8}|\d{4}-\d{7,8}$/
+  return reg.test(localPhone)
+}
+
+/**
+ * @desc 检验邮箱
+ * @param mail
+ * @returns
+ */
+export const validateEmail = (mail: string) => {
+  // eslint-disable-next-line no-useless-escape
+  const reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
+  return reg.test(mail)
+}
+
+/**
+ * @desc 判断是否是可跳转URL
+ * @param {string} path
+ * @returns
+ */
+export const validateExternal = (path: string) => /^(https?:|mailto:|tel:)/.test(path)

package/packages/utils/src/ws.ts

@@ -0,0 +1,191 @@
+import qs from "qs"
+
+/**
+ * setTimeout 类型
+ */
+type Timeout = ReturnType<typeof setTimeout>
+
+/**
+ * setInterval 类型
+ */
+type Interval = ReturnType<typeof setInterval>
+
+/**
+ * 允许null的泛型
+ */
+type Nullable<T> = T | null
+
+/**
+ * 默认重连次数
+ */
+const reconnectMaxCount = 3
+/**
+ * 默认心跳信息
+ */
+const message = "ping"
+/**
+ * 默认心跳间隔
+ */
+const interval = 3000
+
+/**
+ * 默认延时时间
+ */
+const timeout = 1000
+
+type AutoReconnect = {
+  /**
+   *重连尝试次数 默认 3
+   */
+  reconnectMaxCount?: number
+}
+
+type Heartbeat = {
+  /**
+   * 心跳信息 默认`ping`
+   */
+  message: string
+  /**
+   * 心跳间隔时间 默认 `3000` 毫秒
+   */
+  interval: number
+}
+
+export interface WSOptions {
+  /**
+   * 是否自动重连 默认`true`
+   */
+  autoReconnect: boolean | AutoReconnect
+  /**
+   * 心跳 默认`false`
+   */
+  heartbeat: boolean | Heartbeat
+  /**
+   * url 携带的参数
+   */
+  query: Record<string, string>
+}
+
+class WS {
+  url: string
+  socket: WebSocket | null = null
+  reconnectCount = 0
+  delay: Nullable<Timeout> = null
+  timer: Nullable<Interval> = null
+  autoReconnect: WSOptions["autoReconnect"]
+  heartbeat: WSOptions["heartbeat"]
+  query: WSOptions["query"]
+
+  constructor(url?: string, options?: WSOptions) {
+    const { autoReconnect = true, query = {}, heartbeat = false } = options || {}
+    this.autoReconnect = autoReconnect
+    this.heartbeat = heartbeat
+    this.query = query
+
+    this.url = `${url}` + qs.stringify({ ...this.query }, { addQueryPrefix: true })
+
+    // 开启连接
+    this.connect()
+  }
+
+  /**
+   * 连接
+   */
+  connect(): void {
+    this.close()
+    this.socket = new WebSocket(this.url)
+    this.onError()
+    this.onOpen()
+  }
+
+  /**
+   * 监听连接
+   */
+  onOpen(): void {
+    if (this.socket) {
+      this.socket.onopen = () => {
+        this.send("ping")
+        // 开启心跳
+        this.heartbeat && this.startHeartbeat()
+      }
+    }
+  }
+
+  /**
+   * 开启心跳
+   */
+  startHeartbeat(): void {
+    const msg = (this.heartbeat as Heartbeat)?.message || message
+    const int = (this.heartbeat as Heartbeat)?.interval || interval
+    this.timer = setInterval(() => {
+      this.send(msg)
+    }, int)
+  }
+
+  /**
+   * 监听错误
+   */
+  onError(): void {
+    if (this.socket) {
+      this.socket.onerror = () => {
+        const count = (this.autoReconnect as AutoReconnect)?.reconnectMaxCount || reconnectMaxCount
+        if (this.autoReconnect && this.reconnectCount < count) {
+          this.reconnectCount++
+          this.connect()
+        }
+      }
+    }
+  }
+
+  /**
+   * 关闭连接
+   */
+  close(): void {
+    this.socket && this.socket.close()
+    this.delay && clearTimeout(this.delay)
+    this.timer && clearInterval(this.timer)
+    this.socket = null
+  }
+
+  /**
+   *  监听消息
+   * @param callback
+   */
+  onMessage(callback: (...data: any[]) => any): void {
+    if (this.socket) {
+      this.socket.onmessage = data => {
+        try {
+          const res = JSON.parse(data.data)
+          callback(res)
+        } catch (err) {
+          callback(data)
+        }
+      }
+    }
+  }
+
+  /**
+   * 发送消息
+   * @param data
+   */
+  send(data: string | ArrayBufferLike | Blob | ArrayBufferView): void {
+    if (!this.socket) return
+    // 状态为 `1-开启状态` 直接发送
+    if (this.socket.readyState === this.socket.OPEN) {
+      this.socket.send(JSON.stringify(data))
+      // 状态为 `0-开启状态` 则延后调用
+    } else if (this.socket.readyState === this.socket.CONNECTING) {
+      this.delay = setTimeout(() => {
+        this.socket?.send(data)
+      }, timeout)
+      // 状态为 `2-关闭中 3-关闭状态` 则重新连接
+    } else {
+      this.connect()
+      this.delay = setTimeout(() => {
+        this.socket?.send(data)
+      }, timeout)
+    }
+  }
+}
+
+export { WS }

package/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+packages:
+  - packages/*
+  - docs

package/publish.sh

@@ -0,0 +1,37 @@
+#!/usr/bin/env bash
+set -e
+
+npm run clean
+
+npm run build
+cd dist/ff-ui-plus
+npm publish --registry=https://registry.npmjs.org/
+echo "Successfully published ff-ui-plus"
+cd -
+
+cd packages/utils
+echo "build utils..."
+npm run build
+echo "publish utils..."
+npm publish --registry=https://registry.npmjs.org/
+echo "Successfully published utils"
+cd -
+
+cd packages/resolver
+echo "build resolver..."
+npm run build
+echo "publish resolver..."
+npm publish --registry=https://registry.npmjs.org/
+echo "Successfully published resolver"
+cd -
+
+cd packages/eslint-config
+echo "build eslint-config..."
+npm run build
+echo "publish eslint-config..."
+npm publish --registry=https://registry.npmjs.org/
+echo "Successfully published eslint-config"
+cd -
+
+echo "✅ Publish completed"
+exit

package/resolver.sh

@@ -0,0 +1,9 @@
+set -e
+
+cd packages/resolver
+echo "build resolver..."
+npm run build
+echo "publish resolver..."
+npm publish --registry=https://registry.npmjs.org/
+echo "Successfully published resolver"
+cd -

package/scripts/build/all.ts

@@ -0,0 +1,152 @@
+import { resolve, basename } from "path"
+import vuePlugin from "@vitejs/plugin-vue"
+import postcss from "rollup-plugin-postcss"
+import autoprefixer from "autoprefixer"
+import fs from "fs"
+import cssnano from "cssnano"
+import { rollup, Plugin } from "rollup"
+import consola from "consola"
+import { nodeResolve } from "@rollup/plugin-node-resolve"
+import commonjs from "@rollup/plugin-commonjs"
+import esbuild, { minify as minifyPlugin } from "rollup-plugin-esbuild"
+import glob from 'fast-glob'
+import { camelCase, upperFirst } from 'lodash'
+import { pcOutput, pcRoot, projPackage, localesRoot } from '../utils/paths'
+// import { pcOutput, pcRoot, projPackage } from "../utils/paths"
+import {
+  writeBundles,
+  formatBundleFilename,
+  PKG_CAMEL_CASE_NAME,
+  PKG_NAME,
+  PKG_CAMEL_CASE_LOCAL_NAME,
+  target
+} from "../utils"
+import { external } from "../utils/main"
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import banner2 from "rollup-plugin-banner2"
+import { TuiPlusAlias, TuiPlusClearConsole } from "../utils/plugin"
+
+const pkg = JSON.parse(fs.readFileSync(projPackage, "utf-8"))
+
+const banner = `/*! ${PKG_NAME} v${pkg.version} */\n`
+
+const buildAll = async (minify?: boolean) => {
+  const plugins = [
+    TuiPlusClearConsole(),
+    TuiPlusAlias(),
+    vuePlugin({ isProduction: true }) as Plugin,
+    nodeResolve({
+      extensions: [".mjs", ".js", ".json", ".ts"]
+    }),
+    commonjs(),
+    banner2(() => banner),
+    esbuild({
+      sourceMap: false,
+      target: target,
+      loaders: {
+        ".vue": "ts"
+      }
+    })
+  ]
+
+  if (minify) {
+    plugins.push(
+      minifyPlugin({
+        target: target,
+        sourceMap: false
+      })
+    )
+    plugins.push(
+      postcss({
+        extract: true,
+        plugins: [autoprefixer(), cssnano()]
+      })
+    )
+  } else {
+    plugins.push(
+      postcss({
+        extract: true,
+        plugins: [autoprefixer()]
+      })
+    )
+  }
+
+  const bundle = await rollup({
+    input: resolve(pcRoot, "index.ts"),
+    plugins,
+    external: external,
+    treeshake: true
+  })
+
+  await writeBundles(bundle, [
+    {
+      format: "umd",
+      file: resolve(pcOutput, formatBundleFilename("index", minify, "js")),
+      exports: "named",
+      name: PKG_CAMEL_CASE_NAME,
+      globals: {
+        vue: "Vue",
+        "element-plus": "ElementPlus"
+      },
+      sourcemap: false
+    },
+    {
+      format: "esm",
+      file: resolve(pcOutput, formatBundleFilename("index", minify, "mjs")),
+      sourcemap: false
+    }
+  ])
+  const msg = minify
+    ? "Successfully build compressed umd and esm!"
+    : "Successfully build into umd and esm!"
+  consola.success(msg)
+}
+
+async function buildLocale(minify: boolean) {
+  const files = await glob(`**/*.ts`, {
+    cwd: resolve(localesRoot, 'lang'),
+    absolute: true
+  })
+  return Promise.all(
+    files.map(async file => {
+      const filename = basename(file, '.ts')
+      const name = upperFirst(camelCase(filename))
+
+      const bundle = await rollup({
+        input: file,
+        plugins: [
+          esbuild({
+            minify,
+            sourceMap: false,
+            target
+          })
+        ]
+      })
+      await writeBundles(bundle, [
+        {
+          format: 'umd',
+          file: resolve(pcOutput, 'locale', formatBundleFilename(filename, minify, 'js')),
+          exports: 'default',
+          name: `${PKG_CAMEL_CASE_LOCAL_NAME}${name}`,
+          sourcemap: false,
+          banner
+        },
+        {
+          format: 'esm',
+          file: resolve(pcOutput, 'locale', formatBundleFilename(filename, minify, 'mjs')),
+          sourcemap: false,
+          banner
+        }
+      ])
+    })
+  ).then(() => {
+    const msg = minify ? 'Successfully build compressed locale!' : 'Successfully build into locale!'
+    consola.success(msg)
+  })
+}
+
+const task = [buildAll(false), buildAll(true), buildLocale(false), buildLocale(true)]
+// const task = [buildAll(false), buildAll(true)]
+
+export default task

package/scripts/build/build.config.ts

@@ -0,0 +1,10 @@
+import { defineBuildConfig } from 'unbuild'
+
+export default defineBuildConfig({
+  entries: ['index'],
+  clean: true,
+  declaration: true,
+  rollup: {
+    emitCJS: true
+  }
+})

package/scripts/build/dist/index.cjs

@@ -0,0 +1,7 @@
+module.exports = require("D:/zl/ai大模型/t-ui-plus-master/node_modules/.pnpm/jiti@1.21.7/node_modules/jiti/lib/index.js")(null, {
+  "esmResolve": true,
+  "interopDefault": true,
+  "alias": {
+    "@ff-ui-plus/build": "D:/zl/ai大模型/t-ui-plus-master/scripts/build"
+  }
+})("D:/zl/ai大模型/t-ui-plus-master/scripts/build/index.ts")

package/scripts/build/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "D:/zl/ai大模型/t-ui-plus-master/scripts/build/index";
+export { default } from "D:/zl/ai大模型/t-ui-plus-master/scripts/build/index";

package/scripts/build/dist/index.mjs

@@ -0,0 +1,12 @@
+import jiti from "file:///D:/zl/ai%E5%A4%A7%E6%A8%A1%E5%9E%8B/t-ui-plus-master/node_modules/.pnpm/jiti@1.21.7/node_modules/jiti/lib/index.js";
+
+/** @type {import("D:/zl/ai大模型/t-ui-plus-master/scripts/build/index")} */
+const _module = jiti(null, {
+  "esmResolve": true,
+  "interopDefault": true,
+  "alias": {
+    "@ff-ui-plus/build": "D:/zl/ai大模型/t-ui-plus-master/scripts/build"
+  }
+})("D:/zl/ai大模型/t-ui-plus-master/scripts/build/index.ts");
+
+export default _module;

package/scripts/build/index.ts

@@ -0,0 +1,63 @@
+import { resolve } from 'path'
+import { copyFile, readFile, writeFile } from 'fs/promises'
+import consola from 'consola'
+import { buildOutput, pcOutput, projRoot, pcPackage } from '../utils/paths'
+import { copy } from 'fs-extra'
+import all from './all'
+import modules from './modules'
+
+const copyFiles = () =>
+  Promise.all([
+    copyFile(pcPackage, resolve(pcOutput, 'package.json')),
+    copyFile(resolve(projRoot, 'README.md'), resolve(pcOutput, 'README.md')),
+    copyFile(resolve(projRoot, 'global.d.ts'), resolve(pcOutput, 'global.d.ts')),
+    copyFile(resolve(projRoot, 'typings/index.d.ts'), resolve(pcOutput, 'index.d.ts'))
+  ])
+
+const copyDts = async () => {
+  const src = resolve(buildOutput, 'types')
+
+  /**
+   * copy es dts
+   */
+  const targetES = resolve(pcOutput, 'es')
+  await copy(src, targetES)
+
+  /**
+   * copy lib dts
+   */
+  const targetLib = resolve(pcOutput, 'lib')
+  await copy(src, targetLib)
+
+  /**
+   * copy lang dts
+   */
+  const lang = resolve(src, 'locale', 'lang')
+  const targetLocale = resolve(pcOutput, 'locale')
+  await copy(lang, targetLocale)
+}
+
+const updateVersion = async () => {
+  const pcOutputPkg = resolve(pcOutput, 'package.json')
+  const mainPackageInfo = await readFile(pcOutputPkg, 'utf-8')
+  const packageInfo = await readFile(resolve(projRoot, 'package.json'), 'utf-8')
+  const mainPkg = JSON.parse(mainPackageInfo)
+  const pkg = JSON.parse(packageInfo)
+  mainPkg.version = pkg.version
+  await writeFile(pcOutputPkg, JSON.stringify(mainPkg, null, 2) + '\n')
+}
+
+const task = [...all, ...modules]
+
+Promise.all(task)
+  .then(async () => {
+    await copyDts()
+    consola.success('Successfully copied definition file!')
+    await copyFiles()
+    consola.success('Successfully copied package.json and README.md and global.d.ts!')
+    await updateVersion()
+    consola.success('Successfully updated version!')
+  })
+  .catch(err => {
+    console.log(err)
+  })

package/scripts/build/modules.ts

@@ -0,0 +1,141 @@
+import { resolve } from 'path'
+import consola from 'consola'
+import { rollup, Plugin } from 'rollup'
+import { nodeResolve } from '@rollup/plugin-node-resolve'
+import commonjs from '@rollup/plugin-commonjs'
+import esbuild from 'rollup-plugin-esbuild'
+import glob from 'fast-glob'
+import vuePlugin from '@vitejs/plugin-vue'
+import postcss from 'rollup-plugin-postcss'
+import autoprefixer from 'autoprefixer'
+import dts from 'vite-plugin-dts'
+import cssnano from 'cssnano'
+import type { OutputOptions, ModuleFormat } from 'rollup'
+import { pcOutput, pcRoot, pkgRoot, TSCONFIG_PATH, DTS_OUT_DIR } from '../utils/paths'
+import { target, writeBundlesFunction, pathRewriter, cssResolver } from '../utils'
+import { externalModules, excludeFiles } from '../utils/main'
+import {
+  TuiPlusAlias,
+  TuiPlusExternal,
+  TuiPlusClearConsole
+} from '../utils/plugin'
+
+const buildConfig = {
+  esm: {
+    module: 'ESNext',
+    format: 'esm',
+    ext: 'mjs',
+    output: {
+      name: 'es',
+      path: resolve(pcOutput, 'es')
+    }
+  },
+  cjs: {
+    module: 'CommonJS',
+    format: 'cjs',
+    ext: 'js',
+    output: {
+      name: 'lib',
+      path: resolve(pcOutput, 'lib')
+    }
+  }
+}
+const buildConfigEntries = Object.entries(buildConfig)
+
+const buildModules = async () => {
+  const input = excludeFiles(
+    await glob('**/*.{js,ts,vue}', {
+      cwd: pkgRoot,
+      absolute: true,
+      onlyFiles: true
+    })
+  )
+
+  const getBundle = async (options: OutputOptions) => {
+    const plugins = [
+      TuiPlusClearConsole(),
+      TuiPlusExternal(options),
+      TuiPlusAlias(),
+      vuePlugin({ isProduction: true }) as Plugin,
+      nodeResolve({
+        extensions: ['.mjs', '.js', '.json', '.ts']
+      }),
+      commonjs(),
+      esbuild({
+        sourceMap: false,
+        target: target,
+        loaders: {
+          '.vue': 'ts'
+        }
+      }),
+      postcss({
+        namedExports: true,
+        extract: true,
+        plugins: [autoprefixer(), cssnano()]
+      })
+    ]
+
+    const config = {
+      input,
+      external: externalModules,
+      plugins:
+        options.format === 'esm'
+          ? [
+              ...plugins,
+              dts({
+                entryRoot: pkgRoot,
+                tsconfigPath: TSCONFIG_PATH,
+                outDir: DTS_OUT_DIR,
+                staticImport: true,
+                insertTypesEntry: false,
+                cleanVueFileName: false,
+                copyDtsFiles: false,
+                strictOutput: true,
+                exclude: [
+                  resolve(pkgRoot, 'eslint-config'),
+                  resolve(pkgRoot, 'utils'),
+                  resolve(pkgRoot, 'resolver'),
+                  resolve(pkgRoot, 'theme-chalk')
+                ],
+                resolvers: [cssResolver],
+                beforeWriteFile: (filePath: string, content: string) => {
+                  let tempPath = filePath
+                  let code = pathRewriter(content)
+                  if (filePath.includes('dist/types/ff-ui-plus')) {
+                    tempPath = filePath.replace('dist/types/ff-ui-plus', 'dist/types')
+                  }
+                  // */style/index   */style/css
+                  if (filePath.includes('style/index') || filePath.includes('style/css')) {
+                    code = JSON.parse(content)
+                  }
+                  return {
+                    filePath: tempPath,
+                    content: code
+                  }
+                }
+              })
+            ]
+          : plugins,
+      treeshake: false
+    }
+    return await rollup(config)
+  }
+
+  await writeBundlesFunction(
+    getBundle,
+    buildConfigEntries.map(([module, config]): OutputOptions => {
+      return {
+        format: config.format as ModuleFormat,
+        dir: config.output.path,
+        exports: module === 'cjs' ? 'named' : undefined,
+        preserveModules: true,
+        preserveModulesRoot: pcRoot,
+        sourcemap: false,
+        entryFileNames: `[name].${config.ext}`
+      }
+    })
+  )
+  consola.success('Successfully build into modules!')
+}
+
+export default [buildModules()]