@meadmin/cli 1.0.0

package/template/crud/view/views/index.vue.art

@@ -0,0 +1,83 @@
+<template>
+  <page>
+    <template #searchForm>
+    <me-search-form :model="params" :default-all="true" class="search-form" @search="search(1)">
+      <% include('./searchItem.vue.art', {...entitySchema, entity:entity}) %>
+    </me-search-form>
+    </template>
+    <me-vxe-table
+    align="center"
+    border
+    :loading="loading"
+    :data="data?.list"
+    :pagination-options="{
+      currentPage: params.page,
+      pageSize: params.pageSize,
+      total: data?.total ?? 0,
+      layout: 'sizes, prev, pager, next, jumper, ->, total',
+      change: search,
+    }"
+    {{if adminPermission}}:onAdd="permission('{{replaceNames.roleName}}_add')?showAddOrUp:undefined"{{else}}:onAdd="showAddOrUp"{{/if}}
+    @refresh="search(1)"
+  >
+    <% include('./tableColum.vue.art', {...entitySchema, replaceNames, entity:entity,  belongsToEntity:entity.belongsToEntity, belongsToManyEntity:entity.belongsToManyEntity}) %>{{if entitySchema.properties.createdAdmin}}
+    <vxe-column field="createdAdmin" :title="t('{{@ entitySchema.properties.createdAdmin.description}}')" :formatter="formatterObjectFn(obj=>`${obj.nickname}(${obj.username})`)"></vxe-column>
+    {{/if}}{{if entitySchema.properties.updatedAdmin}}<vxe-column field="updatedAdmin" :title="t('{{@ entitySchema.properties.updatedAdmin.description}}')" :formatter="formatterObjectFn(obj=>`${obj.nickname}(${obj.username})`)"></vxe-column>
+    {{/if}}<vxe-column{{if adminPermission}} v-if="permission(['{{replaceNames.roleName}}_add','{{replaceNames.roleName}}_edit','{{replaceNames.name}}_del'])"{{/if}} :title="t('操作')" fixed="right" min-width="150px">
+      <template #default="{ row }: { row: {{@ replaceNames.Name}}Info }">
+        <me-button{{if adminPermission}} v-if="permission('{{replaceNames.roleName}}_info')"{{/if}} @click="showInfo({{@ entity.pk.map(v=>`row.${v}`).join(', ')}})" link :title="t('详情')" >
+          <mel-icon-memo />
+        </me-button>
+        <me-button{{if adminPermission}} v-if="permission('{{replaceNames.roleName}}_edit')"{{/if}} @click="showAddOrUp({{@ entity.pk.map(v=>`row.${v}`).join(', ')}})" link :title="t('编辑')" >
+          <mel-icon-edit />
+        </me-button>
+        <el-popconfirm{{if adminPermission}} v-if="permission('{{replaceNames.roleName}}_del')"{{/if}} :title="t('确认删除？')" placement="left" @confirm="del({{@ entity.pk.map(v=>`row.${v}`).join(', ')}})" >
+          <template #reference>
+            <me-button :key="{{if entity.pk.length===1}}row.{{@ entity.pk[0]}}{{else}}`${<%- entity.pk.join('}__${')%>}`{{/if}}" :loading="delLoading && {{if entity.pk.length===1}}delId === row.{{@ entity.pk[0]}}{{else}}delKey=`${<%- entity.pk.join('}__${')%>}`{{/if}}" type="danger" link :title="t('删除')">
+              <mel-icon-delete />
+            </me-button>
+          </template>
+        </el-popconfirm>
+      </template>
+    </vxe-column>
+    </me-vxe-table>    
+  </page>
+</template>
+
+<script setup lang="ts" name="{{@ replaceNames.Name}}">
+import { {{@ replaceNames.name}}ListApi, {{@ replaceNames.Name}}ListParam, del{{@ replaceNames.Name}}Api, {{@ replaceNames.Name}}Info } from '@/api/{{replaceNames.namePath}}';
+import { useLocalesI18n } from '@/locales/i18n';
+import Info from './components/info.vue';
+import AddOrUp from './components/addOrUp.vue';
+import { useActionModel } from '@/hooks/index.js';
+import { formatterStr <% if( $imports.objectKeys(entitySchema.properties).some( k=>k.endsWith('At') ) ){ %>, formatterAt <%}%> ,formatterObjectFn,formatterArrFn, clearEmptyParam } from '@/utils/helper.js';
+{{if adminPermission}}import { permission } from '@/utils/permission.js';{{/if}}
+const {open:openInfo} = useActionModel(Info);
+const {open:openAddOrUp} = useActionModel(AddOrUp);
+let { t, loadRes } = useLocalesI18n({}, [(locale: string) => import(`./lang/${locale}.json`), '{{@ replaceNames.name}}']);
+<% if( $imports.objectKeys(entitySchema.properties).some( k=>entitySchema.properties[k].enum || entitySchema.properties[k].description.includes(':') ) ){ %>import { getDict } from './dict.js';
+const dict = getDict(t);
+import { createformatterDictFn } from '@/utils/helper.js';
+const formatterDict = createformatterDictFn<{{@ replaceNames.Name}}Info>(dict);<%}%>
+const params = reactive(new {{@ replaceNames.Name}}ListParam());
+const { loading, data, runAsync } = {{@ replaceNames.name}}ListApi();
+const search = (page = params.page, pageSize = params.pageSize) => runAsync(Object.assign(params, { page, pageSize }));
+const { runAsync: delRun, loading: delLoading } = del{{@ replaceNames.Name}}Api();
+{{if entity.pk.length==1}}const delId = ref<string>();{{else}}const delKey = ref<string>();{{/if}}
+const del = async ({{@ entity.pk.map(v=>`${v}:${entitySchema.properties[v].type}`).join(', ')}}) => {
+  {{if entity.pk.length==1}}delId.value = {{@ entity.pk[0]}};{{else}}delKey.value = `${<%- entity.pk.join('}__${')%>}`;{{/if}}
+  await delRun({{@ entity.pk.map(v=>`${v}`).join(', ')}});
+  await search(1);
+};
+const showInfo  = ({{@ entity.pk.map(v=>`${v}?:${entitySchema.properties[v].type}`).join(', ')}}) => {
+  openInfo({<%- entity.pk.join(', ')%>});
+};
+const showAddOrUp = ({{@ entity.pk.map(v=>`${v}?:${entitySchema.properties[v].type}`).join(', ')}}) => {
+  openAddOrUp({<%- entity.pk.join(', ')%>, onSuccess:async ()=>{
+    await search(1);
+  }});
+};
+
+await Promise.all([loadRes,search(1)]);
+</script>
+

