Browse Source

增加新的组件w-ext-radio

main
likunming 3 months ago
parent
commit
3fa39a7fea
  1. 2
      io.sc.platform.core.frontend/package.json
  2. 13
      io.sc.platform.core.frontend/src/platform/components/radio/WExtRadio.vue

2
io.sc.platform.core.frontend/package.json

@ -1,6 +1,6 @@
{ {
"name": "platform-core", "name": "platform-core",
"version": "8.2.52", "version": "8.2.54",
"description": "前端核心包,用于快速构建前端的脚手架", "description": "前端核心包,用于快速构建前端的脚手架",
"//main": "库的主文件", "//main": "库的主文件",
"main": "dist/platform-core.js", "main": "dist/platform-core.js",

13
io.sc.platform.core.frontend/src/platform/components/radio/WExtRadio.vue

@ -5,11 +5,16 @@
<template v-for="opt in props.options" :key="opt.value"> <template v-for="opt in props.options" :key="opt.value">
<q-radio <q-radio
v-model="modelValue" v-model="modelValue"
:label="opt['label']"
:val="opt['value']" :val="opt['value']"
:dense="props.dense" :dense="props.dense"
:disable="fieldMethodsClass.getDisable(props, modelValue)" :disable="fieldMethodsClass.getDisable(props, modelValue)"
/> :color="modelValue === opt['value'] ? selectedColor : undefined"
>
<template #default>
<span v-if="modelValue === opt['value'] && selectedLabelColor" :style="'color:' + selectedLabelColor">{{ opt['label'] }}</span>
<span v-else>{{ opt['label'] }}</span>
</template>
</q-radio>
<w-textarea <w-textarea
v-if="opt['desc'] && modelValue === opt['value']" v-if="opt['desc'] && modelValue === opt['value']"
v-model="descModelValue" v-model="descModelValue"
@ -37,6 +42,8 @@ const descModelValue = ref('');
interface FieldProps extends FormFieldProps { interface FieldProps extends FormFieldProps {
dense?: boolean; dense?: boolean;
options: Array<() => void>; options: Array<() => void>;
selectedColor?: string;
selectedLabelColor?: string;
} }
const props = withDefaults(defineProps<FieldProps>(), { const props = withDefaults(defineProps<FieldProps>(), {
showIf: true, showIf: true,
@ -44,6 +51,8 @@ const props = withDefaults(defineProps<FieldProps>(), {
options: () => { options: () => {
return []; return [];
}, },
selectedColor: undefined,
selectedLabelColor: undefined,
}); });
class FieldMethods extends FormFieldMethods { class FieldMethods extends FormFieldMethods {
updateValue = (value_) => { updateValue = (value_) => {

Loading…
Cancel
Save