@varlet/ui 1.23.4-alpha.8 → 1.23.4

package/lib/steps/props.js

@@ -1,30 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.props = void 0;
-
-function directionValidator(direction) {
-  return ['horizontal', 'vertical'].includes(direction);
-}
-
-var props = {
-  active: {
-    type: [String, Number],
-    default: 0
-  },
-  direction: {
-    type: String,
-    default: 'horizontal',
-    validator: directionValidator
-  },
-  activeColor: {
-    type: String
-  },
-  inactiveColor: {
-    type: String
-  },
-  onClickStep: {
-    type: Function
-  }
-};
-exports.props = props;

package/lib/steps/provide.js

@@ -1,27 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useStep = useStep;
-exports.STEPS_COUNT_STEP_KEY = exports.STEPS_BIND_STEP_KEY = void 0;
-
-var _components = require("../utils/components");
-
-var STEPS_BIND_STEP_KEY = Symbol('STEPS_BIND_STEP_KEY');
-exports.STEPS_BIND_STEP_KEY = STEPS_BIND_STEP_KEY;
-var STEPS_COUNT_STEP_KEY = Symbol('STEPS_COUNT_STEP_KEY');
-exports.STEPS_COUNT_STEP_KEY = STEPS_COUNT_STEP_KEY;
-
-function useStep() {
-  var {
-    bindChildren,
-    childProviders
-  } = (0, _components.useChildren)(STEPS_BIND_STEP_KEY);
-  var {
-    length
-  } = (0, _components.useAtChildrenCounter)(STEPS_COUNT_STEP_KEY);
-  return {
-    length,
-    step: childProviders,
-    bindStep: bindChildren
-  };
-}

package/lib/steps/style/index.js

@@ -1,2 +0,0 @@
-require('../../styles/common.css')
-require('../StepsSfc.css')

package/lib/steps/style/less.js

@@ -1,2 +0,0 @@
-require('../../styles/common.less')
-require('../StepsSfc.less')

package/lib/sticky/Sticky.js

@@ -1,145 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.render = render;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _props = require("./props");
-
-var _elements = require("../utils/elements");
-
-var _shared = require("../utils/shared");
-
-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]]),
-    ref: "stickyEl",
-    style: (0, _vue.normalizeStyle)({
-      zIndex: _ctx.toNumber(_ctx.zIndex),
-      top: _ctx.enableCSSMode ? _ctx.offsetTop + "px" : undefined,
-      width: _ctx.enableFixedMode ? _ctx.fixedWidth : undefined,
-      height: _ctx.enableFixedMode ? _ctx.fixedHeight : undefined
-    })
-  }, [(0, _vue.createElementVNode)("div", {
-    class: "var-sticky__wrapper",
-    ref: "wrapperEl",
-    style: (0, _vue.normalizeStyle)({
-      zIndex: _ctx.toNumber(_ctx.zIndex),
-      position: _ctx.enableFixedMode ? 'fixed' : undefined,
-      width: _ctx.enableFixedMode ? _ctx.fixedWrapperWidth : undefined,
-      height: _ctx.enableFixedMode ? _ctx.fixedWrapperHeight : undefined,
-      left: _ctx.enableFixedMode ? _ctx.fixedLeft : undefined,
-      top: _ctx.enableFixedMode ? _ctx.fixedTop : undefined
-    })
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 4
-  /* STYLE */
-  )], 6
-  /* CLASS, STYLE */
-  );
-}
-
-var _default = (0, _vue.defineComponent)({
-  render,
-  name: 'VarSticky',
-  props: _props.props,
-
-  setup(props) {
-    var stickyEl = (0, _vue.ref)(null);
-    var wrapperEl = (0, _vue.ref)(null);
-    var isFixed = (0, _vue.ref)(false);
-    var fixedTop = (0, _vue.ref)('0px');
-    var fixedLeft = (0, _vue.ref)('0px');
-    var fixedWidth = (0, _vue.ref)('auto');
-    var fixedHeight = (0, _vue.ref)('auto');
-    var fixedWrapperWidth = (0, _vue.ref)('auto');
-    var fixedWrapperHeight = (0, _vue.ref)('auto');
-    var enableCSSMode = (0, _vue.computed)(() => !props.disabled && props.cssMode);
-    var enableFixedMode = (0, _vue.computed)(() => !props.disabled && isFixed.value);
-    var offsetTop = (0, _vue.computed)(() => (0, _elements.toPxNum)(props.offsetTop));
-    var scroller = window;
-
-    var handleScroll = () => {
-      var {
-        onScroll,
-        cssMode,
-        disabled
-      } = props;
-
-      if (disabled) {
-        return;
-      }
-
-      var scrollerTop = 0;
-
-      if (scroller !== window) {
-        var {
-          top
-        } = scroller.getBoundingClientRect();
-        scrollerTop = top;
-      }
-
-      var wrapper = wrapperEl.value;
-      var sticky = stickyEl.value;
-      var {
-        top: stickyTop,
-        left: stickyLeft
-      } = sticky.getBoundingClientRect();
-      var currentOffsetTop = stickyTop - scrollerTop;
-
-      if (currentOffsetTop <= offsetTop.value) {
-        if (!cssMode) {
-          fixedWidth.value = sticky.offsetWidth + "px";
-          fixedHeight.value = sticky.offsetHeight + "px";
-          fixedTop.value = scrollerTop + offsetTop.value + "px";
-          fixedLeft.value = stickyLeft + "px";
-          fixedWrapperWidth.value = wrapper.offsetWidth + "px";
-          fixedWrapperHeight.value = wrapper.offsetHeight + "px";
-          isFixed.value = true;
-        }
-
-        onScroll == null ? void 0 : onScroll(offsetTop.value, true);
-      } else {
-        isFixed.value = false;
-        onScroll == null ? void 0 : onScroll(currentOffsetTop, false);
-      }
-    };
-
-    var addScrollListener = () => {
-      scroller = (0, _elements.getParentScroller)(stickyEl.value);
-      scroller !== window && scroller.addEventListener('scroll', handleScroll);
-      window.addEventListener('scroll', handleScroll);
-      handleScroll();
-    };
-
-    var removeScrollListener = () => {
-      scroller !== window && scroller.removeEventListener('scroll', handleScroll);
-      window.removeEventListener('scroll', handleScroll);
-    };
-
-    (0, _vue.watch)(() => props.disabled, handleScroll);
-    (0, _vue.onActivated)(addScrollListener);
-    (0, _vue.onDeactivated)(removeScrollListener);
-    (0, _vue.onMounted)(addScrollListener);
-    (0, _vue.onUnmounted)(removeScrollListener);
-    return {
-      stickyEl,
-      wrapperEl,
-      isFixed,
-      offsetTop,
-      fixedTop,
-      fixedLeft,
-      fixedWidth,
-      fixedHeight,
-      fixedWrapperWidth,
-      fixedWrapperHeight,
-      enableCSSMode,
-      enableFixedMode,
-      toNumber: _shared.toNumber
-    };
-  }
-
-});
-
-exports.default = _default;

