mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-12-09 14:40:27 +08:00
chore: update
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import Sortable from "sortablejs";
|
import Sortable from "sortablejs";
|
||||||
import { transformI18n } from "@/plugins/i18n";
|
import { $t, transformI18n } from "@/plugins/i18n";
|
||||||
import { useEpThemeStoreHook } from "@/store/modules/epTheme";
|
import { useEpThemeStoreHook } from "@/store/modules/epTheme";
|
||||||
import {
|
import {
|
||||||
type PropType,
|
type PropType,
|
||||||
@@ -30,7 +30,7 @@ const props = {
|
|||||||
/** 头部最左边的标题 */
|
/** 头部最左边的标题 */
|
||||||
title: {
|
title: {
|
||||||
type: String,
|
type: String,
|
||||||
default: "列表"
|
default: $t("tableBar.pureList")
|
||||||
},
|
},
|
||||||
/** 对于树形表格,如果想启用展开和折叠功能,传入当前表格的ref即可 */
|
/** 对于树形表格,如果想启用展开和折叠功能,传入当前表格的ref即可 */
|
||||||
tableRef: {
|
tableRef: {
|
||||||
@@ -169,19 +169,19 @@ export default defineComponent({
|
|||||||
style={getDropdownItemStyle.value("large")}
|
style={getDropdownItemStyle.value("large")}
|
||||||
onClick={() => (size.value = "large")}
|
onClick={() => (size.value = "large")}
|
||||||
>
|
>
|
||||||
宽松
|
{transformI18n($t("tableBar.pureLarge"))}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
style={getDropdownItemStyle.value("default")}
|
style={getDropdownItemStyle.value("default")}
|
||||||
onClick={() => (size.value = "default")}
|
onClick={() => (size.value = "default")}
|
||||||
>
|
>
|
||||||
默认
|
{transformI18n($t("tableBar.pureDefault"))}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
style={getDropdownItemStyle.value("small")}
|
style={getDropdownItemStyle.value("small")}
|
||||||
onClick={() => (size.value = "small")}
|
onClick={() => (size.value = "small")}
|
||||||
>
|
>
|
||||||
紧凑
|
{transformI18n($t("tableBar.pureSmall"))}
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
)
|
)
|
||||||
@@ -245,7 +245,9 @@ export default defineComponent({
|
|||||||
reference: () => (
|
reference: () => (
|
||||||
<SettingIcon
|
<SettingIcon
|
||||||
class={["w-[16px]", iconClass.value]}
|
class={["w-[16px]", iconClass.value]}
|
||||||
v-tippy={rendTippyProps("列设置")}
|
v-tippy={rendTippyProps(
|
||||||
|
transformI18n($t("tableBar.pureColumnSettings"))
|
||||||
|
)}
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
};
|
};
|
||||||
@@ -268,7 +270,7 @@ export default defineComponent({
|
|||||||
{slots?.title ? (
|
{slots?.title ? (
|
||||||
slots.title()
|
slots.title()
|
||||||
) : (
|
) : (
|
||||||
<p class="font-bold truncate">{props.title}</p>
|
<p class="font-bold truncate">{transformI18n(props.title)}</p>
|
||||||
)}
|
)}
|
||||||
<div class="flex items-center justify-around">
|
<div class="flex items-center justify-around">
|
||||||
{slots?.buttons ? (
|
{slots?.buttons ? (
|
||||||
@@ -282,7 +284,9 @@ export default defineComponent({
|
|||||||
transform: isExpandAll.value ? "none" : "rotate(-90deg)"
|
transform: isExpandAll.value ? "none" : "rotate(-90deg)"
|
||||||
}}
|
}}
|
||||||
v-tippy={rendTippyProps(
|
v-tippy={rendTippyProps(
|
||||||
isExpandAll.value ? "折叠" : "展开"
|
isExpandAll.value
|
||||||
|
? transformI18n($t("tableBar.pureCollapse"))
|
||||||
|
: transformI18n($t("tableBar.pureExpand"))
|
||||||
)}
|
)}
|
||||||
onClick={() => onExpand()}
|
onClick={() => onExpand()}
|
||||||
/>
|
/>
|
||||||
@@ -295,14 +299,18 @@ export default defineComponent({
|
|||||||
iconClass.value,
|
iconClass.value,
|
||||||
loading.value ? "animate-spin" : ""
|
loading.value ? "animate-spin" : ""
|
||||||
]}
|
]}
|
||||||
v-tippy={rendTippyProps("刷新")}
|
v-tippy={rendTippyProps(
|
||||||
|
transformI18n($t("tableBar.pureRefresh"))
|
||||||
|
)}
|
||||||
onClick={() => onReFresh()}
|
onClick={() => onReFresh()}
|
||||||
/>
|
/>
|
||||||
<el-divider direction="vertical" />
|
<el-divider direction="vertical" />
|
||||||
<el-dropdown
|
<el-dropdown
|
||||||
v-slots={dropdown}
|
v-slots={dropdown}
|
||||||
trigger="click"
|
trigger="click"
|
||||||
v-tippy={rendTippyProps("密度")}
|
v-tippy={rendTippyProps(
|
||||||
|
transformI18n($t("tableBar.pureDensity"))
|
||||||
|
)}
|
||||||
>
|
>
|
||||||
<CollapseIcon class={["w-[16px]", iconClass.value]} />
|
<CollapseIcon class={["w-[16px]", iconClass.value]} />
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
@@ -318,13 +326,13 @@ export default defineComponent({
|
|||||||
<div class={[topClass.value]}>
|
<div class={[topClass.value]}>
|
||||||
<el-checkbox
|
<el-checkbox
|
||||||
class="-mr-1!"
|
class="-mr-1!"
|
||||||
label="列展示"
|
label={transformI18n($t("tableBar.pureColumnDisplay"))}
|
||||||
v-model={checkAll.value}
|
v-model={checkAll.value}
|
||||||
indeterminate={isIndeterminate.value}
|
indeterminate={isIndeterminate.value}
|
||||||
onChange={value => handleCheckAllChange(value)}
|
onChange={value => handleCheckAllChange(value)}
|
||||||
/>
|
/>
|
||||||
<el-button type="primary" link onClick={() => onReset()}>
|
<el-button type="primary" link onClick={() => onReset()}>
|
||||||
重置
|
{transformI18n($t("tableBar.pureReset"))}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -382,7 +390,11 @@ export default defineComponent({
|
|||||||
<iconifyIconOffline
|
<iconifyIconOffline
|
||||||
class={["w-[16px]", iconClass.value]}
|
class={["w-[16px]", iconClass.value]}
|
||||||
icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
|
icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
|
||||||
v-tippy={isFullscreen.value ? "退出全屏" : "全屏"}
|
v-tippy={
|
||||||
|
isFullscreen.value
|
||||||
|
? transformI18n($t("tableBar.pureExitFullScreen"))
|
||||||
|
: transformI18n($t("tableBar.pureFullScreen"))
|
||||||
|
}
|
||||||
onClick={() => onFullscreen()}
|
onClick={() => onFullscreen()}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user