mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-12-09 14:40:27 +08:00
Compare commits
2 Commits
main
...
feat/Table
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b5dd755d91 | ||
|
|
841fbdfd95 |
@@ -238,4 +238,18 @@ login:
|
||||
purePassWordRuleReg: The password format should be any combination of 8-18 digits
|
||||
purePassWordSureReg: Please enter confirm password
|
||||
purePassWordDifferentReg: The two passwords do not match!
|
||||
purePassWordUpdateReg: Password has been updated
|
||||
purePassWordUpdateReg: Password has been updated
|
||||
tableBar:
|
||||
pureList: List
|
||||
pureLarge: Large
|
||||
pureDefault: Default
|
||||
pureSmall: Small
|
||||
pureColumnSettings: ColumnSettings
|
||||
pureCollapse: Collapse
|
||||
pureExpand: Expand
|
||||
pureRefresh: Refresh
|
||||
pureDensity: Density
|
||||
pureColumnDisplay: ColumnDisplay
|
||||
pureReset: Reset
|
||||
pureExitFullScreen: ExitFullScreen
|
||||
pureFullScreen: FullScreen
|
||||
@@ -238,4 +238,18 @@ login:
|
||||
purePassWordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合
|
||||
purePassWordSureReg: 请输入确认密码
|
||||
purePassWordDifferentReg: 两次密码不一致!
|
||||
purePassWordUpdateReg: 修改密码成功
|
||||
purePassWordUpdateReg: 修改密码成功
|
||||
tableBar:
|
||||
pureList: 列表
|
||||
pureLarge: 宽松
|
||||
pureDefault: 默认
|
||||
pureSmall: 紧凑
|
||||
pureColumnSettings: 列设置
|
||||
pureCollapse: 折叠
|
||||
pureExpand: 展开
|
||||
pureRefresh: 刷新
|
||||
pureDensity: 密度
|
||||
pureColumnDisplay: 列展示
|
||||
pureReset: 重置
|
||||
pureExitFullScreen: 退出全屏
|
||||
pureFullScreen: 全屏
|
||||
@@ -1,5 +1,5 @@
|
||||
import Sortable from "sortablejs";
|
||||
import { transformI18n } from "@/plugins/i18n";
|
||||
import { $t, transformI18n } from "@/plugins/i18n";
|
||||
import { useEpThemeStoreHook } from "@/store/modules/epTheme";
|
||||
import {
|
||||
type PropType,
|
||||
@@ -30,7 +30,7 @@ const props = {
|
||||
/** 头部最左边的标题 */
|
||||
title: {
|
||||
type: String,
|
||||
default: "列表"
|
||||
default: $t("tableBar.pureList")
|
||||
},
|
||||
/** 对于树形表格,如果想启用展开和折叠功能,传入当前表格的ref即可 */
|
||||
tableRef: {
|
||||
@@ -169,19 +169,19 @@ export default defineComponent({
|
||||
style={getDropdownItemStyle.value("large")}
|
||||
onClick={() => (size.value = "large")}
|
||||
>
|
||||
宽松
|
||||
{transformI18n($t("tableBar.pureLarge"))}
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
style={getDropdownItemStyle.value("default")}
|
||||
onClick={() => (size.value = "default")}
|
||||
>
|
||||
默认
|
||||
{transformI18n($t("tableBar.pureDefault"))}
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
style={getDropdownItemStyle.value("small")}
|
||||
onClick={() => (size.value = "small")}
|
||||
>
|
||||
紧凑
|
||||
{transformI18n($t("tableBar.pureSmall"))}
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
)
|
||||
@@ -245,7 +245,9 @@ export default defineComponent({
|
||||
reference: () => (
|
||||
<SettingIcon
|
||||
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()
|
||||
) : (
|
||||
<p class="font-bold truncate">{props.title}</p>
|
||||
<p class="font-bold truncate">{transformI18n(props.title)}</p>
|
||||
)}
|
||||
<div class="flex items-center justify-around">
|
||||
{slots?.buttons ? (
|
||||
@@ -282,7 +284,9 @@ export default defineComponent({
|
||||
transform: isExpandAll.value ? "none" : "rotate(-90deg)"
|
||||
}}
|
||||
v-tippy={rendTippyProps(
|
||||
isExpandAll.value ? "折叠" : "展开"
|
||||
isExpandAll.value
|
||||
? transformI18n($t("tableBar.pureCollapse"))
|
||||
: transformI18n($t("tableBar.pureExpand"))
|
||||
)}
|
||||
onClick={() => onExpand()}
|
||||
/>
|
||||
@@ -295,14 +299,18 @@ export default defineComponent({
|
||||
iconClass.value,
|
||||
loading.value ? "animate-spin" : ""
|
||||
]}
|
||||
v-tippy={rendTippyProps("刷新")}
|
||||
v-tippy={rendTippyProps(
|
||||
transformI18n($t("tableBar.pureRefresh"))
|
||||
)}
|
||||
onClick={() => onReFresh()}
|
||||
/>
|
||||
<el-divider direction="vertical" />
|
||||
<el-dropdown
|
||||
v-slots={dropdown}
|
||||
trigger="click"
|
||||
v-tippy={rendTippyProps("密度")}
|
||||
v-tippy={rendTippyProps(
|
||||
transformI18n($t("tableBar.pureDensity"))
|
||||
)}
|
||||
>
|
||||
<CollapseIcon class={["w-[16px]", iconClass.value]} />
|
||||
</el-dropdown>
|
||||
@@ -318,13 +326,13 @@ export default defineComponent({
|
||||
<div class={[topClass.value]}>
|
||||
<el-checkbox
|
||||
class="-mr-1!"
|
||||
label="列展示"
|
||||
label={transformI18n($t("tableBar.pureColumnDisplay"))}
|
||||
v-model={checkAll.value}
|
||||
indeterminate={isIndeterminate.value}
|
||||
onChange={value => handleCheckAllChange(value)}
|
||||
/>
|
||||
<el-button type="primary" link onClick={() => onReset()}>
|
||||
重置
|
||||
{transformI18n($t("tableBar.pureReset"))}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@@ -382,7 +390,11 @@ export default defineComponent({
|
||||
<iconifyIconOffline
|
||||
class={["w-[16px]", iconClass.value]}
|
||||
icon={isFullscreen.value ? ExitFullscreen : Fullscreen}
|
||||
v-tippy={isFullscreen.value ? "退出全屏" : "全屏"}
|
||||
v-tippy={
|
||||
isFullscreen.value
|
||||
? transformI18n($t("tableBar.pureExitFullScreen"))
|
||||
: transformI18n($t("tableBar.pureFullScreen"))
|
||||
}
|
||||
onClick={() => onFullscreen()}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user