@doubao-dev/template 0.1.1 → 0.2.0

package/README.md

@@ -226,7 +226,7 @@ import { MapCard } from '@doubao-dev/template';
 
 ## ContentCard
 
-<img src="https://unpkg.com/@doubao-dev/template@0.1.1/assets/content-card.png" alt="ContentCard 示例" width="400" />
+<img src="https://unpkg.com/@doubao-dev/template@0.2.0/assets/content-card.png" alt="ContentCard 示例" width="400" />
 
 通用列表卡，由标题栏、列表内容和底部操作区组成，适合商品、服务、内容入口等可重复条目。
 
@@ -268,7 +268,7 @@ import { ContentCard } from '@doubao-dev/template';
 
 ## PriceActionCard
 
-<img src="https://unpkg.com/@doubao-dev/template@0.1.1/assets/price-action-card.png" alt="PriceActionCard 示例" width="400" />
+<img src="https://unpkg.com/@doubao-dev/template@0.2.0/assets/price-action-card.png" alt="PriceActionCard 示例" width="400" />
 
 价格操作卡，由多条"价格 + 信息 + 右侧按钮"组成，适合报价、权益、服务方案等结果列表。
 
@@ -301,7 +301,7 @@ import { PriceActionCard } from '@doubao-dev/template';
 
 ## CheckoutCard
 
-<img src="https://unpkg.com/@doubao-dev/template@0.1.1/assets/checkout-card.png" alt="CheckoutCard 示例" width="400" />
+<img src="https://unpkg.com/@doubao-dev/template@0.2.0/assets/checkout-card.png" alt="CheckoutCard 示例" width="400" />
 
 通用提单卡，由商品摘要、提单信息、费用汇总和底部操作区组成，适合下单确认、支付确认等场景。
 
@@ -352,7 +352,7 @@ import { CheckoutCard } from '@doubao-dev/template';
 
 ## TicketOrderCard
 
-<img src="https://unpkg.com/@doubao-dev/template@0.1.1/assets/ticket-checkout-card.png" alt="TicketOrderCard 示例" width="400" />
+<img src="https://unpkg.com/@doubao-dev/template@0.2.0/assets/ticket-checkout-card.png" alt="TicketOrderCard 示例" width="400" />
 
 > **已废弃：** 请使用 `CheckoutCard`。`TicketOrderCard` 仅为兼容现有代码保留。
 
@@ -399,7 +399,7 @@ import { TicketOrderCard } from '@doubao-dev/template';
 
 ## TransitCard
 
-<img src="https://unpkg.com/@doubao-dev/template@0.1.1/assets/transit-card.png" alt="TransitCard 示例" width="400" />
+<img src="https://unpkg.com/@doubao-dev/template@0.2.0/assets/transit-card.png" alt="TransitCard 示例" width="400" />
 
 交通票务列表卡，由多条出发、中转、到达和价格信息组成，适合展示机票、火车票、大巴等推荐列表。
 
@@ -447,7 +447,7 @@ import { TransitCard } from '@doubao-dev/template';
 
 ## AskHumanCard
 
-<img src="https://unpkg.com/@doubao-dev/template@0.1.1/assets/ask-human-card.png" alt="AskHumanCard 示例" width="400" />
+<img src="https://unpkg.com/@doubao-dev/template@0.2.0/assets/ask-human-card.png" alt="AskHumanCard 示例" width="400" />
 
 人工确认选项卡，由一组选项组成，适合让用户在多个候选项中确认选择。
 
@@ -463,6 +463,14 @@ import { AskHumanCard } from '@doubao-dev/template';
       text: '都不是',
       showArrow: 'right',
       onClick: () => console.log('skip')
+    },
+    {
+      text: '打开外部应用',
+      showArrow: 'right',
+      openType: 'launchApp',
+      launchAppUrl: 'your-app://path',
+      onLaunchApp: (result) => console.log('launch app success', result),
+      onLaunchAppError: (error) => console.error('launch app failed', error)
     }
   ]}
 />
@@ -472,3 +480,4 @@ import { AskHumanCard } from '@doubao-dev/template';
 
 - `items` 配置选项列表，选项文案通过 `text` 设置。
 - `items[].showArrow` 支持 `'left'`、`'right'`、`'none'`，默认不展示；跳过、固定跳转等入口也通过 `items` 表达。
+- 设置 `items[].openType` 为 `'launchApp'` 并传入 `launchAppUrl`，可以通过 deeplink 跳转外部应用；跳转结果分别通过 `onLaunchApp` 和 `onLaunchAppError` 回调。

package/dist/ask-human-card/index.d.ts

@@ -1,3 +1,4 @@
+import { type LaunchAppResult } from '@byted-doubao-apps/components';
 import type { CSSProperties, TouchEvent } from '@lynx-js/types';
 import { type ReactElement } from 'react';
 import type { TemplateKey, TemplateText } from '../types.js';
@@ -29,6 +30,10 @@ export interface AskHumanCardItem {
     text?: TemplateText;
     /** 是否显示加载状态；为 true 时选项内展示 loading 动画并禁用点击。 */
     loading?: boolean;
+    /** 开放能力类型；`'launchApp'` 用于跳转外部应用。 */
+    openType?: 'launchApp';
+    /** 跳转外部应用的 deeplink URL，只在 `openType="launchApp"` 时有效。 */
+    launchAppUrl?: string;
     /** 箭头展示位置；默认 `'none'` 不展示。 */
     showArrow?: AskHumanCardArrowPosition;
     /** 选项根节点自定义类名。 */
@@ -37,6 +42,10 @@ export interface AskHumanCardItem {
     style?: CSSProperties;
     /** 点击选项时触发。 */
     onClick?: (event?: TouchEvent) => void;
+    /** 跳转外部应用成功时触发，只在 `openType="launchApp"` 时有效。 */
+    onLaunchApp?: (result: LaunchAppResult) => void;
+    /** 跳转外部应用失败时触发，只在 `openType="launchApp"` 时有效。 */
+    onLaunchAppError?: (error: unknown) => void;
 }
 export declare function AskHumanCard(props: AskHumanCardProps): ReactElement;
 //# sourceMappingURL=index.d.ts.map

package/dist/ask-human-card/index.js

@@ -23,7 +23,7 @@ function renderAskHumanCardItem({ item, index, optionBg, arrowColor }) {
     }, item.className)} style={{
         backgroundColor: optionBg,
         ...item.style
-    }} type="default" loading={isLoading} onClick={(event)=>{
+    }} type="default" loading={isLoading} openType={item.openType} launchAppUrl={item.launchAppUrl} onLaunchApp={item.onLaunchApp} onLaunchAppError={item.onLaunchAppError} onClick={(event)=>{
         reportAskHumanCardClick();
         item.onClick?.(event);
     }}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doubao-dev/template",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "type": "module",
   "exports": {
     ".": {