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

package/README.md

@@ -0,0 +1,26 @@
+<p align="center">
+  <a href="https://tinyuidesign.cloudbu.huawei.com/" target="_blank" rel="noopener noreferrer">
+    <img alt="TinyVue Logo" src="./logo.svg" height="100" style="max-width:100%;">
+  </a>
+</p>
+
+<p align="center">Tiny-Vue-Renderless 是 TinyVue 组件库的逻辑层 </p>
+  
+## 如何使用
+
+使用组件库时，只需安装 `@opentiny/vue` , `@opentiny/vue-renderless` 会同步完成安装 
+
+## 本地开发
+```shell
+git clone git@github.com:opentiny/tiny-vue-renderless.git
+cd tiny-vue-renderless
+npm i
+```
+- 克隆的 tiny-vue-renderless 工程放在与 tiny-vue 工程同个目录文件夹
+- 安装 tiny-vue-renderless 的依赖
+- 然后启动 tiny-vue 工程
+- 本地启动 tiny-vue 工程后，即可调试 tiny-vue-renderless 工程
+
+## 开源协议
+
+[MIT](LICENSE)

package/action-menu/index.js

@@ -7,4 +7,9 @@ export var handleItemClick = function handleItemClick(emit) {
   return function (data) {
     emit('item-click', data);
   };
+};
+export var visibleChange = function visibleChange(emit) {
+  return function (status) {
+    emit('visible-change', status);
+  };
 };

package/action-menu/vue.js

