@varlet/ui 3.5.1-alpha.1726764162524 → 3.5.2

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/col/Col.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch } from "vue";
+import { defineComponent, computed } from "vue";
 import { isPlainObject, toNumber, call } from "@varlet/shared";
 import { props } from "./props.mjs";
 import { useRow } from "./provide.mjs";
@@ -47,17 +47,13 @@ const __sfc__ = defineComponent({
   setup(props2) {
     const span = computed(() => toNumber(props2.span));
     const offset = computed(() => toNumber(props2.offset));
-    const padding = ref({ left: 0, right: 0, top: 0, bottom: 0 });
-    const { row, bindRow } = useRow();
-    const colProvider = {
-      setPadding(pad) {
-        padding.value = pad;
-      }
-    };
-    watch([() => props2.span, () => props2.offset], () => {
-      row == null ? void 0 : row.computePadding();
+    const padding = computed(() => {
+      var _a;
+      const [y = 0, x = 0] = (_a = row == null ? void 0 : row.average.value) != null ? _a : [];
+      return { left: x, right: x, top: y, bottom: y };
     });
-    call(bindRow, colProvider);
+    const { row, bindRow } = useRow();
+    call(bindRow, null);
     function getSize(mode, size) {
       const classes2 = [];
       if (size == null) {
@@ -65,10 +61,16 @@ const __sfc__ = defineComponent({
       }
       if (isPlainObject(size)) {
         const { offset: offset2, span: span2 } = size;
-        Number(span2) >= 0 && classes2.push(n(`--span-${mode}-${span2}`));
-        offset2 && classes2.push(n(`--offset-${mode}-${offset2}`));
-      } else {
-        Number(size) >= 0 && classes2.push(n(`--span-${mode}-${size}`));
+        if (Number(span2) >= 0) {
+          classes2.push(n(`--span-${mode}-${span2}`));
+        }
+        if (offset2) {
+          classes2.push(n(`--offset-${mode}-${offset2}`));
+        }
+        return classes2;
+      }
+      if (Number(size) >= 0) {
+        classes2.push(n(`--span-${mode}-${size}`));
       }
       return classes2;
     }

package/es/col/provide.mjs

@@ -1,7 +1,7 @@
 import { useParent } from "@varlet/use";
 import { ROW_BIND_COL_KEY } from "../row/provide.mjs";
 function useRow() {
-  const { parentProvider, index, bindParent } = useParent(ROW_BIND_COL_KEY);
+  const { index, bindParent, parentProvider } = useParent(ROW_BIND_COL_KEY);
   return {
     index,
     row: parentProvider,

package/es/index.bundle.mjs

@@ -268,7 +268,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.5.1-alpha.1726764162524'
+const version = '3.5.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -178,7 +178,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.5.1-alpha.1726764162524'
+const version = '3.5.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/row/Row.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, watch } from "vue";
+import { defineComponent, computed } from "vue";
 import { props } from "./props.mjs";
 import { isArray, call } from "@varlet/shared";
 import { useCols } from "./provide.mjs";
@@ -32,17 +32,8 @@ const __sfc__ = defineComponent({
     const average = computed(
       () => isArray(props2.gutter) ? props2.gutter.map((numeric) => toPxNum(numeric) / 2) : [0, toPxNum(props2.gutter) / 2]
     );
-    const { cols, bindCols, length } = useCols();
-    const rowProvider = { computePadding };
-    watch(() => length.value, computePadding);
-    watch(() => props2.gutter, computePadding);
-    bindCols(rowProvider);
-    function computePadding() {
-      cols.forEach((col) => {
-        const [y, x] = average.value;
-        col.setPadding({ left: x, right: x, top: y, bottom: y });
-      });
-    }
+    const { bindCols } = useCols();
+    bindCols({ average });
     function handleClick(e) {
       call(props2.onClick, e);
     }

package/es/row/provide.mjs

@@ -1,10 +1,10 @@
 import { useChildren } from "@varlet/use";
 const ROW_BIND_COL_KEY = Symbol("ROW_BIND_COL_KEY");
 function useCols() {
-  const { bindChildren, childProviders, length } = useChildren(ROW_BIND_COL_KEY);
+  const { length, childProviders: cols, bindChildren } = useChildren(ROW_BIND_COL_KEY);
   return {
     length,
-    cols: childProviders,
+    cols,
     bindCols: bindChildren
   };
 }

package/es/varlet.esm.js

@@ -7338,19 +7338,19 @@ const zp = {
   onClick: A()
 }, Op = Symbol("ROW_BIND_COL_KEY");
 function Wk() {
-  const { bindChildren: e, childProviders: n, length: o } = mn(Op);
+  const { length: e, childProviders: n, bindChildren: o } = mn(Op);
   return {
-    length: o,
+    length: e,
     cols: n,
-    bindCols: e
+    bindCols: o
   };
 }
 function Kk() {
-  const { parentProvider: e, index: n, bindParent: o } = vn(Op);
+  const { index: e, bindParent: n, parentProvider: o } = vn(Op);
   return {
-    index: n,
-    row: e,
-    bindRow: o
+    index: e,
+    row: o,
+    bindRow: n
   };
 }
 const { name: qk, n: st, classes: Xk } = ee("col");
@@ -7393,27 +7393,24 @@ const Tp = x({
   name: qk,
   props: zp,
   setup(e) {
-    const n = I(() => F(e.span)), o = I(() => F(e.offset)), r = $({ left: 0, right: 0, top: 0, bottom: 0 }), { row: t, bindRow: a } = Kk(), i = {
-      setPadding(u) {
-        r.value = u;
+    const n = I(() => F(e.span)), o = I(() => F(e.offset)), r = I(() => {
+      var s;
+      const [u = 0, c = 0] = (s = t == null ? void 0 : t.average.value) != null ? s : [];
+      return { left: c, right: c, top: u, bottom: u };
+    }), { row: t, bindRow: a } = Kk();
+    C(a, null);
+    function i(s, u) {
+      const c = [];
+      if (u == null)
+        return c;
+      if (zo(u)) {
+        const { offset: d, span: f } = u;
+        return Number(f) >= 0 && c.push(st(`--span-${s}-${f}`)), d && c.push(st(`--offset-${s}-${d}`)), c;
       }
-    };
-    fe([() => e.span, () => e.offset], () => {
-      t == null || t.computePadding();
-    }), C(a, i);
-    function l(u, c) {
-      const d = [];
-      if (c == null)
-        return d;
-      if (zo(c)) {
-        const { offset: f, span: v } = c;
-        Number(v) >= 0 && d.push(st(`--span-${u}-${v}`)), f && d.push(st(`--offset-${u}-${f}`));
-      } else
-        Number(c) >= 0 && d.push(st(`--span-${u}-${c}`));
-      return d;
+      return Number(u) >= 0 && c.push(st(`--span-${s}-${u}`)), c;
     }
-    function s(u) {
-      C(e.onClick, u);
+    function l(s) {
+      C(e.onClick, s);
     }
     return {
       span: n,
@@ -7423,8 +7420,8 @@ const Tp = x({
       classes: Xk,
       toNumber: F,
       toSizeUnit: ze,
-      getSize: l,
-      handleClick: s,
+      getSize: i,
+      handleClick: l,
       padStartFlex: Tt
     };
   }
@@ -16390,23 +16387,17 @@ const Em = x({
   props: Tm,
   setup(e) {
     const n = I(
-      () => Xe(e.gutter) ? e.gutter.map((s) => xe(s) / 2) : [0, xe(e.gutter) / 2]
-    ), { cols: o, bindCols: r, length: t } = Wk(), a = { computePadding: i };
-    fe(() => t.value, i), fe(() => e.gutter, i), r(a);
-    function i() {
-      o.forEach((s) => {
-        const [u, c] = n.value;
-        s.setPadding({ left: c, right: c, top: u, bottom: u });
-      });
-    }
-    function l(s) {
-      C(e.onClick, s);
+      () => Xe(e.gutter) ? e.gutter.map((t) => xe(t) / 2) : [0, xe(e.gutter) / 2]
+    ), { bindCols: o } = Wk();
+    o({ average: n });
+    function r(t) {
+      C(e.onClick, t);
     }
     return {
       average: n,
       n: _2,
       classes: x2,
-      handleClick: l,
+      handleClick: r,
       padStartFlex: Tt
     };
   }
@@ -23165,7 +23156,7 @@ oe(Ci);
 le(Ci, gh);
 const L5 = Ci;
 var ts = Ci;
-const nT = "3.5.1-alpha.1726764162524";
+const nT = "3.5.2";
 function oT(e) {
   Ri.install && e.use(Ri), Li.install && e.use(Li), Hi.install && e.use(Hi), Wi.install && e.use(Wi), Ki.install && e.use(Ki), qi.install && e.use(qi), Bt.install && e.use(Bt), Xi.install && e.use(Xi), Gi.install && e.use(Gi), Zi.install && e.use(Zi), Ji.install && e.use(Ji), zn.install && e.use(zn), Qi.install && e.use(Qi), _i.install && e.use(_i), xi.install && e.use(xi), lr.install && e.use(lr), el.install && e.use(el), Dt.install && e.use(Dt), nl.install && e.use(nl), ol.install && e.use(ol), rl.install && e.use(rl), tl.install && e.use(tl), Nn.install && e.use(Nn), sl.install && e.use(sl), vl.install && e.use(vl), hl.install && e.use(hl), gl.install && e.use(gl), bl.install && e.use(bl), Rt.install && e.use(Rt), yl.install && e.use(yl), kl.install && e.use(kl), Mr.install && e.use(Mr), $l.install && e.use($l), wl.install && e.use(wl), Pn.install && e.use(Pn), En.install && e.use(En), Vn.install && e.use(Vn), Ze.install && e.use(Ze), Cl.install && e.use(Cl), jr.install && e.use(jr), Sl.install && e.use(Sl), Pl.install && e.use(Pl), Nr.install && e.use(Nr), Fr.install && e.use(Fr), zl.install && e.use(zl), Ol.install && e.use(Ol), cr.install && e.use(cr), Tl.install && e.use(Tl), Ai.install && e.use(Ai), El.install && e.use(El), Rr.install && e.use(Rr), sr.install && e.use(sr), Lr.install && e.use(Lr), Ft.install && e.use(Ft), Bl.install && e.use(Bl), Dl.install && e.use(Dl), Il.install && e.use(Il), Ml.install && e.use(Ml), Oo.install && e.use(Oo), Nl.install && e.use(Nl), Al.install && e.use(Al), Ut.install && e.use(Ut), Vl.install && e.use(Vl), Rl.install && e.use(Rl), Ll.install && e.use(Ll), nn.install && e.use(nn), Fl.install && e.use(Fl), Ul.install && e.use(Ul), Hl.install && e.use(Hl), Yl.install && e.use(Yl), Wl.install && e.use(Wl), Kl.install && e.use(Kl), ql.install && e.use(ql), Xl.install && e.use(Xl), pr.install && e.use(pr), Gl.install && e.use(Gl), Hr.install && e.use(Hr), Yr.install && e.use(Yr), Zl.install && e.use(Zl), Jl.install && e.use(Jl), Ql.install && e.use(Ql), _l.install && e.use(_l), xl.install && e.use(xl), es.install && e.use(es), ns.install && e.use(ns), os.install && e.use(os), Lt.install && e.use(Lt), rs.install && e.use(rs), ts.install && e.use(ts);
 }

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.5.1-alpha.1726764162524",
+  "version": "3.5.2",
   "name": "VARLET",
   "contributions": {
     "html": {

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.5.1-alpha.1726764162524",
+  "version": "3.5.2",
   "name": "VARLET",
   "contributions": {
     "html": {

package/lib/varlet.cjs.js

@@ -9323,15 +9323,15 @@ const props$R = {
 };
 const ROW_BIND_COL_KEY = Symbol("ROW_BIND_COL_KEY");
 function useCols() {
-  const { bindChildren, childProviders, length } = useChildren(ROW_BIND_COL_KEY);
+  const { length, childProviders: cols, bindChildren } = useChildren(ROW_BIND_COL_KEY);
   return {
     length,
-    cols: childProviders,
+    cols,
     bindCols: bindChildren
   };
 }
 function useRow() {
-  const { parentProvider, index, bindParent } = useParent(ROW_BIND_COL_KEY);
+  const { index, bindParent, parentProvider } = useParent(ROW_BIND_COL_KEY);
   return {
     index,
     row: parentProvider,
@@ -9380,17 +9380,13 @@ const __sfc__$_ = vue.defineComponent({
   setup(props2) {
     const span = vue.computed(() => toNumber(props2.span));
     const offset2 = vue.computed(() => toNumber(props2.offset));
-    const padding = vue.ref({ left: 0, right: 0, top: 0, bottom: 0 });
-    const { row, bindRow } = useRow();
-    const colProvider = {
-      setPadding(pad) {
-        padding.value = pad;
-      }
-    };
-    vue.watch([() => props2.span, () => props2.offset], () => {
-      row == null ? void 0 : row.computePadding();
+    const padding = vue.computed(() => {
+      var _a;
+      const [y = 0, x = 0] = (_a = row == null ? void 0 : row.average.value) != null ? _a : [];
+      return { left: x, right: x, top: y, bottom: y };
     });
-    call(bindRow, colProvider);
+    const { row, bindRow } = useRow();
+    call(bindRow, null);
     function getSize2(mode, size) {
       const classes2 = [];
       if (size == null) {
@@ -9398,10 +9394,16 @@ const __sfc__$_ = vue.defineComponent({
       }
       if (isPlainObject(size)) {
         const { offset: offset22, span: span2 } = size;
-        Number(span2) >= 0 && classes2.push(n$Z(`--span-${mode}-${span2}`));
-        offset22 && classes2.push(n$Z(`--offset-${mode}-${offset22}`));
-      } else {
-        Number(size) >= 0 && classes2.push(n$Z(`--span-${mode}-${size}`));
+        if (Number(span2) >= 0) {
+          classes2.push(n$Z(`--span-${mode}-${span2}`));
+        }
+        if (offset22) {
+          classes2.push(n$Z(`--offset-${mode}-${offset22}`));
+        }
+        return classes2;
+      }
+      if (Number(size) >= 0) {
+        classes2.push(n$Z(`--span-${mode}-${size}`));
       }
       return classes2;
     }
@@ -21477,17 +21479,8 @@ const __sfc__$i = vue.defineComponent({
     const average = vue.computed(
       () => isArray(props2.gutter) ? props2.gutter.map((numeric) => toPxNum(numeric) / 2) : [0, toPxNum(props2.gutter) / 2]
     );
-    const { cols, bindCols, length } = useCols();
-    const rowProvider = { computePadding };
-    vue.watch(() => length.value, computePadding);
-    vue.watch(() => props2.gutter, computePadding);
-    bindCols(rowProvider);
-    function computePadding() {
-      cols.forEach((col) => {
-        const [y, x] = average.value;
-        col.setPadding({ left: x, right: x, top: y, bottom: y });
-      });
-    }
+    const { bindCols } = useCols();
+    bindCols({ average });
     function handleClick(e) {
       call(props2.onClick, e);
     }
@@ -29304,7 +29297,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.5.1-alpha.1726764162524";
+const version = "3.5.2";
 function install(app) {
   stdin_default$5I.install && app.use(stdin_default$5I);
   stdin_default$5G.install && app.use(stdin_default$5G);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.5.1-alpha.1726764162524",
+  "version": "3.5.2",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.5.1-alpha.1726764162524",
-    "@varlet/use": "3.5.1-alpha.1726764162524",
-    "@varlet/shared": "3.5.1-alpha.1726764162524"
+    "@varlet/icons": "3.5.2",
+    "@varlet/shared": "3.5.2",
+    "@varlet/use": "3.5.2"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -65,9 +65,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/cli": "3.5.1-alpha.1726764162524",
-    "@varlet/ui": "3.5.1-alpha.1726764162524",
-    "@varlet/touch-emulator": "3.5.1-alpha.1726764162524"
+    "@varlet/cli": "3.5.2",
+    "@varlet/ui": "3.5.2",
+    "@varlet/touch-emulator": "3.5.2"
   },
   "scripts": {
     "dev": "varlet-cli dev",