befly-admin-ui 1.10.0 → 1.10.1

package/components/pageTableDetail.vue

@@ -1,6 +1,6 @@
 <template>
     <div :class="['page-table-detail', 'page-table', { 'page-table--with-pagination': props.isPagination }]">
-        <div class="main-tool">
+        <div v-if="hasToolBar" class="main-tool">
             <div class="left">
                 <slot name="toolLeft" :reload="reload" :current-row="$Data.currentRow"></slot>
             </div>
@@ -237,6 +237,10 @@ const forwardedTableSlotNames = computed(() => {
     return names;
 });
 
+const hasToolBar = computed(() => {
+    return Boolean(slots.toolLeft) || Boolean(slots.toolRight);
+});
+
 const tableRenderSlotNames = computed(() => {
     const out = [];
     const set = new Set();

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "befly-admin-ui",
-    "version": "1.10.0",
-    "gitHead": "976e70ee1f6f959e9def8189bd43ad4c0d454b7f",
+    "version": "1.10.1",
+    "gitHead": "c14b3572a265a384993be0d375d023f82cdd9ffd",
     "private": false,
     "description": "Befly - 管理后台功能组件",
     "keywords": [

package/views/config/dict/index.vue

@@ -17,11 +17,6 @@
                     <SearchIcon />
                 </template>
             </TInput>
-            <TButton shape="circle" @click="handleRefresh(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
         </template>
 
         <template #operation="{ row, deleteRow }">
@@ -53,7 +48,7 @@
 import { onMounted, reactive } from "vue";
 
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Input as TInput, Option as TOption, Select as TSelect, MessagePlugin } from "tdesign-vue-next";
-import { AddIcon, ChevronDownIcon, DeleteIcon, EditIcon, RefreshIcon, SearchIcon } from "tdesign-icons-vue-next";
+import { AddIcon, ChevronDownIcon, DeleteIcon, EditIcon, SearchIcon } from "tdesign-icons-vue-next";
 import EditDialog from "./components/edit.vue";
 import { $Http } from "@/plugins/http";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
@@ -74,7 +69,7 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/dict/list",
+            path: "/core/dict/select",
             dropValues: [""],
             buildData: () => {
                 return {
@@ -126,12 +121,6 @@ function handleSearch(reload) {
     reload({ keepSelection: false, resetPage: true });
 }
 
-function handleRefresh(reload) {
-    $Data.searchTypeCode = "";
-    $Data.searchKeyword = "";
-    reload({ keepSelection: false, resetPage: true });
-}
-
 function onAction(type, row) {
     if (type === "add") {
         $Data.actionType = "add";

package/views/config/dictType/index.vue

@@ -14,11 +14,6 @@
                     <SearchIcon />
                 </template>
             </TInput>
-            <TButton shape="circle" @click="handleRefresh(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
         </template>
 
         <template #operation="{ row, deleteRow }">
@@ -49,7 +44,7 @@
 <script setup>
 import { reactive } from "vue";
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Input as TInput } from "tdesign-vue-next";
-import { AddIcon, ChevronDownIcon, DeleteIcon, EditIcon, RefreshIcon, SearchIcon } from "tdesign-icons-vue-next";
+import { AddIcon, ChevronDownIcon, DeleteIcon, EditIcon, SearchIcon } from "tdesign-icons-vue-next";
 import EditDialog from "./components/edit.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
@@ -65,7 +60,7 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/dictType/list",
+            path: "/core/dictType/select",
             dropValues: [0, ""],
             dropKeyValue: {
                 keyword: [""]
@@ -106,11 +101,6 @@ function handleSearch(reload) {
     reload({ keepSelection: false, resetPage: true });
 }
 
-function handleRefresh(reload) {
-    $Data.searchKeyword = "";
-    reload({ keepSelection: false, resetPage: true });
-}
-
 function onAction(type, row) {
     if (type === "add") {
         $Data.actionType = "add";

package/views/config/system/index.vue

@@ -12,14 +12,6 @@
             </TSelect>
         </template>
 
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
-        </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>
@@ -77,7 +69,7 @@
 <script setup>
 import { reactive } from "vue";
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
-import { AddIcon, ChevronDownIcon, DeleteIcon, EditIcon, RefreshIcon } from "tdesign-icons-vue-next";
+import { AddIcon, ChevronDownIcon, DeleteIcon, EditIcon } from "tdesign-icons-vue-next";
 import EditDialog from "./components/edit.vue";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
@@ -99,7 +91,7 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/sysConfig/list",
+            path: "/core/sysConfig/select",
             dropValues: [0, ""],
             dropKeyValue: {
                 group: [""]
@@ -140,10 +132,6 @@ function handleFilter(reload) {
     reload({ keepSelection: false, resetPage: true });
 }
 
-function onReload(reload) {
-    reload({ keepSelection: true });
-}
-
 function onDialogSuccess(reload) {
     reload({ keepSelection: true });
 }

package/views/log/email/index.vue

@@ -15,14 +15,6 @@
             </TButton>
         </template>
 
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
-        </template>
-
         <template #sendResult="{ row }">
             <TTag v-if="row.sendResult === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
             <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
@@ -71,7 +63,7 @@
 <script setup>
 import { reactive, ref } from "vue";
 import { Button as TButton, Form as TForm, FormItem as TFormItem, Input as TInput, MessagePlugin, Space as TSpace, Tag as TTag, Textarea as TTextarea } from "tdesign-vue-next";
-import { CheckCircleIcon, RefreshIcon, SendIcon } from "tdesign-icons-vue-next";
+import { CheckCircleIcon, SendIcon } from "tdesign-icons-vue-next";
 import PageDialog from "befly-admin-ui/components/pageDialog.vue";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import { $Http } from "@/plugins/http";
@@ -115,10 +107,6 @@ const $Data = reactive({
     }
 });
 
-function onReload(reload) {
-    reload({ keepSelection: true });
-}
-
 function onCancelSend() {
     $Data.sendDialogVisible = false;
 }

package/views/log/error/index.vue

@@ -28,14 +28,6 @@
             <TInput v-model="$Data.filter.osName" clearable placeholder="操作系统" style="width: 160px" @enter="handleFilter(scope.reload)" @clear="handleFilter(scope.reload)" />
         </template>
 
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
-        </template>
-
         <template #errorType="{ row }">
             <TTag shape="round" :theme="getErrorTheme(row.errorType)" variant="light-outline">{{ formatErrorType(row.errorType) }}</TTag>
         </template>
@@ -101,7 +93,7 @@
 <script setup>
 import { reactive } from "vue";
 import { Button as TButton, Input as TInput, MessagePlugin, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
-import { RefreshIcon, SearchIcon } from "tdesign-icons-vue-next";
+import { SearchIcon } from "tdesign-icons-vue-next";
 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";
@@ -181,10 +173,6 @@ function handleFilter(reload) {
     reload({ keepSelection: false, resetPage: true });
 }
 
-function onReload(reload) {
-    reload({ keepSelection: true });
-}
-
 function isDetailExpanded(id) {
     return Number($Data.detailExpandedId) === Number(id || 0);
 }

package/views/log/login/index.vue

@@ -1,13 +1,5 @@
 <template>
     <PageTableDetail class="page-login-log page-table" :columns="$Data.columns" :endpoints="$Data.endpoints" :table-slot-names="['loginResult', 'loginTime', 'deviceType']">
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
-        </template>
-
         <template #loginResult="{ row }">
             <TTag v-if="row.loginResult === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
             <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
@@ -40,8 +32,7 @@
 
 <script setup>
 import { reactive } from "vue";
-import { Button as TButton, Tag as TTag } from "tdesign-vue-next";
-import { RefreshIcon } from "tdesign-icons-vue-next";
+import { Tag as TTag } from "tdesign-vue-next";
 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";
@@ -68,16 +59,12 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/loginLog/list",
+            path: "/core/loginLog/select",
             dropValues: [""]
         }
     }
 });
 
-function onReload(reload) {
-    reload({ keepSelection: true });
-}
-
 function formatTime(timestamp) {
     if (!timestamp) return "-";
     const date = new Date(timestamp);

package/views/log/operate/index.vue

@@ -13,14 +13,6 @@
             </TSelect>
         </template>
 
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
-        </template>
-
         <template #result="{ row }">
             <TTag v-if="row.result === 1" shape="round" theme="success" variant="light-outline">成功</TTag>
             <TTag v-else shape="round" theme="danger" variant="light-outline">失败</TTag>
@@ -63,8 +55,7 @@
 
 <script setup>
 import { reactive } from "vue";
-import { Button as TButton, Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
-import { RefreshIcon } from "tdesign-icons-vue-next";
+import { Option as TOption, Select as TSelect, Tag as TTag } from "tdesign-vue-next";
 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";
@@ -88,7 +79,7 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/operateLog/list",
+            path: "/core/operateLog/select",
             dropValues: [""],
             dropKeyValue: {
                 module: [""],
@@ -127,10 +118,6 @@ function handleFilter(reload) {
     reload({ keepSelection: false, resetPage: true });
 }
 
-function onReload(reload) {
-    reload({ keepSelection: true });
-}
-
 function formatTime(timestamp) {
     if (!timestamp) return "-";
     const date = new Date(timestamp);

package/views/people/admin/index.vue

@@ -58,7 +58,7 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/admin/list",
+            path: "/core/admin/select",
             dropValues: [""]
         },
         delete: {

package/views/permission/api/index.vue

@@ -9,13 +9,6 @@
                 </TInput>
                 <span style="margin-left: 16px; color: var(--text-secondary); font-size: 13px">共 {{ $Data.allData.length }} 个接口</span>
             </div>
-            <div class="right">
-                <TButton shape="circle" @click="handleRefresh">
-                    <template #icon>
-                        <RefreshIcon />
-                    </template>
-                </TButton>
-            </div>
         </div>
 
         <div class="main-content">
@@ -60,8 +53,8 @@
 
 <script setup>
 import { reactive } from "vue";
-import { Button as TButton, Table as TTable, Tag as TTag, Input as TInput, MessagePlugin } from "tdesign-vue-next";
-import { RefreshIcon, SearchIcon } from "tdesign-icons-vue-next";
+import { Table as TTable, Tag as TTag, Input as TInput, MessagePlugin } from "tdesign-vue-next";
+import { SearchIcon } from "tdesign-icons-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { withDefaultColumns } from "befly-admin-ui/utils/withDefaultColumns";
@@ -109,10 +102,6 @@ async function loadApiAll() {
     }
 }
 
-function handleRefresh() {
-    loadApiAll();
-}
-
 function handleSearch() {
     if (!$Data.searchKeyword) {
         $Data.tableData = $Data.allData;

package/views/permission/menu/index.vue

@@ -1,19 +1,18 @@
 <template>
     <div class="page-menu page-table">
-        <div class="main-tool">
-            <div class="left"></div>
-            <div class="right">
-                <TButton shape="circle" @click="handleRefresh">
-                    <template #icon>
-                        <RefreshIcon />
-                    </template>
-                </TButton>
-            </div>
-        </div>
-
         <div class="main-content">
             <div class="main-table">
-                <TTable :data="$Data.tableData" :columns="$Data.columns" :loading="$Data.loading" :active-row-keys="$Data.activeRowKeys" row-key="id" height="calc(100vh - var(--search-height) - var(--layout-gap) * 2)" active-row-type="single" :tree="{ childrenKey: 'children', treeNodeColumnIndex: 0, defaultExpandAll: true }" @active-change="onActiveChange">
+                <TTable
+                    :data="$Data.tableData"
+                    :columns="$Data.columns"
+                    :loading="$Data.loading"
+                    :active-row-keys="$Data.activeRowKeys"
+                    row-key="id"
+                    height="calc(100vh - var(--layout-gap) * 2)"
+                    active-row-type="single"
+                    :tree="{ childrenKey: 'children', treeNodeColumnIndex: 0, defaultExpandAll: true }"
+                    @active-change="onActiveChange"
+                >
                     <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>
@@ -31,8 +30,7 @@
 
 <script setup>
 import { reactive } from "vue";
-import { Button as TButton, Table as TTable, Tag as TTag, MessagePlugin } from "tdesign-vue-next";
-import { RefreshIcon } from "tdesign-icons-vue-next";
+import { Table as TTable, Tag as TTag, MessagePlugin } from "tdesign-vue-next";
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import { $Http } from "@/plugins/http";
 import { arrayToTree } from "befly-admin-ui/utils/arrayToTree";
@@ -81,10 +79,6 @@ async function apiMenuList() {
     }
 }
 
-function handleRefresh() {
-    apiMenuList();
-}
-
 function onActiveChange(value, context) {
     if (value.length === 0 && $Data.activeRowKeys.length > 0) {
         return;

package/views/permission/role/index.vue

@@ -8,14 +8,6 @@
             </TButton>
         </template>
 
-        <template #toolRight="scope">
-            <TButton shape="circle" @click="onReload(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
-        </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>
@@ -73,7 +65,7 @@
 <script setup>
 import { reactive } from "vue";
 import { Button as TButton, Dropdown as TDropdown, DropdownItem as TDropdownItem, DropdownMenu as TDropdownMenu, Tag as TTag } from "tdesign-vue-next";
-import { AddIcon, ChevronDownIcon, CodeIcon, DeleteIcon, EditIcon, RefreshIcon, SettingIcon } from "tdesign-icons-vue-next";
+import { AddIcon, ChevronDownIcon, CodeIcon, DeleteIcon, EditIcon, SettingIcon } from "tdesign-icons-vue-next";
 import EditDialog from "./components/edit.vue";
 import MenuDialog from "./components/menu.vue";
 import ApiDialog from "./components/api.vue";
@@ -94,7 +86,7 @@ const $Data = reactive({
     ]),
     endpoints: {
         list: {
-            path: "/core/role/list",
+            path: "/core/role/select",
             dropValues: [""]
         },
         delete: {
@@ -121,10 +113,6 @@ function onAdd() {
     onAction("add", {});
 }
 
-function onReload(reload) {
-    reload({ keepSelection: true });
-}
-
 function onDialogSuccess(reload) {
     reload({ keepSelection: true });
 }

package/views/resource/gallery/index.vue

@@ -17,11 +17,6 @@
                     <SearchIcon />
                 </template>
             </TInput>
-            <TButton shape="circle" @click="handleRefresh(scope.reload)">
-                <template #icon>
-                    <RefreshIcon />
-                </template>
-            </TButton>
         </template>
 
         <template #thumbnail="{ row }">
@@ -83,7 +78,7 @@
 <script setup>
 import { reactive } from "vue";
 import { Button as TButton, Image as TImage, Input as TInput, MessagePlugin, Tag as TTag, Upload as TUpload } from "tdesign-vue-next";
-import { RefreshIcon, SearchIcon, UploadIcon } from "tdesign-icons-vue-next";
+import { SearchIcon, UploadIcon } from "tdesign-icons-vue-next";
 
 import DetailPanel from "befly-admin-ui/components/detailPanel.vue";
 import PageTableDetail from "befly-admin-ui/components/pageTableDetail.vue";
@@ -131,10 +126,6 @@ function handleSearch(reload) {
     reload({ keepSelection: false, resetPage: true });
 }
 
-function handleRefresh(reload) {
-    reload({ keepSelection: true });
-}
-
 async function copyUrl(url) {
     try {
         await navigator.clipboard.writeText(url);