@yklyklpackages/message-card 0.7.0 → 0.9.0

package/dist/index.umd.js

@@ -6,25 +6,25 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
   var _a;
-  var __defProp$z = Object.defineProperty;
-  var __defProps$t = Object.defineProperties;
-  var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
-  var __hasOwnProp$w = Object.prototype.hasOwnProperty;
-  var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$w = (a, b2) => {
+  var __defProp$A = Object.defineProperty;
+  var __defProps$u = Object.defineProperties;
+  var __getOwnPropDescs$u = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
+  var __hasOwnProp$x = Object.prototype.hasOwnProperty;
+  var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$A = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$x = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$w.call(b2, prop))
-        __defNormalProp$z(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$w)
-      for (var prop of __getOwnPropSymbols$w(b2)) {
-        if (__propIsEnum$w.call(b2, prop))
-          __defNormalProp$z(a, prop, b2[prop]);
+      if (__hasOwnProp$x.call(b2, prop))
+        __defNormalProp$A(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$x)
+      for (var prop of __getOwnPropSymbols$x(b2)) {
+        if (__propIsEnum$x.call(b2, prop))
+          __defNormalProp$A(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$t = (a, b2) => __defProps$t(a, __getOwnPropDescs$t(b2));
+  var __spreadProps$u = (a, b2) => __defProps$u(a, __getOwnPropDescs$u(b2));
   const postMessage$1 = (name, params) => {
     var _a2;
     (_a2 = window == null ? void 0 : window.parent) == null ? void 0 : _a2.postMessage({ from: "aui-preview", name, params }, "*");
@@ -69,8 +69,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         className: "container-wrap-hoc",
         ref: containerRef,
         onClick,
-        children: renderFunction(__spreadProps$t(__spreadValues$w({}, runtimeProps), {
-          component: __spreadValues$w(__spreadValues$w({}, runtimeProps.component), componentFromEditor || {})
+        children: renderFunction(__spreadProps$u(__spreadValues$x({}, runtimeProps), {
+          component: __spreadValues$x(__spreadValues$x({}, runtimeProps.component), componentFromEditor || {})
         }))
       },
       updateUniqueId
@@ -94,19 +94,19 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       );
     } : renderFunction;
   };
-  var __defProp$y = Object.defineProperty;
-  var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
-  var __hasOwnProp$v = Object.prototype.hasOwnProperty;
-  var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$y = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$v = (a, b2) => {
+  var __defProp$z = Object.defineProperty;
+  var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
+  var __hasOwnProp$w = Object.prototype.hasOwnProperty;
+  var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$w = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$v.call(b2, prop))
-        __defNormalProp$y(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$v)
-      for (var prop of __getOwnPropSymbols$v(b2)) {
-        if (__propIsEnum$v.call(b2, prop))
-          __defNormalProp$y(a, prop, b2[prop]);
+      if (__hasOwnProp$w.call(b2, prop))
+        __defNormalProp$z(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$w)
+      for (var prop of __getOwnPropSymbols$w(b2)) {
+        if (__propIsEnum$w.call(b2, prop))
+          __defNormalProp$z(a, prop, b2[prop]);
       }
     return a;
   };
@@ -132,7 +132,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     if (isWebp) {
       reWebp = ".webp";
     }
-    const { width, height } = __spreadValues$v({}, size);
+    const { width, height } = __spreadValues$w({}, size);
     let reSize = "";
     if (width && height) {
       reSize = `s${width}x${height}_`;
@@ -212,7 +212,183 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       Radius_JDH_xs: 6
     },
     components: {
-      card: {
+      text: {
+        basic: {
+          fontSize: "FontSizes_JDH_Text",
+          lineHeight: "FontSizes_JDH_Text",
+          fontWeight: "FontWeight_JDH_Normal",
+          color: "Color_JDH_Gray_Text",
+          background: "#FFF",
+          margin: 0
+        },
+        variant: {
+          h1: {
+            fontSize: "FontSizes_JDH_Headline1",
+            lineHeight: "FontSizes_JDH_Headline1",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          h2: {
+            fontSize: "FontSizes_JDH_Headline2",
+            lineHeight: "FontSizes_JDH_Headline2",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          h3: {
+            fontSize: "FontSizes_JDH_Title",
+            lineHeight: "FontSizes_JDH_Title",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          h4: {
+            fontSize: "FontSizes_JDH_Title",
+            lineHeight: "FontSizes_JDH_Title",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          h5: {
+            fontSize: "FontSizes_JDH_Title",
+            lineHeight: "FontSizes_JDH_Title",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          body: {},
+          caption: {
+            fontSize: "FontSizes_JDH_AccentText",
+            lineHeight: "FontSizes_JDH_AccentText",
+            color: "Color_JDH_Gray_AccentText"
+          },
+          tag: {
+            fontSize: "FontSizes_JDH_TagText",
+            lineHeight: "FontSizes_JDH_TagText",
+            color: "Color_JDH_Gray_AccentText"
+          }
+        }
+      },
+      button: {
+        basicColor: {
+          color: "#FFF",
+          background: "#000",
+          borderColor: "rgb(217, 217, 217)",
+          fillBackground: "rgba(0, 0, 0, 0.04)"
+        },
+        color: {
+          default: {},
+          primary: {
+            color: "#FFF",
+            background: "rgb(22, 119, 255)",
+            borderColor: "rgb(22, 119, 255)",
+            fillBackground: "rgb(230, 244, 255)"
+          },
+          danger: {
+            color: "#FFF",
+            background: "rgb(255, 77, 79)",
+            borderColor: "rgb(255, 77, 79)",
+            fillBackground: "rgb(255, 242, 240)"
+          },
+          green: {
+            color: "#fff",
+            background: "rgb(82, 196, 26)",
+            borderColor: "rgb(82, 196, 26)",
+            fillBackground: "rgb(246, 255, 237)"
+          },
+          red: {
+            background: "rgb(245, 34, 45)",
+            borderColor: "rgb(245, 34, 45)",
+            fillBackground: "rgb(255, 241, 240)"
+          },
+          yellow: {
+            background: "rgb(250, 219, 20)",
+            borderColor: "rgb(250, 219, 20)",
+            fillBackground: "rgb(254, 255, 230)"
+          },
+          blue: {
+            color: "#FFF",
+            background: "rgb(22, 119, 255)",
+            borderColor: "rgb(22, 119, 255)",
+            fillBackground: "rgb(230, 244, 255)"
+          }
+        },
+        disabledColor: {
+          color: "rgba(0, 0, 0, 0.25)",
+          background: "rgba(0, 0, 0, 0.04)",
+          borderColor: "rgb(217, 217, 217)",
+          fillBackground: "rgba(0, 0, 0, 0.04)",
+          textLinkBackground: "#fff"
+        },
+        hoverColor: {
+          default: {
+            solidBackground: "rgba(0,0,0,0.75)",
+            outlineDashedTextColor: "#4096ff",
+            fillBackground: "rgba(0,0,0,0.06)",
+            textBackground: "rgba(0,0,0,0.04)"
+          },
+          primary: {
+            solidBackground: "#4096ff",
+            outlineDashedTextColor: "#4096ff",
+            fillBackground: "#bae0ff",
+            textBackground: "#e6f4ff"
+          },
+          danger: {
+            solidBackground: "#ff7875",
+            outlineDashedTextColor: "#ff7875",
+            fillBackground: "#ffdfdc",
+            textBackground: "#fff2f0"
+          },
+          green: {
+            solidBackground: "#73d13d",
+            outlineDashedTextColor: "#73d13d",
+            fillBackground: "#d9f7be",
+            textBackground: "#f6ffed"
+          },
+          red: {
+            solidBackground: "#ff4d4f",
+            outlineDashedTextColor: "#ff4d4f",
+            fillBackground: "#ffccc7",
+            textBackground: "#fff1f0"
+          },
+          blue: {
+            solidBackground: "#4096ff",
+            outlineDashedTextColor: "#4096ff",
+            fillBackground: "#bae0ff",
+            textBackground: "#e6f4ff"
+          },
+          yellow: {
+            solidBackground: "#ffec3d",
+            outlineDashedTextColor: "#ffec3d",
+            fillBackground: "#ffffb8",
+            textBackground: "#feffe6"
+          }
+        },
+        basicSize: {
+          fontSize: 28,
+          lineHeight: 44,
+          padding: [8, 30],
+          borderRadius: 12,
+          minWidth: "auto"
+        },
+        size: {
+          small: {
+            padding: [0, 14]
+          },
+          middle: {},
+          large: {
+            fontSize: 32,
+            lineHeight: 50,
+            borderRadius: 16,
+            padding: [13, 30]
+          }
+        },
+        icon: {
+          borderRadius: 4,
+          margin: [0, 16, 0, 0]
+        },
+        loading: {
+          opacity: 0.65
+        },
+        loadingIcon: ""
+      },
+      jdhCard: {
         wrap: {
           background: "Color_JDH_Gray_Background",
           padding: "Spacing_JDH_xxl"
@@ -237,7 +413,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           borderRadius: "Radius_JDH_xl"
         }
       },
-      choice: {
+      jdhChoice: {
         wrap: {
           padding: [13, 32],
           layoutSmallPadding: [11, 20],
@@ -289,7 +465,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         },
         disabledOpacity: 0.4
       },
-      button: {
+      jdhButton: {
         colorStyle: {
           solid: {
             primary: {
@@ -377,7 +553,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         },
         disabledOpacity: 0.4
       },
-      input: {
+      jdhInput: {
         defaultState: {
           background: "Color_JDH_Gray_Background",
           fontSize: "FontSizes_JDH_Text",
@@ -423,7 +599,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           color: "Color_JDH_Gray_AccentText"
         }
       },
-      textarea: {
+      jdhTextarea: {
         defaultState: {
           background: "Color_JDH_Gray_Background",
           fontSize: "FontSizes_JDH_Text",
@@ -478,12 +654,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       FontSizes_JDH_TagText: 10
     },
     lineHeight: {
-      FontSizes_JDH_Headline1: 70,
-      FontSizes_JDH_Headline2: 52,
-      FontSizes_JDH_Title: 46,
-      FontSizes_JDH_Text: 42,
-      FontSizes_JDH_AccentText: 36,
-      FontSizes_JDH_TagText: 30
+      FontSizes_JDH_Headline1: 35,
+      FontSizes_JDH_Headline2: 26,
+      FontSizes_JDH_Title: 23,
+      FontSizes_JDH_Text: 21,
+      FontSizes_JDH_AccentText: 18,
+      FontSizes_JDH_TagText: 15
     },
     color: {
       Color_JDH_Primary: "#17CB8E",
@@ -529,7 +705,183 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       Radius_JDH_xs: 3
     },
     components: {
-      card: {
+      text: {
+        basic: {
+          fontSize: "FontSizes_JDH_Text",
+          lineHeight: "FontSizes_JDH_Text",
+          fontWeight: "FontWeight_JDH_Normal",
+          color: "Color_JDH_Gray_Text",
+          background: "#FFF",
+          margin: 0
+        },
+        variant: {
+          h1: {
+            fontSize: "FontSizes_JDH_Headline1",
+            lineHeight: "FontSizes_JDH_Headline1",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          h2: {
+            fontSize: "FontSizes_JDH_Headline2",
+            lineHeight: "FontSizes_JDH_Headline2",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          h3: {
+            fontSize: "FontSizes_JDH_Title",
+            lineHeight: "FontSizes_JDH_Title",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          h4: {
+            fontSize: "FontSizes_JDH_Title",
+            lineHeight: "FontSizes_JDH_Title",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          h5: {
+            fontSize: "FontSizes_JDH_Title",
+            lineHeight: "FontSizes_JDH_Title",
+            color: "Color_JDH_Gray_Headline",
+            fontWeight: "FontWeight_JDH_Medium"
+          },
+          body: {},
+          caption: {
+            fontSize: "FontSizes_JDH_AccentText",
+            lineHeight: "FontSizes_JDH_AccentText",
+            color: "Color_JDH_Gray_AccentText"
+          },
+          tag: {
+            fontSize: "FontSizes_JDH_TagText",
+            lineHeight: "FontSizes_JDH_TagText",
+            color: "Color_JDH_Gray_AccentText"
+          }
+        }
+      },
+      button: {
+        basicColor: {
+          color: "#FFF",
+          background: "#000",
+          borderColor: "rgb(217, 217, 217)",
+          fillBackground: "rgba(0, 0, 0, 0.04)"
+        },
+        color: {
+          default: {},
+          primary: {
+            color: "#FFF",
+            background: "rgb(22, 119, 255)",
+            borderColor: "rgb(22, 119, 255)",
+            fillBackground: "rgb(230, 244, 255)"
+          },
+          danger: {
+            color: "#FFF",
+            background: "rgb(255, 77, 79)",
+            borderColor: "rgb(255, 77, 79)",
+            fillBackground: "rgb(255, 242, 240)"
+          },
+          green: {
+            color: "#fff",
+            background: "rgb(82, 196, 26)",
+            borderColor: "rgb(82, 196, 26)",
+            fillBackground: "rgb(246, 255, 237)"
+          },
+          red: {
+            background: "rgb(245, 34, 45)",
+            borderColor: "rgb(245, 34, 45)",
+            fillBackground: "rgb(255, 241, 240)"
+          },
+          yellow: {
+            background: "rgb(250, 219, 20)",
+            borderColor: "rgb(250, 219, 20)",
+            fillBackground: "rgb(254, 255, 230)"
+          },
+          blue: {
+            color: "#FFF",
+            background: "rgb(22, 119, 255)",
+            borderColor: "rgb(22, 119, 255)",
+            fillBackground: "rgb(230, 244, 255)"
+          }
+        },
+        disabledColor: {
+          color: "rgba(0, 0, 0, 0.25)",
+          background: "rgba(0, 0, 0, 0.04)",
+          borderColor: "rgb(217, 217, 217)",
+          fillBackground: "rgba(0, 0, 0, 0.04)",
+          textLinkBackground: "#fff"
+        },
+        hoverColor: {
+          default: {
+            solidBackground: "rgba(0,0,0,0.75)",
+            outlineDashedTextColor: "#4096ff",
+            fillBackground: "rgba(0,0,0,0.06)",
+            textBackground: "rgba(0,0,0,0.04)"
+          },
+          primary: {
+            solidBackground: "#4096ff",
+            outlineDashedTextColor: "#4096ff",
+            fillBackground: "#bae0ff",
+            textBackground: "#e6f4ff"
+          },
+          danger: {
+            solidBackground: "#ff7875",
+            outlineDashedTextColor: "#ff7875",
+            fillBackground: "#ffdfdc",
+            textBackground: "#fff2f0"
+          },
+          green: {
+            solidBackground: "#73d13d",
+            outlineDashedTextColor: "#73d13d",
+            fillBackground: "#d9f7be",
+            textBackground: "#f6ffed"
+          },
+          red: {
+            solidBackground: "#ff4d4f",
+            outlineDashedTextColor: "#ff4d4f",
+            fillBackground: "#ffccc7",
+            textBackground: "#fff1f0"
+          },
+          blue: {
+            solidBackground: "#4096ff",
+            outlineDashedTextColor: "#4096ff",
+            fillBackground: "#bae0ff",
+            textBackground: "#e6f4ff"
+          },
+          yellow: {
+            solidBackground: "#ffec3d",
+            outlineDashedTextColor: "#ffec3d",
+            fillBackground: "#ffffb8",
+            textBackground: "#feffe6"
+          }
+        },
+        basicSize: {
+          fontSize: 14,
+          lineHeight: 22,
+          padding: [4, 15],
+          borderRadius: 6,
+          minWidth: "auto"
+        },
+        size: {
+          small: {
+            padding: [0, 7]
+          },
+          middle: {},
+          large: {
+            fontSize: 16,
+            lineHeight: 25,
+            borderRadius: 8,
+            padding: [6.5, 15]
+          }
+        },
+        icon: {
+          borderRadius: 2,
+          margin: [0, 8, 0, 0]
+        },
+        loading: {
+          opacity: 0.65
+        },
+        loadingIcon: ""
+      },
+      jdhCard: {
         wrap: {
           background: "Color_JDH_Gray_Background",
           padding: "Spacing_JDH_xxl"
@@ -554,7 +906,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           borderRadius: "Radius_JDH_xl"
         }
       },
-      choice: {
+      jdhChoice: {
         wrap: {
           padding: [6.5, 16],
           layoutSmallPadding: [5.5, 10],
@@ -606,7 +958,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         },
         disabledOpacity: 0.4
       },
-      button: {
+      jdhButton: {
         colorStyle: {
           solid: {
             primary: {
@@ -694,7 +1046,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         },
         disabledOpacity: 0.4
       },
-      input: {
+      jdhInput: {
         defaultState: {
           background: "Color_JDH_Gray_Background",
           fontSize: "FontSizes_JDH_Text",
@@ -740,7 +1092,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           color: "Color_JDH_Gray_AccentText"
         }
       },
-      textarea: {
+      jdhTextarea: {
         defaultState: {
           background: "Color_JDH_Gray_Background",
           fontSize: "FontSizes_JDH_Text",
@@ -786,25 +1138,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   };
   const DEFAULT_SCALE = 0.5;
-  var __defProp$x = Object.defineProperty;
-  var __defProps$s = Object.defineProperties;
-  var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
-  var __hasOwnProp$u = Object.prototype.hasOwnProperty;
-  var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$u = (a, b2) => {
+  var __defProp$y = Object.defineProperty;
+  var __defProps$t = Object.defineProperties;
+  var __getOwnPropDescs$t = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
+  var __hasOwnProp$v = Object.prototype.hasOwnProperty;
+  var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$y = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$v = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$u.call(b2, prop))
-        __defNormalProp$x(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$u)
-      for (var prop of __getOwnPropSymbols$u(b2)) {
-        if (__propIsEnum$u.call(b2, prop))
-          __defNormalProp$x(a, prop, b2[prop]);
+      if (__hasOwnProp$v.call(b2, prop))
+        __defNormalProp$y(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$v)
+      for (var prop of __getOwnPropSymbols$v(b2)) {
+        if (__propIsEnum$v.call(b2, prop))
+          __defNormalProp$y(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$s = (a, b2) => __defProps$s(a, __getOwnPropDescs$s(b2));
+  var __spreadProps$t = (a, b2) => __defProps$t(a, __getOwnPropDescs$t(b2));
   const ThemeContext = React.createContext(defaultTheme$2);
   const ThemeProvider = ({
     scale = DEFAULT_SCALE,
@@ -813,13 +1165,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   }) => {
     const merged = React.useMemo(() => {
       const base = scale <= DEFAULT_SCALE ? defaultTheme$2 : defaultTheme$1;
-      return __spreadProps$s(__spreadValues$u(__spreadValues$u({}, base), theme || {}), {
-        fontSize: __spreadValues$u(__spreadValues$u({}, base.fontSize), (theme == null ? void 0 : theme.fontSize) || {}),
-        color: __spreadValues$u(__spreadValues$u({}, base.color), (theme == null ? void 0 : theme.color) || {}),
-        backgroundColor: __spreadValues$u(__spreadValues$u({}, base.color), (theme == null ? void 0 : theme.color) || {}),
-        fontWeight: __spreadValues$u(__spreadValues$u({}, base.fontWeight), (theme == null ? void 0 : theme.fontWeight) || {}),
-        space: __spreadValues$u(__spreadValues$u({}, base.space), (theme == null ? void 0 : theme.space) || {}),
-        borderRadius: __spreadValues$u(__spreadValues$u({}, base.borderRadius), (theme == null ? void 0 : theme.borderRadius) || {})
+      return __spreadProps$t(__spreadValues$v(__spreadValues$v({}, base), theme || {}), {
+        fontSize: __spreadValues$v(__spreadValues$v({}, base.fontSize), (theme == null ? void 0 : theme.fontSize) || {}),
+        color: __spreadValues$v(__spreadValues$v({}, base.color), (theme == null ? void 0 : theme.color) || {}),
+        backgroundColor: __spreadValues$v(__spreadValues$v({}, base.color), (theme == null ? void 0 : theme.color) || {}),
+        fontWeight: __spreadValues$v(__spreadValues$v({}, base.fontWeight), (theme == null ? void 0 : theme.fontWeight) || {}),
+        space: __spreadValues$v(__spreadValues$v({}, base.space), (theme == null ? void 0 : theme.space) || {}),
+        borderRadius: __spreadValues$v(__spreadValues$v({}, base.borderRadius), (theme == null ? void 0 : theme.borderRadius) || {})
       });
     }, [theme]);
     return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: merged, children });
@@ -2284,7 +2636,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             "actions",
             "renderActions",
             "border",
-            "backgroundImage"
+            "backgroundImage",
+            "backgroundLinearGradient",
+            "boxShadow"
           ]
         },
         runtime: {
@@ -2292,7 +2646,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             "actions",
             "renderActions",
             "border",
-            "backgroundImage"
+            "backgroundImage",
+            "backgroundLinearGradient",
+            "boxShadow"
           ],
           editorMode: editorMode2
         }
@@ -2626,7 +2982,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       var ys = arrObjKeys(obj, inspect2);
       var isPlainObject2 = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
       var protoTag = obj instanceof Object ? "" : "null prototype";
-      var stringTag = !isPlainObject2 && toStringTag$1 && Object(obj) === obj && toStringTag$1 in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? "Object" : "";
+      var stringTag = !isPlainObject2 && toStringTag$1 && Object(obj) === obj && toStringTag$1 in obj ? $slice.call(toStr$1(obj), 8, -1) : protoTag ? "Object" : "";
       var constructorTag = isPlainObject2 || typeof obj.constructor !== "function" ? "" : obj.constructor.name ? obj.constructor.name + " " : "";
       var tag = constructorTag + (stringTag || protoTag ? "[" + $join.call($concat$1.call([], stringTag || [], protoTag || []), ": ") + "] " : "");
       if (ys.length === 0) {
@@ -2651,25 +3007,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return !toStringTag$1 || !(typeof obj === "object" && (toStringTag$1 in obj || typeof obj[toStringTag$1] !== "undefined"));
   }
   function isArray$4(obj) {
-    return toStr(obj) === "[object Array]" && canTrustToString(obj);
+    return toStr$1(obj) === "[object Array]" && canTrustToString(obj);
   }
   function isDate$1(obj) {
-    return toStr(obj) === "[object Date]" && canTrustToString(obj);
+    return toStr$1(obj) === "[object Date]" && canTrustToString(obj);
   }
   function isRegExp$2(obj) {
-    return toStr(obj) === "[object RegExp]" && canTrustToString(obj);
+    return toStr$1(obj) === "[object RegExp]" && canTrustToString(obj);
   }
   function isError(obj) {
-    return toStr(obj) === "[object Error]" && canTrustToString(obj);
+    return toStr$1(obj) === "[object Error]" && canTrustToString(obj);
   }
   function isString$1(obj) {
-    return toStr(obj) === "[object String]" && canTrustToString(obj);
+    return toStr$1(obj) === "[object String]" && canTrustToString(obj);
   }
   function isNumber$1(obj) {
-    return toStr(obj) === "[object Number]" && canTrustToString(obj);
+    return toStr$1(obj) === "[object Number]" && canTrustToString(obj);
   }
   function isBoolean$1(obj) {
-    return toStr(obj) === "[object Boolean]" && canTrustToString(obj);
+    return toStr$1(obj) === "[object Boolean]" && canTrustToString(obj);
   }
   function isSymbol(obj) {
     if (hasShammedSymbols) {
@@ -2705,7 +3061,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function has$3(obj, key) {
     return hasOwn$1.call(obj, key);
   }
-  function toStr(obj) {
+  function toStr$1(obj) {
     return objectToString.call(obj);
   }
   function nameOf(f) {
@@ -3014,7 +3370,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   var uri = URIError;
   var abs$1 = Math.abs;
   var floor$1 = Math.floor;
-  var max$1 = Math.max;
+  var max$2 = Math.max;
   var min$1 = Math.min;
   var pow$1 = Math.pow;
   var round$1 = Math.round;
@@ -3143,99 +3499,78 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     Object_getPrototypeOf = $Object2.getPrototypeOf || null;
     return Object_getPrototypeOf;
   }
-  var implementation;
-  var hasRequiredImplementation;
-  function requireImplementation() {
-    if (hasRequiredImplementation) return implementation;
-    hasRequiredImplementation = 1;
-    var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
-    var toStr2 = Object.prototype.toString;
-    var max2 = Math.max;
-    var funcType = "[object Function]";
-    var concatty = function concatty2(a, b2) {
-      var arr = [];
-      for (var i = 0; i < a.length; i += 1) {
-        arr[i] = a[i];
-      }
-      for (var j2 = 0; j2 < b2.length; j2 += 1) {
-        arr[j2 + a.length] = b2[j2];
-      }
-      return arr;
-    };
-    var slicy = function slicy2(arrLike, offset) {
-      var arr = [];
-      for (var i = offset, j2 = 0; i < arrLike.length; i += 1, j2 += 1) {
-        arr[j2] = arrLike[i];
-      }
-      return arr;
-    };
-    var joiny = function(arr, joiner) {
-      var str = "";
-      for (var i = 0; i < arr.length; i += 1) {
-        str += arr[i];
-        if (i + 1 < arr.length) {
-          str += joiner;
-        }
+  var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
+  var toStr = Object.prototype.toString;
+  var max$1 = Math.max;
+  var funcType = "[object Function]";
+  var concatty = function concatty2(a, b2) {
+    var arr = [];
+    for (var i = 0; i < a.length; i += 1) {
+      arr[i] = a[i];
+    }
+    for (var j2 = 0; j2 < b2.length; j2 += 1) {
+      arr[j2 + a.length] = b2[j2];
+    }
+    return arr;
+  };
+  var slicy = function slicy2(arrLike, offset) {
+    var arr = [];
+    for (var i = offset, j2 = 0; i < arrLike.length; i += 1, j2 += 1) {
+      arr[j2] = arrLike[i];
+    }
+    return arr;
+  };
+  var joiny = function(arr, joiner) {
+    var str = "";
+    for (var i = 0; i < arr.length; i += 1) {
+      str += arr[i];
+      if (i + 1 < arr.length) {
+        str += joiner;
       }
-      return str;
-    };
-    implementation = function bind2(that) {
-      var target = this;
-      if (typeof target !== "function" || toStr2.apply(target) !== funcType) {
-        throw new TypeError(ERROR_MESSAGE + target);
-      }
-      var args = slicy(arguments, 1);
-      var bound;
-      var binder = function() {
-        if (this instanceof bound) {
-          var result = target.apply(
-            this,
-            concatty(args, arguments)
-          );
-          if (Object(result) === result) {
-            return result;
-          }
-          return this;
-        }
-        return target.apply(
-          that,
+    }
+    return str;
+  };
+  var implementation$1 = function bind2(that) {
+    var target = this;
+    if (typeof target !== "function" || toStr.apply(target) !== funcType) {
+      throw new TypeError(ERROR_MESSAGE + target);
+    }
+    var args = slicy(arguments, 1);
+    var bound;
+    var binder = function() {
+      if (this instanceof bound) {
+        var result = target.apply(
+          this,
           concatty(args, arguments)
         );
-      };
-      var boundLength = max2(0, target.length - args.length);
-      var boundArgs = [];
-      for (var i = 0; i < boundLength; i++) {
-        boundArgs[i] = "$" + i;
-      }
-      bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
-      if (target.prototype) {
-        var Empty = function Empty2() {
-        };
-        Empty.prototype = target.prototype;
-        bound.prototype = new Empty();
-        Empty.prototype = null;
+        if (Object(result) === result) {
+          return result;
+        }
+        return this;
       }
-      return bound;
+      return target.apply(
+        that,
+        concatty(args, arguments)
+      );
     };
-    return implementation;
-  }
-  var functionBind;
-  var hasRequiredFunctionBind;
-  function requireFunctionBind() {
-    if (hasRequiredFunctionBind) return functionBind;
-    hasRequiredFunctionBind = 1;
-    var implementation2 = requireImplementation();
-    functionBind = Function.prototype.bind || implementation2;
-    return functionBind;
-  }
-  var functionCall;
-  var hasRequiredFunctionCall;
-  function requireFunctionCall() {
-    if (hasRequiredFunctionCall) return functionCall;
-    hasRequiredFunctionCall = 1;
-    functionCall = Function.prototype.call;
-    return functionCall;
-  }
+    var boundLength = max$1(0, target.length - args.length);
+    var boundArgs = [];
+    for (var i = 0; i < boundLength; i++) {
+      boundArgs[i] = "$" + i;
+    }
+    bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
+    if (target.prototype) {
+      var Empty = function Empty2() {
+      };
+      Empty.prototype = target.prototype;
+      bound.prototype = new Empty();
+      Empty.prototype = null;
+    }
+    return bound;
+  };
+  var implementation = implementation$1;
+  var functionBind = Function.prototype.bind || implementation;
+  var functionCall = Function.prototype.call;
   var functionApply;
   var hasRequiredFunctionApply;
   function requireFunctionApply() {
@@ -3245,14 +3580,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return functionApply;
   }
   var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
-  var bind$3 = requireFunctionBind();
+  var bind$3 = functionBind;
   var $apply$1 = requireFunctionApply();
-  var $call$2 = requireFunctionCall();
+  var $call$2 = functionCall;
   var $reflectApply = reflectApply;
   var actualApply = $reflectApply || bind$3.call($call$2, $apply$1);
-  var bind$2 = requireFunctionBind();
+  var bind$2 = functionBind;
   var $TypeError$4 = type;
-  var $call$1 = requireFunctionCall();
+  var $call$1 = functionCall;
   var $actualApply = actualApply;
   var callBindApplyHelpers = function callBindBasic2(args) {
     if (args.length < 1 || typeof args[0] !== "function") {
@@ -3318,7 +3653,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     hasRequiredHasown = 1;
     var call = Function.prototype.call;
     var $hasOwn = Object.prototype.hasOwnProperty;
-    var bind2 = requireFunctionBind();
+    var bind2 = functionBind;
     hasown = bind2.call(call, $hasOwn);
     return hasown;
   }
@@ -3333,7 +3668,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   var $URIError = uri;
   var abs = abs$1;
   var floor = floor$1;
-  var max = max$1;
+  var max = max$2;
   var min = min$1;
   var pow = pow$1;
   var round = round$1;
@@ -3367,7 +3702,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   var $ObjectGPO = requireObject_getPrototypeOf();
   var $ReflectGPO = requireReflect_getPrototypeOf();
   var $apply = requireFunctionApply();
-  var $call = requireFunctionCall();
+  var $call = functionCall;
   var needsEval = {};
   var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
   var INTRINSICS = {
@@ -3538,7 +3873,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     "%WeakMapPrototype%": ["WeakMap", "prototype"],
     "%WeakSetPrototype%": ["WeakSet", "prototype"]
   };
-  var bind$1 = requireFunctionBind();
+  var bind$1 = functionBind;
   var hasOwn = requireHasown();
   var $concat = bind$1.call($call, Array.prototype.concat);
   var $spliceApply = bind$1.call($apply, Array.prototype.splice);
@@ -4627,33 +4962,33 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     stringify
   };
   const qs = /* @__PURE__ */ getDefaultExportFromCjs(lib);
-  var __defProp$w = Object.defineProperty;
-  var __defProps$r = Object.defineProperties;
-  var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
-  var __hasOwnProp$t = Object.prototype.hasOwnProperty;
-  var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$t = (a, b2) => {
+  var __defProp$x = Object.defineProperty;
+  var __defProps$s = Object.defineProperties;
+  var __getOwnPropDescs$s = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
+  var __hasOwnProp$u = Object.prototype.hasOwnProperty;
+  var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$u = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$t.call(b2, prop))
-        __defNormalProp$w(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$t)
-      for (var prop of __getOwnPropSymbols$t(b2)) {
-        if (__propIsEnum$t.call(b2, prop))
-          __defNormalProp$w(a, prop, b2[prop]);
+      if (__hasOwnProp$u.call(b2, prop))
+        __defNormalProp$x(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$u)
+      for (var prop of __getOwnPropSymbols$u(b2)) {
+        if (__propIsEnum$u.call(b2, prop))
+          __defNormalProp$x(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$r = (a, b2) => __defProps$r(a, __getOwnPropDescs$r(b2));
-  var __objRest$1 = (source, exclude) => {
+  var __spreadProps$s = (a, b2) => __defProps$s(a, __getOwnPropDescs$s(b2));
+  var __objRest = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$t.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$u.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$t)
-      for (var prop of __getOwnPropSymbols$t(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$t.call(source, prop))
+    if (source != null && __getOwnPropSymbols$u)
+      for (var prop of __getOwnPropSymbols$u(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$u.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -4696,7 +5031,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return { startDisable, endDisable };
   };
   const handleNavigateTo = async (config) => {
-    const _a2 = config.params || {}, { url, params, delayH5 } = _a2, restOptions = __objRest$1(_a2, ["url", "params", "delayH5"]);
+    const _a2 = config.params || {}, { url, params, delayH5 } = _a2, restOptions = __objRest(_a2, ["url", "params", "delayH5"]);
     if (delayH5 > 0) {
       setTimeout(() => jumpRouter(url, params, restOptions), delayH5);
     } else {
@@ -4722,12 +5057,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const handleSendMessage = (config, { ctx, metadata }) => {
     var _a2, _c;
     if ((_a2 = config.params) == null ? void 0 : _a2.text) {
-      const _b = config.params, { text } = _b, rest = __objRest$1(_b, ["text"]);
+      const _b = config.params, { text } = _b, rest = __objRest(_b, ["text"]);
       (_c = ctx == null ? void 0 : ctx.postMessage) == null ? void 0 : _c.call(ctx, {
         type: "text",
         data: {
           text,
-          customJsonData: __spreadValues$t({
+          customJsonData: __spreadValues$u({
             customBiz: metadata == null ? void 0 : metadata.customBiz
           }, rest || {})
         }
@@ -4750,16 +5085,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       const oldValue = prev == null ? void 0 : prev[key];
       const isOldEmpty = oldValue === void 0 || oldValue === null || oldValue === "" || typeof oldValue === "object" && Object.keys(oldValue).length === 0;
       if (isOldEmpty) {
-        return __spreadProps$r(__spreadValues$t({}, prev || {}), {
+        return __spreadProps$s(__spreadValues$u({}, prev || {}), {
           [key]: targetValue
         });
       }
       if (typeof oldValue === "object" && typeof targetValue === "object" && !Array.isArray(oldValue) && !Array.isArray(targetValue) && oldValue !== null && targetValue !== null) {
-        return __spreadProps$r(__spreadValues$t({}, prev || {}), {
-          [key]: __spreadValues$t(__spreadValues$t({}, oldValue), targetValue)
+        return __spreadProps$s(__spreadValues$u({}, prev || {}), {
+          [key]: __spreadValues$u(__spreadValues$u({}, oldValue), targetValue)
         });
       }
-      return __spreadProps$r(__spreadValues$t({}, prev || {}), {
+      return __spreadProps$s(__spreadValues$u({}, prev || {}), {
         [key]: targetValue
       });
     });
@@ -4772,7 +5107,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       if (set.indexOf(value) === -1) {
         set.push(value);
       }
-      return __spreadProps$r(__spreadValues$t({}, prev), { [updateKey]: set });
+      return __spreadProps$s(__spreadValues$u({}, prev), { [updateKey]: set });
     });
   };
   const handleRemoveLocalDataToSet = (config, { setValues }) => {
@@ -4780,7 +5115,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const { updateKey, value } = config.params;
     setValues((prev = {}) => {
       const set = Array.isArray(prev[updateKey]) ? [...prev[updateKey].filter((v2) => v2 !== value)] : [];
-      return __spreadProps$r(__spreadValues$t({}, prev), { [updateKey]: set });
+      return __spreadProps$s(__spreadValues$u({}, prev), { [updateKey]: set });
     });
   };
   const handleToggleLocalDataToSet = (config, { setValues }) => {
@@ -4794,12 +5129,92 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       } else {
         set.splice(valueIndex, 1);
       }
-      return __spreadProps$r(__spreadValues$t({}, prev), { [updateKey]: set });
+      return __spreadProps$s(__spreadValues$u({}, prev), { [updateKey]: set });
     });
   };
+  function setDeep(oldObj, patch, path) {
+    if (!path || path.trim() === "") {
+      return isObject$1(patch) ? __spreadValues$u(__spreadValues$u({}, oldObj), patch) : oldObj;
+    }
+    const keys = path.replace(/\[(\d+)\]/g, ".$1").split(".");
+    function updateRecursive(current, index) {
+      const key = keys[index];
+      if (index === keys.length - 1) {
+        if (isObject$1(current == null ? void 0 : current[key]) && isObject$1(patch)) {
+          return Array.isArray(current[key]) ? [...current[key], ...patch] : __spreadValues$u(__spreadValues$u({}, current[key]), patch);
+        }
+        return patch;
+      }
+      if (!current || typeof current !== "object" || !(key in current)) {
+        return current;
+      }
+      const isArray2 = Array.isArray(current);
+      const newValue = updateRecursive(current[key], index + 1);
+      if (newValue === current[key]) return current;
+      if (isArray2) {
+        const nextArray = [...current];
+        nextArray[Number(key)] = newValue;
+        return nextArray;
+      } else {
+        return __spreadProps$s(__spreadValues$u({}, current), {
+          [key]: newValue
+        });
+      }
+    }
+    return updateRecursive(oldObj, 0);
+  }
+  function isObject$1(val) {
+    return val !== null && typeof val === "object";
+  }
   const handleCallApiUpdateData = (config, { onAction, commonPayload }) => {
     onAction == null ? void 0 : onAction({ type: config.type, payload: commonPayload });
   };
+  const handleCallFetchUpdateData = async ({ params }, { setTemplate, setReferenceComponentList, setData }) => {
+    const { url, method, body } = params;
+    const res = await fetch(url, {
+      method,
+      body: typeof body === "undefined" || method !== "POST" ? void 0 : JSON.stringify(body),
+      headers: {
+        "content-type": "application/json"
+      }
+    });
+    const json = await res.json();
+    if (json) {
+      if (json.code === 0 && Object.prototype.toString.call(json.data) === "[object Object]") {
+        const updateData = json.data;
+        if (updateData.template) {
+          setTemplate((t) => updateData.template);
+        }
+        if (Array.isArray(updateData.referenceComponentList)) {
+          setReferenceComponentList((r) => updateData.referenceComponentList);
+        }
+        if (updateData.data) {
+          setData((d) => updateData.data);
+        }
+        if (Array.isArray(updateData.referenceComponentListUpdate)) {
+          setReferenceComponentList((oldRC) => {
+            const existComponentId = [];
+            return [].concat(oldRC, updateData.referenceComponentListUpdate).reverse().filter((c) => {
+              if (existComponentId.includes(c.componentId)) {
+                return false;
+              }
+              c.componentId && existComponentId.push(c.componentId);
+              return true;
+            });
+          });
+        }
+        if (updateData.dataUpdate) {
+          setData(
+            (oldData) => setDeep(oldData, updateData.dataUpdate, updateData.dataUpdatePath)
+          );
+        }
+      } else {
+        console.error(`请求返回异常：${JSON.stringify(json)}`);
+      }
+    } else {
+      console.error(`请求异常:${json}`);
+    }
+  };
   const handleClickTrack = (config, { commonJsonParams }) => {
     var _a2;
     if ((_a2 = config == null ? void 0 : config.params) == null ? void 0 : _a2.eventId) ;
@@ -4821,7 +5236,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       ctx.getComponent({
         code: (_b = config == null ? void 0 : config.params) == null ? void 0 : _b.componentCode
       }),
-      __spreadValues$t(__spreadValues$t({}, originProps), ((_c = config == null ? void 0 : config.params) == null ? void 0 : _c.params) || {}),
+      __spreadValues$u(__spreadValues$u({}, originProps), ((_c = config == null ? void 0 : config.params) == null ? void 0 : _c.params) || {}),
       {
         background: "none",
         position: "bottom",
@@ -4840,6 +5255,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     removeLocalDataToSet: handleRemoveLocalDataToSet,
     toggleLocalDataToSet: handleToggleLocalDataToSet,
     callApiUpdateData: handleCallApiUpdateData,
+    callFetchUpdateData: handleCallFetchUpdateData,
     clickTrack: handleClickTrack,
     exposureTrack: handleExposureTrack,
     disableScroll: handleDisableScroll,
@@ -4848,7 +5264,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const SUPPORTED_ACTIONS = Object.keys(ACTION_HANDLERS);
   const dispatchAction = async (config, context) => {
     var _a2, _b, _c, _d;
-    const { onAction, setValues, originProps, extra, externalActions } = context;
+    const {
+      onAction,
+      setValues,
+      originProps,
+      extra,
+      externalActions,
+      setData,
+      setTemplate,
+      setReferenceComponentList
+    } = context;
     const commonPayload = {
       params: config.params,
       extra: extra == null ? void 0 : extra.payload
@@ -4877,7 +5302,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         onAction,
         commonPayload,
         commonJsonParams,
-        originProps
+        originProps,
+        setData,
+        setTemplate,
+        setReferenceComponentList
       });
     } else {
       console.warn(`[ActionContext] 未找到对应的 Action 处理器: ${config.type}`);
@@ -4895,6 +5323,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     children,
     onAction,
     setValues,
+    setData,
+    setTemplate,
+    setReferenceComponentList,
     values,
     originProps,
     externalActions
@@ -4908,7 +5339,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           setValues,
           originProps,
           extra,
-          externalActions
+          externalActions,
+          setData,
+          setTemplate,
+          setReferenceComponentList
         });
       },
       [onAction, setValues, originProps, externalActions]
@@ -4976,27 +5410,45 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   };
-  var __defProp$v = Object.defineProperty;
-  var __defProps$q = Object.defineProperties;
-  var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
-  var __hasOwnProp$s = Object.prototype.hasOwnProperty;
-  var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$v = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$s = (a, b2) => {
+  var __defProp$w = Object.defineProperty;
+  var __defProps$r = Object.defineProperties;
+  var __getOwnPropDescs$r = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
+  var __hasOwnProp$t = Object.prototype.hasOwnProperty;
+  var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$t = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$s.call(b2, prop))
-        __defNormalProp$v(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$s)
-      for (var prop of __getOwnPropSymbols$s(b2)) {
-        if (__propIsEnum$s.call(b2, prop))
-          __defNormalProp$v(a, prop, b2[prop]);
+      if (__hasOwnProp$t.call(b2, prop))
+        __defNormalProp$w(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$t)
+      for (var prop of __getOwnPropSymbols$t(b2)) {
+        if (__propIsEnum$t.call(b2, prop))
+          __defNormalProp$w(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$q = (a, b2) => __defProps$q(a, __getOwnPropDescs$q(b2));
+  var __spreadProps$r = (a, b2) => __defProps$r(a, __getOwnPropDescs$r(b2));
+  function pick(obj, keys) {
+    const result = {};
+    keys.forEach((key) => {
+      if (key in obj) {
+        result[key] = obj[key];
+      }
+    });
+    return result;
+  }
+  function mapToType(obj, callback) {
+    const result = {};
+    for (const key in obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
+        result[key] = callback(obj[key], key);
+      }
+    }
+    return result;
+  }
   const baseContainerStyle = (props, scale = 1) => {
-    const style = __spreadValues$s({}, (props == null ? void 0 : props.style) || {});
+    const style = __spreadValues$t({}, (props == null ? void 0 : props.style) || {});
     return style;
   };
   const childGapStyle = (index, count, theme, gap, horizontal, scale = 1, isWrap = false) => {
@@ -5026,7 +5478,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return val;
   };
-  const paddingToStyle = (padding, theme, scale = 1) => {
+  const paddingLogogramToStyle = (padding, theme, scale = 1) => {
     if (padding == null) return {};
     if (typeof padding === "number" || typeof padding === "string") {
       return { padding: resolveSpace(padding, theme, scale) };
@@ -5069,7 +5521,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return {};
   };
-  const marginToStyle = (margin, theme, scale = 1) => {
+  const marginLogogramToStyle = (margin, theme, scale = 1) => {
     if (margin == null) return {};
     if (typeof margin === "number" || typeof margin === "string") {
       return { margin: resolveSpace(margin, theme, scale) };
@@ -5106,12 +5558,53 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return {};
   };
-  const resolvedLineHeight = (lineHeight, theme, scale = 1) => {
+  const marginAndPaddingToStyle = (marginAndPadding, theme, scale = 1) => {
+    const style = {};
+    if (marginAndPadding.margin) {
+      Object.assign(
+        style,
+        marginLogogramToStyle(marginAndPadding.margin, theme, scale)
+      );
+    }
+    if (marginAndPadding.padding) {
+      Object.assign(
+        style,
+        paddingLogogramToStyle(marginAndPadding.padding, theme, scale)
+      );
+    }
+    Object.assign(
+      style,
+      mapToType(
+        pick(marginAndPadding, [
+          "marginBottom",
+          "marginLeft",
+          "marginRight",
+          "marginTop",
+          "paddingBottom",
+          "paddingLeft",
+          "paddingRight",
+          "paddingTop"
+        ]),
+        (v2) => resolveSpace(v2, theme, scale)
+      )
+    );
+    return style;
+  };
+  const resolvedLineHeight = (lineHeight, theme, scale = 1, notAddUnit = false) => {
     if (typeof lineHeight === "number") {
-      return runStyle(lineHeight, scale);
+      return runStyle(lineHeight, scale, notAddUnit);
     }
     if (theme.lineHeight[lineHeight]) {
-      return runStyle(theme.lineHeight[lineHeight], scale);
+      return runStyle(theme.lineHeight[lineHeight], scale, notAddUnit);
+    }
+    return lineHeight;
+  };
+  const resolvedFontSize = (lineHeight, theme, scale = 1, notAddUnit = false) => {
+    if (typeof lineHeight === "number") {
+      return runStyle(lineHeight, scale, notAddUnit);
+    }
+    if (theme.fontSize[lineHeight]) {
+      return runStyle(theme.fontSize[lineHeight], scale, notAddUnit);
     }
     return lineHeight;
   };
@@ -5178,6 +5671,52 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return style;
   };
+  const parseLinerGradient = (linerGradient, theme) => {
+    const { colors = [], angle, stops = [] } = linerGradient;
+    const gradientArr = [];
+    if (angle) {
+      gradientArr.push(`${angle}deg`);
+    }
+    if (colors.length !== stops.length) {
+      stops.length = 0;
+    }
+    colors.forEach((v2, i) => {
+      gradientArr.push(
+        `${resolveColor(v2, theme)}${typeof stops[i] === "number" ? " " + String(stops[i] * 100) + "%" : ""}`
+      );
+    });
+    return `linear-gradient(${gradientArr.join(", ")})`;
+  };
+  const backgroundImagePositionPropsMap = {
+    topLeft: "top left",
+    center: "center",
+    topRight: "top right",
+    bottomRight: "bottom right",
+    bottomLeft: "bottom left"
+  };
+  const backgroundImageRepeatPropsMap = {
+    noRepeat: "no-repeat",
+    repeat: "repeat",
+    repeatX: "repeat-x",
+    repeatY: "repeat-y"
+  };
+  const backgroundImageAndLinearGradientToStyle = (theme, backgroundImage, backgroundLinearGradient) => {
+    if (!backgroundImage && !backgroundLinearGradient) return {};
+    const linearGradientString = backgroundLinearGradient ? parseLinerGradient(backgroundLinearGradient, theme) : void 0;
+    const backgroundImageArr = [];
+    if (backgroundImage == null ? void 0 : backgroundImage.url) {
+      backgroundImageArr.push(`url(${backgroundImage.url})`);
+    }
+    if (linearGradientString) {
+      backgroundImageArr.push(linearGradientString);
+    }
+    return {
+      backgroundImage: backgroundImageArr.join(", "),
+      backgroundPosition: (backgroundImage == null ? void 0 : backgroundImage.alignment) && backgroundImagePositionPropsMap[backgroundImage.alignment] ? backgroundImagePositionPropsMap[backgroundImage.alignment] : "center",
+      backgroundSize: typeof (backgroundImage == null ? void 0 : backgroundImage.objectFit) !== "string" ? "auto" : backgroundImage.objectFit === "fill" ? "100% 100%" : backgroundImage.objectFit,
+      backgroundRepeat: (backgroundImage == null ? void 0 : backgroundImage.repeat) && backgroundImageRepeatPropsMap[backgroundImage.repeat] ? backgroundImageRepeatPropsMap[backgroundImage.repeat] : "no-repeat"
+    };
+  };
   const borderRadiusToStyle = (borderRadius, theme, scale = 1) => {
     const borderRadiusMap = (theme == null ? void 0 : theme.borderRadius) || {};
     const style = {};
@@ -5237,19 +5776,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return style;
   };
+  const resolveBoxShadow = ({ boxShadow }, theme, scale = 1) => {
+    if (!boxShadow) return void 0;
+    const { color: color2, offset = [], blurRadius = 0, spreadRadius = 0 } = boxShadow;
+    const [offsetX = 0, offsetY = 0] = offset;
+    return `${resolveSpace(offsetX, theme, scale)} ${resolveSpace(offsetY, theme, scale)} ${resolveSpace(blurRadius, theme, scale)} ${resolveSpace(spreadRadius, theme, scale)} ${resolveColor(color2, theme)}`;
+  };
   const imageStyleFromProps = (props, theme, scale = 1) => {
-    const style = __spreadValues$s({}, borderRadiusToStyle(props == null ? void 0 : props.borderRadius, theme, scale));
+    const style = __spreadValues$t(__spreadValues$t({}, borderRadiusToStyle(props == null ? void 0 : props.borderRadius, theme, scale)), marginAndPaddingToStyle(props, theme, scale));
     if (props.width != null) style.width = runStyle(props.width, scale) || "100%";
     if (props.height != null)
       style.height = runStyle(props.height, scale) || "auto";
     if (props.fit) style.objectFit = props.fit;
-    style.display = props.display || "flex";
-    Object.assign(style, marginToStyle(props == null ? void 0 : props.margin, theme, scale));
     if (props.style) Object.assign(style, props.style);
     return style;
   };
   const imageViewStyleFromProps = (props, theme, scale = 1) => {
-    const style = __spreadValues$s({
+    const style = __spreadValues$t({
       overflow: "hidden"
     }, borderRadiusToStyle(props == null ? void 0 : props.borderRadius, theme, scale));
     return style;
@@ -5258,9 +5801,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     width: percent
   });
   const buildItemContainerStyle = (index, count, theme, props, horizontal = false, scale = 1, isWrap = false) => {
-    const style = __spreadValues$s({
-      width: (props == null ? void 0 : props.flexDirection) === "row" ? "auto" : "100%",
-      flexDirection: props.direction || "column",
+    const style = __spreadValues$t({
       minWidth: 0,
       height: "auto",
       boxSizing: "border-box",
@@ -5277,21 +5818,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return style;
   };
   const buildLayoutContainerStyle = (props, direction, theme, scale = 1) => {
-    const style = __spreadValues$s(__spreadValues$s(__spreadValues$s(__spreadValues$s(__spreadValues$s({
+    const style = __spreadValues$t(__spreadValues$t(__spreadValues$t(__spreadValues$t(__spreadValues$t(__spreadValues$t(__spreadValues$t({
       display: "flex",
       boxSizing: "border-box",
       width: runStyle(props == null ? void 0 : props.width, scale) || "100%",
       height: runStyle(props == null ? void 0 : props.height, scale) || "auto",
       position: "relative",
       flexDirection: direction || "column",
-      overflow: props.overflow || "visible"
-    }, justifyContentToStyle(props == null ? void 0 : props.alignItems, props == null ? void 0 : props.justifyContent)), backgroundToStyle(props == null ? void 0 : props.background, theme)), borderRadiusToStyle(props == null ? void 0 : props.borderRadius, theme, scale)), borderToStyle(props == null ? void 0 : props.border, theme, scale)), baseContainerStyle(props, scale));
-    Object.assign(style, paddingToStyle(props == null ? void 0 : props.padding, theme, scale));
-    Object.assign(style, marginToStyle(props == null ? void 0 : props.margin, theme, scale));
+      overflow: props.overflow || "visible",
+      boxShadow: resolveBoxShadow(props, theme, scale)
+    }, justifyContentToStyle(props == null ? void 0 : props.alignItems, props == null ? void 0 : props.justifyContent)), backgroundToStyle(props == null ? void 0 : props.background, theme)), borderRadiusToStyle(props == null ? void 0 : props.borderRadius, theme, scale)), borderToStyle(props == null ? void 0 : props.border, theme, scale)), baseContainerStyle(props, scale)), marginAndPaddingToStyle(props, theme, scale)), backgroundImageAndLinearGradientToStyle(
+      theme,
+      props.backgroundImage,
+      props.backgroundLinearGradient
+    ));
     return style;
   };
   const buildAbsoluteLayoutStyle = (props, direction, theme, scale = 1) => {
-    const style = __spreadProps$q(__spreadValues$s(__spreadValues$s({}, buildLayoutContainerStyle(props, direction, theme, scale)), borderRadiusToStyle(props == null ? void 0 : props.borderRadius, theme, scale)), {
+    const style = __spreadProps$r(__spreadValues$t(__spreadValues$t({}, buildLayoutContainerStyle(props, direction, theme, scale)), borderRadiusToStyle(props == null ? void 0 : props.borderRadius, theme, scale)), {
       position: "absolute",
       zIndex: 1
     });
@@ -5309,17 +5853,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return style;
   };
   const numberTestRegexp = /^-?\d+(\.\d+)?$/;
-  const runStyle = (val, scale = 0.5) => {
+  const runStyle = (val, scale = 0.5, notAddUnit = false) => {
     if (val === void 0 || val === null) return "";
     const parts = Array.isArray(val) ? val : String(val).trim().split(/\s+/);
     const final = parts.map((item) => {
       if (item === 0 || item === "0" || item === "0px") return "0";
       if (typeof item === "number") {
-        return `${item * scale}px`;
+        return `${item * scale}${notAddUnit ? "" : "px"}`;
       }
       if (typeof item === "string") {
         if (!numberTestRegexp.test(item)) return item;
-        return `${parseFloat(item) * scale}px`;
+        return `${parseFloat(item) * scale}${notAddUnit ? "" : "px"}`;
       }
       return item;
     }).join(" ");
@@ -5329,10 +5873,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const resolveColor = (color2, theme) => {
     return theme.color[color2] ? theme.color[color2] : color2;
   };
-  const buildCardLayoutStyle = (props, theme, scale = 1) => {
-    const cardTheme = theme.components.card;
-    const warpStyle = __spreadValues$s(__spreadValues$s(__spreadValues$s({}, backgroundToStyle(cardTheme.wrap.background, theme)), paddingToStyle(cardTheme.wrap.padding, theme, scale)), marginToStyle(props.margin, theme, scale));
-    const containerStyle = __spreadValues$s(__spreadValues$s(__spreadValues$s({}, paddingToStyle(cardTheme.container.padding, theme, scale)), borderRadiusToStyle(cardTheme.container.borderRadius, theme, scale)), backgroundToStyle(cardTheme.container.background, theme));
+  const buildJDHCardLayoutStyle = (props, theme, scale = 1) => {
+    const cardTheme = theme.components.jdhCard;
+    const warpStyle = __spreadValues$t(__spreadValues$t(__spreadValues$t({}, backgroundToStyle(cardTheme.wrap.background, theme)), paddingLogogramToStyle(cardTheme.wrap.padding, theme, scale)), marginLogogramToStyle(props.margin, theme, scale));
+    const containerStyle = __spreadValues$t(__spreadValues$t(__spreadValues$t({}, paddingLogogramToStyle(cardTheme.container.padding, theme, scale)), borderRadiusToStyle(cardTheme.container.borderRadius, theme, scale)), backgroundToStyle(cardTheme.container.background, theme));
     const titleHeight = resolvedLineHeight(
       cardTheme.title.lineHeight,
       theme,
@@ -5345,7 +5889,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       height: titleHeight,
       overflow: "hidden"
     };
-    const titleStyle = __spreadProps$q(__spreadValues$s({}, textStyleFromTheme(theme, cardTheme.title, scale)), {
+    const titleStyle = __spreadProps$r(__spreadValues$t({}, textStyleFromTheme(theme, cardTheme.title, scale)), {
       height: titleHeight,
       minHeight: 0,
       overflow: "hidden",
@@ -5359,7 +5903,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       flexShrink: 0,
       flexGrow: 1
     };
-    const subDescriptionStyle = __spreadProps$q(__spreadValues$s({}, textStyleFromTheme(theme, cardTheme.subDescription, scale)), {
+    const subDescriptionStyle = __spreadProps$r(__spreadValues$t({}, textStyleFromTheme(theme, cardTheme.subDescription, scale)), {
       height: resolvedLineHeight(
         cardTheme.subDescription.lineHeight,
         theme,
@@ -5370,11 +5914,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       whiteSpace: "nowrap",
       textOverflow: "ellipsis"
     });
-    const contentStyle = __spreadValues$s({}, borderRadiusToStyle(cardTheme.content.borderRadius, theme, scale));
+    const contentStyle = __spreadValues$t({}, borderRadiusToStyle(cardTheme.content.borderRadius, theme, scale));
     if (props.title || props.subDescription) {
       Object.assign(
         contentStyle,
-        marginToStyle(cardTheme.content.margin, theme, scale)
+        marginLogogramToStyle(cardTheme.content.margin, theme, scale)
       );
     }
     return {
@@ -5388,14 +5932,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       contentStyle
     };
   };
-  const buildChoiceRenderStyle = (props, isSelected, theme, scale = 1) => {
+  const buildJDHChoiceRenderStyle = (props, isSelected, theme, scale = 1) => {
     const { disabled = false, subDescription, layout = "inline-icon" } = props;
-    const choiceTheme = theme.components.choice;
+    const choiceTheme = theme.components.jdhChoice;
     const hasSubDesc = typeof subDescription === "string";
-    const wrapStyle = __spreadValues$s(__spreadValues$s(__spreadValues$s({
+    const wrapStyle = __spreadValues$t(__spreadValues$t(__spreadValues$t({
+      flex: 1,
       width: layout === "image-top" ? runStyle(choiceTheme.wrap.layoutImageTopWidth, scale) : "auto",
       opacity: disabled ? choiceTheme.disabledOpacity : 1
-    }, paddingToStyle(
+    }, paddingLogogramToStyle(
       layout === "small-inline-icon" ? choiceTheme.wrap.layoutSmallPadding : layout === "image-left" ? choiceTheme.wrap.layoutImageLeftPadding : layout === "image-top" ? choiceTheme.wrap.layoutImageTopPadding : hasSubDesc ? choiceTheme.wrap.withSubDescriptionPadding : choiceTheme.wrap.padding,
       theme,
       scale
@@ -5407,11 +5952,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       theme,
       scale
     ));
-    const labelLineStyle = __spreadValues$s({
+    const labelLineStyle = __spreadValues$t({
       display: "flex",
       alignItems: "center",
       justifyContent: "center"
-    }, paddingToStyle(
+    }, paddingLogogramToStyle(
       layout === "image-top" ? choiceTheme.labelLineWrap.layoutImageTopPadding : choiceTheme.labelLineWrap.padding,
       theme,
       scale
@@ -5421,7 +5966,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       lineHeight: layout === "small-inline-icon" ? choiceTheme.label.layoutSmallLineHeight : choiceTheme.label.lineHeight,
       color: isSelected ? choiceTheme.label.selectedColor : choiceTheme.label.color
     };
-    const labelStyle = __spreadValues$s(__spreadProps$q(__spreadValues$s({}, textStyleFromTheme(theme, labelTextOptions, scale)), {
+    const labelStyle = __spreadValues$t(__spreadProps$r(__spreadValues$t({}, textStyleFromTheme(theme, labelTextOptions, scale)), {
       overflow: "hidden",
       textOverflow: "ellipsis"
     }), layout === "image-top" ? {
@@ -5437,7 +5982,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       whiteSpace: "nowrap",
       height: resolvedLineHeight(labelTextOptions.lineHeight, theme, scale)
     });
-    const subDescriptionStyle = __spreadValues$s(__spreadValues$s({
+    const subDescriptionStyle = __spreadValues$t(__spreadValues$t({
       textAlign: "center",
       whiteSpace: "nowrap",
       overflow: "hidden",
@@ -5449,11 +5994,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       )
     }, textStyleFromTheme(
       theme,
-      __spreadProps$q(__spreadValues$s({}, choiceTheme.subDescription), {
+      __spreadProps$r(__spreadValues$t({}, choiceTheme.subDescription), {
         color: isSelected ? choiceTheme.subDescription.selectedColor : choiceTheme.subDescription.color
       }),
       scale
-    )), marginToStyle(choiceTheme.subDescription.margin, theme, scale));
+    )), marginLogogramToStyle(choiceTheme.subDescription.margin, theme, scale));
     const topImgSize = runStyle(choiceTheme.image.layoutImageTop.size, scale);
     const imgTopStyle = layout === "image-top" ? {
       display: "block",
@@ -5488,24 +6033,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       imgLeftStyle
     };
   };
-  const buildButtonRenderStyle = (props, theme, scale = 1) => {
+  const buildJDHButtonRenderStyle = (props, theme, scale = 1) => {
     const {
       color: color2 = "default",
       size = "small",
       variant = "solid",
       disabled = false
     } = props;
-    const buttonTheme = theme.components.button;
-    const wrapStyle = __spreadValues$s(__spreadValues$s(__spreadValues$s(__spreadValues$s(__spreadValues$s({
+    const buttonTheme = theme.components.jdhButton;
+    const wrapStyle = __spreadValues$t(__spreadValues$t(__spreadValues$t(__spreadValues$t(__spreadValues$t({
       display: "flex",
       flexDirection: "row",
       alignItems: "center",
       justifyContent: "center",
+      alignSelf: "center",
       opacity: disabled && variant !== "link" ? buttonTheme.disabledOpacity : 1
     }, variant !== "link" ? backgroundToStyle(
       buttonTheme.colorStyle[variant][color2].background,
       theme
-    ) : {}), paddingToStyle(
+    ) : {}), paddingLogogramToStyle(
       variant === "link" ? 0 : buttonTheme.sizeStyle[size].padding,
       theme,
       scale
@@ -5534,7 +6080,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       theme,
       scale
     );
-    const iconStyle = __spreadValues$s({
+    const iconStyle = __spreadValues$t({
       width: iconSize,
       height: iconSize,
       marginRight: runStyle(buttonTheme.image.marginRight, scale)
@@ -5551,7 +6097,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       arrowStyle
     };
   };
-  const buildInputRenderStyle = (props, theme, scale = 1) => {
+  const buildJDHInputRenderStyle = (props, theme, scale = 1) => {
     const {
       readonly = false,
       error = false,
@@ -5559,17 +6105,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       password = false,
       disabled = false
     } = props;
-    const inputTheme = theme.components.input;
-    const themeState = __spreadValues$s(__spreadValues$s({}, inputTheme.defaultState), readonly ? inputTheme.readonlyState : disabled ? inputTheme.disabledState : error ? inputTheme.errorState : {});
-    const wrapStyle = __spreadValues$s(__spreadValues$s(__spreadValues$s(__spreadValues$s({
+    const inputTheme = theme.components.jdhInput;
+    const themeState = __spreadValues$t(__spreadValues$t({}, inputTheme.defaultState), readonly ? inputTheme.readonlyState : disabled ? inputTheme.disabledState : error ? inputTheme.errorState : {});
+    const wrapStyle = __spreadValues$t(__spreadValues$t(__spreadValues$t(__spreadValues$t({
       position: "relative",
       opacity: themeState.opacity
-    }, paddingToStyle(themeState.padding, theme, scale)), borderToStyle(
+    }, paddingLogogramToStyle(themeState.padding, theme, scale)), borderToStyle(
       { size: "1px", color: themeState.borderColor, style: "solid" },
       theme,
       scale
     )), backgroundToStyle(themeState.background, theme)), borderRadiusToStyle(themeState.borderRadius, theme, scale));
-    const inputStyle = __spreadValues$s(__spreadValues$s({
+    const inputStyle = __spreadValues$t(__spreadValues$t({
       border: "none",
       width: "100%",
       outline: "none"
@@ -5583,7 +6129,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       scale
     ));
     const clearButtonSize = runStyle(inputTheme.clearButton.size, scale);
-    const clearStyle = __spreadValues$s({
+    const clearStyle = __spreadValues$t({
       width: clearButtonSize,
       height: clearButtonSize,
       borderRadius: "100px",
@@ -5603,7 +6149,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       transform: "translate(-50%, -50%)"
     };
     const msgTheme = error && errorMessage ? inputTheme.errorMessage : inputTheme.subDescription;
-    const msgStyle = __spreadValues$s(__spreadValues$s({}, textStyleFromTheme(theme, msgTheme, scale)), marginToStyle(msgTheme.margin, theme, scale));
+    const msgStyle = __spreadValues$t(__spreadValues$t({}, textStyleFromTheme(theme, msgTheme, scale)), marginLogogramToStyle(msgTheme.margin, theme, scale));
     const passwordIconSize = runStyle(inputTheme.passwordButton.size, scale);
     const passwordStyle = password ? {
       width: passwordIconSize,
@@ -5628,7 +6174,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       passwordIconStyle
     };
   };
-  const buildTextareaRenderStyle = (props, value, theme, scale = 1) => {
+  const buildJDHTextareaRenderStyle = (props, value, theme, scale = 1) => {
     const {
       readonly = false,
       error = false,
@@ -5636,25 +6182,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       errorMessage,
       maxLength
     } = props;
-    const textareaTheme = theme.components.textarea;
-    const themeState = __spreadValues$s(__spreadValues$s({}, textareaTheme.defaultState), readonly ? textareaTheme.readonlyState : disabled ? textareaTheme.disabledState : error ? textareaTheme.errorState : {});
-    const wrapStyle = __spreadValues$s(__spreadValues$s(__spreadValues$s(__spreadValues$s({
+    const textareaTheme = theme.components.jdhTextarea;
+    const themeState = __spreadValues$t(__spreadValues$t({}, textareaTheme.defaultState), readonly ? textareaTheme.readonlyState : disabled ? textareaTheme.disabledState : error ? textareaTheme.errorState : {});
+    const wrapStyle = __spreadValues$t(__spreadValues$t(__spreadValues$t(__spreadValues$t({
       position: "relative",
       boxSizing: "border-box",
       opacity: themeState.opacity,
       height: runStyle(themeState.minHeight, scale),
       maxHeight: runStyle(themeState.maxHeight, scale)
-    }, paddingToStyle(themeState.padding, theme, scale)), borderToStyle(
+    }, paddingLogogramToStyle(themeState.padding, theme, scale)), borderToStyle(
       { size: "1px", color: themeState.borderColor, style: "solid" },
       theme,
       scale
     )), backgroundToStyle(themeState.background, theme)), borderRadiusToStyle(themeState.borderRadius, theme, scale));
-    const textareaStyle = __spreadValues$s(__spreadValues$s({
+    const textareaStyle = __spreadValues$t(__spreadValues$t({
       border: "none",
       width: "100%",
       display: "block",
       outline: "none",
-      height: "100%"
+      height: "100%",
+      resize: "none"
     }, backgroundToStyle(themeState.background, theme)), textStyleFromTheme(
       theme,
       {
@@ -5665,8 +6212,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       scale
     ));
     const msgTheme = error && errorMessage ? textareaTheme.errorMessage : textareaTheme.subDescription;
-    const msgStyle = __spreadValues$s(__spreadValues$s({}, textStyleFromTheme(theme, msgTheme, scale)), marginToStyle(msgTheme.margin, theme, scale));
-    const maxLengthTipsStyle = typeof maxLength === "number" ? __spreadValues$s({
+    const msgStyle = __spreadValues$t(__spreadValues$t({}, textStyleFromTheme(theme, msgTheme, scale)), marginLogogramToStyle(msgTheme.margin, theme, scale));
+    const maxLengthTipsStyle = typeof maxLength === "number" ? __spreadValues$t({
       position: "absolute",
       bottom: resolveSpace(
         textareaTheme.maxLengthTips.bottom,
@@ -5676,7 +6223,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       right: resolveSpace(textareaTheme.maxLengthTips.right, theme, scale)
     }, textStyleFromTheme(
       theme,
-      __spreadProps$q(__spreadValues$s({}, textareaTheme.maxLengthTips), {
+      __spreadProps$r(__spreadValues$t({}, textareaTheme.maxLengthTips), {
         color: resolveColor(
           value.length > maxLength ? textareaTheme.maxLengthTips.colorBeyond : textareaTheme.maxLengthTips.color,
           theme
@@ -5756,25 +6303,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     containerWidth: null
   });
   const useResponsive = () => React.useContext(ResponsiveContext);
-  var __defProp$u = Object.defineProperty;
-  var __defProps$p = Object.defineProperties;
-  var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
-  var __hasOwnProp$r = Object.prototype.hasOwnProperty;
-  var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$u = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$r = (a, b2) => {
+  var __defProp$v = Object.defineProperty;
+  var __defProps$q = Object.defineProperties;
+  var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
+  var __hasOwnProp$s = Object.prototype.hasOwnProperty;
+  var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$v = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$s = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$r.call(b2, prop))
-        __defNormalProp$u(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$r)
-      for (var prop of __getOwnPropSymbols$r(b2)) {
-        if (__propIsEnum$r.call(b2, prop))
-          __defNormalProp$u(a, prop, b2[prop]);
+      if (__hasOwnProp$s.call(b2, prop))
+        __defNormalProp$v(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$s)
+      for (var prop of __getOwnPropSymbols$s(b2)) {
+        if (__propIsEnum$s.call(b2, prop))
+          __defNormalProp$v(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$p = (a, b2) => __defProps$p(a, __getOwnPropDescs$p(b2));
+  var __spreadProps$q = (a, b2) => __defProps$q(a, __getOwnPropDescs$q(b2));
   const FullRowLayout = ({
     props,
     children
@@ -5799,7 +6346,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
-      __spreadProps$p(__spreadValues$r({
+      __spreadProps$q(__spreadValues$s({
         style: containerStyle,
         onClick: handleClick,
         ref: ref2
@@ -5812,7 +6359,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           return /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              style: __spreadProps$p(__spreadValues$r({}, buildItemContainerStyle(
+              style: __spreadProps$q(__spreadValues$s({}, buildItemContainerStyle(
                 idx,
                 count,
                 theme,
@@ -5830,25 +6377,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       })
     );
   };
-  var __defProp$t = Object.defineProperty;
-  var __defProps$o = Object.defineProperties;
-  var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
-  var __hasOwnProp$q = Object.prototype.hasOwnProperty;
-  var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$q = (a, b2) => {
+  var __defProp$u = Object.defineProperty;
+  var __defProps$p = Object.defineProperties;
+  var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
+  var __hasOwnProp$r = Object.prototype.hasOwnProperty;
+  var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$u = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$r = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$q.call(b2, prop))
-        __defNormalProp$t(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$q)
-      for (var prop of __getOwnPropSymbols$q(b2)) {
-        if (__propIsEnum$q.call(b2, prop))
-          __defNormalProp$t(a, prop, b2[prop]);
+      if (__hasOwnProp$r.call(b2, prop))
+        __defNormalProp$u(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$r)
+      for (var prop of __getOwnPropSymbols$r(b2)) {
+        if (__propIsEnum$r.call(b2, prop))
+          __defNormalProp$u(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$o = (a, b2) => __defProps$o(a, __getOwnPropDescs$o(b2));
+  var __spreadProps$p = (a, b2) => __defProps$p(a, __getOwnPropDescs$p(b2));
   const MultipleColumnLayout = ({
     props,
     children
@@ -5857,11 +6404,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const { executeActions } = useAction();
     const theme = useTheme();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const containerStyle = __spreadProps$o(__spreadValues$q({}, buildLayoutContainerStyle(props, "row", theme, scale)), {
+    const containerStyle = __spreadProps$p(__spreadValues$r({}, buildLayoutContainerStyle(props, "row", theme, scale)), {
       flexWrap: (props == null ? void 0 : props.flexWrap) || "nowrap"
     });
     const itemContainerStyle = (child, idx) => {
-      return __spreadProps$o(__spreadValues$q({}, buildItemContainerStyle(idx, count, theme, props, true, scale, true)), {
+      return __spreadProps$p(__spreadValues$r({}, buildItemContainerStyle(idx, count, theme, props, true, scale, true)), {
         flexShrink: itemFlexShrink(child),
         width: void 0
       });
@@ -5877,16 +6424,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       paddingBottom: containerStyle.marginBottom
     };
     const gapMargin = `-${resolveSpace(props.gap, theme, scale)}`;
-    const containerStyleForGap = __spreadProps$o(__spreadValues$q({}, containerStyle), {
+    const containerStyleForGap = __spreadValues$r(__spreadProps$p(__spreadValues$r({}, containerStyle), {
       margin: void 0,
       marginTop: gapMargin,
       marginLeft: gapMargin,
       marginBottom: void 0,
-      marginRight: void 0,
+      marginRight: void 0
+    }), containerStyle.width === "100%" ? {
       width: void 0,
       // 宽度 100% 和 负margin结合会在flex下有bug，这里改用flexGrow撑开宽度
       flexGrow: 1
-    });
+    } : {});
     const items = React.Children.toArray(children);
     const count = items.length;
     const itemFlexShrink = (child) => {
@@ -5904,7 +6452,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       // 最外层div使用padding代替原container的margin，以便container使用负margin中和gap实现的效果
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "for-gap-wrap", style: polyfillContainerMarginStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
-        __spreadProps$o(__spreadValues$q({
+        __spreadProps$p(__spreadValues$r({
           className: "for-gap",
           style: containerStyleForGap,
           onClick: handleClick,
@@ -5915,6 +6463,68 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       ) })
     );
   };
+  var __defProp$t = Object.defineProperty;
+  var __defProps$o = Object.defineProperties;
+  var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
+  var __hasOwnProp$q = Object.prototype.hasOwnProperty;
+  var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$q = (a, b2) => {
+    for (var prop in b2 || (b2 = {}))
+      if (__hasOwnProp$q.call(b2, prop))
+        __defNormalProp$t(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$q)
+      for (var prop of __getOwnPropSymbols$q(b2)) {
+        if (__propIsEnum$q.call(b2, prop))
+          __defNormalProp$t(a, prop, b2[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$o = (a, b2) => __defProps$o(a, __getOwnPropDescs$o(b2));
+  const TwoColumnLayout$2 = ({
+    props,
+    children
+  }) => {
+    const { scale } = useResponsive();
+    const { executeActions } = useAction();
+    const theme = useTheme();
+    const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
+    const containerStyle = buildLayoutContainerStyle(
+      props,
+      "row",
+      theme,
+      scale
+    );
+    const items = React.Children.toArray(children).slice(0, 2);
+    const count = items.length;
+    const handleClick = (e) => {
+      if (props.actions) {
+        void executeActions(props.actions);
+      }
+      onClick(e);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      __spreadProps$o(__spreadValues$q({
+        style: containerStyle,
+        onClick: handleClick,
+        ref: ref2
+      }, { onMouseEnter, onMouseLeave }), {
+        children: items.map((child, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: __spreadProps$o(__spreadValues$q({}, buildItemContainerStyle(idx, count, theme, props, true, scale)), {
+              flex: 1
+              // ...fractionWidth('50%'),
+            }),
+            children: child
+          },
+          idx
+        ))
+      })
+    );
+  };
   var __defProp$s = Object.defineProperty;
   var __defProps$n = Object.defineProperties;
   var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
@@ -5934,7 +6544,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return a;
   };
   var __spreadProps$n = (a, b2) => __defProps$n(a, __getOwnPropDescs$n(b2));
-  const TwoColumnLayout$2 = ({
+  const ThreeColumnLayout$1 = ({
     props,
     children
   }) => {
@@ -5948,7 +6558,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       theme,
       scale
     );
-    const items = React.Children.toArray(children).slice(0, 2);
+    const items = React.Children.toArray(children).slice(0, 3);
     const count = items.length;
     const handleClick = (e) => {
       if (props.actions) {
@@ -5968,7 +6578,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           {
             style: __spreadProps$n(__spreadValues$p({}, buildItemContainerStyle(idx, count, theme, props, true, scale)), {
               flex: 1
-              // ...fractionWidth('50%'),
             }),
             children: child
           },
@@ -5996,7 +6605,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return a;
   };
   var __spreadProps$m = (a, b2) => __defProps$m(a, __getOwnPropDescs$m(b2));
-  const ThreeColumnLayout$1 = ({
+  const FourColumnLayout = ({
     props,
     children
   }) => {
@@ -6010,7 +6619,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       theme,
       scale
     );
-    const items = React.Children.toArray(children).slice(0, 3);
+    const items = React.Children.toArray(children).slice(0, 4);
     const count = items.length;
     const handleClick = (e) => {
       if (props.actions) {
@@ -6028,9 +6637,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         children: items.map((child, idx) => /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            style: __spreadProps$m(__spreadValues$o({}, buildItemContainerStyle(idx, count, theme, props, true, scale)), {
-              flex: 1
-            }),
+            style: __spreadValues$o(__spreadValues$o({}, fractionWidth("25%")), buildItemContainerStyle(idx, count, theme, props, true, scale)),
             children: child
           },
           idx
@@ -6057,7 +6664,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return a;
   };
   var __spreadProps$l = (a, b2) => __defProps$l(a, __getOwnPropDescs$l(b2));
-  const FourColumnLayout = ({
+  const TwoColumnLayout$1 = ({
     props,
     children
   }) => {
@@ -6071,7 +6678,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       theme,
       scale
     );
-    const items = React.Children.toArray(children).slice(0, 4);
+    const items = React.Children.toArray(children).slice(0, 2);
     const count = items.length;
     const handleClick = (e) => {
       if (props.actions) {
@@ -6082,14 +6689,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       __spreadProps$l(__spreadValues$n({
-        style: containerStyle,
+        style: __spreadProps$l(__spreadValues$n({}, containerStyle), {
+          width: "100%"
+        }),
         onClick: handleClick,
         ref: ref2
       }, { onMouseEnter, onMouseLeave }), {
         children: items.map((child, idx) => /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            style: __spreadValues$n(__spreadValues$n({}, fractionWidth("25%")), buildItemContainerStyle(idx, count, theme, props, true, scale)),
+            style: __spreadProps$l(__spreadValues$n({}, buildItemContainerStyle(idx, count, theme, props, true, scale)), {
+              flex: idx === 0 ? 1 : "initial",
+              width: idx === 1 ? runStyle(props.rightWidth, scale) : "auto",
+              flexDirection: "row"
+            }),
             children: child
           },
           idx
@@ -6116,7 +6729,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return a;
   };
   var __spreadProps$k = (a, b2) => __defProps$k(a, __getOwnPropDescs$k(b2));
-  const TwoColumnLayout$1 = ({
+  const TwoColumnLayout = ({
     props,
     children
   }) => {
@@ -6141,9 +6754,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       __spreadProps$k(__spreadValues$m({
-        style: __spreadProps$k(__spreadValues$m({}, containerStyle), {
-          width: "100%"
-        }),
+        style: containerStyle,
         onClick: handleClick,
         ref: ref2
       }, { onMouseEnter, onMouseLeave }), {
@@ -6151,8 +6762,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           "div",
           {
             style: __spreadProps$k(__spreadValues$m({}, buildItemContainerStyle(idx, count, theme, props, true, scale)), {
-              flex: idx === 0 ? 1 : "initial",
-              width: idx === 1 ? runStyle(props.rightWidth, scale) : "auto",
+              flex: idx === 1 ? 1 : "initial",
+              width: idx === 0 ? runStyle(props == null ? void 0 : props.leftWidth) : "auto",
               flexDirection: "row"
             }),
             children: child
@@ -6181,7 +6792,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return a;
   };
   var __spreadProps$j = (a, b2) => __defProps$j(a, __getOwnPropDescs$j(b2));
-  const TwoColumnLayout = ({
+  const ThreeColumnLayout = ({
     props,
     children
   }) => {
@@ -6195,7 +6806,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       theme,
       scale
     );
-    const items = React.Children.toArray(children).slice(0, 2);
+    const items = React.Children.toArray(children).slice(0, 3);
     const count = items.length;
     const handleClick = (e) => {
       if (props.actions) {
@@ -6215,7 +6826,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           {
             style: __spreadProps$j(__spreadValues$l({}, buildItemContainerStyle(idx, count, theme, props, true, scale)), {
               flex: idx === 1 ? 1 : "initial",
-              width: idx === 0 ? runStyle(props == null ? void 0 : props.leftWidth) : "auto",
               flexDirection: "row"
             }),
             children: child
@@ -6244,43 +6854,47 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return a;
   };
   var __spreadProps$i = (a, b2) => __defProps$i(a, __getOwnPropDescs$i(b2));
-  const ThreeColumnLayout = ({
+  const AbsoluteViewLayout = ({
     props,
     children
   }) => {
     const { scale } = useResponsive();
     const { executeActions } = useAction();
+    const handleClick = (e) => {
+      if (props.actions) {
+        void executeActions(props.actions);
+      }
+      onClick(e);
+    };
     const theme = useTheme();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const containerStyle = buildLayoutContainerStyle(
+    const absoluteContainerStyle = buildAbsoluteLayoutStyle(
       props,
-      "row",
+      "column",
       theme,
       scale
     );
-    const items = React.Children.toArray(children).slice(0, 3);
+    const items = React.Children.toArray(children);
     const count = items.length;
-    const handleClick = (e) => {
-      if (props.actions) {
-        void executeActions(props.actions);
-      }
-      onClick(e);
-    };
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       __spreadProps$i(__spreadValues$k({
-        style: containerStyle,
+        style: absoluteContainerStyle,
         onClick: handleClick,
         ref: ref2
       }, { onMouseEnter, onMouseLeave }), {
         children: items.map((child, idx) => /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            style: __spreadProps$i(__spreadValues$k({}, buildItemContainerStyle(idx, count, theme, props, true, scale)), {
-              flex: idx === 1 ? 1 : "initial",
-              flexDirection: "row"
-            }),
-            children: child
+            style: buildItemContainerStyle(
+              idx,
+              count,
+              theme,
+              props,
+              false,
+              scale
+            ),
+            children: child
           },
           idx
         ))
@@ -6306,7 +6920,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return a;
   };
   var __spreadProps$h = (a, b2) => __defProps$h(a, __getOwnPropDescs$h(b2));
-  const AbsoluteViewLayout = ({
+  const AnimationLayout = ({
     props,
     children
   }) => {
@@ -6320,7 +6934,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     const theme = useTheme();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const absoluteContainerStyle = buildAbsoluteLayoutStyle(
+    const containerStyle = buildLayoutContainerStyle(
       props,
       "column",
       theme,
@@ -6331,7 +6945,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       __spreadProps$h(__spreadValues$j({
-        style: absoluteContainerStyle,
+        style: containerStyle,
         onClick: handleClick,
         ref: ref2
       }, { onMouseEnter, onMouseLeave }), {
@@ -6372,72 +6986,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return a;
   };
   var __spreadProps$g = (a, b2) => __defProps$g(a, __getOwnPropDescs$g(b2));
-  const AnimationLayout = ({
-    props,
-    children
-  }) => {
-    const { scale } = useResponsive();
-    const { executeActions } = useAction();
-    const handleClick = (e) => {
-      if (props.actions) {
-        void executeActions(props.actions);
-      }
-      onClick(e);
-    };
-    const theme = useTheme();
-    const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const containerStyle = buildLayoutContainerStyle(
-      props,
-      "column",
-      theme,
-      scale
-    );
-    const items = React.Children.toArray(children);
-    const count = items.length;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      __spreadProps$g(__spreadValues$i({
-        style: containerStyle,
-        onClick: handleClick,
-        ref: ref2
-      }, { onMouseEnter, onMouseLeave }), {
-        children: items.map((child, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            style: buildItemContainerStyle(
-              idx,
-              count,
-              theme,
-              props,
-              false,
-              scale
-            ),
-            children: child
-          },
-          idx
-        ))
-      })
-    );
-  };
-  var __defProp$k = Object.defineProperty;
-  var __defProps$f = Object.defineProperties;
-  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
-  var __hasOwnProp$h = Object.prototype.hasOwnProperty;
-  var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$h = (a, b2) => {
-    for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$h.call(b2, prop))
-        __defNormalProp$k(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$h)
-      for (var prop of __getOwnPropSymbols$h(b2)) {
-        if (__propIsEnum$h.call(b2, prop))
-          __defNormalProp$k(a, prop, b2[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$f = (a, b2) => __defProps$f(a, __getOwnPropDescs$f(b2));
   const ScrollViewLayout = ({
     props,
     children
@@ -6462,7 +7010,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        style: __spreadProps$f(__spreadValues$h({}, containerStyle), {
+        style: __spreadProps$g(__spreadValues$i({}, containerStyle), {
           width: (customProps == null ? void 0 : customProps.width) || "100%",
           height: (customProps == null ? void 0 : customProps.height) || "auto",
           whiteSpace: scrollX ? "nowrap" : "normal",
@@ -6473,7 +7021,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         onClick: handleClick,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
-          __spreadProps$f(__spreadValues$h({
+          __spreadProps$g(__spreadValues$i({
             style: {
               display: "flex",
               flexDirection: scrollX ? "row" : "column",
@@ -6542,26 +7090,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     );
   };
-  var __defProp$j = Object.defineProperty;
-  var __defProps$e = Object.defineProperties;
-  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-  var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-  var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$g = (a, b2) => {
+  var __defProp$k = Object.defineProperty;
+  var __defProps$f = Object.defineProperties;
+  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
+  var __hasOwnProp$h = Object.prototype.hasOwnProperty;
+  var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$h = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$g.call(b2, prop))
-        __defNormalProp$j(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$g)
-      for (var prop of __getOwnPropSymbols$g(b2)) {
-        if (__propIsEnum$g.call(b2, prop))
-          __defNormalProp$j(a, prop, b2[prop]);
+      if (__hasOwnProp$h.call(b2, prop))
+        __defNormalProp$k(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$h)
+      for (var prop of __getOwnPropSymbols$h(b2)) {
+        if (__propIsEnum$h.call(b2, prop))
+          __defNormalProp$k(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$e = (a, b2) => __defProps$e(a, __getOwnPropDescs$e(b2));
-  const CardLayout = ({
+  var __spreadProps$f = (a, b2) => __defProps$f(a, __getOwnPropDescs$f(b2));
+  const JDHCardLayout = ({
     props,
     children,
     slot = {}
@@ -6571,13 +7119,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const { scale } = useResponsive();
     const theme = useTheme();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const cardStyle = buildCardLayoutStyle(props, theme, scale);
+    const cardStyle = buildJDHCardLayoutStyle(props, theme, scale);
     const handleClick = (e) => {
       onClick(e);
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
-      __spreadProps$e(__spreadValues$g({
+      __spreadProps$f(__spreadValues$h({
         style: cardStyle.warpStyle,
         className: "card-wrap",
         onClick: handleClick,
@@ -6649,25 +7197,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const useTwoColumn = containerWidth === null || containerWidth > minWidthFowTwoColumn * scale;
     return useTwoColumn ? /* @__PURE__ */ jsxRuntime.jsx(TwoColumnLayout$2, { props, children }) : /* @__PURE__ */ jsxRuntime.jsx(FullRowLayout, { props, children });
   };
-  var __defProp$i = Object.defineProperty;
-  var __defProps$d = Object.defineProperties;
-  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-  var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-  var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$f = (a, b2) => {
+  var __defProp$j = Object.defineProperty;
+  var __defProps$e = Object.defineProperties;
+  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+  var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+  var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$g = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$f.call(b2, prop))
-        __defNormalProp$i(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$f)
-      for (var prop of __getOwnPropSymbols$f(b2)) {
-        if (__propIsEnum$f.call(b2, prop))
-          __defNormalProp$i(a, prop, b2[prop]);
+      if (__hasOwnProp$g.call(b2, prop))
+        __defNormalProp$j(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$g)
+      for (var prop of __getOwnPropSymbols$g(b2)) {
+        if (__propIsEnum$g.call(b2, prop))
+          __defNormalProp$j(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$d = (a, b2) => __defProps$d(a, __getOwnPropDescs$d(b2));
+  var __spreadProps$e = (a, b2) => __defProps$e(a, __getOwnPropDescs$e(b2));
   const LayoutWrapper = ({
     node,
     originProps,
@@ -6692,7 +7240,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       case "full-row":
         return /* @__PURE__ */ jsxRuntime.jsx(FullRowLayout, { props: layoutProps, children });
       case "multiple-column":
-        return /* @__PURE__ */ jsxRuntime.jsx(MultipleColumnLayout, __spreadProps$d(__spreadValues$f({ props: layoutProps }, { originProps }), { children }));
+        return /* @__PURE__ */ jsxRuntime.jsx(MultipleColumnLayout, __spreadProps$e(__spreadValues$g({ props: layoutProps }, { originProps }), { children }));
       case "two-column":
         return /* @__PURE__ */ jsxRuntime.jsx(TwoColumnLayout$2, { props: layoutProps, children });
       case "three-column":
@@ -6710,9 +7258,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       case "animation-layout":
         return /* @__PURE__ */ jsxRuntime.jsx(AnimationLayout, { props: layoutProps, children });
       case "scroll-view":
-        return /* @__PURE__ */ jsxRuntime.jsx(ScrollViewLayout, __spreadProps$d(__spreadValues$f({}, node), { children }));
-      case "card":
-        return /* @__PURE__ */ jsxRuntime.jsx(CardLayout, { props: layoutProps, slot, children });
+        return /* @__PURE__ */ jsxRuntime.jsx(ScrollViewLayout, __spreadProps$e(__spreadValues$g({}, node), { children }));
+      case "jdh-card":
+        return /* @__PURE__ */ jsxRuntime.jsx(JDHCardLayout, { props: layoutProps, slot, children });
       case "responsive-two-column":
         return /* @__PURE__ */ jsxRuntime.jsx(ResponsiveTwoColumnLayout, { props: layoutProps, children });
       default:
@@ -6742,31 +7290,42 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const value = normalizeEventValue(eOrValue);
     onChange({ name, value });
   };
-  var __defProp$h = Object.defineProperty;
-  var __defProps$c = Object.defineProperties;
-  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-  var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-  var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$e = (a, b2) => {
+  var __defProp$i = Object.defineProperty;
+  var __defProps$d = Object.defineProperties;
+  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
+  var __hasOwnProp$f = Object.prototype.hasOwnProperty;
+  var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$f = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$e.call(b2, prop))
-        __defNormalProp$h(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$e)
-      for (var prop of __getOwnPropSymbols$e(b2)) {
-        if (__propIsEnum$e.call(b2, prop))
-          __defNormalProp$h(a, prop, b2[prop]);
+      if (__hasOwnProp$f.call(b2, prop))
+        __defNormalProp$i(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$f)
+      for (var prop of __getOwnPropSymbols$f(b2)) {
+        if (__propIsEnum$f.call(b2, prop))
+          __defNormalProp$i(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$c = (a, b2) => __defProps$c(a, __getOwnPropDescs$c(b2));
+  var __spreadProps$d = (a, b2) => __defProps$d(a, __getOwnPropDescs$d(b2));
   const TextRender = (props) => {
     const theme = useTheme();
+    const { variant = "body" } = props;
     const { scale } = useResponsive();
     const { executeActions } = useAction();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const style = textStyleFromTheme(theme, props, scale);
+    const textTheme = theme.components.text;
+    const textProps = __spreadValues$f(__spreadValues$f(__spreadValues$f({}, textTheme.basic), textTheme.variant[variant]), props);
+    const style = __spreadValues$f(__spreadValues$f(__spreadValues$f({}, textStyleFromTheme(theme, textProps, scale)), marginAndPaddingToStyle(props, theme, scale)), typeof props.numberOfLines === "number" ? {
+      display: "-webkit-box",
+      webkitBoxOrient: "vertical",
+      webkitLineClamp: props.numberOfLines.toString(),
+      // 控制显示行数
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "normal"
+    } : {});
     const handleClick = (e) => {
       if (props.actions) {
         void executeActions(props.actions);
@@ -6775,7 +7334,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       "span",
-      __spreadProps$c(__spreadValues$e({
+      __spreadProps$d(__spreadValues$f({
         style,
         onClick: handleClick,
         ref: ref2
@@ -8086,6 +8645,24 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       return Math.min(starIndex, underIndex);
     },
     tokenizer(src) {
+      if (/^\*(?=[\d])/.test(src)) {
+        const token = {
+          type: "text",
+          raw: "*",
+          text: "*",
+          escaped: false
+        };
+        return token;
+      }
+      if (/^\*[^*\n\r]+(?=\*\*)/.test(src)) {
+        const token = {
+          type: "text",
+          raw: "*",
+          text: "*",
+          escaped: false
+        };
+        return token;
+      }
       const match = src.match(/^(\*|_)([^\*_\n\r]+?)\1(?!\1)/);
       if (match) {
         const [raw, delimiter, text] = match;
@@ -8179,7 +8756,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       /^(\*{2,3}|_{1,3})(?!\s)(?!.*\S\1$)[^\r\n]{0,1000}$/
     ],
     list: [
-      /^[-+*]\s{0,3}$/,
+      /^[-+*]\s{1,3}$/,
       /^[-+*]\s{1,3}(\*{1,3}|_{1,3})(?!\s)(?!.*\S\1$)[^\r\n]{0,1000}$/,
       /^[-+*]\s{1,3}\[[^\]\r\n]{0,1000}$/,
       /^[-+*]\s{1,3}\[[^\r\n]{0,1000}\](\([^)\r\n]{0,1000})?$/
@@ -8220,7 +8797,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     },
     [inteface_StreamCacheTokenType.List]: {
       tokenType: inteface_StreamCacheTokenType.List,
-      isStartOfToken: (markdown) => /^[-+*]/.test(markdown),
+      isStartOfToken: (markdown) => /^[-+*]\s/.test(markdown),
       isStreamingValid: (markdown) => STREAM_INCOMPLETE_REGEX.list.some((re2) => re2.test(markdown))
     },
     [inteface_StreamCacheTokenType.Table]: {
@@ -8234,8 +8811,19 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     if (!recognizer) return;
     const { token, pending } = cache;
     if (token === inteface_StreamCacheTokenType.Text && recognizer.isStartOfToken(pending)) {
-      cache.token = tokenType;
-      return;
+      if (tokenType === inteface_StreamCacheTokenType.List) {
+        const cm = cache.completeMarkdown;
+        const lastLF = cm.lastIndexOf("\n");
+        const lineStart = lastLF >= 0 ? lastLF + 1 : 0;
+        const before = cm.slice(lineStart);
+        if (/^ {0,3}$/.test(before)) {
+          cache.token = tokenType;
+          return;
+        }
+      } else {
+        cache.token = tokenType;
+        return;
+      }
     }
     if (token === tokenType && !recognizer.isStreamingValid(pending)) {
       commitCache(cache);
@@ -8747,9 +9335,14 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { renderers } = useMarkdownContext();
     const { ListItemRenderer: ListItemRenderer2 } = renderers;
     const isOrdered = "ordered" in node ? node.ordered : false;
+    const forceIndent = (prevNode == null ? void 0 : prevNode.type) === "list" && !parent && node.type === "list" && !node.ordered ? true : false;
+    if (forceIndent) {
+      node.indent = true;
+    }
     const className = shared_clsx("xmd-list", {
       "xmd-ordered-list": isOrdered,
-      "xmd-bullet-list": !isOrdered
+      "xmd-bullet-list": !isOrdered,
+      "xmd-bullet-indent": forceIndent
     });
     const ListTag = isOrdered ? "ol" : "ul";
     const isNested = (parent == null ? void 0 : parent.type) === "list_item";
@@ -8779,7 +9372,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const list = parent;
     const displayIndex = ((list == null ? void 0 : list.start) || 0) + (index || 0);
     const depth = (parent == null ? void 0 : parent._depth) || 1;
-    const isTopLevelBullet = !isOrdered && depth === 1;
+    const isTopLevelBullet = !isOrdered && depth === 1 && !parent.indent;
     node._depth = depth;
     const className = shared_clsx("xmd-list-item", {
       "xmd-ordered-list-item": isOrdered,
@@ -8811,59 +9404,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       ]
     });
   };
-  var __defProp$g = Object.defineProperty;
-  var __defProps$b = Object.defineProperties;
-  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$d = (a, b2) => {
-    for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$d.call(b2, prop))
-        __defNormalProp$g(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$d)
-      for (var prop of __getOwnPropSymbols$d(b2)) {
-        if (__propIsEnum$d.call(b2, prop))
-          __defNormalProp$g(a, prop, b2[prop]);
-      }
-    return a;
-  };
-  var __spreadProps$b = (a, b2) => __defProps$b(a, __getOwnPropDescs$b(b2));
-  var __objRest = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp$d.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$d)
-      for (var prop of __getOwnPropSymbols$d(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$d.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  const View = (_a2) => {
-    var _b = _a2, { children } = _b, props = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps$b(__spreadValues$d({}, props), { children }));
-  };
-  const Text = (_c) => {
-    var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps$b(__spreadValues$d({}, props), { children }));
-  };
   const CodeRenderer = ({ node }) => {
-    return jsxRuntime.jsxs(View, {
+    return jsxRuntime.jsxs("div", {
       className: "xmd-code-container",
       children: [
-        node.lang && jsxRuntime.jsx(View, {
+        node.lang && jsxRuntime.jsx("div", {
           className: "xmd-code-header",
-          children: jsxRuntime.jsx(Text, {
+          children: jsxRuntime.jsx("span", {
             className: "xmd-code-lang",
             children: node.lang
           })
         }),
-        jsxRuntime.jsx(View, {
+        jsxRuntime.jsx("div", {
           className: "xmd-code-content",
-          children: jsxRuntime.jsx(Text, {
+          children: jsxRuntime.jsx("span", {
             className: "xmd-code-text",
             children: node.text
           })
@@ -8871,6 +9425,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       ]
     });
   };
+  const checkURL = (url) => {
+    return /^(https?:|cmd:)\/\/|^#\S+/.test(url);
+  };
   const Icon = React.memo((props) => {
     const { name = "", size, color: color2 } = props;
     const classNames = shared_clsx("xmdfont", `xmd-icon-${name}`);
@@ -8888,14 +9445,16 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { renderers, showLinkIcon, onLinkPress } = useMarkdownContext();
     const { PhrasingContentResolver: PhrasingContentResolver2 } = renderers;
     const { href: url } = node;
+    const isURL = checkURL(url);
     const onPress = React.useCallback((e) => {
       e.preventDefault();
-      if (url) {
+      if (isURL) {
         onLinkPress == null ? void 0 : onLinkPress(url);
       }
     }, [
       url,
-      onLinkPress
+      onLinkPress,
+      isURL
     ]);
     return jsxRuntime.jsxs("a", {
       className: "xmd-link",
@@ -8909,7 +9468,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           prevNode: index > 0 ? array[index - 1] : void 0,
           nextNode: index < array.length - 1 ? array[index + 1] : void 0
         }, index)),
-        showLinkIcon && jsxRuntime.jsx("span", {
+        showLinkIcon && isURL && jsxRuntime.jsx("span", {
           className: "xmd-link-search",
           children: jsxRuntime.jsx(Icon, {
             name: "search",
@@ -9058,7 +9617,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     });
   };
   const CodespanRenderer = ({ node }) => {
-    return jsxRuntime.jsx(Text, {
+    return jsxRuntime.jsx("span", {
       className: "xmd-codespan",
       children: node.text
     });
@@ -9408,7 +9967,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     ...defaultRenderers
   });
   const pxTransform = (value) => {
-    return value / 2;
+    return `${value / 2}px`;
   };
   const shared_pxTransform = pxTransform;
   const defaultTheme = {
@@ -9771,43 +10330,70 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     });
   };
   const Markdown = attachStaticMethods(MarkdownFC);
+  var __defProp$h = Object.defineProperty;
+  var __defProps$c = Object.defineProperties;
+  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
+  var __hasOwnProp$e = Object.prototype.hasOwnProperty;
+  var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$e = (a, b2) => {
+    for (var prop in b2 || (b2 = {}))
+      if (__hasOwnProp$e.call(b2, prop))
+        __defNormalProp$h(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$e)
+      for (var prop of __getOwnPropSymbols$e(b2)) {
+        if (__propIsEnum$e.call(b2, prop))
+          __defNormalProp$h(a, prop, b2[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$c = (a, b2) => __defProps$c(a, __getOwnPropDescs$c(b2));
   const MarkdownRender = (props) => {
-    var _a2;
-    useTheme();
+    const theme = useTheme();
     const { executeActions } = useAction();
-    useForEditor(props);
+    const { scale } = useResponsive();
+    const { onClick } = useForEditor(props);
     const content = props.content || "";
-    const originProps = props.originProps || {};
-    return (originProps == null ? void 0 : originProps.renderMarkdown) ? (_a2 = originProps == null ? void 0 : originProps.renderMarkdown) == null ? void 0 : _a2.call(originProps, { text: content }) : /* @__PURE__ */ jsxRuntime.jsx(
-      Markdown,
-      {
-        content,
-        theme: {
-          line_height: 5,
-          text_size: 16
-        }
+    const style = __spreadProps$c(__spreadValues$e({}, marginAndPaddingToStyle(props, theme, scale)), {
+      textAlign: props.textAlign
+    });
+    const markdownTheme = {
+      line_height: typeof props.lineHeight === "number" ? parseFloat(
+        resolvedLineHeight(props.lineHeight, theme, scale, true).toString()
+      ) * 2 : void 0,
+      text_size: typeof props.fontSize === "number" ? parseFloat(
+        resolvedFontSize(props.fontSize, theme, scale, true).toString()
+      ) * 2 : void 0,
+      text_color: typeof props.color === "string" ? resolveColor(props.color, theme) : void 0
+    };
+    const handleClick = (e) => {
+      if (props == null ? void 0 : props.actions) {
+        void executeActions(props.actions);
       }
-    );
+      onClick(e);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: handleClick, className: "aui-markdown-wrap", style, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content, theme: markdownTheme }) });
   };
-  var __defProp$f = Object.defineProperty;
-  var __defProps$a = Object.defineProperties;
-  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-  var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-  var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$c = (a, b2) => {
+  var __defProp$g = Object.defineProperty;
+  var __defProps$b = Object.defineProperties;
+  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
+  var __hasOwnProp$d = Object.prototype.hasOwnProperty;
+  var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$d = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$c.call(b2, prop))
-        __defNormalProp$f(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$c)
-      for (var prop of __getOwnPropSymbols$c(b2)) {
-        if (__propIsEnum$c.call(b2, prop))
-          __defNormalProp$f(a, prop, b2[prop]);
+      if (__hasOwnProp$d.call(b2, prop))
+        __defNormalProp$g(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$d)
+      for (var prop of __getOwnPropSymbols$d(b2)) {
+        if (__propIsEnum$d.call(b2, prop))
+          __defNormalProp$g(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$a = (a, b2) => __defProps$a(a, __getOwnPropDescs$a(b2));
+  var __spreadProps$b = (a, b2) => __defProps$b(a, __getOwnPropDescs$b(b2));
   const ImageRender = (props) => {
     const theme = useTheme();
     const { scale } = useResponsive();
@@ -9831,7 +10417,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       }
     };
     const style = imageStyleFromProps(
-      __spreadValues$c({
+      __spreadValues$d({
         width: props.width,
         height: props.height,
         fit: getObjectFit(props.fit)
@@ -9839,7 +10425,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       theme,
       scale
     );
-    const imgUrl = getImageUrl(__spreadValues$c({ url: props.src }, props));
+    const imgUrl = getImageUrl(__spreadValues$d({ url: props.src }, props));
     const handleClick = (e) => {
       if (props == null ? void 0 : props.actions) {
         void executeActions(props.actions);
@@ -9848,7 +10434,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
-      __spreadProps$a(__spreadValues$c({
+      __spreadProps$b(__spreadValues$d({
         onClick: props.actions ? handleClick : void 0,
         style: viewStyle,
         ref: ref2
@@ -9857,25 +10443,25 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       })
     );
   };
-  var __defProp$e = Object.defineProperty;
-  var __defProps$9 = Object.defineProperties;
-  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-  var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-  var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$b = (a, b2) => {
+  var __defProp$f = Object.defineProperty;
+  var __defProps$a = Object.defineProperties;
+  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+  var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+  var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$c = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$b.call(b2, prop))
-        __defNormalProp$e(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$b)
-      for (var prop of __getOwnPropSymbols$b(b2)) {
-        if (__propIsEnum$b.call(b2, prop))
-          __defNormalProp$e(a, prop, b2[prop]);
+      if (__hasOwnProp$c.call(b2, prop))
+        __defNormalProp$f(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$c)
+      for (var prop of __getOwnPropSymbols$c(b2)) {
+        if (__propIsEnum$c.call(b2, prop))
+          __defNormalProp$f(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$9 = (a, b2) => __defProps$9(a, __getOwnPropDescs$9(b2));
+  var __spreadProps$a = (a, b2) => __defProps$a(a, __getOwnPropDescs$a(b2));
   const TextListRender = (props) => {
     const theme = useTheme();
     const { scale } = useResponsive();
@@ -9897,7 +10483,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
-      __spreadProps$9(__spreadValues$b({
+      __spreadProps$a(__spreadValues$c({
         style,
         onClick: handleContainerClick,
         ref: ref2
@@ -9951,25 +10537,25 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       })
     );
   };
-  var __defProp$d = Object.defineProperty;
-  var __defProps$8 = Object.defineProperties;
-  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$a = (a, b2) => {
+  var __defProp$e = Object.defineProperty;
+  var __defProps$9 = Object.defineProperties;
+  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+  var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+  var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$b = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$a.call(b2, prop))
-        __defNormalProp$d(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$a)
-      for (var prop of __getOwnPropSymbols$a(b2)) {
-        if (__propIsEnum$a.call(b2, prop))
-          __defNormalProp$d(a, prop, b2[prop]);
+      if (__hasOwnProp$b.call(b2, prop))
+        __defNormalProp$e(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$b)
+      for (var prop of __getOwnPropSymbols$b(b2)) {
+        if (__propIsEnum$b.call(b2, prop))
+          __defNormalProp$e(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$8 = (a, b2) => __defProps$8(a, __getOwnPropDescs$8(b2));
+  var __spreadProps$9 = (a, b2) => __defProps$9(a, __getOwnPropDescs$9(b2));
   const CustomRenderFromIM = (props) => {
     const { executeActions, getLocalData } = useAction();
     const { originProps } = props;
@@ -10002,32 +10588,32 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         },
         {}
       );
-      return __spreadProps$8(__spreadValues$a({}, actions), {
+      return __spreadProps$9(__spreadValues$b({}, actions), {
         getLocalData
       });
     }, [executeActions, getLocalData]);
     if (!CustomComp)
       return /* @__PURE__ */ jsxRuntime.jsx(UnknownRenderer, { type: props == null ? void 0 : props.customCode, prefix: "渲染类型错误" });
     if (React.isValidElement(CustomComp)) {
-      return React.cloneElement(CustomComp, __spreadProps$8(__spreadValues$a(__spreadValues$a(__spreadValues$a({}, (CustomComp == null ? void 0 : CustomComp.props) || {}), originProps), props), {
+      return React.cloneElement(CustomComp, __spreadProps$9(__spreadValues$b(__spreadValues$b(__spreadValues$b({}, (CustomComp == null ? void 0 : CustomComp.props) || {}), originProps), props), {
         AUIActions
       }));
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(CustomComp, __spreadProps$8(__spreadValues$a(__spreadValues$a({}, originProps), props), { AUIActions }));
+    return /* @__PURE__ */ jsxRuntime.jsx(CustomComp, __spreadProps$9(__spreadValues$b(__spreadValues$b({}, originProps), props), { AUIActions }));
   };
-  var __defProp$c = Object.defineProperty;
-  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$9 = (a, b2) => {
+  var __defProp$d = Object.defineProperty;
+  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$a = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$9.call(b2, prop))
-        __defNormalProp$c(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$9)
-      for (var prop of __getOwnPropSymbols$9(b2)) {
-        if (__propIsEnum$9.call(b2, prop))
-          __defNormalProp$c(a, prop, b2[prop]);
+      if (__hasOwnProp$a.call(b2, prop))
+        __defNormalProp$d(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$a)
+      for (var prop of __getOwnPropSymbols$a(b2)) {
+        if (__propIsEnum$a.call(b2, prop))
+          __defNormalProp$d(a, prop, b2[prop]);
       }
     return a;
   };
@@ -10041,7 +10627,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         void executeActions(props.actions);
       }
     };
-    const style = __spreadValues$9({
+    const style = __spreadValues$a({
       width: "100%",
       height: props.height ? runStyle(props.height, scale) : "1px",
       backgroundColor: props.color ? ((_a2 = theme.color) == null ? void 0 : _a2[props.color]) || props.color : "#eeeeee",
@@ -10058,40 +10644,35 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { scale } = useResponsive();
     const { executeActions } = useAction();
     const style = textStyleFromTheme(theme, props, scale);
-    const handleClick = (e) => {
-      if (props.actions) {
-        void executeActions(props.actions);
-      }
-    };
     const Component = component;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Component,
       {
         compiledStyle: style,
-        compiledOnClick: handleClick,
+        executeActions,
         compiledProps: props
       }
     );
   };
-  var __defProp$b = Object.defineProperty;
-  var __defProps$7 = Object.defineProperties;
-  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$8 = (a, b2) => {
+  var __defProp$c = Object.defineProperty;
+  var __defProps$8 = Object.defineProperties;
+  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$9 = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$8.call(b2, prop))
-        __defNormalProp$b(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$8)
-      for (var prop of __getOwnPropSymbols$8(b2)) {
-        if (__propIsEnum$8.call(b2, prop))
-          __defNormalProp$b(a, prop, b2[prop]);
+      if (__hasOwnProp$9.call(b2, prop))
+        __defNormalProp$c(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$9)
+      for (var prop of __getOwnPropSymbols$9(b2)) {
+        if (__propIsEnum$9.call(b2, prop))
+          __defNormalProp$c(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$7 = (a, b2) => __defProps$7(a, __getOwnPropDescs$7(b2));
+  var __spreadProps$8 = (a, b2) => __defProps$8(a, __getOwnPropDescs$8(b2));
   const ChoiceJDHRender = ({ props, values }) => {
     const {
       updateKey,
@@ -10110,7 +10691,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { scale } = useResponsive();
     const { executeActions } = useAction();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const style = buildChoiceRenderStyle(props, isSelected, theme, scale);
+    const style = buildJDHChoiceRenderStyle(props, isSelected, theme, scale);
     const actions = [
       {
         type: !multi ? "updateLocalData" : "toggleLocalDataToSet",
@@ -10127,7 +10708,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
-      __spreadProps$7(__spreadValues$8({
+      __spreadProps$8(__spreadValues$9({
         className: "choice-wrap",
         style: style.wrapStyle,
         onClick: handleClick,
@@ -10174,25 +10755,25 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       })
     );
   };
-  var __defProp$a = Object.defineProperty;
-  var __defProps$6 = Object.defineProperties;
-  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$7 = (a, b2) => {
+  var __defProp$b = Object.defineProperty;
+  var __defProps$7 = Object.defineProperties;
+  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$8 = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$7.call(b2, prop))
-        __defNormalProp$a(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$7)
-      for (var prop of __getOwnPropSymbols$7(b2)) {
-        if (__propIsEnum$7.call(b2, prop))
-          __defNormalProp$a(a, prop, b2[prop]);
+      if (__hasOwnProp$8.call(b2, prop))
+        __defNormalProp$b(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$8)
+      for (var prop of __getOwnPropSymbols$8(b2)) {
+        if (__propIsEnum$8.call(b2, prop))
+          __defNormalProp$b(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$6 = (a, b2) => __defProps$6(a, __getOwnPropDescs$6(b2));
+  var __spreadProps$7 = (a, b2) => __defProps$7(a, __getOwnPropDescs$7(b2));
   const ButtonJDHRender = ({ props }) => {
     const {
       text,
@@ -10206,7 +10787,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { scale } = useResponsive();
     const { executeActions } = useAction();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const style = buildButtonRenderStyle(props, theme, scale);
+    const style = buildJDHButtonRenderStyle(props, theme, scale);
     const handleClick = (e) => {
       if (!disabled) {
         executeActions(actions);
@@ -10215,7 +10796,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
-      __spreadProps$6(__spreadValues$7({
+      __spreadProps$7(__spreadValues$8({
         className: "button-wrap",
         style: style.wrapStyle,
         onClick: handleClick,
@@ -10237,25 +10818,25 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       })
     );
   };
-  var __defProp$9 = Object.defineProperty;
-  var __defProps$5 = Object.defineProperties;
-  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$6 = (a, b2) => {
+  var __defProp$a = Object.defineProperty;
+  var __defProps$6 = Object.defineProperties;
+  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$7 = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$6.call(b2, prop))
-        __defNormalProp$9(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$6)
-      for (var prop of __getOwnPropSymbols$6(b2)) {
-        if (__propIsEnum$6.call(b2, prop))
-          __defNormalProp$9(a, prop, b2[prop]);
+      if (__hasOwnProp$7.call(b2, prop))
+        __defNormalProp$a(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$7)
+      for (var prop of __getOwnPropSymbols$7(b2)) {
+        if (__propIsEnum$7.call(b2, prop))
+          __defNormalProp$a(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$5 = (a, b2) => __defProps$5(a, __getOwnPropDescs$5(b2));
+  var __spreadProps$6 = (a, b2) => __defProps$6(a, __getOwnPropDescs$6(b2));
   const InputJDHRender = ({ props, value = "", onChange }) => {
     const {
       placeholder,
@@ -10270,7 +10851,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { scale } = useResponsive();
     const { executeActions } = useAction();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const style = buildInputRenderStyle(props, theme, scale);
+    const style = buildJDHInputRenderStyle(props, theme, scale);
     const [targetValue, setTargetValue] = React.useState(value);
     const [passwordShow, setPasswordShow] = React.useState(false);
     const handleClick = React.useCallback((e) => {
@@ -10299,7 +10880,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
-        __spreadProps$5(__spreadValues$6({
+        __spreadProps$6(__spreadValues$7({
           className: "aui-input-wrap",
           style: style.wrapStyle,
           onClick: handleClick,
@@ -10425,25 +11006,25 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       (error && !!errorMessage || !!subDescription) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-msg", style: style.msgStyle, children: error && !!errorMessage ? errorMessage : subDescription }, "msg")
     ] });
   };
-  var __defProp$8 = Object.defineProperty;
-  var __defProps$4 = Object.defineProperties;
-  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$5 = (a, b2) => {
+  var __defProp$9 = Object.defineProperty;
+  var __defProps$5 = Object.defineProperties;
+  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$6 = (a, b2) => {
     for (var prop in b2 || (b2 = {}))
-      if (__hasOwnProp$5.call(b2, prop))
-        __defNormalProp$8(a, prop, b2[prop]);
-    if (__getOwnPropSymbols$5)
-      for (var prop of __getOwnPropSymbols$5(b2)) {
-        if (__propIsEnum$5.call(b2, prop))
-          __defNormalProp$8(a, prop, b2[prop]);
+      if (__hasOwnProp$6.call(b2, prop))
+        __defNormalProp$9(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$6)
+      for (var prop of __getOwnPropSymbols$6(b2)) {
+        if (__propIsEnum$6.call(b2, prop))
+          __defNormalProp$9(a, prop, b2[prop]);
       }
     return a;
   };
-  var __spreadProps$4 = (a, b2) => __defProps$4(a, __getOwnPropDescs$4(b2));
+  var __spreadProps$5 = (a, b2) => __defProps$5(a, __getOwnPropDescs$5(b2));
   const TextareaJDHRender = ({ props, value = "", onChange }) => {
     const {
       placeholder,
@@ -10458,7 +11039,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { scale } = useResponsive();
     const { executeActions } = useAction();
     const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
-    const style = buildTextareaRenderStyle(props, value, theme, scale);
+    const style = buildJDHTextareaRenderStyle(props, value, theme, scale);
     const [targetValue, setTargetValue] = React.useState(value);
     const [passwordShow, setPasswordShow] = React.useState(false);
     const handleClick = React.useCallback((e) => {
@@ -10476,7 +11057,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
-        __spreadProps$4(__spreadValues$5({
+        __spreadProps$5(__spreadValues$6({
           className: "aui-textarea-wrap",
           style: style.wrapStyle,
           onClick: handleClick,
@@ -10515,6 +11096,166 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       (error && !!errorMessage || !!subDescription) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "textarea-msg", style: style.msgStyle, children: error && !!errorMessage ? errorMessage : subDescription }, "msg")
     ] });
   };
+  var __defProp$8 = Object.defineProperty;
+  var __defProps$4 = Object.defineProperties;
+  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$5 = (a, b2) => {
+    for (var prop in b2 || (b2 = {}))
+      if (__hasOwnProp$5.call(b2, prop))
+        __defNormalProp$8(a, prop, b2[prop]);
+    if (__getOwnPropSymbols$5)
+      for (var prop of __getOwnPropSymbols$5(b2)) {
+        if (__propIsEnum$5.call(b2, prop))
+          __defNormalProp$8(a, prop, b2[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$4 = (a, b2) => __defProps$4(a, __getOwnPropDescs$4(b2));
+  const buildColorStyle = (variant, colorType, disabled, hover, theme) => {
+    const { basicColor, color: color2, disabledColor, hoverColor } = theme.components.button;
+    if (disabled) {
+      return {
+        fontColor: disabledColor.color,
+        backgroundColor: variant === "text" || variant === "link" ? disabledColor.textLinkBackground : variant === "filled" ? disabledColor.fillBackground : disabledColor.background,
+        borderColor: variant === "text" || variant === "link" ? disabledColor.textLinkBackground : disabledColor.borderColor
+      };
+    }
+    const colorTheme = __spreadValues$5(__spreadValues$5({}, basicColor), color2[colorType]);
+    const fontColor = variant === "solid" ? colorTheme.color : colorTheme.background;
+    const backgroundColor = variant === "solid" ? colorTheme.background : variant === "filled" ? colorTheme.fillBackground : colorTheme.color;
+    const borderColor = variant === "dashed" || variant === "outlined" ? colorTheme.borderColor : variant === "solid" ? colorTheme.background : colorTheme.color;
+    const result = { fontColor, backgroundColor, borderColor };
+    if (hover) {
+      const hoverTheme = hoverColor[colorType];
+      if (variant === "solid") {
+        result.backgroundColor = hoverTheme.solidBackground;
+      } else if (variant === "outlined" || variant === "dashed") {
+        result.fontColor = hoverTheme.outlineDashedTextColor;
+        result.borderColor = hoverTheme.outlineDashedTextColor;
+      } else if (variant === "link") {
+        result.fontColor = hoverTheme.outlineDashedTextColor;
+      } else if (variant === "text") {
+        result.backgroundColor = hoverTheme.textBackground;
+      } else if (variant === "filled") {
+        result.backgroundColor = hoverTheme.fillBackground;
+      }
+    }
+    return result;
+  };
+  const ButtonRender = ({ props }) => {
+    const {
+      text,
+      iconSrc,
+      loading = false,
+      color: color2 = "default",
+      size = "middle",
+      actions,
+      variant = "solid",
+      disabled = false,
+      block = false
+    } = props;
+    const theme = useTheme();
+    const [onHover, setOnHover] = React.useState(false);
+    const buttonTheme = theme.components.button;
+    const { fontColor, backgroundColor, borderColor } = buildColorStyle(
+      variant,
+      color2,
+      disabled,
+      onHover,
+      theme
+    );
+    const sizeTheme = __spreadValues$5(__spreadValues$5({}, buttonTheme.basicSize), buttonTheme.size[size]);
+    const imageSrc = loading ? buttonTheme.loadingIcon : iconSrc;
+    const { scale } = useResponsive();
+    const { executeActions } = useAction();
+    const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
+    const wrapStyle = __spreadProps$4(__spreadValues$5(__spreadValues$5(__spreadValues$5({}, textStyleFromTheme(
+      theme,
+      {
+        fontSize: props.fontSize ? props.fontSize : sizeTheme.fontSize,
+        lineHeight: props.lineHeight ? props.lineHeight : sizeTheme.lineHeight,
+        fontWeight: props.fontWeight,
+        color: fontColor
+      },
+      scale
+    )), borderRadiusToStyle(sizeTheme.borderRadius, theme, scale)), marginAndPaddingToStyle(__spreadValues$5(__spreadValues$5({}, sizeTheme), props), theme, scale)), {
+      background: resolveColor(backgroundColor, theme),
+      borderWidth: 1,
+      borderStyle: variant === "dashed" ? "dashed" : "solid",
+      borderColor: resolveColor(borderColor, theme),
+      opacity: loading ? buttonTheme.loading.opacity : 1,
+      cursor: disabled ? "not-allowed" : loading ? void 0 : "pointer",
+      flex: block ? 1 : "initial",
+      textAlign: props.textAlign || "center"
+    });
+    const iconSize = wrapStyle.fontSize;
+    const iconStyle = __spreadValues$5(__spreadValues$5({
+      width: iconSize,
+      height: iconSize
+    }, borderRadiusToStyle(buttonTheme.icon.borderRadius, theme, scale)), marginLogogramToStyle(buttonTheme.icon.margin, theme, scale));
+    const handleClick = (e) => {
+      if (!disabled || !loading) {
+        executeActions(actions);
+      }
+      onClick(e);
+    };
+    const handleMouseEnter = React.useCallback(
+      (e) => {
+        setOnHover(true);
+        onMouseEnter(e);
+      },
+      [onMouseEnter]
+    );
+    const handleMouseLeave = React.useCallback(
+      (e) => {
+        setOnHover(false);
+        onMouseLeave(e);
+      },
+      [onMouseLeave]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "button-wrap",
+        style: wrapStyle,
+        onClick: handleClick,
+        ref: ref2,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: [
+          imageSrc && /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              style: iconStyle,
+              className: `button-icon ${loading ? "aui-button-loading" : ""}`,
+              src: imageSrc
+            }
+          ),
+          !imageSrc && loading && /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              viewBox: "0 0 1024 1024",
+              focusable: "false",
+              "data-icon": "loading",
+              style: __spreadProps$4(__spreadValues$5({}, marginLogogramToStyle(buttonTheme.icon.margin, theme, scale)), {
+                width: iconSize,
+                height: iconSize,
+                fill: wrapStyle.color
+              }),
+              className: "aui-button-loading",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "button-text", children: text })
+        ]
+      }
+    );
+  };
   var __defProp$7 = Object.defineProperty;
   var __defProps$3 = Object.defineProperties;
   var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
@@ -10568,7 +11309,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
         return /* @__PURE__ */ jsxRuntime.jsx(ImageRender, __spreadValues$4({}, props));
       case "text-list":
         return /* @__PURE__ */ jsxRuntime.jsx(TextListRender, __spreadProps$3(__spreadValues$4({}, props), { children }));
-      case "input": {
+      case "jdh-input": {
         const p = props;
         const value = p.updateKey ? values == null ? void 0 : values[p.updateKey] : "";
         return /* @__PURE__ */ jsxRuntime.jsx(
@@ -10580,7 +11321,7 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           }
         );
       }
-      case "textarea": {
+      case "jdh-textarea": {
         const p = props;
         const value = p.updateKey ? values == null ? void 0 : values[p.updateKey] : "";
         return /* @__PURE__ */ jsxRuntime.jsx(
@@ -10592,6 +11333,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           }
         );
       }
+      case "button": {
+        return /* @__PURE__ */ jsxRuntime.jsx(ButtonRender, { props });
+      }
       case "divider": {
         return /* @__PURE__ */ jsxRuntime.jsx(DividerRender, __spreadValues$4({}, props));
       }
@@ -10601,14 +11345,20 @@ Please report this to https://github.com/markedjs/marked.`, e) {
       case "custom-render": {
         return /* @__PURE__ */ jsxRuntime.jsx(CustomRenderFromIM, __spreadProps$3(__spreadValues$4({}, props), { originProps }));
       }
-      case "choice": {
+      case "jdh-choice": {
         return /* @__PURE__ */ jsxRuntime.jsx(ChoiceJDHRender, { props, values });
       }
-      case "button": {
+      case "jdh-button": {
         return /* @__PURE__ */ jsxRuntime.jsx(ButtonJDHRender, { props });
       }
       default:
-        return /* @__PURE__ */ jsxRuntime.jsx(UnknownRenderer, { type: String(renderType), prefix: "未知渲染类型" });
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          UnknownRenderer,
+          {
+            type: String(renderType),
+            prefix: `未知渲染类型: ${subType}`
+          }
+        );
     }
   };
   const ComponentRenderer = ({
@@ -10709,10 +11459,11 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     } = props;
     const autoDetectContainerWidth = typeof containerWidthFromProps === "number" ? false : typeof props.autoDetectContainerWidth === "boolean" ? props.autoDetectContainerWidth : false;
     const {
-      template,
-      referenceComponentList,
-      data,
-      initLocalData = {}
+      template: templateFromComponent,
+      referenceComponentList: referenceComponentListFromComponent = [],
+      data: dataFromComponent = {},
+      initLocalData = {},
+      devicePixelRatio: componentDevicePixelRatio
     } = component;
     const [containerWidth, setContainerWidth] = React.useState(
       typeof containerWidthFromProps === "number" ? containerWidthFromProps : null
@@ -10721,10 +11472,15 @@ Please report this to https://github.com/markedjs/marked.`, e) {
     const { editorMode: editorMode2 } = useForEditor({});
     const responsiveValue = React.useMemo(() => {
       return {
-        scale: props.devicePixelRatio ? 1 / props.devicePixelRatio : DEFAULT_SCALE,
+        scale: typeof componentDevicePixelRatio === "number" ? 1 / componentDevicePixelRatio : props.devicePixelRatio ? 1 / props.devicePixelRatio : DEFAULT_SCALE,
         containerWidth
       };
     }, [props.devicePixelRatio, containerWidth]);
+    const [data, setData] = React.useState(dataFromComponent);
+    const [template, setTemplate] = React.useState(templateFromComponent);
+    const [referenceComponentList, setReferenceComponentList] = React.useState(
+      referenceComponentListFromComponent
+    );
     const [values, setValues] = React.useState(initLocalData);
     const [dsValues, setDsValues] = React.useState({});
     const [nodes, setNodes] = React.useState([]);
@@ -10846,6 +11602,9 @@ Please report this to https://github.com/markedjs/marked.`, e) {
           {
             onAction,
             setValues,
+            setData,
+            setTemplate,
+            setReferenceComponentList,
             values,
             originProps: props,
             externalActions,