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

package/multi-select/index.js

@@ -1,135 +1,81 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { cloneDeep } from '@opentiny/vue-renderless/chart-core/deps/utils';
-export var created = function created(_ref) {
-  var props = _ref.props,
-    state = _ref.state,
-    refs = _ref.refs,
-    nextTick = _ref.nextTick;
-  return function () {
-    nextTick(function () {
-      state.dataSource = cloneDeep(props.dataSource);
-      state.defaultSelectedArray = cloneDeep(props.defaultSelectedArray);
-      state.labelLevelsInfo = getLabelLevelsInfo(refs);
-      state.labelsStyle = getLabelsStyle(state);
-      state.headerInfo = state.dataSource.map(function (item) {
-        return {
-          isSelected: false,
-          title: item.title,
-          isUP: false
-        };
-      });
+import "../chunk-PKUHTIDK.js";
+import { cloneDeep } from "@opentiny/vue-renderless/chart-core/deps/utils";
+const created = ({ props, state, refs, nextTick }) => () => {
+  nextTick(() => {
+    state.dataSource = cloneDeep(props.dataSource);
+    state.defaultSelectedArray = cloneDeep(props.defaultSelectedArray);
+    state.labelLevelsInfo = getLabelLevelsInfo(refs);
+    state.labelsStyle = getLabelsStyle(state);
+    state.headerInfo = state.dataSource.map((item) => {
+      return { isSelected: false, title: item.title, isUP: false };
     });
-  };
-};
-export var handleClick = function handleClick(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state;
-  return function (value) {
-    var _props$dataSource$val;
-    state.wheelData = (_props$dataSource$val = props.dataSource[value]) === null || _props$dataSource$val === void 0 ? void 0 : _props$dataSource$val.children;
-    if (state.headerIndex === -1) {
-      var _state$defaultSelecte;
-      state.showWheel = true;
-      state.headerIndex = value;
-      state.headerInfo[value] = getNewHeaderInfo(state.headerInfo, value, true);
-      state.defaultSelectedIndexs = (_state$defaultSelecte = state.defaultSelectedArray[value]) !== null && _state$defaultSelecte !== void 0 ? _state$defaultSelecte : api.loadDefault(value);
-    } else if (state.headerIndex !== value) {
-      var _state$defaultSelecte2;
-      state.showWheel = true;
-      state.headerInfo[state.headerIndex] = getNewHeaderInfo(state.headerInfo, state.headerIndex, false);
-      state.headerIndex = value;
-      state.headerInfo[value] = getNewHeaderInfo(state.headerInfo, value, true);
-      state.defaultSelectedIndexs = (_state$defaultSelecte2 = state.defaultSelectedArray[value]) !== null && _state$defaultSelecte2 !== void 0 ? _state$defaultSelecte2 : api.loadDefault(value);
-    } else {
-      state.showWheel = !state.showWheel;
-      var isUP = state.headerInfo[value].isUP;
-      state.headerInfo[value] = getNewHeaderInfo(state.headerInfo, value, !isUP);
-    }
-  };
-};
-export var confirm = function confirm(_ref3) {
-  var state = _ref3.state,
-    emit = _ref3.emit;
-  return function () {
-    var wheelLevelItems = getWheelLevelItems(state.wheelData, state.defaultSelectedIndexs);
-    var wheelLevelText = getWheelLevelText(wheelLevelItems, state.defaultSelectedIndexs);
-    state.headerInfo[state.headerIndex] = {
-      isSelected: true,
-      title: wheelLevelText,
-      isUP: false
-    };
-    state.defaultSelectedArray[state.headerIndex] = state.defaultSelectedIndexs;
-    emit('confirm', state.defaultSelectedIndexs, wheelLevelText);
-    state.showWheel = false;
-  };
+  });
 };
-export var reset = function reset(_ref4) {
-  var api = _ref4.api,
-    props = _ref4.props,
-    state = _ref4.state,
-    emit = _ref4.emit;
-  return function () {
-    var _props$defaultSelecte;
-    state.headerInfo[state.headerIndex] = {
-      isSelected: false,
-      title: '',
-      isUP: false
-    };
-    state.defaultSelectedIndexs = (_props$defaultSelecte = props.defaultSelectedArray[state.headerIndex]) !== null && _props$defaultSelecte !== void 0 ? _props$defaultSelecte : api.loadDefault(state.headerIndex);
-    state.defaultSelectedArray[state.headerIndex] = state.defaultSelectedIndexs;
-    emit('reset', state.headerIndex);
-    state.showWheel = false;
-  };
+const handleClick = ({ api, props, state }) => (value) => {
+  var _a, _b, _c;
+  state.wheelData = (_a = props.dataSource[value]) == null ? void 0 : _a.children;
+  if (state.headerIndex === -1) {
+    state.showWheel = true;
+    state.headerIndex = value;
+    state.headerInfo[value] = getNewHeaderInfo(state.headerInfo, value, true);
+    state.defaultSelectedIndexs = (_b = state.defaultSelectedArray[value]) != null ? _b : api.loadDefault(value);
+  } else if (state.headerIndex !== value) {
+    state.showWheel = true;
+    state.headerInfo[state.headerIndex] = getNewHeaderInfo(state.headerInfo, state.headerIndex, false);
+    state.headerIndex = value;
+    state.headerInfo[value] = getNewHeaderInfo(state.headerInfo, value, true);
+    state.defaultSelectedIndexs = (_c = state.defaultSelectedArray[value]) != null ? _c : api.loadDefault(value);
+  } else {
+    state.showWheel = !state.showWheel;
+    const { isUP } = state.headerInfo[value];
+    state.headerInfo[value] = getNewHeaderInfo(state.headerInfo, value, !isUP);
+  }
 };
-export var wheelChange = function wheelChange(state) {
-  return function (indexs) {
+const confirm = ({ state, emit }) => () => {
+  const wheelLevelItems = getWheelLevelItems(state.wheelData, state.defaultSelectedIndexs);
+  const { selectedLabels, selectedItems } = getSelected(wheelLevelItems, state.defaultSelectedIndexs);
+  state.headerInfo[state.headerIndex] = { isSelected: true, title: selectedLabels, isUP: false };
+  state.defaultSelectedArray[state.headerIndex] = state.defaultSelectedIndexs;
+  emit("confirm", selectedItems, state.headerIndex, state.defaultSelectedIndexs);
+  state.showWheel = false;
+};
+const reset = ({ api, props, state, emit }) => () => {
+  var _a;
+  state.headerInfo[state.headerIndex] = { isSelected: false, title: "", isUP: false };
+  state.defaultSelectedIndexs = (_a = props.defaultSelectedArray[state.headerIndex]) != null ? _a : api.loadDefault(state.headerIndex);
+  state.defaultSelectedArray[state.headerIndex] = state.defaultSelectedIndexs;
+  emit("reset", [], state.headerIndex, state.defaultSelectedIndexs);
+  state.showWheel = false;
+};
+const wheelChange = (state) => (indexs) => {
+  state.defaultSelectedIndexs = indexs;
+};
+const clickWheelItem = ({ state, emit }) => (indexs, text, item) => {
+  if (indexs.length === 0) {
+    state.defaultSelectedIndexs = [-1];
+    state.headerInfo[state.headerIndex] = { isSelected: false, title: "", isUP: false };
+  } else {
     state.defaultSelectedIndexs = indexs;
-  };
-};
-export var clickWheelItem = function clickWheelItem(_ref5) {
-  var state = _ref5.state,
-    emit = _ref5.emit;
-  return function (indexs, text) {
-    if (indexs.length === 0) {
-      state.defaultSelectedIndexs = [-1];
-      state.headerInfo[state.headerIndex] = {
-        isSelected: false,
-        title: '',
-        isUP: false
-      };
-    } else {
-      state.defaultSelectedIndexs = indexs;
-      state.headerInfo[state.headerIndex] = {
-        isSelected: true,
-        title: text,
-        isUP: false
-      };
-    }
-    state.defaultSelectedArray[state.headerIndex] = state.defaultSelectedIndexs;
-    emit('confirm', indexs, text);
-    state.showWheel = false;
-  };
-};
-export var getWheelLevelItems = function getWheelLevelItems(wheelData, newIndexs) {
-  var level_1 = wheelData.map(function (_ref6) {
-    var label = _ref6.label;
-    return {
-      label: label
-    };
-  });
-  var level_n = getNextLevel([], wheelData, newIndexs, 0);
-  var wheelLevelItems = [];
+    state.headerInfo[state.headerIndex] = { isSelected: true, title: text, isUP: false };
+  }
+  state.defaultSelectedArray[state.headerIndex] = state.defaultSelectedIndexs;
+  emit("confirm", item, state.headerIndex, indexs);
+  state.showWheel = false;
+};
+const getWheelLevelItems = (wheelData, newIndexs) => {
+  const level_1 = wheelData;
+  const level_n = getNextLevel([], wheelData, newIndexs, 0);
+  let wheelLevelItems = [];
   if (level_n.length === 0) {
     wheelLevelItems = [level_1];
   } else {
-    wheelLevelItems = [level_1].concat(_toConsumableArray(level_n));
+    wheelLevelItems = [level_1, ...level_n];
   }
   return wheelLevelItems;
 };
-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);
@@ -137,49 +83,44 @@ export var getNextLevel = function getNextLevel(levelItems, children, nextIndexs
     return levelItems;
   }
 };
-export var getWheelLevelText = function getWheelLevelText(wheelLevelItems, selectedIndexs) {
-  var selectedLabels = [];
-  wheelLevelItems.forEach(function (levelItem, i) {
-    var _levelItem$index;
-    var index = selectedIndexs[i];
-    if ((_levelItem$index = levelItem[index]) !== null && _levelItem$index !== void 0 && _levelItem$index.label) {
-      var _levelItem$index2;
-      selectedLabels.push((_levelItem$index2 = levelItem[index]) === null || _levelItem$index2 === void 0 ? void 0 : _levelItem$index2.label);
+const getSelected = (wheelLevelItems, selectedIndexs) => {
+  const selectedItems = [];
+  wheelLevelItems.forEach((levelItem, i) => {
+    const index = selectedIndexs[i];
+    if (levelItem[index]) {
+      selectedItems.push(levelItem[index]);
     }
   });
-  return selectedLabels.join(' ');
-};
-export var loadDefault = function loadDefault(_ref7) {
-  var props = _ref7.props,
-    state = _ref7.state;
-  return function (value) {
-    var _props$defaultSelecte2, _state$dataSource$sta;
-    var current = (_props$defaultSelecte2 = props.defaultSelectedArray[value]) !== null && _props$defaultSelecte2 !== void 0 ? _props$defaultSelecte2 : [];
-    var defaultSelectedIndexs = [];
-    if ((_state$dataSource$sta = state.dataSource[state.headerIndex]) !== null && _state$dataSource$sta !== void 0 && _state$dataSource$sta.hasFooter) {
-      var defaultL = current.length;
-      var dataSL = getMaxFloor(state.wheelData);
-      if (defaultL <= dataSL) {
-        defaultSelectedIndexs = current.concat(new Array(dataSL - defaultL).fill(0));
-      } else {
-        defaultSelectedIndexs = current.slice(0, dataSL);
-      }
+  const selectedLabels = selectedItems.map((item) => item == null ? void 0 : item.label).join(" ");
+  return { selectedLabels, selectedItems };
+};
+const loadDefault = ({ props, state }) => (value) => {
+  var _a, _b;
+  const current = (_a = props.defaultSelectedArray[value]) != null ? _a : [];
+  let defaultSelectedIndexs = [];
+  if ((_b = state.dataSource[state.headerIndex]) == null ? void 0 : _b.hasFooter) {
+    const defaultL = current.length;
+    const dataSL = getMaxFloor(state.wheelData);
+    if (defaultL <= dataSL) {
+      defaultSelectedIndexs = current.concat(new Array(dataSL - defaultL).fill(0));
     } else {
-      defaultSelectedIndexs = current.length > 0 ? current : [-1];
+      defaultSelectedIndexs = current.slice(0, dataSL);
     }
-    return defaultSelectedIndexs;
-  };
+  } else {
+    defaultSelectedIndexs = current.length > 0 ? current : [-1];
+  }
+  return defaultSelectedIndexs;
 };
-export var getMaxFloor = function getMaxFloor(treeData) {
-  var maxFloor = 0;
-  var loop = function loop(data, level) {
-    data.forEach(function (item) {
-      var _item$children;
+const getMaxFloor = (treeData) => {
+  let maxFloor = 0;
+  const loop = (data, level) => {
+    data.forEach((item) => {
+      var _a;
       item.level = level;
       if (level > maxFloor) {
         maxFloor = level;
       }
-      if ((item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) > 0) {
+      if (((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) > 0) {
         loop(item.children, level + 1);
       }
     });
@@ -187,35 +128,27 @@ export var getMaxFloor = function getMaxFloor(treeData) {
   loop(treeData, 1);
   return maxFloor;
 };
-export var getNewHeaderInfo = function getNewHeaderInfo(headerInfo, index, isUP) {
-  var _headerInfo$index, _headerInfo$index2;
-  return {
-    isSelected: (_headerInfo$index = headerInfo[index]) === null || _headerInfo$index === void 0 ? void 0 : _headerInfo$index.isSelected,
-    title: (_headerInfo$index2 = headerInfo[index]) === null || _headerInfo$index2 === void 0 ? void 0 : _headerInfo$index2.title,
-    isUP: isUP
-  };
-};
-export var getLabelLevelsInfo = function getLabelLevelsInfo(refs) {
-  var headerBox = refs.headerBox,
-    label = refs.label;
-  if (!headerBox || !label) return [];
-  var totalWidth = getRect(getEl(headerBox)).width;
-  var labelWidth = label.map(function (node) {
-    return getRect(getEl(node));
-  }).map(function (rect) {
-    return rect.width;
-  });
-  return labelWidth.map(function (labelWidth, idx) {
-    var isOver25 = totalWidth * 0.25 < labelWidth;
+const getNewHeaderInfo = (headerInfo, index, isUP) => {
+  var _a, _b;
+  return { isSelected: (_a = headerInfo[index]) == null ? void 0 : _a.isSelected, title: (_b = headerInfo[index]) == null ? void 0 : _b.title, isUP };
+};
+const getLabelLevelsInfo = (refs) => {
+  const { headerBox, label } = refs;
+  if (!headerBox || !label)
+    return [];
+  const totalWidth = getRect(getEl(headerBox)).width;
+  const labelWidth = label.map((node) => getRect(getEl(node))).map((rect) => rect.width);
+  return labelWidth.map((labelWidth2, idx) => {
+    const isOver25 = totalWidth * 0.25 < labelWidth2;
     return {
-      idx: idx,
-      labelWidth: labelWidth,
-      totalWidth: totalWidth,
-      isOver25: isOver25
+      idx,
+      labelWidth: labelWidth2,
+      totalWidth,
+      isOver25
     };
   });
 };
-export var getRect = function getRect(el) {
+const getRect = (el) => {
   return {
     top: el.offsetTop,
     left: el.offsetLeft,
@@ -223,60 +156,64 @@ export var getRect = function getRect(el) {
     height: el.offsetHeight
   };
 };
-export var getEl = function getEl(node) {
+const getEl = (node) => {
   return node.$el || node;
 };
-export var getLabelsStyle = function getLabelsStyle(state) {
-  var over25Labels = state.labelLevelsInfo.filter(function (i) {
-    return i && !i.isOver25;
-  });
-  var widthInfo = over25Labels;
-  var len = state.dataSource.length;
+const getLabelsStyle = (state) => {
+  const over25Labels = state.labelLevelsInfo.filter((i) => i && !i.isOver25);
+  let widthInfo = over25Labels;
+  const len = state.dataSource.length;
   if (len >= 4) {
-    return getStyleConfig(state.labelLevelsInfo, {
-      width: "".concat((1 / len * 100).toFixed(2), "%")
-    });
+    return getStyleConfig(state.labelLevelsInfo, { width: `${(1 / len * 100).toFixed(2)}%` });
   }
   if (!widthInfo.length || widthInfo.length === state.labelLevelsInfo.length) {
-    return getStyleConfig(state.labelLevelsInfo, {
-      maxWidth: "".concat((1 / len * 100).toFixed(2), "%")
-    });
+    return getStyleConfig(state.labelLevelsInfo, { maxWidth: `${(1 / len * 100).toFixed(2)}%` });
   }
-  var fillArr;
+  let fillArr;
   if (widthInfo.length === 1) {
     fillArr = getFillArray(state, widthInfo, "37.5%");
   } else if (widthInfo.length === 2) {
     fillArr = getFillArray(state, widthInfo, "50%");
   }
   widthInfo = widthInfo.concat(fillArr);
-  return widthInfo.reduce(function (styles, item) {
-    styles[item.idx] = item.maxWidth ? {
-      maxWidth: item.maxWidth
-    } : {
-      maxWidth: "25%"
-    };
+  return widthInfo.reduce((styles, item) => {
+    styles[item.idx] = item.maxWidth ? { maxWidth: item.maxWidth } : { maxWidth: "25%" };
     return styles;
   }, {});
 };
-export var getStyleConfig = function getStyleConfig(data, style) {
-  return data.reduce(function (styleConfig, _, idx) {
+const getStyleConfig = (data, style) => {
+  return data.reduce((styleConfig, _, idx) => {
     styleConfig[idx] = style;
     return styleConfig;
   }, {});
 };
-export var getFillArray = function getFillArray(state, widthInfo, maxWidth) {
-  var labelIndexArr = state.labelLevelsInfo.map(function (_, idx) {
-    return idx;
-  });
-  var mapWidthInfoArr = widthInfo.map(function (i) {
-    return i.idx;
-  });
-  return labelIndexArr.filter(function (i) {
-    return mapWidthInfoArr.indexOf(i) === -1;
-  }).map(function (i) {
+const getFillArray = (state, widthInfo, maxWidth) => {
+  const labelIndexArr = state.labelLevelsInfo.map((_, idx) => idx);
+  const mapWidthInfoArr = widthInfo.map((i) => i.idx);
+  return labelIndexArr.filter((i) => !mapWidthInfoArr.includes(i)).map((i) => {
     return {
       idx: i,
-      maxWidth: maxWidth
+      maxWidth
     };
   });
-};
+};
+export {
+  clickWheelItem,
+  confirm,
+  created,
+  getEl,
+  getFillArray,
+  getLabelLevelsInfo,
+  getLabelsStyle,
+  getMaxFloor,
+  getNewHeaderInfo,
+  getNextLevel,
+  getRect,
+  getSelected,
+  getStyleConfig,
+  getWheelLevelItems,
+  handleClick,
+  loadDefault,
+  reset,
+  wheelChange
+};

package/multi-select/vue.js

@@ -1,7 +1,25 @@
-import { created, handleClick, confirm, reset, wheelChange, clickWheelItem, loadDefault } from './index';
-export var api = ['state', 'created', 'handleClick', 'confirm', 'reset', 'wheelChange', 'clickWheelItem', 'loadDefault'];
-var initState = function initState(reactive) {
-  var state = reactive({
+import "../chunk-PKUHTIDK.js";
+import {
+  created,
+  handleClick,
+  confirm,
+  reset,
+  wheelChange,
+  clickWheelItem,
+  loadDefault
+} from "./index";
+const api = [
+  "state",
+  "created",
+  "handleClick",
+  "confirm",
+  "reset",
+  "wheelChange",
+  "clickWheelItem",
+  "loadDefault"
+];
+const initState = (reactive) => {
+  const state = reactive({
     dataSource: [],
     wheelData: [],
     headerIndex: -1,
@@ -9,112 +27,50 @@ var initState = function initState(reactive) {
     labelLevelsInfo: [],
     labelsStyle: [],
     wheelIndex: [],
-    wheelText: '',
+    wheelText: "",
     headerInfo: [],
     defaultSelectedIndexs: [],
     defaultSelectedArray: []
   });
   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;
-  Object.assign(api, {
-    state: state,
-    created: created({
-      props: props,
-      state: state,
-      refs: refs,
-      nextTick: nextTick
-    }),
-    handleClick: handleClick({
-      api: api,
-      props: props,
-      state: state
-    }),
-    confirm: confirm({
-      state: state,
-      emit: emit
-    }),
-    reset: reset({
-      api: api,
-      props: props,
-      state: state,
-      emit: emit
-    }),
+const initApi = ({ api: api2, props, state, emit, nextTick, refs }) => {
+  Object.assign(api2, {
+    state,
+    created: created({ props, state, refs, nextTick }),
+    handleClick: handleClick({ api: api2, props, state }),
+    confirm: confirm({ state, emit }),
+    reset: reset({ api: api2, props, state, emit }),
     wheelChange: wheelChange(state),
-    clickWheelItem: clickWheelItem({
-      state: state,
-      emit: emit
-    }),
-    loadDefault: loadDefault({
-      props: props,
-      state: state
-    })
+    clickWheelItem: clickWheelItem({ state, emit }),
+    loadDefault: loadDefault({ props, state })
   });
 };
-var initWatch = function initWatch(_ref2) {
-  var watch = _ref2.watch,
-    props = _ref2.props,
-    state = _ref2.state,
-    refs = _ref2.refs,
-    nextTick = _ref2.nextTick;
-  watch(function () {
-    return props.dataSource;
-  }, function () {
-    api.created({
-      props: props,
-      state: state,
-      refs: refs,
-      nextTick: nextTick
-    });
-  });
-  watch(function () {
-    return props.defaultSelectedArray;
-  }, function () {
-    api.created({
-      props: props,
-      state: state,
-      refs: refs,
-      nextTick: nextTick
-    });
-  });
+const initWatch = ({ watch, props, state, refs, nextTick }) => {
+  watch(
+    () => props.dataSource,
+    () => {
+      api.created({ props, state, refs, nextTick });
+    }
+  );
+  watch(
+    () => props.defaultSelectedArray,
+    () => {
+      api.created({ props, state, refs, nextTick });
+    }
+  );
 };
-export var renderless = function renderless(props, _ref3, _ref4) {
-  var onMounted = _ref3.onMounted,
-    reactive = _ref3.reactive,
-    watch = _ref3.watch;
-  var emit = _ref4.emit,
-    nextTick = _ref4.nextTick,
-    refs = _ref4.refs;
-  var api = {};
-  var state = initState(reactive);
-  initApi({
-    api: api,
-    props: props,
-    state: state,
-    emit: emit,
-    nextTick: nextTick,
-    refs: refs
-  });
-  initWatch({
-    watch: watch,
-    props: props,
-    state: state,
-    refs: refs,
-    nextTick: nextTick
+const renderless = (props, { onMounted, reactive, watch }, { emit, nextTick, refs }) => {
+  const api2 = {};
+  const state = initState(reactive);
+  initApi({ api: api2, props, state, emit, nextTick, refs });
+  initWatch({ watch, props, state, refs, nextTick });
+  onMounted(() => {
+    api2.created({ props, state, refs, nextTick });
   });
-  onMounted(function () {
-    api.created({
-      props: props,
-      state: state,
-      refs: refs,
-      nextTick: nextTick
-    });
-  });
-  return api;
-};
+  return api2;
+};
+export {
+  api,
+  renderless
+};