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

chore: 适配最新版element-plus v2.6.0

Browse Source
This commit is contained in:
xiaoxian521 2024-03-01 21:07:27 +08:00
parent 19ccd378f5
commit b5645b19e1
20 changed files with 586 additions and 634 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
package.json
View File

@ -53,9 +53,9 @@
"@logicflow/core": "^1.2.22", "@logicflow/core": "^1.2.22",
"@logicflow/extension": "^1.2.22", "@logicflow/extension": "^1.2.22",
"@pureadmin/descriptions": "^1.2.0", "@pureadmin/descriptions": "^1.2.0",
"@pureadmin/table": "^3.0.2", "@pureadmin/table": "^3.1.0",
"@pureadmin/utils": "^2.4.4", "@pureadmin/utils": "^2.4.4",
"@vueuse/core": "^10.8.0", "@vueuse/core": "^10.9.0",
"@vueuse/motion": "^2.1.0", "@vueuse/motion": "^2.1.0",
"@wangeditor/editor": "^5.1.23", "@wangeditor/editor": "^5.1.23",
"@wangeditor/editor-for-vue": "^5.1.12", "@wangeditor/editor-for-vue": "^5.1.12",
@ -67,7 +67,7 @@
"dayjs": "^1.11.10", "dayjs": "^1.11.10",
"echarts": "^5.5.0", "echarts": "^5.5.0",
"el-table-infinite-scroll": "^3.0.3", "el-table-infinite-scroll": "^3.0.3",
"element-plus": "^2.5.6", "element-plus": "^2.6.0",
"intro.js": "^7.2.0", "intro.js": "^7.2.0",
"js-cookie": "^3.0.5", "js-cookie": "^3.0.5",
"jsbarcode": "^3.11.6", "jsbarcode": "^3.11.6",
@ -83,20 +83,20 @@
"qs": "^6.11.2", "qs": "^6.11.2",
"responsive-storage": "^2.2.0", "responsive-storage": "^2.2.0",
"sortablejs": "^1.15.2", "sortablejs": "^1.15.2",
"swiper": "^11.0.6", "swiper": "^11.0.7",
"typeit": "8.7.1", "typeit": "8.7.1",
"v-contextmenu": "^3.2.0", "v-contextmenu": "^3.2.0",
"v3-infinite-loading": "^1.3.1", "v3-infinite-loading": "^1.3.1",
"version-rocket": "^1.7.1", "version-rocket": "^1.7.1",
"vue": "3.4.14", "vue": "^3.4.21",
"vue-i18n": "^9.9.1", "vue-i18n": "^9.10.1",
"vue-json-pretty": "^2.3.0", "vue-json-pretty": "^2.3.0",
"vue-pdf-embed": "1.2.1", "vue-pdf-embed": "1.2.1",
"vue-router": "^4.3.0", "vue-router": "^4.3.0",
"vue-tippy": "^6.4.1", "vue-tippy": "^6.4.1",
"vue-types": "^5.1.1", "vue-types": "^5.1.1",
"vue-virtual-scroller": "2.0.0-beta.8", "vue-virtual-scroller": "2.0.0-beta.8",
"vue-waterfall-plugin-next": "^2.3.1", "vue-waterfall-plugin-next": "^2.4.3",
"vue3-danmaku": "^1.6.0", "vue3-danmaku": "^1.6.0",
"vuedraggable": "^4.1.0", "vuedraggable": "^4.1.0",
"wavesurfer.js": "^7.7.3", "wavesurfer.js": "^7.7.3",
@ -117,13 +117,13 @@
"@types/gradient-string": "^1.1.5", "@types/gradient-string": "^1.1.5",
"@types/intro.js": "^5.1.5", "@types/intro.js": "^5.1.5",
"@types/js-cookie": "^3.0.6", "@types/js-cookie": "^3.0.6",
"@types/node": "^20.11.20", "@types/node": "^20.11.24",
"@types/nprogress": "^0.2.3", "@types/nprogress": "^0.2.3",
"@types/qrcode": "^1.5.5", "@types/qrcode": "^1.5.5",
"@types/qs": "^6.9.11", "@types/qs": "^6.9.12",
"@types/sortablejs": "^1.15.8", "@types/sortablejs": "^1.15.8",
"@typescript-eslint/eslint-plugin": "^7.0.2", "@typescript-eslint/eslint-plugin": "^7.1.0",
"@typescript-eslint/parser": "^7.0.2", "@typescript-eslint/parser": "^7.1.0",
"@vitejs/plugin-vue": "^5.0.4", "@vitejs/plugin-vue": "^5.0.4",
"@vitejs/plugin-vue-jsx": "^3.1.0", "@vitejs/plugin-vue-jsx": "^3.1.0",
"autoprefixer": "^10.4.17", "autoprefixer": "^10.4.17",

