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

package/tabbar/index.js

@@ -1,32 +1,25 @@
-export var setActiveItem = function setActiveItem(_ref) {
-  var props = _ref.props,
-    state = _ref.state;
-  return function () {
-    state.children.forEach(function (item, index) {
-      item.state ? item.state.index = index : item.index = index;
-      item.state && (item.state.active = (item.name || index) === props.modelValue);
-    });
-  };
+import "../chunk-PKUHTIDK.js";
+const setActiveItem = ({ props, state }) => () => {
+  state.children.forEach((item, index) => {
+    item.state ? item.state.index = index : item.index = index;
+    item.state && (item.state.active = (item.name || index) === props.modelValue);
+  });
 };
-export var onChange = function onChange(_ref2) {
-  var emit = _ref2.emit,
-    props = _ref2.props;
-  return function (active) {
-    if (active !== props.modelValue) {
-      emit('update:modelValue', active);
-      emit('change', active);
-    }
-  };
+const onChange = ({ emit, props }) => (active) => {
+  if (active !== props.modelValue) {
+    emit("update:modelValue", active);
+    emit("change", active);
+  }
+};
+const getChildrens = ({ childrenHandler }) => () => {
+  const $children = [];
+  childrenHandler(({ options, vm }) => {
+    options.componentName === "TinyTabbarItem" && $children.push(vm);
+  });
+  return $children;
+};
+export {
+  getChildrens,
+  onChange,
+  setActiveItem
 };
-export var getChildrens = function getChildrens(_ref3) {
-  var childrenHandler = _ref3.childrenHandler;
-  return function () {
-    var $children = [];
-    childrenHandler(function (_ref4) {
-      var options = _ref4.options,
-        vm = _ref4.vm;
-      options.componentName === 'TinyTabbarItem' && $children.push(vm);
-    });
-    return $children;
-  };
-};

package/tabbar/vue.js

@@ -1,54 +1,31 @@
-import { setActiveItem, onChange, getChildrens } from './index';
-export var api = ['state', 'onChange', 'getChildrens'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    onMounted = _ref.onMounted,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var refs = _ref2.refs,
-    emit = _ref2.emit,
-    nextTick = _ref2.nextTick,
-    childrenHandler = _ref2.childrenHandler;
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { setActiveItem, onChange, getChildrens } from "./index";
+const api = ["state", "onChange", "getChildrens"];
+const renderless = (props, { computed, onMounted, reactive, watch }, { refs, emit, nextTick, childrenHandler }) => {
+  const state = reactive({
     height: null,
     children: [],
-    fit: computed(function () {
-      return props.safeAreaInsetBottom !== null ? props.safeAreaInsetBottom : props.fixed;
-    })
+    fit: computed(() => props.safeAreaInsetBottom !== null ? props.safeAreaInsetBottom : props.fixed)
   });
-  var api = {
-    state: state,
-    onChange: onChange({
-      emit: emit,
-      props: props
-    }),
-    parent: computed(function () {
-      return api.getParent();
-    }),
-    setActiveItem: setActiveItem({
-      props: props,
-      state: state
-    }),
-    getChildrens: getChildrens({
-      childrenHandler: childrenHandler
-    })
+  const api2 = {
+    state,
+    onChange: onChange({ emit, props }),
+    parent: computed(() => api2.getParent()),
+    setActiveItem: setActiveItem({ props, state }),
+    getChildrens: getChildrens({ childrenHandler })
   };
-  onMounted(function () {
+  onMounted(() => {
     if (props.placeholder && props.fixed) {
-      nextTick(function () {
+      nextTick(() => {
         state.height = refs.tabbar.getBoundingClientRect().height;
       });
     }
   });
-  watch(function () {
-    return props.modelValue;
-  }, api.setActiveItem, {
-    immediate: true
-  });
-  watch(function () {
-    return state.children;
-  }, api.setActiveItem, {
-    immediate: true
-  });
-  return api;
-};
+  watch(() => props.modelValue, api2.setActiveItem, { immediate: true });
+  watch(() => state.children, api2.setActiveItem, { immediate: true });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/tabbar-item/index.js

@@ -1,55 +1,43 @@
-import { isObject, isNull } from '@opentiny/vue-renderless/common/type';
-export var getRouteActive = function getRouteActive(_ref) {
-  var props = _ref.props,
-    route = _ref.route;
-  return function () {
-    if (props.to && route) {
-      var config = isObject(props.to) ? props.to : {
-        path: props.to
-      };
-      var pathMatched = config.path === route.path;
-      var nameMatched = !isNull(config.name) && config.name === route.name;
-      return pathMatched || nameMatched;
-    }
-  };
+import "../chunk-PKUHTIDK.js";
+import { isObject, isNull } from "@opentiny/vue-renderless/common/type";
+const getRouteActive = ({ props, route }) => () => {
+  if (props.to && route) {
+    const config = isObject(props.to) ? props.to : { path: props.to };
+    const pathMatched = config.path === route.path;
+    const nameMatched = !isNull(config.name) && config.name === route.name;
+    return pathMatched || nameMatched;
+  }
 };
-export var onClick = function onClick(_ref2) {
-  var api = _ref2.api,
-    emit = _ref2.emit,
-    parent = _ref2.parent,
-    props = _ref2.props,
-    router = _ref2.router,
-    state = _ref2.state;
-  return function () {
-    parent.$parent.onChange(props.name || parent.index || state.index);
-    emit('click', event);
-    api.routeTab(router);
-  };
+const onClick = ({ api, emit, parent, props, router, state }) => () => {
+  parent.$parent.onChange(props.name || parent.index || state.index);
+  emit("click", event);
+  api.routeTab(router);
 };
-export var bindChildren = function bindChildren(parent) {
-  return function () {
-    if (!parent.$parent) {
-      return;
-    }
-    parent.$parent.state.children = parent.$parent.getChildrens();
-  };
+const bindChildren = (parent) => () => {
+  if (!parent.$parent) {
+    return;
+  }
+  parent.$parent.state.children = parent.$parent.getChildrens();
 };
-export var routeTab = function routeTab(props, state) {
-  return function (router) {
-    var to = props.to,
-      replace = props.replace;
-    var url = state.url;
-    if (to && router) {
-      var promise = router[replace ? 'replace' : 'push'](to);
-      if (promise && promise["catch"]) {
-        promise["catch"](function (err) {
-          if (err && err.name !== 'NavigationDuplicated') {
-            throw err;
-          }
-        });
-      }
-    } else if (url) {
-      replace ? location.replace(url) : location.href = url;
+const routeTab = (props, state) => (router) => {
+  const { to, replace } = props;
+  const { url } = state;
+  if (to && router) {
+    const promise = router[replace ? "replace" : "push"](to);
+    if (promise && promise.catch) {
+      promise.catch((err) => {
+        if (err && err.name !== "NavigationDuplicated") {
+          throw err;
+        }
+      });
     }
-  };
-};
+  } else if (url) {
+    replace ? location.replace(url) : location.href = url;
+  }
+};
+export {
+  bindChildren,
+  getRouteActive,
+  onClick,
+  routeTab
+};

package/tabbar-item/vue.js

@@ -1,53 +1,28 @@
-import { getRouteActive, onClick, bindChildren, routeTab } from './index';
-import { xss } from '@opentiny/vue-renderless/common/xss.js';
-export var api = ['state', 'onClick'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    onMounted = _ref.onMounted,
-    reactive = _ref.reactive;
-  var parent = _ref2.parent,
-    emit = _ref2.emit,
-    nextTick = _ref2.nextTick,
-    route = _ref2.route,
-    router = _ref2.router;
-  var api = {};
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { getRouteActive, onClick, bindChildren, routeTab } from "./index";
+import { xss } from "@opentiny/vue-renderless/common/xss.js";
+const api = ["state", "onClick"];
+const renderless = (props, { computed, onMounted, reactive }, { parent, emit, nextTick, route, router }) => {
+  const api2 = {};
+  const state = reactive({
     active: false,
-    info: computed(function () {
-      return props.dot ? '' : !props.dot && props.badge;
-    }),
-    url: computed(function () {
-      return xss.filterUrl(props.url);
-    }),
-    routeActive: computed(function () {
-      return api.getRouteActive();
-    }),
-    renderActive: computed(function () {
-      return parent.$parent.route ? state.routeActive : state.active;
-    }),
-    renderColor: computed(function () {
-      return parent.$parent[state.active ? 'activeColor' : 'inactiveColor'];
-    })
+    info: computed(() => props.dot ? "" : !props.dot && props.badge),
+    url: computed(() => xss.filterUrl(props.url)),
+    routeActive: computed(() => api2.getRouteActive()),
+    renderActive: computed(() => parent.$parent.route ? state.routeActive : state.active),
+    renderColor: computed(() => parent.$parent[state.active ? "activeColor" : "inactiveColor"])
   });
-  Object.assign(api, {
-    state: state,
+  Object.assign(api2, {
+    state,
     bindChildren: bindChildren(parent),
     routeTab: routeTab(props, state),
-    getRouteActive: getRouteActive({
-      props: props,
-      route: route
-    }),
-    onClick: onClick({
-      api: api,
-      emit: emit,
-      parent: parent,
-      props: props,
-      router: router,
-      state: state
-    })
+    getRouteActive: getRouteActive({ props, route }),
+    onClick: onClick({ api: api2, emit, parent, props, router, state })
   });
-  onMounted(function () {
-    return nextTick(api.bindChildren);
-  });
-  return api;
-};
+  onMounted(() => nextTick(api2.bindChildren));
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/table/index.js

@@ -1,111 +1,77 @@
-export var computedCheckableData = function computedCheckableData(_ref) {
-  var props = _ref.props;
-  return function () {
-    return props.data.filter(function (item) {
-      return !item.disabled;
-    });
-  };
+import "../chunk-PKUHTIDK.js";
+const computedCheckableData = ({ props }) => () => props.data.filter((item) => !item.disabled);
+const computedSelectedKeys = ({ props, state }) => () => {
+  const keys = [];
+  state.checkableData.forEach((item) => keys.push(item[props.keys]));
+  return keys;
 };
-export var computedSelectedKeys = function computedSelectedKeys(_ref2) {
-  var props = _ref2.props,
-    state = _ref2.state;
-  return function () {
-    var keys = [];
-    state.checkableData.forEach(function (item) {
-      return keys.push(item[props.keys]);
-    });
-    return keys;
-  };
+const computedSelectCls = ({ state }) => () => {
+  if (state.selected.length > 0 && state.selected.length >= state.checkableData.length) {
+    return "checked-sur";
+  } else if (state.selected.length > 0 && state.selected.length < state.checkableData.length) {
+    return "halfselect";
+  }
+  return "check";
 };
-export var computedSelectCls = function computedSelectCls(_ref3) {
-  var state = _ref3.state;
-  return function () {
-    if (state.selected.length > 0 && state.selected.length >= state.checkableData.length) {
-      return 'checked-sur';
-    } else if (state.selected.length > 0 && state.selected.length < state.checkableData.length) {
-      return 'halfselect';
+const watchDefaultChecked = ({ props, state }) => (value, oldvalue) => {
+  if (oldvalue && value.length === oldvalue.length && value.every((item) => oldvalue.includes(item))) {
+    return;
+  }
+  const checked = [];
+  state.checkableData.forEach((item) => {
+    const index = value.indexOf(item[props.keys]);
+    if (~index) {
+      checked.push(item);
     }
-    return 'check';
-  };
+  });
+  state.selected = checked;
+  state.checkedChangeByUser = false;
 };
-export var watchDefaultChecked = function watchDefaultChecked(_ref4) {
-  var props = _ref4.props,
-    state = _ref4.state;
-  return function (value, oldvalue) {
-    if (oldvalue && value.length === oldvalue.length && value.every(function (item) {
-      return oldvalue.indexOf(item) > -1;
-    })) {
-      return;
-    }
-    var checked = [];
-    state.checkableData.forEach(function (item) {
-      var index = value.indexOf(item[props.keys]);
-      if (~index) {
-        checked.push(item);
-      }
-    });
-    state.selected = checked;
-    state.checkedChangeByUser = false;
-  };
+const watchSelected = ({ emit, props, state }) => (value, oldvalue) => {
+  const keys = [];
+  value.forEach((item) => keys.push(item[props.keys]));
+  if (state.checkedChangeByUser) {
+    const movedKeys = value.concat(oldvalue).filter((item) => !value.includes(item) || !oldvalue.includes(item));
+    emit("checked-change", keys, false, movedKeys);
+  } else {
+    emit("checked-change", keys, false);
+    state.checkedChangeByUser = true;
+  }
 };
-export var watchSelected = function watchSelected(_ref5) {
-  var emit = _ref5.emit,
-    props = _ref5.props,
-    state = _ref5.state;
-  return function (value, oldvalue) {
-    var keys = [];
-    value.forEach(function (item) {
-      return keys.push(item[props.keys]);
-    });
-    if (state.checkedChangeByUser) {
-      var movedKeys = value.concat(oldvalue).filter(function (item) {
-        return value.indexOf(item) === -1 || oldvalue.indexOf(item) === -1;
-      });
-      emit('checked-change', keys, false, movedKeys);
-    } else {
-      emit('checked-change', keys, false);
-      state.checkedChangeByUser = true;
-    }
-  };
+const selectRow = ({ emit, state }) => (row) => {
+  state.selectedRow = row;
+  emit("radio-change", row);
 };
-export var selectRow = function selectRow(_ref6) {
-  var emit = _ref6.emit,
-    state = _ref6.state;
-  return function (row) {
-    state.selectedRow = row;
-    emit('radio-change', row);
-  };
+const togeSelected = ({ state }) => (row) => {
+  if (row.disabled) {
+    return;
+  }
+  const index = state.selected.indexOf(row);
+  if (index !== -1) {
+    state.selected.splice(index, 1);
+  } else {
+    state.selected.push(row);
+  }
+  state.selected = state.selected.slice();
 };
-export var togeSelected = function togeSelected(_ref7) {
-  var state = _ref7.state;
-  return function (row) {
-    if (row.disabled) {
-      return;
-    }
-    var index = state.selected.indexOf(row);
-    if (index !== -1) {
-      state.selected.splice(index, 1);
-    } else {
-      state.selected.push(row);
-    }
-    state.selected = state.selected.slice();
-  };
+const togeSelectAll = ({ emit, props, state }) => () => {
+  let data = [];
+  if (state.selectCls === "checked-sur") {
+    state.selected = [];
+    data = [];
+  } else {
+    data = state.checkableData.map((item) => item[props.keys]);
+    state.selected = state.checkableData;
+  }
+  emit("checked-change", data, true);
+};
+export {
+  computedCheckableData,
+  computedSelectCls,
+  computedSelectedKeys,
+  selectRow,
+  togeSelectAll,
+  togeSelected,
+  watchDefaultChecked,
+  watchSelected
 };
-export var togeSelectAll = function togeSelectAll(_ref8) {
-  var emit = _ref8.emit,
-    props = _ref8.props,
-    state = _ref8.state;
-  return function () {
-    var data = [];
-    if (state.selectCls === 'checked-sur') {
-      state.selected = [];
-      data = [];
-    } else {
-      data = state.checkableData.map(function (item) {
-        return item[props.keys];
-      });
-      state.selected = state.checkableData;
-    }
-    emit('checked-change', data, true);
-  };
-};

package/table/vue.js

@@ -1,66 +1,42 @@
-import { computedCheckableData, computedSelectedKeys, computedSelectCls, watchDefaultChecked, watchSelected, selectRow, togeSelected, togeSelectAll } from './index';
-export var api = ['state', 'selectRow', 'togeSelected', 'togeSelectAll'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
-    reactive = _ref.reactive,
-    watch = _ref.watch;
-  var t = _ref2.t,
-    emit = _ref2.emit;
-  var api = {};
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  computedCheckableData,
+  computedSelectedKeys,
+  computedSelectCls,
+  watchDefaultChecked,
+  watchSelected,
+  selectRow,
+  togeSelected,
+  togeSelectAll
+} from "./index";
+const api = ["state", "selectRow", "togeSelected", "togeSelectAll"];
+const renderless = (props, { computed, reactive, watch }, { t, emit }) => {
+  const api2 = {};
+  const state = reactive({
     selectedRow: null,
     checkChangeByUser: false,
     selected: [],
-    checkableData: computed(function () {
-      return api.computedCheckableData();
-    }),
-    selectedKeys: computed(function () {
-      return api.computedSelectedKeys();
-    }),
-    selectCls: computed(function () {
-      return api.computedSelectCls();
-    })
+    checkableData: computed(() => api2.computedCheckableData()),
+    selectedKeys: computed(() => api2.computedSelectedKeys()),
+    selectCls: computed(() => api2.computedSelectCls())
   });
-  Object.assign(api, {
-    t: t,
-    state: state,
-    computedSelectCls: computedSelectCls({
-      state: state
-    }),
-    computedSelectedKeys: computedSelectedKeys({
-      props: props,
-      state: state
-    }),
-    computedCheckableData: computedCheckableData({
-      props: props
-    }),
-    selectRow: selectRow({
-      emit: emit,
-      state: state
-    }),
-    togeSelected: togeSelected({
-      state: state
-    }),
-    togeSelectAll: togeSelectAll({
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    watchSelected: watchSelected({
-      emit: emit,
-      props: props,
-      state: state
-    }),
-    watchDefaultChecked: watchDefaultChecked({
-      props: props,
-      state: state
-    })
+  Object.assign(api2, {
+    t,
+    state,
+    computedSelectCls: computedSelectCls({ state }),
+    computedSelectedKeys: computedSelectedKeys({ props, state }),
+    computedCheckableData: computedCheckableData({ props }),
+    selectRow: selectRow({ emit, state }),
+    togeSelected: togeSelected({ state }),
+    togeSelectAll: togeSelectAll({ emit, props, state }),
+    watchSelected: watchSelected({ emit, props, state }),
+    watchDefaultChecked: watchDefaultChecked({ props, state })
   });
-  watch(function () {
-    return props.defaultChecked;
-  }, api.watchDefaultChecked);
-  watch(function () {
-    return state.selected;
-  }, api.watchSelected);
-  return api;
-};
+  watch(() => props.defaultChecked, api2.watchDefaultChecked);
+  watch(() => state.selected, api2.watchSelected);
+  return api2;
+};
+export {
+  api,
+  renderless
+};