framework7-vue 6.3.15 → 7.0.0-beta.11

package/esm/components/swipeout-button.js

@@ -1,52 +0,0 @@
-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); }
-
-import { toDisplayString as _toDisplayString, renderSlot as _renderSlot, createTextVNode as _createTextVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("a", {
-    href: _ctx.href || '#',
-    "data-confirm": _ctx.confirmText || undefined,
-    "data-confirm-title": _ctx.confirmTitle || undefined,
-    class: _ctx.classes,
-    onClick: _cache[1] || (_cache[1] = function () {
-      return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
-    })
-  }, [_createTextVNode(_toDisplayString(_ctx.text) + " ", 1), _renderSlot(_ctx.$slots, "default")], 10, ["href", "data-confirm", "data-confirm-title"]);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-swipeout-button',
-  render: render,
-  props: _extends({
-    text: String,
-    confirmTitle: String,
-    confirmText: String,
-    overswipe: Boolean,
-    close: Boolean,
-    delete: Boolean,
-    href: String
-  }, colorProps),
-  emits: ['click'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-
-    var onClick = function onClick(e) {
-      emit('click', e);
-    };
-
-    var classes = computed(function () {
-      return classNames({
-        'swipeout-overswipe': props.overswipe,
-        'swipeout-delete': props.delete,
-        'swipeout-close': props.close
-      }, colorClasses(props));
-    });
-    return {
-      classes: classes,
-      onClick: onClick
-    };
-  }
-};

package/esm/components/tab.js

@@ -1,128 +0,0 @@
-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); }
-
-import { resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot } from "vue";
-
-function render(_ctx, _cache) {
-  var _mergeProps2;
-
-  return _openBlock(), _createBlock("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [_ctx.tabContent ? (_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.getComponent(_ctx.tabContent)), _mergeProps((_mergeProps2 = {
-    key: 0
-  }, _mergeProps2["key"] = _ctx.tabContent.id, _mergeProps2), _ctx.getProps(_ctx.tabContent)), null, 16)) : _renderSlot(_ctx.$slots, "default", {
-    key: 1
-  })], 2);
-}
-
-import { computed, ref, inject, onMounted, onBeforeUnmount, onUpdated, toRaw } from 'vue';
-import { classNames, getComponentId } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-import { f7ready, f7routers, f7, f7events } from '../shared/f7';
-import { useTab } from '../shared/use-tab';
-export default {
-  name: 'f7-tab',
-  render: render,
-  props: _extends({
-    tabActive: Boolean
-  }, colorProps),
-  emits: ['tab:show', 'tab:hide'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var elRef = ref(null);
-    var routerData = ref(null);
-    var route = inject('f7route', null);
-    var router = inject('f7route', null);
-    var initialTabContent = null;
-
-    if (!routerData.value && route && route.route && route.route.tab && route.route.tab.id === props.id) {
-      var _route$route$tab = route.route.tab,
-          component = _route$route$tab.component,
-          asyncComponent = _route$route$tab.asyncComponent,
-          tabRouteOptions = _route$route$tab.options;
-
-      if (component || asyncComponent) {
-        var parentProps = route.route.options && route.route.options.props;
-        initialTabContent = {
-          id: getComponentId(),
-          component: component || asyncComponent,
-          isAsync: !!asyncComponent,
-          props: _extends({}, parentProps || {}, tabRouteOptions && tabRouteOptions.props || {}, {
-            f7router: router,
-            f7route: route
-          }, route.params)
-        };
-      }
-    }
-
-    var tabContent = ref(initialTabContent || null);
-
-    var setTabContent = function setTabContent(newContent) {
-      tabContent.value = newContent;
-    };
-
-    if (f7 && !routerData.value) {
-      routerData.value = {
-        setTabContent: setTabContent
-      };
-      f7routers.tabs.push(routerData.value);
-    }
-
-    onMounted(function () {
-      if (elRef.value && initialTabContent) {
-        elRef.value.f7RouterTabLoaded = true;
-      }
-
-      f7ready(function () {
-        if (!routerData.value) {
-          routerData.value = {
-            el: elRef.value,
-            setTabContent: setTabContent
-          };
-          f7routers.tabs.push(routerData.value);
-        } else {
-          routerData.value.el = elRef.value;
-        }
-      });
-    });
-    onBeforeUnmount(function () {
-      if (!routerData.value) return;
-      f7routers.tabs.splice(f7routers.tabs.indexOf(routerData.value), 1);
-      routerData.value = null;
-    });
-    onUpdated(function () {
-      if (!routerData.value || !f7) return;
-      f7events.emit('tabRouterDidUpdate', routerData.value);
-    });
-    useTab(elRef, emit);
-    var classes = computed(function () {
-      return classNames('tab', {
-        'tab-active': props.tabActive
-      }, colorClasses(props));
-    });
-
-    var getComponent = function getComponent(content) {
-      return toRaw(content.component);
-    };
-
-    var getProps = function getProps(content) {
-      var tabComponent = content.component,
-          tabProps = content.props;
-      var keys = [];
-      var passProps = {};
-      if (tabComponent && tabComponent.props) keys = Object.keys(tabComponent.props);
-      keys.forEach(function (key) {
-        if (key in tabProps) passProps[key] = tabProps[key];
-      });
-      return passProps;
-    };
-
-    return {
-      elRef: elRef,
-      classes: classes,
-      tabContent: tabContent,
-      getComponent: getComponent,
-      getProps: getProps
-    };
-  }
-};

