framework7-vue 6.3.15 → 7.0.0-beta.11

package/cjs/components/link.js

@@ -1,147 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _useIcon = require("../shared/use-icon");
-
-var _useRouteProps = require("../shared/use-route-props");
-
-var _useTooltip = require("../shared/use-tooltip");
-
-var _useSmartSelect = require("../shared/use-smart-select");
-
-var _badge = _interopRequireDefault(require("./badge"));
-
-var _useIcon2 = _interopRequireDefault(require("./use-icon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-function render(_ctx, _cache) {
-  var _component_f7_use_icon = (0, _vue.resolveComponent)("f7-use-icon");
-
-  var _component_f7_badge = (0, _vue.resolveComponent)("f7-badge");
-
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("a", (0, _vue.mergeProps)({
-    ref: "elRef",
-    class: _ctx.classes
-  }, _ctx.attrs), [_ctx.icon ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_use_icon, {
-    key: 0,
-    icon: _ctx.icon
-  }, null, 8, ["icon"])) : (0, _vue.createCommentVNode)("", true), _ctx.text ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", {
-    key: 1,
-    class: _ctx.isTabbarLabel ? 'tabbar-label' : ''
-  }, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.text) + " ", 1), _ctx.badge ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_badge, {
-    key: 0,
-    color: _ctx.badgeColor
-  }, {
-    default: (0, _vue.withCtx)(function () {
-      return [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.badge), 1)];
-    }),
-    _: 1
-  }, 8, ["color"])) : (0, _vue.createCommentVNode)("", true)], 2)) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")], 16);
-}
-
-var _default = {
-  name: 'f7-link',
-  render: render,
-  components: {
-    f7Badge: _badge.default,
-    f7UseIcon: _useIcon2.default
-  },
-  props: _extends({
-    noLinkClass: Boolean,
-    text: String,
-    tabLink: [Boolean, String],
-    tabLinkActive: Boolean,
-    tabbarLabel: Boolean,
-    iconOnly: Boolean,
-    badge: [String, Number],
-    badgeColor: [String],
-    href: {
-      type: [String, Boolean],
-      default: '#'
-    },
-    target: String,
-    tooltip: String,
-    tooltipTrigger: String,
-    smartSelect: Boolean,
-    smartSelectParams: Object
-  }, _mixins.iconProps, _mixins.colorProps, _mixins.actionsProps, _mixins.routerProps),
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots;
-    var elRef = (0, _vue.ref)(null);
-    var f7SmartSelect = null;
-    (0, _useTooltip.useTooltip)(elRef, props);
-    (0, _useRouteProps.useRouteProps)(elRef, props);
-    (0, _useSmartSelect.useSmartSelect)(props, function (instance) {
-      f7SmartSelect = instance;
-    }, function () {
-      return elRef.value;
-    });
-    var TabbarContext = (0, _vue.inject)('TabbarContext', {
-      value: {}
-    });
-    var isTabbarLabel = (0, _vue.computed)(function () {
-      return props.tabbarLabel || TabbarContext.value.tabbarHasLabels;
-    });
-    var attrs = (0, _vue.computed)(function () {
-      var href = props.href,
-          tabLink = props.tabLink,
-          target = props.target;
-      var hrefComputed = href;
-      if (href === true) hrefComputed = '#';
-      if (href === false) hrefComputed = undefined; // no href attribute
-
-      return _extends({
-        href: hrefComputed,
-        target: target,
-        'data-tab': (0, _utils.isStringProp)(tabLink) && tabLink || undefined
-      }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-    });
-    var classes = (0, _vue.computed)(function () {
-      var iconOnly = props.iconOnly,
-          text = props.text,
-          noLinkClass = props.noLinkClass,
-          tabLink = props.tabLink,
-          tabLinkActive = props.tabLinkActive,
-          smartSelect = props.smartSelect;
-      var iconOnlyComputed;
-      var hasChildren = slots && slots.default;
-
-      if (iconOnly || !text && !hasChildren) {
-        iconOnlyComputed = true;
-      } else {
-        iconOnlyComputed = false;
-      }
-
-      return (0, _utils.classNames)({
-        link: !(noLinkClass || isTabbarLabel.value),
-        'icon-only': iconOnlyComputed,
-        'tab-link': tabLink || tabLink === '',
-        'tab-link-active': tabLinkActive,
-        'smart-select': smartSelect
-      }, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props));
-    });
-    var icon = (0, _vue.computed)(function () {
-      return (0, _useIcon.useIcon)(props);
-    });
-    return {
-      elRef: elRef,
-      icon: icon,
-      isTabbarLabel: isTabbarLabel,
-      attrs: attrs,
-      classes: classes,
-      f7SmartSelect: f7SmartSelect
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/list-button.js

@@ -1,76 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _useTooltip = require("../shared/use-tooltip");
-
-var _useRouteProps = require("../shared/use-route-props");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("li", null, [(0, _vue.createVNode)("a", (0, _vue.mergeProps)({
-    ref: "linkElRef",
-    class: _ctx.linkClasses
-  }, _ctx.linkAttrs, {
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
-  }), [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.title) + " " + (0, _vue.toDisplayString)(_ctx.text) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "default")], 16)]);
-}
-
-var _default = {
-  name: 'f7-list-button',
-  render: render,
-  props: _extends({
-    title: [String, Number],
-    text: [String, Number],
-    tabLink: [Boolean, String],
-    tabLinkActive: Boolean,
-    link: [Boolean, String],
-    href: [Boolean, String],
-    target: String,
-    tooltip: String,
-    tooltipTrigger: String
-  }, _mixins.colorProps, _mixins.actionsProps, _mixins.routerProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var linkElRef = (0, _vue.ref)(null);
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    (0, _useTooltip.useTooltip)(linkElRef, props);
-    (0, _useRouteProps.useRouteProps)(linkElRef, props);
-    var linkAttrs = (0, _vue.computed)(function () {
-      return _extends({
-        href: typeof props.link === 'boolean' && typeof props.href === 'boolean' ? '#' : props.link || props.href,
-        target: props.target,
-        'data-tab': (0, _utils.isStringProp)(props.tabLink) && props.tabLink
-      }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-    });
-    var linkClasses = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)(_extends({
-        'list-button': true,
-        'tab-link': props.tabLink || props.tabLink === '',
-        'tab-link-active': props.tabLinkActive
-      }, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props)));
-    });
-    return {
-      linkAttrs: linkAttrs,
-      linkClasses: linkClasses,
-      onClick: onClick,
-      linkElRef: linkElRef
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/list-group.js

@@ -1,66 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    class: _ctx.classes,
-    "data-sortable-move-elements": typeof _ctx.sortableMoveElements !== 'undefined' ? _ctx.sortableMoveElements.toString() : undefined
-  }, [(0, _vue.createVNode)("ul", null, [(0, _vue.renderSlot)(_ctx.$slots, "default")])], 10, ["data-sortable-move-elements"]);
-}
-
-var _default = {
-  name: 'f7-list-group',
-  render: render,
-  props: _extends({
-    mediaList: Boolean,
-    simpleList: Boolean,
-    sortable: Boolean,
-    sortableOpposite: Boolean,
-    sortableTapHold: Boolean,
-    sortableMoveElements: {
-      type: Boolean,
-      default: undefined
-    }
-  }, _mixins.colorProps),
-  setup: function setup(props) {
-    var ListContextParent = (0, _vue.inject)('ListContext', {
-      value: {
-        listIsMedia: props.mediaList,
-        listIsSimple: props.simpleList,
-        listIsSortable: props.sortable,
-        listIsSortableOpposite: props.sortableOpposite
-      }
-    });
-    var ListContext = (0, _vue.computed)(function () {
-      return {
-        listIsMedia: props.mediaList || ListContextParent.value.listIsMedia,
-        listIsSimple: props.simpleList || ListContextParent.value.listIsSimple,
-        listIsSortable: props.sortable || ListContextParent.value.listIsSortable,
-        listIsSortableOpposite: props.sortableOpposite || ListContextParent.value.listIsSortableOpposite
-      };
-    });
-    (0, _vue.provide)('ListContext', ListContext);
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('list-group', {
-        'media-list': props.mediaList,
-        sortable: props.sortable,
-        'sortable-tap-hold': props.sortableTapHold,
-        'sortable-opposite': props.sortableOpposite
-      }, (0, _mixins.colorClasses)(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};
-exports.default = _default;

package/cjs/components/list-index.js

@@ -1,118 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _f = require("../shared/f7");
-
-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); }
-
-function render(_ctx, _cache) {
-  return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
-}
-
-var _default = {
-  name: 'f7-list-index',
-  render: render,
-  props: _extends({
-    init: {
-      type: Boolean,
-      default: true
-    },
-    listEl: [String, Object],
-    indexes: {
-      type: [String, Array],
-      default: 'auto'
-    },
-    scrollList: {
-      type: Boolean,
-      default: true
-    },
-    label: {
-      type: Boolean,
-      default: false
-    },
-    iosItemHeight: {
-      type: Number,
-      default: 14
-    },
-    mdItemHeight: {
-      type: Number,
-      default: 14
-    },
-    auroraItemHeight: {
-      type: Number,
-      default: 14
-    }
-  }, _mixins.colorProps),
-  emits: ['listindex:select'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var f7ListIndex = null;
-    var elRef = (0, _vue.ref)(null);
-
-    var update = function update() {
-      if (!f7ListIndex) return;
-      f7ListIndex.update();
-    };
-
-    var scrollListToIndex = function scrollListToIndex(indexContent) {
-      if (!f7ListIndex) return;
-      f7ListIndex.scrollListToIndex(indexContent);
-    };
-
-    (0, _vue.watch)(function () {
-      return props.indexes;
-    }, function (newValue) {
-      if (!f7ListIndex) return;
-      f7ListIndex.params.indexes = newValue;
-      update();
-    });
-    (0, _vue.onMounted)(function () {
-      if (!props.init) return;
-      (0, _f.f7ready)(function () {
-        f7ListIndex = _f.f7.listIndex.create({
-          el: elRef.value,
-          listEl: props.listEl,
-          indexes: props.indexes,
-          iosItemHeight: props.iosItemHeight,
-          mdItemHeight: props.mdItemHeight,
-          auroraItemHeight: props.auroraItemHeight,
-          scrollList: props.scrollList,
-          label: props.label,
-          on: {
-            select: function select(index, itemContent, itemIndex) {
-              emit('listindex:select', itemContent, itemIndex);
-            }
-          }
-        });
-      });
-    });
-    (0, _vue.onBeforeUnmount)(function () {
-      if (f7ListIndex && f7ListIndex.destroy) {
-        f7ListIndex.destroy();
-      }
-
-      f7ListIndex = null;
-    });
-    var classes = (0, _vue.computed)(function () {
-      return (0, _utils.classNames)('list-index', (0, _mixins.colorClasses)(props));
-    });
-    return {
-      elRef: elRef,
-      classes: classes,
-      update: update,
-      scrollListToIndex: scrollListToIndex
-    };
-  }
-};
-exports.default = _default;