@4399ywkf/design 2.0.0 → 2.1.1

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

@@ -0,0 +1,587 @@
+// 翻译自飞书 CardKit 案例库（参考案例：销售业绩排行榜）
+// 飞书 schema 在 /tmp/feishu-cases/09-2024-年-05-月销售部门业绩排行榜来啦.json
+export var feishuSalesRanking = {
+  type: 'object',
+  widget: 'cardRoot',
+  style: {
+    padding: 0
+  },
+  props: {
+    template: 'grey',
+    padding: '20px 20px 20px 20px',
+    direction: 'vertical',
+    horizontalSpacing: '8px',
+    verticalSpacing: '16px',
+    updateMulti: true,
+    textSizeMode: 'normal_v2'
+  },
+  properties: {
+    header: {
+      type: 'void',
+      widget: 'displayHeader',
+      props: {
+        title: {
+          tag: 'plain_text',
+          content: '2024 年 05 月销售部门业绩排行榜来啦 🎉🎉🎉'
+        },
+        subtitle: {
+          tag: 'plain_text',
+          content: ''
+        },
+        template: 'grey',
+        padding: '12px 12px 12px 12px'
+      }
+    },
+    img_1: {
+      type: 'string',
+      widget: 'img',
+      props: {
+        imgKey: 'img_v3_02km_ea5ed1ae-c4d6-4308-8ef9-f17ee686ac2g',
+        preview: true,
+        scaleType: 'crop_center',
+        size: '16:6',
+        alt: {
+          tag: 'plain_text',
+          content: ''
+        },
+        cornerRadius: '6px'
+      }
+    },
+    column_set_13: {
+      type: 'object',
+      widget: 'columnSet',
+      props: {
+        backgroundStyle: 'grey-100',
+        horizontalSpacing: '8px',
+        horizontalAlign: 'left',
+        margin: '0px 0px 0px 0px',
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'nowrap',
+          gap: '8px'
+        }
+      },
+      properties: {
+        col_3: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'weighted',
+            padding: '12px 0px 0px 10px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            weight: 1
+          },
+          properties: {
+            e_2: {
+              type: 'string',
+              widget: 'img',
+              props: {
+                imgKey: 'img_v2_a4b2d72a-211b-440b-8950-880066cfbabg',
+                preview: true,
+                scaleType: 'crop_center',
+                alt: {
+                  tag: 'plain_text',
+                  content: ''
+                },
+                cornerRadius: '6px'
+              }
+            }
+          },
+          style: {
+            flex: '1 1 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        },
+        col_12: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'weighted',
+            padding: '8px 0px 8px 8px',
+            direction: 'vertical',
+            horizontalSpacing: '8px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            margin: '0px 0px 0px 0px',
+            weight: 5
+          },
+          properties: {
+            e_4: {
+              type: 'string',
+              widget: 'markdown',
+              props: {
+                content: "李梅 ｜  **金牛奖得主**\n<font color='grey'>销售部门精钢零件销售冠军🥇</font>",
+                textAlign: 'left',
+                textSize: 'normal_v2'
+              }
+            },
+            e_11: {
+              type: 'object',
+              widget: 'columnSet',
+              props: {
+                horizontalSpacing: '8px',
+                horizontalAlign: 'left',
+                margin: '0px 0px 0px -2px',
+                style: {
+                  flexDirection: 'row',
+                  flexWrap: 'nowrap',
+                  gap: '8px'
+                }
+              },
+              properties: {
+                col_6: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    direction: 'vertical',
+                    horizontalSpacing: '8px',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_5: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='red'> 1198 万</font>**\n<font color='grey'> 本月业绩</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                },
+                col_8: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_7: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='red'>+11.2% </font>**\n<font color='grey'> 较上月份</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                },
+                col_10: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_9: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='red'>+34.7% </font>**\n<font color='grey'> 较上季度</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                }
+              }
+            }
+          },
+          style: {
+            flex: '5 5 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        }
+      }
+    },
+    column_set_25: {
+      type: 'object',
+      widget: 'columnSet',
+      props: {
+        backgroundStyle: 'grey-100',
+        horizontalSpacing: '8px',
+        horizontalAlign: 'left',
+        margin: '0px 0px 0px 0px',
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'nowrap',
+          gap: '8px'
+        }
+      },
+      properties: {
+        col_15: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'weighted',
+            padding: '12px 0px 0px 10px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            weight: 1
+          },
+          properties: {
+            e_14: {
+              type: 'string',
+              widget: 'img',
+              props: {
+                imgKey: 'img_v2_0920e890-b6ec-4e06-8889-8abd2690843g',
+                preview: true,
+                scaleType: 'crop_center',
+                alt: {
+                  tag: 'plain_text',
+                  content: ''
+                },
+                cornerRadius: '6px'
+              }
+            }
+          },
+          style: {
+            flex: '1 1 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        },
+        col_24: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'weighted',
+            padding: '8px 0px 8px 8px',
+            direction: 'vertical',
+            horizontalSpacing: '8px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            margin: '0px 0px 0px 0px',
+            weight: 5
+          },
+          properties: {
+            e_16: {
+              type: 'string',
+              widget: 'markdown',
+              props: {
+                content: "张锐 ｜ **实力开拓者**\n<font color='grey'>销售部门精钢零件销售亚军🥈</font>",
+                textAlign: 'left',
+                textSize: 'normal_v2'
+              }
+            },
+            e_23: {
+              type: 'object',
+              widget: 'columnSet',
+              props: {
+                horizontalSpacing: '8px',
+                horizontalAlign: 'left',
+                margin: '0px 0px 0px -2px',
+                style: {
+                  flexDirection: 'row',
+                  flexWrap: 'nowrap',
+                  gap: '8px'
+                }
+              },
+              properties: {
+                col_18: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_17: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='red'> 975 万</font>**\n<font color='grey'> 本月业绩</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                },
+                col_20: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_19: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='green'>-0.52%</font>**\n<font color='grey'> 较上月份</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                },
+                col_22: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_21: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='red'>+13.9%</font>**\n<font color='grey'> 较上季度</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                }
+              }
+            }
+          },
+          style: {
+            flex: '5 5 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        }
+      }
+    },
+    column_set_37: {
+      type: 'object',
+      widget: 'columnSet',
+      props: {
+        backgroundStyle: 'grey-100',
+        horizontalSpacing: '8px',
+        horizontalAlign: 'left',
+        margin: '0px 0px 0px 0px',
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'nowrap',
+          gap: '8px'
+        }
+      },
+      properties: {
+        col_27: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'weighted',
+            padding: '12px 0px 0px 10px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            weight: 1
+          },
+          properties: {
+            e_26: {
+              type: 'string',
+              widget: 'img',
+              props: {
+                imgKey: 'img_v2_5e220251-1dac-42cb-8901-3031e8bd38cg',
+                preview: true,
+                scaleType: 'crop_center',
+                alt: {
+                  tag: 'plain_text',
+                  content: ''
+                },
+                cornerRadius: '6px'
+              }
+            }
+          },
+          style: {
+            flex: '1 1 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        },
+        col_36: {
+          type: 'object',
+          widget: 'column',
+          props: {
+            width: 'weighted',
+            padding: '8px 0px 8px 8px',
+            direction: 'vertical',
+            horizontalSpacing: '8px',
+            verticalSpacing: '8px',
+            horizontalAlign: 'left',
+            verticalAlign: 'top',
+            margin: '0px 0px 0px 0px',
+            weight: 5
+          },
+          properties: {
+            e_28: {
+              type: 'string',
+              widget: 'markdown',
+              props: {
+                content: "李健 ｜ **业务坚守标兵**\n<font color='grey'>销售部门精钢零件销售季军🥉</font>",
+                textAlign: 'left',
+                textSize: 'normal_v2'
+              }
+            },
+            e_35: {
+              type: 'object',
+              widget: 'columnSet',
+              props: {
+                horizontalSpacing: '8px',
+                horizontalAlign: 'left',
+                margin: '0px 0px 0px -2px',
+                style: {
+                  flexDirection: 'row',
+                  flexWrap: 'nowrap',
+                  gap: '8px'
+                }
+              },
+              properties: {
+                col_30: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_29: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='red'> 798 万</font>**\n<font color='grey'> 本月业绩</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                },
+                col_32: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_31: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='red'>+8.2%</font>**\n<font color='grey'> 较上月份</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                },
+                col_34: {
+                  type: 'object',
+                  widget: 'column',
+                  props: {
+                    width: 'weighted',
+                    verticalSpacing: '0px',
+                    horizontalAlign: 'left',
+                    verticalAlign: 'top',
+                    weight: 1
+                  },
+                  properties: {
+                    e_33: {
+                      type: 'string',
+                      widget: 'markdown',
+                      props: {
+                        content: "**<font color='red'>+5.8%</font>**\n<font color='grey'> 较上季度</font>",
+                        textAlign: 'left',
+                        textSize: 'normal'
+                      }
+                    }
+                  },
+                  style: {
+                    flex: '1 1 0%',
+                    width: 'auto',
+                    minWidth: 0
+                  }
+                }
+              }
+            }
+          },
+          style: {
+            flex: '5 5 0%',
+            width: 'auto',
+            minWidth: 0
+          }
+        }
+      }
+    }
+  }
+};

package/dist/FormDesigner/card/templates/feishuSignedContract.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ════════ 签约通知 —— 通知类卡：仅挂载回填，无动作按钮 ════════
+ *
+ * 翻译自飞书 CardKit 案例「签约通知」。按范式接通：onMount 拉详情把
+ * 标题正文 / 金额 / 区域 / 售前 / 致敬语 全部由后端按订单/项目下发。
+ *
+ * ──── 接口契约（mock 见 test/mock-server.mjs）────
+ *  GET /api/signed-contract/detail
+ *    · resp: { code:0, data:{ ContractIntro, ContractAmount, ContractRegion,
+ *      ContractPresalesTeam, ContractCelebration, ContractCredits } }
+ */
+export declare const feishuSignedContract: any;