cloudcc-cli 2.2.2 → 2.2.4

package/template/Appvue

@@ -1,25 +1,465 @@
 <template>
-  <div class="cc-container">
-    <div>hello World</div>
+  <div class="welcome-container">
+    <!-- 渐变背景线条 -->
+    <div class="bg-lines">
+      <div class="line line-1"></div>
+      <div class="line line-2"></div>
+      <div class="line line-3"></div>
+    </div>
+
+    <!-- 主要内容 -->
+    <div class="welcome-content">
+      <div class="header">
+        <div class="logo-mark"></div>
+        <span class="tag">Welcome</span>
+      </div>
+
+      <div class="title-section">
+        <h1 class="main-title">{{ mainTitle }}</h1>
+        <div class="title-underline"></div>
+      </div>
+
+      <p class="description">{{ description }}</p>
+
+      <div class="stats">
+        <div class="stat-item" v-for="(stat, index) in stats" :key="index">
+          <div class="stat-number">{{ stat.number }}</div>
+          <div class="stat-label">{{ stat.label }}</div>
+        </div>
+      </div>
+
+      <button class="cta-button" @click="handleClick">
+        <span class="button-text">探索更多</span>
+        <span class="button-arrow">→</span>
+      </button>
+    </div>
+
+    <!-- 装饰线 -->
+    <div class="decorative-line"></div>
   </div>
 </template>
 
 <script>
