@opentiny/vue-renderless 3.6.0-alpha.1 → 3.6.1-alpha.0

package/steps/vue.js

@@ -1,4 +1,9 @@
-export var api = [];
-export var renderless = function renderless() {
+import "../chunk-PKUHTIDK.js";
+const api = [];
+const renderless = function() {
   return {};
-};
+};
+export {
+  api,
+  renderless
+};

package/switch/index.js

@@ -1,48 +1,40 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { isNull } from '@opentiny/vue-renderless/common/type';
-export var toggle = function toggle(_ref) {
-  var emit = _ref.emit,
-    props = _ref.props,
-    state = _ref.state;
-  return function (event) {
-    event.preventDefault();
-    if (state.disabled) {
-      return false;
-    }
-    var change = function change() {
-      state.currentValue = state.currentValue === props.trueValue ? props.falseValue : props.trueValue;
-      emit('update:modelValue', state.currentValue);
-      emit('change', state.currentValue);
-    };
-    props.beforeChange ? props.beforeChange(change) : change();
+import "../chunk-PKUHTIDK.js";
+import { isNull } from "@opentiny/vue-renderless/common/type";
+const toggle = ({ emit, props, state }) => (event) => {
+  event.preventDefault();
+  if (state.disabled) {
+    return false;
+  }
+  const change = () => {
+    state.currentValue = state.currentValue === props.trueValue ? props.falseValue : props.trueValue;
+    emit("update:modelValue", state.currentValue);
+    emit("change", state.currentValue);
   };
+  props.beforeChange ? props.beforeChange(change) : change();
 };
-export var computedWarpClasses = function computedWarpClasses(_ref2) {
-  var prefixCls = _ref2.prefixCls,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var _ref3;
-    return ["".concat(prefixCls), (_ref3 = {}, _defineProperty(_ref3, "".concat(prefixCls, "-checked"), state.currentValue === props.trueValue), _defineProperty(_ref3, "".concat(prefixCls, "-disabled"), state.disabled), _defineProperty(_ref3, "mini", props.mini), _defineProperty(_ref3, "disabled", state.disabled), _ref3)];
+const computedWarpClasses = ({ prefixCls, props, state }) => () => [
+  `${prefixCls}`,
+  {
+    [`${prefixCls}-checked`]: state.currentValue === props.trueValue,
+    [`${prefixCls}-disabled`]: state.disabled,
+    mini: props.mini,
+    disabled: state.disabled
+  }
+];
+const computedInnerClasses = ({ prefixCls }) => () => `${prefixCls}-inner`;
+const computedStyle = ({ props, state }) => () => {
+  let size = "";
+  if (!isNull(props.modelValue)) {
+    size = typeof props.modelValue === "number" ? `${props.modelValue}px` : props.modelValue;
+  }
+  return {
+    fontSize: size,
+    backgroundColor: props.trueValue === state.currentValue ? props.activeColor : props.inactiveColor
   };
 };
-export var computedInnerClasses = function computedInnerClasses(_ref4) {
-  var prefixCls = _ref4.prefixCls;
-  return function () {
-    return "".concat(prefixCls, "-inner");
-  };
+export {
+  computedInnerClasses,
+  computedStyle,
+  computedWarpClasses,
+  toggle
 };
-export var computedStyle = function computedStyle(_ref5) {
-  var props = _ref5.props,
-    state = _ref5.state;
-  return function () {
-    var size = '';
-    if (!isNull(props.modelValue)) {
-      size = typeof props.modelValue === 'number' ? "".concat(props.modelValue, "px") : props.modelValue;
-    }
-    return {
-      fontSize: size,
-      backgroundColor: props.trueValue === state.currentValue ? props.activeColor : props.inactiveColor
-    };
-  };
-};

package/switch/vue.js

@@ -1,62 +1,36 @@
-import { toggle, computedWarpClasses, computedInnerClasses, computedStyle } from './index';
-export var api = ['toggle', 'state'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    watch = _ref.watch,
-    reactive = _ref.reactive,
-    inject = _ref.inject;
-  var parent = _ref2.parent,
-    constants = _ref2.constants,
-    mode = _ref2.mode,
-    emit = _ref2.emit;
-  var prefixCls = constants.prefixcls(mode);
-  parent.tinyForm = parent.tinyForm || inject('form', null);
-  var api = {
-    computedInnerClasses: computedInnerClasses({
-      prefixCls: prefixCls
-    })
+import "../chunk-PKUHTIDK.js";
+import { toggle, computedWarpClasses, computedInnerClasses, computedStyle } from "./index";
+const api = ["toggle", "state"];
+const renderless = (props, { computed, watch, reactive, inject }, { parent, constants, mode, emit }) => {
+  const prefixCls = constants.prefixcls(mode);
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  const api2 = {
+    computedInnerClasses: computedInnerClasses({ prefixCls })
   };
-  var state = reactive({
+  const state = reactive({
     currentValue: props.modelValue,
-    innerClasses: computed(function () {
-      return api.computedInnerClasses();
-    }),
-    wrapClasses: computed(function () {
-      return api.computedWarpClasses();
-    }),
-    style: computed(function () {
-      return api.computedStyle();
-    }),
-    formDisabled: computed(function () {
-      return (parent.tinyForm || {}).disabled;
-    }),
-    disabled: computed(function () {
-      return props.disabled || state.formDisabled;
-    })
+    innerClasses: computed(() => api2.computedInnerClasses()),
+    wrapClasses: computed(() => api2.computedWarpClasses()),
+    style: computed(() => api2.computedStyle()),
+    formDisabled: computed(() => (parent.tinyForm || {}).disabled),
+    disabled: computed(() => props.disabled || state.formDisabled)
   });
-  Object.assign(api, {
-    state: state,
-    computedStyle: computedStyle({
-      props: props,
-      state: state
-    }),
-    computedWarpClasses: computedWarpClasses({
-      prefixCls: prefixCls,
-      props: props,
-      state: state
-    }),
-    toggle: toggle({
-      emit: emit,
-      props: props,
-      state: state
-    })
+  Object.assign(api2, {
+    state,
+    computedStyle: computedStyle({ props, state }),
+    computedWarpClasses: computedWarpClasses({ prefixCls, props, state }),
+    toggle: toggle({ emit, props, state })
   });
-  watch(function () {
-    return props.modelValue;
-  }, function (value) {
-    state.currentValue = typeof props.falseValue !== 'boolean' || typeof props.trueValue !== 'boolean' ? value : Boolean(value);
-  }, {
-    immediate: true
-  });
-  return api;
-};
+  watch(
+    () => props.modelValue,
+    (value) => {
+      state.currentValue = typeof props.falseValue !== "boolean" || typeof props.trueValue !== "boolean" ? value : Boolean(value);
+    },
+    { immediate: true }
+  );
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/tab-bar/index.js

@@ -1,51 +1,53 @@
-import { POSITION } from '@opentiny/vue-renderless/common';
-import { capitalize } from '@opentiny/vue-renderless/common/string';
-export var computedBarStyle = function computedBarStyle(parent) {
-  return function (props, state) {
-    var style = {};
-    var offset = 0;
-    var tabSize = 0;
-    var sizeName = ~[POSITION.Top, POSITION.Bottom].indexOf(state.rootTabs.position) ? 'width' : 'height';
-    var sizeDir = sizeName === 'width' ? 'x' : 'y';
-    props.tabs.every(function (_ref) {
-      var state = _ref.state;
-      var $el = parent.$refs["tabs-".concat(state.paneName)];
-      if (!$el) return false;
-      if (!state.active) {
-        if ($el["client".concat(capitalize(sizeName))] === 0) {
-          var unactive = $el.cloneNode(true);
-          document.body.appendChild(unactive);
-          var unactiveSty = window.getComputedStyle(unactive);
-          offset += parseFloat(unactiveSty.width) - parseFloat(unactiveSty.paddingRight);
-          document.body.removeChild(unactive);
-        } else {
-          offset += $el["client".concat(capitalize(sizeName))];
-        }
-        return true;
+import "../chunk-PKUHTIDK.js";
+import { POSITION } from "@opentiny/vue-renderless/common";
+import { capitalize } from "@opentiny/vue-renderless/common/string";
+const computedBarStyle = (parent) => (props, state) => {
+  const style = {};
+  let offset = 0;
+  let tabSize = 0;
+  const sizeName = ~[POSITION.Top, POSITION.Bottom].indexOf(state.rootTabs.position) ? "width" : "height";
+  const sizeDir = sizeName === "width" ? "x" : "y";
+  props.tabs.every(({ state: state2 }) => {
+    const $el = parent.$refs[`tabs-${state2.paneName}`];
+    if (!$el)
+      return false;
+    if (!state2.active) {
+      if ($el[`client${capitalize(sizeName)}`] === 0) {
+        const unactive = $el.cloneNode(true);
+        document.body.appendChild(unactive);
+        const unactiveSty = window.getComputedStyle(unactive);
+        offset += parseFloat(unactiveSty.width) - parseFloat(unactiveSty.paddingRight);
+        document.body.removeChild(unactive);
       } else {
-        var copyEl = $el.cloneNode(true);
-        var eleStyle = window.getComputedStyle(copyEl);
-        tabSize = $el["client".concat(capitalize(sizeName))];
-        if (tabSize === 0) {
+        offset += $el[`client${capitalize(sizeName)}`];
+      }
+      return true;
+    } else {
+      const copyEl = $el.cloneNode(true);
+      const eleStyle = window.getComputedStyle(copyEl);
+      tabSize = $el[`client${capitalize(sizeName)}`];
+      if (tabSize === 0) {
+        document.body.appendChild(copyEl);
+        tabSize = parseFloat(eleStyle.width) - parseFloat(eleStyle.paddingLeft) - parseFloat(eleStyle.paddingRight);
+        document.body.removeChild(copyEl);
+      } else {
+        if (sizeName === "width") {
           document.body.appendChild(copyEl);
-          tabSize = parseFloat(eleStyle.width) - parseFloat(eleStyle.paddingLeft) - parseFloat(eleStyle.paddingRight);
+          tabSize -= parseFloat(eleStyle.paddingRight);
           document.body.removeChild(copyEl);
-        } else {
-          if (sizeName === 'width') {
-            document.body.appendChild(copyEl);
-            tabSize -= parseFloat(eleStyle.paddingRight);
-            document.body.removeChild(copyEl);
-            return false;
-          }
+          return false;
         }
       }
-      return false;
-    });
-    var transform = "translate".concat(capitalize(sizeDir), "(").concat(offset, "px)");
-    style[sizeName] = tabSize + 'px';
-    style.transform = transform;
-    style.msTransform = transform;
-    style.webkitTransform = transform;
-    return style;
-  };
-};
+    }
+    return false;
+  });
+  const transform = `translate${capitalize(sizeDir)}(${offset}px)`;
+  style[sizeName] = tabSize + "px";
+  style.transform = transform;
+  style.msTransform = transform;
+  style.webkitTransform = transform;
+  return style;
+};
+export {
+  computedBarStyle
+};

package/tab-bar/vue.js

@@ -1,16 +1,18 @@
-import { computedBarStyle } from './index';
-export var api = ['state', 'computedBarStyle'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var inject = _ref.inject,
-    reactive = _ref.reactive;
-  var parent = _ref2.parent;
-  var state = reactive({
-    rootTabs: inject('rootTabs'),
+import "../chunk-PKUHTIDK.js";
+import { computedBarStyle } from "./index";
+const api = ["state", "computedBarStyle"];
+const renderless = (props, { inject, reactive }, { parent }) => {
+  const state = reactive({
+    rootTabs: inject("rootTabs"),
     barStyle: {}
   });
-  var api = {
-    state: state,
+  const api2 = {
+    state,
     computedBarStyle: computedBarStyle(parent)
   };
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/tab-dropdown/index.js

@@ -1,11 +1,12 @@
-export var handleClick = function handleClick(state) {
-  return function (name) {
-    state.rootTabs.setCurrentName(name);
-    state.hide = true;
-  };
+import "../chunk-PKUHTIDK.js";
+const handleClick = (state) => (name) => {
+  state.rootTabs.setCurrentName(name);
+  state.hide = true;
+};
+const setDropdownTabs = (state) => (data) => {
+  state.dropdownTabs = data;
+};
+export {
+  handleClick,
+  setDropdownTabs
 };
-export var setDropdownTabs = function setDropdownTabs(state) {
-  return function (data) {
-    state.dropdownTabs = data;
-  };
-};

package/tab-dropdown/vue.js

@@ -1,17 +1,20 @@
-import { handleClick, setDropdownTabs } from './index';
-export var api = ['state', 'handleClick', ' setDropdownTabs'];
-export var renderless = function renderless(props, _ref) {
-  var inject = _ref.inject,
-    reactive = _ref.reactive;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { handleClick, setDropdownTabs } from "./index";
+const api = ["state", "handleClick", " setDropdownTabs"];
+const renderless = (props, { inject, reactive }) => {
+  const state = reactive({
     hide: true,
     dropdownTabs: props.tabs || [],
-    rootTabs: inject('rootTabs')
+    rootTabs: inject("rootTabs")
   });
-  var api = {
-    state: state,
+  const api2 = {
+    state,
     handleClick: handleClick(state),
     setDropdownTabs: setDropdownTabs(state)
   };
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/tab-item/index.js

@@ -1,37 +1,22 @@
-export var computedIsClosable = function computedIsClosable(_ref) {
-  var parent = _ref.parent,
-    props = _ref.props;
-  return function () {
-    return props.withClose || parent.withClose;
-  };
+import "../chunk-PKUHTIDK.js";
+const computedIsClosable = ({ parent, props }) => () => props.withClose || parent.withClose;
+const computedActive = ({ parent, nextTick, props, state }) => () => {
+  const active = parent.state.currentName === (props.name || state.index);
+  if (active) {
+    state.loaded = true;
+    nextTick(() => {
+      state.animateShow = true;
+    });
+  } else {
+    state.animateShow = false;
+  }
+  return active;
 };
-export var computedActive = function computedActive(_ref2) {
-  var parent = _ref2.parent,
-    nextTick = _ref2.nextTick,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var active = parent.state.currentName === (props.name || state.index);
-    if (active) {
-      state.loaded = true;
-      nextTick(function () {
-        state.animateShow = true;
-      });
-    } else {
-      state.animateShow = false;
-    }
-    return active;
-  };
+const computedPaneName = ({ props, state }) => () => props.name || state.index;
+const watchTitle = (parent) => () => parent.$emit("tab-nav-update");
+export {
+  computedActive,
+  computedIsClosable,
+  computedPaneName,
+  watchTitle
 };
-export var computedPaneName = function computedPaneName(_ref3) {
-  var props = _ref3.props,
-    state = _ref3.state;
-  return function () {
-    return props.name || state.index;
-  };
-};
-export var watchTitle = function watchTitle(parent) {
-  return function () {
-    return parent.$emit('tab-nav-update');
-  };
-};

package/tab-item/vue.js

@@ -1,49 +1,29 @@
-import { computedIsClosable, computedActive, computedPaneName, watchTitle } from './index';
-export var api = ['state'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    inject = _ref.inject,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var parent = _ref2.parent,
-    nextTick = _ref2.nextTick;
-  var api = {
+import "../chunk-PKUHTIDK.js";
+import { computedIsClosable, computedActive, computedPaneName, watchTitle } from "./index";
+const api = ["state"];
+const renderless = (props, { computed, inject, reactive, watch }, { parent, nextTick }) => {
+  const api2 = {
     watchTitle: watchTitle(parent),
-    computedIsClosable: computedIsClosable({
-      parent: parent,
-      props: props
-    })
+    computedIsClosable: computedIsClosable({ parent, props })
   };
-  var state = reactive({
+  const state = reactive({
     index: null,
     loaded: false,
     animateShow: true,
-    rootTabs: inject('rootTabs'),
-    active: computed(function () {
-      return api.computedActive();
-    }),
-    paneName: computed(function () {
-      return api.computedPaneName();
-    }),
-    isClosable: computed(function () {
-      return api.computedIsClosable();
-    })
+    rootTabs: inject("rootTabs"),
+    active: computed(() => api2.computedActive()),
+    paneName: computed(() => api2.computedPaneName()),
+    isClosable: computed(() => api2.computedIsClosable())
   });
-  Object.assign(api, {
-    state: state,
-    computedActive: computedActive({
-      parent: parent,
-      nextTick: nextTick,
-      props: props,
-      state: state
-    }),
-    computedPaneName: computedPaneName({
-      props: props,
-      state: state
-    })
+  Object.assign(api2, {
+    state,
+    computedActive: computedActive({ parent, nextTick, props, state }),
+    computedPaneName: computedPaneName({ props, state })
   });
-  watch(function () {
-    return props.title;
-  }, api.watchTitle);
-  return api;
-};
+  watch(() => props.title, api2.watchTitle);
+  return api2;
+};
+export {
+  api,
+  renderless
+};