@yklyklpackages/message-card 0.6.2 → 0.6.3

package/dist/index.mjs

@@ -4142,10 +4142,12 @@ const handleImagePreview = async (config) => {
   const { urls, startIndex = 0 } = config.params || {};
   if (!urls || !urls.length) return;
 };
-const handleUpdateLocalData = async (config, { setValues }) => {
+const handleUpdateLocalData = async (config, { setValues, extra }) => {
+  var _a, _b;
   if (!setValues) return;
   const { updateKey, value } = config.params;
-  const key = updateKey;
+  const key = updateKey || (extra == null ? void 0 : extra.key);
+  const targetValue = value !== void 0 && value !== "" ? value : (_b = (_a = extra == null ? void 0 : extra.payload) == null ? void 0 : _a.value) != null ? _b : value;
   const ok = await confirmIfNeeded(config.params);
   if (!ok) return;
   setValues((prev2) => {
@@ -4153,16 +4155,16 @@ const handleUpdateLocalData = async (config, { setValues }) => {
     const isOldEmpty = oldValue === void 0 || oldValue === null || oldValue === "" || typeof oldValue === "object" && Object.keys(oldValue).length === 0;
     if (isOldEmpty) {
       return __spreadProps$p(__spreadValues$r({}, prev2 || {}), {
-        [key]: value
+        [key]: targetValue
       });
     }
-    if (typeof oldValue === "object" && typeof value === "object" && !Array.isArray(oldValue) && !Array.isArray(value) && oldValue !== null && value !== null) {
+    if (typeof oldValue === "object" && typeof targetValue === "object" && !Array.isArray(oldValue) && !Array.isArray(targetValue) && oldValue !== null && targetValue !== null) {
       return __spreadProps$p(__spreadValues$r({}, prev2 || {}), {
-        [key]: __spreadValues$r(__spreadValues$r({}, oldValue), value)
+        [key]: __spreadValues$r(__spreadValues$r({}, oldValue), targetValue)
       });
     }
     return __spreadProps$p(__spreadValues$r({}, prev2 || {}), {
-      [key]: value
+      [key]: targetValue
     });
   });
 };
@@ -4380,15 +4382,8 @@ var __spreadValues$q = (a, b) => {
   return a;
 };
 var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
-const applySize = (props, scale = 1) => {
-  const style2 = { width: "100%" };
-  if (!props) return style2;
-  if (props.width != null) style2.width = runStyle(props.width, scale);
-  if (props.height != null) style2.height = runStyle(props.height, scale);
-  return style2;
-};
 const baseContainerStyle = (props, scale = 1) => {
-  const style2 = __spreadValues$q(__spreadValues$q({}, applySize(props, scale)), (props == null ? void 0 : props.style) || {});
+  const style2 = __spreadValues$q({}, (props == null ? void 0 : props.style) || {});
   return style2;
 };
 const childGapStyle = (index2, count, gap, horizontal, scale = 1) => {
@@ -4554,10 +4549,10 @@ const backgroundToStyle = (background, theme) => {
   return style2;
 };
 const borderRadiusToStyle = (borderRadius, theme, scale = 1) => {
-  const borderRadiusMap = theme.borderRadius;
+  const borderRadiusMap = (theme == null ? void 0 : theme.borderRadius) || {};
   const style2 = {};
   if (borderRadius) {
-    style2.borderRadius = borderRadiusMap[borderRadius] ? runStyle(borderRadiusMap[borderRadius], scale) : runStyle(borderRadius);
+    style2.borderRadius = borderRadiusMap[borderRadius] ? runStyle(borderRadiusMap[borderRadius], scale) : runStyle(borderRadius, scale);
   }
   return style2;
 };
@@ -4870,14 +4865,16 @@ const MultipleColumnLayout = ({
   });
   const itemContainerStyle = (child, idx) => {
     return __spreadProps$m(__spreadValues$o({}, buildItemContainerStyle(idx, count, props, true, scale)), {
-      flexShrink: itemFlexShrink(),
+      flexShrink: itemFlexShrink(child),
       width: void 0
     });
   };
   const items = React__default.Children.toArray(children);
   const count = items.length;
   const itemFlexShrink = (child) => {
-    return 0;
+    var _a, _b;
+    if (((_b = (_a = child == null ? void 0 : child.props) == null ? void 0 : _a.node) == null ? void 0 : _b.props.flexShrink) == 0) return 0;
+    return 1;
   };
   const handleClick = (e) => {
     if (props.actions) {
@@ -5195,8 +5192,8 @@ const TwoColumnLayout = ({
         "div",
         {
           style: __spreadProps$h(__spreadValues$j({}, buildItemContainerStyle(idx, count, props, true, scale)), {
-            flex: idx === 1 ? 1 : 0,
-            width: idx === 1 ? runStyle(props.leftWidth, scale) : "auto",
+            flex: idx === 1 ? 1 : "none",
+            width: idx === 0 ? runStyle(props == null ? void 0 : props.leftWidth) : "auto",
             flexDirection: "row"
           }),
           children: child
@@ -29584,11 +29581,17 @@ var __spreadValues$b = (a, b) => {
 };
 var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 const InputRender = (props) => {
-  var _a;
   const { scale } = useResponsive();
   const { executeActions } = useAction$1();
   const { ref: ref2, onClick, onMouseEnter, onMouseLeave } = useForEditor(props);
   const style2 = baseContainerStyle(props, scale);
+  const handleChange = (e) => {
+    if (props.actions) {
+      void executeActions(props.actions, {
+        payload: { value: e.target.value }
+      });
+    }
+  };
   const handleContainerClick = (e) => {
     if (props == null ? void 0 : props.actions) {
       void executeActions(props.actions);
@@ -29605,13 +29608,10 @@ const InputRender = (props) => {
       children: /* @__PURE__ */ jsx(
         Input2,
         {
-          value: (_a = props.value) != null ? _a : "",
           placeholder: props.placeholder,
-          onChange: (e) => {
-            var _a2;
-            return (_a2 = props.onChange) == null ? void 0 : _a2.call(props, e.target.value);
-          },
-          style: { width: "100%" }
+          onChange: handleChange,
+          style: { width: "100%" },
+          variant: "borderless"
         }
       )
     })
@@ -29702,11 +29702,16 @@ const RadioRender = (props) => {
   const style2 = baseContainerStyle(props, scale);
   const valueStr = props.value != null ? String(props.value) : void 0;
   const handleContainerClick = (e) => {
-    if (props == null ? void 0 : props.actions) {
-      void executeActions(props.actions);
-    }
     onClick(e);
   };
+  const handleChange = (e) => {
+    var _a;
+    const val = e.target.value;
+    (_a = props.onChange) == null ? void 0 : _a.call(props, e);
+    if (props.actions) {
+      void executeActions(props.actions, { payload: { value: val } });
+    }
+  };
   return /* @__PURE__ */ jsx(
     "div",
     __spreadProps$7(__spreadValues$9({
@@ -29714,10 +29719,30 @@ const RadioRender = (props) => {
       onClick: handleContainerClick,
       ref: ref2
     }, { onMouseEnter, onMouseLeave }), {
-      children: /* @__PURE__ */ jsx(Group$1, { onChange: props.onChange, value: valueStr, children: (props.options || []).map((opt) => {
-        const ov = String(opt.value);
-        return /* @__PURE__ */ jsx(Radio, { value: ov, style: props.itemStyle, children: opt.label }, ov);
-      }) })
+      children: /* @__PURE__ */ jsx(
+        ConfigProvider,
+        {
+          theme: {
+            token: {
+              colorPrimary: "#1bb193"
+            }
+          },
+          children: /* @__PURE__ */ jsx(
+            Group$1,
+            {
+              onChange: handleChange,
+              value: valueStr,
+              defaultValue: props.defaultValue,
+              optionType: "button",
+              buttonStyle: "solid",
+              children: (props.options || []).map((opt) => {
+                const ov = String(opt.value);
+                return /* @__PURE__ */ jsx(Radio, { value: ov, style: props.itemStyle, children: opt.label }, ov);
+              })
+            }
+          )
+        }
+      )
     })
   );
 };
@@ -34024,7 +34049,6 @@ const MessageCard = (props) => {
       }),
       theme,
       onAction: (payload) => {
-        console.info("onAction", payload);
       },
       externalActions: props.externalActions
     }, props)