@@ -1,12 +1,14 @@
-import { handleMoreClick, handleItemClick } from './index';
-export var api = ['state', 'handleMoreClick', 'handleItemClick'];
+import { handleMoreClick, handleItemClick, visibleChange } from './index';
+export var api = ['state', 'handleMoreClick', 'handleItemClick', 'visibleChange'];
 export var renderless = function renderless(props, _ref, _ref2) {
   var computed = _ref.computed,
     reactive = _ref.reactive;
-  var emit = _ref2.emit;
+  var emit = _ref2.emit,
+    nextTick = _ref2.nextTick;
   var api = {
     handleMoreClick: handleMoreClick(emit),
-    handleItemClick: handleItemClick(emit)
+    handleItemClick: handleItemClick(emit),
+    visibleChange: visibleChange(emit)
   };
   var state = reactive({
     visibleOptions: computed(function () {

package/dropdown-item/vue.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { tagClick, confirm, clickOutside, getOptionStyle, reset, getTitle, bindScroll, toggle, onScroll, open, opened, close, closed, clickItem, clickWrapper, getItemStyle, handleClick } from './index';
 export var api = ['state', 'confirm', 'clickOutside', 'getOptionStyle', 'reset', 'tagClick', 'clickItem', 'clickWrapper', 'toggle', 'open', 'opened', 'close', 'closed', 'handleClick'];
 var initState = function initState(_ref) {
@@ -110,9 +111,13 @@ export var renderless = function renderless(props, _ref3, _ref4) {
   var parent = _ref4.parent,
     emit = _ref4.emit,
     vm = _ref4.vm,
-    dispatch = _ref4.dispatch;
+    dispatch = _ref4.dispatch,
+    mode = _ref4.mode;
   var api = {};
   var dropdownMenu = inject('dropdownMenu', null);
+  if (mode === 'mobile') {
+    dropdownMenu.state.children = [].concat(_toConsumableArray(dropdownMenu.state.children), [vm]);
+  }
   parent = parent.$parent;
   var state = initState({
     reactive: reactive,

package/dropdown-menu/vue.js

@@ -2,10 +2,12 @@ import { toggleItem, updateOffset, clickOutside, getScroller, useVuePopper } fro
 export var api = ['state', 'toggleItem', 'updateOffset', 'clickOutside', 'doDestroy'];
 export var renderless = function renderless(props, hooks, instance) {
   var api = {};
-  var reactive = hooks.reactive;
+  var reactive = hooks.reactive,
+    provide = hooks.provide;
   var refs = instance.refs,
     nextTick = instance.nextTick,
-    mode = instance.mode;
+    mode = instance.mode,
+    vm = instance.vm;
   var state = reactive({
     offset: 0,
     scroller: null,
@@ -14,6 +16,7 @@ export var renderless = function renderless(props, hooks, instance) {
     showPopper: false
   });
   if (mode === 'mobile') {
+    provide('dropdownMenu', vm);
     nextTick(function () {
       state.scroller = getScroller(refs.menu);
     });

package/multi-select/index.js

@@ -53,14 +53,16 @@ export var confirm = function confirm(_ref3) {
     emit = _ref3.emit;
   return function () {
     var wheelLevelItems = getWheelLevelItems(state.wheelData, state.defaultSelectedIndexs);
-    var wheelLevelText = getWheelLevelText(wheelLevelItems, state.defaultSelectedIndexs);
+    var _getSelected = getSelected(wheelLevelItems, state.defaultSelectedIndexs),
+      selectedLabels = _getSelected.selectedLabels,
+      selectedItems = _getSelected.selectedItems;
     state.headerInfo[state.headerIndex] = {
       isSelected: true,
-      title: wheelLevelText,
+      title: selectedLabels,
       isUP: false
     };
     state.defaultSelectedArray[state.headerIndex] = state.defaultSelectedIndexs;
-    emit('confirm', state.defaultSelectedIndexs, wheelLevelText);
+    emit('confirm', selectedItems, state.headerIndex, state.defaultSelectedIndexs);
     state.showWheel = false;
   };
 };
@@ -78,7 +80,7 @@ export var reset = function reset(_ref4) {
     };
     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);
+    emit('reset', [], state.headerIndex, state.defaultSelectedIndexs);
     state.showWheel = false;
   };
 };
@@ -90,7 +92,7 @@ export var wheelChange = function wheelChange(state) {
 export var clickWheelItem = function clickWheelItem(_ref5) {
   var state = _ref5.state,
     emit = _ref5.emit;
-  return function (indexs, text) {
+  return function (indexs, text, item) {
     if (indexs.length === 0) {
       state.defaultSelectedIndexs = [-1];
       state.headerInfo[state.headerIndex] = {
@@ -107,17 +109,12 @@ export var clickWheelItem = function clickWheelItem(_ref5) {
       };
     }
     state.defaultSelectedArray[state.headerIndex] = state.defaultSelectedIndexs;
-    emit('confirm', indexs, text);
+    emit('confirm', item, state.headerIndex, indexs);
     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_1 = wheelData;
   var level_n = getNextLevel([], wheelData, newIndexs, 0);
   var wheelLevelItems = [];
   if (level_n.length === 0) {
@@ -137,21 +134,25 @@ export var getNextLevel = function getNextLevel(levelItems, children, nextIndexs
     return levelItems;
   }
 };
-export var getWheelLevelText = function getWheelLevelText(wheelLevelItems, selectedIndexs) {
-  var selectedLabels = [];
+export var getSelected = function getSelected(wheelLevelItems, selectedIndexs) {
+  var selectedItems = [];
   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);
+    if (levelItem[index]) {
+      selectedItems.push(levelItem[index]);
     }
   });
-  return selectedLabels.join(' ');
+  var selectedLabels = selectedItems.map(function (item) {
+    return item === null || item === void 0 ? void 0 : item.label;
+  }).join(' ');
+  return {
+    selectedLabels: selectedLabels,
+    selectedItems: selectedItems
+  };
 };
-export var loadDefault = function loadDefault(_ref7) {
-  var props = _ref7.props,
-    state = _ref7.state;
+export var loadDefault = function loadDefault(_ref6) {
+  var props = _ref6.props,
+    state = _ref6.state;
   return function (value) {
     var _props$defaultSelecte2, _state$dataSource$sta;
     var current = (_props$defaultSelecte2 = props.defaultSelectedArray[value]) !== null && _props$defaultSelecte2 !== void 0 ? _props$defaultSelecte2 : [];

package/package.json

@@ -1,16 +1,24 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.6.0-alpha.1",
-  "description": "@opentiny/vue-renderless",
+  "version": "3.6.0",
+  "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
+  "homepage": "https://opentiny.design/tiny-vue",
   "repository": {
     "type": "git",
-    "url": ""
+    "url": "https://github.com/opentiny/tiny-vue-renderless"
   },
   "keywords": [
     "vue",
-    "Tiny"
+    "vue3",
+    "frontend",
+    "component-library",
+    "components",
+    "vue-components",
+    "opentiny",
+    "renderless-components",
+    "headless-components"
   ],
-  "author": "Tiny Team",
+  "author": "OpenTiny Team",
   "license": "MIT",
   "sideEffects": false,
   "scripts": {

package/pull-refresh/index.js

@@ -32,13 +32,17 @@ export var onTouchstart = function onTouchstart(state) {
     state.draggposition = event.touches[0].clientY;
   };
 };
-export var onTouchmove = function onTouchmove(state) {
+export var onTouchmove = function onTouchmove(_ref2) {
+  var props = _ref2.props,
+    state = _ref2.state;
   return function (event) {
     if (event.touches[0].clientY < state.draggposition) {
       if (!state.pullUp.pullUpDisabled) {
-        state.translate3d = (event.touches[0].clientY - state.draggposition) / 2;
-        state.pullUpReplaces = Math.abs(state.translate3d) > state.pullUp.footHeight ? state.loosingText : state.pullUp.pullingUpText;
-        state.pullDownReplaces = '';
+        if (props.hasMore) {
+          state.translate3d = (event.touches[0].clientY - state.draggposition) / 2;
+          state.pullUpReplaces = Math.abs(state.translate3d) > state.pullUp.footHeight ? state.loosingText : state.pullUp.pullingUpText;
+          state.pullDownReplaces = '';
+        }
       }
     } else {
       if (!state.pullDown.pullDownDisabled) {
@@ -52,10 +56,10 @@ export var onTouchmove = function onTouchmove(state) {
     state.pullDownLoading = false;
   };
 };
-export var onTouchend = function onTouchend(_ref2) {
-  var api = _ref2.api,
-    props = _ref2.props,
-    state = _ref2.state;
+export var onTouchend = function onTouchend(_ref3) {
+  var api = _ref3.api,
+    props = _ref3.props,
+    state = _ref3.state;
   return function () {
     state.animationDuration = props.animationDuration;
     if (Math.abs(state.translate3d) >= state.pullDown.headHeight || Math.abs(state.translate3d) >= state.pullUp.footHeight) {
@@ -98,9 +102,9 @@ export var onTouchend = function onTouchend(_ref2) {
     }
   };
 };
-export var mountedHandler = function mountedHandler(_ref3) {
-  var api = _ref3.api,
-    refs = _ref3.refs;
+export var mountedHandler = function mountedHandler(_ref4) {
+  var api = _ref4.api,
+    refs = _ref4.refs;
   return function () {
     var track = refs.track;
     on(track, 'touchstart', api.onTouchstart);
@@ -108,9 +112,9 @@ export var mountedHandler = function mountedHandler(_ref3) {
     on(track, 'touchend', api.onTouchend);
   };
 };
-export var beforeUnmountHandler = function beforeUnmountHandler(_ref4) {
-  var api = _ref4.api,
-    refs = _ref4.refs;
+export var beforeUnmountHandler = function beforeUnmountHandler(_ref5) {
+  var api = _ref5.api,
+    refs = _ref5.refs;
   return function () {
     var track = refs.track;
     off(track, 'touchstart', api.onTouchstart);
@@ -118,9 +122,9 @@ export var beforeUnmountHandler = function beforeUnmountHandler(_ref4) {
     off(track, 'touchend', api.onTouchend);
   };
 };
-export var handlerModelValue = function handlerModelValue(_ref5) {
-  var api = _ref5.api,
-    state = _ref5.state;
+export var handlerModelValue = function handlerModelValue(_ref6) {
+  var api = _ref6.api,
+    state = _ref6.state;
   return function (value, result) {
     state.pullUpLoading = false;
     state.pullDownLoading = false;

package/pull-refresh/vue.js

@@ -1,7 +1,7 @@
 import { mountedHandler, beforeUnmountHandler, handlerModelValue, onTouchstart, onTouchmove, onTouchend, initPullRefresh, clearPullRefresh } from './index';
 export var api = ['state'];
 export var renderless = function renderless(props, _ref, _ref2) {
-  var computed = _ref.computed,
+  var watch = _ref.watch,
     onMounted = _ref.onMounted,
     reactive = _ref.reactive,
     onBeforeUnmount = _ref.onBeforeUnmount;
@@ -19,6 +19,7 @@ export var renderless = function renderless(props, _ref, _ref2) {
     loosingText: '',
     successText: '',
     failedText: '',
+    noMoreText: '',
     pullUp: null,
     pullDown: null,
     successDuration: props.successDuration,
@@ -27,7 +28,10 @@ export var renderless = function renderless(props, _ref, _ref2) {
   Object.assign(api, {
     state: state,
     onTouchstart: onTouchstart(state),
-    onTouchmove: onTouchmove(state),
+    onTouchmove: onTouchmove({
+      props: props,
+      state: state
+    }),
     onTouchend: onTouchend({
       api: api,
       props: props,
@@ -52,6 +56,14 @@ export var renderless = function renderless(props, _ref, _ref2) {
     }),
     clearPullRefresh: clearPullRefresh(state)
   });
+  watch(function () {
+    return props.hasMore;
+  }, function (value) {
+    if (!value) {
+      state.noMoreText = t('ui.pullRefresh.noMore');
+      api.clearPullRefresh();
+    }
+  });
   onMounted(function () {
     api.mountedHandler({
       api: api,

package/transfer/index.js

@@ -105,22 +105,25 @@ export var addToLeft = function addToLeft(_ref5) {
     props = _ref5.props,
     state = _ref5.state;
   return function (value) {
-    state.isToLeft = true;
-    var currentValue = props.modelValue.slice();
-    if (value === 'all') {
-      state.rightChecked = state.rightData.map(function (item) {
-        return item[props.props.key];
-      });
-    }
-    state.rightChecked.forEach(function (item) {
-      var index = currentValue.indexOf(item);
-      if (index > -1) {
-        currentValue.splice(index, 1);
+    var change = function change() {
+      state.isToLeft = true;
+      var currentValue = props.modelValue.slice();
+      if (value === 'all') {
+        state.rightChecked = state.rightData.map(function (item) {
+          return item[props.props.key];
+        });
       }
-    });
-    state.rightChecked = state.rightChecked.slice(0);
-    emit('update:modelValue', currentValue);
-    emit('change', currentValue, 'left', state.rightChecked);
+      state.rightChecked.forEach(function (item) {
+        var index = currentValue.indexOf(item);
+        if (index > -1) {
+          currentValue.splice(index, 1);
+        }
+      });
+      state.rightChecked = state.rightChecked.slice(0);
+      emit('update:modelValue', currentValue);
+      emit('change', currentValue, 'left', state.rightChecked);
+    };
+    props.beforeTransfer ? props.beforeTransfer(change) : change();
   };
 };
 export var addToRight = function addToRight(_ref6) {
@@ -130,40 +133,43 @@ export var addToRight = function addToRight(_ref6) {
     state = _ref6.state,
     Tree = _ref6.Tree;
   return function (value) {
-    state.isToLeft = false;
-    var currentValue = props.modelValue.slice();
-    var itemsToBeMoved = [];
-    var key = props.props.key;
-    if (props.render && props.render.plugin.name === Tree) {
-      if (!props.treeOp.checkStrictly) {
-        currentValue = refs.leftPanel.$refs.plugin.getCheckedKeys();
-      } else {
-        state.leftChecked.forEach(function (item) {
-          return currentValue.indexOf(item) === -1 && currentValue.push(item);
-        });
-      }
-    } else {
-      if (value === 'all') {
-        state.leftData.forEach(function (item) {
-          var itemKey = item[key];
-          if (props.modelValue.indexOf(itemKey) === -1) {
-            itemsToBeMoved.push(itemKey);
-          }
-        });
-        state.leftChecked = itemsToBeMoved.slice();
+    var change = function change() {
+      state.isToLeft = false;
+      var currentValue = props.modelValue.slice();
+      var itemsToBeMoved = [];
+      var key = props.props.key;
+      if (props.render && props.render.plugin.name === Tree) {
+        if (!props.treeOp.checkStrictly) {
+          currentValue = refs.leftPanel.$refs.plugin.getCheckedKeys();
+        } else {
+          state.leftChecked.forEach(function (item) {
+            return currentValue.indexOf(item) === -1 && currentValue.push(item);
+          });
+        }
       } else {
-        props.data.forEach(function (item) {
-          var itemKey = item[key];
-          if (state.leftChecked.indexOf(itemKey) > -1 && props.modelValue.indexOf(itemKey) === -1) {
-            itemsToBeMoved.push(itemKey);
-          }
-        });
+        if (value === 'all') {
+          state.leftData.forEach(function (item) {
+            var itemKey = item[key];
+            if (props.modelValue.indexOf(itemKey) === -1) {
+              itemsToBeMoved.push(itemKey);
+            }
+          });
+          state.leftChecked = itemsToBeMoved.slice();
+        } else {
+          props.data.forEach(function (item) {
+            var itemKey = item[key];
+            if (state.leftChecked.indexOf(itemKey) > -1 && props.modelValue.indexOf(itemKey) === -1) {
+              itemsToBeMoved.push(itemKey);
+            }
+          });
+        }
+        currentValue = props.targetOrder === 'unshift' ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
       }
-      currentValue = props.targetOrder === 'unshift' ? itemsToBeMoved.concat(currentValue) : currentValue.concat(itemsToBeMoved);
-    }
-    state.rightDisabled = false;
-    emit('update:modelValue', currentValue);
-    emit('change', currentValue, 'right', state.leftChecked);
+      state.rightDisabled = false;
+      emit('update:modelValue', currentValue);
+      emit('change', currentValue, 'right', state.leftChecked);
+    };
+    props.beforeTransfer ? props.beforeTransfer(change) : change();
   };
 };
 export var clearQuery = function clearQuery(refs) {

package/wheel/index.js

@@ -12,12 +12,7 @@ export var loadPickerData = function loadPickerData(_ref) {
   return function () {
     state.dataSource = cloneDeep(props.dataSource);
     state.defaultSelectedIndexs = cloneDeep(props.defaultSelectedIndexs);
-    var level_1 = state.dataSource.map(function (_ref2) {
-      var label = _ref2.label;
-      return {
-        label: label
-      };
-    });
+    var level_1 = state.dataSource;
     var level_n = getNextLevel([], state.dataSource, state.defaultSelectedIndexs, 0);
     if (level_n.length === 0) {
       state.pickerData = [level_1];
@@ -36,9 +31,9 @@ export var getNextLevel = function getNextLevel(levelItems, children, nextIndexs
     return levelItems;
   }
 };
-export var wheelChanged = function wheelChanged(_ref3) {
-  var api = _ref3.api,
-    state = _ref3.state;
+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) {
@@ -61,10 +56,10 @@ export var getChildren = function getChildren(levelItems, newIndexs, start, maxL
     return levelItem;
   }
 };
-export var wheelsTo = function wheelsTo(_ref4) {
-  var api = _ref4.api,
-    state = _ref4.state,
-    nextTick = _ref4.nextTick;
+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) {
@@ -81,13 +76,13 @@ export var refreshWheel = function refreshWheel(nextTick) {
     });
   };
 };
-export var loadWheels = function loadWheels(_ref5) {
-  var api = _ref5.api,
-    props = _ref5.props,
-    state = _ref5.state,
-    nextTick = _ref5.nextTick,
-    refs = _ref5.refs;
-  return function (wheel) {
+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 = [];
@@ -103,11 +98,11 @@ export var loadWheels = function loadWheels(_ref5) {
     }
   };
 };
-export var createWheelHasFooter = function createWheelHasFooter(_ref6) {
-  var api = _ref6.api,
-    state = _ref6.state,
-    emit = _ref6.emit,
-    BScroll = _ref6.BScroll;
+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]) {
@@ -125,16 +120,7 @@ export var createWheelHasFooter = function createWheelHasFooter(_ref6) {
         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;
-        var selectedLabels = [];
-        state.pickerData.forEach(function (data, i) {
-          var _data$index;
-          var index = currentSelectedIndexs[i];
-          if ((_data$index = data[index]) !== null && _data$index !== void 0 && _data$index.label) {
-            var _data$index2;
-            selectedLabels.push((_data$index2 = data[index]) === null || _data$index2 === void 0 ? void 0 : _data$index2.label);
-          }
-        });
-        emit('change', currentSelectedIndexs, selectedLabels.join(' '));
+        emit('change', currentSelectedIndexs);
       });
       api.wheelsTo(state.defaultSelectedIndexs);
       api.changeWheelItemStyle(state.pickerData, state.defaultSelectedIndexs);
@@ -144,10 +130,10 @@ export var createWheelHasFooter = function createWheelHasFooter(_ref6) {
     return wheels[i];
   };
 };
-export var createWheelNoFooter = function createWheelNoFooter(_ref7) {
-  var api = _ref7.api,
-    state = _ref7.state,
-    BScroll = _ref7.BScroll;
+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]) {
@@ -184,18 +170,18 @@ export var dealWheels = function dealWheels(state) {
     state.defaultSelectedIndexs = [];
   };
 };
-export var clickWheelItem = function clickWheelItem(_ref8) {
-  var api = _ref8.api,
-    state = _ref8.state,
-    emit = _ref8.emit;
+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);
+      emit('clickWheelItem', [index], selectedLabel, rItem);
     } else {
-      emit('clickWheelItem', [], '');
+      emit('clickWheelItem', [], '', []);
     }
   };
 };