@opentiny/vue-renderless 3.6.0 → 3.6.1-alpha.2

package/exception/vue.js

@@ -1,25 +1,18 @@
-import { create, getMessage } from './index';
-export var api = ['state', 'create'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive;
-  var t = _ref2.t,
-    emit = _ref2.emit;
-  var api = {
+import "../chunk-PKUHTIDK.js";
+import { create, getMessage } from "./index";
+const api = ["state", "create"];
+const renderless = (props, { computed, reactive }, { t, emit }) => {
+  const api2 = {
     create: create(emit),
-    getMessage: getMessage({
-      props: props,
-      t: t
-    })
+    getMessage: getMessage({ props, t })
   };
-  var state = reactive({
-    message: computed(function () {
-      return api.getMessage({
-        props: props,
-        t: t
-      });
-    })
+  const state = reactive({
+    message: computed(() => api2.getMessage({ props, t }))
   });
-  api.state = state;
-  return api;
-};
+  api2.state = state;
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/fall-menu/index.js

@@ -1,121 +1,92 @@
-import { REFRESH_INTERVAL } from '@opentiny/vue-renderless/common';
-import { on, off } from '@opentiny/vue-renderless/common/deps/dom';
-import PopupManager from '@opentiny/vue-renderless/common/deps/popup-manager';
-import { xss } from '@opentiny/vue-renderless/common/xss.js';
-export var arrowClick = function arrowClick(state) {
-  return function (opt) {
-    state.pager += opt;
-  };
+import "../chunk-PKUHTIDK.js";
+import { REFRESH_INTERVAL } from "@opentiny/vue-renderless/common";
+import { on, off } from "@opentiny/vue-renderless/common/deps/dom";
+import PopupManager from "@opentiny/vue-renderless/common/deps/popup-manager";
+import { xss } from "@opentiny/vue-renderless/common/xss.js";
+const arrowClick = (state) => (opt) => {
+  state.pager += opt;
 };
-export var overContent = function overContent(state) {
-  return function (on) {
-    state.isActive = on;
-  };
+const overContent = (state) => (on2) => {
+  state.isActive = on2;
 };
-export var mouseover = function mouseover(_ref) {
-  var fall = _ref.fall,
-    props = _ref.props,
-    state = _ref.state;
-  return function (index) {
-    var popupBox = fall.value;
-    state.activeNode = index;
-    var level2Array = props.data[index].children || [];
-    level2Array.forEach(function (level2) {
-      var level3Array = level2.children || [];
-      level3Array.forEach(function (level3) {
-        level3.url = xss.filterUrl(level3.url);
-      });
+const mouseover = ({ fall, props, state }) => (index) => {
+  const popupBox = fall.value;
+  state.activeNode = index;
+  let level2Array = props.data[index].children || [];
+  level2Array.forEach((level2) => {
+    let level3Array = level2.children || [];
+    level3Array.forEach((level3) => {
+      level3.url = xss.filterUrl(level3.url);
     });
-    state.level2data = level2Array;
-    if (popupBox && state.level2data.length > 0) {
-      popupBox.style.zIndex = PopupManager.nextZIndex();
-      state.isActive = true;
-    }
-  };
+  });
+  state.level2data = level2Array;
+  if (popupBox && state.level2data.length > 0) {
+    popupBox.style.zIndex = PopupManager.nextZIndex();
+    state.isActive = true;
+  }
 };
-export var mouseout = function mouseout(state) {
-  return function () {
-    state.isActive = false;
-    state.activeNode = null;
-  };
+const mouseout = (state) => () => {
+  state.isActive = false;
+  state.activeNode = null;
 };
-export var computePx = function computePx(_ref2) {
-  var props = _ref2.props,
-    refs = _ref2.refs,
-    state = _ref2.state;
-  return function () {
-    var list = refs.list;
-    var width = list.parentElement.clientWidth;
-    var arr = list.querySelectorAll('li');
-    var set = {
-      data: [],
-      offset: [],
-      index: []
-    };
-    var liWidth = [];
-    var innerwidth = 0;
-    var start = 0;
-    for (var i = 0, len = arr.length; i < len; i++) {
-      innerwidth += arr[i].clientWidth;
-      liWidth.push(arr[i].clientWidth);
-      if (innerwidth > width || i === len - 1) {
-        set.data.push(props.data.slice(start, i));
-        set.offset.push("-".concat(arr[start].offsetLeft, "px"));
-        set.index.push(i);
-        innerwidth = arr[i].clientWidth;
-        start = i;
-      }
-    }
-    var pagers = set.index.length;
-    var lastRange = set.data.length === 1 ? liWidth : liWidth.slice(set.index[pagers - 2], set.index[pagers]);
-    if (lastRange.reduce(function (a, b) {
-      return a + b;
-    }) > width) {
-      set.data.push(props.data[start]);
-      set.offset.push("-".concat(arr[start].offsetLeft, "px"));
+const computePx = ({ props, refs, state }) => () => {
+  const list = refs.list;
+  const width = list.parentElement.clientWidth;
+  const arr = list.querySelectorAll("li");
+  const set = { data: [], offset: [], index: [] };
+  const liWidth = [];
+  let innerwidth = 0;
+  let start = 0;
+  for (let i = 0, len = arr.length; i < len; i++) {
+    innerwidth += arr[i].clientWidth;
+    liWidth.push(arr[i].clientWidth);
+    if (innerwidth > width || i === len - 1) {
+      set.data.push(props.data.slice(start, i));
+      set.offset.push(`-${arr[start].offsetLeft}px`);
+      set.index.push(i);
+      innerwidth = arr[i].clientWidth;
+      start = i;
     }
-    set.size = set.data.length;
-    state.pagerData = set;
-  };
-};
-export var reRender = function reRender(_ref3) {
-  var api = _ref3.api,
-    state = _ref3.state,
-    timeout = _ref3.timeout;
-  return function () {
-    timeout && clearTimeout(timeout);
-    timeout = setTimeout(function () {
-      api.computePx();
-    }, REFRESH_INTERVAL);
-    state.pager = 1;
-  };
+  }
+  const pagers = set.index.length;
+  const lastRange = set.data.length === 1 ? liWidth : liWidth.slice(set.index[pagers - 2], set.index[pagers]);
+  if (lastRange.reduce((a, b) => a + b) > width) {
+    set.data.push(props.data[start]);
+    set.offset.push(`-${arr[start].offsetLeft}px`);
+  }
+  set.size = set.data.length;
+  state.pagerData = set;
 };
-export var mounted = function mounted(_ref4) {
-  var api = _ref4.api;
-  return function () {
+const reRender = ({ api, state, timeout }) => () => {
+  timeout && clearTimeout(timeout);
+  timeout = setTimeout(() => {
     api.computePx();
-    on(window, 'resize', api.reRender);
-  };
+  }, REFRESH_INTERVAL);
+  state.pager = 1;
 };
-export var beforeDestroy = function beforeDestroy(api) {
-  return function () {
-    return off(window, 'resize', api.reRender);
-  };
+const mounted = ({ api }) => () => {
+  api.computePx();
+  on(window, "resize", api.reRender);
 };
-export var computeLeft = function computeLeft(_ref5) {
-  var state = _ref5.state;
-  return function () {
-    return state.pagerData.offset[state.pager - 1];
-  };
+const beforeDestroy = (api) => () => off(window, "resize", api.reRender);
+const computeLeft = ({ state }) => () => state.pagerData.offset[state.pager - 1];
+const computeData = ({ props }) => () => {
+  if (Array.isArray(props.data) && props.data.length) {
+    props.data.forEach((level1) => {
+      level1.url = xss.filterUrl(level1.url);
+    });
+  }
+  return props.data;
+};
+export {
+  arrowClick,
+  beforeDestroy,
+  computeData,
+  computeLeft,
+  computePx,
+  mounted,
+  mouseout,
+  mouseover,
+  overContent,
+  reRender
 };
-export var computeData = function computeData(_ref6) {
-  var props = _ref6.props;
-  return function () {
-    if (Array.isArray(props.data) && props.data.length) {
-      props.data.forEach(function (level1) {
-        level1.url = xss.filterUrl(level1.url);
-      });
-    }
-    return props.data;
-  };
-};

package/fall-menu/vue.js

@@ -1,90 +1,44 @@
-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({
+import "../chunk-PKUHTIDK.js";
+import { mouseover, mouseout, computePx, reRender, arrowClick, overContent, mounted, beforeDestroy, computeLeft, computeData } from "./index";
+const api = ["state", "fall", "arrowClick", "mouseover", "mouseout", "overContent", "reRender", "left"];
+const initState = ({ reactive, computed, api: api2, props }) => {
+  const 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();
-    })
+    pagerData: { data: [], offset: [], index: [] },
+    left: computed(() => api2.computeLeft()),
+    data: computed(() => api2.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
-    }),
+const initApi = ({ api: api2, state, fall, props, refs }) => {
+  Object.assign(api2, {
+    fall,
+    state,
+    computePx: computePx({ props, refs, state }),
+    mounted: mounted({ api: api2 }),
+    computeLeft: computeLeft({ state }),
+    beforeDestroy: beforeDestroy(api2),
+    computeData: computeData({ props }),
     arrowClick: arrowClick(state),
     overContent: overContent(state),
     mouseout: mouseout(state),
-    mouseover: mouseover({
-      props: props,
-      fall: fall,
-      state: state
-    }),
-    reRender: reRender({
-      api: api,
-      state: state
-    })
+    mouseover: mouseover({ props, fall, state }),
+    reRender: reRender({ api: api2, 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;
-};
+const renderless = (props, { computed, reactive, onMounted, onBeforeUnmount, ref }, { refs }) => {
+  const api2 = {};
+  const fall = ref(null);
+  const state = initState({ reactive, computed, api: api2, props });
+  initApi({ api: api2, state, fall, props, refs });
+  onMounted(api2.mounted);
+  onBeforeUnmount(api2.beforeDestroy);
+  return api2;
+};
+export {
+  api,
+  renderless
+};