package/template/crud/view/views/lang/en.json.art

@@ -0,0 +1,4 @@
+{<% let isOne = true;%>
+  {{each entitySchema.properties}}{{if isOne}}<% isOne = false;%>{{else}},
+  {{/if}}<% const keyInfo = $imports.getKeyInfo($value.description); %>"{{@ keyInfo.name}}": "{{@ $imports.langName($index)}}"{{/each}}
+}

package/template/crud/view/views/searchItem.vue.art

@@ -0,0 +1,17 @@
+{{each properties}}<% const keyInfo = $imports.getKeyInfo($value.description); %>{{if $index.endsWith('At')}}
+<el-form-item :label="t('{{@ keyInfo.name}}')" prop="{{@ $index}}">
+  <el-date-picker v-model="params.start{{@ $imports.upFirstCase($index)}}" type="{{if $value.format === 'date-time'}}datetime{{else}}date{{/if}}" value-format="{{if $value.format === 'date-time'}}YYYY-MM-DD HH:mm:ss{{else}}YYYY-MM-DD{{/if}}" clearable />&nbsp; - &nbsp;
+  <el-form-item prop="priceEnd">
+  <el-date-picker v-model="params.end{{@ $imports.upFirstCase($index)}}" type="{{if $value.format === 'date-time'}}datetime{{else}}date{{/if}}" value-format="{{if $value.format === 'date-time'}}YYYY-MM-DD HH:mm:ss{{else}}YYYY-MM-DD{{/if}}" clearable />
+  </el-form-item>
+</el-form-item>{{else if ['number','string','integer'].includes($value.type)}}
+<el-form-item :label="t('{{@ keyInfo.name}}')" prop="{{@ $index}}">
+  {{if $value.enum || keyInfo.dict}}<el-select v-model="params.{{@ $index}}" clearable >
+    <el-option v-for="val in dict.{{@ $index}}" :key="val.value" :value="val.value" :label="val.label" />
+  </el-select>
+  {{else if ['number','integer'].includes($value.type)}}
+    <el-input-number v-model="params.{{@ $index}}" clearable ></el-input-number>
+  {{else if $value.type === 'string'}}
+    <el-input v-model="params.{{@ $index}}" clearable ></el-input>  
+  {{/if}}
+</el-form-item>{{/if}}{{/each}}

package/template/crud/view/views/tableColum.vue.art

@@ -0,0 +1,19 @@
+{{each properties}}{{if ['createdAdmin','updatedAdmin'].includes($index)}} <% return; %>{{/if}}<% const keyInfo = $imports.getKeyInfo($value.description); %>
+<vxe-column field="{{@ $index}}" :title="t('{{@ keyInfo.name}}')" {{if $value.$ref !== '#/components/schemas/FileInfo' &&  $value.items?.$ref !== '#/components/schemas/FileInfo'}}:formatter="<% if ($value.enum || $value.description.includes(':')){%>formatterDict
+
+{{else if $index.endsWith('At')}}formatterAt
+{{else if $value.type === 'array'}}{{if $value.items?.$ref }}<% const entityName =  $value.items.$ref.replace('#/components/schemas/',''); %><% const valueEntity = belongsToManyEntity[$index] || belongsToEntity[$index]; %>
+{{if valueEntity}}formatterArrFn('{{@ valueEntity.nameKeys?.[0] || valueEntity.pk[0]}}'){{else}}formatterArrFn{{/if}}
+
+ {{else}}formatterArrFn(){{/if}}
+{{else if $value.$ref}}<% const entityName =  $value.$ref.replace('#/components/schemas/',''); %><% const valueEntity = belongsToManyEntity[$index] || belongsToEntity[$index]; %>
+{{if valueEntity}}formatterObjectFn('{{@ valueEntity.nameKeys?.[0] || valueEntity.pk[0]}}'){{else}}formatterStr{{/if}}
+{{else}}formatterStr<%}%>"{{/if}}>{{if $value.$ref === '#/components/schemas/FileInfo'}}
+<template #default="{ row }: { row: {{@ replaceNames.Name}}Info }">
+  <me-files-view :files="row.{{$index}}?[row.{{$index}}]:[]"></me-files-view>
+</template>
+{{else if $value.type==='array' && $value.items?.$ref === '#/components/schemas/FileInfo'}}
+<template #default="{ row }: { row: {{@ replaceNames.Name}}Info }">
+  <me-files-view :files="row.{{$index}}"></me-files-view>
+</template>
+{{/if}}</vxe-column>{{/each}}