ff-ui-plus 2.0.7

package/scripts/build/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@ff-ui-plus/build",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "description": "Build Toolchain for ff-ui-plus",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "node .",
+    "stub": "npx unbuild --stub"
+  }
+}

package/scripts/release/gen-version.ts

@@ -0,0 +1,12 @@
+import { writeFile } from 'fs/promises'
+
+import path from 'path'
+import consola from 'consola'
+import { pcRoot } from '../utils/paths'
+
+export async function genVersion(version?: string) {
+  if (version) {
+    consola.info(`Version: ${version}`)
+    await writeFile(path.resolve(pcRoot, 'version.ts'), `export const version = '${version}'\n`)
+  }
+}

package/scripts/release/index.ts

@@ -0,0 +1,209 @@
+import path from 'path'
+import fs from 'fs'
+import semver from 'semver'
+import consola from 'consola'
+import execa from 'execa'
+import { checkbox, select, input } from '@inquirer/prompts'
+import { findWorkspacePackages } from '@pnpm/find-workspace-packages'
+import { projRoot, projPackage } from '../utils/paths'
+import { PKG_NAME } from '../utils'
+import { genVersion } from './gen-version'
+
+type SemverRow = {
+  release: semver.ReleaseType
+  optionsOrLoose?: boolean | semver.Options | string
+  identifier?: string
+}
+
+// 打印
+const echo = (msg: string) => consola.success(msg)
+
+// 运行脚本
+const run = (bin: string, args: string[], opts = {}) =>
+  execa(bin, args, { stdio: 'inherit', ...opts })
+
+//  版本列表
+const versionIncrements: SemverRow[] = [
+  {
+    release: 'patch'
+  },
+  {
+    release: 'minor'
+  },
+  {
+    release: 'major'
+  },
+  {
+    release: 'prepatch',
+    optionsOrLoose: 'rc',
+    identifier: '1'
+  },
+  {
+    release: 'preminor',
+    optionsOrLoose: 'rc',
+    identifier: '1'
+  },
+  {
+    release: 'premajor',
+    optionsOrLoose: 'rc',
+    identifier: '1'
+  },
+  {
+    release: 'prerelease',
+    optionsOrLoose: 'alpha',
+    identifier: '1'
+  },
+  {
+    release: 'prerelease',
+    optionsOrLoose: 'beta',
+    identifier: '1'
+  }
+]
+
+// 获取工作空间包
+const getWorkspaceList = async (dir = projRoot) => {
+  const pkgs = await findWorkspacePackages(projRoot)
+  return pkgs
+    .filter(pkg => pkg.dir.startsWith(dir))
+    .filter(pkg => pkg.manifest.private !== true && pkg.manifest.name)
+}
+
+/**
+ * 更新版本号
+ * @param {string} version
+ */
+const updatePackage = (version: string, pkgPath: string) => {
+  const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'))
+  pkg.version = version
+  fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n')
+}
+
+// 获取版本
+const getVersion = async (currentVersion: string, pkgName: string) => {
+  // 发布版本
+  let version: string | null
+  const selectChoices = versionIncrements
+    .map(item => {
+      const value = semver.inc(
+        currentVersion,
+        item.release,
+        item.optionsOrLoose as any,
+        item.identifier
+      )
+      const name = `${item.release} (${value})`
+
+      return {
+        name,
+        value
+      }
+    })
+    .concat({ name: 'custom', value: 'custom' })
+
+  version = await select({
+    message: `Select release type (${pkgName})`,
+    choices: selectChoices
+  })
+
+  // 自定义版本
+  if (version === 'custom') {
+    version = await input({ message: 'Enter custom version' })
+    // 校验版本
+    if (!semver.valid(version)) {
+      throw new Error(`Illegal version: ${version}`)
+    }
+  }
+
+  return version
+}
+
+// 提交
+async function commit(version?: string) {
+  try {
+    // 打tag
+    if (version) {
+      await run('git', ['tag', '-a', `v${version}`, '-m', `v${version}`])
+    }
+
+    // 生成changelog
+    if (version) {
+      await run('npm', ['run', '--name', 'changelog'])
+    }
+
+    // 更新导出 版本号
+    if (version) {
+      await genVersion(version)
+    }
+
+    await run('git', ['add', '-A'])
+    await run('npm', ['run', '--name', 'gitcz'])
+    await run('git', ['pull'])
+
+    // push tag
+    if (version) {
+      await run('git', ['push', '--tags'])
+    }
+    await run('git', ['push'])
+    echo(`\ncommit success ${version}`)
+  } catch (error: any) {
+    throw new Error(error)
+  }
+}
+
+const main = async () => {
+  const workspaceList = await getWorkspaceList()
+  const workspaceNames = workspaceList.map(item => item.manifest.name) as string[]
+  const workspaceMaps = workspaceList.map(item => ({
+    dir: item.dir,
+    name: item.manifest.name,
+    version: item.manifest.version,
+    pkgPath: path.resolve(item.dir, 'package.json')
+  }))
+
+  // 选择需要更新的包
+  let selectPackages: string[] = []
+  const checkboxChoices = workspaceNames.map(item => ({
+    name: item,
+    value: item,
+    checked: item === PKG_NAME
+  }))
+  const packages = await checkbox({
+    message: 'Which packages would you like to include?',
+    choices: [{ name: 'all', value: 'all' }, ...checkboxChoices]
+  })
+
+  if (!packages.length) {
+    throw new Error('Please select one or more packages!')
+  }
+
+  if (packages.includes('all')) {
+    selectPackages = workspaceNames
+  } else {
+    selectPackages = [...packages]
+  }
+
+  // 更新版本号
+  for (let index = 0; index < selectPackages.length; index++) {
+    const name = selectPackages[index]
+    const packageInfo = workspaceMaps.find(i => i.name === name)
+    const pkg = name === PKG_NAME ? JSON.parse(fs.readFileSync(projPackage, 'utf-8')) : packageInfo
+    const pkgPath = name === PKG_NAME ? projPackage : packageInfo?.pkgPath
+    const version = await getVersion(pkg.version as string, packageInfo?.name as string)
+    updatePackage(version as string, pkgPath as string)
+    consola.success(`Successfully updated version ${name}!`)
+  }
+
+  if (selectPackages.includes(PKG_NAME)) {
+    const mainPkg = JSON.parse(fs.readFileSync(projPackage, 'utf-8'))
+    commit(mainPkg.version)
+  } else {
+    commit()
+  }
+}
+
+main()
+  .then(() => {
+    console.log('success')
+  })
+  .catch(err => {
+    console.log(err)
+  })