-  export default {
-    name: "App",
-  };
+export default {
+  name: "App",
+  data() {
+    return {
+      mainTitle: "CloudCC开发者，您好",
+      description: "开发文档：https://help.cloudcc.cn/",
+      stats: [
+        { number: "∞", label: "可能性" },
+        { number: "⚡", label: "高效开发" },
+        { number: "🚀", label: "快速上手" },
+      ],
+    };
+  },
+  methods: {
+    handleClick() {
+      console.error("探索开始");
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  html body {
-    padding: 0;
-    margin: 0;
-    height: 100vh;
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.welcome-container {
+  position: relative;
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  background: #fafafa;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", sans-serif;
+}
+
+// 背景线条
+.bg-lines {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  opacity: 0.3;
+}
+
+.line {
+  position: absolute;
+  background: linear-gradient(90deg, transparent, #000, transparent);
+  opacity: 0.05;
+
+  &-1 {
+    width: 200%;
+    height: 1px;
+    top: 20%;
+    left: -50%;
+    animation: moveLine 8s linear infinite;
+  }
+
+  &-2 {
+    width: 200%;
+    height: 1px;
+    top: 50%;
+    right: -50%;
+    animation: moveLine 10s linear infinite reverse;
+  }
+
+  &-3 {
+    width: 200%;
+    height: 1px;
+    bottom: 20%;
+    left: -50%;
+    animation: moveLine 12s linear infinite;
+  }
+}
+
+@keyframes moveLine {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(50%);
+  }
+}
+
+// 主要内容
+.welcome-content {
+  position: relative;
+  z-index: 10;
+  max-width: 600px;
+  margin: 0 auto;
+  padding: 0 40px;
+  text-align: center;
+  animation: fadeInContent 0.8s ease-out;
+}
+
+@keyframes fadeInContent {
+  0% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+// 头部
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  margin-bottom: 40px;
+}
+
+.logo-mark {
+  width: 24px;
+  height: 24px;
+  border: 2px solid #000;
+  border-radius: 4px;
+  position: relative;
+  animation: logoRotate 2s ease-in-out infinite;
+
+  &::after {
+    content: "";
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    background: #000;
+    border-radius: 50%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+
+@keyframes logoRotate {
+  0%,
+  100% {
+    transform: rotate(0deg);
+  }
+  50% {
+    transform: rotate(90deg);
+  }
+}
+
+.tag {
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 1.2px;
+  color: #666;
+  text-transform: uppercase;
+  padding: 4px 12px;
+  border: 1px solid #ddd;
+  border-radius: 20px;
+  background: rgba(255, 255, 255, 0.8);
+}
+
+// 标题部分
+.title-section {
+  margin-bottom: 30px;
+  position: relative;
+}
+
+.main-title {
+  font-size: 48px;
+  font-weight: 700;
+  line-height: 1.3;
+  color: #000;
+  margin-bottom: 16px;
+  letter-spacing: -0.5px;
+}
+
+.title-underline {
+  width: 60px;
+  height: 3px;
+  background: linear-gradient(90deg, #000, transparent);
+  margin: 0 auto;
+  border-radius: 2px;
+  animation: expandWidth 0.8s ease-out 0.3s backwards;
+}
+
+@keyframes expandWidth {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 60px;
+  }
+}
+
+// 描述文本
+.description {
+  font-size: 16px;
+  color: #666;
+  line-height: 1.6;
+  margin-bottom: 50px;
+  font-weight: 400;
+  letter-spacing: 0.3px;
+}
+
+// 统计数据
+.stats {
+  display: flex;
+  justify-content: center;
+  gap: 60px;
+  margin-bottom: 50px;
+}
+
+.stat-item {
+  text-align: center;
+  opacity: 0;
+  animation: slideInStats 0.6s ease-out forwards;
+
+  &:nth-child(1) {
+    animation-delay: 0.2s;
+  }
+
+  &:nth-child(2) {
+    animation-delay: 0.3s;
+  }
+
+  &:nth-child(3) {
+    animation-delay: 0.4s;
+  }
+}
+
+@keyframes slideInStats {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.stat-number {
+  font-size: 28px;
+  font-weight: 700;
+  color: #000;
+  margin-bottom: 4px;
+}
+
+.stat-label {
+  font-size: 12px;
+  color: #999;
+  font-weight: 500;
+  letter-spacing: 0.5px;
+}
+
+// 按钮
+.cta-button {
+  padding: 14px 32px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #fff;
+  background: #000;
+  border: 2px solid #000;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  position: relative;
+  overflow: hidden;
+  animation: fadeInUp 0.8s ease-out 0.5s backwards;
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: #333;
+    z-index: -1;
+    transition: left 0.3s ease;
+  }
+
+  &:hover {
+    background: #333;
+    border-color: #333;
+    transform: translateX(4px);
+
+    .button-arrow {
+      animation: arrowMove 0.3s ease;
+    }
+  }
+
+  &:active {
+    transform: translateX(2px);
+  }
+}
+
+.button-text {
+  position: relative;
+}
+
+.button-arrow {
+  display: inline-block;
+  transition: transform 0.3s ease;
+}
+
+@keyframes arrowMove {
+  0%,
+  100% {
+    transform: translateX(0);
+  }
+  50% {
+    transform: translateX(4px);
+  }
+}
+
+@keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+// 装饰线
+.decorative-line {
+  position: absolute;
+  bottom: 40px;
+  left: 50%;
+  width: 40px;
+  height: 2px;
+  background: #000;
+  transform: translateX(-50%);
+  opacity: 0.2;
+  animation: pulse 2s ease-in-out infinite;
+}
+
+@keyframes pulse {
+  0%,
+  100% {
+    opacity: 0.2;
+    width: 40px;
+  }
+  50% {
+    opacity: 0.5;
+    width: 50px;
+  }
+}
+
+// 响应式
+@media (max-width: 768px) {
+  .welcome-content {
+    padding: 0 30px;
+  }
+
+  .main-title {
+    font-size: 36px;
+  }
+
+  .description {
+    font-size: 14px;
+    margin-bottom: 40px;
+  }
+
+  .stats {
+    gap: 40px;
+    margin-bottom: 40px;
+  }
+
+  .stat-number {
+    font-size: 24px;
+  }
+
+  .cta-button {
+    padding: 12px 28px;
+    font-size: 14px;
+  }
+
+  .header {
+    margin-bottom: 30px;
+  }
+
+  .title-section {
+    margin-bottom: 25px;
+  }
+}
+
+@media (max-width: 480px) {
+  .main-title {
+    font-size: 28px;
+  }
+
+  .description {
+    font-size: 13px;
+  }
+
+  .stats {
+    gap: 30px;
+  }
+
+  .stat-number {
+    font-size: 20px;
+  }
+
+  .cta-button {
     width: 100%;
   }
 
-  .cc-container {
-    text-align: center;
-    padding: 8px;
+  .bg-lines {
+    display: none;
   }
+}
 </style>

package/template/index.js

@@ -33,8 +33,13 @@ module.exports = function (creator, options, callback) {
 
     const cwd = process.cwd();
 
-    const projectPath = path.join(cwd, name);
-    fs.mkdirSync(projectPath)
+    // 当 name 是 '.' 或 '' 时，直接使用当前目录
+    const projectPath = (name === '.' || name === '') ? cwd : path.join(cwd, name);
+    
+    // 只有当 name 不是 '.' 或 '' 时才创建新目录
+    if (name !== '.' && name !== '') {
+        fs.mkdirSync(projectPath)
+    }
 
     const src = path.join(projectPath, "src");
     fs.mkdirSync(src)
@@ -48,15 +53,18 @@ module.exports = function (creator, options, callback) {
     const templateLibPath = path.join(__dirname, "lib");
     if (fs.existsSync(templateLibPath)) {
         copyFolderSync(templateLibPath, libPath);
-        console.log(`${chalk.grey(`Copy lib folder to ${name}/lib`)} ${chalk.green('✔ ')}`);
+        const displayPath = (name === '.' || name === '') ? '.' : `${name}/lib`;
+        console.error(`${chalk.grey(`Copy lib folder to ${displayPath}`)} ${chalk.green('✔ ')}`);
     }
 
     creator.copyTpl('cloudcc-cli.configjs', path.join(projectPath, "cloudcc-cli.config.js"))
 
     creator.copyTpl('gitignore', path.join(projectPath, ".gitignore"))
 
+    // 当 name 是 '.' 或 '' 时，使用当前目录名作为 package.json 的 name
+    const packageName = (name === '.' || name === '') ? path.basename(cwd) : name;
     creator.copyTpl('packagejson', path.join(projectPath, "package.json"), {
-        name, description
+        name: packageName, description
     })
 
     creator.copyTpl('vueconfigjs', path.join(projectPath, "vue.config.js"))
@@ -71,21 +79,24 @@ module.exports = function (creator, options, callback) {
 
 
     creator.fs.commit(() => {
-        console.log();
-        console.log(`${chalk.grey(`Create project: ${name}`)} ${chalk.green('✔ ')}`);
-
-        console.log(`${chalk.grey(`Create directory: ${name}/public`)} ${chalk.green('✔ ')}`);
-        console.log(`${chalk.grey(`Create file: ${name}/public/index.html`)} ${chalk.green('✔ ')}`);
-
-        console.log(`${chalk.grey(`Create directory: ${name}/lib`)} ${chalk.green('✔ ')}`);
-        console.log(`${chalk.grey(`Create directory: ${name}/src`)} ${chalk.green('✔ ')}`);
-        console.log(`${chalk.grey(`Create file: ${name}/src/App.vue`)} ${chalk.green('✔ ')}`);
-        console.log(`${chalk.grey(`Create file: ${name}/src/main.js`)} ${chalk.green('✔ ')}`);
-
-        console.log(`${chalk.grey(`Create file: ${name}/babel.config.js`)} ${chalk.green('✔ ')}`);
-        console.log(`${chalk.grey(`Create file: ${name}/package.json`)} ${chalk.green('✔ ')}`);
-        console.log(`${chalk.grey(`Create file: ${name}/vue.config.js`)} ${chalk.green('✔ ')}`);
-        console.log(`${chalk.grey(`Create file: ${name}/cloudcc-cli.config.js`)} ${chalk.green('✔ ')}`);
+        console.error();
+        const displayName = (name === '.' || name === '') ? '.' : name;
+        const prefix = (name === '.' || name === '') ? '' : `${name}/`;
+        
+        console.error(`${chalk.grey(`Create project: ${displayName}`)} ${chalk.green('✔ ')}`);
+
+        console.error(`${chalk.grey(`Create directory: ${prefix}public`)} ${chalk.green('✔ ')}`);
+        console.error(`${chalk.grey(`Create file: ${prefix}public/index.html`)} ${chalk.green('✔ ')}`);
+
+        console.error(`${chalk.grey(`Create directory: ${prefix}lib`)} ${chalk.green('✔ ')}`);
+        console.error(`${chalk.grey(`Create directory: ${prefix}src`)} ${chalk.green('✔ ')}`);
+        console.error(`${chalk.grey(`Create file: ${prefix}src/App.vue`)} ${chalk.green('✔ ')}`);
+        console.error(`${chalk.grey(`Create file: ${prefix}src/main.js`)} ${chalk.green('✔ ')}`);
+
+        console.error(`${chalk.grey(`Create file: ${prefix}babel.config.js`)} ${chalk.green('✔ ')}`);
+        console.error(`${chalk.grey(`Create file: ${prefix}package.json`)} ${chalk.green('✔ ')}`);
+        console.error(`${chalk.grey(`Create file: ${prefix}vue.config.js`)} ${chalk.green('✔ ')}`);
+        console.error(`${chalk.grey(`Create file: ${prefix}cloudcc-cli.config.js`)} ${chalk.green('✔ ')}`);
         callback();
     });
 }

package/tool/branch/index.js

@@ -14,7 +14,7 @@ function checkBranch(inBranch, notInBranch, condition = '') {
                 guolv.push(branch)
             }
         } catch (error) {
-            console.log(error)
+            console.error(error)
         }
 
     })

package/tool/checkLange/checkLang.js

@@ -36,17 +36,17 @@ function checkFilesInFolder(folderPath) {
 
               if (chineseRegex.test(data)) {
                 length++;
-                console.log(`have "${filePath}"`);
+                console.error(`have "${filePath}"`);
               } 
             });
           } else {
-            // console.log(`jump filePath"${filePath}"`);
+            // console.error(`jump filePath"${filePath}"`);
           }
         } else if (stats.isDirectory()) {
           if (!excludeFolders.includes(file)) {
             checkFilesInFolder(filePath);
           } else {
-            // console.log(`jump filePath"${filePath}"`);
+            // console.error(`jump filePath"${filePath}"`);
           }
         }
       });
@@ -59,9 +59,9 @@ checkFilesInFolder(folderPath);
 
 function getLength() {
   setTimeout(() => {
-    console.log(`==============================================================`)
-    console.log(`total ${length} files have chinese`);
-    console.log(`==============================================================`)
+    console.error(`==============================================================`)
+    console.error(`total ${length} files have chinese`);
+    console.error(`==============================================================`)
   }, 1000);
 }
 

package/tool/checkLange/clearLang.js

@@ -67,7 +67,7 @@ function removeChineseComments(filePath) {
                 return;
             }
 
-            console.log(`done: ${filePath}`);
+            console.error(`done: ${filePath}`);
         });
     });
 }

package/utils/accessClass.js

@@ -0,0 +1,23 @@
+const postClass = require('./http').postClass;
+const { getPackageJson } = require("./config")
+
+
+
+
+async function test() {
+    let config = await getPackageJson();
+    console.log('Using config:', config);
+    // 自定义类名
+    let className = "TestDtt"
+    // 类中的方法名
+    let methodName = "sendEm"
+    // 方法入参
+    let params = []
+    postClass(config.setupSvc + "/api/openCall/common", { className, methodName, params }, config.accessToken).then(res => {
+        console.log('Delete success:', res);
+    }).catch(err => {
+        console.error('Error deleting object:', err);
+    });
+}
+
+test()