mirror of
https://github.com/cool-team-official/cool-admin-vue.git
synced 2025-12-12 21:52:48 +00:00
优化 cl-switch 组件
This commit is contained in:
parent
d9b2405184
commit
9c56a99c49
@ -33,8 +33,6 @@
|
||||
<template #column-isShow="{ scope }">
|
||||
<cl-switch
|
||||
v-model="scope.row.isShow"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
:scope="scope.row"
|
||||
:column="scope.column"
|
||||
v-if="scope.row.type != 2"
|
||||
@ -47,8 +45,6 @@
|
||||
<template #column-keepAlive="{ scope }">
|
||||
<cl-switch
|
||||
v-model="scope.row.keepAlive"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
:scope="scope.row"
|
||||
:column="scope.column"
|
||||
v-if="scope.row.type == 1"
|
||||
|
||||
@ -21,11 +21,7 @@
|
||||
<template #slot-relevance="{ scope }">
|
||||
<div>
|
||||
<el-row>
|
||||
<el-switch
|
||||
v-model="scope.relevance"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
/>
|
||||
<cl-switch v-model="scope.relevance" />
|
||||
|
||||
<span
|
||||
:style="{
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { useCrud } from "@cool-vue/crud";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { defineComponent, ref, watch } from "vue";
|
||||
import { defineComponent, nextTick, ref, watch } from "vue";
|
||||
import { isBoolean, isFunction } from "lodash-es";
|
||||
|
||||
export default defineComponent({
|
||||
@ -30,14 +30,20 @@ export default defineComponent({
|
||||
// 状态
|
||||
const status = ref<boolean | number | string>();
|
||||
|
||||
const activeValue = ref();
|
||||
const inactiveValue = ref();
|
||||
|
||||
watch(
|
||||
() => props.modelValue,
|
||||
(val: any) => {
|
||||
if (isBoolean(props.activeValue)) {
|
||||
status.value = Boolean(val);
|
||||
} else {
|
||||
status.value = val;
|
||||
(val) => {
|
||||
if (isBoolean(props.modelValue)) {
|
||||
activeValue.value = true;
|
||||
inactiveValue.value = false;
|
||||
}
|
||||
|
||||
nextTick(() => {
|
||||
status.value = val;
|
||||
});
|
||||
},
|
||||
{
|
||||
immediate: true
|
||||
@ -82,8 +88,8 @@ export default defineComponent({
|
||||
return (
|
||||
<el-switch
|
||||
v-model={status.value}
|
||||
active-value={props.activeValue}
|
||||
inactive-value={props.inactiveValue}
|
||||
active-value={activeValue.value}
|
||||
inactive-value={inactiveValue.value}
|
||||
onChange={onChange}
|
||||
onClick={onClick}
|
||||
/>
|
||||
|
||||
@ -3,8 +3,8 @@ export default () => {
|
||||
label: "文件上传",
|
||||
description: "基于 el-upload 封装的文件上传组件",
|
||||
author: "COOL",
|
||||
version: "1.1.0",
|
||||
updateTime: "2024-02-05",
|
||||
version: "1.1.1",
|
||||
updateTime: "2024-02-19",
|
||||
demo: [
|
||||
{
|
||||
name: "基础用法",
|
||||
@ -48,10 +48,7 @@ export default () => {
|
||||
size: 100
|
||||
},
|
||||
// 云端上传路径前缀
|
||||
prefixPath: {
|
||||
type: String,
|
||||
default: "app/base"
|
||||
},
|
||||
prefixPath: "app/base",
|
||||
// 规则
|
||||
rules: [
|
||||
{
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user