framework7 6.3.4 → 7.0.0-beta.3

package/cjs/modules/component/vdom.js

@@ -1,393 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = vdom;
-
-var _h = _interopRequireDefault(require("./snabbdom/h"));
-
-var _customComponents = _interopRequireDefault(require("./custom-components"));
-
-var _utils = require("../../shared/utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _readOnlyError(name) { throw new TypeError("\"" + name + "\" is read-only"); }
-
-var SELF_CLOSING = 'area base br col command embed hr img input keygen link menuitem meta param source track wbr'.split(' ');
-var PROPS_ATTRS = 'hidden checked disabled readonly selected autofocus autoplay required multiple value indeterminate routeProps innerHTML'.split(' ');
-var BOOLEAN_PROPS = 'hidden checked disabled readonly selected autofocus autoplay required multiple readOnly indeterminate'.split(' ');
-
-var getTagName = function getTagName(treeNode) {
-  return typeof treeNode.type === 'function' ? treeNode.type.name || 'CustomComponent' : treeNode.type;
-};
-
-var toCamelCase = function toCamelCase(name) {
-  return name.split('-').map(function (word, index) {
-    if (index === 0) return word.toLowerCase();
-    return word[0].toUpperCase() + word.substr(1);
-  }).join('');
-};
-
-var propsFromAttrs = function propsFromAttrs() {
-  var context = {};
-
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  args.forEach(function (obj) {
-    if (obj === void 0) {
-      obj = {};
-    }
-
-    Object.keys(obj).forEach(function (key) {
-      context[toCamelCase(key)] = obj[key];
-    });
-  });
-  return context;
-};
-
-var createCustomComponent = function createCustomComponent(_ref) {
-  var f7 = _ref.f7,
-      treeNode = _ref.treeNode,
-      vnode = _ref.vnode,
-      data = _ref.data;
-  var component = typeof treeNode.type === 'function' ? treeNode.type : _customComponents.default[treeNode.type];
-  f7.component.create(component, propsFromAttrs(data.attrs || {}, data.props || {}), {
-    el: vnode.elm,
-    children: treeNode.children
-  }).then(function (c) {
-    if (vnode.data && vnode.data.on && c && c.$el) {
-      Object.keys(vnode.data.on).forEach(function (eventName) {
-        c.$el.on(eventName, vnode.data.on[eventName]);
-      });
-    } // eslint-disable-next-line
-
-
-    vnode.elm.__component__ = c;
-  });
-};
-
-var updateCustomComponent = function updateCustomComponent(vnode) {
-  // eslint-disable-next-line
-  var component = vnode && vnode.elm && vnode.elm.__component__;
-  if (!component) return;
-  var newProps = propsFromAttrs(vnode.data.attrs || {}, vnode.data.props || {});
-  component.children = vnode.data.treeNode.children;
-  Object.assign(component.props, newProps);
-  component.update();
-};
-
-var destroyCustomComponent = function destroyCustomComponent(vnode) {
-  // eslint-disable-next-line
-  var component = vnode && vnode.elm && vnode.elm.__component__;
-
-  if (component) {
-    var el = component.el,
-        $el = component.$el;
-
-    if (vnode.data && vnode.data.on && $el) {
-      Object.keys(vnode.data.on).forEach(function (eventName) {
-        $el.off(eventName, vnode.data.on[eventName]);
-      });
-    }
-
-    if (component.destroy) component.destroy();
-    if (el && el.parentNode) el.parentNode.removeChild(el);
-    delete vnode.elm.__component__; // eslint-disable-line
-  }
-};
-
-var isCustomComponent = function isCustomComponent(treeNodeType) {
-  return typeof treeNodeType === 'function' || treeNodeType && treeNodeType.indexOf('-') > 0 && _customComponents.default[treeNodeType];
-};
-
-function getHooks(treeNode, data, f7, initial, isRoot) {
-  var hooks = {};
-  var insert = [];
-  var destroy = [];
-  var update = [];
-  var postpatch = [];
-  var isFakeElement = false;
-  var tagName = getTagName(treeNode);
-
-  if (data && data.attrs && data.attrs.component) {
-    // eslint-disable-next-line
-    data.attrs.component, _readOnlyError("tagName");
-    delete data.attrs.component;
-    isFakeElement = true;
-  }
-
-  var isCustom = isCustomComponent(treeNode.type);
-
-  if (isCustom) {
-    insert.push(function (vnode) {
-      if (vnode.sel !== tagName && !isFakeElement) return;
-      createCustomComponent({
-        f7: f7,
-        treeNode: treeNode,
-        vnode: vnode,
-        data: data
-      });
-    });
-    destroy.push(function (vnode) {
-      destroyCustomComponent(vnode);
-    });
-    update.push(function (oldVnode, vnode) {
-      updateCustomComponent(vnode);
-    });
-  }
-
-  if (!isCustom) {
-    if (!data || !data.attrs || !data.attrs.class) return hooks;
-    var classNames = data.attrs.class;
-    classNames.split(' ').forEach(function (className) {
-      if (!initial) {
-        insert.push.apply(insert, f7.getVnodeHooks('insert', className));
-      }
-
-      destroy.push.apply(destroy, f7.getVnodeHooks('destroy', className));
-      update.push.apply(update, f7.getVnodeHooks('update', className));
-      postpatch.push.apply(postpatch, f7.getVnodeHooks('postpatch', className));
-    });
-  }
-
-  if (isRoot && !initial) {
-    postpatch.push(function (oldVnode, vnode) {
-      var vn = vnode || oldVnode;
-      if (!vn) return;
-
-      if (vn.data && vn.data.component) {
-        vn.data.component.hook('onUpdated');
-      }
-    });
-  }
-
-  if (insert.length === 0 && destroy.length === 0 && update.length === 0 && postpatch.length === 0) {
-    return hooks;
-  }
-
-  if (insert.length) {
-    hooks.insert = function (vnode) {
-      insert.forEach(function (f) {
-        return f(vnode);
-      });
-    };
-  }
-
-  if (destroy.length) {
-    hooks.destroy = function (vnode) {
-      destroy.forEach(function (f) {
-        return f(vnode);
-      });
-    };
-  }
-
-  if (update.length) {
-    hooks.update = function (oldVnode, vnode) {
-      update.forEach(function (f) {
-        return f(oldVnode, vnode);
-      });
-    };
-  }
-
-  if (postpatch.length) {
-    hooks.postpatch = function (oldVnode, vnode) {
-      postpatch.forEach(function (f) {
-        return f(oldVnode, vnode);
-      });
-    };
-  }
-
-  return hooks;
-}
-
-var getEventHandler = function getEventHandler(eventHandler, _temp) {
-  var _ref2 = _temp === void 0 ? {} : _temp,
-      stop = _ref2.stop,
-      prevent = _ref2.prevent,
-      once = _ref2.once;
-
-  var fired = false;
-
-  function handler() {
-    var e = arguments.length <= 0 ? undefined : arguments[0];
-    if (once && fired) return;
-    if (stop) e.stopPropagation();
-    if (prevent) e.preventDefault();
-    fired = true;
-    eventHandler.apply(void 0, arguments);
-  }
-
-  return handler;
-};
-
-var getData = function getData(treeNode, component, f7, initial, isRoot) {
-  var data = {
-    component: component,
-    treeNode: treeNode
-  };
-  var tagName = getTagName(treeNode);
-  Object.keys(treeNode.props).forEach(function (attrName) {
-    var attrValue = treeNode.props[attrName];
-    if (typeof attrValue === 'undefined') return;
-
-    if (PROPS_ATTRS.indexOf(attrName) >= 0) {
-      // Props
-      if (!data.props) data.props = {};
-
-      if (attrName === 'readonly') {
-        // eslint-disable-next-line
-        attrName = 'readOnly';
-      }
-
-      if (attrName === 'routeProps') {
-        // eslint-disable-next-line
-        attrName = 'f7RouteProps';
-      }
-
-      if (tagName === 'option' && attrName === 'value') {
-        if (!data.attrs) data.attrs = {};
-        data.attrs.value = attrValue;
-      }
-
-      if (BOOLEAN_PROPS.indexOf(attrName) >= 0) {
-        // eslint-disable-next-line
-        data.props[attrName] = attrValue === false ? false : true;
-      } else {
-        data.props[attrName] = attrValue;
-      }
-    } else if (attrName === 'key') {
-      // Key
-      data.key = attrValue;
-    } else if (attrName.indexOf('@') === 0 || attrName.indexOf('on') === 0 && attrName.length > 2) {
-      // Events
-      if (!data.on) data.on = {};
-      var eventName = attrName.indexOf('@') === 0 ? attrName.substr(1) : (0, _utils.eventNameToColonCase)(attrName.substr(2));
-      var stop = false;
-      var prevent = false;
-      var once = false;
-
-      if (eventName.indexOf('.') >= 0) {
-        eventName.split('.').forEach(function (eventNamePart, eventNameIndex) {
-          if (eventNameIndex === 0) eventName = eventNamePart;else {
-            if (eventNamePart === 'stop') stop = true;
-            if (eventNamePart === 'prevent') prevent = true;
-            if (eventNamePart === 'once') once = true;
-          }
-        });
-      }
-
-      data.on[eventName] = getEventHandler(attrValue, {
-        stop: stop,
-        prevent: prevent,
-        once: once
-      });
-    } else if (attrName === 'style') {
-      // Style
-      if (typeof attrValue !== 'string') {
-        data.style = attrValue;
-      } else {
-        if (!data.attrs) data.attrs = {};
-        data.attrs.style = attrValue;
-      }
-    } else {
-      // Rest of attribures
-      if (!data.attrs) data.attrs = {};
-      data.attrs[attrName] = attrValue; // ID -> Key
-
-      if (attrName === 'id' && !data.key && !isRoot) {
-        data.key = attrValue;
-      }
-    }
-  });
-  var hooks = getHooks(treeNode, data, f7, initial, isRoot);
-
-  hooks.prepatch = function (oldVnode, vnode) {
-    if (!oldVnode || !vnode) return;
-
-    if (oldVnode && oldVnode.data && oldVnode.data.props) {
-      Object.keys(oldVnode.data.props).forEach(function (key) {
-        if (BOOLEAN_PROPS.indexOf(key) < 0) return;
-        if (!vnode.data) vnode.data = {};
-        if (!vnode.data.props) vnode.data.props = {};
-
-        if (oldVnode.data.props[key] === true && !(key in vnode.data.props)) {
-          vnode.data.props[key] = false;
-        }
-      });
-    }
-  };
-
-  data.hook = hooks;
-  return data;
-};
-
-var getChildren = function getChildren(treeNode, component, f7, initial) {
-  if (treeNode && treeNode.type && SELF_CLOSING.indexOf(treeNode.type) >= 0) {
-    return [];
-  }
-
-  var children = [];
-  var nodes = treeNode.children;
-
-  for (var i = 0; i < nodes.length; i += 1) {
-    var childNode = nodes[i];
-    var child = treeNodeToVNode(childNode, component, f7, initial, false);
-
-    if (Array.isArray(child)) {
-      children.push.apply(children, child);
-    } else if (child) {
-      children.push(child);
-    }
-  }
-
-  return children;
-};
-
-var getSlots = function getSlots(treeNode, component, f7, initial) {
-  var slotName = treeNode.props.name || 'default';
-  var slotNodes = (component.children || []).filter(function (childTreeNode) {
-    var childSlotName = 'default';
-
-    if (childTreeNode.props) {
-      childSlotName = childTreeNode.props.slot || 'default';
-    }
-
-    return childSlotName === slotName;
-  });
-
-  if (slotNodes.length === 0) {
-    return getChildren(treeNode, component, f7, initial);
-  }
-
-  return slotNodes.map(function (subTreeNode) {
-    return treeNodeToVNode(subTreeNode, component, f7, initial);
-  });
-};
-
-var isTreeNode = function isTreeNode(treeNode) {
-  return (0, _utils.isObject)(treeNode) && 'props' in treeNode && 'type' in treeNode && 'children' in treeNode;
-};
-
-var treeNodeToVNode = function treeNodeToVNode(treeNode, component, f7, initial, isRoot) {
-  if (!isTreeNode(treeNode)) {
-    return String(treeNode);
-  }
-
-  if (treeNode.type === 'slot') {
-    return getSlots(treeNode, component, f7, initial);
-  }
-
-  var data = getData(treeNode, component, f7, initial, isRoot);
-  var children = isCustomComponent(treeNode.type) ? [] : getChildren(treeNode, component, f7, initial);
-  return (0, _h.default)(getTagName(treeNode), data, children);
-};
-
-function vdom(tree, component, initial) {
-  if (tree === void 0) {
-    tree = {};
-  }
-
-  return treeNodeToVNode(tree, component, component.f7, initial, true);
-}