package/scripts/utils/excludeFiles.ts

@@ -0,0 +1,14 @@
+// 基础
+const excludes = [
+  'node_modules',
+  '__tests__',
+  'dist',
+  'packages/eslint-config',
+  'packages/utils',
+  'packages/theme-chalk',
+  'packages/resolver'
+]
+
+export const excludeFiles = (files: string[]) => {
+  return files.filter(path => ![...excludes].some(exclude => path.includes(exclude)))
+}

package/scripts/utils/index.ts

@@ -0,0 +1,88 @@
+import path from 'node:path'
+import type { RollupBuild, OutputOptions } from 'rollup'
+import { pkgRoot } from './paths'
+
+export function writeBundles(bundle: RollupBuild, options: OutputOptions[]) {
+  return Promise.all(options.map(option => bundle.write(option)))
+}
+
+export async function writeBundlesFunction(
+  getBundle: (option: OutputOptions) => Promise<RollupBuild>,
+  options: OutputOptions[]
+) {
+  const task = []
+  for (let index = 0; index < options.length; index++) {
+    const option = options[index]
+    const bundle = await getBundle(option)
+    task.push(bundle.write(option))
+  }
+  return task
+}
+
+export function formatBundleFilename(name: string, minify?: boolean, ext?: string) {
+  return `${name}${minify ? '.min' : ''}.${ext}`
+}
+
+export const PKG_NAME = 'ff-ui-plus'
+
+export const PKG_CAMEL_CASE_NAME = 'TuiPlus'
+
+export const PKG_PREFIX = '@ff-ui-plus'
+
+export const PKG_CAMEL_CASE_LOCAL_NAME = 'TuiPlusLocale'
+
+export const target = 'es2018'
+
+const alias = [
+  'node_modules/element-plus',
+  'node_modules/@vue/shared',
+  'node_modules/async-validator'
+]
+
+const relative = ['../../../../', '../../../', '../../', '../']
+/**
+ * 替换 dts 中的别名
+ * @param id
+ * @returns
+ */
+export const pathRewriter = (id: string) => {
+  /**
+   * 解决style/*.ts中导入element-plus外部样式导致打包出现问题。
+   */
+  id = id.replaceAll(`@external`, `element-plus/es/components`)
+
+  id = id.replaceAll(`${PKG_PREFIX}/theme-chalk`, `${PKG_NAME}/theme-chalk`)
+  id = id.replaceAll(`${PKG_PREFIX}/`, `${PKG_NAME}/es/`)
+  id = id.replaceAll(`packages/${PKG_NAME}`, `${PKG_NAME}`)
+  id = id.replaceAll(`packages/types`, `${PKG_NAME}`)
+
+  alias.forEach(item => {
+    relative.forEach(path => {
+      if (id.includes(path + item)) {
+        id = id.replaceAll(path + item, item.replace('node_modules/', ''))
+      }
+    })
+  })
+
+  return id
+}
+
+/**
+ * 替换 css dts
+ * @param id
+ * @returns
+ */
+export const cssResolver: any = {
+  name: 'ff-ui-plus-css-resolver',
+  supports: (id: string) => id.includes('/style/css.ts') || id.includes('/style/index.ts'),
+  transform: ({ id, code }: { id: string; code: string }) => {
+    const tempPath = id.replaceAll('/', path.sep)
+    const content = pathRewriter(code)
+    return [
+      {
+        path: tempPath.replace(pkgRoot, './types').replace('.ts', '.d.ts'),
+        content: JSON.stringify(content)
+      }
+    ]
+  }
+}

package/scripts/utils/main.ts

@@ -0,0 +1,14 @@
+import { excludeFiles } from './excludeFiles'
+
+export { excludeFiles }
+
+export const external = ['vue', 'element-plus']
+
+export const externalModules = [
+  ...external,
+  '@element-plus/icons-vue',
+  '@vue/shared',
+  'sortablejs',
+  'dayjs',
+  'lodash-es'
+]

package/scripts/utils/paths.ts

@@ -0,0 +1,40 @@
+import path from 'node:path'
+
+const resolve = path.resolve
+
+/** 项目根目录 `/`  */
+export const projRoot = resolve(__dirname, '../../')
+/** 包目录 `/packages` */
+export const pkgRoot = resolve(projRoot, 'packages')
+/** 组件目录 `/packages/components` */
+export const compRoot = resolve(pkgRoot, 'components')
+/** hooks目录  `/packages/hooks`  */
+export const hookRoot = resolve(pkgRoot, 'hooks')
+/** 工具函数目录 `/packages/utils`  */
+export const utilRoot = resolve(pkgRoot, 'utils')
+/** 语言包目录 `/packages/locale`  */
+export const localesRoot = resolve(pkgRoot, 'locale')
+
+/** ff-ui-plus 目录 即 `/packages/ff-ui-plus` */
+export const pcRoot = resolve(pkgRoot, 'ff-ui-plus')
+
+/** Docs */
+export const docsDirName = 'docs'
+export const docRoot = resolve(projRoot, docsDirName)
+export const vpRoot = resolve(docRoot, '.vitepress')
+
+/** `/dist` */
+export const buildOutput = resolve(projRoot, 'dist')
+/** `/dist/ff-ui-plus` */
+export const pcOutput = resolve(buildOutput, 'ff-ui-plus')
+
+export const pcPackage = resolve(pcRoot, 'package.json')
+export const projPackage = resolve(projRoot, 'package.json')
+export const compPackage = resolve(compRoot, 'package.json')
+export const hookPackage = resolve(hookRoot, 'package.json')
+export const utilPackage = resolve(utilRoot, 'package.json')
+export const docPackage = resolve(docRoot, 'package.json')
+
+// dts
+export const TSCONFIG_PATH = resolve(projRoot, 'tsconfig.web.json')
+export const DTS_OUT_DIR = resolve(buildOutput, 'types')

package/scripts/utils/plugin.ts

@@ -0,0 +1,61 @@
+import type { Plugin, OutputOptions } from 'rollup'
+import { PKG_NAME, PKG_PREFIX } from './index'
+
+/**
+ * 替换 style/*.ts中导入.css/.scss的文件名称后缀。
+ * @returns
+ */
+export function TuiPlusAlias(): Plugin {
+  const themeChalk = 'theme-chalk'
+  const sourceThemeChalk = `${PKG_PREFIX}/${themeChalk}` as const
+  const bundleThemeChalk = `${PKG_NAME}/${themeChalk}` as const
+
+  return {
+    name: 'ff-ui-plus-alias-plugin',
+    resolveId(id) {
+      if (!id.startsWith(sourceThemeChalk)) return
+      return {
+        id: id.replaceAll(sourceThemeChalk, bundleThemeChalk),
+        external: 'absolute'
+      }
+    }
+  }
+}
+
+/**
+ *
+ * 替换 style/*.ts中导入element-plus外部样式。
+ * @returns
+ */
+export function TuiPlusExternal(options: OutputOptions): Plugin {
+  const sourceStyle = `@external` as const
+  const module = options.format === 'esm' ? 'es' : 'lib'
+  const ext = options.format === 'esm' ? '.mjs' : '.js'
+  const bundleStyle = `element-plus/${module}/components` as const
+
+  return {
+    name: 't-ui-plus-external-plugin',
+    resolveId(id) {
+      if (!id.startsWith(sourceStyle)) return
+      return {
+        id: id.replaceAll(sourceStyle, bundleStyle) + ext,
+        external: 'absolute'
+      }
+    }
+  }
+}
+
+/**
+ * 清除console.log
+ * @returns
+ */
+export function TuiPlusClearConsole(): Plugin {
+  const reg = /(console.log()(.*)())/g
+  return {
+    name: 't-ui-plus-clear-console-plugin',
+    transform(source) {
+      source = source.replace(reg, '')
+      return source
+    }
+  }
+}

package/tsconfig.base.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "target": "es2018",
+    "module": "esnext",
+    "sourceMap": false,
+    "moduleResolution": "node",
+    "allowJs": false,
+    "strict": true,
+    "noUnusedLocals": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "removeComments": false,
+    "rootDir": ".",
+    "baseUrl": ".",
+    "paths": {
+      "@t-ui-plus/*": [
+        "packages/*"
+      ]
+    }
+  }
+}

package/tsconfig.vitest.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.web.json",
+  "compilerOptions": {
+    "composite": true,
+    "lib": ["ES2021", "DOM", "DOM.Iterable"],
+    "types": ["node", "jsdom"],
+    "skipLibCheck": true
+  },
+  "include": ["packages", "typings"],
+  "exclude": ["node_modules", "dist", "**/*.md"]
+}

package/tsconfig.web.json

@@ -0,0 +1,18 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "composite": true,
+    "jsx": "preserve",
+    "lib": ["ES2018", "DOM", "DOM.Iterable"],
+    "types": [],
+    "skipLibCheck": true,
+    "noImplicitAny": false,
+    "paths": {
+      "element-plus": ["./node_modules/element-plus"],
+      "async-validator": ["./node_modules/async-validator"],
+      "@vue/shared": ["./node_modules/@vue/shared"]
+    }
+  },
+  "include": ["packages", "typings"],
+  "exclude": ["node_modules", "**/dist", "**/__tests__/**/*", "**/*.md"]
+}

package/typings/env.d.ts

@@ -0,0 +1,22 @@
+declare global {
+  const process: {
+    env: {
+      NODE_ENV: string
+    }
+  }
+
+  namespace JSX {
+    interface IntrinsicAttributes {
+      class?: any
+      style?: any
+    }
+  }
+}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    Component: (props: { is: Component | string }) => void
+  }
+}
+
+export {}