@hr-components-dev/cli 1.1.6 → 1.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hr-components-dev/cli",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -32,6 +32,7 @@
     "vite.config.ts",
     "index.html",
     "tsconfig.build.json",
+    "!src/scripts/**/*.ts",
     "!**/*.test.js",
     "!**/*.spec.js"
   ],

package/src/scripts/build-component.ts

@@ -1,183 +0,0 @@
-#!/usr/bin/env node
-import { build } from "vite";
-import vue from "@vitejs/plugin-vue";
-import vueJsx from "@vitejs/plugin-vue-jsx";
-import { dirname, resolve } from "path";
-import { existsSync, readdirSync, readFileSync, statSync } from "fs";
-import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
-import consola from "consola";
-
-// 查找项目根目录
-export const findProjectRoot = (startDir: string): string => {
-  let currentDir = startDir;
-
-  // 向上搜索直到找到标识性的文件或达到系统根目录
-  while (currentDir !== dirname(currentDir)) {
-    const pkgPath = resolve(currentDir, 'package.json');
-    if (existsSync(pkgPath)) {
-      try {
-        const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
-
-        // 检查是否为根目录的更可靠方法：
-        // 1. 是否包含 workspaces 字段
-        // 2. 是否包含 src 目录
-        // 3. 是否包含特定的根项目标识
-        if (pkg.workspaces || existsSync(resolve(currentDir, 'src'))) {
-          // 验证是否存在 src/components 目录
-          if (existsSync(resolve(currentDir, 'src', 'components'))) {
-            return currentDir;
-          }
-        }
-      } catch (e) {
-        // 忽略解析错误，继续向上搜索
-      }
-    }
-    currentDir = dirname(currentDir);
-  }
-
-  // 如果没找到根目录，则尝试使用命令行参数或者环境变量
-  const argv = require('yargs').argv;
-  if (argv.root) {
-    return resolve(argv.root);
-  }
-
-  if (process.env.PROJECT_ROOT) {
-    return resolve(process.env.PROJECT_ROOT);
-  }
-
-  // 最后的备选方案：返回初始目录
-  return startDir;
-}
-
-
-// 获取项目根目录
-const projectRoot = findProjectRoot(process.cwd());
-
-
-// 将连字符命名转换为大驼峰命名（PascalCase）
-function toPascalCase(str: string) {
-  // 将连字符命名转换为驼峰命名
-  function toCamelCase(str: string) {
-    return str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-  }
-  const camelCase = toCamelCase(str);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-}
-
-// 获取所有组件名称
-function getAllComponents() {
-  consola.info('projectRoot:', projectRoot);
-  const srcDir = resolve(projectRoot, "src/components");
-
-  if (!existsSync(srcDir)) {
-    console.error(`源目录不存在: ${srcDir}`);
-    process.exit(1);
-  }
-
-  const components = [];
-  const items = readdirSync(srcDir);
-
-  for (const item of items) {
-    const itemPath = resolve(srcDir, item);
-    if (statSync(itemPath).isDirectory()) {
-      const entryFile = resolve(itemPath, "index.ts");
-      if (existsSync(entryFile)) {
-        components.push(item);
-      }
-    }
-  }
-
-  return components;
-}
-
-async function buildComponent(componentName: string) {
-  const srcDir = resolve(projectRoot, "src/components");
-  const componentDir = resolve(srcDir, componentName);
-  const entryFile = resolve(componentDir, "index.ts");
-
-  // 转换为合法的 JS 标识符
-  const legalName = toPascalCase(componentName);
-
-  // 检查组件目录和入口文件是否存在
-  if (!existsSync(componentDir)) {
-    console.error(`组件目录不存在: ${componentDir}`);
-    process.exit(1);
-  }
-
-  if (!existsSync(entryFile)) {
-    console.error(`入口文件不存在: ${entryFile}`);
-    process.exit(1);
-  }
-
-  try {
-    await build({
-      root: process.cwd(),
-      configFile: false,
-      plugins: [vue(), vueJsx(), cssInjectedByJsPlugin()],
-      build: {
-        lib: {
-          entry: entryFile,
-          name: legalName,
-          fileName: (format) => {
-            // 为不同格式生成不同的文件名
-            const name = format == "iife" ? "index.js" : `index.${format}.js`;
-            return name;
-          },
-          formats: ["es", "umd", "iife", "system", "cjs"], // 使用 ES 格式
-        },
-        outDir: resolve(process.cwd(), "dist", componentName),
-        emptyOutDir: true,
-        rollupOptions: {
-          external: ["vue"],
-          output: {
-            globals: {
-              vue: "Vue",
-            },
-            paths: {
-              // vue: "https://cdn.jsdelivr.net/npm/vue@3/dist/vue.esm-browser.prod.js", // 可选：指定vue的CDN路径
-            },
-          },
-        },
-        cssCodeSplit: false, // 禁用 CSS 代码分割，将所有 CSS 合并
-        cssMinify: true, // 压缩 CSS
-      },
-      define: {
-        "process.env.NODE_ENV": JSON.stringify("production"),
-      },
-    });
-
-    console.log(`✅ 组件 ${componentName} 构建完成`);
-  } catch (error) {
-    console.error(`❌ 组件 ${componentName} 构建失败:`, error);
-    process.exit(1);
-  }
-}
-
-// 获取命令行参数
-const args = process.argv.slice(2);
-
-// 处理不同的参数情况
-if (args.length === 0 || (args.length === 1 && args[0] === "--all")) {
-  // 批量构建所有组件
-  const components = getAllComponents();
-
-  if (components.length === 0) {
-    console.warn("未找到任何组件");
-    process.exit(0);
-  }
-
-  console.log(`发现 ${components.length} 个组件，开始批量构建...`);
-
-  for (const component of components) {
-    await buildComponent(component);
-  }
-
-  console.log("✅ 所有组件构建完成");
-} else if (args.length === 1) {
-  // 构建单个组件
-  const componentName = args[0];
-  await buildComponent(componentName);
-} else {
-  console.error("参数错误：请提供组件名称或使用 --all 参数构建所有组件");
-  process.exit(1);
-}

