@dypnb/dev-tools 1.0.0

package/dist/genPage/index.js

@@ -0,0 +1,717 @@
+import require$$0$1 from 'path';
+import require$$0 from 'fs';
+import { k as strCase, j as getDirname, e as getGlobalConfig, i as errorLog, l as log, s as successLog } from '../chunk-cb5f11a8.js';
+import 'os';
+import 'util';
+import 'tty';
+import 'child_process';
+import 'assert';
+import 'events';
+import 'buffer';
+import 'stream';
+import 'node:url';
+import 'node:path';
+
+// template.js
+var templateData = {
+  tablePageTemplate: (config = {}) => {
+    const {
+      name
+    } = config;
+    const titlCease = strCase(name);
+    return `<template>
+  <div class="app-container">
+    <CoustomTable
+      :queryFormJson="queryFormJson"
+      :pageButtonsJson="pageButtonsJson"
+      :tableJson="tableJson"
+      :tableData="tableData"
+      @onPageButton="handlerPageButton"
+      @onButton="handlerButton"
+      @onSearch="handlerSearch"
+      @onTableRowClick="handlerTableRowClick"
+    >
+    </CoustomTable>
+
+    <CoustomFormDialog
+      ref="formDialog"
+      :visible.sync="dialogVisible"
+      :dialogJson="dialogJson"
+      :initData="initFormData"
+      @onSubmit="handlerSubmit"
+    ></CoustomFormDialog>
+  </div>
+</template>
+<script>
+import CoustomTable from "@/components/CoustomTable";
+import CoustomFormDialog from "@/components/CoustomFormDialog";
+import { TableJson, QueryFormJson, PageButtonsJson, DialogJson } from "./constants";
+import { 
+  getDevApiIotClassesList, 
+  postDevApiIotClasses, 
+  getDevApiIotClassesClassId, 
+  deleteDevApiIotClassesClassId,
+  putDevApiIotClasses
+ } from "@/api/iot/classes-controller.js";
+ import {
+  getDevApiIotPackagesList,
+} from "@/api/iot/packages-controller.js";
+export default {
+  name: '${titlCease}',
+  components: {
+    CoustomTable,
+    CoustomFormDialog
+  },
+  data() {
+    return {
+      queryFormJson: QueryFormJson,
+      pageButtonsJson: PageButtonsJson,
+      tableJson: TableJson,
+      dialogJson: DialogJson,
+      tableData: [],
+      // 总条数
+      total: 0,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
+      dialogVisible: false,
+      initFormData: {},
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.getList();
+  },
+  computed: {
+    packageName() {
+      const { query } = this.$route;
+      return query.packageName
+    }
+  },
+  methods: {
+    async getPackageData() {
+      try {
+        const { rows = [] } = await getDevApiIotPackagesList();
+        return rows.map(item => {
+          return {
+            value: item.packageCode,
+            label: item.packageDispname,
+          }
+        })
+      } catch (error) {
+        return []
+      }
+    },
+
+    async handlerSubmit(formData) {
+      let params = {
+        ...formData,
+        packageName: this.packageName
+      };
+      let msgText = '新增';
+      let func = postDevApiIotClasses;
+      if (this.dialogJson.type === 'Edit') {
+        params.classId = this.initFormData.classId;
+        msgText = '编辑';
+        func = putDevApiIotClasses;
+      }
+      try {
+        const { code } = await func(params);
+        if (code === 200) {
+          this.dialogVisible = false;
+          this.getList();
+          this.$modal.msgSuccess(msgText + "成功");
+        }
+        this.$refs.formDialog.resetLoading();
+      } catch (error) {
+        // 接口调用失败重置 loading
+        this.$refs.formDialog.resetLoading();
+      }
+    },
+
+    /** 查询表集合 */
+    getList(queryParams = {}) {
+      this.loading = true;
+      let queryData = {
+        ...queryParams,
+        ...this.queryParams,
+        packageName: this.packageName
+      }
+      getDevApiIotClassesList(queryData).then(response => {
+        this.tableData = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+
+    handlerTableRowClick(item) {
+      console.log('object :>>item ', item);
+      this.$router.push({
+        path: '/iot/packages/classes/detail',
+        query: {
+          classId: item.classId
+        }
+      })
+    },
+
+    // 搜索事件
+    handlerSearch(searchParams) {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+      },
+        this.getList(searchParams);
+    },
+
+    //新增按钮事件
+    async handlerPageButton(item) {
+      const { type } = item;
+      if (type === 'Add') {
+        this.initFormData = {};
+        this.dialogJson.type = 'Add';
+        const packageData = await this.getPackageData()
+        this.$set(this.dialogJson.formJson.formItemJson[0], 'option',packageData )
+          console.log('object :>> ', this.dialogJson);
+        this.dialogVisible = true;
+      }
+
+      if (type === 'Delete') {
+        const tableIds = row.tableId || this.ids;
+        this.$modal.confirm('是否确认删除表编号为"' + tableIds + '"的数据项？').then(function () {
+          return delTable(tableIds);
+        }).then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        }).catch(() => { });
+      }
+    },
+
+    async getInfo(id) {
+      const { code, data } = await getDevApiIotClassesClassId(id);
+      if (code === 200) {
+
+        this.initFormData = data;
+        this.dialogJson.type = 'Edit';
+        this.dialogVisible = true;
+      }
+    },
+
+    deleteItem(id) {
+      this.$modal.confirm('是否确认删除该数据项？').then(function () {
+        return deleteDevApiIotClassesClassId(id);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => { });
+    },
+
+    handlerButton(btnItem) {
+      const { row, item } = btnItem;
+      const { type } = item;
+      if (type === 'Edit') {
+        this.getInfo(row.classId);
+      }
+
+      if (type === 'Delete') {
+        this.deleteItem(row.classId);
+      }
+    },
+  },
+}
+</script>
+<style scoped lang='scss'></style>`;
+  },
+  constantsTemplate: () => {
+    return `export const QueryFormJson = {
+  formOption: {
+    inline: true,
+    labelWidth: "100px",
+    size: 'small',
+  },
+  formItemJson: [
+    {
+      label: "类中文名称",
+      prop: "classDispname",
+      type: "Input",
+      isEnter: true,
+      options: {
+        clearable: true,
+        placeholder: '请输入类名称',
+      }
+    }
+  ],
+  buttonJson: {
+    type: 'Search',
+    list: [
+      {
+        label: "搜索",
+        type: 'Query',
+        options: {
+          icon: "el-icon-search",
+          size: "mini",
+          type: "primary"
+        }
+      },
+      {
+        label: "重置",
+        type: 'Reset',
+        options: {
+          icon: "el-icon-refresh",
+          size: "mini",
+        }
+      },
+    ]
+
+  }
+}
+
+export const PageButtonsJson = {
+  rowJson: {
+    gutter: 10,
+  },
+  buttonList: [
+    {
+      span: 1.5,
+      label: '新增',
+      permi: '',
+      type: 'Add',
+      options: [
+        {
+          icon: "el-icon-plus",
+          plain: true,
+          size: "mini",
+          type: "primary",
+        },
+        
+      ]
+    }
+  ]
+}
+
+export const TableJson = {
+  columnJson: {
+    showSelect: false,
+    showIndex: true,
+    data: [
+      {
+        type: "index",
+        width: "55",
+        align: "left",
+        headerAlign: "left",
+        label: "序号" 
+      },
+      {
+        align: "left",
+        headerAlign: "left",
+        label: "类中文名称",
+        prop: "classDispname",
+        showOverflowTooltip: true,
+        isLink: true,
+      },
+      {
+        align: "left",
+        headerAlign: "left",
+        label: "类英文名称",
+        prop: "classCode",
+        showOverflowTooltip: true,
+      },
+      {
+        align: "left",
+        headerAlign: "left",
+        label: "类类型",
+        prop: "classesType",
+        showOverflowTooltip: true,
+      },
+      {
+        align: "left",
+        headerAlign: "left",
+        label: "访问类型",
+        prop: "accessType",
+        showOverflowTooltip: true,
+      },
+      {
+        align: "left",
+        headerAlign: "left",
+        label: "实例存储表名称",
+        prop: "delFlag",
+        showOverflowTooltip: true,
+      },
+      {
+        align: "left",
+        headerAlign: "left",
+        label: "备注",
+        prop: "remark",
+        showOverflowTooltip: true,
+      },
+      {
+        align: "left",
+        headerAlign: "left",
+        label: "创建时间",
+        prop: "createTime",
+        showOverflowTooltip: true,
+      },
+      {
+        align: "center",
+        headerAlign: "center",
+        label: "操作",
+        type: "func",
+        buttonList: [
+          {
+            label: "编辑",
+            type: 'Edit',
+            permi: '',
+            options: {
+              icon: "el-icon-edit",
+              size: "mini",
+              type: "text",
+            }
+          },
+          {
+            label: "删除",
+            type: 'Delete',
+            permi: '',
+            options: {
+              icon: "el-icon-delete",
+              size: "mini",
+              type: "text",
+            }
+          },
+        ],
+      },
+    ],
+  },
+};
+
+export const DialogJson = {
+  type: 'Add',
+  title: "类",
+  options: {
+    width: "600px",
+    appendToBody: true,
+    destroyOnClose: true,
+    closeOnClickModal: false,
+  },
+  buttonList: [
+    {
+      label: "确定",
+      type: 'Ok',
+      permi: '',
+      options: {
+        type: "primary",
+      }
+    },
+    {
+      label: "取消",
+      type: 'Cancel',
+      permi: '',
+      options: {
+        type: "",
+      }
+    },
+  ],
+  formJson: {
+    // 表单设置
+    formOption: {
+      inline: false,
+      labelWidth: "120px",
+      size: 'small',
+    },
+    // 表单项
+    formItemJson: [
+      // {
+      //   label: "包编码",
+      //   prop: "packageCode",
+      //   type: "Select",
+      //   rules: [{ required: true, message: "请选择包编码", trigger: "change" }],
+      //   options: {
+      //     clearable: true,
+      //     placeholder: "请选择包编码",
+      //   },
+      //   option: [],
+      // },
+      {
+        label: "类中文名称",
+        prop: "classDispname",
+        type: "Input",
+        rules: [
+          { required: true, message: '请输入类中文名称', trigger: 'blur' },
+        ],
+        options: {
+          clearable: true,
+          placeholder: '请输入类中文名称',
+        }
+      },
+      {
+        label: "类英文名称",
+        prop: "className",
+        type: "Input",
+        rules: [
+          { required: true, message: '请输入类英文名称', trigger: 'blur' },
+          {
+            required: true,
+            validator: (rule, value, callback) => {
+              const reg = /^[a-zA-Z]{1}\w*$/;
+              if (!reg.test(value)) {
+                callback(
+                  new Error(
+                    "请输入以字母(不区分大小写)、数字、下划线(_)随意组合的字符串"
+                  )
+                );
+              }
+              callback();
+            },
+            trigger: ["blur"],
+          },
+        ],
+        options: {
+          clearable: true,
+          placeholder: '请输入类英文名称',
+        }
+      },
+      {
+        label: "类类型",
+        prop: "classesType",
+        type: "Select",
+        rules: [{ required: true, message: "请选择类类型", trigger: "change" }],
+        options: {
+          clearable: true,
+          placeholder: "请选择类型",
+        },
+        option: [
+          {
+            value: '继承',
+            label: '继承',
+          },
+          {
+            value: '虚类',
+            label: '虚类',
+          },
+          {
+            value: '实体类',
+            label: '实体类',
+          },
+        ],
+      },
+      {
+        label: "继承父类code",
+        prop: "classesExtends",
+        type: "Input",
+        rules: [
+          { required: true, message: '请输入继承父类code', trigger: 'blur' },
+        ],
+        options: {
+          clearable: true,
+          placeholder: '请输入继承父类code',
+        }
+      },
+      {
+        label: "访问类型",
+        prop: "accessType",
+        type: "Select",
+        rules: [{ required: true, message: "请选择访问类型", trigger: "change" }],
+        options: {
+          clearable: true,
+          placeholder: "请选择访问类型",
+        },
+        option: [
+          {
+            value: 'default',
+            label: 'default',
+          },
+          {
+            value: 'public',
+            label: 'public',
+          },
+          {
+            value: 'protected',
+            label: 'protected',
+          },
+          {
+            value: 'private',
+            label: 'private',
+          },
+        ],
+      },
+      {
+        label: "实例存储表名称",
+        prop: "objTableName",
+        type: "Input",
+        rules: [
+          { required: true, message: '请输入实例存储表名称', trigger: 'blur' },
+        ],
+        options: {
+          clearable: true,
+          placeholder: '请输入实例存储表名称',
+        }
+      },
+      {
+        label: "视图样式",
+        prop: "viewStyle",
+        type: "Input",
+        rules: [
+          { required: false, message: '请输入视图样式', trigger: 'blur' },
+        ],
+        options: {
+          clearable: true,
+          placeholder: '请输入视图样式',
+        }
+      },
+      {
+        label: "备注",
+        prop: "remark",
+        type: "Input",
+        rules: [],
+        options: {
+          clearable: true,
+          placeholder: '请输入备注',
+          type: 'textarea',
+          row: 4
+        }
+      },
+    ],
+  }
+
+}`;
+  }
+};
+
+// 导入模板
+var defaultConfig = {
+  // 是否命令行创建
+  isEnter: true,
+  // 文件名
+  name: 'genPageTable',
+  // 默认 view 目录下生成，如果需要指定父目录则写入 fatherFileName
+  path: 'dome',
+  // 子文件配置
+  child: [{
+    name: 'index.vue',
+    template: (params = {}) => {
+      return templateData.tablePageTemplate({
+        // 文件标题，替换模板
+        title: 'pageTable',
+        ...params
+      });
+    },
+    templateConfig: {}
+  }, {
+    name: 'constants.js',
+    template: (params = {}) => {
+      return templateData.constantsTemplate({
+        // 文件标题，替换模板
+        title: 'pageTable',
+        ...params
+      });
+    },
+    templateConfig: {
+      // 文件标题，替换模板
+      title: ''
+    }
+  }]
+};
+
+const __dirname = getDirname();
+const resolve = (...file) => require$$0$1.resolve(__dirname, ...file);
+
+// 模板配置
+const globalConfig = await getGlobalConfig('genPageConfig');
+if (globalConfig) {
+  errorLog('全局模板未配置，使用默认配置');
+}
+const config = globalConfig || defaultConfig;
+
+// 生成文件
+const generateFile = (path, data) => {
+  if (require$$0.existsSync(path)) {
+    errorLog(`${path}文件已存在`);
+    return;
+  }
+  require$$0.writeFileSync(path, data, 'utf8', err => {
+    if (err) {
+      errorLog(err.message);
+      reject(err);
+    } else {
+      resolve(true);
+    }
+  });
+};
+function dotExistDirectoryCreate(directory) {
+  return new Promise(resolve => {
+    mkdirs(directory, function () {
+      resolve(true);
+    });
+  });
+}
+// 递归创建目录
+function mkdirs(directory, callback) {
+  var exists = require$$0.existsSync(directory);
+  if (exists) {
+    callback();
+  } else {
+    mkdirs(require$$0$1.dirname(directory), function () {
+      require$$0.mkdirSync(directory);
+      callback();
+    });
+  }
+}
+async function genPageProcess(enterName) {
+  // 组件名称
+  const pageName = !enterName ? config.name : enterName;
+  // Vue页面组件路径
+  const pathStr = !config.path ? `${process.env.PWD}/src/views` : `${process.env.PWD}/src/views/${config.path}`;
+  const pagePath = resolve(pathStr, pageName);
+
+  // 判断组件文件夹是否存在
+  const hasComponentExists = require$$0.existsSync(pagePath);
+  if (hasComponentExists) {
+    errorLog(`${pageName}页面已存在`);
+    if (pageName) {
+      process.stdin.emit('end');
+    }
+    return;
+  } else {
+    log(`正在生成${pageName}目录 ${pagePath}`);
+    await dotExistDirectoryCreate(pagePath);
+  }
+  try {
+    // // 获取组件名
+    // if (enterName.includes('/')) {
+    //     const inputArr = enterName.split('/')
+    //     pageName = inputArr[inputArr.length - 1]
+    // } else {
+    //     pageName = enterName
+    // }
+
+    config.child.forEach(item => {
+      const filePath = resolve(pagePath, item.name);
+      log(`正在生成子文件${item.name} ${filePath}`);
+      generateFile(filePath, item.template({
+        name: pageName
+      }));
+    });
+    successLog('生成成功');
+  } catch (e) {
+    errorLog(e.message);
+  }
+}
+function genPage() {
+  if (!config.isEnter) {
+    genPageProcess();
+  } else {
+    log('请输入要生成的页面组件名称、会生成在 views/目录下');
+    process.stdin.on('data', async chunk => {
+      // 组件名称
+      const enterName = String(chunk).trim().toString();
+      genPageProcess(enterName);
+      process.stdin.emit('end');
+    });
+    process.stdin.on('end', () => {
+      log('exit');
+      process.exit();
+    });
+  }
+}
+genPage();