@skopon-cool/form-sdk 0.6.1 → 0.6.2

package/src/styles/a2ui-preview.css

@@ -255,7 +255,7 @@
 }
 
 /* 原生 A2UI 按钮/chip；勿作用于 Ant Design（Switch、Select、Picker 等）及 Skopon 简历/案例卡片 */
-.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card) {
+.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card):not(.skopon-resume-select-card-stage-button) {
   min-height: var(--button-height-md);
   padding: 0 var(--button-padding-x-md);
   font-family: var(--font-sans);
@@ -273,12 +273,12 @@
     color var(--duration-fast) var(--ease-default);
 }
 
-.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card):hover:not(:disabled) {
+.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card):not(.skopon-resume-select-card-stage-button):hover:not(:disabled) {
   border-color: var(--color-border-strong);
   background: var(--color-bg-subtle);
 }
 
-.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card):disabled {
+.a2ui-surface.a2ui-container button:not([class*='ant-']):not(.skopon-resume-select-card):not(.skopon-resume-select-card-stage-button):disabled {
   cursor: not-allowed;
   opacity: 0.45;
 }
@@ -313,7 +313,7 @@
   color: var(--color-danger-text) !important;
 }
 
-.a2ui-surface.a2ui-container img:not(.form-media-item) {
+.a2ui-surface.a2ui-container img:not(.form-media-item):not(.skopon-resume-select-card-cover-img) {
   max-width: 100%;
   height: auto;
   border-radius: var(--radius-md);

package/src/styles/index.css

@@ -286,6 +286,7 @@
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
+  align-items: flex-start;
   gap: var(--space-3, 12px);
   margin-top: var(--space-2, 8px);
   overflow-x: auto;
@@ -316,19 +317,163 @@
 }
 .skopon-resume-select-card--profile {
   flex-direction: column;
-  align-items: center;
-  width: 200px;
-  min-width: 200px;
-  max-width: 200px;
-  height: 320px;
-  min-height: 320px;
-  max-height: 320px;
-  padding: 10px;
+  align-items: stretch;
+  align-self: flex-start;
+  gap: 8px;
+  width: 240px;
+  min-width: 240px;
+  max-width: 240px;
+  height: fit-content;
+  min-height: 0;
+  max-height: none;
+  padding: 12px;
+  overflow: hidden;
+  border-radius: 8px;
+}
+.skopon-resume-select-card--disabled {
+  cursor: not-allowed;
+  opacity: 0.72;
+}
+.skopon-resume-select-card-person {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  min-width: 0;
+}
+.skopon-resume-select-card-person-text {
+  flex: 1;
+  min-width: 0;
+}
+.skopon-resume-select-card-person-name {
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.3;
+  text-align: left;
+  color: var(--color-text, rgba(0, 0, 0, 0.88));
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.skopon-resume-select-card-specialties {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-top: 4px;
+}
+.skopon-resume-select-card-content-title {
+  flex: none;
+  margin: 0;
+  padding: 0;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.4;
+  text-align: left;
+  color: var(--color-text, rgba(0, 0, 0, 0.88));
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.a2ui-surface.a2ui-container button.skopon-resume-select-card--profile {
-  padding: 10px;
-  min-height: 320px;
+.skopon-resume-select-card-content-tags {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+.skopon-resume-select-card-content-tags-label {
+  color: var(--color-text-secondary, rgba(0, 0, 0, 0.45));
+  font-size: 11px;
+  line-height: 1.2;
+}
+.skopon-resume-select-card-content-tags-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.skopon-resume-select-card-content-tag {
+  margin: 0;
+  border-color: color-mix(in srgb, var(--color-primary, #208368) 24%, transparent);
+  background: color-mix(in srgb, var(--color-primary, #208368) 8%, transparent);
+  color: var(--color-primary, #208368);
+  font-size: 11px;
+  line-height: 18px;
+}
+.skopon-resume-select-card-stage {
+  position: relative;
+  flex: none;
+  align-self: stretch;
+  width: 100%;
+  height: auto;
+  aspect-ratio: 9 / 16;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  border-radius: 6px;
+  background: #111;
+}
+.skopon-resume-select-card-stage-button,
+.skopon-resume-select-card-stage-video {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: #111;
+  cursor: pointer;
+  overflow: hidden;
+}
+.skopon-resume-select-card-stage-button:disabled {
+  cursor: default;
+}
+.a2ui-surface.a2ui-container .skopon-resume-select-card-stage img.skopon-resume-select-card-cover-img,
+.a2ui-surface.a2ui-container .skopon-resume-select-card-stage video.skopon-resume-select-card-stage-video,
+.skopon-resume-select-card-stage img.skopon-resume-select-card-cover-img,
+.skopon-resume-select-card-stage video.skopon-resume-select-card-stage-video {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+  margin: 0;
+  border-radius: 0;
+  object-fit: cover;
+  object-position: center;
+}
+.skopon-resume-select-card-cover-placeholder {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  font-size: 22px;
+  color: rgba(255, 255, 255, 0.45);
+  transform: translate(-50%, -50%);
+}
+.skopon-resume-select-card-play {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  margin: -18px 0 0 -18px;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.55);
+  color: #fff;
+  font-size: 16px;
+  pointer-events: none;
 }
 .skopon-resume-select-card:not(.skopon-resume-select-card--profile) {
   flex-direction: row;
@@ -342,7 +487,6 @@
 }
 .skopon-resume-select-card--selected {
   border-color: var(--color-primary, #208368);
-  background: color-mix(in srgb, var(--color-primary, #208368) 8%, transparent);
 }
 .skopon-resume-select-card:disabled {
   cursor: not-allowed;
@@ -352,7 +496,8 @@
   flex-shrink: 0;
 }
 .skopon-resume-select-card--profile .skopon-resume-select-card-avatar {
-  margin-bottom: 6px;
+  margin: 0;
+  flex-shrink: 0;
 }
 .skopon-resume-select-card-name {
   font-weight: 600;

package/src/submit/submit.test.ts

@@ -401,6 +401,7 @@ describe('intersectPayloadBlocksWithForm', () => {
     expect(block?.resumeFilter).toEqual({
       names: [],
       agentUniqueIds: [],
+      tagUniqueIds: [],
       resumeUniqueIds: [],
       pageSize: 20,
     })

package/src/types/index.ts

@@ -99,13 +99,32 @@ export interface FormBlockCondition {
 /** 简历多选组件：渲染时用于 /univ/resume/search 的筛选条件 */
 export interface FormResumeFilter {
   names?: string[]
-  /** Agent 类型（编辑器辅助，运行时不用） */
+  /**
+   * 智能体类型 unique_id。
+   * 运行时作为 agent_type：先找出该类型的智能体，再查他们的简历。
+   */
   agentKind?: string
   agentUniqueIds?: string[]
+  /** 智能体标签 unique_id，多值 AND；与 agentKind 一起定位智能体后再查简历 */
+  tagUniqueIds?: string[]
   resumeUniqueIds?: string[]
   pageSize?: number
 }
 
+/** 内容制作搜索：渲染时用于 /univ/flow/list?owner_scope=content */
+export interface FormContentFilter {
+  /** 流程类型 unique_id，默认 content-production */
+  flowType?: string
+  /** 流程类别 unique_id */
+  category?: string
+  /** 内容标签 unique_id */
+  tagUniqueIds?: string[]
+  /** 多标签匹配方式；all=全部命中，any=命中任一 */
+  tagMatch?: 'all' | 'any'
+  /** 每次向内容接口请求的条数，不是一屏展示张数 */
+  pageSize?: number
+}
+
 /** 案例多选组件：渲染时用于 /univ/case/list 的筛选条件 */
 export interface FormCaseFilter {
   /** Agent 类型（编辑器辅助，运行时不用） */
@@ -155,8 +174,14 @@ export interface FormBlock {
   resumeMinCount?: number
   /** 简历多选：最多选中数量，配置值 ≥ 1 */
   resumeMaxCount?: number
+  /** 简历多选：一轮展示几张，默认 5。不是最多可选数，也不是接口 page_size */
+  /** content-only 仅选内容，提交 flow_unique_id；默认仍为简历与内容组合。 */
+  resumeDisplayMode?: 'profile-content' | 'content-only'
+  resumeDisplayCount?: number
   /** 简历多选：列表筛选条件（持久化进 block json） */
   resumeFilter?: FormResumeFilter
+  /** 简历多选：内容制作筛选（持久化进 block json） */
+  contentFilter?: FormContentFilter
   /** 案例单选：是否显示「换一批」 */
   caseEnableRefresh?: boolean
   /** 案例多选：最少选中数量，配置值 ≥ 1 */