package/src/scripts/component-preview.ts

@@ -1,57 +0,0 @@
-// component-preview.js
-import { createServer } from "vite";
-import { writeFileSync, existsSync } from "fs";
-import path, { resolve } from "path";
-
-const componentPath = process.argv[2];
-
-if (!componentPath) {
-  console.error(
-    "请提供组件路径，例如: node script/component-preview.js /hr-test/HelloWorld.vue"
-  );
-  process.exit(1);
-}
-
-if (!existsSync("./src/components/" + componentPath)) {
-  console.error(`组件文件不存在: ${"./src/components/" + componentPath}`);
-  process.exit(1);
-}
-
-// 生成临时预览文件
-const previewHtml = `
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Component Preview</title>
-</head>
-<body>
-  <div id="app"></div>
-  <script type="module">
-    import { createApp } from 'vue'
-    import Component from '${"./src/components/" + componentPath.replace(/\\/g, "/")
-  }'
-    
-    createApp(Component, { 
-      msg: 'Component Preview' 
-    }).mount('#app')
-  </script>
-</body>
-</html>`;
-
-writeFileSync("./temp-preview.html", previewHtml);
-
-// 启动 Vite 服务器
-const v = import.meta;
-const configFile = path.resolve(v.dirname, '../../') + "/vite.config.ts";
-const server = await createServer({
-  configFile,
-  root: process.cwd(),
-  server: {
-    open: "./temp-preview.html",
-  },
-});
-
-await server.listen(5167);
-server.printUrls();

package/src/scripts/plugin/setupAmisPlugin.ts

