ui/src/formkit/inputs/post-select.ts - main - githubmirror/halo

ui/src/formkit/inputs/post-select.ts

84 строки2 KB

Ryan Wang

Switch formatter from Prettier to oxfmt (#8381)

03 мар 2026, 06:39

03 мар 2026, 06:39da45e16

import type { FormKitNode, FormKitTypeDefinition } from "@formkit/core";
import type { FormKitInputs } from "@formkit/inputs";
import {
  consoleApiClient,
  paginate,
  type ListedPost,
  type PostV1alpha1ConsoleApiListPostsRequest,
} from "@halo-dev/api-client";
import { postLabels } from "@/constants/labels";
import { select } from "./select";

async function search({ page, size, keyword }) {
  const { data } = await consoleApiClient.content.post.listPosts({
    page,
    size,
    keyword,
    labelSelector: [
      `${postLabels.DELETED}=false`,
      `${postLabels.PUBLISHED}=true`,
    ],
  });

  return {
    options: data.items.map((post) => {
      return {
        value: post.post.metadata.name,
        label: post.post.spec.title,
      };
    }),
    total: data.total,
    size: data.size,
    page: data.page,
  };
}

async function findOptionsByValues(values: string[]) {
  if (values.length === 0) {
    return [];
  }

  const posts = await paginate<
    PostV1alpha1ConsoleApiListPostsRequest,
    ListedPost
  >((params) => consoleApiClient.content.post.listPosts(params), {
    fieldSelector: [`metadata.name=(${values.join(",")})`],
    size: 1000,
  });

  return posts.map((post) => {
    return {
      value: post.post.metadata.name,
      label: post.post.spec.title,
    };
  });
}

function optionsHandler(node: FormKitNode) {
  node.on("created", async () => {
    node.props = {
      ...node.props,
      remote: true,
      remoteOption: {
        search,
        findOptionsByValues,
      },
      searchable: true,
    };
  });
}

export const postSelect: FormKitTypeDefinition = {
  ...select,
  forceTypeProp: "select",
  features: [optionsHandler],
};

declare module "@formkit/inputs" {
  export interface FormKitInputProps<Props extends FormKitInputs<Props>> {
    postSelect: {
      type: "postSelect";
      value?: string;
    };
  }
}