yg-yygl 0.0.1

package/dist/views/codegen/template-manage/components/TemplateFileModal.vue

@@ -0,0 +1,354 @@
+<script setup lang="ts">
+import type {
+  TemplateFile,
+  TemplateFileLocal,
+  TemplateFileSaveRequest,
+  TemplateFileType,
+} from '../types';
+
+import { computed, reactive, ref, watch } from 'vue';
+
+import { Drawer } from '@udp/component-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { templateFileApi } from '../../../../api/codegen/template-file';
+
+interface Props {
+  modelValue: boolean;
+  file?: TemplateFile;
+  groupId?: number;
+}
+
+interface Emits {
+  (e: 'update:modelValue', value: boolean): void;
+  (e: 'save'): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+const formRef = ref();
+const isEdit = computed(() => !!props.file?.id);
+
+const formData = reactive<TemplateFileSaveRequest>({
+  groupId: 0,
+  fileName: '',
+  fileLocal: 'CONTROLLER',
+  fileType: 'JAVA',
+  templateContent: '',
+  description: '',
+  status: true,
+  recordSort: 1,
+});
+
+const formRules = {
+  fileName: [
+    { required: true, message: '文件名不能为空', trigger: 'blur' },
+    {
+      min: 1,
+      max: 100,
+      message: '文件名长度在 1 到 100 个字符',
+      trigger: 'blur',
+    },
+  ],
+  fileType: [{ required: true, message: '请选择文件类型', trigger: 'change' }],
+  fileLocal: [{ required: true, message: '请选择文件路径', trigger: 'change' }],
+  description: [
+    {
+      max: 200,
+      message: '描述长度不能超过 200 个字符',
+      trigger: 'blur',
+    },
+  ],
+  templateContent: [
+    { required: true, message: '模板内容不能为空', trigger: 'blur' },
+    {
+      max: 50_000,
+      message: '模板内容长度不能超过 50000 个字符',
+      trigger: 'blur',
+    },
+  ],
+  recordSort: [{ type: 'number', message: '排序必须为数字', trigger: 'blur' }],
+};
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (value) => emit('update:modelValue', value),
+});
+
+const fileTypeOptions = [
+  { label: 'JAVA', value: 'JAVA' as TemplateFileType },
+  { label: 'VUE', value: 'VUE' as TemplateFileType },
+  { label: 'XML', value: 'XML' as TemplateFileType },
+  { label: 'SQL', value: 'SQL' as TemplateFileType },
+  { label: 'TS', value: 'TS' as TemplateFileType },
+  { label: '其他', value: 'OTHER' as TemplateFileType },
+];
+const fileLocalOptions = [
+  { label: '控制器层（Controller）', value: 'CONTROLLER' as TemplateFileLocal },
+  { label: '实体对象（Entity）', value: 'ENTITY' as TemplateFileLocal },
+  { label: 'Feign客户端（Feign）', value: 'FEIGN' as TemplateFileLocal },
+  { label: 'Mapper映射（Mapper）', value: 'MAPPER' as TemplateFileLocal },
+  { label: '数据模型（Model）', value: 'MODEL' as TemplateFileLocal },
+  { label: '服务层（Service）', value: 'SERVICE' as TemplateFileLocal },
+  { label: 'SQL脚本', value: 'SQL' as TemplateFileLocal },
+  { label: 'vue 前端页面', value: 'VIEW' as TemplateFileLocal },
+];
+
+// 监听弹窗打开
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    if (newVal) {
+      initForm();
+    }
+  },
+);
+
+// 监听数据变化
+watch(
+  () => [props.file, props.groupId],
+  () => {
+    if (props.modelValue) {
+      initForm();
+    }
+  },
+);
+
+const initForm = () => {
+  if (props.file) {
+    Object.assign(formData, {
+      groupId: props.file.groupId,
+      fileName: props.file.fileName,
+      fileLocal: props.file.fileLocal,
+      fileType: props.file.fileType,
+      templateContent: props.file.templateContent,
+      description: props.file.description || '',
+      status: props.file.status !== false,
+      recordSort: props.file.recordSort || 1,
+    });
+  } else {
+    Object.assign(formData, {
+      groupId: props.groupId || 0,
+      fileName: '',
+      fileLocal: 'CONTROLLER' as TemplateFileLocal,
+      fileType: 'JAVA' as TemplateFileType,
+      templateContent: '',
+      description: '',
+      status: true,
+      recordSort: 1,
+    });
+  }
+  formRef.value?.clearValidate();
+};
+
+// 根据文件名自动设置文件路径和扩展名
+const handleFileNameChange = () => {
+  if (formData.fileName && !isEdit.value) {
+    // 自动设置文件路径
+    if (!formData.filePath) {
+      formData.filePath = formData.fileName
+        .toLowerCase()
+        .replaceAll(/\s+/g, '_');
+    }
+
+    // 自动设置文件扩展名
+    const dotIndex = formData.fileName.lastIndexOf('.');
+    if (dotIndex > 0) {
+      const extension = formData.fileName
+        .slice(Math.max(0, dotIndex + 1))
+        .toLowerCase();
+
+      // 根据扩展名自动设置文件类型
+      const typeMap: Record<string, TemplateFileType> = {
+        java: 'JAVA',
+        vue: 'VUE',
+        xml: 'XML',
+        sql: 'SQL',
+        ftl: 'OTHER',
+        ts: 'TS',
+        js: 'OTHER',
+      };
+
+      if (typeMap[extension]) {
+        formData.fileType = typeMap[extension];
+      }
+    }
+  }
+};
+
+const handleSave = async () => {
+  try {
+    await formRef.value?.validate();
+
+    if (!props.groupId && !props.file?.groupId) {
+      ElMessage.error('请先选择分组');
+      return;
+    }
+
+    await (isEdit.value
+      ? templateFileApi.update(props.file!.id!, formData)
+      : templateFileApi.create(formData));
+
+    ElMessage.success(`${isEdit.value ? '更新' : '创建'}成功`);
+    emit('save');
+    visible.value = false;
+  } catch (error: any) {
+    console.error('保存失败:', error);
+    if (error.message) {
+      ElMessage.error(error.message);
+    }
+  }
+};
+
+const handleCancel = () => {
+  visible.value = false;
+};
+</script>
+
+<template>
+  <Drawer
+    v-model="visible"
+    :title="`${isEdit ? '编辑' : '新增'}模板文件`"
+    :type="isEdit ? 'edit' : 'add'"
+    size="1000px"
+    @close="handleCancel"
+    @confirm="handleSave"
+  >
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="100px"
+      @submit.prevent
+    >
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="文件名" prop="fileName">
+            <el-input
+              v-model="formData.fileName"
+              placeholder="请输入文件名，如：Controller.java、index.vue、mapper.xml、menus.sql、api.ts"
+              maxlength="100"
+              show-word-limit
+              @blur="handleFileNameChange"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="文件类型" prop="fileType">
+            <el-select v-model="formData.fileType" placeholder="请选择文件类型" :show-arrow="false">
+              <el-option
+                v-for="item in fileTypeOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="文件路径" prop="fileLocal">
+            <el-select
+              v-model="formData.fileLocal"
+              placeholder="请选择文件类型"
+              :show-arrow="false"
+            >
+              <el-option
+                v-for="item in fileLocalOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="状态">
+            <el-switch
+              v-model="formData.status"
+              active-text="启用"
+              inactive-text="禁用"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-form-item label="描述">
+        <el-input
+          v-model="formData.description"
+          placeholder="请输入文件描述"
+          maxlength="200"
+          show-word-limit
+        />
+      </el-form-item>
+
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="排序" prop="recordSort">
+            <el-input-number
+              v-model="formData.recordSort"
+              :min="1"
+              :max="9999"
+              placeholder="请输入排序值"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-form-item label="模板内容" prop="templateContent">
+        <div class="editor-container">
+          <el-input
+            v-model="formData.templateContent"
+            type="textarea"
+            :rows="20"
+            placeholder="请输入FreeMarker模板内容..."
+            class="template-editor"
+            maxlength="50000"
+            show-word-limit
+          />
+        </div>
+        <div class="form-tip">
+          支持FreeMarker语法，如：${className}、&lt;#if
+          condition&gt;...&lt;/#if&gt;
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <!-- <template #footer>
+      <div class="flex justify-end gap-3">
+        <el-button @click="handleCancel">取消</el-button>
+        <el-button type="primary" @click="handleSave">
+          {{ isEdit ? '更新' : '保存' }}
+        </el-button>
+      </div>
+    </template> -->
+  </Drawer>
+</template>
+
+<style scoped lang="scss">
+.form-tip {
+  font-size: 12px;
+  color: var(--el-color-info);
+  margin-top: 4px;
+  line-height: 1.4;
+}
+
+.editor-container {
+  width: 100%;
+  border: 1px solid var(--el-border-color);
+  border-radius: 4px;
+
+  .template-editor {
+    :deep(.el-textarea__inner) {
+      border: none;
+      border-radius: 0;
+      font-family: 'Courier New', monospace;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+  }
+}
+</style>

package/dist/views/codegen/template-manage/components/TemplateFileModal.vue.d.ts

@@ -0,0 +1,14 @@
+import type { TemplateFile } from '../types';
+interface Props {
+    modelValue: boolean;
+    file?: TemplateFile;
+    groupId?: number;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    save: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/codegen/template-manage/components/TemplateGroupModal.d.vue.ts

@@ -0,0 +1,13 @@
+import type { TemplateGroup } from '../types';
+interface Props {
+    modelValue: boolean;
+    group?: TemplateGroup;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    save: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/codegen/template-manage/components/TemplateGroupModal.vue

@@ -0,0 +1,295 @@
+<script setup lang="ts">
+import type {
+  TemplateGroup,
+  TemplateGroupSaveRequest,
+  TemplateGroupType,
+  TemplateTableType,
+} from '../types';
+
+import { computed, reactive, ref, watch } from 'vue';
+
+import { Drawer } from '@udp/component-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { templateGroupApi } from '../../../../api/codegen/template-group';
+
+interface Props {
+  modelValue: boolean;
+  group?: TemplateGroup;
+}
+
+interface Emits {
+  (e: 'update:modelValue', value: boolean): void;
+  (e: 'save'): void;
+}
+
+const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+const formRef = ref();
+const isEdit = computed(() => !!props.group?.id);
+
+const formData = reactive<TemplateGroupSaveRequest>({
+  groupName: '',
+  groupCode: '',
+  groupType: 'CUSTOM',
+  tableType: 'SINGLE',
+  description: '',
+  isDefault: false,
+  status: true,
+  recordSort: 1,
+});
+
+const formRules = {
+  groupName: [
+    { required: true, message: '分组名称不能为空', trigger: 'blur' },
+    {
+      min: 2,
+      max: 50,
+      message: '分组名称长度在 2 到 50 个字符',
+      trigger: 'blur',
+    },
+  ],
+  groupCode: [
+    { required: true, message: '分组编码不能为空', trigger: 'blur' },
+    {
+      pattern: /^[a-z]\w*$/i,
+      message: '分组编码只能包含字母、数字和下划线，且以字母开头',
+      trigger: 'blur',
+    },
+    {
+      min: 2,
+      max: 30,
+      message: '分组编码长度在 2 到 30 个字符',
+      trigger: 'blur',
+    },
+  ],
+  groupType: [{ required: true, message: '请选择分组类型', trigger: 'change' }],
+  description: [
+    {
+      max: 200,
+      message: '描述长度不能超过 200 个字符',
+      trigger: 'blur',
+    },
+  ],
+  recordSort: [{ type: 'number', message: '排序必须为数字', trigger: 'blur' }],
+};
+
+const visible = computed({
+  get: () => props.modelValue,
+  set: (value) => emit('update:modelValue', value),
+});
+
+const groupTypeOptions = [
+  { label: '系统默认', value: 'SYSTEM' as TemplateGroupType },
+  { label: '自定义', value: 'CUSTOM' as TemplateGroupType },
+];
+const tableTypeOptions = [
+  { label: '单表', value: 'SINGLE' as TemplateTableType },
+  { label: '树表', value: 'TREE' as TemplateTableType },
+  { label: '父子表', value: 'MAINSUB' as TemplateTableType },
+];
+
+// 监听弹窗打开
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    if (newVal) {
+      initForm();
+    }
+  },
+);
+
+// 监听数据变化
+watch(
+  () => props.group,
+  () => {
+    if (props.modelValue) {
+      initForm();
+    }
+  },
+);
+
+const initForm = () => {
+  if (props.group) {
+    Object.assign(formData, {
+      groupName: props.group.groupName,
+      groupCode: props.group.groupCode,
+      groupType: props.group.groupType,
+      description: props.group.description || '',
+      isDefault: props.group.isDefault === 1,
+      status: props.group.status === 1,
+      recordSort: props.group.recordSort || 1,
+    });
+  } else {
+    Object.assign(formData, {
+      groupName: '',
+      groupCode: '',
+      groupType: 'CUSTOM' as TemplateGroupType,
+      tableType: 'SINGLE' as TemplateTableType,
+      description: '',
+      isDefault: false,
+      status: true,
+      recordSort: 1,
+    });
+  }
+  formRef.value?.clearValidate();
+};
+
+const handleSave = async () => {
+  try {
+    await formRef.value?.validate();
+
+    await (isEdit.value
+      ? templateGroupApi.update(props.group!.id!, formData)
+      : templateGroupApi.create(formData));
+
+    ElMessage.success(`${isEdit.value ? '更新' : '创建'}成功`);
+    emit('save');
+    visible.value = false;
+  } catch (error: any) {
+    console.error('保存失败:', error);
+    if (error.message) {
+      ElMessage.error(error.message);
+    }
+  }
+};
+
+const handleCancel = () => {
+  visible.value = false;
+};
+</script>
+
+<template>
+  <Drawer
+    v-model="visible"
+    :title="`${isEdit ? '编辑' : '新增'}模板分组`"
+    :type="isEdit ? 'edit' : 'add'"
+    size="500px"
+    @close="handleCancel"
+    @confirm="handleSave"
+  >
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="auto"
+      @submit.prevent
+    >
+      <el-form-item label="分组名称" prop="groupName">
+        <el-input
+          v-model="formData.groupName"
+          placeholder="请输入分组名称"
+          maxlength="50"
+          show-word-limit
+        />
+      </el-form-item>
+
+      <el-form-item label="分组编码" prop="groupCode">
+        <el-input
+          v-model="formData.groupCode"
+          placeholder="请输入分组编码"
+          maxlength="30"
+          show-word-limit
+          :disabled="isEdit && props.group?.groupType === 'SYSTEM'"
+        />
+        <div class="form-tip">
+          编码用于系统内部标识，只能包含字母、数字和下划线，且以字母开头
+        </div>
+      </el-form-item>
+
+      <el-form-item label="分组类型" prop="groupType">
+        <el-select
+          v-model="formData.groupType"
+          placeholder="请选择分组类型"
+          :disabled="isEdit"
+          :show-arrow="false"
+        >
+          <el-option
+            v-for="item in groupTypeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+        <div class="form-tip">
+          系统默认分组由系统预设，自定义分组可以删除和修改
+        </div>
+      </el-form-item>
+
+      <el-form-item label="表单类型" prop="tableType">
+        <el-select
+          v-model="formData.tableType"
+          placeholder="请选择表单类型"
+          :disabled="isEdit"
+          :show-arrow="false"
+        >
+          <el-option
+            v-for="item in tableTypeOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+        <div class="form-tip">表单默认分组由系统预设</div>
+      </el-form-item>
+
+      <el-form-item label="描述" prop="description">
+        <el-input
+          v-model="formData.description"
+          type="textarea"
+          placeholder="请输入分组描述"
+          :rows="3"
+          maxlength="200"
+          show-word-limit
+        />
+      </el-form-item>
+
+      <el-form-item label="默认分组">
+        <div class="form-item-wrapper">
+          <el-switch
+            v-model="formData.isDefault"
+            active-text="是"
+            inactive-text="否"
+          />
+          <div class="form-tip">默认分组在代码预览时会被优先选择</div>
+        </div>
+      </el-form-item>
+
+      <el-form-item label="状态">
+        <el-switch
+          v-model="formData.status"
+          active-text="启用"
+          inactive-text="禁用"
+        />
+      </el-form-item>
+
+      <el-form-item label="排序" prop="recordSort">
+        <div class="form-item-wrapper">
+          <el-input-number
+            v-model="formData.recordSort"
+            :min="1"
+            :max="9999"
+            placeholder="请输入排序值"
+          />
+          <div class="form-tip">数值越大排序越靠前</div>
+        </div>
+      </el-form-item>
+    </el-form>
+  </Drawer>
+</template>
+
+<style scoped lang="scss">
+.form-item-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.form-tip {
+  font-size: 12px;
+  color: #999999;
+  margin-top: 4px;
+  line-height: 1.4;
+}
+</style>

package/dist/views/codegen/template-manage/components/TemplateGroupModal.vue.d.ts

@@ -0,0 +1,13 @@
+import type { TemplateGroup } from '../types';
+interface Props {
+    modelValue: boolean;
+    group?: TemplateGroup;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    save: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/codegen/template-manage/files/index.d.vue.ts

@@ -0,0 +1,9 @@
+interface Props {
+    groupId?: number;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "handle-back-info": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onHandle-back-info"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;