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

package/user-link/vue.js

@@ -1,16 +1,11 @@
-import { getUsers, cacheUser, saveCache, initService } from '@opentiny/vue-renderless/user';
-import { initUser, showCard, showDetail } from './index';
-export var api = ['state', 'showCard', 'showDetail'];
-export var renderless = function renderless(props, _ref, _ref2) {
-  var reactive = _ref.reactive,
-    watch = _ref.watch;
-  var service = _ref2.service;
-  service = initService({
-    props: props,
-    service: service
-  });
-  var api = {};
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import { getUsers, cacheUser, saveCache, initService } from "@opentiny/vue-renderless/user";
+import { initUser, showCard, showDetail } from "./index";
+const api = ["state", "showCard", "showDetail"];
+const renderless = (props, { reactive, watch }, { service }) => {
+  service = initService({ props, service });
+  const api2 = {};
+  const state = reactive({
     options: [],
     user: [],
     selected: [],
@@ -18,43 +13,25 @@ export var renderless = function renderless(props, _ref, _ref2) {
     expand: false,
     data: {},
     spinner: true,
-    imgUrl: '',
+    imgUrl: "",
     batch: props.batch === false ? false : props.batch || service.batch
   });
-  Object.assign(api, {
-    state: state,
+  Object.assign(api2, {
+    state,
     showDetail: showDetail(state),
-    saveCache: saveCache({
-      props: props
-    }),
-    cacheUser: cacheUser({
-      api: api,
-      props: props,
-      service: service
-    }),
-    initUser: initUser({
-      api: api,
-      props: props,
-      state: state
-    }),
-    getUsers: getUsers({
-      api: api,
-      props: props,
-      state: state
-    }),
-    showCard: showCard({
-      api: api,
-      service: service,
-      state: state
-    }),
+    saveCache: saveCache({ props }),
+    cacheUser: cacheUser({ api: api2, props, service }),
+    initUser: initUser({ api: api2, props, state }),
+    getUsers: getUsers({ api: api2, props, state }),
+    showCard: showCard({ api: api2, service, state }),
     getUserImageUrl: service.getUserImageUrl,
     fetchW3Accounts: service.fetchW3Accounts,
     fetchUserByUserId: service.fetchUserByUserId
   });
-  watch(function () {
-    return props.modelValue;
-  }, api.initUser, {
-    immediate: true
-  });
-  return api;
-};
+  watch(() => props.modelValue, api2.initUser, { immediate: true });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/wheel/index.js

@@ -1,29 +1,23 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { cloneDeep } from '@opentiny/vue-renderless/chart-core/deps/utils';
-export var created = function created(api) {
-  return function () {
-    api.loadPickerData();
-    api.loadWheels();
-  };
+import "../chunk-PKUHTIDK.js";
+import { cloneDeep } from "@opentiny/vue-renderless/chart-core/deps/utils";
+const created = (api) => () => {
+  api.loadPickerData();
+  api.loadWheels();
 };
-export var loadPickerData = function loadPickerData(_ref) {
-  var props = _ref.props,
-    state = _ref.state;
-  return function () {
-    state.dataSource = cloneDeep(props.dataSource);
-    state.defaultSelectedIndexs = cloneDeep(props.defaultSelectedIndexs);
-    var level_1 = state.dataSource;
-    var level_n = getNextLevel([], state.dataSource, state.defaultSelectedIndexs, 0);
-    if (level_n.length === 0) {
-      state.pickerData = [level_1];
-    } else {
-      state.pickerData = [level_1].concat(_toConsumableArray(level_n));
-    }
-  };
+const loadPickerData = ({ props, state }) => () => {
+  state.dataSource = cloneDeep(props.dataSource);
+  state.defaultSelectedIndexs = cloneDeep(props.defaultSelectedIndexs);
+  const level_1 = state.dataSource;
+  const level_n = getNextLevel([], state.dataSource, state.defaultSelectedIndexs, 0);
+  if (level_n.length === 0) {
+    state.pickerData = [level_1];
+  } else {
+    state.pickerData = [level_1, ...level_n];
+  }
 };
-export var getNextLevel = function getNextLevel(levelItems, children, nextIndexs, start) {
-  var _children$nextIndexs$, _children$nextIndexs$2;
-  var levelItem = (_children$nextIndexs$ = (_children$nextIndexs$2 = children[nextIndexs[start]]) === null || _children$nextIndexs$2 === void 0 ? void 0 : _children$nextIndexs$2.children) !== null && _children$nextIndexs$ !== void 0 ? _children$nextIndexs$ : [];
+const getNextLevel = (levelItems, children, nextIndexs, start) => {
+  var _a, _b;
+  let levelItem = (_b = (_a = children[nextIndexs[start]]) == null ? void 0 : _a.children) != null ? _b : [];
   if (start !== nextIndexs.length - 1) {
     levelItems.push(levelItem);
     return getNextLevel(levelItems, levelItem, nextIndexs, ++start);
@@ -31,157 +25,138 @@ export var getNextLevel = function getNextLevel(levelItems, children, nextIndexs
     return levelItems;
   }
 };
-export var wheelChanged = function wheelChanged(_ref2) {
-  var api = _ref2.api,
-    state = _ref2.state;
-  return function (newIndexs, oldIndexs) {
-    if (newIndexs.length > 1) {
-      newIndexs.forEach(function (ii, ri) {
-        if (newIndexs[ri] !== oldIndexs[ri] && ri !== newIndexs.length - 1) {
-          var children = getChildren(state.dataSource, newIndexs, 0, ri);
-          state.pickerData.splice(ri + 1, 1, children);
-        }
-      });
-    }
-    api.wheelsTo(newIndexs);
-    api.changeWheelItemStyle(state.pickerData, newIndexs);
-  };
+const wheelChanged = ({ api, state }) => (newIndexs, oldIndexs) => {
+  if (newIndexs.length > 1) {
+    newIndexs.forEach((ii, ri) => {
+      if (newIndexs[ri] !== oldIndexs[ri] && ri !== newIndexs.length - 1) {
+        const children = getChildren(state.dataSource, newIndexs, 0, ri);
+        state.pickerData.splice(ri + 1, 1, children);
+      }
+    });
+  }
+  api.wheelsTo(newIndexs);
+  api.changeWheelItemStyle(state.pickerData, newIndexs);
 };
-export var getChildren = function getChildren(levelItems, newIndexs, start, maxLoop) {
-  var _levelItems$newIndexs, _levelItems$newIndexs2;
-  var levelItem = (_levelItems$newIndexs = (_levelItems$newIndexs2 = levelItems[newIndexs[start]]) === null || _levelItems$newIndexs2 === void 0 ? void 0 : _levelItems$newIndexs2.children) !== null && _levelItems$newIndexs !== void 0 ? _levelItems$newIndexs : [];
+const getChildren = (levelItems, newIndexs, start, maxLoop) => {
+  var _a, _b;
+  let levelItem = (_b = (_a = levelItems[newIndexs[start]]) == null ? void 0 : _a.children) != null ? _b : [];
   if (start !== maxLoop) {
     return getChildren(levelItem, newIndexs, ++start, maxLoop);
   } else {
     return levelItem;
   }
 };
-export var wheelsTo = function wheelsTo(_ref3) {
-  var api = _ref3.api,
-    state = _ref3.state,
-    nextTick = _ref3.nextTick;
-  return function (indexs) {
-    nextTick(function () {
-      state.wheels.forEach(function (wheel, i) {
-        wheel.wheelTo(indexs[i], 0);
-        api.refreshWheel(wheel);
-      });
+const wheelsTo = ({ api, state, nextTick }) => (indexs) => {
+  nextTick(() => {
+    state.wheels.forEach((wheel, i) => {
+      wheel.wheelTo(indexs[i], 0);
+      api.refreshWheel(wheel);
     });
-  };
+  });
 };
-export var refreshWheel = function refreshWheel(nextTick) {
-  return function (wheel) {
-    nextTick(function () {
-      wheel.refresh();
-    });
-  };
+const refreshWheel = (nextTick) => (wheel) => {
+  nextTick(() => {
+    wheel.refresh();
+  });
 };
-export var loadWheels = function loadWheels(_ref4) {
-  var api = _ref4.api,
-    props = _ref4.props,
-    state = _ref4.state,
-    nextTick = _ref4.nextTick,
-    refs = _ref4.refs;
-  return function () {
-    if (state.wheels.length === 0) {
-      nextTick(function () {
-        state.wheels = [];
-        var wheelWrapper = refs.wheelWrapper;
-        if (props.hasFooter) {
-          for (var i = 0; i < state.pickerData.length; i++) {
-            api.createWheelHasFooter(wheelWrapper, i);
-          }
-        } else {
-          api.createWheelNoFooter(wheelWrapper);
+const loadWheels = ({ api, props, state, nextTick, refs }) => () => {
+  if (state.wheels.length === 0) {
+    nextTick(() => {
+      state.wheels = [];
+      const { wheelWrapper } = refs;
+      if (props.hasFooter) {
+        for (let i = 0; i < state.pickerData.length; i++) {
+          api.createWheelHasFooter(wheelWrapper, i);
         }
-      });
-    }
-  };
-};
-export var createWheelHasFooter = function createWheelHasFooter(_ref5) {
-  var api = _ref5.api,
-    state = _ref5.state,
-    emit = _ref5.emit,
-    BScroll = _ref5.BScroll;
-  return function (wheelWrapper, i) {
-    var wheels = state.wheels;
-    if (!wheels[i]) {
-      wheels[i] = state.wheels[i] = new BScroll(wheelWrapper.children[i], {
-        wheel: {
-          selectedIndex: state.defaultSelectedIndexs[i],
-          wheelWrapperClass: 'wheel-scroll',
-          wheelItemClass: 'wheel-item'
-        },
-        probeType: 3
-      });
-      state.prevSelectedIndexs = state.defaultSelectedIndexs;
-      wheels[i].on('wheelIndexChanged', function () {
-        var currentSelectedIndex = wheels[i].getSelectedIndex();
-        var currentSelectedIndexs = [].concat(_toConsumableArray(state.prevSelectedIndexs.slice(0, i)), [currentSelectedIndex], _toConsumableArray(new Array(state.defaultSelectedIndexs.length - i - 1).fill(0)));
-        api.wheelChanged(currentSelectedIndexs, state.prevSelectedIndexs);
-        state.prevSelectedIndexs = currentSelectedIndexs;
-        emit('change', currentSelectedIndexs);
-      });
-      api.wheelsTo(state.defaultSelectedIndexs);
-      api.changeWheelItemStyle(state.pickerData, state.defaultSelectedIndexs);
-    } else {
-      wheels[i].refresh();
-    }
-    return wheels[i];
-  };
+      } else {
+        api.createWheelNoFooter(wheelWrapper);
+      }
+    });
+  }
 };
-export var createWheelNoFooter = function createWheelNoFooter(_ref6) {
-  var api = _ref6.api,
-    state = _ref6.state,
-    BScroll = _ref6.BScroll;
-  return function (wheelWrapper) {
-    var wheels = state.wheels;
-    if (!wheels[0]) {
-      wheels[0] = state.wheels[0] = new BScroll(wheelWrapper.children[0], {
-        probeType: 3,
-        click: true
-      });
-      api.changeWheelItemStyle(state.pickerData, state.defaultSelectedIndexs);
-      api.refreshWheel(wheels[0]);
-    } else {
-      wheels[0].refresh();
-    }
-    return wheels[0];
-  };
+const createWheelHasFooter = ({ api, state, emit, BScroll }) => (wheelWrapper, i) => {
+  const wheels = state.wheels;
+  if (!wheels[i]) {
+    wheels[i] = state.wheels[i] = new BScroll(wheelWrapper.children[i], {
+      wheel: {
+        selectedIndex: state.defaultSelectedIndexs[i],
+        wheelWrapperClass: "wheel-scroll",
+        wheelItemClass: "wheel-item"
+      },
+      probeType: 3
+    });
+    state.prevSelectedIndexs = state.defaultSelectedIndexs;
+    wheels[i].on("wheelIndexChanged", () => {
+      const currentSelectedIndex = wheels[i].getSelectedIndex();
+      let currentSelectedIndexs = [
+        ...state.prevSelectedIndexs.slice(0, i),
+        currentSelectedIndex,
+        ...new Array(state.defaultSelectedIndexs.length - i - 1).fill(0)
+      ];
+      api.wheelChanged(currentSelectedIndexs, state.prevSelectedIndexs);
+      state.prevSelectedIndexs = currentSelectedIndexs;
+      emit("change", currentSelectedIndexs);
+    });
+    api.wheelsTo(state.defaultSelectedIndexs);
+    api.changeWheelItemStyle(state.pickerData, state.defaultSelectedIndexs);
+  } else {
+    wheels[i].refresh();
+  }
+  return wheels[i];
 };
-export var changeWheelItemStyle = function changeWheelItemStyle(state) {
-  return function (pickerData, currentSelectedIndexs) {
-    pickerData.forEach(function (item, index) {
-      state.pickerData[index] = item.map(function (rItem, i) {
-        rItem.selected = i === currentSelectedIndexs[index];
-        return rItem;
-      });
+const createWheelNoFooter = ({ api, state, BScroll }) => (wheelWrapper) => {
+  const wheels = state.wheels;
+  if (!wheels[0]) {
+    wheels[0] = state.wheels[0] = new BScroll(wheelWrapper.children[0], {
+      probeType: 3,
+      click: true
     });
-  };
+    api.changeWheelItemStyle(state.pickerData, state.defaultSelectedIndexs);
+    api.refreshWheel(wheels[0]);
+  } else {
+    wheels[0].refresh();
+  }
+  return wheels[0];
 };
-export var dealWheels = function dealWheels(state) {
-  return function () {
-    state.wheels.forEach(function (wheel) {
-      wheel.destroy();
+const changeWheelItemStyle = (state) => (pickerData, currentSelectedIndexs) => {
+  pickerData.forEach((item, index) => {
+    state.pickerData[index] = item.map((rItem, i) => {
+      rItem.selected = i === currentSelectedIndexs[index];
+      return rItem;
     });
-    state.wheels = [];
-    state.pickerData = [];
-    state.prevSelectedIndexs = [];
-    state.defaultSelectedIndexs = [];
-  };
+  });
+};
+const dealWheels = (state) => () => {
+  state.wheels.forEach((wheel) => {
+    wheel.destroy();
+  });
+  state.wheels = [];
+  state.pickerData = [];
+  state.prevSelectedIndexs = [];
+  state.defaultSelectedIndexs = [];
+};
+const clickWheelItem = ({ api, state, emit }) => (index) => {
+  api.changeWheelItemStyle(state.pickerData, [index]);
+  const rItem = state.pickerData[0][index];
+  if (state.defaultSelectedIndexs[0] !== index) {
+    const selectedLabel = rItem == null ? void 0 : rItem.label;
+    emit("clickWheelItem", [index], selectedLabel, rItem);
+  } else {
+    emit("clickWheelItem", [], "", []);
+  }
+};
+export {
+  changeWheelItemStyle,
+  clickWheelItem,
+  createWheelHasFooter,
+  createWheelNoFooter,
+  created,
+  dealWheels,
+  getChildren,
+  getNextLevel,
+  loadPickerData,
+  loadWheels,
+  refreshWheel,
+  wheelChanged,
+  wheelsTo
 };
-export var clickWheelItem = function clickWheelItem(_ref7) {
-  var api = _ref7.api,
-    state = _ref7.state,
-    emit = _ref7.emit;
-  return function (index) {
-    api.changeWheelItemStyle(state.pickerData, [index]);
-    var rItem = state.pickerData[0][index];
-    if (state.defaultSelectedIndexs[0] !== index) {
-      var selectedLabel = rItem === null || rItem === void 0 ? void 0 : rItem.label;
-      emit('clickWheelItem', [index], selectedLabel, rItem);
-    } else {
-      emit('clickWheelItem', [], '', []);
-    }
-  };
-};

package/wheel/vue.js

@@ -1,7 +1,33 @@
-import { created, loadPickerData, wheelChanged, changeWheelItemStyle, loadWheels, createWheelHasFooter, createWheelNoFooter, wheelsTo, refreshWheel, dealWheels, clickWheelItem } from './index';
-export var api = ['state', 'created', 'loadPickerData', 'wheelChanged', 'changeWheelItemStyle', 'loadWheels', 'createWheelHasFooter', 'createWheelNoFooter', 'wheelsTo', 'refreshWheel', 'dealWheels', 'clickWheelItem'];
-var initState = function initState(reactive) {
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  created,
+  loadPickerData,
+  wheelChanged,
+  changeWheelItemStyle,
+  loadWheels,
+  createWheelHasFooter,
+  createWheelNoFooter,
+  wheelsTo,
+  refreshWheel,
+  dealWheels,
+  clickWheelItem
+} from "./index";
+const api = [
+  "state",
+  "created",
+  "loadPickerData",
+  "wheelChanged",
+  "changeWheelItemStyle",
+  "loadWheels",
+  "createWheelHasFooter",
+  "createWheelNoFooter",
+  "wheelsTo",
+  "refreshWheel",
+  "dealWheels",
+  "clickWheelItem"
+];
+const initState = (reactive) => {
+  const state = reactive({
     dataSource: [],
     defaultSelectedIndexs: [],
     pickerData: [],
@@ -10,101 +36,44 @@ var initState = function initState(reactive) {
   });
   return state;
 };
-var initApi = function initApi(_ref) {
-  var api = _ref.api,
-    props = _ref.props,
-    state = _ref.state,
-    emit = _ref.emit,
-    nextTick = _ref.nextTick,
-    refs = _ref.refs,
-    BScroll = _ref.BScroll;
-  Object.assign(api, {
-    state: state,
-    created: created(api),
-    loadPickerData: loadPickerData({
-      props: props,
-      state: state
-    }),
-    wheelChanged: wheelChanged({
-      api: api,
-      state: state
-    }),
+const initApi = ({ api: api2, props, state, emit, nextTick, refs, BScroll }) => {
+  Object.assign(api2, {
+    state,
+    created: created(api2),
+    loadPickerData: loadPickerData({ props, state }),
+    wheelChanged: wheelChanged({ api: api2, state }),
     changeWheelItemStyle: changeWheelItemStyle(state),
-    loadWheels: loadWheels({
-      api: api,
-      props: props,
-      state: state,
-      nextTick: nextTick,
-      refs: refs
-    }),
-    createWheelHasFooter: createWheelHasFooter({
-      api: api,
-      state: state,
-      emit: emit,
-      BScroll: BScroll
-    }),
-    createWheelNoFooter: createWheelNoFooter({
-      api: api,
-      state: state,
-      BScroll: BScroll
-    }),
-    wheelsTo: wheelsTo({
-      api: api,
-      state: state,
-      nextTick: nextTick
-    }),
+    loadWheels: loadWheels({ api: api2, props, state, nextTick, refs }),
+    createWheelHasFooter: createWheelHasFooter({ api: api2, state, emit, BScroll }),
+    createWheelNoFooter: createWheelNoFooter({ api: api2, state, BScroll }),
+    wheelsTo: wheelsTo({ api: api2, state, nextTick }),
     refreshWheel: refreshWheel(nextTick),
     dealWheels: dealWheels(state),
-    clickWheelItem: clickWheelItem({
-      api: api,
-      state: state,
-      emit: emit
-    })
+    clickWheelItem: clickWheelItem({ api: api2, state, emit })
   });
 };
-var initWatch = function initWatch(_ref2) {
-  var watch = _ref2.watch,
-    api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state,
-    nextTick = _ref2.nextTick;
-  watch(function () {
-    return props.defaultSelectedIndexs;
-  }, function () {
-    api.dealWheels(state);
-    nextTick(function () {
-      api.created(api);
-    });
-  });
+const initWatch = ({ watch, api: api2, props, state, nextTick }) => {
+  watch(
+    () => props.defaultSelectedIndexs,
+    () => {
+      api2.dealWheels(state);
+      nextTick(() => {
+        api2.created(api2);
+      });
+    }
+  );
 };
-export var renderless = function renderless(props, _ref3, _ref4, _ref5) {
-  var onMounted = _ref3.onMounted,
-    reactive = _ref3.reactive,
-    watch = _ref3.watch;
-  var emit = _ref4.emit,
-    nextTick = _ref4.nextTick,
-    refs = _ref4.refs;
-  var BScroll = _ref5.BScroll;
-  var api = {};
-  var state = initState(reactive);
-  initApi({
-    api: api,
-    props: props,
-    state: state,
-    emit: emit,
-    nextTick: nextTick,
-    refs: refs,
-    BScroll: BScroll
-  });
-  initWatch({
-    watch: watch,
-    api: api,
-    props: props,
-    state: state,
-    nextTick: nextTick
-  });
-  onMounted(function () {
-    api.created(api);
+const renderless = (props, { onMounted, reactive, watch }, { emit, nextTick, refs }, { BScroll }) => {
+  const api2 = {};
+  const state = initState(reactive);
+  initApi({ api: api2, props, state, emit, nextTick, refs, BScroll });
+  initWatch({ watch, api: api2, props, state, nextTick });
+  onMounted(() => {
+    api2.created(api2);
   });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};