package/lib/sticky/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports._StickyComponent = void 0;
-
-var _Sticky = _interopRequireDefault(require("./Sticky.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-_Sticky.default.install = function (app) {
-  app.component(_Sticky.default.name, _Sticky.default);
-};
-
-var _StickyComponent = _Sticky.default;
-exports._StickyComponent = _StickyComponent;
-var _default = _Sticky.default;
-exports.default = _default;

package/lib/sticky/props.js

@@ -1,26 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.props = void 0;
-var props = {
-  offsetTop: {
-    type: [String, Number],
-    default: 0
-  },
-  zIndex: {
-    type: [String, Number],
-    default: 10
-  },
-  cssMode: {
-    type: Boolean,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  onScroll: {
-    type: Function
-  }
-};
-exports.props = props;

package/lib/sticky/sticky.css

@@ -1 +0,0 @@
-.var-sticky { position: relative;}.var-sticky--css-mode { position: sticky; position: -webkit-sticky;}

package/lib/sticky/sticky.less

@@ -1,8 +0,0 @@
-.var-sticky {
-  position: relative;
-
-  &--css-mode {
-    position: sticky;
-    position: -webkit-sticky;
-  }
-}

package/lib/sticky/style/index.js

@@ -1,3 +0,0 @@
-require('../../styles/common.css')
-require('../sticky.css')
-require('../StickySfc.css')

package/lib/sticky/style/less.js

@@ -1,3 +0,0 @@
-require('../../styles/common.less')
-require('../sticky.less')
-require('../StickySfc.less')

package/lib/style-provider/StyleProvider.js

@@ -1,30 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _elements = require("../utils/elements");
-
-var _default = (0, _vue.defineComponent)({
-  name: 'VarStyleProvider',
-  props: {
-    styleVars: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-
-  setup(props, {
-    slots
-  }) {
-    return () => (0, _vue.h)('div', {
-      class: 'var-style-provider',
-      style: (0, _elements.formatStyleVars)(props.styleVars)
-    }, slots.default == null ? void 0 : slots.default());
-  }
-
-});
-
-exports.default = _default;

package/lib/style-provider/index.js

@@ -1,37 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports._StyleProviderComponent = void 0;
-
-var _StyleProvider = _interopRequireDefault(require("./StyleProvider.js"));
-
-var _elements = require("../utils/elements");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var mountedVarKeys = [];
-
-function StyleProvider(styleVars = {}) {
-  mountedVarKeys.forEach(key => document.documentElement.style.removeProperty(key));
-  mountedVarKeys.length = 0;
-  var styles = (0, _elements.formatStyleVars)(styleVars);
-  Object.entries(styles).forEach(([key, value]) => {
-    document.documentElement.style.setProperty(key, value);
-    mountedVarKeys.push(key);
-  });
-}
-
-StyleProvider.Component = _StyleProvider.default;
-
-_StyleProvider.default.install = function (app) {
-  app.component(_StyleProvider.default.name, _StyleProvider.default);
-};
-
-StyleProvider.install = function (app) {
-  app.component(_StyleProvider.default.name, _StyleProvider.default);
-};
-
-var _StyleProviderComponent = _StyleProvider.default;
-exports._StyleProviderComponent = _StyleProviderComponent;
-var _default = StyleProvider;
-exports.default = _default;

package/lib/style-provider/style/index.js

@@ -1,2 +0,0 @@
-require('../../styles/common.css')
-require('../StyleProviderSfc.css')

package/lib/style-provider/style/less.js

@@ -1,2 +0,0 @@
-require('../../styles/common.less')
-require('../StyleProviderSfc.less')