去掉AutoImport，补齐import

admin/src/App.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { onMounted, watch } from 'vue'
 import { useDark, useWindowSize, useThrottleFn } from '@vueuse/core'
 // import zhCn from "element-plus/lib/locale/lang/zh-cn";
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

admin/src/api/flow/flow_apply.ts

@@ -59,7 +59,7 @@ export function flow_apply_lists(params?: type_flow_apply_query) {
 }
 // 申请流程列表-所有
 export function flow_apply_list_all(params?: type_flow_apply_query) {
-    return request.get<Pages<type_flow_apply>>({ url: '/flow/flow_apply/listAll', params })
+    return request.get<type_flow_apply[]>({ url: '/flow/flow_apply/listAll', params })
 }
 
 // 申请流程详情

admin/src/api/flow/flow_history.ts

@@ -61,7 +61,7 @@ export function flow_history_list(params?: type_flow_history_query) {
 }
 // 流程历史列表-所有
 export function flow_history_list_all(params?: type_flow_history_query) {
-    return request.get<Pages<type_flow_history>>({ url: '/flow/flow_history/listAll', params })
+    return request.get<type_flow_history[]>({ url: '/flow/flow_history/listAll', params })
 }
 
 // 流程历史详情

admin/src/components/app-link/index.vue

@@ -5,6 +5,7 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue'
 /**
  * @description 兼容第三方页面的跳转
  */

admin/src/components/color-picker/index.vue

@@ -21,14 +21,7 @@ const color = defineModel({
         return props.defaultColor
     }
 })