package/esm/components/tabs.js

@@ -1,64 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
-
-function render(_ctx, _cache) {
-  return _ctx.animated || _ctx.swipeable ? (_openBlock(), _createBlock("div", {
-    key: 0,
-    ref: "elRef",
-    class: _ctx.classNames(_ctx.wrapClasses, _ctx.classes)
-  }, [_createVNode("div", {
-    class: _ctx.tabsClasses
-  }, [_renderSlot(_ctx.$slots, "default")], 2)], 2)) : (_openBlock(), _createBlock("div", {
-    key: 1,
-    ref: "elRef",
-    class: _ctx.classNames(_ctx.tabsClasses, _ctx.classes)
-  }, [_renderSlot(_ctx.$slots, "default")], 2));
-}
-
-import { computed, ref, onMounted } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-tabs',
-  render: render,
-  props: _extends({
-    animated: Boolean,
-    swipeable: Boolean,
-    routable: Boolean,
-    swiperParams: {
-      type: Object,
-      default: undefined
-    }
-  }, colorProps),
-  setup: function setup(props) {
-    var elRef = ref(null);
-    onMounted(function () {
-      if (!props.swipeable || !props.swiperParams) return;
-      if (!elRef.value) return;
-      elRef.value.f7SwiperParams = props.swiperParams;
-    });
-    var classes = computed(function () {
-      return classNames(colorClasses(props));
-    });
-    var wrapClasses = computed(function () {
-      return classNames({
-        'tabs-animated-wrap': props.animated,
-        'tabs-swipeable-wrap': props.swipeable
-      });
-    });
-    var tabsClasses = computed(function () {
-      return classNames({
-        tabs: true,
-        'tabs-routable': props.routable
-      });
-    });
-    return {
-      elRef: elRef,
-      classes: classes,
-      wrapClasses: wrapClasses,
-      tabsClasses: tabsClasses,
-      classNames: classNames
-    };
-  }
-};

package/esm/components/treeview-item.js

