@meve/ui/es/swipe-item/index.js

Argon design system components library

import { createNamespace } from '../utils/create';
import { createChildrenMixin } from '../utils/mixins/relation';


var _createNamespace = createNamespace('swipe-item'),
    namespace = _createNamespace.namespace,
    createComponent = _createNamespace.createComponent;

var SwipeItemPlugin = createComponent({
  mixins: [createChildrenMixin('swipe')],
  data: function data() {
    return {
      translate: 0
    };
  },
  render: function render() {
    var h = arguments[0];
    var parent = this.parent,
        translate = this.translate;
    return h("div", {
      "class": namespace(),
      "style": {
        width: !parent.vertical ? parent.size + "px" : undefined,
        height: parent.vertical ? parent.size + "px" : undefined,
        transform: "translate" + (parent.vertical ? 'Y' : 'X') + "(" + translate + "px)"
      }
    }, [this.slots()]);
  }
});
export var _SwipeItemComponent = SwipeItemPlugin;
export default SwipeItemPlugin;