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

package/tabs/index.js

@@ -1,194 +1,145 @@
-export var calcPaneInstances = function calcPaneInstances(_ref) {
-  var constants = _ref.constants,
-    parent = _ref.parent,
-    state = _ref.state,
-    childrenHandler = _ref.childrenHandler;
-  return function () {
-    var isForceUpdate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    var tabItemVNodes = parent.$slots["default"];
-    if (tabItemVNodes) {
-      var currentPanes = [];
-      childrenHandler(function (_ref2) {
-        var vm = _ref2.vm,
-          isLevel1 = _ref2.isLevel1;
-        isLevel1 && vm.$options.componentName === constants.TAB_ITEM && currentPanes.push(vm);
-      });
-      var currentPaneStates = currentPanes.map(function (pane) {
-        return pane.state;
-      });
-      var paneStates = state.panes.map(function (pane) {
-        return pane.state;
-      });
-      var newPanes = [];
-      for (var i = 0; i < paneStates.length; i++) {
-        var paneState = paneStates[i];
-        var index = currentPaneStates.indexOf(paneState);
-        if (index > -1) {
-          newPanes.push(state.panes[i]);
-          currentPanes.splice(index, 1);
-          currentPaneStates.splice(index, 1);
-        }
-      }
-      newPanes = newPanes.concat(currentPanes);
-      var panesChanged = !(newPanes.length === state.panes.length && newPanes.every(function (pane, index) {
-        return pane.state === state.panes[index].state;
-      }));
-      if (isForceUpdate || panesChanged) {
-        state.panes = newPanes;
+import "../chunk-PKUHTIDK.js";
+const calcPaneInstances = ({ constants, parent, state, childrenHandler }) => (isForceUpdate = false) => {
+  const tabItemVNodes = parent.$slots.default;
+  if (tabItemVNodes) {
+    const currentPanes = [];
+    childrenHandler(({ vm, isLevel1 }) => {
+      isLevel1 && vm.$options.componentName === constants.TAB_ITEM && currentPanes.push(vm);
+    });
+    const currentPaneStates = currentPanes.map((pane) => pane.state);
+    const paneStates = state.panes.map((pane) => pane.state);
+    let newPanes = [];
+    for (let i = 0; i < paneStates.length; i++) {
+      const paneState = paneStates[i];
+      const index = currentPaneStates.indexOf(paneState);
+      if (index > -1) {
+        newPanes.push(state.panes[i]);
+        currentPanes.splice(index, 1);
+        currentPaneStates.splice(index, 1);
       }
-    } else if (state.panes.length !== 0) {
-      state.panes = [];
     }
-  };
-};
-export var calcMorePanes = function calcMorePanes(_ref3) {
-  var parent = _ref3.parent,
-    props = _ref3.props,
-    state = _ref3.state;
-  return function () {
-    if (!props.showMoreTabs) {
-      return;
+    newPanes = newPanes.concat(currentPanes);
+    const panesChanged = !(newPanes.length === state.panes.length && newPanes.every((pane, index) => pane.state === state.panes[index].state));
+    if (isForceUpdate || panesChanged) {
+      state.panes = newPanes;
     }
-    var el = parent.$el;
-    var tabs = el.querySelectorAll('.tiny-tabs__item');
-    if (tabs && tabs.length) {
-      var tabsHeaderWidth = el.querySelector('.tiny-tabs__nav-scroll').clientWidth + 15;
-      var tabsAllWidth = 0;
-      for (var i = 0, length = tabs.length; i < length; i++) {
-        var width = tabs[i].offsetWidth;
-        tabsAllWidth += width;
-        if (tabsAllWidth > tabsHeaderWidth) {
-          state.showPanesCount = i;
-          break;
-        }
+  } else if (state.panes.length !== 0) {
+    state.panes = [];
+  }
+};
+const calcMorePanes = ({ parent, props, state }) => () => {
+  if (!props.showMoreTabs) {
+    return;
+  }
+  const el = parent.$el;
+  const tabs = el.querySelectorAll(".tiny-tabs__item");
+  if (tabs && tabs.length) {
+    const tabsHeaderWidth = el.querySelector(".tiny-tabs__nav-scroll").clientWidth + 15;
+    let tabsAllWidth = 0;
+    for (let i = 0, length = tabs.length; i < length; i++) {
+      const width = tabs[i].offsetWidth;
+      tabsAllWidth += width;
+      if (tabsAllWidth > tabsHeaderWidth) {
+        state.showPanesCount = i;
+        break;
       }
     }
-  };
+  }
 };
-export var calcExpandPanes = function calcExpandPanes(_ref4) {
-  var parent = _ref4.parent,
-    props = _ref4.props,
-    state = _ref4.state;
-  return function () {
-    if (!props.showExpandTabs) {
-      return;
-    }
-    var el = parent.$el;
-    var tabsHeader = el.querySelector('.tiny-mobile-tabs__header');
-    if (tabsHeader) {
-      state.expandPanesWidth = tabsHeader.clientWidth;
-    }
-  };
+const calcExpandPanes = ({ parent, props, state }) => () => {
+  if (!props.showExpandTabs) {
+    return;
+  }
+  const el = parent.$el;
+  const tabsHeader = el.querySelector(".tiny-mobile-tabs__header");
+  if (tabsHeader) {
+    state.expandPanesWidth = tabsHeader.clientWidth;
+  }
 };
-export var handleTabClick = function handleTabClick(_ref5) {
-  var api = _ref5.api,
-    emit = _ref5.emit,
-    props = _ref5.props,
-    refs = _ref5.refs;
-  return function (pane, tabName, event) {
-    if (pane.disabled) {
-      return;
-    }
-    api.setCurrentName(tabName);
-    emit('click', pane, event);
-    if (props.showExpandTabs) {
-      refs.nav && refs.nav.expandTabHide();
-    }
-  };
+const handleTabClick = ({ api, emit, props, refs }) => (pane, tabName, event) => {
+  if (pane.disabled) {
+    return;
+  }
+  api.setCurrentName(tabName);
+  emit("click", pane, event);
+  if (props.showExpandTabs) {
+    refs.nav && refs.nav.expandTabHide();
+  }
 };
-export var handleTabRemove = function handleTabRemove(emit) {
-  return function (pane, event) {
-    if (pane.disabled) {
-      return;
-    }
-    event.stopPropagation();
-    emit('edit', pane.name, 'remove');
-    emit('close', pane.name);
-  };
+const handleTabRemove = (emit) => (pane, event) => {
+  if (pane.disabled) {
+    return;
+  }
+  event.stopPropagation();
+  emit("edit", pane.name, "remove");
+  emit("close", pane.name);
 };
-export var handleTabAdd = function handleTabAdd(emit) {
-  return function () {
-    emit('edit', null, 'add');
-    emit('add');
-  };
+const handleTabAdd = (emit) => () => {
+  emit("edit", null, "add");
+  emit("add");
 };
-export var setCurrentName = function setCurrentName(_ref6) {
-  var api = _ref6.api,
-    props = _ref6.props,
-    refs = _ref6.refs,
-    state = _ref6.state;
-  return function (value) {
-    api.changeDirection(state.currentName);
-    if (state.currentName !== value && props.beforeLeave) {
-      var before = props.beforeLeave(value, state.currentName);
-      if (before && before.then) {
-        before.then(function () {
-          api.changeCurrentName(value);
-          refs.nav && refs.nav.removeFocus(value);
-        });
-      } else if (before !== false) {
+const setCurrentName = ({ api, props, refs, state }) => (value) => {
+  api.changeDirection(state.currentName);
+  if (state.currentName !== value && props.beforeLeave) {
+    const before = props.beforeLeave(value, state.currentName);
+    if (before && before.then) {
+      before.then(() => {
         api.changeCurrentName(value);
-      }
-    } else {
+        refs.nav && refs.nav.removeFocus(value);
+      });
+    } else if (before !== false) {
       api.changeCurrentName(value);
     }
-  };
+  } else {
+    api.changeCurrentName(value);
+  }
 };
-export var changeCurrentName = function changeCurrentName(_ref7) {
-  var emit = _ref7.emit,
-    state = _ref7.state;
-  return function (value) {
-    state.currentName = value;
-    emit('update:modelValue', value);
-  };
+const changeCurrentName = ({ emit, state }) => (value) => {
+  state.currentName = value;
+  emit("update:modelValue", value);
 };
-export var created = function created(_ref8) {
-  var api = _ref8.api,
-    parent = _ref8.parent,
-    state = _ref8.state;
-  return function () {
-    if (!state.currentName) {
-      state.currentIndex = 0;
-      api.setCurrentName('0');
+const created = ({ api, parent, state }) => () => {
+  if (!state.currentName) {
+    state.currentIndex = 0;
+    api.setCurrentName("0");
+  }
+  api.changeDirection(state.currentName || "0");
+  parent.$on("tab-nav-update", api.calcPaneInstances.bind(null, true));
+};
+const changeDirection = ({ props, state }) => (currentName) => {
+  state.panes.forEach((item, index) => {
+    if (item.state.paneName === currentName && state.currentIndex !== index) {
+      const isTopOrBottom = ~["top", "bottom"].indexOf(props.position);
+      const isPrev = state.currentIndex < index;
+      state.direction = isTopOrBottom ? isPrev ? "right" : "left" : isPrev ? "bottom" : "top";
+      state.currentIndex = index;
     }
-    api.changeDirection(state.currentName || '0');
-    parent.$on('tab-nav-update', api.calcPaneInstances.bind(null, true));
-  };
+  });
 };
-export var changeDirection = function changeDirection(_ref9) {
-  var props = _ref9.props,
-    state = _ref9.state;
-  return function (currentName) {
-    state.panes.forEach(function (item, index) {
-      if (item.state.paneName === currentName && state.currentIndex !== index) {
-        var isTopOrBottom = ~['top', 'bottom'].indexOf(props.position);
-        var isPrev = state.currentIndex < index;
-        state.direction = isTopOrBottom ? isPrev ? 'right' : 'left' : isPrev ? 'bottom' : 'top';
-        state.currentIndex = index;
-      }
-    });
-  };
+const handleTabDragStart = ({ emit }) => (event) => {
+  emit("tab-drag-start", event);
+};
+const handleTabDragOver = ({ emit }) => (event) => {
+  emit("tab-drag-over", event);
 };
-export var handleTabDragStart = function handleTabDragStart(_ref10) {
-  var emit = _ref10.emit;
-  return function (event) {
-    emit('tab-drag-start', event);
-  };
+const handleTabDragEnd = ({ state, emit }) => (event) => {
+  const { oldDraggableIndex, newDraggableIndex } = event;
+  const panel = state.panes.splice(oldDraggableIndex, 1)[0];
+  state.panes.splice(newDraggableIndex, 0, panel);
+  emit("tab-drag-end", event);
 };
-export var handleTabDragOver = function handleTabDragOver(_ref11) {
-  var emit = _ref11.emit;
-  return function (event) {
-    emit('tab-drag-over', event);
-  };
+export {
+  calcExpandPanes,
+  calcMorePanes,
+  calcPaneInstances,
+  changeCurrentName,
+  changeDirection,
+  created,
+  handleTabAdd,
+  handleTabClick,
+  handleTabDragEnd,
+  handleTabDragOver,
+  handleTabDragStart,
+  handleTabRemove,
+  setCurrentName
 };
-export var handleTabDragEnd = function handleTabDragEnd(_ref12) {
-  var state = _ref12.state,
-    emit = _ref12.emit;
-  return function (event) {
-    var oldDraggableIndex = event.oldDraggableIndex,
-      newDraggableIndex = event.newDraggableIndex;
-    var panel = state.panes.splice(oldDraggableIndex, 1)[0];
-    state.panes.splice(newDraggableIndex, 0, panel);
-    emit('tab-drag-end', event);
-  };
-};

package/tabs/vue.js

@@ -1,151 +1,106 @@
-import { calcMorePanes, calcExpandPanes, calcPaneInstances, handleTabClick, handleTabAdd, handleTabRemove, setCurrentName, changeCurrentName, created, changeDirection, handleTabDragStart, handleTabDragOver, handleTabDragEnd } from './index';
-export var api = ['state', 'handleTabAdd', 'calcPaneInstances', 'handleTabRemove', 'handleTabClick', 'handleTabDragStart', 'handleTabDragOver', 'handleTabDragEnd', 'setCurrentName', 'getNavRefs'];
-var initState = function initState(_ref) {
-  var reactive = _ref.reactive,
-    props = _ref.props;
-  return reactive({
-    panes: [],
-    currentName: props.modelValue || props.activeName,
-    currentIndex: -1,
-    showPanesCount: -1,
-    startX: 0,
-    startY: 0,
-    deltaX: 0,
-    deltaY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    direction: '',
-    expandPanesWidth: ''
-  });
-};
-var initWatcher = function initWatcher(_ref2) {
-  var watch = _ref2.watch,
-    props = _ref2.props,
-    api = _ref2.api,
-    state = _ref2.state,
-    nextTick = _ref2.nextTick,
-    refs = _ref2.refs;
-  watch(function () {
-    return props.modelValue;
-  }, api.setCurrentName);
-  watch(function () {
-    return props.activeName;
-  }, api.setCurrentName);
-  watch(function () {
-    return state.currentName;
-  }, function () {
-    nextTick(function () {
-      refs.nav.scrollToActiveTab();
-    });
-  }, {
-    deep: true
-  });
-  watch(function () {
-    return props.showMoreTabs;
-  }, function (value) {
-    if (!value) {
-      state.morePanes = [];
-      state.showPanesCount = -1;
-    }
-  }, {
-    immediate: true
-  });
+import "../chunk-PKUHTIDK.js";
+import {
+  calcMorePanes,
+  calcExpandPanes,
+  calcPaneInstances,
+  handleTabClick,
+  handleTabAdd,
+  handleTabRemove,
+  setCurrentName,
+  changeCurrentName,
+  created,
+  changeDirection,
+  handleTabDragStart,
+  handleTabDragOver,
+  handleTabDragEnd
+} from "./index";
+const api = [
+  "state",
+  "handleTabAdd",
+  "calcPaneInstances",
+  "handleTabRemove",
+  "handleTabClick",
+  "handleTabDragStart",
+  "handleTabDragOver",
+  "handleTabDragEnd",
+  "setCurrentName",
+  "getNavRefs"
+];
+const initState = ({ reactive, props }) => reactive({
+  panes: [],
+  currentName: props.modelValue || props.activeName,
+  currentIndex: -1,
+  showPanesCount: -1,
+  startX: 0,
+  startY: 0,
+  deltaX: 0,
+  deltaY: 0,
+  offsetX: 0,
+  offsetY: 0,
+  direction: "",
+  expandPanesWidth: ""
+});
+const initWatcher = ({ watch, props, api: api2, state, nextTick, refs }) => {
+  watch(() => props.modelValue, api2.setCurrentName);
+  watch(() => props.activeName, api2.setCurrentName);
+  watch(
+    () => state.currentName,
+    () => {
+      nextTick(() => {
+        refs.nav.scrollToActiveTab();
+      });
+    },
+    { deep: true }
+  );
+  watch(
+    () => props.showMoreTabs,
+    (value) => {
+      if (!value) {
+        state.morePanes = [];
+        state.showPanesCount = -1;
+      }
+    },
+    { immediate: true }
+  );
 };
-export var renderless = function renderless(props, _ref3, _ref4) {
-  var onMounted = _ref3.onMounted,
-    onUpdated = _ref3.onUpdated,
-    provide = _ref3.provide,
-    reactive = _ref3.reactive,
-    watch = _ref3.watch;
-  var refs = _ref4.refs,
-    parent = _ref4.parent,
-    emit = _ref4.emit,
-    constants = _ref4.constants,
-    nextTick = _ref4.nextTick,
-    childrenHandler = _ref4.childrenHandler;
-  var api = {};
-  var state = initState({
-    reactive: reactive,
-    props: props
-  });
-  Object.assign(api, {
-    state: state,
+const renderless = (props, { onMounted, onUpdated, provide, reactive, watch }, { refs, parent, emit, constants, nextTick, childrenHandler }) => {
+  const api2 = {};
+  const state = initState({ reactive, props });
+  Object.assign(api2, {
+    state,
     handleTabAdd: handleTabAdd(emit),
     handleTabRemove: handleTabRemove(emit),
-    changeDirection: changeDirection({
-      props: props,
-      state: state
-    }),
-    changeCurrentName: changeCurrentName({
-      emit: emit,
-      state: state
-    }),
-    calcMorePanes: calcMorePanes({
-      parent: parent,
-      props: props,
-      state: state
-    }),
-    calcExpandPanes: calcExpandPanes({
-      parent: parent,
-      props: props,
-      state: state
-    }),
-    calcPaneInstances: calcPaneInstances({
-      constants: constants,
-      parent: parent,
-      state: state,
-      childrenHandler: childrenHandler
-    }),
-    handleTabDragStart: handleTabDragStart({
-      emit: emit
-    }),
-    handleTabDragOver: handleTabDragOver({
-      emit: emit
-    }),
-    handleTabDragEnd: handleTabDragEnd({
-      state: state,
-      emit: emit
-    }),
-    handleTabClick: handleTabClick({
-      api: api,
-      emit: emit,
-      props: props,
-      refs: refs
-    }),
-    setCurrentName: setCurrentName({
-      api: api,
-      props: props,
-      refs: refs,
-      state: state
-    }),
-    created: created({
-      api: api,
-      parent: parent,
-      state: state
-    })
-  });
-  api.created();
-  provide('rootTabs', parent);
-  initWatcher({
-    watch: watch,
-    props: props,
-    api: api,
-    state: state,
-    nextTick: nextTick,
-    refs: refs
+    changeDirection: changeDirection({ props, state }),
+    changeCurrentName: changeCurrentName({ emit, state }),
+    calcMorePanes: calcMorePanes({ parent, props, state }),
+    calcExpandPanes: calcExpandPanes({ parent, props, state }),
+    calcPaneInstances: calcPaneInstances({ constants, parent, state, childrenHandler }),
+    handleTabDragStart: handleTabDragStart({ emit }),
+    handleTabDragOver: handleTabDragOver({ emit }),
+    handleTabDragEnd: handleTabDragEnd({ state, emit }),
+    handleTabClick: handleTabClick({ api: api2, emit, props, refs }),
+    setCurrentName: setCurrentName({ api: api2, props, refs, state }),
+    created: created({ api: api2, parent, state })
   });
+  api2.created();
+  provide("rootTabs", parent);
+  initWatcher({ watch, props, api: api2, state, nextTick, refs });
   if (!state.currentName) {
-    api.setCurrentName('0');
+    api2.setCurrentName("0");
   }
-  onMounted(function () {
-    api.calcPaneInstances();
-    api.calcMorePanes();
-    api.calcExpandPanes();
+  onMounted(() => {
+    api2.calcPaneInstances();
+    api2.calcMorePanes();
+    api2.calcExpandPanes();
   });
-  onUpdated(function () {
-    api.calcPaneInstances();
-    api.calcMorePanes();
-    api.calcExpandPanes();
+  onUpdated(() => {
+    api2.calcPaneInstances();
+    api2.calcMorePanes();
+    api2.calcExpandPanes();
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/tag/index.js

@@ -1,19 +1,14 @@
-export var handleClose = function handleClose(_ref) {
-  var emit = _ref.emit,
-    props = _ref.props;
-  return function (event) {
-    event.stopPropagation();
-    var close = function close() {
-      return emit('close', event);
-    };
-    props.beforeDelete ? props.beforeDelete(close) : close();
-  };
+import "../chunk-PKUHTIDK.js";
+const handleClose = ({ emit, props }) => (event) => {
+  event.stopPropagation();
+  const close = () => emit("close", event);
+  props.beforeDelete ? props.beforeDelete(close) : close();
+};
+const handleClick = ({ emit, parent }) => (event) => {
+  parent.$parent && parent.$parent.tagSelectable && event.stopPropagation();
+  emit("click", event);
+};
+export {
+  handleClick,
+  handleClose
 };
-export var handleClick = function handleClick(_ref2) {
-  var emit = _ref2.emit,
-    parent = _ref2.parent;
-  return function (event) {
-    parent.$parent && parent.$parent.tagSelectable && event.stopPropagation();
-    emit('click', event);
-  };
-};

package/tag/vue.js

@@ -1,16 +1,11 @@
-import { handleClose, handleClick } from './index';
-export var api = ['handleClose', 'handleClick'];
-export var renderless = function renderless(props, hooks, _ref) {
-  var emit = _ref.emit,
-    parent = _ref.parent;
-  return {
-    handleClose: handleClose({
-      emit: emit,
-      props: props
-    }),
-    handleClick: handleClick({
-      emit: emit,
-      parent: parent
-    })
-  };
-};
+import "../chunk-PKUHTIDK.js";
+import { handleClose, handleClick } from "./index";
+const api = ["handleClose", "handleClick"];
+const renderless = (props, hooks, { emit, parent }) => ({
+  handleClose: handleClose({ emit, props }),
+  handleClick: handleClick({ emit, parent })
+});
+export {
+  api,
+  renderless
+};