@@ -1,90 +0,0 @@
-import path from 'node:path';
-import fs from 'node:fs';
-import { viteStaticCopy } from 'vite-plugin-static-copy';
-
-const copyDirectory = (source: string, destination: string) => {
-  // 确保目标目录存在
-  fs.mkdirSync(destination, { recursive: true });
-
-  // 读取源目录内容
-  const entries = fs.readdirSync(source, { withFileTypes: true });
-
-  for (const entry of entries) {
-    const srcPath = path.join(source, entry.name);
-    const destPath = path.join(destination, entry.name);
-
-    if (entry.isDirectory()) {
-      // 递归复制目录
-      copyDirectory(srcPath, destPath);
-    } else {
-      // 复制文件（使用 COPYFILE_FICLONE_FORCE 标志避免符号链接）
-      try {
-        fs.copyFileSync(srcPath, destPath, fs.constants.COPYFILE_FICLONE_FORCE);
-      } catch (error) {
-        // 如果强制复制失败，使用普通复制
-        fs.copyFileSync(srcPath, destPath);
-      }
-    }
-  }
-};
-
-const copyNodeModulesSdk = (targetPath: string) => {
-  // 定义路径
-  const assetsSdkPath = path.resolve(__dirname, `../../assets/${targetPath}`).replace(/\\/g, '/');
-  const nodeModulesSdkPath = path.resolve(__dirname, `../../../node_modules/${targetPath}`).replace(/\\/g, '/');
-
-  // 检查 assets 目录是否存在 SDK 文件
-  if (fs.existsSync(assetsSdkPath)) {
-    // 如果 assets 目录存在 SDK，则使用它
-    return assetsSdkPath;
-  } else if (fs.existsSync(nodeModulesSdkPath)) {
-    // 如果 assets 目录不存在，但 node_modules 中有，则使用 node_modules 的
-    // 同时将文件复制到 assets 目录以便下次使用
-    const destAssetsSdkPath = path.resolve(__dirname, `../../assets/${targetPath}`);
-
-    // 确保目标目录存在
-    fs.mkdirSync(path.dirname(destAssetsSdkPath), { recursive: true });
-
-    // 如果目标目录已存在，先删除
-    if (fs.existsSync(destAssetsSdkPath)) {
-      fs.rmSync(destAssetsSdkPath, { recursive: true });
-    }
-
-    // 使用自定义复制函数进行递归复制（避免符号链接问题）
-    try {
-      copyDirectory(nodeModulesSdkPath, destAssetsSdkPath);
-    } catch (error) {
-      console.error('Failed to copy directory:', error);
-      // 如果复制失败，直接返回 node_modules 路径
-      return nodeModulesSdkPath;
-    }
-
-    return destAssetsSdkPath;
-  } else {
-    throw new Error(`${targetPath} not found in either assets or node_modules`);
-  }
-};
-
-
-
-export default function setupAmisPlugin() {
-
-
-  const amisPath = copyNodeModulesSdk('/amis/sdk');
-  // const fontawesome = copyNodeModulesSdk('/@fortawesome/fontawesome-free')
-
-  // console.log(fontawesome);
-
-  return viteStaticCopy({
-    targets: [
-      {
-        src: `${amisPath}/[!.]*`,
-        dest: 'amis/sdk'
-      },
-      // {
-      //   src: `${fontawesome}/[!.]*`,
-      //   dest: '@fortawesome'
-      // }
-    ]
-  });
-}

package/src/scripts/register-components.ts

