fix: 🐛 修复Picker多级联动未应用picker选择值时取消后打开展示列数据错误的问题

✅ Closes: #562

Author: xuqingkai

docs/component/picker-view.md

@@ -127,6 +127,7 @@ const onChangeDistrict = (pickerView, value, columnIndex, resolve) => {
 | getColumnIndex | 获取某一列的选中项下标 | columnIndex | - |
 | getColumnData | 获取某一列的选项 | columnIndex | - |
 | setColumnData | 设置某一列的选项 | columnIndex, values | - |
+| resetColumns | 重置列数据为指定列数据 | columns（类型与props中columns相同） | $LOWEST_VERSION$ |
 
 ## Events
 

src/uni_modules/wot-design-uni/components/wd-picker-view/types.ts

@@ -71,6 +71,7 @@ export type PickerViewExpose = {
   getColumnIndex: (columnIndex: number) => number
   getLabels: () => string[]
   getSelectedIndex: () => number[]
+  resetColumns: (columns: (string | number | string[] | number[] | ColumnItem | ColumnItem[])[]) => void
 }
 
 export type PickerViewProps = ExtractPropTypes<typeof pickerViewProps>

src/uni_modules/wot-design-uni/components/wd-picker-view/wd-picker-view.vue

@@ -326,6 +326,15 @@ function getSelectedIndex() {
   return selectedIndex.value
 }
 
+/**
+ * 用于重置列数据为指定列数据
+ */
+function resetColumns(columns: (string | number | string[] | number[] | ColumnItem | ColumnItem[])[]) {
+  if (isArray(columns) && columns.length) {
+    formatColumns.value = formatArray(columns, props.valueKey, props.labelKey)
+  }
+}
+
 function onPickStart() {
   emit('pickstart')
 }
@@ -342,7 +351,8 @@ defineExpose<PickerViewExpose>({
   getColumnData,
   getColumnIndex,
   getLabels,
-  getSelectedIndex
+  getSelectedIndex,
+  resetColumns
 })
 </script>
 <style lang="scss" scoped>

src/uni_modules/wot-design-uni/components/wd-picker/wd-picker.vue

@@ -292,6 +292,10 @@ function showPopup() {
 function onCancel() {
   popupShow.value = false
   emit('cancel')
+  let timmer = setTimeout(() => {
+    clearTimeout(timmer)
+    isDef(pickerViewWd.value) && pickerViewWd.value.resetColumns(resetColumns.value)
+  }, 300)
 }
 /**
  * 点击确定按钮触发。展示选中值，触发cancel事件。