@skopon-cool/form-sdk 0.1.3 → 0.1.5

package/src/blocks/types.ts

@@ -0,0 +1,34 @@
+import type {
+  A2uiComponentNode,
+  FormBlock,
+  FormBlockType,
+} from '../types/index'
+import type { ReactComponentImplementation } from '@a2ui/react/v0_9'
+
+export interface BlockAdapterContext {
+  id: string
+  label: string
+  name: string
+  path: string | undefined
+  withData: (node: A2uiComponentNode) => {
+    node: A2uiComponentNode
+    dataKey?: string
+    dataValue?: unknown
+  }
+}
+
+export type BlockToComponentResult =
+  | { node: A2uiComponentNode | null }
+  | ReturnType<BlockAdapterContext['withData']>
+
+export interface BlockAdapterPlugin {
+  type: FormBlockType
+  componentName: string
+  toComponent: (block: FormBlock, ctx: BlockAdapterContext) => BlockToComponentResult
+  fromComponent: (
+    node: A2uiComponentNode,
+    base: (type: FormBlockType) => FormBlock,
+    helpers: { asLiteral: (value: unknown) => string | undefined; nameFromValue: (value: unknown) => string },
+  ) => FormBlock | null
+  catalogComponents: ReactComponentImplementation[]
+}

package/src/catalog/a2uiCustomCatalog.tsx

@@ -26,6 +26,10 @@ import {
   formatFileAcceptSummary,
 } from '../adapter/formFileAccept'
 import { buildMediaListClassName, normalizeMediaSize } from '../adapter/formMedia'