@@ -1,89 +0,0 @@
-import consola from "consola";
-import type { ComponentType } from 'react'; // 引入 React 类型
-
-
-// 定义组件项的接口
-interface ComponentItem {
-  组件名: string;
-  组件包: {
-    default: (props: amis.AmisComponentPropsType) => ComponentType<any>;
-    isFormItem: boolean;
-  };
-  组件类型: string;
-  注册状态: string;
-}
-
-/**
- * 获取所有组件名称列表
- */
-async function getAllComponents(): Promise<ComponentItem[]> {
-  // 使用 import.meta.glob 动态导入 src/components 下的所有组件
-  debugger;
-  const modules = import.meta.glob<{
-    default: (props: amis.AmisComponentPropsType) => ComponentType<any>,
-    isFormItem: boolean
-  }>('/src/components/*/index.ts');
-  consola.info(`找到[${Object.keys(modules).length}]个组件`, '/src/components/*/index.ts');
-
-
-  const components: ComponentItem[] = [];
-  for (const path in modules) {
-    try {
-      const loader = modules[path];
-      if (!loader) continue; // 防止 undefined 调用
-      const module = await loader();
-      // 从路径中提取组件名称
-      const componentName = path.match(/\/components\/(.+?)\//)?.[1];
-      if (componentName) {
-        components.push({
-          组件名: componentName,
-          组件包: module,
-          组件类型: module.isFormItem ? '@FormItem' : '@Renderer',
-          注册状态: '未注册'
-        });
-      }
-    } catch (error) {
-      consola.error(`加载组件失败: ${path}`, error);
-    }
-  }
-  consola.info(`找到[${components.length}]个待注册组件`);
-  return components;
-}
-
-/**
- * 自动注册组件函数 * 
- * @param register - 组件注册函数，用于将组件注册到系统中
- * @returns 无返回值的异步函数
- */
-export const autoRegisterComponent = async (
-  register: (
-    name: string,
-    hook: (props: amis.AmisComponentPropsType) => ComponentType<any>,
-    isFormItem?: boolean
-  ) => any
-) => {
-  consola.start('开始自动注册组件....');
-  const components = await getAllComponents();
-
-  // 注册每个组件
-  for (let i = 0; i < components.length; i++) {
-    const component = components[i];
-    if (!component) continue;
-
-    try {
-      const componentModule = component.组件包;
-
-      if (componentModule.default) {
-        register(component.组件名, componentModule.default, componentModule.isFormItem);
-        consola.success(`组件注册 【${component.组件名}】 成功`);
-        component.注册状态 = '成功'; // 直接使用已存在的 component 对象
-      }
-    } catch (error) {
-      consola.error(`注册组件失败: ${component.组件名}`, error);
-      component.注册状态 = '失败'; // 同样直接赋值
-    }
-  }
-  console.table(components);
-};
-
-export default autoRegisterComponent;

package/src/scripts/typings/global.d.ts

@@ -1,66 +0,0 @@
-import type { RootRenderProps } from 'amis-core/lib/Root';
-import type { FormControlProps, IScopedContext, Schema } from 'amis';
-import type * as vue from 'vue';
-import React, { JSX } from 'react';
-
-type PathModule = 'amis' | 'amis/embed' | 'amis-core' | 'react' | 'amis-ui' | 'amis-formula';
-type AmisRequireCallback<T extends string | string[]> = T extends string
-    ? (arg1: any) => void
-    : T extends Array<infer U>
-    ? U extends string
-    ? ((...args: any[]) => void) & { length: T['length'] }
-    : never
-    : never;
-
-
-declare global {
-    export interface Window {
-        amisRequire: <T extends PathModule | PathModule[]>(path: T, callback?: AmisRequireCallback<T>) => any;
-    }
-    namespace amis {
-        type TypeEmbed = {
-            updateProps: (props: Partial<RootRenderProps>, callback?: (p: Partial<RootRenderProps>, s: Schema) => void) => void;
-            updateSchema: (
-                newSchema: Schema,
-                props?: Partial<RootRenderProps>,
-                callback?: (p: Partial<RootRenderProps>, s: Schema) => void
-            ) => void;
-            unmount: () => void;
-        };
-
-        type AmisComponentPropsType = {
-            /**
-             * Vue.es 模块
-             */
-            vue: typeof vue;
-            /**
-             * React.es 模块
-             */
-            react: typeof React;
-            /**
-             * amis 模块
-             */
-            amislib: any;
-            /**
-             * amis-ui 模块
-             */
-            amisUI: any;
-            /**
-             * 当前amis 实例
-             */
-            scoped: IScopedContext & TypeEmbed;
-            /**
-             * 当前语言
-             */
-            locale: string;
-            /**
-             * 当前主题
-             */
-            theme: "dark" | "antd" | "cxd" | "ang";
-        };
-
-        type ComponentsFc<T = amis.AmisComponentPropsType> = (_p: T) => (_sp: FormControlProps) => React.ReactElement<React.DOMAttributes<Element>, any> | JSX.Element;
-
-
-    }
-}