@nutui/nutui 3.2.6-beta.2 → 3.2.7

package/dist/packages/_es/OldPicker.js

@@ -1,486 +0,0 @@
-/*!
-* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-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: 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
-    }
-  },
-  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);
-      }
-    );
-    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
-    }
-  },
-  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++;
-        }
-      } 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 };

package/dist/packages/oldpicker/index.scss

@@ -1,133 +0,0 @@
-.nut-oldpicker {
-  &__content {
-    display: block;
-    position: relative;
-    text-align: center;
-    overflow-y: hidden;
-    &:hover {
-      cursor: grab;
-    }
-  }
-
-  &__bar {
-    display: flex;
-    height: 56px;
-    align-items: center;
-    justify-content: space-between;
-  }
-  &__column {
-    display: flex;
-    position: relative;
-    height: 252px;
-  }
-  &__columnitem {
-    width: 0;
-    flex-grow: 1;
-    height: 100%;
-  }
-  &__left {
-    color: $picker-cancel-color;
-    font-size: $picker-bar-cancel-font-size;
-  }
-  &__right {
-    color: $picker-ok-color;
-    font-size: $picker-bar-ok-font-size;
-  }
-
-  &__title {
-    color: $picker-bar-title-color;
-    font-size: $picker-bar-title-font-size;
-    font-weight: $picker-bar-title-font-weight;
-  }
-
-  &__button {
-    cursor: pointer;
-    padding: $picker-bar-button-padding;
-    display: flex;
-    align-items: center;
-    height: 100%;
-  }
-  &__wrapper {
-    display: block;
-  }
-  &__item {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 35px;
-  }
-  &__hairline {
-    position: absolute;
-    top: 108px;
-    height: 34px;
-    width: 100%;
-    border: $picker-item-active-line-border;
-    border-left: 0;
-    border-right: 0;
-  }
-
-  &__list {
-    position: relative;
-    display: block;
-    width: 100%;
-    height: 252px;
-    overflow: hidden;
-    text-align: center;
-  }
-
-  &-roller {
-    display: block;
-    position: absolute;
-    top: 108px;
-    width: 100%;
-    height: $picker-item-height;
-    z-index: 1;
-    transform-style: preserve-3d;
-
-    &-item {
-      display: block;
-      backface-visibility: hidden;
-      -moz-backface-visibility: hidden;
-      -webkit-backface-visibility: hidden;
-      position: absolute;
-      top: 0;
-      width: 100%;
-      height: $picker-item-height;
-      line-height: $picker-item-height;
-      color: $picker-item-text-color;
-      font-size: $picker-item-text-font-size;
-
-      &-hidden {
-        visibility: hidden;
-        opacity: 0;
-      }
-    }
-  }
-
-  &-content {
-    display: block;
-    position: absolute;
-    top: 108px;
-    width: 100%;
-    height: $picker-item-height;
-    color: $picker-item-active-text-color;
-    z-index: 2;
-    overflow: hidden;
-    border-left: 0;
-    border-right: 0;
-  }
-  &-list-panel {
-    display: block;
-    transform-style: preserve-3d;
-  }
-  &-item {
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    height: $picker-item-height;
-    line-height: $picker-item-height;
-    text-align: center;
-    font-size: 16px;
-  }
-}

package/dist/types/__VUE/oldpicker/Column.vue.d.ts

@@ -1,96 +0,0 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-declare const _sfc_main: Install< import("vue").DefineComponent<{
-    dataType: StringConstructor;
-    itemShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    listData: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    defaultIndex: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-}, {
-    wrapper: import("vue").Ref<any>;
-    setRollerStyle: (index: number) => string;
-    isHidden: (index: number) => boolean;
-    roller: import("vue").Ref<null>;
-    list: import("vue").Ref<null>;
-    listItem: import("vue").Ref<null>;
-    onTouchStart: (event: TouchEvent) => void;
-    onTouchMove: (event: TouchEvent) => void;
-    onTouchEnd: (event: TouchEvent) => void;
-    touchRollerStyle: import("vue").ComputedRef<{
-        transition: string;
-        transform: string;
-    }>;
-    touchListStyle: import("vue").ComputedRef<{
-        transition: string;
-        transform: string;
-    }>;
-    setMove: (move: number, type?: string | undefined, time?: number | undefined) => void;
-    onClick: import("vue").Ref<((...args: any[]) => any) | undefined>;
-    onChange: import("vue").Ref<((...args: any[]) => any) | undefined>;
-    readonly: import("vue").Ref<boolean>;
-    itemShow: import("vue").Ref<boolean>;
-    dataType: import("vue").Ref<string | undefined>;
-    listData: import("vue").Ref<Record<string, any>>;
-    defaultIndex: import("vue").Ref<string | number>;
-    touchParams: import("vue").Ref<{
-        startY: number;
-        endY: number;
-        startTime: number;
-        endTime: number;
-        lastY: number;
-    }>;
-    currIndex: import("vue").Ref<number>;
-    transformY: import("vue").Ref<number>;
-    scrollDistance: import("vue").Ref<number>;
-    lineSpacing: import("vue").Ref<number>;
-    rotation: import("vue").Ref<number>;
-    timer: import("vue").Ref<null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change")[], "click" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    dataType: StringConstructor;
-    itemShow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    listData: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    defaultIndex: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-}>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-}, {
-    readonly: boolean;
-    itemShow: boolean;
-    listData: Record<string, any>;
-    defaultIndex: string | number;
-}>>;
-export default _sfc_main;
-
-declare module 'vue' {
-  interface GlobalComponents {
-      NutOldPicker: typeof _sfc_main;
-  }
-}     
-