@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/OldPicker.js

@@ -1,142 +1,469 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, reactive as t, computed as l, watch as a, onMounted as o, toRefs as n, openBlock as r, createElementBlock as s, createElementVNode as i, normalizeStyle as u, Fragment as c, renderList as d, normalizeClass as m, toDisplayString as p, createCommentVNode as f, onBeforeUnmount as h, toRaw as v, resolveComponent as x, createVNode as g, withCtx as y } from "vue";
-import { c as k } from "./component.js";
-import { _ as I } from "./plugin-vue_export-helper.js";
-import T, { popupProps as S } from "./Popup.js";
+import { ref, reactive, computed, watch, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, onBeforeUnmount, toRaw, resolveComponent, createVNode, withCtx } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import Popup, { popupProps } from "./Popup.js";
 import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { create: b } = k("oldpicker-column"), w = b({ props: { dataType: String, itemShow: { type: Boolean, default: false }, listData: { type: Object, default: () => ({}) }, readonly: { type: Boolean, default: false }, defaultIndex: { type: [Number, String], default: 0 } }, emits: ["click", "change"], setup(r2, { emit: s2 }) {
-  const i2 = e(), u2 = t({ touchParams: { startY: 0, endY: 0, startTime: 0, endTime: 0, lastY: 0 }, currIndex: 1, transformY: 0, scrollDistance: 0, lineSpacing: 36, rotation: 20, timer: null }), c2 = e(null), d2 = e(null), m2 = e(null), p2 = e(0), f2 = e(0), h2 = e(0), v2 = l(() => ({ transition: `transform ${f2.value}ms cubic-bezier(0.19, 1, 0.22, 1)`, transform: `translate3d(0, ${u2.scrollDistance}px, 0)` })), x2 = l(() => ({ transition: `transform ${f2.value}ms cubic-bezier(0.19, 1, 0.22, 1)`, transform: `rotate3d(1, 0, 0, ${p2.value})` })), g2 = (e2 = 0, t2, l2 = 1e3, a2) => {
-    f2.value = t2 === "end" ? l2 : 0, p2.value = a2, h2.value = e2, u2.scrollDistance = e2;
-  }, y2 = (e2, t2, l2) => {
-    let a2 = e2 + u2.transformY;
-    if (t2 === "end") {
-      a2 > 0 && (a2 = 0), a2 < -(r2.listData.values.length - 1) * u2.lineSpacing && (a2 = -(r2.listData.values.length - 1) * u2.lineSpacing);
-      let e3 = Math.round(a2 / u2.lineSpacing) * u2.lineSpacing, o2 = (Math.abs(Math.round(e3 / u2.lineSpacing)) + 1) * u2.rotation + "deg";
-      g2(e3, t2, l2, o2);
-      let n2 = l2 ? l2 / 2 : 0;
-      u2.timer = setTimeout(() => {
-        k2();
-      }, n2), u2.currIndex = Math.abs(Math.round(e3 / u2.lineSpacing)) + 1;
-    } else {
-      let e3 = "0deg";
-      e3 = a2 < 0 ? (Math.abs(a2 / u2.lineSpacing) + 1) * u2.rotation + "deg" : (-a2 / u2.lineSpacing + 1) * u2.rotation + "deg", g2(a2, null, void 0, e3), u2.currIndex = Math.abs(Math.round(a2 / u2.lineSpacing)) + 1;
+const { create: create$1 } = createComponent("oldpicker-column");
+const _sfc_main$1 = create$1({
+  props: {
+    dataType: String,
+    itemShow: {
+      type: Boolean,
+      default: false
+    },
+    listData: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    defaultIndex: {
+      type: [Number, String],
+      default: 0
     }
-  }, k2 = () => {
-    s2("change", u2.currIndex - 1);
-  }, I2 = (e2) => {
-    let t2 = r2.defaultIndex;
-    u2.currIndex = t2 === -1 ? 1 : t2 + 1;
-    let l2 = t2 === -1 ? 0 : t2 * u2.lineSpacing;
-    e2 && k2(), y2(-l2);
-  };
-  return a(() => r2.listData, (e2) => {
-    u2.transformY = 0, I2(false);
-  }, { deep: true }), a(() => r2.defaultIndex, (e2) => {
-    u2.transformY = 0, I2(false);
-  }), o(() => {
-    I2(true);
-  }), { ...n(u2), ...n(r2), wrapper: i2, setRollerStyle: (e2) => `transform: rotate3d(1, 0, 0, ${-u2.rotation * e2}deg) translate3d(0px, 0px, 104px)`, isHidden: (e2) => e2 >= u2.currIndex + 8 || e2 <= u2.currIndex - 8, roller: c2, list: d2, listItem: m2, onTouchStart: (e2) => {
-    e2.preventDefault();
-    let t2 = e2.changedTouches[0];
-    u2.touchParams.startY = t2.pageY, u2.touchParams.startTime = e2.timeStamp || Date.now(), u2.transformY = u2.scrollDistance;
-  }, onTouchMove: (e2) => {
-    e2.preventDefault();
-    let t2 = e2.changedTouches[0];
-    u2.touchParams.lastY = t2.pageY, u2.touchParams.lastTime = e2.timeStamp || Date.now();
-    let l2 = u2.touchParams.lastY - u2.touchParams.startY;
-    y2(l2);
-  }, onTouchEnd: (e2) => {
-    e2.preventDefault();
-    let t2 = e2.changedTouches[0];
-    u2.touchParams.lastY = t2.pageY, u2.touchParams.lastTime = e2.timestamp || Date.now();
-    let l2 = u2.touchParams.lastY - u2.touchParams.startY, a2 = u2.touchParams.lastTime - u2.touchParams.startTime;
-    a2 <= 300 ? (l2 *= 2, a2 += 1e3, y2(l2, "end", a2)) : y2(l2, "end");
-  }, touchRollerStyle: x2, touchListStyle: v2, setMove: y2 };
-} }), _ = { class: "nut-oldpicker-content" }, C = { key: 0, class: "nut-oldpicker-placeholder" };
-var D = I(w, [["render", function(e2, t2, l2, a2, o2, n2) {
-  return r(), s("view", { class: "nut-oldpicker__list", onTouchstart: t2[0] || (t2[0] = (...t3) => e2.onTouchStart && e2.onTouchStart(...t3)), onTouchmove: t2[1] || (t2[1] = (...t3) => e2.onTouchMove && e2.onTouchMove(...t3)), onTouchend: t2[2] || (t2[2] = (...t3) => e2.onTouchEnd && e2.onTouchEnd(...t3)) }, [i("view", { class: "nut-oldpicker-roller", ref: "roller", style: u(e2.touchRollerStyle) }, [(r(true), s(c, null, d(e2.listData.values, (t3, l3) => (r(), s("view", { class: m(["nut-oldpicker-roller-item", { "nut-oldpicker-roller-item-hidden": e2.isHidden(l3 + 1) }]), style: u(e2.setRollerStyle(l3 + 1)), key: t3.label ? t3.label : l3 }, p(e2.dataType === "cascade" ? t3.text : t3), 7))), 128))], 4), i("view", _, [i("view", { class: "nut-oldpicker-list-panel", ref: "list", style: u(e2.touchListStyle) }, [(r(true), s(c, null, d(e2.listData.values, (t3, l3) => (r(), s("view", { class: "nut-oldpicker-item nut-oldpicker-item-ref", key: t3.label ? t3.label : l3 }, p(e2.dataType === "cascade" ? t3.text : t3), 1))), 128)), e2.listData && e2.listData.length === 1 ? (r(), s("view", C)) : f("", true)], 4)])], 32);
-}]]);
-const { create: Y, componentName: P } = k("oldpicker"), M = Y({ components: { [D.name]: D, [T.name]: T }, props: { ...S, title: { type: String, default: "" }, cancelText: { type: String, default: "\u53D6\u6D88" }, okText: { type: String, default: "\u786E\u5B9A" }, listData: { type: Array, default: () => [] }, readonly: { type: Boolean, default: false }, defaultIndex: { type: [Number, String], default: 0 } }, emits: ["close", "change", "confirm", "update:visible"], setup(e2, { emit: r2 }) {
-  const s2 = t({ show: false, formattedColumns: e2.listData, defaultIndex: e2.defaultIndex });
-  let i2 = e2.defaultIndex, u2 = [];
-  const c2 = l(() => ({ [P]: true })), d2 = l(() => {
-    const t2 = s2.formattedColumns[0];
-    if (typeof t2 == "object") {
-      if (t2.children)
-        return "cascade";
-      if (t2 == null ? void 0 : t2.values)
-        return p2(e2.listData), "multipleColumns";
-    }
-    return "text";
-  }), m2 = l(() => d2.value === "text" ? [{ values: s2.formattedColumns, defaultIndex: s2.defaultIndex }] : d2.value === "multipleColumns" ? s2.formattedColumns : d2.value === "cascade" ? f2(s2.formattedColumns, s2.defaultIndex) : s2.formattedColumns), p2 = (e3) => {
-    u2 = [], e3.forEach((e4) => {
-      u2.push(e4.defaultIndex || 0);
+  },
+  emits: ["click", "change"],
+  setup(props, { emit }) {
+    const wrapper = ref();
+    const state = reactive({
+      touchParams: {
+        startY: 0,
+        endY: 0,
+        startTime: 0,
+        endTime: 0,
+        lastY: 0
+      },
+      currIndex: 1,
+      transformY: 0,
+      scrollDistance: 0,
+      lineSpacing: 36,
+      rotation: 20,
+      timer: null
+    });
+    const roller = ref(null);
+    const list = ref(null);
+    const listItem = ref(null);
+    const touchDeg = ref(0);
+    const touchTime = ref(0);
+    const touchTranslateY = ref(0);
+    const touchListStyle = computed(() => {
+      return {
+        transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
+        transform: `translate3d(0, ${state.scrollDistance}px, 0)`
+      };
+    });
+    const touchRollerStyle = computed(() => {
+      return {
+        transition: `transform ${touchTime.value}ms cubic-bezier(0.19, 1, 0.22, 1)`,
+        transform: `rotate3d(1, 0, 0, ${touchDeg.value})`
+      };
+    });
+    const onTouchStart = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.startY = changedTouches.pageY;
+      state.touchParams.startTime = event.timeStamp || Date.now();
+      state.transformY = state.scrollDistance;
+    };
+    const onTouchMove = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.lastY = changedTouches.pageY;
+      state.touchParams.lastTime = event.timeStamp || Date.now();
+      let move = state.touchParams.lastY - state.touchParams.startY;
+      setMove(move);
+    };
+    const onTouchEnd = (event) => {
+      event.preventDefault();
+      let changedTouches = event.changedTouches[0];
+      state.touchParams.lastY = changedTouches.pageY;
+      state.touchParams.lastTime = event.timestamp || Date.now();
+      let move = state.touchParams.lastY - state.touchParams.startY;
+      let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
+      if (moveTime <= 300) {
+        move = move * 2;
+        moveTime = moveTime + 1e3;
+        setMove(move, "end", moveTime);
+      } else {
+        setMove(move, "end");
+      }
+    };
+    const setRollerStyle = (index2) => {
+      return `transform: rotate3d(1, 0, 0, ${-state.rotation * index2}deg) translate3d(0px, 0px, 104px)`;
+    };
+    const isHidden = (index2) => {
+      if (index2 >= state.currIndex + 8 || index2 <= state.currIndex - 8) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+    const setTransform = (translateY = 0, type, time = 1e3, deg) => {
+      if (type === "end") {
+        touchTime.value = time;
+      } else {
+        touchTime.value = 0;
+      }
+      touchDeg.value = deg;
+      touchTranslateY.value = translateY;
+      state.scrollDistance = translateY;
+    };
+    const setMove = (move, type, time) => {
+      let updateMove = move + state.transformY;
+      if (type === "end") {
+        if (updateMove > 0) {
+          updateMove = 0;
+        }
+        if (updateMove < -(props.listData.values.length - 1) * state.lineSpacing) {
+          updateMove = -(props.listData.values.length - 1) * state.lineSpacing;
+        }
+        let endMove = Math.round(updateMove / state.lineSpacing) * state.lineSpacing;
+        let deg = `${(Math.abs(Math.round(endMove / state.lineSpacing)) + 1) * state.rotation}deg`;
+        setTransform(endMove, type, time, deg);
+        let t = time ? time / 2 : 0;
+        state.timer = setTimeout(() => {
+          setChooseValue();
+        }, t);
+        state.currIndex = Math.abs(Math.round(endMove / state.lineSpacing)) + 1;
+      } else {
+        let deg = "0deg";
+        if (updateMove < 0) {
+          deg = `${(Math.abs(updateMove / state.lineSpacing) + 1) * state.rotation}deg`;
+        } else {
+          deg = `${(-updateMove / state.lineSpacing + 1) * state.rotation}deg`;
+        }
+        setTransform(updateMove, null, void 0, deg);
+        state.currIndex = Math.abs(Math.round(updateMove / state.lineSpacing)) + 1;
+      }
+    };
+    const setChooseValue = () => {
+      emit("change", state.currIndex - 1);
+    };
+    const modifyStatus = (type) => {
+      let index2 = props.defaultIndex;
+      state.currIndex = index2 === -1 ? 1 : index2 + 1;
+      let move = index2 === -1 ? 0 : index2 * state.lineSpacing;
+      type && setChooseValue();
+      setMove(-move);
+    };
+    watch(() => props.listData, (val) => {
+      state.transformY = 0;
+      modifyStatus(false);
+    }, {
+      deep: true
+    });
+    watch(() => props.defaultIndex, (val) => {
+      state.transformY = 0;
+      modifyStatus(false);
     });
-  }, f2 = (e3, t2) => {
-    const l2 = [];
-    let a2 = e3;
-    for (a2.defaultIndex = t2; a2; )
-      l2.push({ values: a2, defaultIndex: a2.defaultIndex || 0 }), a2 = a2 == null ? void 0 : a2[a2.defaultIndex || 0].children;
-    return p2(l2), l2;
-  };
-  return o(() => {
-    e2.visible && (s2.show = e2.visible);
-  }), h(() => {
-    e2.visible && (s2.show = false);
-  }), a(() => e2.visible, (e3) => {
-    s2.show = e3;
-  }), a(() => e2.listData, (e3) => {
-    s2.formattedColumns = e3;
-  }), { classes: c2, ...n(s2), column: D, dataType: d2, columnList: m2, close: () => {
-    r2("close"), r2("update:visible", false);
-  }, changeHandler: (e3, t2) => {
-    if (d2.value === "cascade") {
-      let l2 = s2.formattedColumns;
-      e3 === 0 && (s2.defaultIndex = t2);
-      let a2 = 0;
-      for (; l2; )
-        a2 === e3 ? l2.defaultIndex = t2 : a2 > e3 && (l2.defaultIndex = 0), l2 = l2[l2.defaultIndex || 0].children, a2++;
-    } else if (d2.value === "text")
-      i2 = t2;
-    else if (d2.value === "multipleColumns") {
-      u2[e3] = t2;
-      const l2 = u2.map((e4, t3) => v(s2.formattedColumns)[t3].values[e4]);
-      r2("change", l2, e3, t2);
+    onMounted(() => {
+      modifyStatus(true);
+    });
+    return {
+      ...toRefs(state),
+      ...toRefs(props),
+      wrapper,
+      setRollerStyle,
+      isHidden,
+      roller,
+      list,
+      listItem,
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      touchRollerStyle,
+      touchListStyle,
+      setMove
+    };
+  }
+});
+const _hoisted_1$1 = { class: "nut-oldpicker-content" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "nut-oldpicker-placeholder"
+};
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: "nut-oldpicker__list",
+    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
+    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
+    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+  }, [
+    createElementVNode("view", {
+      class: "nut-oldpicker-roller",
+      ref: "roller",
+      style: normalizeStyle(_ctx.touchRollerStyle)
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index2) => {
+        return openBlock(), createElementBlock("view", {
+          class: normalizeClass(["nut-oldpicker-roller-item", { "nut-oldpicker-roller-item-hidden": _ctx.isHidden(index2 + 1) }]),
+          style: normalizeStyle(_ctx.setRollerStyle(index2 + 1)),
+          key: item.label ? item.label : index2
+        }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 7);
+      }), 128))
+    ], 4),
+    createElementVNode("view", _hoisted_1$1, [
+      createElementVNode("view", {
+        class: "nut-oldpicker-list-panel",
+        ref: "list",
+        style: normalizeStyle(_ctx.touchListStyle)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.listData.values, (item, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-oldpicker-item nut-oldpicker-item-ref",
+            key: item.label ? item.label : index2
+          }, toDisplayString(_ctx.dataType === "cascade" ? item.text : item), 1);
+        }), 128)),
+        _ctx.listData && _ctx.listData.length === 1 ? (openBlock(), createElementBlock("view", _hoisted_2$1)) : createCommentVNode("", true)
+      ], 4)
+    ])
+  ], 32);
+}
+var column = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const { create, componentName } = createComponent("oldpicker");
+const _sfc_main = create({
+  components: {
+    [column.name]: column,
+    [Popup.name]: Popup
+  },
+  props: {
+    ...popupProps,
+    title: {
+      type: String,
+      default: ""
+    },
+    cancelText: {
+      type: String,
+      default: "\u53D6\u6D88"
+    },
+    okText: {
+      type: String,
+      default: "\u786E\u5B9A"
+    },
+    listData: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    defaultIndex: {
+      type: [Number, String],
+      default: 0
     }
-  }, confirm: () => {
-    if (d2.value === "text")
-      s2.defaultIndex = i2, r2("confirm", s2.formattedColumns[i2]);
-    else if (d2.value === "multipleColumns") {
-      for (let e4 = 0; e4 < u2.length; e4++)
-        s2.formattedColumns[e4].defaultIndex = u2[e4];
-      const e3 = v(s2.formattedColumns).map((e4) => e4.values && e4.values[e4.defaultIndex]);
-      r2("confirm", e3);
-    } else
-      d2.value === "cascade" && r2("confirm", ((e3, t2) => {
-        var _a;
-        let l2 = e3;
-        l2.defaultIndex = t2;
-        const a2 = [];
-        for (; l2; ) {
-          const e4 = l2[(_a = l2.defaultIndex) != null ? _a : 0];
-          a2.push(e4.text), l2 = e4.children;
+  },
+  emits: ["close", "change", "confirm", "update:visible"],
+  setup(props, { emit }) {
+    const childrenKey = "children";
+    const valuesKey = "values";
+    const state = reactive({
+      show: false,
+      formattedColumns: props.listData,
+      defaultIndex: props.defaultIndex
+    });
+    let _defaultIndex = props.defaultIndex;
+    let defaultIndexList = [];
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const dataType = computed(() => {
+      const firstColumn = state.formattedColumns[0];
+      if (typeof firstColumn === "object") {
+        if (firstColumn[childrenKey]) {
+          return "cascade";
+        } else if (firstColumn == null ? void 0 : firstColumn[valuesKey]) {
+          addDefaultIndexList(props.listData);
+          return "multipleColumns";
+        }
+      }
+      return "text";
+    });
+    const columnList = computed(() => {
+      if (dataType.value === "text") {
+        return [{ values: state.formattedColumns, defaultIndex: state.defaultIndex }];
+      } else if (dataType.value === "multipleColumns") {
+        return state.formattedColumns;
+      } else if (dataType.value === "cascade") {
+        return formatCascade(state.formattedColumns, state.defaultIndex);
+      }
+      return state.formattedColumns;
+    });
+    const addDefaultIndexList = (listData) => {
+      defaultIndexList = [];
+      listData.forEach((res) => {
+        defaultIndexList.push(res.defaultIndex || 0);
+      });
+    };
+    const formatCascade = (listData, defaultIndex) => {
+      const formatted = [];
+      let children = listData;
+      children.defaultIndex = defaultIndex;
+      while (children) {
+        formatted.push({
+          values: children,
+          defaultIndex: children.defaultIndex || 0
+        });
+        children = children == null ? void 0 : children[children.defaultIndex || 0].children;
+      }
+      addDefaultIndexList(formatted);
+      return formatted;
+    };
+    const getCascadeData = (listData, defaultIndex) => {
+      var _a;
+      let arr = listData;
+      arr.defaultIndex = defaultIndex;
+      const dataList = [];
+      while (arr) {
+        const item = arr[(_a = arr.defaultIndex) != null ? _a : 0];
+        dataList.push(item.text);
+        arr = item.children;
+      }
+      return dataList;
+    };
+    const close = () => {
+      emit("close");
+      emit("update:visible", false);
+    };
+    const changeHandler = (columnIndex, dataIndex) => {
+      if (dataType.value === "cascade") {
+        let cursor = state.formattedColumns;
+        if (columnIndex === 0) {
+          state.defaultIndex = dataIndex;
+        }
+        let i = 0;
+        while (cursor) {
+          if (i === columnIndex) {
+            cursor.defaultIndex = dataIndex;
+          } else if (i > columnIndex) {
+            cursor.defaultIndex = 0;
+          }
+          cursor = cursor[cursor.defaultIndex || 0].children;
+          i++;
         }
-        return a2;
-      })(v(s2.formattedColumns), s2.defaultIndex));
-    r2("update:visible", false);
-  } };
-} }), j = { class: "nut-oldpicker__bar" }, L = { class: "nut-oldpicker__title" }, $ = { class: "nut-oldpicker__column" }, E = i("view", { class: "nut-oldpicker__hairline" }, null, -1);
-var H = I(M, [["render", function(e2, t2, l2, a2, o2, n2) {
-  const u2 = x("nut-oldpicker-column"), f2 = x("nut-popup");
-  return r(), s("view", { class: m(e2.classes) }, [g(f2, { position: "bottom", visible: e2.show, "onUpdate:visible": t2[2] || (t2[2] = (t3) => e2.show = t3), teleport: e2.teleport, "lock-scroll": e2.lockScroll, "close-on-click-overlay": e2.closeOnClickOverlay, onClose: e2.close, round: true, isWrapTeleport: e2.isWrapTeleport }, { default: y(() => [i("view", j, [i("view", { class: "nut-oldpicker__cancel nut-oldpicker__left nut-oldpicker__button", onClick: t2[0] || (t2[0] = (...t3) => e2.close && e2.close(...t3)) }, p(e2.cancelText), 1), i("view", L, p(e2.title), 1), i("view", { class: "nut-oldpicker__confirm nut-oldpicker__button nut-oldpicker__right", onClick: t2[1] || (t2[1] = (t3) => e2.confirm()) }, p(e2.okText), 1)]), i("view", $, [E, (r(true), s(c, null, d(e2.columnList, (t3, l3) => (r(), s("view", { class: "nut-oldpicker__columnitem", key: l3 }, [g(u2, { itemShow: e2.show, "list-data": t3, readonly: e2.readonly, "default-index": t3.defaultIndex, "data-type": e2.dataType, onChange: (t4) => {
-    e2.changeHandler(l3, t4);
-  } }, null, 8, ["itemShow", "list-data", "readonly", "default-index", "data-type", "onChange"])]))), 128))])]), _: 1 }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose", "isWrapTeleport"])], 2);
-}]]);
-export { H as default };
+      } else if (dataType.value === "text") {
+        _defaultIndex = dataIndex;
+      } else if (dataType.value === "multipleColumns") {
+        defaultIndexList[columnIndex] = dataIndex;
+        const val = defaultIndexList.map((res, i) => toRaw(state.formattedColumns)[i].values[res]);
+        emit("change", val, columnIndex, dataIndex);
+      }
+    };
+    const confirm = () => {
+      if (dataType.value === "text") {
+        state.defaultIndex = _defaultIndex;
+        emit("confirm", state.formattedColumns[_defaultIndex]);
+      } else if (dataType.value === "multipleColumns") {
+        for (let i = 0; i < defaultIndexList.length; i++) {
+          state.formattedColumns[i].defaultIndex = defaultIndexList[i];
+        }
+        const checkedArr = toRaw(state.formattedColumns).map((res) => res.values && res.values[res.defaultIndex]);
+        emit("confirm", checkedArr);
+      } else if (dataType.value === "cascade") {
+        emit("confirm", getCascadeData(toRaw(state.formattedColumns), state.defaultIndex));
+      }
+      emit("update:visible", false);
+    };
+    onMounted(() => {
+      if (props.visible)
+        state.show = props.visible;
+    });
+    onBeforeUnmount(() => {
+      if (props.visible)
+        state.show = false;
+    });
+    watch(() => props.visible, (val) => {
+      state.show = val;
+    });
+    watch(() => props.listData, (val) => {
+      state.formattedColumns = val;
+    });
+    return {
+      classes,
+      ...toRefs(state),
+      column,
+      dataType,
+      columnList,
+      close,
+      changeHandler,
+      confirm
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-oldpicker__bar" };
+const _hoisted_2 = { class: "nut-oldpicker__title" };
+const _hoisted_3 = { class: "nut-oldpicker__column" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("view", { class: "nut-oldpicker__hairline" }, null, -1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_oldpicker_column = resolveComponent("nut-oldpicker-column");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createVNode(_component_nut_popup, {
+      position: "bottom",
+      visible: _ctx.show,
+      "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.show = $event),
+      teleport: _ctx.teleport,
+      "lock-scroll": _ctx.lockScroll,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      onClose: _ctx.close,
+      round: true,
+      isWrapTeleport: _ctx.isWrapTeleport
+    }, {
+      default: withCtx(() => [
+        createElementVNode("view", _hoisted_1, [
+          createElementVNode("view", {
+            class: "nut-oldpicker__cancel nut-oldpicker__left nut-oldpicker__button",
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
+          }, toDisplayString(_ctx.cancelText), 1),
+          createElementVNode("view", _hoisted_2, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", {
+            class: "nut-oldpicker__confirm nut-oldpicker__button nut-oldpicker__right",
+            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
+          }, toDisplayString(_ctx.okText), 1)
+        ]),
+        createElementVNode("view", _hoisted_3, [
+          _hoisted_4,
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnList, (item, columnIndex) => {
+            return openBlock(), createElementBlock("view", {
+              class: "nut-oldpicker__columnitem",
+              key: columnIndex
+            }, [
+              createVNode(_component_nut_oldpicker_column, {
+                itemShow: _ctx.show,
+                "list-data": item,
+                readonly: _ctx.readonly,
+                "default-index": item.defaultIndex,
+                "data-type": _ctx.dataType,
+                onChange: (dataIndex) => {
+                  _ctx.changeHandler(columnIndex, dataIndex);
+                }
+              }, null, 8, ["itemShow", "list-data", "readonly", "default-index", "data-type", "onChange"])
+            ]);
+          }), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["visible", "teleport", "lock-scroll", "close-on-click-overlay", "onClose", "isWrapTeleport"])
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };