y-admin-pro 0.0.1

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 = 't-ui-plus'
+
+export const PKG_CAMEL_CASE_NAME = 'TuiPlus'
+
+export const PKG_PREFIX = '@t-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: 't-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')
+
+/** t-ui-plus 目录 即 `/packages/t-ui-plus` */
+export const pcRoot = resolve(pkgRoot, 't-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/t-ui-plus` */
+export const pcOutput = resolve(buildOutput, 't-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: 't-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 {}

package/typings/index.d.ts

@@ -0,0 +1,161 @@
+declare interface AnyObject {
+  [key: string]: any
+}
+/* TForm */
+declare namespace FormTypes {
+  interface FormOpts {
+    ref: any // 表单实例
+    labelPosition?: string // label对齐方式
+    labelWidth?: string // label宽度
+    btnSlotName?: string // 按钮插槽名称
+    formData: AnyObject // 表单数据
+    fieldList: FieldList[] // 表单项
+    rules?: any // 表单验证规则
+    listTypeInfo?: any // 下拉框数据
+    operatorList?: OperatorList[] // 操作按钮
+  }
+  interface FieldList {
+    isHideItem?: boolean // 是否隐藏
+    label?: string // label
+    value?: string // 字段名
+    labelSlotName?: string // label插槽名称
+    labelRender?: (...ags: any[]) => any // label render渲染
+    className?: string // 表单项class
+    isTrim?: boolean // el-input 是否去除空格
+    rules?: any // 表单项验证规则
+    widthSize?: number // 表单项宽度
+    slotName?: string // 表单输入框插槽名称
+    textShow?: boolean // 是否文本展示
+    textValue?: string // 文本展示值
+    isSelfCom?: boolean // 是否自定义组件
+    type?: string // 表单类型
+    ref?: string // 表单组件实例
+    list?: string // 下拉框数据变量名称
+    arrLabel?: string // 下拉框label字段
+    arrKey?: string // 下拉框value字段
+    event?: string // 触发handleEvent事件的标识
+    comp?: any // 组件名称
+    placeholder?: string // 提示语
+    bind?: any // 绑定数据(Objec or Function(formData))
+    width?: string // 组件宽度
+    prepend?: string // el-input输入框前置内容
+    append?: string // el-input输入框后置内容
+    childSlotName?: string // 子组件插槽名称
+    eventHandle?: AnyObject // 事件处理函数
+  }
+  interface OperatorList {
+    label?: string // 按钮名称
+    fun?: (val: any) => void // 按钮点击事件
+    bind?: AnyObject // 绑定数据
+    isHideBtn?: boolean // 是否隐藏按钮
+    render?: (...ags: any[]) => any // render函数
+  }
+}
+/* TQueryCondition */
+declare namespace QueryTypes {
+  interface Opts {
+    [key: string]: {
+      label: string // 列名
+      comp: string // 组件名
+      span?: number // 表单栅格
+      bind?: any // 绑定值
+      defaultVal?: any // 默认值
+      isSelfCom?: boolean // 是否是自定义组件
+      type?: string // 组件类型
+      list?: string // 下拉列表变量名
+      listTypeInfo?: any // 下拉列表数据源
+      arrLabel?: string // 下拉列表label
+      arrKey?: string // 下拉列表value
+      eventHandle?: any // 事件处理函数 };
+    }
+  }
+}
+/* TTable */
+declare namespace TableTypes {
+  interface Table {
+    border?: boolean // 是否显示边框
+    firstColumn?: any[] | AnyObject // 第一列数据
+    rules?: AnyObject // 表单验证规则
+    listTypeInfo?: any // 字典过滤
+    operator?: any // 操作按钮
+    operatorConfig?: any // 操作列配置
+    currentPage?: Number // 当前页码
+    pageSize?: Number // 每页条数
+    total?: Number // 总条数
+    layout?: string // 分页布局
+    prevText?: string // 上一页文本
+    nextText?: string // 下一页文本
+    size?: string // 分页尺寸
+    data: any[] // 表格数据
+    columns: Columns[] // 表格列
+  }
+  interface Columns {
+    prop?: string // 列字段
+    label?: string // 列标题
+    width?: string | number // 列宽度
+    minWidth?: string | number // 列最小宽度
+    align?: string // 列对齐方式
+    fixed?: string | boolean // 列固定
+    type?: string // 列类型
+    sortable?: any // 列是否可排序
+    sort?: any // 列排序方式
+    isShowCol?: boolean | Function // 列是否显示
+    align?: string // 列对齐方式
+    fixed?: string // 列固定
+    bind?: AnyObject // el-table-column 属性
+    headerRequired?: boolean // 表头是否显示必填红点
+    renderHeader?: (...ags: any[]) => any // 自定义表头
+    render?: (...ags: any[]) => any // 自定义列内容
+    slotName?: string // 自定义列内容插槽
+    canEdit?: boolean // 是否可编辑
+    isClickEdit?: boolean // 是否点击编辑
+    isShowEditIcon?: boolean // 是否显示编辑图标
+    configEdit?: ConfigEdit // 编辑配置
+    filters?: Filters // 字典过滤
+    formatter?: Function // 内容格式化
+    children?: any[] // 子列
+  }
+  interface Filters {
+    list: string // 字典列表
+    key: string // 字典key
+    label: string // 字典label
+  }
+  interface ConfigEdit {
+    rules?: any // 校验规则
+    editSlotName?: string // 编辑插槽
+    isSelfCom?: boolean // 是否自定义组件
+    bind?: any // 组件属性(Objec or Function)
+    editComponent?: any // 编辑组件
+    placeholder?: string // 占位符
+    width?: string | number // 编辑框宽度
+    type?: string // 编辑框类型
+    prepend?: string // el-input前缀
+    append?: string // el-input后缀
+    ref?: string // ref
+    isShowTips?: boolean // 是否显示tips
+    label?: string // label
+    list?: string // 下拉数据字段名称
+    arrLabel?: string // 下拉数据label字段名称
+    arrKey?: string // 下拉数据value字段名称
+    event?: string // 触发handleEvent事件的标识
+    eventHandle?: any // 事件处理
+  }
+}
+
+/* Vite */
+declare type Recordable<T = any> = Record<string, T>
+
+/* __APP_INFO__ */
+declare const __APP_INFO__: {
+  pkg: {
+    name: string
+    version: string
+    dependencies: Recordable<string>
+    devDependencies: Recordable<string>
+  }
+  lastBuildTime: string
+}
+// Map声明全局变量
+declare interface TypeMap {
+  [key: string]: { type: string; val: string }
+}

package/vitest.config.ts

@@ -0,0 +1,75 @@
+import { defineConfig } from 'vitest/config';
+import Vue from '@vitejs/plugin-vue';
+import VueJsx from '@vitejs/plugin-vue-jsx';
+// 设置 neme 属性
+import vueSetupExtend from 'vite-plugin-vue-setup-extend';
+// 静态资源压缩
+import viteCompression from 'vite-plugin-compression';
+import copy from 'rollup-plugin-copy';
+
+export default defineConfig({
+	plugins: [
+		Vue(),
+		VueJsx(),
+		vueSetupExtend(),
+		viteCompression({
+			verbose: true,
+			disable: false, // 不禁用压缩
+			deleteOriginFile: false, // 压缩后是否删除原文件
+			threshold: 10240, // 压缩前最小文件大小
+			algorithm: 'gzip', // 压缩算法
+			ext: '.gz', // 文件类型
+		}),
+		copy({
+			targets: [
+				{ src: './packages/lang', dest: './lib' },
+				{ src: './packages/utils', dest: './lib' },
+				{ src: './packages/style', dest: './lib' },
+			],
+			// 让插件打印详细信息
+			verbose: true,
+			hook: 'closeBundle',
+		}),
+	],
+	resolve: {
+		// 配置别名
+		alias: {
+			'/@/': resolve(__dirname, 'packages'),
+		},
+		// 类型： string[] 导入时想要省略的扩展名列表。
+		extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.mjs'],
+	},
+	optimizeDeps: {
+		disabled: true,
+	},
+	test: {
+		clearMocks: true,
+		environment: 'jsdom',
+		coverage: {
+			include: ['packages/components/**/*'],
+			exclude: ['packages/components/*/style/*', 'packages/components/index.ts', 'packages/components/*/index.ts'],
+		},
+	},
+	build: {
+		outDir: 'lib',
+		// cssCodeSplit: true, // 强制内联 CSS
+		rollupOptions: {
+			// 请确保外部化那些你的库中不需要的依赖
+			external: ['vue'],
+			output: {
+				// 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+				globals: {
+					vue: 'Vue',
+				},
+			},
+		},
+		lib: {
+			// entry: resolve(__dirname, 'packages/index.ts'),
+			entry: './packages/index.ts',
+			name: '/doc/y-admin-pro',
+			// formats: ['es', 'cjs'],
+			// formats: ['es', 'umd', 'cjs'],
+			fileName: 'y-admin-pro',
+		},
+	},
+});