From b3b86cbdca58adf1793fcd56d2f2595366166f0f Mon Sep 17 00:00:00 2001
From: wangshaoping <wspsc@163.com>
Date: Wed, 28 Feb 2024 16:15:36 +0800
Subject: [PATCH] update

---
 io.sc.platform.core.frontend/package.json     |   2 +-
 .../template-project/package.json             |   6 +-
 .../template-project/src/components/index.ts  |  10 +-
 .../template-project/src/i18n/messages.json   |   6 +-
 .../src/i18n/messages_tw_CN.json              |   6 +-
 .../src/i18n/messages_zh_CN.json              |   6 +-
 .../template-project/src/menus/menus.json     |  44 +---
 .../template-project/src/routes/routes.json   |  46 +---
 .../template-project/src/views/Codemirror.vue |  50 ----
 .../template-project/src/views/Dialog.vue     |  37 ---
 .../template-project/src/views/Form1.vue      |  30 ---
 .../src/views/FormElements.vue                |  44 ++++
 .../template-project/src/views/Grid1.vue      |   4 -
 .../template-project/src/views/Select.vue     |  22 --
 .../template-project/src/views/Table.vue      |  64 -----
 .../template-project/src/views/TableTitle.vue | 118 ---------
 .../template-project/src/views/TreeGrid.vue   | 236 ------------------
 .../util.template-generator.cjs               |   4 -
 18 files changed, 62 insertions(+), 673 deletions(-)
 delete mode 100644 io.sc.platform.core.frontend/template-project/src/views/Codemirror.vue
 delete mode 100644 io.sc.platform.core.frontend/template-project/src/views/Dialog.vue
 delete mode 100644 io.sc.platform.core.frontend/template-project/src/views/Form1.vue
 create mode 100644 io.sc.platform.core.frontend/template-project/src/views/FormElements.vue
 delete mode 100644 io.sc.platform.core.frontend/template-project/src/views/Grid1.vue
 delete mode 100644 io.sc.platform.core.frontend/template-project/src/views/Select.vue
 delete mode 100644 io.sc.platform.core.frontend/template-project/src/views/Table.vue
 delete mode 100644 io.sc.platform.core.frontend/template-project/src/views/TableTitle.vue
 delete mode 100644 io.sc.platform.core.frontend/template-project/src/views/TreeGrid.vue

diff --git a/io.sc.platform.core.frontend/package.json b/io.sc.platform.core.frontend/package.json
index f8a23963..19a7becc 100644
--- a/io.sc.platform.core.frontend/package.json
+++ b/io.sc.platform.core.frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "platform-core",
-  "version": "8.1.125",
+  "version": "8.1.126",
   "description": "前端核心包,用于快速构建前端的脚手架",
   "//main": "库的主文件",
   "main": "dist/platform-core.js",
