@opentiny/vue-renderless 3.1.0-alpha.0

package/fall-menu/vue.js

@@ -0,0 +1,90 @@
+import { mouseover, mouseout, computePx, reRender, arrowClick, overContent, mounted, beforeDestroy, computeLeft, computeData } from './index';
+export var api = ['state', 'fall', 'arrowClick', 'mouseover', 'mouseout', 'overContent', 'reRender', 'left'];
+var initState = function initState(_ref) {
+  var reactive = _ref.reactive,
+    computed = _ref.computed,
+    api = _ref.api,
+    props = _ref.props;
+  var state = reactive({
+    pager: 1,
+    level2data: [],
+    activeNode: null,
+    isActive: props.value,
+    pagerData: {
+      data: [],
+      offset: [],
+      index: []
+    },
+    left: computed(function () {
+      return api.computeLeft();
+    }),
+    data: computed(function () {
+      return api.computeData();
+    })
+  });
+  return state;
+};
+var initApi = function initApi(_ref2) {
+  var api = _ref2.api,
+    state = _ref2.state,
+    fall = _ref2.fall,
+    props = _ref2.props,
+    refs = _ref2.refs;
+  Object.assign(api, {
+    fall: fall,
+    state: state,
+    computePx: computePx({
+      props: props,
+      refs: refs,
+      state: state
+    }),
+    mounted: mounted({
+      api: api
+    }),
+    computeLeft: computeLeft({
+      state: state
+    }),
+    beforeDestroy: beforeDestroy(api),
+    computeData: computeData({
+      props: props
+    }),
+    arrowClick: arrowClick(state),
+    overContent: overContent(state),
+    mouseout: mouseout(state),
+    mouseover: mouseover({
+      props: props,
+      fall: fall,
+      state: state
+    }),
+    reRender: reRender({
+      api: api,
+      state: state
+    })
+  });
+};
+export var renderless = function renderless(props, _ref3, _ref4) {
+  var computed = _ref3.computed,
+    reactive = _ref3.reactive,
+    onMounted = _ref3.onMounted,
+    onBeforeUnmount = _ref3.onBeforeUnmount,
+    ref = _ref3.ref;
+  var refs = _ref4.refs;
+  var api = {};
+  var fall = ref(null);
+  var state = initState({
+    reactive: reactive,
+    computed: computed,
+    api: api,
+    props: props
+  });
+  initApi({
+    api: api,
+    state: state,
+    fall: fall,
+    props: props,
+    refs: refs
+  });
+  onMounted(api.mounted);
+  onBeforeUnmount(api.beforeDestroy);
+  return api;
+};