pome-ui 2.0.0-preview19 → 2.0.0-preview20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pome-ui",
-  "version": "2.0.0-preview19",
+  "version": "2.0.0-preview20",
   "description": "Front-end MVC library",
   "main": "pome-ui.js",
   "bin": {

package/pome-ui.dev.js

@@ -1,6 +1,6 @@
 // Vue
 /**
-* vue v3.4.14
+* vue v3.4.15
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -269,6 +269,13 @@ var Vue = (function (exports) {
   const isKnownSvgAttr = /* @__PURE__ */ makeMap(
     `xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`
   );
+  function isRenderableAttrValue(value) {
+    if (value == null) {
+      return false;
+    }
+    const type = typeof value;
+    return type === "string" || type === "number" || type === "boolean";
+  }
 
   function looseCompareArrays(a, b) {
     if (a.length !== b.length)
@@ -631,10 +638,7 @@ var Vue = (function (exports) {
     var _a;
     pauseScheduling();
     for (const effect2 of dep.keys()) {
-      if (dep.get(effect2) !== effect2._trackId) {
-        continue;
-      }
-      if (effect2._dirtyLevel < dirtyLevel && !(effect2._runnings && !effect2.allowRecurse)) {
+      if (effect2._dirtyLevel < dirtyLevel && dep.get(effect2) === effect2._trackId) {
         const lastDirtyLevel = effect2._dirtyLevel;
         effect2._dirtyLevel = dirtyLevel;
         if (lastDirtyLevel === 0) {
@@ -645,12 +649,17 @@ var Vue = (function (exports) {
           effect2.trigger();
         }
       }
-      if (effect2.scheduler && effect2._shouldSchedule && (!effect2._runnings || effect2.allowRecurse)) {
+    }
+    scheduleEffects(dep);
+    resetScheduling();
+  }
+  function scheduleEffects(dep) {
+    for (const effect2 of dep.keys()) {
+      if (effect2.scheduler && effect2._shouldSchedule && (!effect2._runnings || effect2.allowRecurse) && dep.get(effect2) === effect2._trackId) {
         effect2._shouldSchedule = false;
         queueEffectSchedulers.push(effect2.scheduler);
       }
     }
-    resetScheduling();
   }
 
   const createDep = (cleanup, computed) => {
@@ -1333,7 +1342,8 @@ var Vue = (function (exports) {
       this["__v_isReadonly"] = false;
       this.effect = new ReactiveEffect(
         () => getter(this._value),
-        () => triggerRefValue(this, 1)
+        () => triggerRefValue(this, 1),
+        () => this.dep && scheduleEffects(this.dep)
       );
       this.effect.computed = this;
       this.effect.active = this._cacheable = !isSSR;
@@ -1347,6 +1357,9 @@ var Vue = (function (exports) {
         }
       }
       trackRefValue(self);
+      if (self.effect._dirtyLevel >= 1) {
+        triggerRefValue(self, 1);
+      }
       return self._value;
     }
     set value(newValue) {
@@ -5938,7 +5951,7 @@ If you want to remount the same app, move your app creation logic into a factory
       return rawSlot;
     }
     const normalized = withCtx((...args) => {
-      if (currentInstance) {
+      if (currentInstance && (!ctx || ctx.root === currentInstance.root)) {
         warn$1(
           `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
         );
@@ -6074,9 +6087,10 @@ If you want to remount the same app, move your app creation logic into a factory
     } else {
       const _isString = isString(ref);
       const _isRef = isRef(ref);
+      const isVFor = rawRef.f;
       if (_isString || _isRef) {
         const doSet = () => {
-          if (rawRef.f) {
+          if (isVFor) {
             const existing = _isString ? hasOwn(setupState, ref) ? setupState[ref] : refs[ref] : ref.value;
             if (isUnmount) {
               isArray(existing) && remove(existing, refValue);
@@ -6109,11 +6123,11 @@ If you want to remount the same app, move your app creation logic into a factory
             warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
           }
         };
-        if (value) {
+        if (isUnmount || isVFor) {
+          doSet();
+        } else {
           doSet.id = -1;
           queuePostRenderEffect(doSet, parentSuspense);
-        } else {
-          doSet();
         }
       } else {
         warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
@@ -6623,11 +6637,12 @@ Server rendered element contains fewer child nodes than client vdom.`
       } else {
         if (el.hasAttribute(key)) {
           actual = el.getAttribute(key);
+        } else if (key === "value" && el.tagName === "TEXTAREA") {
+          actual = el.value;
         } else {
-          const serverValue = el[key];
-          actual = isObject(serverValue) || serverValue == null ? "" : String(serverValue);
+          actual = false;
         }
-        expected = isObject(clientValue) || clientValue == null ? "" : String(clientValue);
+        expected = isRenderableAttrValue(clientValue) ? String(clientValue) : false;
       }
       if (actual !== expected) {
         mismatchType = `attribute`;
@@ -9575,7 +9590,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.14";
+  const version = "3.4.15";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10826,35 +10841,52 @@ Component that was made reactive: `,
         el[assignKey](
           el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]
         );
+        el._assigning = true;
+        nextTick(() => {
+          el._assigning = false;
+        });
       });
       el[assignKey] = getModelAssigner(vnode);
     },
     // set value in mounted & updated because <select> relies on its children
     // <option>s.
-    mounted(el, { value }) {
-      setSelected(el, value);
+    mounted(el, { value, oldValue, modifiers: { number } }) {
+      setSelected(el, value, oldValue, number);
     },
     beforeUpdate(el, _binding, vnode) {
       el[assignKey] = getModelAssigner(vnode);
     },
-    updated(el, { value }) {
-      setSelected(el, value);
+    updated(el, { value, oldValue, modifiers: { number } }) {
+      if (!el._assigning) {
+        setSelected(el, value, oldValue, number);
+      }
     }
   };
-  function setSelected(el, value) {
+  function setSelected(el, value, oldValue, number) {
     const isMultiple = el.multiple;
-    if (isMultiple && !isArray(value) && !isSet(value)) {
+    const isArrayValue = isArray(value);
+    if (isMultiple && !isArrayValue && !isSet(value)) {
       warn(
         `<select multiple v-model> expects an Array or Set value for its binding, but got ${Object.prototype.toString.call(value).slice(8, -1)}.`
       );
       return;
     }
+    if (isArrayValue && looseEqual(value, oldValue)) {
+      return;
+    }
     for (let i = 0, l = el.options.length; i < l; i++) {
       const option = el.options[i];
       const optionValue = getValue(option);
       if (isMultiple) {
-        if (isArray(value)) {
-          option.selected = looseIndexOf(value, optionValue) > -1;
+        if (isArrayValue) {
+          const optionType = typeof optionValue;
+          if (optionType === "string" || optionType === "number") {
+            option.selected = value.includes(
+              number ? looseToNumber(optionValue) : optionValue
+            );
+          } else {
+            option.selected = looseIndexOf(value, optionValue) > -1;
+          }
         } else {
           option.selected = value.has(optionValue);
         }
@@ -17925,7 +17957,7 @@ function build(options, exports) {
             opt.computed = {};
         }
 
-        var func1 = opt.data;
+        let func1 = opt.data;
         opt.data = function (app) {
             var data = func1.call(this, app);
             var data2 = { pomeUiSubTitles: [] };
@@ -17948,7 +17980,7 @@ function build(options, exports) {
         }
 
 
-        var func9 = opt.watch.title;
+        let func9 = opt.watch.title;
         opt.watch.title = async function () {
             var p1 = func9.call(this);
             if (!p1 || !p1 instanceof Promise) {
@@ -17971,7 +18003,7 @@ function build(options, exports) {
             }
 
             if (addin.data) {
-                var func2 = opt.data;
+                let func2 = opt.data;
                 opt.data = function (app) {
                     var data = func2.call(this, app);
                     var data2 = {};
@@ -18069,7 +18101,7 @@ function build(options, exports) {
             }
 
             if (addin.created) {
-                var func3 = opt.created;
+                let func3 = opt.created;
                 opt.created = async function () {
                     var p1 = func3.call(this);
                     if (!p1 || !p1 instanceof Promise) {
@@ -18093,7 +18125,7 @@ function build(options, exports) {
             }
 
             if (addin.mounted) {
-                var func4 = opt.mounted;
+                let func4 = opt.mounted;
                 opt.mounted = async function () {
                     var p1 = func4.call(this);
                     if (!p1 || !p1 instanceof Promise) {
@@ -18117,7 +18149,7 @@ function build(options, exports) {
             }
 
             if (addin.unmounted) {
-                var func5 = opt.unmounted;
+                let func5 = opt.unmounted;
                 opt.unmounted = async function () {
                     var p1 = func5.call(this);
                     if (!p1 || !p1 instanceof Promise) {
@@ -18141,7 +18173,7 @@ function build(options, exports) {
             }
 
             if (addin.destroyed) {
-                var func6 = opt.destroyed;
+                let func6 = opt.destroyed;
                 opt.destroyed = async function () {
                     var p1 = func6.call(this);
                     if (!p1 || !p1 instanceof Promise) {
@@ -18181,7 +18213,7 @@ function build(options, exports) {
             }
         }
 
-        var func7 = opt.created;
+        let func7 = opt.created;
         opt.created = async function () {
             var p1 = func7.call(this);
             if (!p1 || !p1 instanceof Promise) {
@@ -18196,7 +18228,7 @@ function build(options, exports) {
             });
         };
 
-        var func8 = opt.unmounted;
+        let func8 = opt.unmounted;
         opt.unmounted = async function () {
             var p1 = func8.call(this);
             if (!p1 || !p1 instanceof Promise) {