@varlet/ui 1.23.4-alpha.4 → 1.23.4

package/lib/lazy/index.js

@@ -1,247 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports._LazyComponent = exports.defaultLazyOptions = exports.imageCache = exports.PIXEL = void 0;
-
-var _elements = require("../utils/elements");
-
-var _shared = require("../utils/shared");
-
-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); }); }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var BACKGROUND_IMAGE_ARG_NAME = 'background-image';
-var LAZY_LOADING = 'lazy-loading';
-var LAZY_ERROR = 'lazy-error';
-var LAZY_ATTEMPT = 'lazy-attempt';
-var EVENTS = ['scroll', 'wheel', 'mousewheel', 'resize', 'animationend', 'transitionend', 'touchmove'];
-var PIXEL = 'data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==';
-exports.PIXEL = PIXEL;
-var lazyElements = [];
-var listenTargets = [];
-var imageCache = (0, _shared.createCache)(100);
-exports.imageCache = imageCache;
-var defaultLazyOptions = {
-  loading: PIXEL,
-  error: PIXEL,
-  attempt: 3,
-  throttleWait: 300,
-  events: EVENTS
-};
-exports.defaultLazyOptions = defaultLazyOptions;
-var checkAllWithThrottle = (0, _shared.throttle)(checkAll, defaultLazyOptions.throttleWait);
-
-function setSRC(el, src) {
-  if (el._lazy.arg === BACKGROUND_IMAGE_ARG_NAME) {
-    el.style.backgroundImage = "url(" + src + ")";
-  } else {
-    el.setAttribute('src', src);
-  }
-}
-
-function setLoading(el) {
-  el._lazy.loading && setSRC(el, el._lazy.loading);
-  checkAll();
-}
-
-function setError(el) {
-  el._lazy.error && setSRC(el, el._lazy.error);
-  el._lazy.state = 'error';
-  clear(el);
-  checkAll();
-}
-
-function setSuccess(el, attemptSRC) {
-  setSRC(el, attemptSRC);
-  el._lazy.state = 'success';
-  clear(el);
-  checkAll();
-}
-
-function bindEvents(listenTarget) {
-  var _defaultLazyOptions$e;
-
-  if (listenTargets.includes(listenTarget)) {
-    return;
-  }
-
-  listenTargets.push(listenTarget);
-  (_defaultLazyOptions$e = defaultLazyOptions.events) == null ? void 0 : _defaultLazyOptions$e.forEach(event => {
-    listenTarget.addEventListener(event, checkAllWithThrottle, {
-      passive: true
-    });
-  });
-}
-
-function unbindEvents() {
-  listenTargets.forEach(listenTarget => {
-    var _defaultLazyOptions$e2;
-
-    (_defaultLazyOptions$e2 = defaultLazyOptions.events) == null ? void 0 : _defaultLazyOptions$e2.forEach(event => {
-      listenTarget.removeEventListener(event, checkAllWithThrottle);
-    });
-  });
-  listenTargets.length = 0;
-}
-
-function createLazy(el, binding) {
-  var _el$getAttribute, _el$getAttribute2;
-
-  var lazyOptions = {
-    loading: (_el$getAttribute = el.getAttribute(LAZY_LOADING)) != null ? _el$getAttribute : defaultLazyOptions.loading,
-    error: (_el$getAttribute2 = el.getAttribute(LAZY_ERROR)) != null ? _el$getAttribute2 : defaultLazyOptions.error,
-    attempt: el.getAttribute(LAZY_ATTEMPT) ? Number(el.getAttribute(LAZY_ATTEMPT)) : defaultLazyOptions.attempt
-  };
-  el._lazy = _extends({
-    src: binding.value,
-    arg: binding.arg,
-    currentAttempt: 0,
-    state: 'pending',
-    attemptLock: false
-  }, lazyOptions);
-  setSRC(el, PIXEL);
-  defaultLazyOptions.filter == null ? void 0 : defaultLazyOptions.filter(el._lazy);
-}
-
-function createImage(el, attemptSRC) {
-  var image = new Image();
-  image.src = attemptSRC;
-  el._lazy.preloadImage = image;
-  image.addEventListener('load', () => {
-    el._lazy.attemptLock = false;
-    imageCache.add(attemptSRC);
-    setSuccess(el, attemptSRC);
-  });
-  image.addEventListener('error', () => {
-    el._lazy.attemptLock = false;
-    el._lazy.currentAttempt >= el._lazy.attempt ? setError(el) : attemptLoad(el);
-  });
-}
-
-function attemptLoad(el) {
-  if (el._lazy.attemptLock) {
-    return;
-  }
-
-  el._lazy.attemptLock = true;
-  el._lazy.currentAttempt++;
-  var {
-    src: attemptSRC
-  } = el._lazy;
-
-  if (imageCache.has(attemptSRC)) {
-    setSuccess(el, attemptSRC);
-    el._lazy.attemptLock = false;
-    return;
-  }
-
-  setLoading(el);
-  createImage(el, attemptSRC);
-}
-
-function check(_x) {
-  return _check.apply(this, arguments);
-}
-
-function _check() {
-  _check = _asyncToGenerator(function* (el) {
-    ;
-    (yield (0, _elements.inViewport)(el)) && attemptLoad(el);
-  });
-  return _check.apply(this, arguments);
-}
-
-function checkAll() {
-  lazyElements.forEach(el => check(el));
-}
-
-function add(_x2) {
-  return _add.apply(this, arguments);
-}
-
-function _add() {
-  _add = _asyncToGenerator(function* (el) {
-    !lazyElements.includes(el) && lazyElements.push(el);
-    (0, _elements.getAllParentScroller)(el).forEach(bindEvents);
-    yield check(el);
-  });
-  return _add.apply(this, arguments);
-}
-
-function clear(el) {
-  (0, _shared.removeItem)(lazyElements, el);
-  lazyElements.length === 0 && unbindEvents();
-}
-
-function diff(el, binding) {
-  var {
-    src,
-    arg
-  } = el._lazy;
-  return src !== binding.value || arg !== binding.arg;
-}
-
-function mounted(_x3, _x4) {
-  return _mounted.apply(this, arguments);
-}
-
-function _mounted() {
-  _mounted = _asyncToGenerator(function* (el, binding) {
-    createLazy(el, binding);
-    yield add(el);
-  });
-  return _mounted.apply(this, arguments);
-}
-
-function updated(_x5, _x6) {
-  return _updated.apply(this, arguments);
-}
-
-function _updated() {
-  _updated = _asyncToGenerator(function* (el, binding) {
-    if (!diff(el, binding)) {
-      lazyElements.includes(el) && (yield check(el));
-      return;
-    }
-
-    yield mounted(el, binding);
-  });
-  return _updated.apply(this, arguments);
-}
-
-function mergeLazyOptions(lazyOptions = {}) {
-  var {
-    events,
-    loading,
-    error,
-    attempt,
-    throttleWait,
-    filter
-  } = lazyOptions;
-  defaultLazyOptions.events = events != null ? events : defaultLazyOptions.events;
-  defaultLazyOptions.loading = loading != null ? loading : defaultLazyOptions.loading;
-  defaultLazyOptions.error = error != null ? error : defaultLazyOptions.error;
-  defaultLazyOptions.attempt = attempt != null ? attempt : defaultLazyOptions.attempt;
-  defaultLazyOptions.throttleWait = throttleWait != null ? throttleWait : defaultLazyOptions.throttleWait;
-  defaultLazyOptions.filter = filter;
-}
-
-var Lazy = {
-  mounted,
-  unmounted: clear,
-  updated,
-
-  install(app, lazyOptions) {
-    mergeLazyOptions(lazyOptions);
-    checkAllWithThrottle = (0, _shared.throttle)(checkAll, defaultLazyOptions.throttleWait);
-    app.directive('lazy', this);
-  }
-
-};
-var _LazyComponent = Lazy;
-exports._LazyComponent = _LazyComponent;
-var _default = Lazy;
-exports.default = _default;