package/cjs/modules/demo-module.js

@@ -1,49 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-var _default = {
-  // Module Name
-  name: 'demo-module',
-  install: function install(params) {
-    var Class = this;
-    console.log(Class, params);
-  },
-  create: function create(instance) {
-    console.log('init', instance);
-  },
-  // App Params related to module
-  params: {
-    a: 1,
-    b: 2,
-    c: 3
-  },
-  // Extend Prototype
-  proto: {
-    demo: function demo() {
-      return 'demo-module-proto-method';
-    },
-    demoStatic: 'demo-module-proto-static'
-  },
-  // Extend Class, e.g. Class.myMethod
-  static: {
-    demo: function demo() {
-      return 'demo-module-class-method';
-    },
-    demoStatic: 'demo-module-class-static'
-  },
-  // Initialized instance Props & Methods
-  instance: {
-    demoProp: true,
-    demoMethod: function demoMethod() {
-      return 'demo-method';
-    }
-  },
-  // Add Event Listeners
-  on: {
-    demoEvent: function demoEvent(a, b) {
-      console.log('demo-event', a, b);
-    }
-  }
-};
-exports.default = _default;

package/cjs/modules/device/device.js

@@ -1,56 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _ssrWindow = require("ssr-window");
-
-var _getDevice = require("../../shared/get-device");
-
-var _default = {
-  name: 'device',
-  static: {
-    getDevice: _getDevice.getDevice
-  },
-  on: {
-    init: function init() {
-      var document = (0, _ssrWindow.getDocument)();
-      var device = (0, _getDevice.getDevice)();
-      var classNames = [];
-      var html = document.querySelector('html');
-      var metaStatusbar = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
-      if (!html) return;
-
-      if (device.standalone && device.ios && metaStatusbar && metaStatusbar.content === 'black-translucent') {
-        classNames.push('device-full-viewport');
-      } // Pixel Ratio
-
-
-      classNames.push("device-pixel-ratio-" + Math.floor(device.pixelRatio)); // OS classes
-
-      if (device.os && !device.desktop) {
-        classNames.push("device-" + device.os);
-      } else if (device.desktop) {
-        classNames.push('device-desktop');
-
-        if (device.os) {
-          classNames.push("device-" + device.os);
-        }
-      }
-
-      if (device.cordova || device.phonegap) {
-        classNames.push('device-cordova');
-      }
-
-      if (device.capacitor) {
-        classNames.push('device-capacitor');
-      } // Add html classes
-
-
-      classNames.forEach(function (className) {
-        html.classList.add(className);
-      });
-    }
-  }
-};
-exports.default = _default;

