@4399ywkf/design 2.0.0 → 2.1.1

package/dist/FormDesigner/card/templates/feishuLarkDesign.js

@@ -0,0 +1,868 @@
+// 翻译自飞书 CardKit 案例库（参考案例：LarkDesign AI Platform）
+// 飞书 schema 在 /tmp/feishu-cases/01-LarkDesign-AI-Platform.json
+export var feishuLarkDesign = {
+  type: 'object',
+  widget: 'cardRoot',
+  style: {
+    padding: 0
+  },
+  props: {
+    template: 'default',
+    padding: '0px 0px 0px 0px',
+    direction: 'vertical',
+    horizontalSpacing: '8px',
+    verticalSpacing: '0px',
+    updateMulti: true,
+    textSizeMode: 'normal_v2'
+  },
+  properties: {
+    img_1: {
+      type: 'string',
+      widget: 'img',
+      props: {
+        imgKey: 'img_v3_02mo_988890d0-35a0-44cf-aa80-ba191663f38g',
+        preview: true,
+        transparent: true,
+        scaleType: 'fit_horizontal',
+        margin: '0px 0px 0px 0px'
+      }
+    },
+    column_set_41: {
+      type: 'object',
+      widget: 'columnSet',
+      props: {
+        horizontalSpacing: '8px',
+        horizontalAlign: 'left',
+        margin: '0px 0px 0px 0px',
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'nowrap',
+          gap: '8px'
+        }
+      },
+      properties: {
+        col_40: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'weighted',
+            padding: '0px 0px 0px 0px',
+            direction: 'vertical',
+            horizontalSpacing: '8px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            margin: '-40px 0px 0px 0px',
+            weight: 1
+          },
+          properties: {
+            e_2: {
+              type: 'string',
+              widget: 'markdown',
+              props: {
+                content: '<font color="grey-600">LarkDesign AI Platform</font>',
+                textAlign: 'left',
+                textSize: 'normal_v2',
+                margin: '16px 0px 0px 20px',
+                icon: {
+                  tag: 'standard_icon',
+                  token: 'premium-gleam_filled',
+                  color: 'light_grey'
+                }
+              }
+            },
+            e_39: {
+              type: 'object',
+              widget: 'columnSet',
+              props: {
+                horizontalSpacing: '8px',
+                horizontalAlign: 'left',
+                margin: '0px 8px 8px 8px',
+                style: {
+                  flexDirection: 'row',
+                  flexWrap: 'nowrap',
+                  gap: '8px'
+                }
+              },
+              properties: {
+                col_38: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    padding: '0px 0px 0px 0px',
+                    direction: 'vertical',
+                    horizontalSpacing: '8px',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    margin: '0px 0px 0px 0px',
+                    weight: 1
+                  },
+                  properties: {
+                    e_9: {
+                      type: 'object',
+                      widget: 'interactiveContainer',
+                      props: {
+                        width: 'fill',
+                        height: 'auto',
+                        cornerRadius: '8px',
+                        hasBorder: false,
+                        backgroundStyle: 'color_fnqkyskz9bf',
+                        behaviors: [],
+                        padding: '8px 8px 8px 8px',
+                        direction: 'vertical',
+                        horizontalSpacing: '8px',
+                        verticalSpacing: '8px',
+                        horizontalAlign: 'left',
+                        verticalAlign: 'top',
+                        margin: '8px 12px 8px 12px'
+                      },
+                      properties: {
+                        e_8: {
+                          type: 'object',
+                          widget: 'columnSet',
+                          props: {
+                            flexMode: 'stretch',
+                            horizontalSpacing: '8px',
+                            horizontalAlign: 'left',
+                            margin: '0px 0px 0px 0px',
+                            style: {
+                              flexDirection: 'row',
+                              flexWrap: 'nowrap',
+                              gap: '8px'
+                            }
+                          },
+                          properties: {
+                            col_5: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                direction: 'vertical',
+                                horizontalSpacing: '8px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 3
+                              },
+                              properties: {
+                                e_3: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '**最热 vO 发布了新的基于聊天的网页开发助手**',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                },
+                                e_4: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '<font color="grey-600">用户界面：生成后台类型的UI，如表单、布局等</font>\n<font color="grey-600">运行代码：AI 执行代码事代码，提供实时反馈或外部数据</font>\n<font color="grey-600">功能特点：提供对话式交互和个性化的帮助</font>',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '3 3 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            },
+                            col_7: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 1
+                              },
+                              properties: {
+                                e_6: {
+                                  type: 'string',
+                                  widget: 'img',
+                                  props: {
+                                    imgKey: 'placeholder',
+                                    preview: true,
+                                    transparent: false,
+                                    scaleType: 'fit_horizontal',
+                                    cornerRadius: '12px',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '1 1 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            }
+                          }
+                        }
+                      }
+                    },
+                    e_16: {
+                      type: 'object',
+                      widget: 'interactiveContainer',
+                      props: {
+                        width: 'fill',
+                        height: 'auto',
+                        cornerRadius: '8px',
+                        hasBorder: false,
+                        backgroundStyle: 'color_fnqkyskz9bf',
+                        behaviors: [],
+                        padding: '8px 8px 8px 8px',
+                        direction: 'vertical',
+                        horizontalSpacing: '8px',
+                        verticalSpacing: '8px',
+                        horizontalAlign: 'left',
+                        verticalAlign: 'top',
+                        margin: '8px 12px 8px 12px'
+                      },
+                      properties: {
+                        e_15: {
+                          type: 'object',
+                          widget: 'columnSet',
+                          props: {
+                            flexMode: 'stretch',
+                            horizontalSpacing: '8px',
+                            horizontalAlign: 'left',
+                            margin: '0px 0px 0px 0px',
+                            style: {
+                              flexDirection: 'row',
+                              flexWrap: 'nowrap',
+                              gap: '8px'
+                            }
+                          },
+                          properties: {
+                            col_12: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                direction: 'vertical',
+                                horizontalSpacing: '8px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 3
+                              },
+                              properties: {
+                                e_10: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '**截图审读速度提升等几倍**',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                },
+                                e_11: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '<font color="grey-600">内容：通过 AI 介入界面分析，AI 基础知识到数据列表</font>\n<font color="grey-600">学习路径：帮助开发者更高效使用界面 AI，无论你是想学习如何使用现有的 AI 工具</font>',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '3 3 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            },
+                            col_14: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 1
+                              },
+                              properties: {
+                                e_13: {
+                                  type: 'string',
+                                  widget: 'img',
+                                  props: {
+                                    imgKey: 'placeholder',
+                                    preview: true,
+                                    transparent: false,
+                                    scaleType: 'fit_horizontal',
+                                    cornerRadius: '12px',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '1 1 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            }
+                          }
+                        }
+                      }
+                    },
+                    e_23: {
+                      type: 'object',
+                      widget: 'interactiveContainer',
+                      props: {
+                        width: 'fill',
+                        height: 'auto',
+                        cornerRadius: '8px',
+                        hasBorder: false,
+                        backgroundStyle: 'color_fnqkyskz9bf',
+                        behaviors: [],
+                        padding: '8px 8px 8px 8px',
+                        direction: 'vertical',
+                        horizontalSpacing: '8px',
+                        verticalSpacing: '8px',
+                        horizontalAlign: 'left',
+                        verticalAlign: 'top',
+                        margin: '8px 12px 8px 12px'
+                      },
+                      properties: {
+                        e_22: {
+                          type: 'object',
+                          widget: 'columnSet',
+                          props: {
+                            flexMode: 'stretch',
+                            horizontalSpacing: '8px',
+                            horizontalAlign: 'left',
+                            margin: '0px 0px 0px 0px',
+                            style: {
+                              flexDirection: 'row',
+                              flexWrap: 'nowrap',
+                              gap: '8px'
+                            }
+                          },
+                          properties: {
+                            col_19: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                direction: 'vertical',
+                                horizontalSpacing: '8px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 3
+                              },
+                              properties: {
+                                e_17: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '**一句话生成精美可编辑设计**',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                },
+                                e_18: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '<font color="grey-600">技术：由 OpenAI/Azure OpenAI 提供支持</font>\n<font color="grey-600">应用场景：利用 AI 解决文档生成、设计内容创作、个性化广告等问题</font>\n<font color="grey-600">培训课程：税务研究和专业税务专业知识培训课程</font>',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '3 3 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            },
+                            col_21: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 1
+                              },
+                              properties: {
+                                e_20: {
+                                  type: 'string',
+                                  widget: 'img',
+                                  props: {
+                                    imgKey: 'placeholder',
+                                    preview: true,
+                                    transparent: false,
+                                    scaleType: 'fit_horizontal',
+                                    cornerRadius: '12px',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '1 1 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            }
+                          }
+                        }
+                      }
+                    },
+                    e_30: {
+                      type: 'object',
+                      widget: 'interactiveContainer',
+                      props: {
+                        width: 'fill',
+                        height: 'auto',
+                        cornerRadius: '8px',
+                        hasBorder: false,
+                        backgroundStyle: 'color_fnqkyskz9bf',
+                        behaviors: [],
+                        padding: '8px 8px 8px 8px',
+                        direction: 'vertical',
+                        horizontalSpacing: '8px',
+                        verticalSpacing: '8px',
+                        horizontalAlign: 'left',
+                        verticalAlign: 'top',
+                        margin: '8px 12px 8px 12px'
+                      },
+                      properties: {
+                        e_29: {
+                          type: 'object',
+                          widget: 'columnSet',
+                          props: {
+                            flexMode: 'stretch',
+                            horizontalSpacing: '8px',
+                            horizontalAlign: 'left',
+                            margin: '0px 0px 0px 0px',
+                            style: {
+                              flexDirection: 'row',
+                              flexWrap: 'nowrap',
+                              gap: '8px'
+                            }
+                          },
+                          properties: {
+                            col_26: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                direction: 'vertical',
+                                horizontalSpacing: '8px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 3
+                              },
+                              properties: {
+                                e_24: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '**智盟AI发布会：AI 助手助力世界交互**',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                },
+                                e_25: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '<font color="grey-600">智盟AI 推荐：发布 GLM-PC/AutoGLM，融入语义理解到中各种任务，并推出原模型 GLM4-Edge</font>\n<font color="grey-600">产品措施：GLM-PC 可以通过包含模型的手机和PC操作中的相关应用，例如自动办公、报告等。AutoGLM 可以手机上完成任务。</font>',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '3 3 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            },
+                            col_28: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 1
+                              },
+                              properties: {
+                                e_27: {
+                                  type: 'string',
+                                  widget: 'img',
+                                  props: {
+                                    imgKey: 'placeholder',
+                                    preview: true,
+                                    transparent: false,
+                                    scaleType: 'fit_horizontal',
+                                    cornerRadius: '12px',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '1 1 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            }
+                          }
+                        }
+                      }
+                    },
+                    e_37: {
+                      type: 'object',
+                      widget: 'interactiveContainer',
+                      props: {
+                        width: 'fill',
+                        height: 'auto',
+                        cornerRadius: '8px',
+                        hasBorder: false,
+                        backgroundStyle: 'color_fnqkyskz9bf',
+                        behaviors: [],
+                        padding: '8px 8px 8px 8px',
+                        direction: 'vertical',
+                        horizontalSpacing: '8px',
+                        verticalSpacing: '8px',
+                        horizontalAlign: 'left',
+                        verticalAlign: 'top',
+                        margin: '8px 12px 8px 12px'
+                      },
+                      properties: {
+                        e_36: {
+                          type: 'object',
+                          widget: 'columnSet',
+                          props: {
+                            flexMode: 'stretch',
+                            horizontalSpacing: '8px',
+                            horizontalAlign: 'left',
+                            margin: '0px 0px 0px 0px',
+                            style: {
+                              flexDirection: 'row',
+                              flexWrap: 'nowrap',
+                              gap: '8px'
+                            }
+                          },
+                          properties: {
+                            col_33: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                direction: 'vertical',
+                                horizontalSpacing: '8px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 3
+                              },
+                              properties: {
+                                e_31: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '**Ant Design X：快速构建 AI 聊天界面**',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                },
+                                e_32: {
+                                  type: 'string',
+                                  widget: 'markdown',
+                                  props: {
+                                    content: '<font color="grey-600">简介：蚂蚁集团开源 Ant Design X，一个 AI 聊天界面工具包</font>\n<font color="grey-600">技术：快速搭建丰富 ChatGPT 类应用，包含 RAGs、Agent 应用、AI 助手等</font>',
+                                    textAlign: 'left',
+                                    textSize: 'normal_v2',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '3 3 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            },
+                            col_35: {
+                              type: 'object',
+                              widget: 'column',
+                              props: {
+                                width: 'weighted',
+                                padding: '0px 0px 0px 0px',
+                                verticalSpacing: '8px',
+                                horizontalAlign: 'left',
+                                verticalAlign: 'top',
+                                margin: '0px 0px 0px 0px',
+                                weight: 1
+                              },
+                              properties: {
+                                e_34: {
+                                  type: 'string',
+                                  widget: 'img',
+                                  props: {
+                                    imgKey: 'placeholder',
+                                    preview: true,
+                                    transparent: false,
+                                    scaleType: 'fit_horizontal',
+                                    cornerRadius: '12px',
+                                    margin: '0px 0px 0px 0px'
+                                  }
+                                }
+                              },
+                              style: {
+                                flex: '1 1 0%',
+                                width: 'auto',
+                                minWidth: 0
+                              }
+                            }
+                          }
+                        }
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                }
+              }
+            }
+          },
+          style: {
+            flex: '1 1 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        }
+      }
+    },
+    column_set_51: {
+      type: 'object',
+      widget: 'columnSet',
+      props: {
+        backgroundStyle: 'color_3o25f1yylor',
+        horizontalSpacing: '8px',
+        horizontalAlign: 'left',
+        margin: '0px 0px 0px 0px',
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'nowrap',
+          gap: '8px'
+        }
+      },
+      properties: {
+        col_43: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: '52px',
+            padding: '8px 8px 8px 8px',
+            direction: 'vertical',
+            horizontalSpacing: '8px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            margin: '0px 0px 0px 0px'
+          },
+          properties: {
+            e_42: {
+              type: 'string',
+              widget: 'img',
+              props: {
+                imgKey: 'img_v3_02en_1aab355d-eb33-4089-98c7-d39669e0d85g',
+                preview: false,
+                transparent: false,
+                scaleType: 'crop_center',
+                size: 'small',
+                cornerRadius: '100%',
+                margin: '0px 0px 0px 0px'
+              }
+            }
+          },
+          style: {
+            flex: '1 1 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        },
+        col_45: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'weighted',
+            padding: '0px 0px 0px 0px',
+            direction: 'vertical',
+            horizontalSpacing: '8px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            margin: '0px 0px 0px 0px',
+            weight: 2
+          },
+          properties: {
+            e_44: {
+              type: 'string',
+              widget: 'markdown',
+              props: {
+                content: '**五条 AI Daily**\n<font color="grey-600">每天精选最真实的AI新知</font>',
+                textAlign: 'left',
+                textSize: 'normal_v2',
+                margin: '8px 0px 0px 0px'
+              }
+            }
+          },
+          style: {
+            flex: '2 2 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        },
+        col_50: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'auto',
+            padding: '0px 0px 0px 0px',
+            direction: 'vertical',
+            horizontalSpacing: '8px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            margin: '0px 0px 0px 0px'
+          },
+          properties: {
+            e_49: {
+              type: 'object',
+              widget: 'columnSet',
+              props: {
+                horizontalSpacing: '8px',
+                horizontalAlign: 'left',
+                margin: '15px 15px 15px 15px',
+                style: {
+                  flexDirection: 'row',
+                  flexWrap: 'nowrap',
+                  gap: '8px'
+                }
+              },
+              properties: {
+                col_48: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'auto',
+                    padding: '0px 0px 0px 0px',
+                    direction: 'horizontal',
+                    horizontalSpacing: '8px',
+                    verticalSpacing: '8px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'bottom',
+                    margin: '0px 0px 0px 0px',
+                    style: {
+                      flexDirection: 'row',
+                      flexWrap: 'nowrap',
+                      gap: '8px'
+                    }
+                  },
+                  properties: {
+                    e_46: {
+                      type: 'string',
+                      widget: 'button',
+                      props: {
+                        text: '',
+                        type: 'text',
+                        width: 'fill',
+                        size: 'large',
+                        icon: {
+                          tag: 'standard_icon',
+                          token: 'subscribe_outlined'
+                        },
+                        hoverTips: {
+                          tag: 'plain_text',
+                          content: '订阅，可每天收到推送'
+                        },
+                        behaviors: [],
+                        margin: '0px 0px 0px 0px',
+                        showTitle: false
+                      }
+                    },
+                    e_47: {
+                      type: 'string',
+                      widget: 'button',
+                      props: {
+                        text: '',
+                        type: 'text',
+                        width: 'fill',
+                        size: 'large',
+                        icon: {
+                          tag: 'standard_icon',
+                          token: 'bonus-payroll_outlined'
+                        },
+                        hoverTips: {
+                          tag: 'plain_text',
+                          content: '打赏，给 5 条买点狗粮'
+                        },
+                        behaviors: [],
+                        margin: '0px 0px 0px 0px',
+                        showTitle: false
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '0 0 auto',
+                    width: 'auto'
+                  }
+                }
+              }
+            }
+          },
+          style: {
+            flex: '0 0 auto',
+            width: 'auto'
+          }
+        }
+      }
+    }
+  }
+};