usbharu
/
misskey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

This commit is contained in:
kakkokari-gtyih 2026-01-24 01:51:04 +09:00
parent 6ca83c541d
commit a18f4cda84
2 changed files with 53 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
packages/frontend/src/pages/admin/roles.policy-editor.folder.vue
View File

@ -17,13 +17,13 @@ SPDX-License-Identifier: AGPL-3.0-only
</template>
</template>
<div class="_gaps">
<MkSwitch v-if="!isBaseRole && rolePolicyMetaModel != null" v-model="rolePolicyMetaModel.useDefault" :disabled="readonly">
<MkSwitch v-if="!isBaseRole && rolePolicyMetaModel != null" v-model="useDefaultModel" :disabled="readonly">
<template #label>{{ i18n.ts._role.useBaseValue }}</template>
</MkSwitch>
<div>
<slot :disabled="readonly || (!isBaseRole && rolePolicyMetaModel?.useDefault)"></slot>
</div>
<MkRange v-if="!isBaseRole && rolePolicyMetaModel != null" v-model="rolePolicyMetaModel.priority" :min="0" :max="2" :step="1" easing :textConverter="priroityRangeTextConverter" :disabled="readonly">
<MkRange v-if="!isBaseRole && rolePolicyMetaModel != null" v-model="priorityModel" :min="0" :max="2" :step="1" easing :textConverter="priroityRangeTextConverter" :disabled="readonly">
<template #label>{{ i18n.ts._role.priority }}</template>
</MkRange>
</div>
@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template>
<script setup lang="ts">
import { ref, watch } from 'vue';
import { computed } from 'vue';
import MkFolder from '@/components/MkFolder.vue';
import MkSwitch from '@/components/MkSwitch.vue';
import MkRange from '@/components/MkRange.vue';
@ -48,19 +48,27 @@ const emit = defineEmits<{
(ev: 'update:policyMeta', v: PolicyMeta): void;
}>();
const rolePolicyMetaModel = ref<PolicyMeta | null>(null);
watch(() => props.policyMeta, (v) => {
if (v != null) {
rolePolicyMetaModel.value = v;
} else {
rolePolicyMetaModel.value = null;
}
}, { immediate: true, deep: true });
watch(rolePolicyMetaModel, (v) => {
if (v != null) {
emit('update:policyMeta', v);
}
}, { deep: true });
const rolePolicyMetaModel = computed<PolicyMeta | null>(() => props.policyMeta ?? null);
const useDefaultModel = computed<boolean>({
get: () => props.policyMeta?.useDefault ?? false,
set: (value) => {
const current = props.policyMeta;
if (current == null) return;
if (current.useDefault === value) return;
emit('update:policyMeta', { ...current, useDefault: value });
},
});
const priorityModel = computed<number>({
get: () => props.policyMeta?.priority ?? 0,
set: (value) => {
const current = props.policyMeta;
if (current == null) return;
if (current.priority === value) return;
emit('update:policyMeta', { ...current, priority: value });
},
});
function getPriorityIcon(priority: number): string {
if (priority === 2) return 'ti ti-arrows-up';

47
packages/frontend/src/pages/admin/roles.policy-editor.vue
View File

@ -403,7 +403,7 @@ type PolicyMetaRecord = {
</script>
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { computed } from 'vue';
import { i18n } from '@/i18n.js';
import XFolder from './roles.policy-editor.folder.vue';
@ -426,25 +426,36 @@ const emit = defineEmits<{
(event: 'update:policiesMeta', value: PolicyMetaRecord): void;
}>();
const valuesModel = ref<Misskey.entities.RolePolicies>(props.rolePolicies);
watch(() => props.rolePolicies, (newVal) => {
valuesModel.value = newVal;
}, { deep: true });
watch(valuesModel, (newVal) => {
emit('update:rolePolicies', newVal);
}, { deep: true });
const valuesModel = new Proxy({} as Misskey.entities.RolePolicies, {
get(_target, prop) {
if (typeof prop !== 'string') return undefined;
return props.rolePolicies[prop as keyof Misskey.entities.RolePolicies];
},
set(_target, prop, value) {
if (typeof prop !== 'string') return false;
emit('update:rolePolicies', { ...props.rolePolicies, [prop]: value });
return true;
},
});
function createDefaultPolicyMeta() {
return Object.fromEntries(Object.keys(Misskey.rolePolicies).map(key => [key, { useDefault: true, priority: 0 }])) as PolicyMetaRecord;
}
const policyMetaModel = ref<PolicyMetaRecord>(props.policiesMeta ?? createDefaultPolicyMeta());
watch(() => props.policiesMeta, (newVal) => {
policyMetaModel.value = newVal ?? createDefaultPolicyMeta();
}, { deep: true });
watch(policyMetaModel, (newVal) => {
if (newVal == null) return;
emit('update:policiesMeta', newVal);
}, { deep: true });
const policiesMetaFallback = createDefaultPolicyMeta();
const policyMetaModel = new Proxy({} as PolicyMetaRecord, {
get(_target, prop) {
if (typeof prop !== 'string') return undefined;
const base = props.policiesMeta ?? policiesMetaFallback;
return base[prop as keyof PolicyMetaRecord];
},
set(_target, prop, value) {
if (typeof prop !== 'string') return false;
const base = props.policiesMeta ?? policiesMetaFallback;
emit('update:policiesMeta', { ...base, [prop]: value });
return true;
},
});
function matchQuery(keywords: string[]): boolean {
if (props.roleQuery == null || props.roleQuery.trim().length === 0) return true;
@ -452,9 +463,9 @@ function matchQuery(keywords: string[]): boolean {
}
const avatarDecorationLimit = computed({
get: () => Math.min(16, Math.max(0, valuesModel.value.avatarDecorationLimit)),
get: () => Math.min(16, Math.max(0, Number(valuesModel.avatarDecorationLimit ?? 0))),
set: (value) => {
valuesModel.value.avatarDecorationLimit = Math.min(Number(value), 16);
valuesModel.avatarDecorationLimit = Math.min(Number(value), 16);
},
});