diff --git a/io.sc.platform.core.frontend/template-project/package.json b/io.sc.platform.core.frontend/template-project/package.json
index f843ec42..d4e9f486 100644
--- a/io.sc.platform.core.frontend/template-project/package.json
+++ b/io.sc.platform.core.frontend/template-project/package.json
@@ -1,6 +1,6 @@
 {
   "name": "platform-core",
-  "version": "8.1.122",
+  "version": "8.1.126",
   "description": "前端核心包,用于快速构建前端的脚手架",
   "private": false,
   "keywords": [],
@@ -92,8 +92,8 @@
     "luckyexcel": "1.0.1",
     "mockjs": "1.1.0",
     "pinia": "2.1.7",
-    "platform-core": "8.1.122",
-    "quasar": "2.14.2",
+    "platform-core": "8.1.126",
+    "quasar": "2.14.5",
     "tailwindcss": "3.4.0",
     "vue": "3.4.3",
     "vue-codemirror6": "1.2.0",
diff --git a/io.sc.platform.core.frontend/template-project/src/components/index.ts b/io.sc.platform.core.frontend/template-project/src/components/index.ts
index e9e64953..7f05c927 100644
--- a/io.sc.platform.core.frontend/template-project/src/components/index.ts
+++ b/io.sc.platform.core.frontend/template-project/src/components/index.ts
@@ -2,10 +2,7 @@
  * 此文件为自动生成文件,请勿修改
  */
 
-import dialog from '@/views/Dialog.vue';
-import codemirror from '@/views/Codemirror.vue';
-import select from '@/views/Select.vue';
-import treeGrid from '@/views/TreeGrid.vue';
+import formElements from '@/views/FormElements.vue';
 import likmDialog from '@/views/likm/Dialog.vue';
 import likmDrawer from '@/views/likm/Drawer.vue';
 import likmForm from '@/views/likm/Form.vue';
@@ -17,10 +14,7 @@ import gridLayout from '@/views/likm/GridLayout.vue';
 import likmTreeGrid from '@/views/likm/TreeGrid.vue';
 
 const localComponents = {
-  'component.testcase.dialog': dialog,
-  'component.testcase.codemirror': codemirror,
-  'component.testcase.select': select,
-  'component.testcase.treeGrid': treeGrid,
+  'component.testcase.formElements': formElements,
   'component.testcase.likmDialog': likmDialog,
   'component.testcase.likmDrawer': likmDrawer,
   'component.testcase.likmForm': likmForm,
diff --git a/io.sc.platform.core.frontend/template-project/src/i18n/messages.json b/io.sc.platform.core.frontend/template-project/src/i18n/messages.json
index e57d162e..5dd6a83a 100644
--- a/io.sc.platform.core.frontend/template-project/src/i18n/messages.json
+++ b/io.sc.platform.core.frontend/template-project/src/i18n/messages.json
@@ -1,8 +1,4 @@
 {
   "menu.testcase": "Test Case",
-  "menu.testcase.codemirror": "CodeMirror",
-  "menu.testcase.dialog": "Dialog",
-  "menu.testcase.select": "Select",
-  "menu.testcase.treeGrid": "Tree Grid",
-  "menu.testcase.table": "Table"
+  "menu.testcase.formElements": "Form Elements"
 }
diff --git a/io.sc.platform.core.frontend/template-project/src/i18n/messages_tw_CN.json b/io.sc.platform.core.frontend/template-project/src/i18n/messages_tw_CN.json
index c443b2be..8ef29361 100644
--- a/io.sc.platform.core.frontend/template-project/src/i18n/messages_tw_CN.json
+++ b/io.sc.platform.core.frontend/template-project/src/i18n/messages_tw_CN.json
@@ -1,8 +1,4 @@
 {
   "menu.testcase": "測試用例",
-  "menu.testcase.codemirror": "CodeMirror",
-  "menu.testcase.dialog": "Dialog",
-  "menu.testcase.select": "Select",
-  "menu.testcase.treeGrid": "Tree Grid",
-  "menu.testcase.table": "Table"
+  "menu.testcase.formElements": "表單控件"
 }
diff --git a/io.sc.platform.core.frontend/template-project/src/i18n/messages_zh_CN.json b/io.sc.platform.core.frontend/template-project/src/i18n/messages_zh_CN.json
index c33c404a..d90ce270 100644
--- a/io.sc.platform.core.frontend/template-project/src/i18n/messages_zh_CN.json
+++ b/io.sc.platform.core.frontend/template-project/src/i18n/messages_zh_CN.json
@@ -1,8 +1,4 @@
 {
   "menu.testcase": "测试用例",
-  "menu.testcase.codemirror": "CodeMirror",
-  "menu.testcase.dialog": "Dialog",
-  "menu.testcase.select": "Select",
-  "menu.testcase.treeGrid": "Tree Grid",
-  "menu.testcase.table": "Table"
+  "menu.testcase.formElements": "表单控件"
 }
diff --git a/io.sc.platform.core.frontend/template-project/src/menus/menus.json b/io.sc.platform.core.frontend/template-project/src/menus/menus.json
index 6ff1dd88..6f0b4f75 100644
--- a/io.sc.platform.core.frontend/template-project/src/menus/menus.json
+++ b/io.sc.platform.core.frontend/template-project/src/menus/menus.json
@@ -20,48 +20,12 @@
   { "type": "GROUP", "order": 20000, "id": "menu.testcase", "titleI18nKey": "menu.testcase", "icon": "bi-gear" },
   {
     "type": "ROUTE",
-    "order": 200,
-    "parentId": "menu.testcase",
-    "id": "menu.testcase.dialog",
-    "titleI18nKey": "menu.testcase.dialog",
-    "icon": "bi-palette",
-    "routeName": "route.testcase.dialog"
-  },
-  {
-    "type": "ROUTE",
-    "order": 300,
-    "parentId": "menu.testcase",
-    "id": "menu.testcase.codemirror",
-    "titleI18nKey": "menu.testcase.codemirror",
-    "icon": "bi-palette",
-    "routeName": "route.testcase.codemirror"
-  },
-  {
-    "type": "ROUTE",
-    "order": 400,
-    "parentId": "menu.testcase",
-    "id": "menu.testcase.select",
-    "titleI18nKey": "menu.testcase.select",
-    "icon": "bi-palette",
-    "routeName": "route.testcase.select"
-  },
-  {
-    "type": "ROUTE",
-    "order": 400,
-    "parentId": "menu.testcase",
-    "id": "menu.testcase.treeGrid",
-    "titleI18nKey": "menu.testcase.treeGrid",
-    "icon": "bi-palette",
-    "routeName": "route.testcase.treeGrid"
-  },
-  {
-    "type": "ROUTE",
-    "order": 400,
+    "order": 100,
     "parentId": "menu.testcase",
-    "id": "menu.testcase.table",
-    "titleI18nKey": "menu.testcase.table",
+    "id": "menu.testcase.formElements",
+    "titleI18nKey": "menu.testcase.formElements",
     "icon": "bi-palette",
-    "routeName": "route.testcase.table"
+    "routeName": "route.testcase.formElements"
   },
   { "type": "GROUP", "order": 30000, "id": "menu.testcase.likm", "titleI18nKey": "测试用例-likm", "icon": "home" },
   {
diff --git a/io.sc.platform.core.frontend/template-project/src/routes/routes.json b/io.sc.platform.core.frontend/template-project/src/routes/routes.json
index fd16fe64..e15d3bc2 100644
--- a/io.sc.platform.core.frontend/template-project/src/routes/routes.json
+++ b/io.sc.platform.core.frontend/template-project/src/routes/routes.json
@@ -1,50 +1,14 @@
 [
   {
-    "name": "route.testcase.dialog",
-    "path": "testcase/dialog",
+    "name": "route.testcase.formElements",
+    "path": "testcase/formElements",
     "parent": "/",
     "priority": 0,
-    "component": "component.testcase.dialog",
-    "componentPath": "@/views/Dialog.vue",
+    "component": "component.testcase.formElements",
+    "componentPath": "@/views/FormElements.vue",
     "redirect": null,
     "meta": {
-      "permissions": ["/testcase/dialog/**/*"]
-    }
-  },
-  {
-    "name": "route.testcase.codemirror",
-    "path": "testcase/codemirror",
-    "parent": "/",
-    "priority": 0,
-    "component": "component.testcase.codemirror",
-    "componentPath": "@/views/Codemirror.vue",
-    "redirect": null,
-    "meta": {
-      "permissions": ["/testcase/codemirror/**/*"]
-    }
-  },
-  {
-    "name": "route.testcase.select",
-    "path": "testcase/select",
-    "parent": "/",
-    "priority": 0,
-    "component": "component.testcase.select",
-    "componentPath": "@/views/Select.vue",
-    "redirect": null,
-    "meta": {
-      "permissions": ["/testcase/select/**/*"]
-    }
-  },
-  {
-    "name": "route.testcase.treeGrid",
-    "path": "testcase/treeGrid",
-    "parent": "/",
-    "priority": 0,
-    "component": "component.testcase.treeGrid",
-    "componentPath": "@/views/TreeGrid.vue",
-    "redirect": null,
-    "meta": {
-      "permissions": ["/testcase/treeGrid/**/*"]
+      "permissions": ["/testcase/formElements/**/*"]
     }
   },
   {
diff --git a/io.sc.platform.core.frontend/template-project/src/views/Codemirror.vue b/io.sc.platform.core.frontend/template-project/src/views/Codemirror.vue
deleted file mode 100644
index 20d19d75..00000000
--- a/io.sc.platform.core.frontend/template-project/src/views/Codemirror.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <!-- <w-codemirror
-    v-model="value"
-    lang="xml"
-    placeholder="Code goes here..."
-    :autofocus="false"
-    :tab-size="2"
-    :style="{ height: '200px', padding: '20px' }"
-  ></w-codemirror> -->
-  <q-input outlined label="OK"></q-input>
-  <label class="q-field row no-wrap items-start q-field--outlined q-input q-field--labeled" for="f_eef31e6a-a3a8-4a87-b35c-481f40af889e">
-    <div class="q-field__inner relative-position col self-stretch">
-      <div class="q-field__control relative-position row no-wrap" tabindex="-1">
-        <div class="q-field__control-container col relative-position row no-wrap q-anchor--skip"></div>
-      </div>
-    </div>
-  </label>
-
-  <div class="rounded-md" style="border: 1px solid #e5e7eb">
-    <div class="px-3 text-gray-600 text-xs">OK</div>
-    <div ref="codemirrorRef" class="py-1"></div>
-  </div>
-</template>
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue';
-import { EditorView, basicSetup } from 'codemirror';
-import { javascript } from '@codemirror/lang-javascript';
-
-const codemirrorRef = ref();
-let view;
-
-onMounted(() => {
-  view = new EditorView({
-    extensions: [basicSetup, javascript()],
-    parent: codemirrorRef.value,
-  });
-  //view.destroy();
-});
-
-onUnmounted(() => {
-  console.log('>>>>>>');
-  view.destroy();
-});
-const value = ref('<xml><a name="name"></a></xml>');
-</script>
-<style>
-.cm-editor {
-  outline: none !important;
-}
-</style>
diff --git a/io.sc.platform.core.frontend/template-project/src/views/Dialog.vue b/io.sc.platform.core.frontend/template-project/src/views/Dialog.vue
deleted file mode 100644
index 4487cf9e..00000000
--- a/io.sc.platform.core.frontend/template-project/src/views/Dialog.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-  <w-dialog
-    ref="dialogRef"
-    :persistent="true"
-    :maximized="true"
-    title="xxx"
-    width="50%"
-    height="50%"
-    :can-maximize="true"
-    :actions="[
-      {
-        icon: PlatformIconEnum.保存,
-        label: '保存',
-        loading: false,
-        click: async () => {},
-      },
-    ]"
-    @maximize="dialogMaximize"
-  ></w-dialog>
-</template>
-<script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue';
-import { PlatformIconEnum, DialogManager } from 'platform-core';
-
-const dialogRef = ref();
-
-const dialogMaximize = (maximizedToggle: boolean) => {
-  console.log(maximizedToggle);
-};
-
-onMounted(() => {
-  //dialogRef.value.show();
-  DialogManager.confirm('kdjflksjdf', () => {
-    console.log('ok');
-  });
-});
-</script>
diff --git a/io.sc.platform.core.frontend/template-project/src/views/Form1.vue b/io.sc.platform.core.frontend/template-project/src/views/Form1.vue
deleted file mode 100644
index 444f06df..00000000
--- a/io.sc.platform.core.frontend/template-project/src/views/Form1.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-  <div>
-    <w-form :fields="fields" :cols-num-auto="false" :cols-num="3"></w-form>
-  </div>
-</template>
-<script setup lang="ts">
-const fields = [
-  {
-    label: '姓名',
-    name: 'name',
-    type: 'text',
-    required: true,
-    colspan: 2,
-    button: {
-      round: false,
-      icon: 'home',
-      label: '选择',
-      click: () => {
-        console.info('11111');
-      },
-    },
-  },
-  {
-    label: '年龄',
-    name: 'age',
-    type: 'number',
-    required: true,
-  },
-];
-</script>
diff --git a/io.sc.platform.core.frontend/template-project/src/views/FormElements.vue b/io.sc.platform.core.frontend/template-project/src/views/FormElements.vue
new file mode 100644
index 00000000..0379af5a
--- /dev/null
+++ b/io.sc.platform.core.frontend/template-project/src/views/FormElements.vue
@@ -0,0 +1,44 @@
+<template>
+  <q-splitter v-model="splitWidthRef">
+    <template #before>
+      <q-tabs v-model="selectedTab" vertical no-caps>
+        <q-tab name="formElements" label="Form Elements" />
+        <q-tab name="codemirror" label="w-code-mirror" />
+      </q-tabs>
+    </template>
+
+    <template #after>
+      <q-tab-panels v-model="selectedTab" animated swipeable vertical transition-prev="jump-up" transition-next="jump-up">
+        <q-tab-panel name="formElements">
+          <w-form
+            :cols-num="1"
+            :fields="[
+              { name: 'color', label: 'please select color', type: 'color-input', outlined: true, dense: true },
+              { name: 'colorPalette', label: 'please select color palette', type: 'color-input-palette', outlined: true, dense: true },
+              { name: 'codemirror', label: 'please input SQL', type: 'code-mirror', outlined: true, lang: 'sql', dense: true, rows: 5 },
+              { name: 'cron', label: 'please input cron expression', type: 'cron', outlined: true, dense: true },
+              { name: 'position', label: 'please select position', type: 'position', outlined: true, dense: true },
+            ]"
+          >
+          </w-form>
+        </q-tab-panel>
+        <q-tab-panel name="codemirror">
+          <q-input v-model="valueRef" label="please input number 1:" outlined dense clearable></q-input>
+          <w-code-mirror v-model="valueRef" label="please input SQL:" lang="sql" outlined dense></w-code-mirror>
+          <q-input v-model="valueRef" label="please input number 2:" outlined dense clearable></q-input>
+        </q-tab-panel>
+      </q-tab-panels>
+    </template>
+  </q-splitter>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const selectedTab = ref('formElements');
+const splitWidthRef = ref(20);
+const valueRef = ref('xxxx');
+
+const focus = () => {
+  console.log('sfsdf');
+};
+</script>
diff --git a/io.sc.platform.core.frontend/template-project/src/views/Grid1.vue b/io.sc.platform.core.frontend/template-project/src/views/Grid1.vue
deleted file mode 100644
index d7e5272c..00000000
--- a/io.sc.platform.core.frontend/template-project/src/views/Grid1.vue
+++ /dev/null
@@ -1,4 +0,0 @@
-<template>
-  <div>2222</div>
-</template>
-<script setup lang="ts"></script>
diff --git a/io.sc.platform.core.frontend/template-project/src/views/Select.vue b/io.sc.platform.core.frontend/template-project/src/views/Select.vue
deleted file mode 100644
index 6c791fa5..00000000
--- a/io.sc.platform.core.frontend/template-project/src/views/Select.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <w-select v-model="model" :options="options" label="Status" @update:model-value="valueChanged" />
-</template>
-<script setup lang="ts">
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { EnumTools } from 'platform-core';
-import { QBtn } from 'quasar';
-
-const { t } = useI18n();
-const model = ref('value');
-const options = ref();
-
-EnumTools.fetch('io.sc.platform.flowable.enums.ProcessStatus', t).then((data) => {
-  console.log(data.map);
-  options.value = data.map;
-});
-
-const valueChanged = (value) => {
-  console.log(value);
-};
-</script>
diff --git a/io.sc.platform.core.frontend/template-project/src/views/Table.vue b/io.sc.platform.core.frontend/template-project/src/views/Table.vue
deleted file mode 100644
index 72a4bc62..00000000
--- a/io.sc.platform.core.frontend/template-project/src/views/Table.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<template>
-  <w-grid
-          :tree="true"
-          :title="$t('system.corporation.grid.title')"
-          :data-url="Environment.apiContextPath('/api/system/corporation')"
-          selection="multiple"
-          :checkbox-selection="false"
-          :pageable="false"
-          :full-screen-button="false"
-          :tree-icon="
-            (row) => {
-              return { name: 'folder', color: 'amber' };
-            }
-          "
-          :toolbar-configure="{ noIcon: false }"
-          :toolbar-actions="['refresh', 'separator', ['addTop', 'addChild'], 'edit', 'remove', 'separator', 'view']"
-          :columns="[
-            { width: '100%', name: 'name', label: $t('name') },
-            { width: 150, name: 'code', label: $t('code') },
-            { width: 90, name: 'dataComeFrom', label: $t('dataComeFrom'), format: Formater.enum(DataComeFromEnum) },
-            { width: 100, name: 'lastModifier', label: $t('lastModifier') },
-            { width: 110, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() },
-            { width: 80, name: 'enable', label: $t('status'), format: Formater.enableTag() },
-          ]"
-          :editor="{
-            dialog: {
-              width: '600px',
-              height: '300px',
-            },
-            form: {
-              colsNum: 1,
-              fields: [
-                { name: 'code', label: $t('code'), type: 'text', required: true },
-                { name: 'name', label: $t('name'), type: 'text', required: true },
-                { name: 'description', label: $t('description'), type: 'textarea', rows: 1 },
-                { name: 'enable', label: $t('enable'), type: 'checkbox', defaultValue: true },
-              ],
-            },
-          }"
-          :viewer="{
-            panel: {
-              columnNum: 1,
-              fields: [
-                { name: 'id', label: $t('id') },
-                { name: 'code', label: $t('code') },
-                { name: 'name', label: $t('name') },
-                { name: 'description', label: $t('description') },
-                { name: 'enable', label: $t('enable'), format: (value) => value },
-                { name: 'dataComeFrom', label: $t('dataComeFrom'), format: (value) => value },
-                { name: 'creator', label: $t('creator') },
-                { name: 'createDate', label: $t('createDate') },
-                { name: 'lastModifier', label: $t('lastModifier') },
-                { name: 'lastModifyDate', label: $t('lastModifyDate'), format: (value) => value },
-              ],
-            },
-          }"
-        ></w-grid>
-</template>
-
-<script setup lang="ts">
-import { Environment,Formater,Options } from '@/platform';
-
-
-</script>
diff --git a/io.sc.platform.core.frontend/template-project/src/views/TableTitle.vue b/io.sc.platform.core.frontend/template-project/src/views/TableTitle.vue
deleted file mode 100644
index 17ee9b13..00000000
--- a/io.sc.platform.core.frontend/template-project/src/views/TableTitle.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<template>
-  <div class="flex flex-nowrap py-2">
-    <div ref="titleContainerRef" class="flex items-end text-subtitle2 text-no-wrap">{{ title }}</div>
-    <q-space />
-    <div ref="actionContainerRef" class="flex flex-nowrap">
-      <!-- baseActions -->
-      <template v-for="(action, index) in baseActions" :key="'baseAction_' + index">
-        <q-separator
-          v-if="action.separator"
-          vertical
-          class="class-action-item"
-          :style="{
-            'margin-left': '5px',
-            'margin-right': '5px',
-          }"
-        />
-        <q-btn
-          v-else
-          v-bind="action"
-          :id="action.name"
-          :disable="action.enableIf ? !action.enableIf() : false"
-          no-wrap
-          class="class-action-item"
-          :style="{
-            'margin-left': '5px',
-            'margin-right': '5px',
-          }"
-          @click="action.click"
-        />
-      </template>
-
-      <!-- moreActions -->
-      <q-btn-dropdown v-if="moreActions && moreActions.length > 0" :label="$t('more')" class="class-action-item" style="margin-left: 5px">
-        <q-list>
-          <template v-for="(action, index) in moreActions" :key="'moreAction_' + index">
-            <q-separator v-if="action.separator" />
-            <q-item v-else v-close-popup clickable @click="action.click">
-              <q-item-section avatar style="min-width: 28px; padding-right: 0px">
-                <q-icon :name="action.icon" size="20px" />
-              </q-item-section>
-              <q-item-section>
-                <q-item-label :v-bind="action">{{ action.label }}</q-item-label>
-              </q-item-section>
-            </q-item>
-          </template>
-        </q-list>
-      </q-btn-dropdown>
-    </div>
-    <q-resize-observer @resize="onResize" />
-  </div>
-</template>
-<script setup lang="ts">
-import { ref } from 'vue';
-import { Tools } from '@/platform/utils';
-
-const props = defineProps({
-  title: { type: String, default: '' },
-  actions: {
-    type: Array,
-    default: () => {
-      return [];
-    },
-  },
-});
-
-const titleContainerRef = ref();
-const actionContainerRef = ref();
-
-const actions = props.actions;
-const baseActions = ref(actions);
-const moreActions = ref([]);
-const isActionWidthInitializedRef = ref(false);
-const moreActionWidth = 100;
-
-const onResize = (size) => {
-  if (Tools.isUndefinedOrNull(titleContainerRef.value) || Tools.isUndefinedOrNull(actionContainerRef.value)) {
-    return;
-  }
-
-  if (!isActionWidthInitializedRef.value) {
-    const nodes = actionContainerRef.value.getElementsByClassName('class-action-item');
-    for (let i = 0; i < actions.length; i++) {
-      actions[i].width = nodes[i].clientWidth + 10;
-    }
-    isActionWidthInitializedRef.value = true;
-  }
-
-  const _baseActions = [];
-  const _moreActions = [];
-  const length = actions.length;
-  let availableWidth = size.width - titleContainerRef.value.clientWidth;
-  let width = 0;
-  let index = 0;
-
-  for (; index < length; index++) {
-    console.log(index, width + actions[index].width, availableWidth);
-    if (width + actions[index].width > availableWidth) {
-      availableWidth -= moreActionWidth;
-      while (width > availableWidth) {
-        index--;
-        width -= actions[index].width;
-        _baseActions.pop();
-      }
-      break;
-    } else {
-      _baseActions.push(actions[index]);
-      width += actions[index].width;
-    }
-  }
-
-  for (; index < length; index++) {
-    _moreActions.push(actions[index]);
-  }
-
-  baseActions.value = _baseActions;
-  moreActions.value = _moreActions;
-};
-</script>
diff --git a/io.sc.platform.core.frontend/template-project/src/views/TreeGrid.vue b/io.sc.platform.core.frontend/template-project/src/views/TreeGrid.vue
deleted file mode 100644
index 55ef6444..00000000
--- a/io.sc.platform.core.frontend/template-project/src/views/TreeGrid.vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<template>
-  <div>
-    <div v-if="executeProgress.show" class="row pt-2">
-      <div class="col-2 pl-4">{{ $t('io.sc.engine.mv.result.task.progress') }}</div>
-      <div class="col-3">
-        <q-linear-progress size="20px" :value="executeProgress.percentage" color="primary" rounded> </q-linear-progress>
-      </div>
-      <div class="col-7 pl-4">{{ executeProgress.message }}</div>
-      <div class="col-1"></div>
-    </div>
-    <w-grid
-      ref="gridRef"
-      :title="$t('menu.engine.mv.result')"
-      :config-button="true"
-      selection="multiple"
-      :checkbox-selection="false"
-      :data-url="Environment.apiContextPath('/api/mv/viewer/result')"
-      :pageable="true"
-      :pagination="{
-        sortBy: 'validateDate',
-        descending: true,
-      }"
-      :toolbar-configure="{ noIcon: false }"
-      :toolbar-actions="[
-        'refresh',
-        'separator',
-        {
-          name: 'execute',
-          label: $t('io.sc.engine.mv.result.grid.toolbar.execute'),
-          icon: 'bi-play-circle',
-          click: () => {
-            executorDialogRef.open();
-          },
-        },
-        'separator',
-        {
-          name: 'detail',
-          label: $t('detail'),
-          icon: 'bi-display',
-          enableIf: (selecteds) => {
-            return selecteds && selecteds.length > 0;
-          },
-          click: (selecteds) => {
-            if (selecteds && selecteds.length > 0) {
-              const selected = selecteds[0];
-              resultDetailDialogRef.open(selected);
-            }
-          },
-        },
-        {
-          extend: 'remove',
-          click: (selecteds) => {
-            if (selecteds && selecteds.length > 0) {
-              const selected = selecteds[0];
-              axios
-                .request({
-                  url: Environment.apiContextPath('/api/mv/viewer/result'),
-                  method: 'delete',
-                  data: [{ validateDate: selected.validateDate, modelId: selected.modelId }],
-                })
-                .then(() => {
-                  gridRef.refresh();
-                });
-            }
-          },
-        },
-        'separator',
-        'view',
-        'separator',
-        'export',
-      ]"
-      :columns="[
-        { width: 150, name: 'validateDate', label: $t('io.sc.engine.mv.result.grid.entity.validateDate') },
-        { width: 150, name: 'modelId', label: $t('io.sc.engine.mv.result.grid.entity.modelId') },
-        { width: 200, name: 'modelName', label: $t('io.sc.engine.mv.result.grid.entity.modelName') },
-        { width: 100, name: 'executeMode', label: $t('io.sc.engine.mv.result.grid.entity.executeMode') },
-        { width: 100, name: 'totalSampleCount', label: $t('io.sc.engine.mv.result.grid.entity.totalSampleCount'), align: 'right' },
-        { width: 100, name: 'defaultSampleCount', label: $t('io.sc.engine.mv.result.grid.entity.defaultSampleCount'), align: 'right' },
-        {
-          width: 900,
-          name: 'discrimination',
-          label: $t('io.sc.engine.mv.result.grid.entity.discrimination'),
-          columns: [
-            {
-              name: 'total',
-              label: $t('io.sc.engine.mv.result.grid.entity.total'),
-              columns: [
-                { width: 100, name: 'auc', label: $t('io.sc.engine.mv.result.grid.entity.auc') },
-                { width: 100, name: 'ar', label: $t('io.sc.engine.mv.result.grid.entity.ar') },
-                { width: 100, name: 'ks', label: $t('io.sc.engine.mv.result.grid.entity.ks') },
-              ],
-            },
-            {
-              name: 'quantitative',
-              label: $t('quantitative'),
-              columns: [
-                { width: 100, name: 'aucQuantitative', label: $t('io.sc.engine.mv.result.grid.entity.auc') },
-                { width: 100, name: 'arQuantitative', label: $t('io.sc.engine.mv.result.grid.entity.ar') },
-                { width: 100, name: 'ksQuantitative', label: $t('io.sc.engine.mv.result.grid.entity.ks') },
-              ],
-            },
-            {
-              name: 'qualitative',
-              label: $t('qualitative'),
-              columns: [
-                { width: 100, name: 'aucQualitative', label: $t('io.sc.engine.mv.result.grid.entity.auc') },
-                { width: 100, name: 'arQualitative', label: $t('io.sc.engine.mv.result.grid.entity.ar') },
-                { width: 100, name: 'ksQualitative', label: $t('io.sc.engine.mv.result.grid.entity.ks') },
-              ],
-            },
-          ],
-        },
-        {
-          width: 200,
-          name: 'stability',
-          label: $t('io.sc.engine.mv.result.grid.entity.stability'),
-          columns: [
-            { width: 100, name: 'svd', label: $t('io.sc.engine.mv.result.grid.entity.svd') },
-            { width: 100, name: 'psi', label: $t('io.sc.engine.mv.result.grid.entity.psi') },
-          ],
-        },
-        {
-          width: 200,
-          name: 'scaleValidate',
-          label: $t('io.sc.engine.mv.result.grid.entity.scaleValidate'),
-          columns: [
-            { width: 100, name: 'chiSquare', label: $t('io.sc.engine.mv.result.grid.entity.chiSquare'), align: 'center', format: passOrNotFormater },
-            { width: 100, name: 'binomial', label: $t('io.sc.engine.mv.result.grid.entity.binomial'), align: 'center', format: passOrNotFormater },
-          ],
-        },
-      ]"
-      :viewer="{
-        panel: {
-          columnNum: 1,
-          fields: [
-            { name: 'validateDate', label: $t('io.sc.engine.mv.result.grid.entity.validateDate') },
-            {
-              name: 'runtimeParameters',
-              label: $t('io.sc.engine.mv.result.grid.entity.runtimeParameters'),
-              format: (value) => {
-                let result = '';
-                for (const item of value) {
-                  result +=
-                    $t('io.sc.engine.mv.result.grid.entity.runtimeParameters.' + item.name) +
-                    ':' +
-                    (Tools.isUndefinedOrNull(item.value) ? '' : item.value) +
-                    '<br/>';
-                }
-                return result;
-              },
-            },
-            { name: 'modelId', label: $t('io.sc.engine.mv.result.grid.entity.modelId') },
-            { name: 'modelName', label: $t('io.sc.engine.mv.result.grid.entity.modelName') },
-            { name: 'executeMode', label: $t('io.sc.engine.mv.result.grid.entity.executeMode') },
-            { name: 'totalSampleCount', label: $t('io.sc.engine.mv.result.grid.entity.totalSampleCount') },
-            { name: 'defaultSampleCount', label: $t('io.sc.engine.mv.result.grid.entity.defaultSampleCount') },
-            { name: 'auc', label: $t('io.sc.engine.mv.result.grid.entity.total.auc') },
-            { name: 'ar', label: $t('io.sc.engine.mv.result.grid.entity.total.ar') },
-            { name: 'ks', label: $t('io.sc.engine.mv.result.grid.entity.total.ks') },
-            { name: 'aucQuantitative', label: $t('io.sc.engine.mv.result.grid.entity.quantitative.auc') },
-            { name: 'arQuantitative', label: $t('io.sc.engine.mv.result.grid.entity.quantitative.ar') },
-            { name: 'ksQuantitative', label: $t('io.sc.engine.mv.result.grid.entity.quantitative.ks') },
-            { name: 'aucQualitative', label: $t('io.sc.engine.mv.result.grid.entity.qualitative.auc') },
-            { name: 'arQualitative', label: $t('io.sc.engine.mv.result.grid.entity.qualitative.ar') },
-            { name: 'ksQualitative', label: $t('io.sc.engine.mv.result.grid.entity.qualitative.ks') },
-            { name: 'svd', label: $t('io.sc.engine.mv.result.grid.entity.svd') },
-            { name: 'psi', label: $t('io.sc.engine.mv.result.grid.entity.psi') },
-            { name: 'chiSquare', label: $t('io.sc.engine.mv.result.grid.entity.chiSquare'), format: Formater.none() },
-            { name: 'binomial', label: $t('io.sc.engine.mv.result.grid.entity.binomial'), format: Formater.none() },
-          ],
-        },
-      }"
-    ></w-grid>
-  </div>
-</template>
-<script setup lang="ts">
-import { ref, reactive } from 'vue';
-import { axios, Environment, Tools, Formater, NotifyManager } from '@/platform';
-
-const gridRef = ref();
-const resultDetailDialogRef = ref();
-const executorDialogRef = ref();
-const executeProgress = reactive({
-  show: false,
-  percentage: 0,
-  message: '',
-});
-let executeProgressInterval;
-
-const passOrNotFormater = (value) => {
-  if (Tools.isUndefinedOrNull(value)) {
-    return '';
-  }
-  if (value === 'PASS') {
-    return {
-      componentType: 'QIcon',
-      attrs: { name: 'bi-check-circle', size: '20px', color: 'green' },
-    };
-  } else {
-    return {
-      componentType: 'QIcon',
-      attrs: { name: 'bi-x-circle', size: '20px', color: 'red' },
-    };
-  }
-};
-
-const afterStartExecute = () => {
-  executeProgress.show = true;
-  executeProgress.percentage = 0;
-  executeProgressInterval = setInterval(() => {
-    axios
-      .get(Environment.apiContextPath('/api/mv/traceExecuteProgress'))
-      .then((response) => {
-        const progressInfo = response.data;
-        executeProgress.percentage = progressInfo.currentWeight / progressInfo.totalWeight;
-        executeProgress.message = progressInfo.messageKey;
-        if (executeProgress.percentage >= 1) {
-          clearInterval(executeProgressInterval);
-          executeProgress.show = false;
-          gridRef.value.refresh();
-        }
-      })
-      .catch(() => {
-        clearInterval(executeProgressInterval);
-        executeProgress.show = false;
-        gridRef.value.refresh();
-      });
-  }, 1000);
-};
-
-axios.get(Environment.apiContextPath('/api/mv/isExistsRunningExecutor')).then((response) => {
-  if (response.data) {
-    afterStartExecute();
-  }
-});
-</script>
diff --git a/io.sc.platform.core.frontend/util.template-generator.cjs b/io.sc.platform.core.frontend/util.template-generator.cjs
index abd3fdab..9da53911 100644
--- a/io.sc.platform.core.frontend/util.template-generator.cjs
+++ b/io.sc.platform.core.frontend/util.template-generator.cjs
@@ -79,10 +79,6 @@ cp('./public',        targetDir + 'public');
 replaceAll(targetDir + 'src/boostrap.ts',           {'@/platform':'platform-core','//<C> ':'','//<C>':''});
 replaceAll(targetDir + 'src/shims-vue.d.ts',        {'@/platform':'platform-core'});
 replaceAll(targetDir + 'src/App.vue',               {'@/platform':'platform-core'});
-replaceAll(targetDir + 'src/views/Codemirror.vue',  {'@/platform':'platform-core'});
-replaceAll(targetDir + 'src/views/Dialog.vue',      {'@/platform':'platform-core'});
-replaceAll(targetDir + 'src/views/Select.vue',      {'@/platform':'platform-core'});
-
 
 cp(sourceDir + '.browserslistrc',               targetDir + '.browserslistrc');
 cp(sourceDir + '.editorconfig',                 targetDir + '.editorconfig');