@yklyklpackages/message-card 0.8.0 → 0.9.0

package/dist/index.mjs

@@ -2980,7 +2980,7 @@ var objectInspect = function inspect_(obj, options, depth, seen) {
     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) {
@@ -3005,25 +3005,25 @@ function canTrustToString(obj) {
   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) {
@@ -3059,7 +3059,7 @@ var hasOwn$1 = Object.prototype.hasOwnProperty || function(key) {
 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) {
@@ -3368,7 +3368,7 @@ var syntax = SyntaxError;
 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;
@@ -3497,99 +3497,78 @@ function requireObject_getPrototypeOf() {
   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, b3) {
-    var arr = [];
-    for (var i = 0; i < a.length; i += 1) {
-      arr[i] = a[i];
-    }
-    for (var j3 = 0; j3 < b3.length; j3 += 1) {
-      arr[j3 + a.length] = b3[j3];
-    }
-    return arr;
-  };
-  var slicy = function slicy2(arrLike, offset) {
-    var arr = [];
-    for (var i = offset, j3 = 0; i < arrLike.length; i += 1, j3 += 1) {
-      arr[j3] = 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, b3) {
+  var arr = [];
+  for (var i = 0; i < a.length; i += 1) {
+    arr[i] = a[i];
+  }
+  for (var j3 = 0; j3 < b3.length; j3 += 1) {
+    arr[j3 + a.length] = b3[j3];
+  }
+  return arr;
+};
+var slicy = function slicy2(arrLike, offset) {
+  var arr = [];
+  for (var i = offset, j3 = 0; i < arrLike.length; i += 1, j3 += 1) {
+    arr[j3] = 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 bind(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() {
@@ -3599,14 +3578,14 @@ function requireFunctionApply() {
   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 callBindBasic(args) {
   if (args.length < 1 || typeof args[0] !== "function") {
@@ -3672,8 +3651,8 @@ function requireHasown() {
   hasRequiredHasown = 1;
   var call = Function.prototype.call;
   var $hasOwn = Object.prototype.hasOwnProperty;
-  var bind2 = requireFunctionBind();
-  hasown = bind2.call(call, $hasOwn);
+  var bind3 = functionBind;
+  hasown = bind3.call(call, $hasOwn);
   return hasown;
 }
 var undefined$1;
@@ -3687,7 +3666,7 @@ var $TypeError$3 = type;
 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;
@@ -3721,7 +3700,7 @@ var getProto = requireGetProto();
 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 = {
@@ -3892,7 +3871,7 @@ var LEGACY_ALIASES = {
   "%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);
@@ -5151,9 +5130,89 @@ const handleToggleLocalDataToSet = (config, { setValues }) => {
     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) ;
@@ -5194,6 +5253,7 @@ const ACTION_HANDLERS = {
   removeLocalDataToSet: handleRemoveLocalDataToSet,
   toggleLocalDataToSet: handleToggleLocalDataToSet,
   callApiUpdateData: handleCallApiUpdateData,
+  callFetchUpdateData: handleCallFetchUpdateData,
   clickTrack: handleClickTrack,
   exposureTrack: handleExposureTrack,
   disableScroll: handleDisableScroll,
@@ -5202,7 +5262,16 @@ const ACTION_HANDLERS = {
 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
@@ -5231,7 +5300,10 @@ const dispatchAction = async (config, context) => {
       onAction,
       commonPayload,
       commonJsonParams,
-      originProps
+      originProps,
+      setData,
+      setTemplate,
+      setReferenceComponentList
     });
   } else {
     console.warn(`[ActionContext] 未找到对应的 Action 处理器: ${config.type}`);
@@ -5249,6 +5321,9 @@ const ActionProvider = ({
   children,
   onAction,
   setValues,
+  setData,
+  setTemplate,
+  setReferenceComponentList,
   values,
   originProps,
   externalActions
@@ -5262,7 +5337,10 @@ const ActionProvider = ({
         setValues,
         originProps,
         extra,
-        externalActions
+        externalActions,
+        setData,
+        setTemplate,
+        setReferenceComponentList
       });
     },
     [onAction, setValues, originProps, externalActions]
@@ -5857,6 +5935,7 @@ const buildJDHChoiceRenderStyle = (props, isSelected, theme, scale = 1) => {
   const choiceTheme = theme.components.jdhChoice;
   const hasSubDesc = typeof subDescription === "string";
   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
   }, paddingLogogramToStyle(
@@ -6343,16 +6422,17 @@ const MultipleColumnLayout = ({
     paddingBottom: containerStyle.marginBottom
   };
   const gapMargin = `-${resolveSpace(props.gap, theme, scale)}`;
-  const containerStyleForGap = __spreadProps$p(__spreadValues$r({}, 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) => {
@@ -10562,17 +10642,12 @@ const CustomRenderFromProps = ({ props, component }) => {
   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__ */ jsx(
     Component,
     {
       compiledStyle: style,
-      compiledOnClick: handleClick,
+      executeActions,
       compiledProps: props
     }
   );
@@ -11382,9 +11457,9 @@ const MessageContainer = (props) => {
   } = props;
   const autoDetectContainerWidth = typeof containerWidthFromProps === "number" ? false : typeof props.autoDetectContainerWidth === "boolean" ? props.autoDetectContainerWidth : false;
   const {
-    template,
-    referenceComponentList,
-    data,
+    template: templateFromComponent,
+    referenceComponentList: referenceComponentListFromComponent = [],
+    data: dataFromComponent = {},
     initLocalData = {},
     devicePixelRatio: componentDevicePixelRatio
   } = component;
@@ -11399,6 +11474,11 @@ const MessageContainer = (props) => {
       containerWidth
     };
   }, [props.devicePixelRatio, containerWidth]);
+  const [data, setData] = useState(dataFromComponent);
+  const [template, setTemplate] = useState(templateFromComponent);
+  const [referenceComponentList, setReferenceComponentList] = useState(
+    referenceComponentListFromComponent
+  );
   const [values, setValues] = useState(initLocalData);
   const [dsValues, setDsValues] = useState({});
   const [nodes, setNodes] = useState([]);
@@ -11520,6 +11600,9 @@ const MessageContainer = (props) => {
         {
           onAction,
           setValues,
+          setData,
+          setTemplate,
+          setReferenceComponentList,
           values,
           originProps: props,
           externalActions,
@@ -11769,7 +11852,7 @@ class CacheStorage {
     }
   }
 }
-function bind(fn, thisArg) {
+function bind2(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
   };
@@ -11932,7 +12015,7 @@ const extend = (a, b3, thisArg, { allOwnKeys } = {}) => {
     (val, key) => {
       if (thisArg && isFunction$1(val)) {
         Object.defineProperty(a, key, {
-          value: bind(val, thisArg),
+          value: bind2(val, thisArg),
           writable: true,
           enumerable: true,
           configurable: true
@@ -14336,7 +14419,7 @@ Object.entries(HttpStatusCode$1).forEach(([key, value]) => {
 });
 function createInstance(defaultConfig) {
   const context = new Axios$1(defaultConfig);
-  const instance = bind(Axios$1.prototype.request, context);
+  const instance = bind2(Axios$1.prototype.request, context);
   utils$1.extend(instance, Axios$1.prototype, context, { allOwnKeys: true });
   utils$1.extend(instance, context, null, { allOwnKeys: true });
   instance.create = function create(instanceConfig) {