mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-12-15 14:50:29 +08:00
Compare commits
2 Commits
v6.3.0
...
feat/Table
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b5dd755d91 | ||
|
|
841fbdfd95 |
@@ -238,4 +238,18 @@ login:
|
|||||||
purePassWordRuleReg: The password format should be any combination of 8-18 digits
|
purePassWordRuleReg: The password format should be any combination of 8-18 digits
|
||||||
purePassWordSureReg: Please enter confirm password
|
purePassWordSureReg: Please enter confirm password
|
||||||
purePassWordDifferentReg: The two passwords do not match!
|
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位数字、字母、符号的任意两种组合
|
purePassWordRuleReg: 密码格式应为8-18位数字、字母、符号的任意两种组合
|
||||||
purePassWordSureReg: 请输入确认密码
|
purePassWordSureReg: 请输入确认密码
|
||||||
purePassWordDifferentReg: 两次密码不一致!
|
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 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