element-pe 2.2.54 → 2.2.55

package/dist/index.full.js

@@ -7551,6 +7551,24 @@
     }
     return !Number.isNaN(Number(val));
   };
+  const isColor = (bgVal) => {
+    if (typeof bgVal !== "string") {
+      return false;
+    }
+    let type = "";
+    if (/^rgb\(/.test(bgVal)) {
+      type = "^[rR][gG][Bb][(]([\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[01]?\\d\\d?)[\\s]*[)]{1}$";
+    } else if (/^rgba\(/.test(bgVal)) {
+      type = "^[rR][gG][Bb][Aa][(]([\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\s]*,){3}[\\s]*(1|1.0|0|0.[0-9])[\\s]*[)]{1}$";
+    } else if (/^#/.test(bgVal)) {
+      type = "^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$";
+    } else if (/^hsl\(/.test(bgVal)) {
+      type = "^[hH][Ss][Ll][(]([\\s]*(2[0-9][0-9]|360\uFF5C3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*)[)]$";
+    } else if (/^hsla\(/.test(bgVal)) {
+      type = "^[hH][Ss][Ll][Aa][(]([\\s]*(2[0-9][0-9]|360\uFF5C3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,){2}([\\s]*(1|1.0|0|0.[0-9])[\\s]*)[)]$";
+    }
+    return bgVal.match(new RegExp(type)) != null;
+  };
 
   const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
   const capitalize = (str) => capitalize$2(str);
@@ -14810,7 +14828,8 @@
     fit: {
       type: definePropType(String),
       default: "cover"
-    }
+    },
+    bgColor: String
   });
   const avatarEmits = {
     error: (evt) => evt instanceof Event
@@ -14840,10 +14859,15 @@
         return classList;
       });
       const sizeStyle = vue.computed(() => {
-        const { size } = props;
-        return isNumber(size) ? ns.cssVarBlock({
-          size: addUnit(size) || ""
-        }) : void 0;
+        const { size, bgColor } = props;
+        const styleObj = {};
+        if (isNumber(size)) {
+          styleObj["size"] = addUnit(size) || "";
+        }
+        if (isColor(bgColor)) {
+          styleObj["bg-color"] = bgColor || "";
+        }
+        return Object.keys(styleObj).length > 0 ? ns.cssVarBlock(styleObj) : void 0;
       });
       const fitStyle = vue.computed(() => ({
         objectFit: props.fit