1006
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

1
src/components/ReCropper/src/index.tsx
View File

@ -389,7 +389,6 @@ export default defineComponent({
interactive: true, interactive: true,
appendTo: "parent", appendTo: "parent",
// hideOnClick: false, // hideOnClick: false,
animation: "perspective",
placement: "bottom-end" placement: "bottom-end"
}); });

2
src/components/RePureTableBar/src/bar.tsx
View File

@ -317,7 +317,7 @@ export default defineComponent({
/> />
<el-checkbox <el-checkbox
key={item} key={item}
label={item} value={item}
onChange={value => onChange={value =>
handleCheckColumnListChange(value, item) handleCheckColumnListChange(value, item)
} }

3
src/router/modules/board.ts
View File

@ -17,8 +17,7 @@ export default {
component: IFrame, component: IFrame,
meta: { meta: {
title: $t("menus.hsboard"), title: $t("menus.hsboard"),
frameSrc: "https://songlh.top/paint-board/", frameSrc: "https://songlh.top/paint-board/"
extraIcon: "IF-pure-iconfont-new svg"
} }
} }
] ]

10
src/style/element-plus.scss
View File

@ -102,7 +102,6 @@
/* 克隆并自定义 ElMessage 样式，不会影响 ElMessage 原本样式，在 src/utils/message.ts 中调用自定义样式 ElMessage 方法即可，整体暗色风格在 src/style/dark.scss 文件进行了适配 */ /* 克隆并自定义 ElMessage 样式，不会影响 ElMessage 原本样式，在 src/utils/message.ts 中调用自定义样式 ElMessage 方法即可，整体暗色风格在 src/style/dark.scss 文件进行了适配 */
.pure-message { .pure-message {
padding: 10px 13px !important;
background: #fff !important; background: #fff !important;
border-width: 0 !important; border-width: 0 !important;
box-shadow: box-shadow:
@ -110,22 +109,13 @@
0 6px 16px #00000014, 0 6px 16px #00000014,
0 9px 28px 8px #0000000d !important; 0 9px 28px 8px #0000000d !important;
&.el-message.is-closable .el-message__content {
padding-right: 17px !important;
}
& .el-message__content { & .el-message__content {
color: #000000d9 !important; color: #000000d9 !important;
pointer-events: all !important; pointer-events: all !important;
background-image: initial !important; background-image: initial !important;
} }
& .el-message__icon {
margin-right: 8px !important;
}
& .el-message__closeBtn { & .el-message__closeBtn {
right: 9px !important;
border-radius: 4px; border-radius: 4px;
outline: none; outline: none;
transition: transition:

44
src/views/components/check-button.vue
View File

@ -94,10 +94,10 @@ watch(size, val =>
<el-space wrap :size="40"> <el-space wrap :size="40">
<span style="font-size: 16px; font-weight: 800"> 可选按钮 </span> <span style="font-size: 16px; font-weight: 800"> 可选按钮 </span>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio> <el-radio value="disabled">禁用</el-radio>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>
@ -108,9 +108,9 @@ watch(size, val =>
:size="dynamicSize" :size="dynamicSize"
:disabled="size === 'disabled'" :disabled="size === 'disabled'"
> >
<el-radio-button label="wait">等待中</el-radio-button> <el-radio-button value="wait">等待中</el-radio-button>
<el-radio-button label="progress">进行中</el-radio-button> <el-radio-button value="progress">进行中</el-radio-button>
<el-radio-button label="complete">已完成</el-radio-button> <el-radio-button value="complete">已完成</el-radio-button>
</el-radio-group> </el-radio-group>
<el-divider /> <el-divider />
@ -120,9 +120,9 @@ watch(size, val =>
:size="dynamicSize" :size="dynamicSize"
:disabled="size === 'disabled'" :disabled="size === 'disabled'"
> >
<el-radio label="wait" border>等待中</el-radio> <el-radio value="wait" border>等待中</el-radio>
<el-radio label="progress" border>进行中</el-radio> <el-radio value="progress" border>进行中</el-radio>
<el-radio label="complete" border>已完成</el-radio> <el-radio value="complete" border>已完成</el-radio>
</el-radio-group> </el-radio-group>
<el-divider /> <el-divider />
@ -132,19 +132,19 @@ watch(size, val =>
:size="dynamicSize" :size="dynamicSize"
:disabled="size === 'disabled'" :disabled="size === 'disabled'"
> >
<el-radio-button label="wait"> <el-radio-button value="wait">
<span class="flex"> <span class="flex">
<IconifyIconOnline icon="ri:progress-8-fill" class="mr-1" /> <IconifyIconOnline icon="ri:progress-8-fill" class="mr-1" />
等待中 等待中
</span> </span>
</el-radio-button> </el-radio-button>
<el-radio-button label="progress"> <el-radio-button value="progress">
<span class="flex"> <span class="flex">
<IconifyIconOnline icon="ri:progress-6-line" class="mr-1" /> <IconifyIconOnline icon="ri:progress-6-line" class="mr-1" />
进行中 进行中
</span> </span>
</el-radio-button> </el-radio-button>
<el-radio-button label="complete"> <el-radio-button value="complete">
<span class="flex"> <span class="flex">
<IconifyIconOnline icon="ri:progress-8-line" class="mr-1" /> <IconifyIconOnline icon="ri:progress-8-line" class="mr-1" />
已完成 已完成
@ -159,9 +159,9 @@ watch(size, val =>
:size="dynamicSize" :size="dynamicSize"
:disabled="size === 'disabled'" :disabled="size === 'disabled'"
> >
<el-checkbox-button label="apple">苹果</el-checkbox-button> <el-checkbox-button value="apple">苹果</el-checkbox-button>
<el-checkbox-button label="tomato">西红柿</el-checkbox-button> <el-checkbox-button value="tomato">西红柿</el-checkbox-button>
<el-checkbox-button label="banana">香蕉</el-checkbox-button> <el-checkbox-button value="banana">香蕉</el-checkbox-button>
</el-checkbox-group> </el-checkbox-group>
<el-divider /> <el-divider />
@ -171,9 +171,9 @@ watch(size, val =>
:size="dynamicSize" :size="dynamicSize"
:disabled="size === 'disabled'" :disabled="size === 'disabled'"
> >
<el-checkbox label="cucumber" border>黄瓜</el-checkbox> <el-checkbox value="cucumber" border>黄瓜</el-checkbox>
<el-checkbox label="onion" border>洋葱</el-checkbox> <el-checkbox value="onion" border>洋葱</el-checkbox>
<el-checkbox label="blueberry" border>蓝莓</el-checkbox> <el-checkbox value="blueberry" border>蓝莓</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
<el-divider /> <el-divider />
@ -184,13 +184,13 @@ watch(size, val =>
:size="dynamicSize" :size="dynamicSize"
:disabled="size === 'disabled'" :disabled="size === 'disabled'"
> >
<el-checkbox-button label="tomato"> <el-checkbox-button value="tomato">
<span class="flex"> <span class="flex">
<IconifyIconOnline icon="streamline-emojis:tomato" class="mr-1" /> <IconifyIconOnline icon="streamline-emojis:tomato" class="mr-1" />
番茄 番茄
</span> </span>
</el-checkbox-button> </el-checkbox-button>
<el-checkbox-button label="watermelon"> <el-checkbox-button value="watermelon">
<span class="flex"> <span class="flex">
<IconifyIconOnline <IconifyIconOnline
icon="streamline-emojis:watermelon-1" icon="streamline-emojis:watermelon-1"
@ -199,7 +199,7 @@ watch(size, val =>
西瓜 西瓜
</span> </span>
</el-checkbox-button> </el-checkbox-button>
<el-checkbox-button label="strawberry"> <el-checkbox-button value="strawberry">
<span class="flex"> <span class="flex">
<IconifyIconOnline <IconifyIconOnline
icon="streamline-emojis:strawberry-1" icon="streamline-emojis:strawberry-1"

8
src/views/components/check-card.vue
View File

@ -53,10 +53,10 @@ watch(size, val =>
多选卡片组 多选卡片组
</el-link> </el-link>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio> <el-radio value="disabled">禁用</el-radio>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>

4
src/views/components/collapse.vue
View File

@ -45,8 +45,8 @@ const handleChange = (val: string[]) => {
<p class="mb-2">基础用法</p> <p class="mb-2">基础用法</p>
<el-radio-group v-model="radio" class="mb-3"> <el-radio-group v-model="radio" class="mb-3">
<el-radio label="">可同时展开多个面板</el-radio> <el-radio value="">可同时展开多个面板</el-radio>
<el-radio label="accordion">每次只能展开一个面板</el-radio> <el-radio value="accordion">每次只能展开一个面板</el-radio>
</el-radio-group> </el-radio-group>
<el-button size="small" text bg class="ml-8 mb-1" @click="onClick"> <el-button size="small" text bg class="ml-8 mb-1" @click="onClick">
外部触发打开、关闭 外部触发打开、关闭

8
src/views/components/color-picker.vue
View File

@ -57,10 +57,10 @@ function onClick() {
颜色选择器 颜色选择器
</el-link> </el-link>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio> <el-radio value="disabled">禁用</el-radio>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>

14
src/views/components/date-picker.vue
View File

@ -144,10 +144,10 @@ watch(size, val =>
日期选择器 日期选择器
</el-link> </el-link>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio> <el-radio value="disabled">禁用</el-radio>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>
@ -245,9 +245,9 @@ watch(size, val =>
:disabled="size === 'disabled'" :disabled="size === 'disabled'"
@change="value7 = ''" @change="value7 = ''"
> >
<el-radio label="">Date</el-radio> <el-radio value="">Date</el-radio>
<el-radio label="YYYY-MM-DD">年月日</el-radio> <el-radio value="YYYY-MM-DD">年月日</el-radio>
<el-radio label="x">时间戳</el-radio> <el-radio value="x">时间戳</el-radio>
</el-radio-group> </el-radio-group>
<br /> <br />
<el-space wrap> <el-space wrap>

14
src/views/components/datetime-picker.vue
View File

@ -170,10 +170,10 @@ watch(size, val =>
日期时间选择器 日期时间选择器
</el-link> </el-link>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio> <el-radio value="disabled">禁用</el-radio>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>
@ -197,9 +197,9 @@ watch(size, val =>
:disabled="size === 'disabled'" :disabled="size === 'disabled'"
@change="value1 = ''" @change="value1 = ''"
> >
<el-radio label="">Date</el-radio> <el-radio value="">Date</el-radio>
<el-radio label="YYYY-MM-DD HH:mm:ss">年月日 时分秒</el-radio> <el-radio value="YYYY-MM-DD HH:mm:ss">年月日 时分秒</el-radio>
<el-radio label="x">时间戳</el-radio> <el-radio value="x">时间戳</el-radio>
</el-radio-group> </el-radio-group>
<br /> <br />
<el-space wrap> <el-space wrap>

22
src/views/components/el-button.vue
View File

@ -68,10 +68,10 @@ watch(size, val =>
Button 按钮 Button 按钮
</el-link> </el-link>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio> <el-radio value="disabled">禁用</el-radio>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>
@ -79,13 +79,13 @@ watch(size, val =>
<p class="mb-2">基础按钮</p> <p class="mb-2">基础按钮</p>
<el-radio-group v-model="baseRadio" class="mb-3"> <el-radio-group v-model="baseRadio" class="mb-3">
<el-radio label="default" /> <el-radio label="default" value="default" />
<el-radio label="plain" /> <el-radio label="plain" value="plain" />
<el-radio label="round" /> <el-radio label="round" value="round" />
<el-radio label="circle" /> <el-radio label="circle" value="circle" />
<el-radio label="link" /> <el-radio label="link" value="link" />
<el-radio label="text" /> <el-radio label="text" value="text" />
<el-radio label="text-bg" /> <el-radio label="text-bg" value="text-bg" />
</el-radio-group> </el-radio-group>
<br /> <br />
<el-space wrap> <el-space wrap>

12
src/views/components/tag.vue
View File

@ -79,9 +79,9 @@ const handleInputConfirm = () => {
Tag 标签 Tag 标签
</el-link> </el-link>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>
@ -89,9 +89,9 @@ const handleInputConfirm = () => {
<p class="mb-2">基础按钮</p> <p class="mb-2">基础按钮</p>
<el-radio-group v-model="baseTag" class="mb-3"> <el-radio-group v-model="baseTag" class="mb-3">
<el-radio label="dark" /> <el-radio label="dark" value="dark" />
<el-radio label="light" /> <el-radio label="light" value="light" />
<el-radio label="plain" /> <el-radio label="plain" value="plain" />
</el-radio-group> </el-radio-group>
<br /> <br />
<el-space class="mb-3"> <el-space class="mb-3">

8
src/views/components/time-picker.vue
View File

@ -69,10 +69,10 @@ const endTime = ref("");
时间选择器 时间选择器
</el-link> </el-link>
<el-radio-group v-model="size" size="small"> <el-radio-group v-model="size" size="small">
<el-radio label="large">大尺寸</el-radio> <el-radio value="large">大尺寸</el-radio>
<el-radio label="default">默认尺寸</el-radio> <el-radio value="default">默认尺寸</el-radio>
<el-radio label="small">小尺寸</el-radio> <el-radio value="small">小尺寸</el-radio>
<el-radio label="disabled">禁用</el-radio> <el-radio value="disabled">禁用</el-radio>
</el-radio-group> </el-radio-group>
</el-space> </el-space>
</div> </div>

4
src/views/list/card/components/DialogForm.vue
View File

@ -102,8 +102,8 @@ const rules = {
</el-form-item> </el-form-item>
<el-form-item label="产品状态" prop="status"> <el-form-item label="产品状态" prop="status">
<el-radio-group v-model="formData.status"> <el-radio-group v-model="formData.status">
<el-radio label="0">已停用</el-radio> <el-radio value="0">已停用</el-radio>
<el-radio label="1">已启用</el-radio> <el-radio value="1">已启用</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="产品描述" prop="description"> <el-form-item label="产品描述" prop="description">

4
src/views/pure-table/base/layout.vue
View File

@ -25,8 +25,8 @@ const columns: TableColumnList = [
<template> <template>
<div> <div>
<el-radio-group v-model="tableLayout"> <el-radio-group v-model="tableLayout">
<el-radio-button label="fixed" /> <el-radio-button label="fixed" value="fixed" />
<el-radio-button label="auto" /> <el-radio-button label="auto" value="auto" />
</el-radio-group> </el-radio-group>
<pure-table <pure-table

28
src/views/pure-table/high/page/index.vue
View File

@ -23,36 +23,36 @@ const {
<el-space class="float-right mb-4"> <el-space class="float-right mb-4">
<p class="text-sm">多选：</p> <p class="text-sm">多选：</p>
<el-radio-group v-model="select" size="small"> <el-radio-group v-model="select" size="small">
<el-radio-button label="yes">是</el-radio-button> <el-radio-button value="yes">是</el-radio-button>
<el-radio-button label="no">否</el-radio-button> <el-radio-button value="no">否</el-radio-button>
</el-radio-group> </el-radio-group>
<el-divider direction="vertical" /> <el-divider direction="vertical" />
<p class="text-sm">动态列：</p> <p class="text-sm">动态列：</p>
<el-radio-group v-model="hideVal" size="small"> <el-radio-group v-model="hideVal" size="small">
<el-radio-button label="nohide">不隐藏</el-radio-button> <el-radio-button value="nohide">不隐藏</el-radio-button>
<el-radio-button label="hideDate">隐藏日期</el-radio-button> <el-radio-button value="hideDate">隐藏日期</el-radio-button>
<el-radio-button label="hideName">隐藏姓名</el-radio-button> <el-radio-button value="hideName">隐藏姓名</el-radio-button>
<el-radio-button label="hideAddress">隐藏地址</el-radio-button> <el-radio-button value="hideAddress">隐藏地址</el-radio-button>
</el-radio-group> </el-radio-group>
<el-divider direction="vertical" /> <el-divider direction="vertical" />
<p class="text-sm">表格大小：</p> <p class="text-sm">表格大小：</p>
<el-radio-group v-model="tableSize" size="small"> <el-radio-group v-model="tableSize" size="small">
<el-radio-button label="large">large</el-radio-button> <el-radio-button value="large">large</el-radio-button>
<el-radio-button label="default">default</el-radio-button> <el-radio-button value="default">default</el-radio-button>
<el-radio-button label="small">small</el-radio-button> <el-radio-button value="small">small</el-radio-button>
</el-radio-group> </el-radio-group>
<el-divider direction="vertical" /> <el-divider direction="vertical" />
<p class="text-sm">分页大小：</p> <p class="text-sm">分页大小：</p>
<el-radio-group v-model="paginationSmall" size="small" @change="onChange"> <el-radio-group v-model="paginationSmall" size="small" @change="onChange">
<el-radio-button :label="false">no small</el-radio-button> <el-radio-button :value="false">no small</el-radio-button>
<el-radio-button :label="true">small</el-radio-button> <el-radio-button :value="true">small</el-radio-button>
</el-radio-group> </el-radio-group>
<el-divider direction="vertical" /> <el-divider direction="vertical" />
<p class="text-sm">分页的对齐方式：</p> <p class="text-sm">分页的对齐方式：</p>
<el-radio-group v-model="paginationAlign" size="small"> <el-radio-group v-model="paginationAlign" size="small">
<el-radio-button label="right">right</el-radio-button> <el-radio-button value="right">right</el-radio-button>
<el-radio-button label="center">center</el-radio-button> <el-radio-button value="center">center</el-radio-button>
<el-radio-button label="left">left</el-radio-button> <el-radio-button value="left">left</el-radio-button>
</el-radio-group> </el-radio-group>
</el-space> </el-space>

4
src/views/pure-table/high/table-select/index.vue
View File

@ -9,8 +9,8 @@ const model = ref("radio");
<template> <template>
<el-space> <el-space>
<el-radio-group v-model="model"> <el-radio-group v-model="model">
<el-radio-button label="radio">单选</el-radio-button> <el-radio-button value="radio">单选</el-radio-button>
<el-radio-button label="multiple">多选</el-radio-button> <el-radio-button value="multiple">多选</el-radio-button>
</el-radio-group> </el-radio-group>
<el-divider direction="vertical" /> <el-divider direction="vertical" />
<component <component

2
src/views/pure-table/high/table-select/multiple/index.vue
View File

@ -91,7 +91,7 @@ const {
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
/> />
<el-button <el-button
class="absolute bottom-[17px]" class="absolute bottom-[25px] left-[20px]"
type="primary" type="primary"
size="small" size="small"
text text