package/lib/less.js

@@ -1,62 +0,0 @@
-require('./action-sheet/style/less')
-require('./app-bar/style/less')
-require('./back-top/style/less')
-require('./badge/style/less')
-require('./button/style/less')
-require('./card/style/less')
-require('./cell/style/less')
-require('./checkbox/style/less')
-require('./checkbox-group/style/less')
-require('./chip/style/less')
-require('./col/style/less')
-require('./collapse/style/less')
-require('./collapse-item/style/less')
-require('./context/style/less')
-require('./countdown/style/less')
-require('./counter/style/less')
-require('./date-picker/style/less')
-require('./dialog/style/less')
-require('./divider/style/less')
-require('./form/style/less')
-require('./form-details/style/less')
-require('./icon/style/less')
-require('./image/style/less')
-require('./image-preview/style/less')
-require('./index-anchor/style/less')
-require('./index-bar/style/less')
-require('./input/style/less')
-require('./lazy/style/less')
-require('./list/style/less')
-require('./loading/style/less')
-require('./locale/style/less')
-require('./menu/style/less')
-require('./option/style/less')
-require('./pagination/style/less')
-require('./picker/style/less')
-require('./popup/style/less')
-require('./progress/style/less')
-require('./pull-refresh/style/less')
-require('./radio/style/less')
-require('./radio-group/style/less')
-require('./rate/style/less')
-require('./ripple/style/less')
-require('./row/style/less')
-require('./select/style/less')
-require('./skeleton/style/less')
-require('./slider/style/less')
-require('./snackbar/style/less')
-require('./space/style/less')
-require('./step/style/less')
-require('./steps/style/less')
-require('./sticky/style/less')
-require('./style-provider/style/less')
-require('./swipe/style/less')
-require('./swipe-item/style/less')
-require('./switch/style/less')
-require('./tab/style/less')
-require('./tab-item/style/less')
-require('./table/style/less')
-require('./tabs/style/less')
-require('./tabs-items/style/less')
-require('./time-picker/style/less')
-require('./uploader/style/less')