@@ -1,161 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
-var _hoisted_1 = {
-  key: 0,
-  className: "treeview-toggle"
-};
-var _hoisted_2 = {
-  className: "treeview-item-content"
-};
-var _hoisted_3 = {
-  className: "treeview-item-label"
-};
-var _hoisted_4 = {
-  key: 0,
-  className: "treeview-item-children"
-};
-
-function render(_ctx, _cache) {
-  var _component_f7_use_icon = _resolveComponent("f7-use-icon");
-
-  return _openBlock(), _createBlock("div", {
-    ref: "elRef",
-    class: _ctx.classes
-  }, [(_openBlock(), _createBlock(_resolveDynamicComponent(_ctx.itemRootTag), _mergeProps({
-    class: _ctx.itemRootClasses
-  }, _ctx.itemRootAttrs, {
-    onClick: _ctx.onClick
-  }), {
-    default: _withCtx(function () {
-      return [_renderSlot(_ctx.$slots, "root-start"), _ctx.needToggle ? (_openBlock(), _createBlock("div", _hoisted_1)) : _createCommentVNode("", true), _createVNode("div", _hoisted_2, [_renderSlot(_ctx.$slots, "content-start"), _ctx.icon ? (_openBlock(), _createBlock(_component_f7_use_icon, {
-        key: 0,
-        icon: _ctx.icon
-      }, null, 8, ["icon"])) : _createCommentVNode("", true), _renderSlot(_ctx.$slots, "media"), _createVNode("div", _hoisted_3, [_renderSlot(_ctx.$slots, "label-start"), _createTextVNode(" " + _toDisplayString(_ctx.label) + " ", 1), _renderSlot(_ctx.$slots, "label")]), _renderSlot(_ctx.$slots, "content"), _renderSlot(_ctx.$slots, "content-end")]), _renderSlot(_ctx.$slots, "root"), _renderSlot(_ctx.$slots, "root-end")];
-    }),
-    _: 3
-  }, 16, ["class", "onClick"])), _ctx.hasChildren ? (_openBlock(), _createBlock("div", _hoisted_4, [_renderSlot(_ctx.$slots, "children-start"), _renderSlot(_ctx.$slots, "default"), _renderSlot(_ctx.$slots, "children")])) : _createCommentVNode("", true)], 2);
-}
-
-import { computed, ref, onMounted, onBeforeUnmount } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps, actionsAttrs, actionsProps, actionsClasses, routerAttrs, routerProps, routerClasses, iconProps } from '../shared/mixins';
-import { useIcon } from '../shared/use-icon';
-import { f7ready, f7 } from '../shared/f7';
-import f7UseIcon from './use-icon';
-export default {
-  name: 'f7-treeview-item',
-  render: render,
-  components: {
-    f7UseIcon: f7UseIcon
-  },
-  props: _extends({
-    toggle: {
-      type: Boolean,
-      default: undefined
-    },
-    itemToggle: Boolean,
-    selectable: Boolean,
-    selected: Boolean,
-    opened: Boolean,
-    label: String,
-    loadChildren: Boolean,
-    link: {
-      type: [Boolean, String],
-      default: undefined
-    }
-  }, colorProps, actionsProps, iconProps, routerProps),
-  emits: ['click', 'treeview:open', 'treeview:close', 'treeview:loadchildren'],
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots,
-        emit = _ref.emit;
-    var elRef = ref(null);
-    var hasChildren = computed(function () {
-      return slots.default || slots.children || slots['children-start'];
-    });
-    var needToggle = computed(function () {
-      return typeof props.toggle === 'undefined' ? hasChildren.value : props.toggle;
-    });
-    var icon = computed(function () {
-      return useIcon(props);
-    });
-
-    var onClick = function onClick(event) {
-      emit('click', event);
-    };
-
-    var onOpen = function onOpen(el) {
-      if (elRef.value !== el) return;
-      emit('treeview:open', el);
-    };
-
-    var onClose = function onClose(el) {
-      if (elRef.value !== el) return;
-      emit('treeview:close', el);
-    };
-
-    var onLoadChildren = function onLoadChildren(el, done) {
-      if (elRef.value !== el) return;
-      emit('treeview:loadchildren', el, done);
-    };
-
-    var attachEvents = function attachEvents() {
-      if (!elRef.value) return;
-      f7ready(function () {
-        f7.on('treeviewOpen', onOpen);
-        f7.on('treeviewClose', onClose);
-        f7.on('treeviewLoadChildren', onLoadChildren);
-      });
-    };
-
-    var detachEvents = function detachEvents() {
-      if (!f7) return;
-      f7.off('treeviewOpen', onOpen);
-      f7.off('treeviewClose', onClose);
-      f7.off('treeviewLoadChildren', onLoadChildren);
-    };
-
-    onMounted(function () {
-      return attachEvents();
-    });
-    onBeforeUnmount(function () {
-      return detachEvents();
-    });
-    var classes = computed(function () {
-      return classNames('treeview-item', {
-        'treeview-item-opened': props.opened,
-        'treeview-load-children': props.loadChildren
-      }, colorClasses(props));
-    });
-    var itemRootClasses = computed(function () {
-      return classNames('treeview-item-root', {
-        'treeview-item-selectable': props.selectable,
-        'treeview-item-selected': props.selected,
-        'treeview-item-toggle': props.itemToggle
-      }, routerClasses(props), actionsClasses(props));
-    });
-    var itemRootTag = computed(function () {
-      return props.link || props.link === '' ? 'a' : 'div';
-    });
-    var itemRootAttrs = computed(function () {
-      var href = props.link;
-      if (props.link === true) href = '#';
-      if (props.link === false) href = undefined; // no href attribute
-
-      return _extends({
-        href: href
-      }, routerAttrs(props), actionsAttrs(props));
-    });
-    return {
-      itemRootTag: itemRootTag,
-      itemRootAttrs: itemRootAttrs,
-      itemRootClasses: itemRootClasses,
-      classes: classes,
-      icon: icon,
-      onClick: onClick,
-      hasChildren: hasChildren,
-      needToggle: needToggle,
-      elRef: elRef
-    };
-  }
-};

