@yklyklpackages/message-card 0.5.0 → 0.6.0

package/dist/index.mjs

@@ -148,7 +148,7 @@ function JSONSafeParse(str, defaultValue) {
   }
   return defaultValue;
 }
-const defaultTheme$1 = {
+const defaultTheme$2 = {
   fontSize: {
     FontSizes_JDH_Headline1: 46,
     FontSizes_JDH_Headline2: 34,
@@ -165,6 +165,9 @@ const defaultTheme$1 = {
     Color_JDH_Red_Price: "#FF0F23",
     Color_JDH_Red_Discount: "#FF0F23",
     Color_JDH_Green_Success: "#67CC52",
+    Color_JDH_Green_Background: "#17CB8E1F",
+    Color_JDH_Red_Background: "#FF0F231F",
+    Color_JDH_Yellow_Background: "#FF80001F",
     Color_JDH_Gray_Headline: "#222222",
     Color_JDH_Gray_Text: "#222222",
     Color_JDH_Gray_SecondText: "#575859",
@@ -190,14 +193,68 @@ const defaultTheme$1 = {
     Spacing_JDH_xxs: 4
   },
   borderRadius: {
-    Radius_JDH_LargeExtra: 32,
-    Radius_JDH_Large: 24,
-    Radius_JDH_Medium: 16,
-    Radius_JDH_Small: 8,
-    Radius_JDH_Mini: 6
+    Radius_JDH_xxl: 32,
+    Radius_JDH_xl: 24,
+    Radius_JDH_lg: 16,
+    Radius_JDH_sm: 8,
+    Radius_JDH_xs: 6
+  },
+  components: {}
+};
+const defaultTheme$1 = {
+  fontSize: {
+    FontSizes_JDH_Headline1: 23,
+    FontSizes_JDH_Headline2: 17,
+    FontSizes_JDH_Title: 15,
+    FontSizes_JDH_Text: 14,
+    FontSizes_JDH_AccentText: 12,
+    FontSizes_JDH_TagText: 10
+  },
+  color: {
+    Color_JDH_Primary: "#17CB8E",
+    Color_JDH_Accent1: "#FF8000",
+    Color_JDH_Accent2: "#73B0FF",
+    Color_JDH_Red_Danger: "#FF0F23",
+    Color_JDH_Red_Price: "#FF0F23",
+    Color_JDH_Red_Discount: "#FF0F23",
+    Color_JDH_Green_Success: "#67CC52",
+    Color_JDH_Green_Background: "#17CB8E1F",
+    Color_JDH_Red_Background: "#FF0F231F",
+    Color_JDH_Yellow_Background: "#FF80001F",
+    Color_JDH_Gray_Headline: "#222222",
+    Color_JDH_Gray_Text: "#222222",
+    Color_JDH_Gray_SecondText: "#575859",
+    Color_JDH_Gray_AccentText: "#858687",
+    Color_JDH_Gray_DividingLine: "#D3D3D3",
+    Color_JDH_Gray_Background: "#F5F5F6",
+    Color_JDH_Gray_CardBackground: "#E5E9EB",
+    Color_JDH_Gray_Card: "#FFFFFF",
+    Color_JDH_Gray_Mask: "#00000080"
+  },
+  fontWeight: {
+    FontWeight_JDH_Normal: 400,
+    FontWeight_JDH_Medium: 500
+  },
+  space: {
+    Spacing_JDH_4xl: 16,
+    Spacing_JDH_xxxl: 14,
+    Spacing_JDH_xxl: 12,
+    Spacing_JDH_xl: 10,
+    Spacing_JDH_lg: 8,
+    Spacing_JDH_sm: 6,
+    Spacing_JDH_xs: 4,
+    Spacing_JDH_xxs: 2
+  },
+  borderRadius: {
+    Radius_JDH_xxl: 16,
+    Radius_JDH_xl: 12,
+    Radius_JDH_lg: 8,
+    Radius_JDH_sm: 4,
+    Radius_JDH_xs: 3
   },
   components: {}
 };
+const DEFAULT_SCALE = 0.5;
 var __defProp$v = Object.defineProperty;
 var __defProps$q = Object.defineProperties;
 var __getOwnPropDescs$q = Object.getOwnPropertyDescriptors;
@@ -217,13 +274,14 @@ var __spreadValues$s = (a, b) => {
   return a;
 };
 var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
-const ThemeContext = createContext(defaultTheme$1);
+const ThemeContext = createContext(defaultTheme$2);
 const ThemeProvider = ({
+  scale = DEFAULT_SCALE,
   theme,
   children
 }) => {
   const merged = useMemo$1(() => {
-    const base = defaultTheme$1;
+    const base = scale <= DEFAULT_SCALE ? defaultTheme$2 : defaultTheme$1;
     return __spreadProps$q(__spreadValues$s({}, base), {
       fontSize: __spreadValues$s(__spreadValues$s({}, base.fontSize), (theme == null ? void 0 : theme.fontSize) || {}),
       color: __spreadValues$s(__spreadValues$s({}, base.color), (theme == null ? void 0 : theme.color) || {}),
@@ -1972,7 +2030,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$1(obj), 8, -1) : protoTag ? "Object" : "";
+    var stringTag = !isPlainObject2 && toStringTag$1 && Object(obj) === obj && toStringTag$1 in obj ? $slice.call(toStr(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) {
@@ -1997,25 +2055,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$1(obj) === "[object Array]" && canTrustToString(obj);
+  return toStr(obj) === "[object Array]" && canTrustToString(obj);
 }
 function isDate$1(obj) {
-  return toStr$1(obj) === "[object Date]" && canTrustToString(obj);
+  return toStr(obj) === "[object Date]" && canTrustToString(obj);
 }
 function isRegExp$2(obj) {
-  return toStr$1(obj) === "[object RegExp]" && canTrustToString(obj);
+  return toStr(obj) === "[object RegExp]" && canTrustToString(obj);
 }
 function isError(obj) {
-  return toStr$1(obj) === "[object Error]" && canTrustToString(obj);
+  return toStr(obj) === "[object Error]" && canTrustToString(obj);
 }
 function isString$2(obj) {
-  return toStr$1(obj) === "[object String]" && canTrustToString(obj);
+  return toStr(obj) === "[object String]" && canTrustToString(obj);
 }
 function isNumber$1(obj) {
-  return toStr$1(obj) === "[object Number]" && canTrustToString(obj);
+  return toStr(obj) === "[object Number]" && canTrustToString(obj);
 }
 function isBoolean$1(obj) {
-  return toStr$1(obj) === "[object Boolean]" && canTrustToString(obj);
+  return toStr(obj) === "[object Boolean]" && canTrustToString(obj);
 }
 function isSymbol(obj) {
   if (hasShammedSymbols) {
@@ -2051,7 +2109,7 @@ var hasOwn$1 = Object.prototype.hasOwnProperty || function(key) {
 function has$3(obj, key) {
   return hasOwn$1.call(obj, key);
 }
-function toStr$1(obj) {
+function toStr(obj) {
   return objectToString.call(obj);
 }
 function nameOf(f) {
@@ -2360,7 +2418,7 @@ var syntax = SyntaxError;
 var uri = URIError;
 var abs$2 = Math.abs;
 var floor$1 = Math.floor;
-var max$2 = Math.max;
+var max$1 = Math.max;
 var min$1 = Math.min;
 var pow$1 = Math.pow;
 var round$2 = Math.round;
@@ -2489,78 +2547,99 @@ function requireObject_getPrototypeOf() {
   Object_getPrototypeOf = $Object2.getPrototypeOf || null;
   return Object_getPrototypeOf;
 }
-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, b) {
-  var arr = [];
-  for (var i = 0; i < a.length; i += 1) {
-    arr[i] = a[i];
-  }
-  for (var j2 = 0; j2 < b.length; j2 += 1) {
-    arr[j2 + a.length] = b[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 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, b) {
+    var arr = [];
+    for (var i = 0; i < a.length; i += 1) {
+      arr[i] = a[i];
     }
-  }
-  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)
-      );
-      if (Object(result) === result) {
-        return result;
+    for (var j2 = 0; j2 < b.length; j2 += 1) {
+      arr[j2 + a.length] = b[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 this;
     }
-    return target.apply(
-      that,
-      concatty(args, arguments)
-    );
+    return str;
   };
-  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 Empty2 = function Empty3() {
+  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,
+        concatty(args, arguments)
+      );
     };
-    Empty2.prototype = target.prototype;
-    bound.prototype = new Empty2();
-    Empty2.prototype = null;
-  }
-  return bound;
-};
-var implementation = implementation$1;
-var functionBind = Function.prototype.bind || implementation;
-var functionCall = Function.prototype.call;
+    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 Empty2 = function Empty3() {
+      };
+      Empty2.prototype = target.prototype;
+      bound.prototype = new Empty2();
+      Empty2.prototype = null;
+    }
+    return bound;
+  };
+  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 functionApply;
 var hasRequiredFunctionApply;
 function requireFunctionApply() {
@@ -2570,14 +2649,14 @@ function requireFunctionApply() {
   return functionApply;
 }
 var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
-var bind$3 = functionBind;
+var bind$3 = requireFunctionBind();
 var $apply$1 = requireFunctionApply();
-var $call$2 = functionCall;
+var $call$2 = requireFunctionCall();
 var $reflectApply = reflectApply;
 var actualApply = $reflectApply || bind$3.call($call$2, $apply$1);
-var bind$2 = functionBind;
+var bind$2 = requireFunctionBind();
 var $TypeError$4 = type$2;
-var $call$1 = functionCall;
+var $call$1 = requireFunctionCall();
 var $actualApply = actualApply;
 var callBindApplyHelpers = function callBindBasic(args) {
   if (args.length < 1 || typeof args[0] !== "function") {
@@ -2643,8 +2722,8 @@ function requireHasown() {
   hasRequiredHasown = 1;
   var call2 = Function.prototype.call;
   var $hasOwn = Object.prototype.hasOwnProperty;
-  var bind3 = functionBind;
-  hasown = bind3.call(call2, $hasOwn);
+  var bind2 = requireFunctionBind();
+  hasown = bind2.call(call2, $hasOwn);
   return hasown;
 }
 var undefined$1;
@@ -2658,7 +2737,7 @@ var $TypeError$3 = type$2;
 var $URIError = uri;
 var abs$1 = abs$2;
 var floor = floor$1;
-var max = max$2;
+var max = max$1;
 var min = min$1;
 var pow = pow$1;
 var round$1 = round$2;
@@ -2692,7 +2771,7 @@ var getProto = requireGetProto();
 var $ObjectGPO = requireObject_getPrototypeOf();
 var $ReflectGPO = requireReflect_getPrototypeOf();
 var $apply = requireFunctionApply();
-var $call = functionCall;
+var $call = requireFunctionCall();
 var needsEval = {};
 var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
 var INTRINSICS = {
@@ -2863,7 +2942,7 @@ var LEGACY_ALIASES = {
   "%WeakMapPrototype%": ["WeakMap", "prototype"],
   "%WeakSetPrototype%": ["WeakSet", "prototype"]
 };
-var bind$1 = functionBind;
+var bind$1 = requireFunctionBind();
 var hasOwn = requireHasown();
 var $concat = bind$1.call($call, Array.prototype.concat);
 var $spliceApply = bind$1.call($apply, Array.prototype.splice);
@@ -5459,6 +5538,16 @@ const LayoutWrapper = ({
   if (!node2) return null;
   const { layoutType, props, subType } = node2;
   const layoutProps = props;
+  if (typeof (customLayoutComponent == null ? void 0 : customLayoutComponent[subType]) !== "undefined") {
+    return /* @__PURE__ */ jsx(
+      CustomLayout,
+      {
+        customComponent: customLayoutComponent[subType],
+        props: layoutProps,
+        children
+      }
+    );
+  }
   switch (subType) {
     case "full-row":
       return /* @__PURE__ */ jsx(FullRowLayout, __spreadProps$c(__spreadValues$e({ props: layoutProps }, { originProps }), { children }));
@@ -5483,14 +5572,7 @@ const LayoutWrapper = ({
     case "scroll-view":
       return /* @__PURE__ */ jsx(ScrollViewLayout, __spreadProps$c(__spreadValues$e({}, node2), { children }));
     default:
-      return typeof (customLayoutComponent == null ? void 0 : customLayoutComponent[subType]) !== "undefined" ? /* @__PURE__ */ jsx(
-        CustomLayout,
-        {
-          customComponent: customLayoutComponent[subType],
-          props: layoutProps,
-          children
-        }
-      ) : /* @__PURE__ */ jsx(UnknownRenderer, { type: String(layoutType), prefix: "未知布局类型" });
+      return /* @__PURE__ */ jsx(UnknownRenderer, { type: String(layoutType), prefix: "未知布局类型" });
   }
 };
 const isPlainObject$1 = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
@@ -29946,6 +30028,15 @@ const LeafWrapper = ({
   );
   if (!node2) return null;
   const { renderType, props, subType } = node2;
+  if (typeof (customRenderComponent == null ? void 0 : customRenderComponent[subType]) !== "undefined") {
+    return /* @__PURE__ */ jsx(
+      CustomRenderFromProps,
+      {
+        props,
+        component: customRenderComponent[subType]
+      }
+    );
+  }
   switch (subType) {
     case "text":
       return /* @__PURE__ */ jsx(TextRender, __spreadValues$4({}, props));
@@ -30009,13 +30100,7 @@ const LeafWrapper = ({
       return /* @__PURE__ */ jsx(CustomRenderFromIM, __spreadProps$3(__spreadValues$4({}, props), { originProps }));
     }
     default:
-      return typeof (customRenderComponent == null ? void 0 : customRenderComponent[subType]) !== "undefined" ? /* @__PURE__ */ jsx(
-        CustomRenderFromProps,
-        {
-          props,
-          component: customRenderComponent[subType]
-        }
-      ) : /* @__PURE__ */ jsx(UnknownRenderer, { type: String(renderType), prefix: "未知渲染类型" });
+      return /* @__PURE__ */ jsx(UnknownRenderer, { type: String(renderType), prefix: "未知渲染类型" });
   }
 };
 const ComponentRenderer = ({
@@ -30106,6 +30191,11 @@ const MessageContainer = (props) => {
   } = props;
   const { template, referenceComponentList, data } = component;
   const { editorMode: editorMode2 } = useForEditor({});
+  const responsiveValue = useMemo$1(() => {
+    return {
+      scale: props.devicePixelRatio ? 1 / props.devicePixelRatio : DEFAULT_SCALE
+    };
+  }, []);
   const [values, setValues] = useState({});
   const [dsValues, setDsValues] = useState({});
   const [nodes, setNodes] = useState([]);
@@ -30175,7 +30265,7 @@ const MessageContainer = (props) => {
     },
     [onAction]
   );
-  const content = /* @__PURE__ */ jsx(
+  const content = /* @__PURE__ */ jsx(ResponsiveContext.Provider, { value: responsiveValue, children: /* @__PURE__ */ jsx(
     ActionProvider,
     {
       onAction,
@@ -30204,11 +30294,8 @@ const MessageContainer = (props) => {
         )
       ] })
     }
-  );
-  if (theme) {
-    return /* @__PURE__ */ jsx(ThemeProvider, { theme, children: content });
-  }
-  return content;
+  ) });
+  return /* @__PURE__ */ jsx(ThemeProvider, { scale: responsiveValue.scale, theme, children: content });
 };
 var __defProp$5 = Object.defineProperty;
 var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -30430,7 +30517,7 @@ class CacheStorage {
     }
   }
 }
-function bind2(fn, thisArg) {
+function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
   };
@@ -30568,7 +30655,7 @@ const extend = (a, b, thisArg, { allOwnKeys } = {}) => {
   forEach(b, (val, key) => {
     if (thisArg && isFunction$1(val)) {
       Object.defineProperty(a, key, {
-        value: bind2(val, thisArg),
+        value: bind(val, thisArg),
         writable: true,
         enumerable: true,
         configurable: true
@@ -32885,7 +32972,7 @@ Object.entries(HttpStatusCode$1).forEach(([key, value]) => {
 });
 function createInstance(defaultConfig2) {
   const context = new Axios$1(defaultConfig2);
-  const instance = bind2(Axios$1.prototype.request, context);
+  const instance = bind(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) {
@@ -33911,11 +33998,6 @@ var __spreadValues$1 = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const MessageCard = (props) => {
-  const responsiveValue = useMemo$1(() => {
-    return {
-      scale: 0.5
-    };
-  }, []);
   const {
     templateJson,
     templateData,
@@ -33926,7 +34008,7 @@ const MessageCard = (props) => {
     theme
   } = useMessageCardLogic(props);
   const { data = {} } = props;
-  return /* @__PURE__ */ jsx(ResponsiveContext.Provider, { value: responsiveValue, children: /* @__PURE__ */ jsx("div", { className: "message-card-wrapper", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "message-card-wrapper", children: /* @__PURE__ */ jsx(
     Render,
     __spreadValues$1({
       component: __spreadProps(__spreadValues$1({}, templateJson), {
@@ -33947,7 +34029,7 @@ const MessageCard = (props) => {
       },
       externalActions: props.externalActions
     }, props)
-  ) }) });
+  ) });
 };
 const MessageCard_default = forwardRef(MessageCard);
 var __defProp = Object.defineProperty;
@@ -33977,7 +34059,7 @@ export {
   ThemeProvider,
   createRenderComponent,
   MessageCard_default as default,
-  defaultTheme$1 as defaultTheme,
+  defaultTheme$2 as defaultTheme,
   isLayoutNode,
   isRenderNode,
   useTheme$1 as useTheme