package/lib/list/List.js

@@ -1,157 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.render = render;
-exports.default = void 0;
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-var _ripple = _interopRequireDefault(require("../ripple"));
-
-var _vue = require("vue");
-
-var _elements = require("../utils/elements");
-
-var _props = require("./props");
-
-var _shared = require("../utils/shared");
-
-var _locale = require("../locale");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
-
-var _hoisted_1 = {
-  class: "var-list var--box",
-  ref: "listEl"
-};
-var _hoisted_2 = {
-  class: "var-list__loading"
-};
-var _hoisted_3 = {
-  class: "var-list__loading-text"
-};
-var _hoisted_4 = {
-  class: "var-list__finished"
-};
-var _hoisted_5 = {
-  class: "var-list__detector",
-  ref: "detectorEl"
-};
-
-function render(_ctx, _cache) {
-  var _component_var_loading = (0, _vue.resolveComponent)("var-loading");
-
-  var _directive_ripple = (0, _vue.resolveDirective)("ripple");
-
-  return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "default"), _ctx.loading ? (0, _vue.renderSlot)(_ctx.$slots, "loading", {
-    key: 0
-  }, () => [(0, _vue.createElementVNode)("div", _hoisted_2, [(0, _vue.createElementVNode)("div", _hoisted_3, (0, _vue.toDisplayString)(_ctx.dt(_ctx.loadingText, _ctx.pack.listLoadingText)), 1
-  /* TEXT */
-  ), (0, _vue.createVNode)(_component_var_loading, {
-    size: "mini",
-    radius: 10
-  })])]) : (0, _vue.createCommentVNode)("v-if", true), _ctx.finished ? (0, _vue.renderSlot)(_ctx.$slots, "finished", {
-    key: 1
-  }, () => [(0, _vue.createElementVNode)("div", _hoisted_4, (0, _vue.toDisplayString)(_ctx.dt(_ctx.finishedText, _ctx.pack.listFinishedText)), 1
-  /* TEXT */
-  )]) : (0, _vue.createCommentVNode)("v-if", true), _ctx.error ? (0, _vue.renderSlot)(_ctx.$slots, "error", {
-    key: 2
-  }, () => [(0, _vue.withDirectives)((0, _vue.createElementVNode)("div", {
-    class: "var-list__error",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.load && _ctx.load(...args))
-  }, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.dt(_ctx.errorText, _ctx.pack.listErrorText)), 1
-  /* TEXT */
-  )], 512
-  /* NEED_PATCH */
-  ), [[_directive_ripple]])]) : (0, _vue.createCommentVNode)("v-if", true), (0, _vue.createElementVNode)("div", _hoisted_5, null, 512
-  /* NEED_PATCH */
-  )], 512
-  /* NEED_PATCH */
-  );
-}
-
-var _default = (0, _vue.defineComponent)({
-  render,
-  name: 'VarList',
-  directives: {
-    Ripple: _ripple.default
-  },
-  components: {
-    VarLoading: _loading.default
-  },
-  props: _props.props,
-
-  setup(props) {
-    var listEl = (0, _vue.ref)(null);
-    var detectorEl = (0, _vue.ref)(null);
-    var scroller = window;
-
-    var load = () => {
-      var _props$onUpdateError, _props$onUpdateLoadi;
-
-      (_props$onUpdateError = props['onUpdate:error']) == null ? void 0 : _props$onUpdateError.call(props, false);
-      (_props$onUpdateLoadi = props['onUpdate:loading']) == null ? void 0 : _props$onUpdateLoadi.call(props, true);
-      props.onLoad == null ? void 0 : props.onLoad();
-    };
-
-    var isReachBottom = () => {
-      var containerBottom = scroller === window ? window.innerHeight : scroller.getBoundingClientRect().bottom;
-      var {
-        bottom: detectorBottom
-      } = detectorEl.value.getBoundingClientRect();
-      return detectorBottom - (0, _elements.toPxNum)(props.offset) <= containerBottom;
-    }; // expose
-
-
-    var check = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* () {
-        yield (0, _vue.nextTick)();
-
-        if ((0, _elements.isHidden)(listEl.value)) {
-          return;
-        }
-
-        var {
-          loading,
-          finished,
-          error
-        } = props;
-
-        if (!loading && !finished && !error && isReachBottom()) {
-          load();
-        }
-      });
-
-      return function check() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-
-    (0, _vue.onMounted)(() => {
-      scroller = (0, _elements.getParentScroller)(listEl.value);
-      props.immediateCheck && check();
-      scroller.addEventListener('scroll', check);
-    });
-    (0, _vue.onUnmounted)(() => {
-      scroller.removeEventListener('scroll', check);
-    });
-    return {
-      pack: _locale.pack,
-      listEl,
-      detectorEl,
-      dt: _shared.dt,
-      isNumber: _shared.isNumber,
-      load,
-      check
-    };
-  }
-
-});
-
-exports.default = _default;