-// const color = computed({
-//     get() {
-//         return props.modelValue
-//     },
-//     set(value) {
-//         emit('update:modelValue', value)
-//     }
-// })
+
 const predefineColors = ['#409EFF', '#28C76F', '#EA5455', '#FF9F43', '#01CFE8', '#4A5DFF']
 const reset = () => {
     color.value = props.defaultColor

admin/src/components/daterange-picker/index.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, watch } from 'vue'
 /* Props S */
 const props = defineProps({
     startTime: {
@@ -44,20 +45,4 @@ watch([() => props.startTime, () => props.endTime], () => {
     console.log('watch', props)
     content.value = [props.startTime, props.endTime]
 })
-// const content = computed<any>({
-//     get: () => {
-//         return [props.startTime, props.endTime]
-//     },
-//     set: (value: Event | any) => {
-//         console.log('change', value)
-
-//         if (value === null) {
-//             emit('update:startTime', '')
-//             emit('update:endTime', '')
-//         } else {
-//             emit('update:startTime', value[0])
-//             emit('update:endTime', value[1])
-//         }
-//     }
-// })
 </script>

admin/src/components/del-wrap/index.vue

@@ -8,6 +8,7 @@
 </template>
 
 <script lang="ts">
+import { defineComponent } from 'vue'
 export default defineComponent({
     props: {
         showClose: {

admin/src/components/dict-value/index.vue

@@ -8,6 +8,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { computed, withDefaults } from 'vue'
 defineOptions({
     name: 'dict-value'
 })

admin/src/components/editor/index.vue

@@ -28,6 +28,8 @@ import { Editor as WEditor, Toolbar } from '@wangeditor/editor-for-vue'
 import type { IEditorConfig, IToolbarConfig } from '@wangeditor/editor'
 import MaterialPicker from '@/components/material/picker.vue'
 import { addUnit } from '@/utils/util'
+
+import { withDefaults, computed, shallowRef, ref, onBeforeUnmount } from 'vue'
 import type { CSSProperties } from 'vue'
 
 const props = withDefaults(

admin/src/components/flow/flowEdit/PropertyPanel/index.vue

@@ -29,7 +29,7 @@
     </el-drawer>
 </template>
 <script setup lang="ts">
-import { ref, toRaw } from 'vue'
+import { ref, toRaw, reactive } from 'vue'
 import UserTask from './UserTask.vue'
 import FieldAuth from './FieldAuth.vue'
 import Gateway from './Gateway.vue'

admin/src/components/icon/index.vue

@@ -14,6 +14,7 @@
     </div>
 </template>
 <script lang="ts">
+import { computed, defineComponent } from 'vue'
 // import { ElIcon } from 'element-plus'
 import { EL_ICON_PREFIX, LOCAL_ICON_PREFIX } from './index'
 import ISvgIcon from './svg-icon.vue'

admin/src/components/icon/picker.vue

@@ -77,6 +77,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, withDefaults } from 'vue'
 import { computed, nextTick, onMounted, reactive, shallowRef, watch } from 'vue'
 import { useEventListener } from '@vueuse/core'
 import { ElInput } from 'element-plus'

admin/src/components/icon/svg-icon.vue

@@ -7,6 +7,7 @@
 </template>
 
 <script lang="ts">
+import { computed, defineComponent } from 'vue'
 import { addUnit } from '@/utils/util'
 import type { CSSProperties } from 'vue'
 

admin/src/components/link/index.vue

@@ -17,6 +17,7 @@
 </template>
 
 <script lang="ts" setup>
+import { computed, ref, watch } from 'vue'
 import type { PropType } from 'vue'
 import { LinkTypeEnum, type Link } from '.'
 import ShopPages from './shop-pages.vue'

admin/src/components/link/picker.vue

@@ -17,6 +17,7 @@
 </template>
 
 <script lang="ts" setup>
+import { computed, shallowRef, ref, watch } from 'vue'
 import { LinkTypeEnum, type Link } from '.'
 import LinkContent from './index.vue'
 import Popup from '@/components/popup/index.vue'

admin/src/components/material/hook.ts

@@ -11,7 +11,8 @@ import {
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'
 import { ElMessage, ElTree, type CheckboxValueType } from 'element-plus'
-import { shallowRef, type Ref } from 'vue'
+import { shallowRef, ref, reactive } from 'vue'
+import type { Ref } from 'vue'
 
 // 左侧分组的钩子函数
 export function useCate(type: number) {

admin/src/components/material/index.vue

@@ -273,6 +273,7 @@
 </template>
 
 <script lang="ts" setup>
+import { computed, onMounted, toRefs, ref, watch } from 'vue'
 import { useCate, useFile } from './hook'
 import FileItem from './file.vue'
 import Preview from './preview.vue'

admin/src/components/material/picker.vue

@@ -80,6 +80,7 @@
 </template>
 
 <script lang="ts" name="material-picker">
+import { defineComponent, ref, computed, toRefs, watch, nextTick, provide } from 'vue'
 import Draggable from 'vuedraggable'
 import Popup from '@/components/popup/index.vue'
 import FileItem from './file.vue'

admin/src/components/material/preview.vue

@@ -17,6 +17,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, shallowRef, watch, nextTick } from 'vue'
 const props = defineProps({
     modelValue: {
         type: Boolean,

admin/src/components/overflow-tooltip/index.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, shallowRef } from 'vue'
 import { useEventListener } from '@vueuse/core'
 import { useTooltipContentProps, type Placement } from 'element-plus'
 import type { PropType } from 'vue'

admin/src/components/pagination/index.vue

@@ -32,14 +32,6 @@ const emit = defineEmits<{
     // (event: 'update:modelValue', value: any): void
 }>()
 const pager = defineModel<Record<string, any>>({})
-// const pager = computed({
-//     get() {
-//         return props.modelValue
-//     },
-//     set(value) {
-//         emit('update:modelValue', value)
-//     }
-// })
 const sizeChange = () => {
     pager.value.page = 1
     emit('change')

admin/src/components/popover-input/index.vue

@@ -53,6 +53,7 @@
 
 <script lang="ts" setup>
 import { useEventListener } from '@vueuse/core'
+import { ref, watch } from 'vue'
 import type { PropType } from 'vue'
 
 const props = defineProps({

admin/src/components/popup/index.vue

@@ -40,7 +40,7 @@
 </template>
 
 <script lang="ts">
-import { ref, provide } from 'vue'
+import { ref, provide, defineComponent, nextTick } from 'vue'
 export default defineComponent({
     props: {
         title: {

admin/src/components/upload/index.vue

@@ -40,7 +40,7 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, shallowRef } from 'vue'
+import { computed, defineComponent, ref, toRaw, shallowRef } from 'vue'
 import useUserStore from '@/stores/modules/user'
 import config from '@/config'
 import feedback from '@/utils/feedback'

admin/src/layout/Empty.vue

@@ -7,6 +7,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import useAppStore from '@/stores/modules/app'
 import useTabsStore from '@/stores/modules/multipleTabs'
 import useSettingStore from '@/stores/modules/setting'

admin/src/layout/components/footer.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import useAppStore from '@/stores/modules/app'
 
 const appStore = useAppStore()

admin/src/layout/default/components/header/breadcrumb.vue

@@ -6,6 +6,7 @@
     </el-breadcrumb>
 </template>
 <script setup lang="ts">
+import { ref } from 'vue'
 import { useWatchRoute } from '@/hooks/useWatchRoute'
 import type { RouteLocationMatched, RouteLocationNormalizedLoaded } from 'vue-router'
 const breadcrumbs = ref<RouteLocationMatched[]>([])

admin/src/layout/default/components/header/fold.vue

@@ -5,6 +5,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import useAppStore from '@/stores/modules/app'
 const appStore = useAppStore()
 const isCollapsed = computed(() => appStore.isCollapsed)

admin/src/layout/default/components/header/index.vue

@@ -29,6 +29,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import useAppStore from '@/stores/modules/app'
 import Fold from './fold.vue'
 import Refresh from './refresh.vue'

admin/src/layout/default/components/header/user-drop-down.vue

@@ -18,6 +18,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import useUserStore from '@/stores/modules/user'
 import feedback from '@/utils/feedback'
 const userStore = useUserStore()

admin/src/layout/default/components/main.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import useAppStore from '@/stores/modules/app'
 import useTabsStore from '@/stores/modules/multipleTabs'
 import useSettingStore from '@/stores/modules/setting'

admin/src/layout/default/components/setting/drawer.vue

@@ -83,6 +83,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed, ref } from 'vue'
 import useSettingStore from '@/stores/modules/setting'
 import { useDark, useToggle } from '@vueuse/core'
 import theme_light from '@/assets/images/theme_white.png'

admin/src/layout/default/components/sidebar/index.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import Side from './side.vue'
 import useAppStore from '@/stores/modules/app'
 import useSettingStore from '@/stores/modules/setting'

admin/src/layout/default/components/sidebar/logo.vue

@@ -21,6 +21,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import useAppStore from '@/stores/modules/app'
 import { ThemeEnum } from '@/enums/appEnums'
 defineOptions({

admin/src/layout/default/components/sidebar/menu-item.vue

@@ -25,6 +25,7 @@
 </template>
 
 <script lang="ts" setup>
+import { computed } from 'vue'
 import { getNormalPath, objectToQuery } from '@/utils/util'
 import { isExternal } from '@/utils/validate'
 import type { RouteRecordRaw } from 'vue-router'

admin/src/layout/default/components/sidebar/side.vue

@@ -14,6 +14,7 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import type { RouteRecordRaw } from 'vue-router'
 import useAppStore from '@/stores/modules/app'
 import useSettingStore from '@/stores/modules/setting'

admin/src/stores/modules/multipleTabs.ts

@@ -1,3 +1,4 @@
+import { unref } from 'vue'
 import { defineStore } from 'pinia'
 import { isExternal } from '@/utils/validate'
 import type {

admin/src/views/account/login.vue

@@ -114,7 +114,7 @@ import { PageEnum } from '@/enums/pageEnum'
 import { useLockFn } from '@/hooks/useLockFn'
 import { encryptPassword } from '@/utils/util'
 import Verify from '@/components/verify/Verify.vue'
-
+import ImageContain from '@/components/image-contain/index.vue'
 // const verifyRef = ref(null)
 const verifyRef = shallowRef<InstanceType<typeof Verify>>()
 const onShowCaptcha = () => {

admin/src/views/article/column/edit.vue

@@ -26,6 +26,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, computed, shallowRef, reactive } from 'vue'
 import type { FormInstance } from 'element-plus'
 import { articleCateEdit, articleCateAdd, articleCateDetail } from '@/api/article'
 import Popup from '@/components/popup/index.vue'

admin/src/views/article/column/index.vue

@@ -66,6 +66,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, nextTick } from 'vue'
 import { articleCateDelete, articleCateLists, articleCateStatus } from '@/api/article'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'

admin/src/views/article/lists/index.vue

@@ -87,6 +87,7 @@
     </div>
 </template>
 <script lang="ts" setup name="articleLists">
+import { reactive, onActivated } from 'vue'
 import { articleLists, articleDelete, articleStatus, articleCateAll } from '@/api/article'
 import { useDictOptions } from '@/hooks/useDictOptions'
 import { usePaging } from '@/hooks/usePaging'

admin/src/views/article_collect/edit.vue

@@ -29,6 +29,7 @@ import {
 } from '@/api/article_collect'
 import Popup from '@/components/popup/index.vue'
 import feedback from '@/utils/feedback'
+import { computed, reactive, ref, shallowRef } from 'vue'
 import type { PropType } from 'vue'
 defineProps({
     dictData: {

admin/src/views/article_collect/index.vue

@@ -61,6 +61,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { shallowRef, ref, reactive, nextTick } from 'vue'
 import { article_collect_delete, article_collect_lists } from '@/api/article_collect'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'

admin/src/views/consumer/lists/index.vue

@@ -54,6 +54,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { reactive, onActivated } from 'vue'
 import { usePaging } from '@/hooks/usePaging'
 
 import { getUserList } from '@/api/consumer'

admin/src/views/dev_tools/code/index.vue

@@ -144,6 +144,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, reactive, onActivated } from 'vue'
 import {
     generateTable,
     syncColumn,

admin/src/views/dev_tools/components/code-preview.vue

@@ -62,6 +62,7 @@
 </template>
 
 <script lang="ts" setup>
+import { onMounted, ref, computed } from 'vue'
 import feedback from '@/utils/feedback'
 import useClipboard from 'vue-clipboard3'
 

admin/src/views/dev_tools/components/data-table.vue

@@ -44,6 +44,7 @@
 </template>
 
 <script lang="ts" setup>
+import { shallowRef, reactive, watch, ref } from 'vue'
 import Popup from '@/components/popup/index.vue'
 import Pagination from '@/components/pagination/index.vue'
 import { usePaging } from '@/hooks/usePaging'

admin/src/views/flow/flow_apply/components/ViewForm.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref, reactive } from 'vue'
 import 'vform3-builds/dist/designer.style.css' //引入VForm3样式
 
 import { flow_history_list_all } from '@/api/flow/flow_history'

admin/src/views/flow/flow_apply/components/apply_submit.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import feedback from '@/utils/feedback'
 import {
     flow_history_next_node,

admin/src/views/flow/flow_apply/finish.vue

@@ -101,6 +101,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { shallowRef, reactive } from 'vue'
 import {
     flow_apply_delete,
     flow_apply_lists,

admin/src/views/flow/flow_apply/index.vue

@@ -136,6 +136,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, reactive, shallowRef, nextTick } from 'vue'
 import {
     flow_apply_delete,
     flow_apply_lists,

admin/src/views/flow/flow_history/components/apply_submit.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, reactive, computed } from 'vue'
 import feedback from '@/utils/feedback'
 import {
     flow_history_next_node,

admin/src/views/flow/flow_history/done.vue

@@ -64,13 +64,11 @@
             </div>
         </el-card>
 
-        <!-- <Approve ref="ApproveRef"></Approve> -->
-
         <ViewForm ref="viewFormRef"></ViewForm>
-        <!-- <ApplySubmit ref="ApplySubmitRef" title="审批" @close="getLists"></ApplySubmit> -->
     </div>
 </template>
 <script lang="ts" setup>
+import { shallowRef, reactive } from 'vue'
 import { flow_apply_detail } from '@/api/flow/flow_apply'
 import { flow_history_list } from '@/api/flow/flow_history'
 import type { type_flow_apply } from '@/api/flow/flow_apply'

admin/src/views/flow/flow_history/todo.vue

@@ -69,6 +69,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { shallowRef, reactive, defineOptions } from 'vue'
 import { flow_apply_detail } from '@/api/flow/flow_apply'
 import { flow_history_list, flow_history_edit } from '@/api/flow/flow_history'
 import type { type_flow_history } from '@/api/flow/flow_history'

admin/src/views/flow/flow_template/edit.vue

@@ -48,6 +48,7 @@ import {
 } from '@/api/flow/flow_template'
 import Popup from '@/components/popup/index.vue'
 import feedback from '@/utils/feedback'
+import { computed, ref, reactive, shallowRef } from 'vue'
 import type { PropType } from 'vue'
 defineProps({
     dictData: {

admin/src/views/flow/flow_template/index.vue

@@ -87,6 +87,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, reactive } from 'vue'
 import {
     flow_template_delete,
     flow_template_lists,
@@ -185,8 +186,6 @@ function save(info) {
 }
 const approverRef = shallowRef<InstanceType<typeof EditPopup>>()
 const handleConfig = async (data: any) => {
-    console.log('toRaw(data)', toRaw(data))
-
     approverRef.value?.open({
         id: data.id,
         basicSetting: {

admin/src/views/material/index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="material-index">
         <el-card class="!border-none" shadow="never">
-            <el-tabs v-model="activeTab" tab-position="bottom">
+            <el-tabs v-model="activeTab">
                 <el-tab-pane
                     v-for="item in tabsMap"
                     :label="item.name"
@@ -24,6 +24,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref } from 'vue'
 import material from '@/components/material/index.vue'
 defineOptions({
     name: 'materialCenter'
@@ -46,18 +47,18 @@ const activeTab = ref('image')
     min-width: 700px;
     :deep(.el-tabs) {
         height: calc(100vh - 180px);
-        display: flex;
-        flex-direction: column;
+        // display: flex;
+        // flex-direction: column;
         // .el-tabs__header {
         //     margin-bottom: 0 !important;
         // }
-        // .el-tabs__content,
-        // .el-tab-pane {
-        //     min-height: 0;
-        //     flex: 1;
-        //     display: flex;
-        //     flex-direction: column;
-        // }
+        .el-tabs__content,
+        .el-tab-pane {
+            min-height: 0;
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+        }
     }
 }
 </style>

admin/src/views/message/notice/index.vue

@@ -32,6 +32,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, reactive, onActivated } from 'vue'
 import { noticeLists } from '@/api/message'
 
 defineOptions({

admin/src/views/message/short_letter/edit.vue

@@ -40,6 +40,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { reactive, shallowRef } from 'vue'
 import { setSmsConfig, smsDetail } from '@/api/message'
 import type { FormInstance } from 'element-plus'
 import Popup from '@/components/popup/index.vue'

admin/src/views/message/short_letter/index.vue

@@ -22,6 +22,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { reactive, shallowRef } from 'vue'
 import { smsLists } from '@/api/message'
 import EditPopup from './edit.vue'
 defineOptions({

admin/src/views/monitor/client/edit.vue

@@ -54,6 +54,7 @@ import {
 } from '@/api/monitor/client'
 import Popup from '@/components/popup/index.vue'
 import feedback from '@/utils/feedback'
+import { computed, ref, reactive, shallowRef } from 'vue'
 import type { PropType } from 'vue'
 defineProps({
     dictData: {

admin/src/views/monitor/client/index.vue

@@ -155,6 +155,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, reactive, nextTick } from 'vue'
 import {
     monitor_client_delete,
     monitor_client_delete_batch,

admin/src/views/monitor/error/details.vue

@@ -101,6 +101,7 @@ import type { type_monitor_client } from '@/api/monitor/client'
 
 import Popup from '@/components/popup/index.vue'
 import feedback from '@/utils/feedback'
+import { computed, ref, reactive, shallowRef } from 'vue'
 import type { PropType } from 'vue'
 defineProps({
     dictData: {

admin/src/views/monitor/error/edit.vue

@@ -70,6 +70,7 @@ import type { FormInstance } from 'element-plus'
 import { monitor_error_add, monitor_error_detail } from '@/api/monitor/error'
 import Popup from '@/components/popup/index.vue'
 import feedback from '@/utils/feedback'
+import { computed, ref, reactive, shallowRef } from 'vue'
 import type { PropType } from 'vue'
 defineProps({
     dictData: {

admin/src/views/monitor/error/index.vue

@@ -150,6 +150,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, reactive, shallowRef, nextTick } from 'vue'
 import {
     monitor_error_delete,
     monitor_error_delete_batch,

admin/src/views/monitor/project/edit.vue

@@ -61,6 +61,7 @@ import {
 } from '@/api/monitor/project'
 import Popup from '@/components/popup/index.vue'
 import feedback from '@/utils/feedback'
+import { computed, ref, reactive, shallowRef } from 'vue'
 import type { PropType } from 'vue'
 defineProps({
     dictData: {

admin/src/views/monitor/project/index.vue

@@ -159,6 +159,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, reactive, nextTick } from 'vue'
 import {
     monitor_project_delete,
     monitor_project_delete_batch,

admin/src/views/setting/dict/data/edit.vue

@@ -63,6 +63,7 @@ import type { FormInstance } from 'element-plus'
 import Popup from '@/components/popup/index.vue'
 import { dictDataAdd, dictDataEdit } from '@/api/setting/dict'
 import feedback from '@/utils/feedback'
+import { computed, ref, reactive, shallowRef } from 'vue'
 
 const emit = defineEmits(['success', 'close'])
 const formRef = shallowRef<FormInstance>()

admin/src/views/setting/dict/data/index.vue

@@ -84,6 +84,8 @@
 </template>
 
 <script lang="ts" setup>
+import { computed, ref, shallowRef, nextTick } from 'vue'
+
 import Popup from '@/components/popup/index.vue'
 import { dictDataDelete, dictDataAll } from '@/api/setting/dict'
 // import { useDictOptions } from '@/hooks/useDictOptions'

admin/src/views/setting/dict/type/edit.vue

@@ -42,6 +42,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, computed, reactive, shallowRef } from 'vue'
 import type { FormInstance } from 'element-plus'
 import Popup from '@/components/popup/index.vue'
 import { dictTypeAdd, dictTypeEdit } from '@/api/setting/dict'

admin/src/views/setting/dict/type/index.vue

@@ -110,6 +110,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, shallowRef, reactive, nextTick } from 'vue'
 import { dictTypeDelete, dictTypeLists } from '@/api/setting/dict'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'

admin/src/views/setting/organization/department/edit.vue

@@ -68,6 +68,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, computed, shallowRef, reactive } from 'vue'
 import type { FormInstance } from 'element-plus'
 import { deptLists, deptEdit, deptAdd, deptDetail } from '@/api/org/department'
 import { adminListByDeptId } from '@/api/perms/admin'

admin/src/views/setting/organization/department/index.vue

@@ -89,6 +89,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, reactive, nextTick, onMounted } from 'vue'
 import type { ElTable } from 'element-plus'
 import EditPopup from './edit.vue'
 import { deptDelete, deptAll } from '@/api/org/department'

admin/src/views/setting/organization/post/edit.vue

@@ -44,6 +44,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, computed, reactive, shallowRef } from 'vue'
 import type { FormInstance } from 'element-plus'
 import { postEdit, postAdd, postDetail } from '@/api/org/post'
 import Popup from '@/components/popup/index.vue'

admin/src/views/setting/organization/post/index.vue

@@ -77,6 +77,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, reactive, nextTick } from 'vue'
 import { postDelete, postLists } from '@/api/org/post'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'

admin/src/views/setting/permission/admin/edit.vue

@@ -108,6 +108,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, computed, reactive, shallowRef } from 'vue'
 import type { FormInstance } from 'element-plus'
 import Popup from '@/components/popup/index.vue'
 import { adminAdd, adminEdit, adminDetail } from '@/api/perms/admin'

admin/src/views/setting/permission/admin/index.vue

@@ -115,6 +115,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, shallowRef, reactive, nextTick, onMounted } from 'vue'
 import {
     adminLists,
     adminDelete,

admin/src/views/setting/permission/menu/edit.vue

@@ -193,6 +193,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, computed, shallowRef, reactive } from 'vue'
 import type { FormInstance } from 'element-plus'
 import { menuLists, menuEdit, menuAdd, menuDetail } from '@/api/perms/menu'
 import { getApiList } from '@/api/setting/website'

admin/src/views/setting/permission/menu/index.vue

@@ -98,6 +98,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, nextTick } from 'vue'
 import { menuDelete, menuLists } from '@/api/perms/menu'
 import { arrayToTree } from '@/utils/util'
 import type { ElTable } from 'element-plus'

admin/src/views/setting/permission/role/auth.vue

@@ -43,6 +43,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, nextTick, reactive } from 'vue'
 import type { CheckboxValueType, ElTree, FormInstance } from 'element-plus'
 import { roleDetail, roleEdit } from '@/api/perms/role'
 import { menuLists } from '@/api/perms/menu'

admin/src/views/setting/permission/role/edit.vue

@@ -47,6 +47,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, computed, shallowRef, reactive } from 'vue'
 import type { FormInstance } from 'element-plus'
 import { roleAdd, roleDetail, roleEdit } from '@/api/perms/role'
 import Popup from '@/components/popup/index.vue'

admin/src/views/setting/permission/role/index.vue

@@ -72,6 +72,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, shallowRef, nextTick } from 'vue'
 import { roleLists, roleDelete } from '@/api/perms/role'
 import { usePaging } from '@/hooks/usePaging'
 import feedback from '@/utils/feedback'

admin/src/views/setting/system/cache.vue

@@ -140,7 +140,7 @@
 import { systemCache } from '@/api/setting/system'
 import '@/utils/echart'
 import vCharts from 'vue-echarts'
-import { reactive } from 'vue'
+import { reactive, ref } from 'vue'
 // import { ElTable } from 'element-plus'
 defineOptions({
     name: 'cache'

admin/src/views/setting/system/environment.vue

@@ -114,6 +114,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, onBeforeUnmount } from 'vue'
 import { systemInfo } from '@/api/setting/system'
 defineOptions({
     name: 'environment'

admin/src/views/setting/system/journal.vue

@@ -85,6 +85,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
 import { systemLogLists } from '@/api/setting/system'
 import { usePaging } from '@/hooks/usePaging'
 defineOptions({

admin/src/views/setting/user/login_register.vue

@@ -99,6 +99,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, reactive } from 'vue'
 import type { LoginSetup } from '@/api/setting/user'
 import { getLogin, setLogin } from '@/api/setting/user'
 import feedback from '@/utils/feedback'

admin/src/views/setting/user/setup.vue

@@ -26,6 +26,7 @@
 </template>
 
 <script lang="ts" setup>
+import { reactive } from 'vue'
 import { getUserSetup, setUserSetup } from '@/api/setting/user'
 import feedback from '@/utils/feedback'
 // import type { FormInstance } from 'element-plus'

admin/src/views/setting/website/filing.vue

@@ -51,6 +51,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref } from 'vue'
 import { getCopyright, setCopyright } from '@/api/setting/website'
 import feedback from '@/utils/feedback'
 defineOptions({

admin/src/views/setting/website/information.vue

@@ -60,6 +60,7 @@
 </template>
 
 <script lang="ts" setup>
+import { ref, reactive } from 'vue'
 import { getWebsite, setWebsite } from '@/api/setting/website'
 import useAppStore from '@/stores/modules/app'
 import feedback from '@/utils/feedback'

admin/src/views/setting/website/protocol.vue

@@ -31,6 +31,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
 import { getProtocol, setProtocol } from '@/api/setting/website'
 import feedback from '@/utils/feedback'
 defineOptions({

admin/src/views/user/protocol/edit.vue

@@ -24,6 +24,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, computed, shallowRef, reactive } from 'vue'
 import type { FormInstance } from 'element-plus'
 import { user_protocol_edit, user_protocol_add, user_protocol_detail } from '@/api/user/protocol'
 import Popup from '@/components/popup/index.vue'

admin/src/views/user/protocol/index.vue

@@ -119,6 +119,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref, shallowRef, reactive, nextTick } from 'vue'
 import {
     user_protocol_delete,
     user_protocol_delete_batch,

admin/src/views/user/setting.vue

@@ -78,6 +78,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref, reactive } from 'vue'
 import { setUserInfo } from '@/api/user'
 import useUserStore from '@/stores/modules/user'
 import feedback from '@/utils/feedback'

admin/src/views/workbench/index.vue

@@ -92,6 +92,7 @@
 </template>
 
 <script lang="ts" setup>
+import { reactive } from 'vue'
 import { getWorkbench } from '@/api/app'
 import '@/utils/echart'
 import vCharts from 'vue-echarts'

admin/vite.config.ts

@@ -4,7 +4,7 @@ import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 // import AutoImport from 'unplugin-auto-import/vite'
-// import Components from 'unplugin-vue-components/vite'
+import Components from 'unplugin-vue-components/vite'
 
 // import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 // import { createStyleImportPlugin, ElementPlusResolve } from 'vite-plugin-style-import'
@@ -49,10 +49,10 @@ export default ({ mode }) => {
             //         enabled: true
             //     }
             // }),
-            // Components({
-            //     directoryAsNamespace: true
-            //     // resolvers: [ElementPlusResolver()]
-            // }),
+            Components({
+                directoryAsNamespace: true
+                // resolvers: [ElementPlusResolver()]
+            }),
             // createStyleImportPlugin({
             //     resolves: [ElementPlusResolve()]
             // }),

server/admin/generator/tpl_utils/templates/vue/edit.vue.tpl

@@ -166,6 +166,7 @@ import type { FormInstance } from 'element-plus'
 import { {{{ if and .Table.TreePrimary .Table.TreeParent }}}{{{ .ModuleName }}}_lists,{{{ end }}} {{{ .ModuleName }}}_edit, {{{ .ModuleName }}}_add, {{{ .ModuleName }}}_detail } from '@/api/{{{nameToPath .ModuleName }}}'
 import Popup from '@/components/popup/index.vue'
 import feedback from '@/utils/feedback'
+import { ref, shallowRef, computed, reactive } from 'vue'
 import type { PropType } from 'vue'
 defineProps({
     dictData: {

server/admin/generator/tpl_utils/templates/vue/index-tree.vue.tpl

@@ -148,6 +148,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref,shallowRef,reactive,onMounted,watch } from 'vue'
 import { {{{ .ModuleName }}}_delete, {{{ .ModuleName }}}_list } from '@/api/{{{nameToPath .ModuleName }}}'
 import type { type_{{{ .ModuleName }}},type_{{{.ModuleName}}}_query	} from "@/api/{{{nameToPath .ModuleName }}}";
 

server/admin/generator/tpl_utils/templates/vue/index.vue.tpl

@@ -173,6 +173,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { ref,reactive,shallowRef } from 'vue'
 import { {{{ .ModuleName }}}_delete,{{{ .ModuleName }}}_delete_batch, {{{ .ModuleName }}}_list,{{{.ModuleName}}}_import_file, {{{.ModuleName}}}_export_file } from '@/api/{{{nameToPath .ModuleName }}}'
 import type { type_{{{ .ModuleName }}},type_{{{.ModuleName}}}_query	} from "@/api/{{{nameToPath .ModuleName }}}";