twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 01:17:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: fix ReTable

Browse Source
This commit is contained in:
xiaoxian521 2022-05-17 17:56:12 +08:00
parent 6627d4724e
commit c65940f5ef
1 changed files with 2 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ReTable/src/bar.tsx
View File

@ -1,7 +1,6 @@
import { emitter } from "/@/utils/mitt";
import { IconifyIconOffline } from "../../ReIcon";
import { defineComponent, ref, computed, PropType } from "vue"; import { defineComponent, ref, computed, PropType } from "vue";
import { useEpThemeStoreHook } from "/@/store/modules/epTheme"; import { useEpThemeStoreHook } from "/@/store/modules/epTheme";
import { IconifyIconOffline } from "../../ReIcon";
export const loadingSvg = ` export const loadingSvg = `
<path class="path" d=" <path class="path" d="
@ -50,7 +49,6 @@ export default defineComponent({
setup(props, { emit, slots, attrs }) { setup(props, { emit, slots, attrs }) {
const buttonRef = ref(); const buttonRef = ref();
const checkList = ref([]); const checkList = ref([]);
const currentWidth = ref(0);
const size = ref("default"); const size = ref("default");
const isExpandAll = ref(true); const isExpandAll = ref(true);
@ -78,12 +76,6 @@ export default defineComponent({
}); });
} }
// 监听容器
emitter.on("resize", ({ detail }) => {
const { width } = detail;
currentWidth.value = width;
});
const dropdown = { const dropdown = {
dropdown: () => ( dropdown: () => (
<el-dropdown-menu class="translation"> <el-dropdown-menu class="translation">
@ -131,9 +123,7 @@ export default defineComponent({
element-loading-svg-view-box="-10, -10, 50, 50" element-loading-svg-view-box="-10, -10, 50, 50"
> >
<div class="flex justify-between w-full h-60px p-4"> <div class="flex justify-between w-full h-60px p-4">
<p class="font-bold"> <p class="font-bold truncate">{props.title}</p>
{currentWidth.value > 390 ? props.title : "列表"}
</p>
<div class="flex items-center justify-around"> <div class="flex items-center justify-around">
<div class="flex mr-4">{slots?.buttons()}</div> <div class="flex mr-4">{slots?.buttons()}</div>
{props.tableRef?.size ? ( {props.tableRef?.size ? (