package/lib/list/index.js

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

package/lib/list/list.css

@@ -1 +0,0 @@
-:root { --list-loading-height: 50px; --list-finished-height: 50px; --list-error-height: 50px; --list-loading-color: #888; --list-finished-color: #888; --list-error-color: #888; --list-loading-font-size: var(--font-size-md); --list-finished-font-size: var(--font-size-md); --list-error-font-size: var(--font-size-md);}.var-list__detector { width: 100%;}.var-list__loading { display: flex; justify-content: center; align-items: center; width: 100%; height: var(--list-loading-height); font-size: var(--list-loading-font-size); color: var(--list-loading-color);}.var-list__loading-text { margin-right: 10px;}.var-list__finished { display: flex; justify-content: center; align-items: center; width: 100%; height: var(--list-finished-height); font-size: var(--list-finished-font-size); color: var(--list-finished-color);}.var-list__error { display: flex; justify-content: center; align-items: center; width: 100%; height: var(--list-error-height); font-size: var(--list-error-font-size); color: var(--list-error-color); cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

package/lib/list/list.less

@@ -1,63 +0,0 @@
-@list-loading-height: 50px;
-@list-finished-height: 50px;
-@list-error-height: 50px;
-@list-loading-color: #888;
-@list-finished-color: #888;
-@list-error-color: #888;
-@list-loading-font-size: var(--font-size-md);
-@list-finished-font-size: var(--font-size-md);
-@list-error-font-size: var(--font-size-md);
-
-:root {
-  --list-loading-height: @list-loading-height;
-  --list-finished-height: @list-finished-height;
-  --list-error-height: @list-error-height;
-  --list-loading-color: @list-loading-color;
-  --list-finished-color: @list-finished-color;
-  --list-error-color: @list-error-color;
-  --list-loading-font-size: @list-loading-font-size;
-  --list-finished-font-size: @list-finished-font-size;
-  --list-error-font-size: @list-error-font-size;
-}
-
-.var-list {
-  &__detector {
-    width: 100%;
-  }
-
-  &__loading {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: var(--list-loading-height);
-    font-size: var(--list-loading-font-size);
-    color: var(--list-loading-color);
-  }
-
-  &__loading-text {
-    margin-right: 10px;
-  }
-
-  &__finished {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: var(--list-finished-height);
-    font-size: var(--list-finished-font-size);
-    color: var(--list-finished-color);
-  }
-
-  &__error {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: var(--list-error-height);
-    font-size: var(--list-error-font-size);
-    color: var(--list-error-color);
-    cursor: pointer;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  }
-}

package/lib/list/props.js

@@ -1,45 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.props = void 0;
-var props = {
-  loading: {
-    type: Boolean,
-    default: false
-  },
-  immediateCheck: {
-    type: Boolean,
-    default: true
-  },
-  finished: {
-    type: Boolean,
-    default: false
-  },
-  error: {
-    type: Boolean,
-    default: false
-  },
-  offset: {
-    type: [String, Number],
-    default: 0
-  },
-  loadingText: {
-    type: String
-  },
-  finishedText: {
-    type: String
-  },
-  errorText: {
-    type: String
-  },
-  onLoad: {
-    type: Function
-  },
-  'onUpdate:loading': {
-    type: Function
-  },
-  'onUpdate:error': {
-    type: Function
-  }
-};
-exports.props = props;

package/lib/list/style/index.js

@@ -1,5 +0,0 @@
-require('../../styles/common.css')
-require('../../ripple/ripple.css')
-require('../../loading/loading.css')
-require('../list.css')
-require('../ListSfc.css')

package/lib/list/style/less.js

@@ -1,5 +0,0 @@
-require('../../styles/common.less')
-require('../../ripple/ripple.less')
-require('../../loading/loading.less')
-require('../list.less')
-require('../ListSfc.less')