befly-admin-ui 1.39.0 → 1.40.0

package/components/pageDialog.vue

@@ -1,24 +1,10 @@
 <template>
-    <TDialog
-        v-model:visible="$Data.innerVisible"
-        :header="$Prop.title === '' ? true : $Prop.title"
-        :width="$Prop.width"
-        dialog-class-name="page-dialog"
-        placement="center"
-        attach="body"
-        :close-btn="false"
-        :footer="true"
-        :confirm-loading="$Prop.confirmLoading"
-        :close-on-overlay-click="false"
-        :close-on-esc-keydown="false"
-        @close="$Method.onDialogClose"
-        @confirm="$Method.onDialogConfirm"
-        @cancel="$Method.onDialogCancel"
-    >
-        <template #footer>
+    <TDialog v-model:visible="$Data.innerVisible" :header="$Prop.title" :width="$Prop.width" :dialog-class-name="dialogClassName" placement="center" attach="body" :footer="$Prop.isConfirm" :close-on-overlay-click="false" :close-on-esc-keydown="false" @close="$Method.onClose">
+        <template v-if="$Prop.isConfirm" #footer>
             <div class="dialog-footer">
-                <TButton variant="outline" @click="$Method.onFooterClose">关闭</TButton>
-                <TButton v-if="$Prop.isConfirm" theme="primary" :loading="$Prop.confirmLoading" @click="$Method.onFooterConfirm">确定</TButton>
+                <TPopconfirm content="确认提交吗？" @confirm="$Method.onConfirm">
+                    <TButton theme="primary" :loading="$Prop.confirmLoading">确定</TButton>
+                </TPopconfirm>
             </div>
         </template>
         <div class="dialog-wrapper">
@@ -28,21 +14,21 @@
 </template>
 
 <script setup>
