regor 1.7.0 → 1.7.2

package/dist/regor.es2015.iife.js

@@ -70,6 +70,7 @@ var Regor = (() => {
     computeRef: () => computeRef,
     computed: () => computed,
     createApp: () => createApp,
+    cref: () => cref,
     defineComponent: () => defineComponent,
     drainUnbind: () => drainUnbind,
     endBatch: () => endBatch,
@@ -1230,6 +1231,132 @@ var Regor = (() => {
     return scopeSymbol2 in value;
   };
 
+  // src/reactivity/unref.ts
+  var unref = (value) => {
+    const anyValue = value;
+    return anyValue != null && anyValue[srefSymbol] > 0 ? anyValue() : anyValue;
+  };
+
+  // src/directives/attr.ts
+  var xlinkNS = "http://www.w3.org/1999/xlink";
+  var booleanAttributes = {
+    itemscope: 2,
+    allowfullscreen: 2,
+    formnovalidate: 2,
+    ismap: 2,
+    nomodule: 2,
+    novalidate: 2,
+    readonly: 2,
+    async: 1,
+    autofocus: 1,
+    autoplay: 1,
+    controls: 1,
+    default: 1,
+    defer: 1,
+    disabled: 1,
+    hidden: 1,
+    inert: 1,
+    loop: 1,
+    open: 1,
+    required: 1,
+    reversed: 1,
+    scoped: 1,
+    seamless: 1,
+    checked: 1,
+    muted: 1,
+    multiple: 1,
+    selected: 1
+  };
+  var updateAttr = (el, values, previousValues, option, previousOption, flags) => {
+    var _a;
+    if (option) {
+      option = unref(option);
+      if (flags && flags.includes("camel")) option = camelize(option);
+      patchAttr(
+        el,
+        option,
+        unref(values[0]),
+        unref(previousOption)
+      );
+      return;
+    }
+    const len = values.length;
+    for (let i = 0; i < len; ++i) {
+      const next = values[i];
+      if (isArray(next)) {
+        const previousKey = unref((_a = previousValues == null ? void 0 : previousValues[i]) == null ? void 0 : _a[0]);
+        const key = unref(next[0]);
+        const value = unref(next[1]);
+        patchAttr(el, key, value, previousKey);
+      } else if (isObject(next)) {
+        for (const item of Object.entries(next)) {
+          const key = item[0];
+          const value = unref(item[1]);
+          const p = unref(previousValues == null ? void 0 : previousValues[i]);
+          const previousKey = p && key in p ? key : void 0;
+          patchAttr(el, key, value, previousKey);
+        }
+      } else {
+        const previousKey = unref(previousValues == null ? void 0 : previousValues[i]);
+        const key = unref(values[i++]);
+        const value = unref(values[i]);
+        patchAttr(el, key, value, previousKey);
+      }
+    }
+  };
+  var attrDirective = {
+    mount: () => ({
+      update: ({ el, values, previousValues, option, previousOption, flags }) => {
+        updateAttr(
+          el,
+          values,
+          previousValues,
+          option,
+          previousOption,
+          flags
+        );
+      }
+    })
+  };
+  var patchAttr = (el, key, value, previousKey) => {
+    if (previousKey && previousKey !== key) {
+      el.removeAttribute(previousKey);
+    }
+    if (isNullOrUndefined(key)) {
+      warning(3 /* KeyIsEmpty */, "r-bind", el);
+      return;
+    }
+    if (!isString(key)) {
+      warning(
+        6 /* ErrorLog */,
+        `Attribute key is not string at ${el.outerHTML}`,
+        key
+      );
+      return;
+    }
+    if (key.startsWith("xlink:")) {
+      if (isNullOrUndefined(value)) {
+        el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
+      } else {
+        el.setAttributeNS(xlinkNS, key, value);
+      }
+      return;
+    }
+    if (isNullOrUndefined(value)) {
+      el.removeAttribute(key);
+      return;
+    }
+    if (key in booleanAttributes) {
+      if (toBoolean(value)) {
+        el.setAttribute(key, "");
+      } else {
+        el.removeAttribute(key);
+      }
+      return;
+    }
+    el.setAttribute(key, value);
+  };
+
   // src/directives/context.ts
   var contextDirective = {
     collectRefObj: true,
@@ -1968,10 +2095,11 @@ var Regor = (() => {
             } else if (attrName === ":style" || attrName === bindStyleName) {
               mergeBinding(":style", bindStyleName, value);
             } else {
-              inheritor.setAttribute(
-                normalizeAttributeName(attrName, binder.__config),
-                value
+              const normalizedName = normalizeAttributeName(
+                attrName,
+                binder.__config
               );
+              patchAttr(inheritor, normalizedName, value);
             }
           };
           for (const { name, value } of inheritedPropAttrs) {
@@ -2313,12 +2441,6 @@ var Regor = (() => {
     }
   };
 
-  // src/reactivity/unref.ts
-  var unref = (value) => {
-    const anyValue = value;
-    return anyValue != null && anyValue[srefSymbol] > 0 ? anyValue() : anyValue;
-  };
-
   // src/directives/html.ts
   var updateHtml = (el, values) => {
     const [value, replacer] = values;
@@ -3268,116 +3390,6 @@ var Regor = (() => {
     }
   };
 
-  // src/directives/attr.ts
-  var xlinkNS = "http://www.w3.org/1999/xlink";
-  var booleanAttributes = {
-    itemscope: 2,
-    allowfullscreen: 2,
-    formnovalidate: 2,
-    ismap: 2,
-    nomodule: 2,
-    novalidate: 2,
-    readonly: 2,
-    async: 1,
-    autofocus: 1,
-    autoplay: 1,
-    controls: 1,
-    default: 1,
-    defer: 1,
-    disabled: 1,
-    hidden: 1,
-    inert: 1,
-    loop: 1,
-    open: 1,
-    required: 1,
-    reversed: 1,
-    scoped: 1,
-    seamless: 1,
-    checked: 1,
-    muted: 1,
-    multiple: 1,
-    selected: 1
-  };
-  function includeBooleanAttr(value) {
-    return !!value || value === "";
-  }
-  var updateAttr = (el, values, previousValues, option, previousOption, flags) => {
-    var _a;
-    if (option) {
-      if (flags && flags.includes("camel")) option = camelize(option);
-      patchAttribute(el, option, values[0], previousOption);
-      return;
-    }
-    const len = values.length;
-    for (let i = 0; i < len; ++i) {
-      const next = values[i];
-      if (isArray(next)) {
-        const previousKey = (_a = previousValues == null ? void 0 : previousValues[i]) == null ? void 0 : _a[0];
-        const key = next[0];
-        const value = next[1];
-        patchAttribute(el, key, value, previousKey);
-      } else if (isObject(next)) {
-        for (const item of Object.entries(next)) {
-          const key = item[0];
-          const value = item[1];
-          const p = previousValues == null ? void 0 : previousValues[i];
-          const previousKey = p && key in p ? key : void 0;
-          patchAttribute(el, key, value, previousKey);
-        }
-      } else {
-        const previousKey = previousValues == null ? void 0 : previousValues[i];
-        const key = values[i++];
-        const value = values[i];
-        patchAttribute(el, key, value, previousKey);
-      }
-    }
-  };
-  var attrDirective = {
-    mount: () => ({
-      update: ({ el, values, previousValues, option, previousOption, flags }) => {
-        updateAttr(
-          el,
-          values,
-          previousValues,
-          option,
-          previousOption,
-          flags
-        );
-      }
-    })
-  };
-  var patchAttribute = (el, key, value, previousKey) => {
-    if (previousKey && previousKey !== key) {
-      el.removeAttribute(previousKey);
-    }
-    if (isNullOrUndefined(key)) {
-      warning(3 /* KeyIsEmpty */, "r-bind", el);
-      return;
-    }
-    if (!isString(key)) {
-      warning(
-        6 /* ErrorLog */,
-        `Attribute key is not string at ${el.outerHTML}`,
-        key
-      );
-      return;
-    }
-    if (key.startsWith("xlink:")) {
-      if (isNullOrUndefined(value)) {
-        el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
-      } else {
-        el.setAttributeNS(xlinkNS, key, value);
-      }
-      return;
-    }
-    const isBoolean2 = key in booleanAttributes;
-    if (isNullOrUndefined(value) || isBoolean2 && !includeBooleanAttr(value)) {
-      el.removeAttribute(key);
-    } else {
-      el.setAttribute(key, isBoolean2 ? "" : value);
-    }
-  };
-
   // src/directives/class.ts
   var updateClass = (el, values, previousValues) => {
     const len = values.length;
@@ -4024,7 +4036,7 @@ var Regor = (() => {
       }
     })
   };
-  function includeBooleanAttr2(value) {
+  function includeBooleanAttr(value) {
     return !!value || value === "";
   }
   var patchProp = (el, key, value) => {
@@ -4056,7 +4068,7 @@ var Regor = (() => {
     if (value === "" || value == null) {
       const type = typeof el[key];
       if (type === "boolean") {
-        value = includeBooleanAttr2(value);
+        value = includeBooleanAttr(value);
       } else if (value == null && type === "string") {
         value = "";
         needRemove = true;
@@ -4222,6 +4234,8 @@ var Regor = (() => {
   var flattenContent = (value, weakMap = /* @__PURE__ */ new WeakMap()) => {
     if (!value) return value;
     if (!isObject(value)) return value;
+    if (value instanceof Node || value instanceof Date || value instanceof RegExp || value instanceof Promise || value instanceof Error)
+      return value;
     if (isArray(value)) {
       return value.map(flatten);
     }
@@ -4310,6 +4324,11 @@ var Regor = (() => {
     return result;
   }
 
+  // src/reactivity/cref.ts
+  function cref(value) {
+    return ref(flatten(value));
+  }
+
   // src/app/RegorConfig.ts
   var _RegorConfig = class _RegorConfig {
     constructor(globalContext) {
@@ -4370,6 +4389,7 @@ var Regor = (() => {
         obj[key] = global[key];
       }
       obj.ref = ref;
+      obj.cref = cref;
       obj.sref = sref;
       obj.flatten = flatten;
       return obj;