+import {
+  getRegisteredCatalogComponentNames,
+  getRegisteredCatalogComponents,
+} from '../blocks/registry'
 import FilePlaceholderIcon from '../icons/FilePlaceholderIcon'
 import { useA2uiPreviewMode } from './a2uiPreviewContext'
 import {
@@ -53,6 +57,7 @@ const SKOPON_COMPONENT_NAMES = new Set([
   'FileUpload',
   'TextField',
   'Text',
+  ...getRegisteredCatalogComponentNames(),
 ])
 
 const NON_MARKDOWN_TEXT_VARIANTS = new Set(['h1', 'h2', 'h3', 'h4', 'h5', 'caption'])
@@ -691,6 +696,7 @@ export function buildSkoponCatalog(): Catalog<ReactComponentImplementation> {
     FileUploadImpl,
     TextFieldImpl,
     TextImpl,
+    ...getRegisteredCatalogComponents(),
   ]
   const functions = [...basicCatalog.functions.values()]
   return new Catalog(SKOPON_CATALOG_ID, components, functions, basicCatalog.themeSchema)

package/src/catalog/caseSearchContext.tsx

@@ -0,0 +1,46 @@
+import { createContext, useContext, type ReactNode } from 'react'
+import type { FormCaseFilter } from '../types/index'
+
+export interface CaseSearchItem {
+  caseUniqueId: string
+  caseId?: number
+  flowId?: number
+  name: string
+  link?: string
+  platform?: string | null
+  description?: string
+}
+
+export interface CaseSearchParams {
+  filter: FormCaseFilter
+  page: number
+}
+
+export interface CaseSearchResult {
+  list: CaseSearchItem[]
+  total: number
+  page: number
+  pageSize: number
+}
+
+export type CaseSearchFn = (params: CaseSearchParams) => Promise<CaseSearchResult>
+
+const CaseSearchContext = createContext<CaseSearchFn | null>(null)
+
+export function CaseSearchProvider({
+  caseSearch,
+  children,
+}: {
+  caseSearch: CaseSearchFn | null | undefined
+  children: ReactNode
+}) {
+  return (
+    <CaseSearchContext.Provider value={caseSearch ?? null}>
+      {children}
+    </CaseSearchContext.Provider>
+  )
+}
+
+export function useCaseSearch(): CaseSearchFn | null {
+  return useContext(CaseSearchContext)
+}

package/src/catalog/resumeSearchContext.tsx

@@ -0,0 +1,58 @@
+import { createContext, useContext, type ReactNode } from 'react'
+import type { FormResumeFilter } from '../types/index'
+
+export interface ResumeSearchWorkItem {
+  title: string
+  coverUrl?: string | null
+  link?: string
+}
+
+export interface ResumeSearchItem {
+  resumeUniqueId: string
+  resumeId?: number
+  agentId?: number
+  name: string
+  avatarUrl?: string | null
+  description?: string
+  satisfaction?: number
+  published?: number
+  worksCount?: number
+  personality?: string[]
+  specialties?: string[]
+  traits?: string[]
+  works?: ResumeSearchWorkItem[]
+}
+
+export interface ResumeSearchParams {
+  filter: FormResumeFilter
+  page: number
+}
+
+export interface ResumeSearchResult {
+  list: ResumeSearchItem[]
+  total: number
+  page: number
+  pageSize: number
+}
+
+export type ResumeSearchFn = (params: ResumeSearchParams) => Promise<ResumeSearchResult>
+
+const ResumeSearchContext = createContext<ResumeSearchFn | null>(null)
+
+export function ResumeSearchProvider({
+  resumeSearch,
+  children,
+}: {
+  resumeSearch: ResumeSearchFn | null | undefined
+  children: ReactNode
+}) {
+  return (
+    <ResumeSearchContext.Provider value={resumeSearch ?? null}>
+      {children}
+    </ResumeSearchContext.Provider>
+  )
+}
+
+export function useResumeSearch(): ResumeSearchFn | null {
+  return useContext(ResumeSearchContext)
+}

package/src/catalog/skoponCaseSelect.tsx

@@ -0,0 +1,240 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { Button, Spin, Typography } from 'antd'
+import { FileTextOutlined, ReloadOutlined } from '@ant-design/icons'
+import type { ComponentContext } from '@a2ui/web_core/v0_9'
+import { createBinderlessComponentImplementation } from '@a2ui/react/v0_9'
+import { z } from 'zod'
+import type { FormCaseFilter } from '../types/index'
+import { useA2uiPreviewMode } from './a2uiPreviewContext'
+import { asStringArray, useSkoponBoundField } from './useSkoponBoundField'
+import { type CaseSearchItem, useCaseSearch } from './caseSearchContext'
+
+function readString(value: unknown): string {
+  return typeof value === 'string' ? value : ''
+}
+
+function readCaseFilter(raw: unknown): FormCaseFilter {
+  if (!raw || typeof raw !== 'object') {
+    return { flowUniqueIds: [], pageSize: 20 }
+  }
+  const rec = raw as Record<string, unknown>
+  const pageSizeRaw = typeof rec.pageSize === 'number' ? rec.pageSize : Number(rec.pageSize)
+  const pageSize =
+    Number.isFinite(pageSizeRaw) && pageSizeRaw >= 1 && pageSizeRaw <= 100
+      ? Math.floor(pageSizeRaw)
+      : 20
+  const agentKind =
+    typeof rec.agentKind === 'string' && rec.agentKind.trim()
+      ? rec.agentKind.trim()
+      : undefined
+  const agentUniqueId =
+    typeof rec.agentUniqueId === 'string' && rec.agentUniqueId.trim()
+      ? rec.agentUniqueId.trim()
+      : undefined
+  const flowType =
+    typeof rec.flowType === 'string' && rec.flowType.trim()
+      ? rec.flowType.trim()
+      : undefined
+  const category =
+    typeof rec.category === 'string' && rec.category.trim()
+      ? rec.category.trim()
+      : undefined
+  const flowUniqueIds = Array.isArray(rec.flowUniqueIds)
+    ? rec.flowUniqueIds.map(String).filter(Boolean)
+    : []
+  return { agentKind, agentUniqueId, flowType, category, flowUniqueIds, pageSize }
+}
+
+function isCaseFilterReady(filter: FormCaseFilter): boolean {
+  const hasFlowIds = Boolean(filter.flowUniqueIds?.length)
+  const hasCategory = Boolean(filter.agentUniqueId && filter.flowType && filter.category)
+  return hasFlowIds || hasCategory
+}
+
+function filterKey(filter: FormCaseFilter): string {
+  return JSON.stringify(filter)
+}
+
+const SkoponCaseSelectApi = {
+  name: 'SkoponCaseSelect',
+  schema: z
+    .object({
+      label: z.any().optional(),
+      placeholder: z.any().optional(),
+      help: z.any().optional(),
+      enableRefresh: z.any().optional(),
+      caseFilter: z.any().optional(),
+      value: z.any().optional(),
+    })
+    .passthrough(),
+}
+
+function CaseCard({
+  item,
+  selected,
+  disabled,
+  onToggle,
+}: {
+  item: CaseSearchItem
+  selected: boolean
+  disabled: boolean
+  onToggle: () => void
+}) {
+  return (
+    <button
+      type="button"
+      className={`skopon-resume-select-card${selected ? ' skopon-resume-select-card--selected' : ''}`}
+      disabled={disabled}
+      onClick={onToggle}
+    >
+      <div className="skopon-resume-select-card-avatar">
+        <FileTextOutlined style={{ fontSize: 24, color: 'var(--color-primary, #1677ff)' }} />
+      </div>
+      <div className="skopon-resume-select-card-body">
+        <div className="skopon-resume-select-card-name">{item.name}</div>
+        {item.description ? (
+          <div className="skopon-resume-select-card-desc">{item.description}</div>
+        ) : null}
+        <div className="skopon-resume-select-card-meta">
+          {item.caseUniqueId}
+          {item.platform ? ` · ${item.platform}` : ''}
+          {item.link ? ` · ${item.link}` : ''}
+        </div>
+      </div>
+    </button>
+  )
+}
+
+function SkoponCaseSelectPreview({ context }: { context: ComponentContext }) {
+  const { interactive } = useA2uiPreviewMode()
+  const caseSearch = useCaseSearch()
+  const { value, setValue } = useSkoponBoundField(context)
+  const props = context.componentModel.properties as Record<string, unknown>
+
+  const label = readString(props.label)
+  const placeholder = readString(props.placeholder)
+  const help = readString(props.help)
+  const enableRefresh = props.enableRefresh !== false
+  const caseFilter = useMemo(() => readCaseFilter(props.caseFilter), [props.caseFilter])
+  const filterSig = filterKey(caseFilter)
+
+  const [page, setPage] = useState(1)
+  const [loading, setLoading] = useState(false)
+  const [fetchError, setFetchError] = useState('')
+  const [items, setItems] = useState<CaseSearchItem[]>([])
+  const [total, setTotal] = useState(0)
+  const [pageSize, setPageSize] = useState(caseFilter.pageSize ?? 20)
+  const requestSeqRef = useRef(0)
+
+  const selectedIds = asStringArray(value)
+
+  const emptyHint = useMemo(() => {
+    if (!caseSearch) return '未配置案例搜索服务'
+    if (!isCaseFilterReady(caseFilter)) return '未配置案例列表筛选条件'
+    if (fetchError) return fetchError
+    return placeholder || '暂无匹配的案例'
+  }, [caseSearch, caseFilter, fetchError, placeholder])
+
+  const fetchPage = useCallback(
+    async (targetPage: number) => {
+      const filter = readCaseFilter(JSON.parse(filterSig) as FormCaseFilter)
+      const seq = ++requestSeqRef.current
+      if (!caseSearch || !isCaseFilterReady(filter)) {
+        setItems([])
+        setTotal(0)
+        setFetchError('')
+        return
+      }
+      setLoading(true)
+      setFetchError('')
+      try {
+        const result = await caseSearch({ filter, page: targetPage })
+        if (seq !== requestSeqRef.current) return
+        setItems(result.list)
+        setTotal(result.total)
+        setPage(result.page)
+        setPageSize(result.pageSize)
+      } catch (err) {
+        if (seq !== requestSeqRef.current) return
+        setItems([])
+        setTotal(0)
+        setFetchError(err instanceof Error ? err.message : '加载案例列表失败')
+      } finally {
+        if (seq === requestSeqRef.current) setLoading(false)
+      }
+    },
+    [caseSearch, filterSig],
+  )
+
+  useEffect(() => {
+    setPage(1)
+    void fetchPage(1)
+  }, [filterSig, fetchPage])
+
+  const toggleSelect = (caseUniqueId: string) => {
+    if (!interactive) return
+    const next = selectedIds.includes(caseUniqueId)
+      ? selectedIds.filter((id) => id !== caseUniqueId)
+      : [...selectedIds, caseUniqueId]
+    setValue(next)
+  }
+
+  const handleRefresh = () => {
+    const filter = readCaseFilter(JSON.parse(filterSig) as FormCaseFilter)
+    const effectivePageSize = pageSize || filter.pageSize || 20
+    const totalPages = Math.max(1, Math.ceil(total / effectivePageSize))
+    const nextPage = page >= totalPages ? 1 : page + 1
+    void fetchPage(nextPage)
+  }
+
+  return (
+    <div className="form-block-preview skopon-resume-select">
+      {label ? <div className="form-block-preview-label">{label}</div> : null}
+      {loading && items.length === 0 ? (
+        <div className="skopon-resume-select-status">
+          <Spin size="small" /> 加载案例…
+        </div>
+      ) : null}
+      {!loading && items.length === 0 ? (
+        <div className="skopon-resume-select-empty">{emptyHint}</div>
+      ) : null}
+      {items.length > 0 ? (
+        <div className="skopon-resume-select-list">
+          {items.map((item) => (
+            <CaseCard
+              key={item.caseUniqueId}
+              item={item}
+              selected={selectedIds.includes(item.caseUniqueId)}
+              disabled={!interactive}
+              onToggle={() => toggleSelect(item.caseUniqueId)}
+            />
+          ))}
+        </div>
+      ) : null}
+      {enableRefresh && caseSearch && isCaseFilterReady(caseFilter) ? (
+        <div className="skopon-resume-select-actions">
+          <Button
+            type="default"
+            size="small"
+            icon={<ReloadOutlined />}
+            loading={loading}
+            disabled={!interactive}
+            onClick={handleRefresh}
+          >
+            换一批
+          </Button>
+        </div>
+      ) : null}
+      {help ? (
+        <Typography.Text type="secondary" className="form-block-preview-help">
+          {help}
+        </Typography.Text>
+      ) : null}
+    </div>
+  )
+}
+
+export const SkoponCaseSelectImpl = createBinderlessComponentImplementation(
+  SkoponCaseSelectApi,
+  SkoponCaseSelectPreview,
+)

package/src/catalog/skoponResumeSelect.tsx

@@ -0,0 +1,293 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { Avatar, Button, Spin, Tag, Typography } from 'antd'
+import { FileImageOutlined, ReloadOutlined, UserOutlined } from '@ant-design/icons'
+import type { ComponentContext } from '@a2ui/web_core/v0_9'
+import { createBinderlessComponentImplementation } from '@a2ui/react/v0_9'
+import { z } from 'zod'
+import type { FormResumeFilter } from '../types/index'
+import { useA2uiPreviewMode } from './a2uiPreviewContext'
+import { asStringArray, useSkoponBoundField } from './useSkoponBoundField'
+import {
+  type ResumeSearchItem,
+  type ResumeSearchWorkItem,
+  useResumeSearch,
+} from './resumeSearchContext'
+
+function readString(value: unknown): string {
+  return typeof value === 'string' ? value : ''
+}
+
+function readResumeFilter(raw: unknown): FormResumeFilter {
+  if (!raw || typeof raw !== 'object') {
+    return { names: [], agentUniqueIds: [], resumeUniqueIds: [], pageSize: 20 }
+  }
+  const rec = raw as Record<string, unknown>
+  const names = Array.isArray(rec.names) ? rec.names.map(String).filter(Boolean) : []
+  const agentUniqueIds = Array.isArray(rec.agentUniqueIds)
+    ? rec.agentUniqueIds.map(String).filter(Boolean)
+    : []
+  const resumeUniqueIds = Array.isArray(rec.resumeUniqueIds)
+    ? rec.resumeUniqueIds.map(String).filter(Boolean)
+    : []
+  const pageSizeRaw = typeof rec.pageSize === 'number' ? rec.pageSize : Number(rec.pageSize)
+  const pageSize =
+    Number.isFinite(pageSizeRaw) && pageSizeRaw >= 1 && pageSizeRaw <= 100
+      ? Math.floor(pageSizeRaw)
+      : 20
+  return { names, agentUniqueIds, resumeUniqueIds, pageSize }
+}
+
+function filterKey(filter: FormResumeFilter): string {
+  return JSON.stringify(filter)
+}
+
+const SkoponResumeSelectApi = {
+  name: 'SkoponResumeSelect',
+  schema: z
+    .object({
+      label: z.any().optional(),
+      placeholder: z.any().optional(),
+      help: z.any().optional(),
+      enableRefresh: z.any().optional(),
+      resumeFilter: z.any().optional(),
+      value: z.any().optional(),
+    })
+    .passthrough(),
+}
+
+const MAX_TAG_COUNT = 3
+const MAX_WORK_PREVIEW = 2
+
+function renderTagRow(label: string, tags: string[] | undefined) {
+  const items = (tags ?? []).filter(Boolean)
+  const visible = items.slice(0, MAX_TAG_COUNT)
+  const overflow = items.length - visible.length
+  return (
+    <div className="skopon-resume-select-card-tags">
+      <span className="skopon-resume-select-card-tags-label">{label}</span>
+      {items.length > 0 ? (
+        <div className="skopon-resume-select-card-tags-list">
+          {visible.map((tag) => (
+            <Tag key={tag} className="skopon-resume-select-card-tag">
+              {tag}
+            </Tag>
+          ))}
+          {overflow > 0 ? (
+            <Tag className="skopon-resume-select-card-tag">+{overflow}</Tag>
+          ) : null}
+        </div>
+      ) : (
+        <span className="skopon-resume-select-card-tags-empty">暂无</span>
+      )}
+    </div>
+  )
+}
+
+function renderSatisfactionRow(satisfaction: number | undefined) {
+  return (
+    <div className="skopon-resume-select-card-field">
+      <span className="skopon-resume-select-card-tags-label">满意度</span>
+      <span className="skopon-resume-select-card-field-value">
+        {typeof satisfaction === 'number' ? `${satisfaction}%` : '暂无'}
+      </span>
+    </div>
+  )
+}
+
+function ResumeWorkPreview({ work }: { work: ResumeSearchWorkItem }) {
+  return (
+    <div className="skopon-resume-select-card-work">
+      <div className="skopon-resume-select-card-work-cover">
+        {work.coverUrl ? (
+          <img src={work.coverUrl} alt="" className="skopon-resume-select-card-work-img" />
+        ) : (
+          <FileImageOutlined className="skopon-resume-select-card-work-placeholder" />
+        )}
+      </div>
+      <div className="skopon-resume-select-card-work-title">{work.title || '未命名作品'}</div>
+    </div>
+  )
+}
+
+function ResumeCard({
+  item,
+  selected,
+  disabled,
+  onToggle,
+}: {
+  item: ResumeSearchItem
+  selected: boolean
+  disabled: boolean
+  onToggle: () => void
+}) {
+  const works = (item.works ?? []).slice(0, MAX_WORK_PREVIEW)
+
+  return (
+    <button
+      type="button"
+      className={`skopon-resume-select-card skopon-resume-select-card--profile${selected ? ' skopon-resume-select-card--selected' : ''}`}
+      disabled={disabled}
+      onClick={onToggle}
+    >
+      <Avatar
+        size={48}
+        src={item.avatarUrl || undefined}
+        icon={!item.avatarUrl ? <UserOutlined /> : undefined}
+        className="skopon-resume-select-card-avatar"
+      />
+      <div className="skopon-resume-select-card-name">{item.name || '未命名简历'}</div>
+      <div className="skopon-resume-select-card-body">
+        {renderSatisfactionRow(item.satisfaction)}
+        {renderTagRow('性格', item.personality)}
+        {renderTagRow('专长', item.specialties)}
+        {renderTagRow('擅长领域', item.traits)}
+        <div className="skopon-resume-select-card-works">
+          <span className="skopon-resume-select-card-works-label">过往作品</span>
+          {works.length > 0 ? (
+            <div className="skopon-resume-select-card-works-list">
+              {works.map((work, index) => (
+                <ResumeWorkPreview key={`${work.title}-${index}`} work={work} />
+              ))}
+            </div>
+          ) : (
+            <div className="skopon-resume-select-card-works-empty">暂无作品</div>
+          )}
+        </div>
+      </div>
+    </button>
+  )
+}
+
+function SkoponResumeSelectPreview({ context }: { context: ComponentContext }) {
+  const { interactive } = useA2uiPreviewMode()
+  const resumeSearch = useResumeSearch()
+  const { value, setValue } = useSkoponBoundField(context)
+  const props = context.componentModel.properties as Record<string, unknown>
+
+  const label = readString(props.label)
+  const placeholder = readString(props.placeholder)
+  const help = readString(props.help)
+  const enableRefresh = props.enableRefresh !== false
+  const resumeFilter = useMemo(() => readResumeFilter(props.resumeFilter), [props.resumeFilter])
+  const filterSig = filterKey(resumeFilter)
+
+  const [page, setPage] = useState(1)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState('')
+  const [items, setItems] = useState<ResumeSearchItem[]>([])
+  const [total, setTotal] = useState(0)
+  const [pageSize, setPageSize] = useState(resumeFilter.pageSize ?? 20)
+  const requestSeqRef = useRef(0)
+
+  const selectedIds = asStringArray(value)
+
+  const fetchPage = useCallback(
+    async (targetPage: number) => {
+      const filter = readResumeFilter(JSON.parse(filterSig) as FormResumeFilter)
+      const seq = ++requestSeqRef.current
+      if (!resumeSearch) {
+        setItems([])
+        setTotal(0)
+        setError('未配置简历搜索服务')
+        return
+      }
+      setLoading(true)
+      setError('')
+      try {
+        const result = await resumeSearch({ filter, page: targetPage })
+        if (seq !== requestSeqRef.current) return
+        setItems(result.list)
+        setTotal(result.total)
+        setPage(result.page)
+        setPageSize(result.pageSize)
+      } catch (err) {
+        if (seq !== requestSeqRef.current) return
+        setItems([])
+        setTotal(0)
+        setError(err instanceof Error ? err.message : '加载简历列表失败')
+      } finally {
+        if (seq === requestSeqRef.current) setLoading(false)
+      }
+    },
+    [resumeSearch, filterSig],
+  )
+
+  useEffect(() => {
+    setPage(1)
+    void fetchPage(1)
+  }, [filterSig, fetchPage])
+
+  const toggleSelect = (resumeUniqueId: string) => {
+    if (!interactive) return
+    const next = selectedIds.includes(resumeUniqueId)
+      ? selectedIds.filter((id) => id !== resumeUniqueId)
+      : [...selectedIds, resumeUniqueId]
+    setValue(next)
+  }
+
+  const handleRefresh = () => {
+    const filter = readResumeFilter(JSON.parse(filterSig) as FormResumeFilter)
+    const effectivePageSize = pageSize || filter.pageSize || 20
+    const totalPages = Math.max(1, Math.ceil(total / effectivePageSize))
+    const nextPage = page >= totalPages ? 1 : page + 1
+    void fetchPage(nextPage)
+  }
+
+  const emptyLabel = placeholder || '暂无匹配的简历'
+
+  return (
+    <div className="form-block-preview skopon-resume-select">
+      {label ? <div className="form-block-preview-label">{label}</div> : null}
+      {loading && items.length === 0 ? (
+        <div className="skopon-resume-select-status">
+          <Spin size="small" /> 加载简历…
+        </div>
+      ) : null}
+      {!loading && error ? (
+        <Typography.Text type="danger" className="skopon-resume-select-status">
+          {error}
+        </Typography.Text>
+      ) : null}
+      {!loading && !error && items.length === 0 ? (
+        <div className="skopon-resume-select-empty">{emptyLabel}</div>
+      ) : null}
+      {items.length > 0 ? (
+        <div className="skopon-resume-select-list">
+          {items.map((item) => (
+            <ResumeCard
+              key={item.resumeUniqueId}
+              item={item}
+              selected={selectedIds.includes(item.resumeUniqueId)}
+              disabled={!interactive}
+              onToggle={() => toggleSelect(item.resumeUniqueId)}
+            />
+          ))}
+        </div>
+      ) : null}
+      {enableRefresh && resumeSearch ? (
+        <div className="skopon-resume-select-actions">
+          <Button
+            type="default"
+            size="small"
+            icon={<ReloadOutlined />}
+            loading={loading}
+            disabled={!interactive}
+            onClick={handleRefresh}
+          >
+            换一批
+          </Button>
+        </div>
+      ) : null}
+      {help ? (
+        <Typography.Text type="secondary" className="form-block-preview-help">
+          {help}
+        </Typography.Text>
+      ) : null}
+    </div>
+  )
+}
+
+export const SkoponResumeSelectImpl = createBinderlessComponentImplementation(
+  SkoponResumeSelectApi,
+  SkoponResumeSelectPreview,
+)