package/cjs/modules/history/history.js

@@ -1,21 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _history = _interopRequireDefault(require("../../shared/history"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  name: 'history',
-  static: {
-    history: _history.default
-  },
-  on: {
-    init: function init() {
-      _history.default.init(this);
-    }
-  }
-};
-exports.default = _default;

package/cjs/modules/request/request.js

@@ -1,20 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _request = _interopRequireDefault(require("../../shared/request"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint no-param-reassign: "off" */
-var _default = {
-  name: 'request',
-  proto: {
-    request: _request.default
-  },
-  static: {
-    request: _request.default
-  }
-};
-exports.default = _default;

package/cjs/modules/resize/resize.js

@@ -1,72 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _ssrWindow = require("ssr-window");
-
-var _getDevice = require("../../shared/get-device");
-
-var _default = {
-  name: 'resize',
-  create: function create() {
-    var app = this;
-
-    app.getSize = function () {
-      if (!app.el) return {
-        width: 0,
-        height: 0,
-        left: 0,
-        top: 0
-      };
-      var offset = app.$el.offset();
-      var _ref = [app.el.offsetWidth, app.el.offsetHeight, offset.left, offset.top],
-          width = _ref[0],
-          height = _ref[1],
-          left = _ref[2],
-          top = _ref[3];
-      app.width = width;
-      app.height = height;
-      app.left = left;
-      app.top = top;
-      return {
-        width: width,
-        height: height,
-        left: left,
-        top: top
-      };
-    };
-  },
-  on: {
-    init: function init() {
-      var app = this;
-      var window = (0, _ssrWindow.getWindow)(); // Get Size
-
-      app.getSize(); // Emit resize
-
-      window.addEventListener('resize', function () {
-        app.emit('resize');
-      }, false); // Emit orientationchange
-
-      window.addEventListener('orientationchange', function () {
-        app.emit('orientationchange');
-      });
-    },
-    orientationchange: function orientationchange() {
-      var document = (0, _ssrWindow.getDocument)();
-      var device = (0, _getDevice.getDevice)(); // Fix iPad weird body scroll
-
-      if (device.ipad) {
-        document.body.scrollLeft = 0;
-        setTimeout(function () {
-          document.body.scrollLeft = 0;
-        }, 0);
-      }
-    },
-    resize: function resize() {
-      var app = this;
-      app.getSize();
-    }
-  }
-};
-exports.default = _default;

package/cjs/modules/router/app-router-check.js

@@ -1,10 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = appRouterCheck;
-
-function appRouterCheck(router, method) {
-  if (!router.view) {
-    throw new Error("Framework7: it is not allowed to use router methods on global app router. Use router methods only on related View, e.g. app.views.main.router." + method + "(...)");
-  }
-}

package/cjs/modules/router/async-component.js

@@ -1,33 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = asyncComponent;
-
-function asyncComponent(router, component, resolve, reject) {
-  function resolvePromise(componentPromise) {
-    componentPromise.then(function (c) {
-      // eslint-disable-next-line
-      resolve({
-        component: c.default || c._default || c
-      });
-    }).catch(function (err) {
-      reject();
-      throw new Error(err);
-    });
-  }
-
-  if (component instanceof Promise) {
-    resolvePromise(component);
-    return;
-  }
-
-  var asyncComponentResult = component.call(router);
-
-  if (asyncComponentResult instanceof Promise) {
-    resolvePromise(asyncComponentResult);
-  } else {
-    resolve({
-      component: asyncComponentResult
-    });
-  }
-}