@varlet/ui 1.26.8 → 1.27.0-alpha.1649242923701

package/lib/sticky/Sticky.js

@@ -12,13 +12,20 @@ var _elements = require("../utils/elements");
 
 var _shared = require("../utils/shared");
 
+var _components = require("../utils/components");
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
+var {
+  n,
+  classes
+} = (0, _components.createNamespace)('sticky');
+
 function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
-    class: (0, _vue.normalizeClass)(["var-sticky", [_ctx.enableCSSMode ? 'var-sticky--css-mode' : null]]),
+    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n(), [_ctx.enableCSSMode, _ctx.n('--css-mode')])),
     ref: "stickyEl",
     style: (0, _vue.normalizeStyle)({
       zIndex: _ctx.toNumber(_ctx.zIndex),
@@ -27,7 +34,7 @@ function render(_ctx, _cache) {
       height: _ctx.enableFixedMode ? _ctx.fixedHeight : undefined
     })
   }, [(0, _vue.createElementVNode)("div", {
-    class: "var-sticky__wrapper",
+    class: (0, _vue.normalizeClass)(_ctx.n('wrapper')),
     ref: "wrapperEl",
     style: (0, _vue.normalizeStyle)({
       zIndex: _ctx.toNumber(_ctx.zIndex),
@@ -37,8 +44,8 @@ function render(_ctx, _cache) {
       left: _ctx.enableFixedMode ? _ctx.fixedLeft : undefined,
       top: _ctx.enableFixedMode ? _ctx.fixedTop : undefined
     })
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 4
-  /* STYLE */
+  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 6
+  /* CLASS, STYLE */
   )], 6
   /* CLASS, STYLE */
   );
@@ -103,10 +110,10 @@ var _default = (0, _vue.defineComponent)({
           isFixed.value = true;
         }
 
-        onScroll == null ? void 0 : onScroll(offsetTop.value, true);
+        (0, _components.call)(onScroll, offsetTop.value, true);
       } else {
         isFixed.value = false;
-        onScroll == null ? void 0 : onScroll(currentOffsetTop, false);
+        (0, _components.call)(onScroll, currentOffsetTop, false);
       }
     };
 
@@ -135,6 +142,8 @@ var _default = (0, _vue.defineComponent)({
     (0, _vue.onMounted)(addScrollListener);
     (0, _vue.onUnmounted)(removeScrollListener);
     return {
+      n,
+      classes,
       stickyEl,
       wrapperEl,
       isFixed,

package/lib/style-provider/StyleProvider.js

@@ -7,6 +7,12 @@ var _vue = require("vue");
 
 var _elements = require("../utils/elements");
 
+var _components = require("../utils/components");
+
+var {
+  n
+} = (0, _components.createNamespace)('style-provider');
+
 var _default = (0, _vue.defineComponent)({
   name: 'VarStyleProvider',
   props: {
@@ -21,9 +27,9 @@ var _default = (0, _vue.defineComponent)({
       slots
     } = _ref;
     return () => (0, _vue.h)('div', {
-      class: 'var-style-provider',
+      class: n(),
       style: (0, _elements.formatStyleVars)(props.styleVars)
-    }, slots.default == null ? void 0 : slots.default());
+    }, (0, _components.call)(slots.default));
   }
 
 });