-import { onBeforeUnmount, onMounted, reactive, watch } from "vue";
+import { Popconfirm as TPopconfirm } from "tdesign-vue-next";
+import { computed, onBeforeUnmount, onMounted, reactive, watch } from "vue";
 
 defineOptions({
     inheritAttrs: false
 });
 
 const $Const = {
-    openDelay: 100,
     closeDelay: 300
 };
 
 const $Prop = defineProps({
     modelValue: {
         type: Boolean,
-        default: undefined
+        default: false
     },
     title: {
         type: String,
@@ -50,7 +36,7 @@ const $Prop = defineProps({
     },
     width: {
         type: String,
-        default: "600px"
+        default: "800px"
     },
     dialogClassName: {
         type: String,
@@ -66,11 +52,10 @@ const $Prop = defineProps({
     }
 });
 
-const $Emit = defineEmits(["update:modelValue", "close", "confirm", "cancel"]);
+const $Emit = defineEmits(["update:modelValue", "close", "confirm"]);
 
 const $From = {
-    openDelayTimer: null,
-    closeDelayTimer: null
+    closeTimer: null
 };
 
 const $Data = reactive({
@@ -78,25 +63,12 @@ const $Data = reactive({
 });
 
 const $Method = {
-    clearTimer: function (timer) {
-        if (timer) {
-            clearTimeout(timer);
-        }
-        return null;
-    },
     open: function () {
         $Emit("update:modelValue", true);
     },
     close: function () {
-        $From.openDelayTimer = $Method.clearTimer($From.openDelayTimer);
-        $From.closeDelayTimer = $Method.clearTimer($From.closeDelayTimer);
-
+        clearTimeout($From.closeTimer);
         $Data.innerVisible = false;
-        // 延迟通知上层关闭：配合 v-if，保证离场动画播完再卸载
-        $From.closeDelayTimer = setTimeout(() => {
-            $Emit("update:modelValue", false);
-            $From.closeDelayTimer = null;
-        }, $Const.closeDelay);
     },
     toggle: function () {
         if ($Data.innerVisible) {
@@ -105,6 +77,9 @@ const $Method = {
         }
         $Method.open();
     },
+    getVisible: function () {
+        return $Data.innerVisible;
+    },
     createEventContext: function (trigger) {
         return {
             trigger: trigger,
@@ -112,83 +87,57 @@ const $Method = {
             open: $Method.open,
             close: $Method.close,
             toggle: $Method.toggle,
-            getVisible: () => $Data.innerVisible
+            getVisible: $Method.getVisible
         };
     },
-    applyModelValue: function (value) {
-        if (value) {
-            // 关键点：先渲染为 false，再延迟 true，保证 v-if + 初次 visible=true 时也能触发进入动画
-            $From.openDelayTimer = $Method.clearTimer($From.openDelayTimer);
-            $Data.innerVisible = false;
-            $From.openDelayTimer = setTimeout(() => {
-                $Data.innerVisible = true;
-                $From.openDelayTimer = null;
-            }, $Const.openDelay);
-            return;
-        }
-
-        $From.openDelayTimer = $Method.clearTimer($From.openDelayTimer);
-        $Data.innerVisible = false;
-    },
-    closeByTrigger: function (trigger) {
-        // 固定交互：confirm 不自动关闭（等待异步提交成功后由调用侧 context.close() 决定关闭）
-        if (trigger === "confirm") {
-            return;
-        }
-        // cancel/close 自动关闭
+    onClose: function () {
+        $Emit("close", $Method.createEventContext("close"));
         $Method.close();
     },
-    onDialogClose: function () {
-        const context = $Method.createEventContext("close");
-        $Method.closeByTrigger("close");
-        $Emit("close", context);
-    },
-    onDialogConfirm: function () {
-        const context = $Method.createEventContext("confirm");
-        $Emit("confirm", context);
-        $Method.closeByTrigger("confirm");
-    },
-    onDialogCancel: function () {
-        const context = $Method.createEventContext("cancel");
-        $Emit("cancel", context);
-        $Method.closeByTrigger("cancel");
-    },
-    onFooterConfirm: function () {
-        const context = $Method.createEventContext("confirm");
-        $Emit("confirm", context);
-        $Method.closeByTrigger("confirm");
-    },
-    onFooterClose: function () {
-        const context = $Method.createEventContext("cancel");
-        $Emit("cancel", context);
-        $Method.closeByTrigger("cancel");
-    },
-    getVisible: function () {
-        return $Data.innerVisible;
+    onConfirm: function () {
+        $Emit("confirm", $Method.createEventContext("confirm"));
+        // confirm 不自动关闭，由调用侧通过 context.close() 决定关闭时机
     }
 };
 
+const dialogClassName = computed(() => ["page-dialog", $Prop.dialogClassName].filter(Boolean).join(" "));
+
 onMounted(() => {
     if ($Prop.modelValue === true) {
-        $Method.applyModelValue(true);
+        $Data.innerVisible = true;
     }
 });
 
 onBeforeUnmount(() => {
-    $From.openDelayTimer = $Method.clearTimer($From.openDelayTimer);
-    $From.closeDelayTimer = $Method.clearTimer($From.closeDelayTimer);
+    clearTimeout($From.closeTimer);
 });
 
 watch(
     () => $Prop.modelValue,
     (value) => {
-        if (value !== true && value !== false) {
+        if (value === true) {
+            $Data.innerVisible = true;
+        } else if (value === false) {
+            $Data.innerVisible = false;
+        }
+    }
+);
+
+watch(
+    () => $Data.innerVisible,
+    (value) => {
+        if (value === true) {
+            clearTimeout($From.closeTimer);
             return;
         }
 
-        $Method.applyModelValue(value);
-    },
-    { immediate: false }
+        if ($Prop.modelValue === true) {
+            $From.closeTimer = setTimeout(() => {
+                $Emit("update:modelValue", false);
+                $From.closeTimer = null;
+            }, $Const.closeDelay);
+        }
+    }
 );
 
 defineExpose({

package/layouts/default.vue

@@ -81,8 +81,7 @@
                         }
                     "
                     :model="$Data.passwordForm"
-                    label-width="100px"
-                    label-position="left"
+                    label-align="top"
                     :rules="$Const.passwordFormRules"
                 >
                     <TFormItem label="新密码" prop="password">

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "befly-admin-ui",
-    "version": "1.39.0",
+    "version": "1.40.0",
     "gitHead": "071d17be177355cdd61f30659c6e4c5873f87d39",
     "private": false,
     "description": "Befly - 管理后台功能组件",

package/views/config/dict/components/edit.vue

@@ -1,39 +1,51 @@
-<template>
+<template>
     <PageDialog v-model="$Computed.visible" :title="$Computed.dialogTitle" @confirm="$Method.handleSubmit">
         <TForm
             :data="$Data.formData"
             :rules="$Const.formRules"
-            label-width="100px"
+            label-align="top"
             :ref="
                 (value) => {
                     $From.formRef = value;
                 }
             "
         >
-            <TFormItem label="字典类型" name="typeCode">
-                <TSelect v-model="$Data.formData.typeCode" placeholder="请选择字典类型" filterable>
-                    <TOption v-for="item in typeList" :key="item.code" :value="item.code" :label="item.name" />
-                </TSelect>
-            </TFormItem>
-            <TFormItem label="键值" name="key">
-                <TInput v-model="$Data.formData.key" placeholder="请输入键名（英文/数字/下划线）" />
-            </TFormItem>
-            <TFormItem label="标签" name="label">
-                <TInput v-model="$Data.formData.label" placeholder="请输入标签（显示名称）" />
-            </TFormItem>
-            <TFormItem label="排序" name="sort">
-                <TInputNumber v-model="$Data.formData.sort" :min="0" placeholder="请输入排序值" />
-            </TFormItem>
-            <TFormItem label="备注" name="remark">
-                <TTextarea v-model="$Data.formData.remark" placeholder="请输入备注信息" :autosize="{ minRows: 3, maxRows: 6 }" />
-            </TFormItem>
+            <t-row :gutter="[16, 16]">
+                <t-col :span="6">
+                    <TFormItem label="字典类型" name="typeCode">
+                        <TSelect v-model="$Data.formData.typeCode" placeholder="请选择字典类型" filterable>
+                            <TOption v-for="item in typeList" :key="item.code" :value="item.code" :label="item.name" />
+                        </TSelect>
+                    </TFormItem>
+                </t-col>
+                <t-col :span="6">
+                    <TFormItem label="键值" name="key">
+                        <TInput v-model="$Data.formData.key" placeholder="请输入键名（英文/数字/下划线）" />
+                    </TFormItem>
+                </t-col>
+                <t-col :span="6">
+                    <TFormItem label="标签" name="label">
+                        <TInput v-model="$Data.formData.label" placeholder="请输入标签（显示名称）" />
+                    </TFormItem>
+                </t-col>
+                <t-col :span="6">
+                    <TFormItem label="排序" name="sort">
+                        <TInputNumber v-model="$Data.formData.sort" :min="0" placeholder="请输入排序值" />
+                    </TFormItem>
+                </t-col>
+                <t-col :span="12">
+                    <TFormItem label="备注" name="remark">
+                        <TTextarea v-model="$Data.formData.remark" placeholder="请输入备注信息" :autosize="{ minRows: 3, maxRows: 6 }" />
+                    </TFormItem>
+                </t-col>
+            </t-row>
         </TForm>
     </PageDialog>
 </template>
 
 <script setup>
 import PageDialog from "befly-admin-ui/components/pageDialog.vue";
-import { MessagePlugin } from "tdesign-vue-next";
+import { Col as TCol, MessagePlugin, Row as TRow } from "tdesign-vue-next";
 import { computed, reactive } from "vue";
 
 import { $Http } from "@/plugins/http.js";

package/views/config/dictType/components/edit.vue

@@ -3,32 +3,42 @@
         <TForm
             :data="$Data.formData"
             :rules="$Const.formRules"
-            label-width="100px"
+            label-align="top"
             :ref="
                 (value) => {
                     $From.formRef = value;
                 }
             "
         >
-            <TFormItem label="类型代码" name="code">
-                <TInput v-model="$Data.formData.code" placeholder="请输入类型代码（英文/数字/下划线）" :disabled="actionType === 'upd'" />
-            </TFormItem>
-            <TFormItem label="类型名称" name="name">
-                <TInput v-model="$Data.formData.name" placeholder="请输入类型名称" />
-            </TFormItem>
-            <TFormItem label="描述" name="description">
-                <TTextarea v-model="$Data.formData.description" placeholder="请输入描述信息" :autosize="{ minRows: 3, maxRows: 6 }" />
-            </TFormItem>
-            <TFormItem label="排序" name="sort">
-                <TInputNumber v-model="$Data.formData.sort" :min="0" placeholder="请输入排序值" />
-            </TFormItem>
+            <t-row :gutter="[16, 16]">
+                <t-col :span="6">
+                    <TFormItem label="类型代码" name="code">
+                        <TInput v-model="$Data.formData.code" placeholder="请输入类型代码（英文/数字/下划线）" :disabled="actionType === 'upd'" />
+                    </TFormItem>
+                </t-col>
+                <t-col :span="6">
+                    <TFormItem label="类型名称" name="name">
+                        <TInput v-model="$Data.formData.name" placeholder="请输入类型名称" />
+                    </TFormItem>
+                </t-col>
+                <t-col :span="8">
+                    <TFormItem label="描述" name="description">
+                        <TInput v-model="$Data.formData.description" placeholder="请输入描述信息" />
+                    </TFormItem>
+                </t-col>
+                <t-col :span="4">
+                    <TFormItem label="排序" name="sort">
+                        <TInputNumber v-model="$Data.formData.sort" :min="0" placeholder="请输入排序值" />
+                    </TFormItem>
+                </t-col>
+            </t-row>
         </TForm>
     </PageDialog>
 </template>
 
 <script setup>
 import PageDialog from "befly-admin-ui/components/pageDialog.vue";
-import { MessagePlugin } from "tdesign-vue-next";
+import { Col as TCol, MessagePlugin, Row as TRow } from "tdesign-vue-next";
 import { computed, reactive } from "vue";
 
 import { $Http } from "@/plugins/http.js";

package/views/people/admin/components/edit.vue

@@ -1,24 +1,40 @@
-<template>
+<template>
     <PageDialog v-model="$Computed.dialogVisible" :title="$Computed.dialogTitle" :confirm-loading="$Data.submitting" @confirm="$Method.onSubmit">
         <div class="dialog-wrapper">
-            <TForm :model="$Data.formData" label-width="80px" label-position="left" label-align="left" :rules="$Const.formRules" :ref="(el) => ($From.formRef = el)">
-                <TFormItem label="角色" prop="roleCode">
-                    <TSelect v-model="$Data.formData.roleCode" :options="$Type.roleOptions" placeholder="请选择角色" />
-                </TFormItem>
-                <TFormItem label="用户名" prop="username">
-                    <TInput v-model="$Data.formData.username" placeholder="请输入用户名" :disabled="$Computed.isUpdate" />
-                </TFormItem>
-                <TFormItem v-if="$Computed.isAdd" label="密码" prop="password">
-                    <TInput v-model="$Data.formData.password" type="password" placeholder="请输入密码，至少6位" />
-                </TFormItem>
-                <TFormItem label="昵称" prop="nickname">
-                    <TInput v-model="$Data.formData.nickname" placeholder="请输入昵称" />
-                </TFormItem>
-                <TFormItem v-if="$Computed.isUpdate" label="状态" prop="state">
-                    <TRadioGroup v-model="$Data.formData.state">
-                        <TRadio v-for="item in $Type.stateOptions" :key="item.value" :value="item.value">{{ item.label }}</TRadio>
-                    </TRadioGroup>
-                </TFormItem>
+            <TForm :model="$Data.formData" label-align="top" width="600px" :rules="$Const.formRules" :ref="(el) => ($From.formRef = el)">
+                <t-row :gutter="[16, 16]">
+                    <t-col :span="6">
+                        <TFormItem label="角色" prop="roleCode">
+                            <TSelect v-model="$Data.formData.roleCode" :options="$Type.roleOptions" placeholder="请选择角色" />
+                        </TFormItem>
+                    </t-col>
+                    <t-col :span="6">
+                        <TFormItem label="用户名" prop="username">
+                            <TInput v-model="$Data.formData.username" placeholder="请输入用户名" :disabled="$Computed.isUpdate" />
+                        </TFormItem>
+                    </t-col>
+                </t-row>
+                <t-row :gutter="[16, 16]">
+                    <t-col v-if="$Computed.isAdd" :span="6">
+                        <TFormItem label="密码" prop="password">
+                            <TInput v-model="$Data.formData.password" type="password" placeholder="请输入密码，至少6位" />
+                        </TFormItem>
+                    </t-col>
+                    <t-col :span="6">
+                        <TFormItem label="昵称" prop="nickname">
+                            <TInput v-model="$Data.formData.nickname" placeholder="请输入昵称" />
+                        </TFormItem>
+                    </t-col>
+                </t-row>
+                <t-row v-if="$Computed.isUpdate" :gutter="[16, 16]">
+                    <t-col :span="12">
+                        <TFormItem label="状态" prop="state">
+                            <TRadioGroup v-model="$Data.formData.state">
+                                <TRadio v-for="item in $Type.stateOptions" :key="item.value" :value="item.value">{{ item.label }}</TRadio>
+                            </TRadioGroup>
+                        </TFormItem>
+                    </t-col>
+                </t-row>
             </TForm>
         </div>
     </PageDialog>
@@ -28,10 +44,7 @@
 import PageDialog from "befly-admin-ui/components/pageDialog.vue";
 import { fieldClear } from "befly-admin-ui/utils/fieldClear";
 import { hashPassword } from "befly-admin-ui/utils/hashPassword";
-import {
-    //
-    MessagePlugin
-} from "tdesign-vue-next";
+import { Col as TCol, MessagePlugin, Row as TRow } from "tdesign-vue-next";
 import { computed, reactive } from "vue";
 
 import { $Http } from "@/plugins/http.js";

package/views/permission/role/components/edit.vue

@@ -1,10 +1,9 @@
-<template>
+<template>
     <PageDialog v-model="$Computed.dialogVisible" :title="$Computed.dialogTitle" :confirm-loading="$Data.submitting" @confirm="$Method.onSubmit">
         <div class="comp-role-edit">
             <TForm
                 :model="$Data.formData"
-                label-width="120px"
-                label-position="left"
+                label-align="top"
                 :rules="$Const.formRules"
                 :ref="
                     (value) => {
@@ -12,24 +11,36 @@
                     }
                 "
             >
-                <TFormItem label="角色名称" prop="name">
-                    <TInput v-model="$Data.formData.name" placeholder="请输入角色名称" />
-                </TFormItem>
-                <TFormItem label="角色代码" prop="code">
-                    <TInput v-model="$Data.formData.code" placeholder="请输入角色代码，如：admin" />
-                </TFormItem>
-                <TFormItem label="角色描述" prop="description">
-                    <TInput v-model="$Data.formData.description" placeholder="请输入角色描述" />
-                </TFormItem>
-                <TFormItem label="排序" prop="sort">
-                    <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" />
-                </TFormItem>
-                <TFormItem label="状态" prop="state">
-                    <TRadioGroup v-model="$Data.formData.state">
-                        <TRadio :value="1">正常</TRadio>
-                        <TRadio :value="2">禁用</TRadio>
-                    </TRadioGroup>
-                </TFormItem>
+                <t-row :gutter="[16, 16]">
+                    <t-col :span="6">
+                        <TFormItem label="角色名称" prop="name">
+                            <TInput v-model="$Data.formData.name" placeholder="请输入角色名称" />
+                        </TFormItem>
+                    </t-col>
+                    <t-col :span="6">
+                        <TFormItem label="角色代码" prop="code">
+                            <TInput v-model="$Data.formData.code" placeholder="请输入角色代码，如：admin" />
+                        </TFormItem>
+                    </t-col>
+                    <t-col :span="6">
+                        <TFormItem label="角色描述" prop="description">
+                            <TInput v-model="$Data.formData.description" placeholder="请输入角色描述" />
+                        </TFormItem>
+                    </t-col>
+                    <t-col :span="3">
+                        <TFormItem label="排序" prop="sort">
+                            <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" />
+                        </TFormItem>
+                    </t-col>
+                    <t-col :span="3">
+                        <TFormItem label="状态" prop="state">
+                            <TRadioGroup v-model="$Data.formData.state">
+                                <TRadio :value="1">正常</TRadio>
+                                <TRadio :value="2">禁用</TRadio>
+                            </TRadioGroup>
+                        </TFormItem>
+                    </t-col>
+                </t-row>
             </TForm>
         </div>
     </PageDialog>
@@ -38,10 +49,7 @@
 <script setup>
 import PageDialog from "befly-admin-ui/components/pageDialog.vue";
 import { fieldClear } from "befly-admin-ui/utils/fieldClear";
-import {
-    //
-    MessagePlugin
-} from "tdesign-vue-next";
+import { Col as TCol, MessagePlugin, Row as TRow } from "tdesign-vue-next";
 import { computed, reactive, ref } from "vue";
 
 import { $Http } from "@/plugins/http.js";

package/views/config/system/components/edit.vue

@@ -1,180 +0,0 @@
-<template>
-    <PageDialog v-model="$Computed.dialogVisible" :title="$Computed.dialogTitle" :confirm-loading="$Data.submitting" @confirm="$Method.onSubmit">
-        <TForm
-            :model="$Data.formData"
-            label-width="120px"
-            label-position="left"
-            :rules="$Const.formRules"
-            :ref="
-                (value) => {
-                    $From.formRef = value;
-                }
-            "
-        >
-            <TFormItem label="配置名称" prop="name">
-                <TInput v-model="$Data.formData.name" placeholder="请输入配置名称" :disabled="$Data.isSystem" />
-            </TFormItem>
-            <TFormItem label="配置代码" prop="code">
-                <TInput v-model="$Data.formData.code" placeholder="请输入配置代码，如：site_name" :disabled="$Prop.actionType === 'upd'" />
-            </TFormItem>
-            <TFormItem label="配置值" prop="value">
-                <TTextarea v-if="$Data.formData.valueType === 'json' || $Data.formData.valueType === 'text'" v-model="$Data.formData.value" placeholder="请输入配置值" :autosize="{ minRows: 3, maxRows: 8 }" />
-                <TInput v-else v-model="$Data.formData.value" placeholder="请输入配置值" />
-            </TFormItem>
-            <TFormItem label="值类型" prop="valueType">
-                <TSelect v-model="$Data.formData.valueType" :disabled="$Data.isSystem">
-                    <TOption label="字符串" value="string" />
-                    <TOption label="数字" value="number" />
-                    <TOption label="布尔" value="boolean" />
-                    <TOption label="JSON" value="json" />
-                </TSelect>
-            </TFormItem>
-            <TFormItem label="配置分组" prop="group">
-                <TSelect v-model="$Data.formData.group" placeholder="请选择分组" clearable :disabled="$Data.isSystem">
-                    <TOption v-for="item in $Const.groupOptions" :key="item" :label="item" :value="item" />
-                </TSelect>
-            </TFormItem>
-            <TFormItem label="排序" prop="sort">
-                <TInputNumber v-model="$Data.formData.sort" :min="0" :max="9999" :disabled="$Data.isSystem" />
-            </TFormItem>
-            <TFormItem label="描述说明" prop="description">
-                <TTextarea v-model="$Data.formData.description" placeholder="请输入描述说明" :autosize="{ minRows: 2, maxRows: 4 }" :disabled="$Data.isSystem" />
-            </TFormItem>
-            <TFormItem v-if="$Prop.actionType === 'upd' && !$Data.isSystem" label="状态" prop="state">
-                <TRadioGroup v-model="$Data.formData.state">
-                    <TRadio :value="1">正常</TRadio>
-                    <TRadio :value="2">禁用</TRadio>
-                </TRadioGroup>
-            </TFormItem>
-        </TForm>
-    </PageDialog>
-</template>
-
-<script setup>
-import PageDialog from "befly-admin-ui/components/pageDialog.vue";
-import { MessagePlugin } from "tdesign-vue-next";
-import { computed, reactive } from "vue";
-
-import { $Http } from "@/plugins/http.js";
-
-const $Prop = defineProps({
-    modelValue: {
-        type: Boolean,
-        default: false
-    },
-    actionType: {
-        type: String,
-        default: "add"
-    },
-    rowData: {
-        type: Object,
-        default: () => ({})
-    }
-});
-
-const $Emit = defineEmits(["update:modelValue", "success"]);
-
-const $Const = {
-    createDefaultFormData: function () {
-        return {
-            id: 0,
-            name: "",
-            code: "",
-            value: "",
-            valueType: "string",
-            group: "",
-            sort: 0,
-            description: "",
-            state: 1
-        };
-    },
-    formRules: {
-        name: [{ required: true, message: "请输入配置名称", trigger: "blur" }],
-        code: [
-            { required: true, message: "请输入配置代码", trigger: "blur" },
-            { pattern: /^[a-zA-Z0-9_]+$/, message: "配置代码只能包含字母、数字和下划线", trigger: "blur" }
-        ],
-        value: [{ required: true, message: "请输入配置值", trigger: "blur" }],
-        valueType: [{ required: true, message: "请选择值类型", trigger: "change" }]
-    },
-    groupOptions: ["基础配置", "邮件配置", "存储配置", "安全配置", "其他"]
-};
-
-const $From = {
-    formRef: null
-};
-
-const $Data = reactive({
-    submitting: false,
-    isSystem: false,
-    formData: $Const.createDefaultFormData()
-});
-
-const $Computed = reactive({
-    dialogVisible: computed({
-        get: () => $Prop.modelValue,
-        set: (value) => {
-            $Emit("update:modelValue", value);
-        }
-    }),
-    dialogTitle: computed(() => ($Prop.actionType === "upd" ? "编辑配置" : "添加配置"))
-});
-
-const $Method = {
-    resetFormData: function () {
-        Object.assign($Data.formData, $Const.createDefaultFormData());
-        $Data.isSystem = false;
-    },
-    initData: function () {
-        $Method.onShow();
-    },
-    onShow: function () {
-        if ($Prop.actionType === "upd" && $Prop.rowData) {
-            const row = $Prop.rowData;
-            $Data.formData.id = row["id"] || 0;
-            $Data.formData.name = row["name"] || "";
-            $Data.formData.code = row["code"] || "";
-            $Data.formData.value = row["value"] || "";
-            $Data.formData.valueType = row["valueType"] || "string";
-            $Data.formData.group = row["group"] || "";
-            $Data.formData.sort = row["sort"] || 0;
-            $Data.formData.description = row["description"] || "";
-            $Data.formData.state = row["state"] || 1;
-            $Data.isSystem = row["isSystem"] === 1;
-            return;
-        }
-
-        $Method.resetFormData();
-    },
-    onSubmit: async function (context) {
-        const form = $From.formRef;
-        if (!form) {
-            MessagePlugin.warning("表单未就绪");
-            return;
-        }
-
-        const valid = await form.validate();
-        if (valid !== true) return;
-
-        $Data.submitting = true;
-        try {
-            const api = $Prop.actionType === "upd" ? "/core/sysConfig/update" : "/core/sysConfig/insert";
-            await $Http(api, $Data.formData);
-
-            MessagePlugin.success($Prop.actionType === "upd" ? "编辑成功" : "添加成功");
-            $Emit("success");
-            if (context && typeof context.close === "function") {
-                context.close();
-            }
-        } catch (error) {
-            MessagePlugin.error(error.msg || error.message || "操作失败");
-        } finally {
-            $Data.submitting = false;
-        }
-    }
-};
-
-$Method.initData();
-</script>
-
-<style scoped lang="scss"></style>

package/views/config/system/index.vue

@@ -1,173 +0,0 @@
-<template>
-    <PageTableDetail class="page-sys-config page-table" :columns="$Data.columns" :endpoints="$Data.endpoints" :table-slot-names="['isSystem', 'valueType', 'state']">
-        <template #toolLeft="scope">
-            <TButton theme="primary" @click="$Method.onAdd">
-                <template #icon>
-                    <AddIcon />
-                </template>
-                新增配置
-            </TButton>
-            <TSelect v-model="$Data.filter.group" placeholder="配置分组" clearable style="width: 150px" @change="$Method.handleFilter(scope.reload)">
-                <TOption v-for="item in $Data.groupOptions" :key="item" :label="item" :value="item" />
-            </TSelect>
-        </template>
-
-        <template #isSystem="{ row }">
-            <TTag v-if="row.isSystem === 1" shape="round" theme="warning" variant="light-outline">系统</TTag>
-            <TTag v-else shape="round" variant="light-outline">自定义</TTag>
-        </template>
-
-        <template #valueType="{ row }">
-            <TTag shape="round" variant="light-outline">{{ row.valueType }}</TTag>
-        </template>
-
-        <template #state="{ row }">
-            <TTag v-if="row.state === 1" shape="round" theme="success" variant="light-outline">正常</TTag>
-            <TTag v-else-if="row.state === 2" shape="round" theme="warning" variant="light-outline">禁用</TTag>
-        </template>
-
-        <template #operation="{ row, deleteRow }">
-            <TDropdown trigger="click" placement="bottom-right" @click="$Method.onDropdownAction($event, row, deleteRow)">
-                <TButton theme="primary" size="small">
-                    操作
-                    <template #suffix><ChevronDownIcon /></template>
-                </TButton>
-                <TDropdownMenu slot="dropdown">
-                    <TDropdownItem value="upd">
-                        <EditIcon />
-                        编辑
-                    </TDropdownItem>
-                    <TDropdownItem v-if="row.isSystem !== 1" value="del" :divider="true">
-                        <DeleteIcon style="width: 14px; height: 14px; margin-right: 6px" />
-                        删除
-                    </TDropdownItem>
-                </TDropdownMenu>
-            </TDropdown>
-        </template>
-
-        <template #detail="scope">
-            <DetailPanel :data="scope.row" :fields="$Data.columns">
-                <template #isSystem="slotScope">
-                    <TTag v-if="slotScope.value === 1" shape="round" theme="warning" variant="light-outline">系统配置</TTag>
-                    <TTag v-else shape="round" variant="light-outline">自定义配置</TTag>
-                </template>
-                <template #valueType="slotScope">
-                    <TTag shape="round" variant="light-outline">{{ slotScope.value }}</TTag>
-                </template>
-                <template #value="slotScope">
-                    <pre class="config-value">{{ slotScope.value }}</pre>
-                </template>
-            </DetailPanel>
-        </template>
-
-        <template #dialogs="scope">
-            <EditDialog v-if="$Data.editVisible" v-model="$Data.editVisible" :action-type="$Data.actionType" :row-data="$Data.rowData" @success="$Method.onDialogSuccess(scope.reload)" />
-        </template>
-    </PageTableDetail>
-</template>
-
-<script setup>
-import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
-import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
-import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
-import { reactive } from "vue";
-
-import EditDialog from "./components/edit.vue";
-
-// 响应式数据
-const $Data = reactive({
-    columns: withDefaultColumns([
-        { colKey: "name", title: "配置名称", fixed: "left", width: 150 },
-        { colKey: "code", title: "配置代码", ellipsis: true },
-        { colKey: "value", title: "配置值", ellipsis: true, width: 200 },
-        { colKey: "valueType", title: "值类型", width: 100 },
-        { colKey: "group", title: "分组", width: 100 },
-        { colKey: "sort", title: "排序", width: 80 },
-        { colKey: "isSystem", title: "类型", width: 80 },
-        { colKey: "state", title: "状态", width: 80 },
-        { colKey: "operation", title: "操作", width: 100 },
-        { colKey: "description", title: "描述说明", detail: true }
-    ]),
-    endpoints: {
-        list: {
-            path: "/core/sysConfig/select",
-            dropValues: [0],
-            dropKeyValue: {
-                group: [""]
-            },
-            buildData: () => {
-                return {
-                    group: $Data.filter.group
-                };
-            }
-        },
-        delete: {
-            path: "/core/sysConfig/delete",
-            idKey: "id",
-            confirm: (row) => {
-                return {
-                    header: "确认删除",
-                    body: `确认删除配置“${row.name}”吗？`,
-                    confirmBtn: "删除",
-                    status: "warning"
-                };
-            }
-        }
-    },
-    editVisible: false,
-    actionType: "add",
-    rowData: {},
-    filter: {
-        group: ""
-    },
-    groupOptions: ["基础配置", "邮件配置", "存储配置", "安全配置", "其他"]
-});
-
-const $Method = {
-    onAdd: function () {
-        $Method.onAction("add", {});
-    },
-    handleFilter: function (reload) {
-        reload({ keepSelection: false, resetPage: true });
-    },
-    onDialogSuccess: function (reload) {
-        reload({ keepSelection: true });
-    },
-    onAction: function (command, rowData) {
-        $Data.actionType = command;
-        if (command === "add") {
-            $Data.rowData = {};
-        } else {
-            $Data.rowData = Object.assign({}, rowData);
-        }
-
-        if (command === "add" || command === "upd") {
-            $Data.editVisible = true;
-        }
-    },
-    onDropdownAction: function (data, rowData, deleteRow) {
-        const record = data;
-        const rawValue = record && record["value"] ? record["value"] : "";
-        const cmd = rawValue ? String(rawValue) : "";
-        if (cmd === "del") {
-            deleteRow(rowData);
-            return;
-        }
-        $Method.onAction(cmd, rowData);
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.config-value {
-    margin: 0;
-    padding: 8px;
-    background: var(--td-bg-color-container);
-    border-radius: 4px;
-    font-size: 12px;
-    max-height: 150px;
-    overflow: auto;
-    white-space: pre-wrap;
-    word-break: break-all;
-}
-</style>