package/esm/components/treeview.js

@@ -1,26 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-treeview',
-  render: render,
-  props: _extends({}, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('treeview', colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};

package/esm/components/use-icon.js

@@ -1,35 +0,0 @@
-import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, mergeProps as _mergeProps, createCommentVNode as _createCommentVNode } from "vue";
-
-function render(_ctx, _cache) {
-  var _component_f7_badge = _resolveComponent("f7-badge");
-
-  var _component_f7_icon = _resolveComponent("f7-icon");
-
-  return _openBlock(), _createBlock(_component_f7_icon, _ctx.icon.props, {
-    default: _withCtx(function () {
-      return [_ctx.icon.badge ? (_openBlock(), _createBlock(_component_f7_badge, _mergeProps({
-        key: 0
-      }, _ctx.icon.badge.props), {
-        default: _withCtx(function () {
-          return [_createTextVNode(_toDisplayString(_ctx.icon.badge.content), 1)];
-        }),
-        _: 1
-      }, 16)) : _createCommentVNode("", true)];
-    }),
-    _: 1
-  }, 16);
-}
-
-import f7Icon from './icon';
-import f7Badge from './badge';
-export default {
-  name: 'f7-use-icon',
-  render: render,
-  components: {
-    f7Icon: f7Icon,
-    f7Badge: f7Badge
-  },
-  props: {
-    icon: Object
-  }
-};

package/esm/components/views.js

@@ -1,30 +0,0 @@
-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); }
-
-import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-
-function render(_ctx, _cache) {
-  return _openBlock(), _createBlock("div", {
-    class: _ctx.classes
-  }, [_renderSlot(_ctx.$slots, "default")], 2);
-}
-
-import { computed } from 'vue';
-import { classNames } from '../shared/utils';
-import { colorClasses, colorProps } from '../shared/mixins';
-export default {
-  name: 'f7-views',
-  render: render,
-  props: _extends({
-    tabs: Boolean
-  }, colorProps),
-  setup: function setup(props) {
-    var classes = computed(function () {
-      return classNames('views', {
-        tabs: props.tabs
-      }, colorClasses(props));
-    });
-    return {
-      classes: classes
-    };
-  }
-};