github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

fix: publish time of the post cannot be displayed back (#3671) 

#### What type of PR is this?

/kind bug
/area console
/milestone 2.5.x
/cherry-pick release-2.4

#### What this PR does / why we need it:

修复文章设置中的发布时间无法回显导致重新保存时丢失发布时间的问题。

#### Which issue(s) this PR fixes:

Fixes #3669 

#### Special notes for your reviewer:

测试方式：

1. 新建或者修改已有文章的设置。
2. 检查时间输入框的时间是否显示正确。
3. 检查保存之后时间是否显示正确。

#### Does this PR introduce a user-facing change?

```release-note
修复 Console 端文章设置中的发布时间无法回显导致重新保存时丢失发布时间的问题。
```
pull/3668/head^2
Ryan Wang 2023-04-03 11:12:14 +08:00 committed by GitHub
parent 0b21758347
commit 03f7e583f6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
console/src/modules/contents/pages/SinglePageEditor.vue
View File

@ -62,7 +62,7 @@ const initialFormState: SinglePageRequest = {
cover: "",
deleted: false,
publish: false,
publishTime: "",
publishTime: undefined,
pinned: false,
allowComment: true,
visible: "PUBLIC",

23
console/src/modules/contents/pages/components/SinglePageSettingModal.vue
View File

@ -28,7 +28,7 @@ const initialFormState: SinglePage = {
cover: "",
deleted: false,
publish: false,
publishTime: "",
publishTime: undefined,
pinned: false,
allowComment: true,
visible: "PUBLIC",
@ -286,18 +286,16 @@ watchEffect(() => {
const { templates } = useThemeCustomTemplates("page");
// publishTime
const publishTime = computed(() => {
const { publishTime } = formState.value.spec;
if (publishTime) {
return toDatetimeLocal(publishTime);
}
return "";
const publishTime = computed({
get() {
const { publishTime } = formState.value.spec;
return publishTime ? toDatetimeLocal(publishTime) : undefined;
},
set(value) {
formState.value.spec.publishTime = value ? toISOString(value) : undefined;
},
});
const onPublishTimeChange = (value: string) => {
formState.value.spec.publishTime = value ? toISOString(value) : undefined;
};
// slug
const { handleGenerateSlug } = useSlugify(
computed(() => formState.value.spec.title),
@ -443,11 +441,10 @@ const { handleGenerateSlug } = useSlugify(
type="select"
></FormKit>
<FormKit
:model-value="publishTime"
v-model="publishTime"
:label="$t('core.page.settings.fields.publish_time.label')"
type="datetime-local"
name="publishTime"
@input="onPublishTimeChange"
></FormKit>
<FormKit
v-model="formState.spec.template"

2
console/src/modules/contents/posts/PostEditor.vue
View File

@ -62,7 +62,7 @@ const initialFormState: PostRequest = {
cover: "",
deleted: false,
publish: false,
publishTime: "",
publishTime: undefined,
pinned: false,
allowComment: true,
visible: "PUBLIC",

23
console/src/modules/contents/posts/components/PostSettingModal.vue
View File

@ -28,7 +28,7 @@ const initialFormState: Post = {
cover: "",
deleted: false,
publish: false,
publishTime: "",
publishTime: undefined,
pinned: false,
allowComment: true,
visible: "PUBLIC",
@ -247,18 +247,16 @@ watchEffect(() => {
const { templates } = useThemeCustomTemplates("post");
// publishTime convert
const publishTime = computed(() => {
const { publishTime } = formState.value.spec;
if (publishTime) {
return toDatetimeLocal(publishTime);
}
return "";
const publishTime = computed({
get() {
const { publishTime } = formState.value.spec;
return publishTime ? toDatetimeLocal(publishTime) : undefined;
},
set(value) {
formState.value.spec.publishTime = value ? toISOString(value) : undefined;
},
});
const onPublishTimeChange = (value: string) => {
formState.value.spec.publishTime = value ? toISOString(value) : undefined;
};
const annotationsFormRef = ref<InstanceType<typeof AnnotationsForm>>();
// slug
@ -418,10 +416,9 @@ const { handleGenerateSlug } = useSlugify(
type="select"
></FormKit>
<FormKit
:model-value="publishTime"
v-model="publishTime"
:label="$t('core.post.settings.fields.publish_time.label')"
type="datetime-local"
@input="onPublishTimeChange"
></FormKit>
<FormKit
v-model="formState.spec.template"