Weber更新日誌
組件概述
計算器組件是互動式表單類組件，讓訪客輸入參數後即時自動運算、展示計算結果。支援自訂計算公式、輸入欄位與結果展示樣式。
組件構成：計算器組件由【滑塊】+【數值輸入框】+【結果項】組件集成。由【滑塊】+【數值輸入框】構成左側的【Calculator Info】計算資訊層級；由【結果項】構成右側的【Calculator Result】計算結果層級。（注意：計算資訊與計算結果均可以分別添加多個計算組件和結果項組件）
適用場景
1. 服務報價試算頁，客戶選擇選項，自動估算報價金額
2. 貸款、分期、租金試算工具
不建議使用場景
1. 複雜多條件分支、巨量資料運算：不適合極複雜判斷、上千筆資料查表運算，建議自定義【代碼】組件實現。
2. 金融精準計算：本組件為前端即時試算工具，僅供參考，不可作為具備法律約束力的正式報價 / 金融合約計算。
組件使用
1、選中【Calculator Item】層級內的【輸入框】，可在編輯器右側【設置】中填寫【字段名】。並設置該計算項的最大/最小值、初始數值、間隔，還可以啟用【百分比】功能
2、選中【計算結果】層級可在編輯器右側【設置】中填寫公式，設定【小數位數】
3、組件內所有子組件都支持自定義樣式。（注意：固定的層級關係不能調整）
4、選中滑塊子組件的【滑塊】層級可在Class的【裝飾】➡️【控制項色彩】調整顏色
子組件使用
1、【滑塊】組件：由【文本】+【Slider Container 滑動容器】組成，【Slider Container 滑動容器】由【Slider Wrapper 滑塊包裝器】+【Slider Value 滑桿】組成。
選中組件【Slider Wrapper】內的【滑塊】層級，在編輯器右側的【設置】中，調整組件的數值。
字段名（此計算組件的識別名稱，建議使用簡單英文字母，以便後續公式填寫）
值（預設初始數值）
最大值（可輸入數值範圍上限）
最小值（可輸入數值範圍下限）
間隔（每次增減的單位，例如間隔 = 1，每次變動 ±1）
以上的5個設置根據需求調整
在【設置】中可以選擇【顯示間斷點】、【顯示標記】、【百分比】（注意：【顯示標記】需要勾選【線索間斷點】後才可選）
2、【輸入數值框】組件：由【文本】+【Number 數值容器】組成，【Number 數值容器】由【輸入框】+【文本】組成。
選中【輸入框】，以下內容根據需求調整組件數值
字段名（此計算組件的識別名稱，建議使用簡單英文字母，以便後續公式填寫）
值（預設初始數值）
最大值（可輸入數值範圍上限）
最小值（可輸入數值範圍下限）
間隔（每次增減的單位，例如間隔 = 1，每次變動 ±1）
3、【計算結果】組件：由【文本】+【Result結果】組成
選中【計算結果】層級，在編輯器右側的【設置】中可以輸入計算公式
4、【單選項】組件：由【文本】+【單選項組】組成
5、【多選項】組件：由【文本】+【多選項組】組成
注意事項
1、公式中標點符號都需為英文標點符號，以下為常用符號：
加：+
減：-
乘：*
除：/
次方：**
小括號：()
中括號：(())
大括號：((()))
2、公式填寫示例：
貸款金額「字段名」為a
利率「字段名」為b
款期「字段名」為c
計算公式假設為：(貸款金額*利率+貸款金額)/款期=月供
在【計算結果】公式可填寫為：(a*b+a)/c
成品參考
