feima-shortcuts 0.0.8 → 0.1.0

package/bin/feima.js

@@ -1,15 +1,49 @@
 #!/usr/bin/env node
 const inquirer = require("inquirer");
 const feima = require("../src/generate");
+const { version } = require("../package.json"); // 读取 package.json 中的版本号
 
 const run = () => {
+  console.log(`🚀 当前版本：v${version}`);
+
   inquirer
     .prompt([
+      {
+        type: "list",
+        name: "type",
+        message: "请选择模版类型",
+        choices: ["api", "template"],
+      },
+      // 页面模版创建方式
+      {
+        type: "input",
+        message: "输入页面路径:",
+        name: "template-path",
+        default: "warehouseManagement/inventoryTransfer/internalAllocation/index", // 默认值
+        when: function (answers) {
+          return ["template"].includes(answers.type);
+        },
+      },
+      {
+        type: "list",
+        name: "template-type",
+        message: "请选择页面模版类型",
+        choices: ["card", 'tabs', 'form'],
+        when: function (answers) {
+          return answers['template-path'];
+        },
+      },
+
+
+      // 接口创建方式
       {
         type: "list",
         name: "template",
         message: "请选择接口类型",
-        choices: ["new",'old'],
+        choices: ["new", 'old'],
+        when: function (answers) {
+          return ["api"].includes(answers.type);
+        },
       },
       {
         type: "input",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "feima-shortcuts",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "description": "快捷指令",
   "main": "index.js",
   "directories": {

package/src/generate.js

@@ -1,5 +1,11 @@
 const restfulApi = require("./scripts/restful-api");
+const template = require("./scripts/template");
 
 exports.run = function (answers) {
-  restfulApi.run(answers);
+  if (answers.type == 'api') {
+    restfulApi.run(answers);
+  }
+  if (answers.type == 'template') {
+    template.run(answers)
+  }
 };

package/src/scripts/{new.js → restful-api/new.js}

@@ -1,6 +1,6 @@
 const fs = require("fs");
 const path = require("path");
-const { makeDir } = require("../utils/makeDir");
+const { makeDir } = require("../../utils/makeDir");
 
 const fileName = "index.js";
 

package/src/scripts/{old.js → restful-api/old.js}

@@ -1,5 +1,5 @@
 const fs = require("fs");
-const { makeDir } = require("../utils/makeDir");
+const { makeDir } = require("../../utils/makeDir");
 
 const fileName = "index.js";
 

package/src/scripts/template/card.js

@@ -0,0 +1,142 @@
+const fs = require("fs");
+const { makeDir } = require("../../utils/makeDir");
+
+
+function toKebabCase(str) {
+  if (/^[A-Z]/.test(str)) {
+    throw new Error('首字母不能是大写');
+  }
+  return str.replace(/([A-Z])/g, '-$1').toLowerCase();
+}
+
+const templateStr = ({fileName}) => { 
+  const className = toKebabCase(fileName);
+
+  return `<template>
+  <el-card class="${className}">
+    <f-table
+      ref="tableRef"
+      :params="params"
+      :columns="columns"
+      :request="request"
+      style="max-width: 1000px"
+    >
+      <template #option="scopeData">
+        <el-table-column v-bind="scopeData">
+          <template #default="{ row }">
+            <el-button
+              link
+              type="primary"
+              @click="
+                $router.push({
+                  path: '/xxx',
+                  query: { id: 'xx' },
+                })
+              "
+            >
+              编辑
+            </el-button>
+          </template>
+        </el-table-column>
+      </template>
+    </f-table>
+  </el-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({
+  name: "${fileName}",
+});
+
+const tableRef = ref<any>(null);
+const params = ref<any>({});
+const columns = ref<any[]>([
+  {
+    width: 130,
+    prop: "clientName",
+    label: "供应商名称",
+  },
+  {
+    customizeId: "option",
+    search: false,
+    fixed: "right",
+    label: "操作",
+    width: 100,
+  },
+]);
+
+const request = ({ createTime, ...params }: any) => {
+  return new Promise((resolve) => {
+    if (createTime) {
+      params.startTime = \`\${createTime[0]} 00:00:00\`;
+      params.endTime = \`\${createTime[1]} 23:59:59\`;
+    }
+
+    // adminSupplierList({
+    //   params,
+    // })
+    //   .then((res) => {
+    //     resolve({
+    //       data: res.data.list,
+    //       total: res.data.total,
+    //     });
+    //   })
+    //   .catch(() => {
+    //     resolve({
+    //       data: [],
+    //     });
+    //   });
+  });
+};
+</script>
+
+<style lang="scss" scoped>
+.${className} {
+  height: 100%;
+
+  :deep(.el-card__body) {
+    --el-card-padding: 0;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  :deep(.el-form-item__content) {
+    --form-item-content: 210px;
+  }
+
+  &-btns {
+    display: flex;
+    gap: var(--base-gap);
+  }
+}
+</style>`;
+};
+
+
+
+exports.run = function (answers) {
+  const filePath = `./src/views/${answers['template-path']}.vue`;
+  const parts = filePath.split('/');
+  const fileName = parts[parts.length - 2];
+  const fileIndex = parts[parts.length - 1];
+  const makeDirPath = [...parts].slice(0, -1).join('/');
+
+  makeDir(makeDirPath);
+  process.chdir(makeDirPath);
+
+  const template = templateStr({ fileName });
+  
+  const targetFilePath = `./${fileIndex}`;
+
+   // 新增：判断文件是否存在
+  if (fs.existsSync(targetFilePath)) {
+    console.log(`❌ 文件已存在：${targetFilePath}，未进行覆盖操作。`);
+    return;
+  }
+  
+  fs.writeFileSync(targetFilePath, template);
+  console.log(`✅ 文件创建成功`);
+};

package/src/scripts/template/form.js

@@ -0,0 +1,233 @@
+const fs = require("fs");
+const { makeDir } = require("../../utils/makeDir");
+
+
+function toKebabCase(str) {
+  if (/^[A-Z]/.test(str)) {
+    throw new Error('首字母不能是大写');
+  }
+  return str.replace(/([A-Z])/g, '-$1').toLowerCase();
+}
+
+const templateStr = ({fileName}) => { 
+  const className = toKebabCase(fileName);
+
+  return `<template>
+  <el-card class="${className}">
+    <el-form
+      ref="formRef"
+      inline
+      :model="formValue"
+      label-width="120px"
+      label-suffix="："
+    >
+      <el-form-item
+        class="block"
+        label="测试姓名"
+        prop="name"
+        :rules="[
+          {
+            required: true,
+            message: '请输入测试姓名',
+            trigger: 'blur',
+          },
+        ]"
+      >
+        <el-input v-model="formValue.name" />
+      </el-form-item>
+      <el-form-item
+        label="测试2"
+        prop="test2"
+      >
+        <el-input v-model="formValue.test1" />
+      </el-form-item>
+      <el-form-item
+        label="测试3"
+        prop="test3"
+      >
+        <el-input v-model="formValue.test1" />
+      </el-form-item>
+
+      <el-form-item
+        class="block-content"
+        label="备注（只是示例）"
+        prop="remark"
+      >
+        <el-input
+          v-model="formValue.remark"
+          :rows="3"
+          type="textarea"
+        />
+      </el-form-item>
+      <el-form-item
+        class="block-content"
+        label="富文本（只是示例）"
+        prop="remark"
+      >
+        <ProFormTinymce v-model="formValue.richText" />
+      </el-form-item>
+
+      <el-form-item
+        class="block-content"
+        label="富文本（只是示例）"
+        prop="remark"
+      >
+        <ProFormImage
+          v-model="formValue.images"
+          :limit="1"
+          :before-upload="handleBeforeUpload"
+        >
+          <template #footer>
+            <div class="pro-form-image-tip">
+              <el-icon color="red"><Warning /></el-icon>
+              仅支持上传宽度750px且大小不超过1MB图片
+            </div>
+          </template>
+        </ProFormImage>
+      </el-form-item>
+    </el-form>
+
+    <PageFooter>
+      <el-button
+        type="primary"
+        v-fLoading="onSubmit"
+      >
+        提交
+      </el-button>
+    </PageFooter>
+  </el-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+
+import PageFooter from "@/components/PageFooter.vue";
+import ProFormTinymce from "@/components/ProFormTinymce.vue";
+import ProFormImage from "@/components/ProFormImage.vue";
+
+defineOptions({
+  name: "${fileName}",
+});
+
+const formRef = ref<any>();
+const formValue = ref<any>({
+  name: "",
+  test2: "",
+  test3: "",
+  remark: "",
+  richText: "",
+  images: [],
+});
+
+// 上传之前的处理
+const handleBeforeUpload = (file: any) => {
+  if (file.size > 1048576) {
+    ElMessage.error("超出最大上传大小，图片不能大于1MB");
+    return false;
+  }
+  // 示例，不需要自己删除
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+
+    reader.onload = () => {
+      const img: any = new Image();
+      img.src = reader.result;
+
+      img.onload = () => {
+        // 检查图片宽度是否超过 750px
+        if (img.width != 750) {
+          ElMessage.error("图片宽度需为 750 像素");
+          reject(); // 取消上传
+        } else {
+          resolve(""); // 宽度合格，允许上传
+        }
+      };
+
+      img.onerror = () => {
+        ElMessage.error("图片加载失败");
+        reject(); // 图片加载失败，取消上传
+      };
+    };
+
+    reader.readAsDataURL(file); // 读取文件
+  });
+};
+const onSubmit = async () => {
+  await formRef.value.validate();
+  try {
+    const { images, ...values } = formValue.value;
+    const submitData = {
+      ...values,
+      images: images.map((item: any) => item.path).join(","),
+    };
+    let formData = new FormData();
+    formData.append("json", JSON.stringify(submitData));
+    // const res: any = await addTransferOrder({
+    //   data: formData,
+    // });
+    // if (res.code != 200) {
+    //   ElMessage.error(res.message || "系统出错");
+    //   return;
+    // }
+    // ElMessage.success(res.message);
+  } catch (error) {
+    console.error(error);
+  }
+};
+</script>
+<style lang="scss" scoped>
+.${className} {
+  height: calc(100% - var(--page-footer-height));
+  padding-bottom: var(--page-footer-height);
+  overflow-y: scroll;
+  --form-item-content: 250px;
+
+  :deep(.el-form-item__content) {
+    width: var(--form-item-content);
+    flex: 0 auto;
+  }
+
+  :deep(.el-card__body) {
+    height: 100%;
+  }
+
+  .block {
+    width: 100%;
+  }
+  .block-content {
+    width: 100%;
+
+    :deep(.el-form-item__content) {
+      width: 100%;
+    }
+  }
+}
+</style>`;
+};
+
+
+
+exports.run = function (answers) {
+  const filePath = `./src/views/${answers['template-path']}.vue`;
+  const parts = filePath.split('/');
+  const fileName = parts[parts.length - 2];
+  const fileIndex = parts[parts.length - 1];
+  const makeDirPath = [...parts].slice(0, -1).join('/');
+
+  makeDir(makeDirPath);
+  process.chdir(makeDirPath);
+
+  const template = templateStr({ fileName });
+  
+  const targetFilePath = `./${fileIndex}`;
+
+   // 新增：判断文件是否存在
+  if (fs.existsSync(targetFilePath)) {
+    console.log(`❌ 文件已存在：${targetFilePath}，未进行覆盖操作。`);
+    return;
+  }
+  
+  fs.writeFileSync(targetFilePath, template);
+  console.log(`✅ 文件创建成功`);
+};

package/src/scripts/template/index.js

@@ -0,0 +1,15 @@
+const card = require("./card");
+const tabs = require("./tabs");
+const form = require("./form");
+
+exports.run = function (answers) {
+  if (answers['template-type'] === "card") {
+    card.run(answers);
+  };
+  if (answers['template-type'] === "tabs") {
+    tabs.run(answers);
+  };
+  if (answers['template-type'] === "form") {
+    form.run(answers);
+  };
+};

package/src/scripts/template/tabs.js

@@ -0,0 +1,98 @@
+const fs = require("fs");
+const { makeDir } = require("../../utils/makeDir");
+
+
+function toKebabCase(str) {
+  if (/^[A-Z]/.test(str)) {
+    throw new Error('首字母不能是大写');
+  }
+  return str.replace(/([A-Z])/g, '-$1').toLowerCase();
+}
+
+const templateStr = ({fileName}) => { 
+  const className = toKebabCase(fileName);
+
+  return `<template>
+  <el-card class="${className}">
+    <el-tabs
+      v-model="tabActive"
+      type="border-card"
+    >
+      <el-tab-pane
+        label="使用商品列表"
+        name="use"
+      >
+        use
+      </el-tab-pane>
+      <el-tab-pane
+        label="删除商品列表"
+        name="delete"
+      >
+        delete
+      </el-tab-pane>
+    </el-tabs>
+  </el-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+defineOptions({
+  name: "${fileName}",
+});
+
+const tabActive = ref("use");
+</script>
+
+<style lang="scss" scoped>
+.${className} {
+  height: 100%;
+
+  :deep(.el-card__body) {
+    --el-card-padding: 0;
+    height: 100%;
+  }
+
+  :deep(.el-tabs) {
+    height: 100%;
+
+    .el-tabs__header {
+      margin-bottom: 0;
+    }
+
+    .el-tabs__content {
+      padding: 0;
+    }
+
+    .el-tab-pane {
+      height: 100%;
+    }
+  }
+}
+</style>`;
+};
+
+
+exports.run = function (answers) {
+  const filePath = `./src/views/${answers['template-path']}.vue`;
+  const parts = filePath.split('/');
+  const fileName = parts[parts.length - 2];
+  const fileIndex = parts[parts.length - 1];
+  const makeDirPath = [...parts].slice(0, -1).join('/');
+
+  makeDir(makeDirPath);
+  process.chdir(makeDirPath);
+
+  const template = templateStr({ fileName });
+  
+  const targetFilePath = `./${fileIndex}`;
+
+   // 新增：判断文件是否存在
+  if (fs.existsSync(targetFilePath)) {
+    console.log(`❌ 文件已存在：${targetFilePath}，未进行覆盖操作。`);
+    return;
+  }
+  
+  fs.writeFileSync(targetFilePath, template);
+  console.log(`✅ 文件创建成功`);
+};