@nutui/nutui 3.2.5-beta.1 → 3.2.6-beta.1

package/dist/packages/_es/index4.js

@@ -1,70 +1,432 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref } from "vue";
-const MIN_DISTANCE = 10;
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return "horizontal";
+import { computed, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, renderSlot, vShow, h, ref, reactive, onBeforeMount, toRefs, resolveComponent, Teleport, createCommentVNode, createTextVNode, createVNode, createElementBlock, mergeProps } from "vue";
+import { u as useLockScroll } from "./use-lock-scroll.js";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { p as pxCheck } from "./pxCheck.js";
+const { componentName: componentName$2, create: create$2 } = createComponent("overlay");
+const overlayProps = {
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  zIndex: {
+    type: [Number, String],
+    default: 2e3
+  },
+  duration: {
+    type: [Number, String],
+    default: 0.3
+  },
+  overlayClass: {
+    type: String,
+    default: ""
+  },
+  lockScroll: {
+    type: Boolean,
+    default: false
+  },
+  overlayStyle: {
+    type: Object
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true
   }
-  if (y > x && y > MIN_DISTANCE) {
-    return "vertical";
+};
+const _sfc_main$2 = create$2({
+  props: overlayProps,
+  emits: ["click", "update:visible"],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName$2;
+      return {
+        [prefixCls]: true,
+        [props.overlayClass]: true
+      };
+    });
+    watch(
+      () => props.visible,
+      (value) => {
+        value ? lock() : unlock();
+      }
+    );
+    const lock = () => {
+      if (props.lockScroll && props.visible) {
+        document.body.classList.add("nut-overflow-hidden");
+      }
+    };
+    const unlock = () => {
+      document.body.classList.remove("nut-overflow-hidden");
+    };
+    onDeactivated(unlock);
+    onBeforeUnmount(unlock);
+    onMounted(lock);
+    onActivated(lock);
+    const style = computed(() => {
+      return {
+        animationDuration: `${props.duration}s`,
+        zIndex: props.zIndex,
+        ...props.overlayStyle
+      };
+    });
+    const touchmove = (e) => {
+      if (props.lockScroll)
+        e.preventDefault();
+    };
+    const onClick = (e) => {
+      emit("click", e);
+      if (props.closeOnClickOverlay) {
+        emit("update:visible", false);
+      }
+    };
+    return { classes, style, touchmove, onClick };
   }
-  return "";
+});
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
+    default: withCtx(() => [
+      withDirectives(createElementVNode("view", {
+        class: normalizeClass(_ctx.classes),
+        onTouchmove: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.touchmove && _ctx.touchmove(...args), ["stop"])),
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+        style: normalizeStyle(_ctx.style)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 38), [
+        [vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
+  });
 }
-function useTouch() {
-  const startX = ref(0);
-  const startY = ref(0);
-  const moveX = ref(0);
-  const moveY = ref(0);
-  const deltaX = ref(0);
-  const deltaY = ref(0);
-  const offsetX = ref(0);
-  const offsetY = ref(0);
-  const direction = ref("");
-  const isVertical = () => direction.value === "vertical";
-  const isHorizontal = () => direction.value === "horizontal";
-  const reset = () => {
-    deltaX.value = 0;
-    deltaY.value = 0;
-    offsetX.value = 0;
-    offsetY.value = 0;
-    direction.value = "";
-  };
-  const start = (event) => {
-    reset();
-    startX.value = event.touches[0].clientX;
-    startY.value = event.touches[0].clientY;
-  };
-  const move = (event) => {
-    const touch = event.touches[0];
-    deltaX.value = touch.clientX - startX.value;
-    deltaY.value = touch.clientY - startY.value;
-    moveX.value = touch.clientX;
-    moveY.value = touch.clientY;
-    offsetX.value = Math.abs(deltaX.value);
-    offsetY.value = Math.abs(deltaY.value);
-    if (!direction.value) {
-      direction.value = getDirection(offsetX.value, offsetY.value);
-    }
-  };
-  return {
-    move,
-    start,
-    reset,
-    startX,
-    startY,
-    moveX,
-    moveY,
-    deltaX,
-    deltaY,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal
-  };
+var overlay = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
+const { componentName: componentName$1, create: create$1 } = createComponent("icon");
+const _sfc_main$1 = create$1({
+  props: {
+    name: { type: String, default: "" },
+    size: { type: [String, Number], default: "" },
+    classPrefix: { type: String, default: "nut-icon" },
+    fontClassName: { type: String, default: "nutui-iconfont" },
+    color: { type: String, default: "" },
+    tag: { type: String, default: "i" }
+  },
+  emits: ["click"],
+  setup(props, { emit, slots }) {
+    const handleClick = (event) => {
+      emit("click", event);
+    };
+    const isImage = () => {
+      return props.name ? props.name.indexOf("/") !== -1 : false;
+    };
+    return () => {
+      var _a;
+      const _isImage = isImage();
+      return h(
+        _isImage ? "img" : props.tag,
+        {
+          class: _isImage ? `${componentName$1}__img` : `${props.fontClassName} ${componentName$1} ${props.classPrefix}-${props.name}`,
+          style: {
+            color: props.color,
+            fontSize: pxCheck(props.size),
+            width: pxCheck(props.size),
+            height: pxCheck(props.size)
+          },
+          onClick: handleClick,
+          src: _isImage ? props.name : ""
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
+    };
+  }
+});
+const { componentName, create } = createComponent("popup");
+let _zIndex = 2e3;
+const popupProps = {
+  ...overlayProps,
+  position: {
+    type: String,
+    default: "center"
+  },
+  transition: String,
+  style: {
+    type: Object
+  },
+  popClass: {
+    type: String,
+    default: ""
+  },
+  closeable: {
+    type: Boolean,
+    default: false
+  },
+  closeIconPosition: {
+    type: String,
+    default: "top-right"
+  },
+  closeIcon: {
+    type: String,
+    default: "close"
+  },
+  destroyOnClose: {
+    type: Boolean,
+    default: true
+  },
+  teleport: {
+    type: [String, Element],
+    default: "body"
+  },
+  overlay: {
+    type: Boolean,
+    default: true
+  },
+  round: {
+    type: Boolean,
+    default: false
+  },
+  isWrapTeleport: {
+    type: Boolean,
+    default: true
+  },
+  safeAreaInsetBottom: {
+    type: Boolean,
+    default: false
+  }
+};
+const _sfc_main = create({
+  components: {
+    [overlay.name]: overlay,
+    [_sfc_main$1.name]: _sfc_main$1
+  },
+  props: {
+    ...popupProps
+  },
+  emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
+  setup(props, { emit }) {
+    const popupRef = ref();
+    const state = reactive({
+      zIndex: props.zIndex,
+      showSlot: true,
+      transitionName: `popup-fade-${props.position}`,
+      overLayCount: 1,
+      keepAlive: false,
+      closed: props.closeable
+    });
+    const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        ["round"]: props.round,
+        [`popup-${props.position}`]: true,
+        [`popup-${props.position}--safebottom`]: props.position === "bottom" && props.safeAreaInsetBottom,
+        [props.popClass]: true
+      };
+    });
+    const popStyle = computed(() => {
+      return {
+        zIndex: state.zIndex,
+        animationDuration: props.duration ? `${props.duration}s` : "initial",
+        ...props.style
+      };
+    });
+    const open = () => {
+      if (props.zIndex != 2e3) {
+        _zIndex = Number(props.zIndex);
+      }
+      emit("update:visible", true);
+      lockScroll();
+      state.zIndex = ++_zIndex;
+      if (props.destroyOnClose) {
+        state.showSlot = true;
+      }
+      emit("open");
+    };
+    const close = () => {
+      unlockScroll();
+      emit("update:visible", false);
+      emit("close");
+      if (props.destroyOnClose) {
+        setTimeout(() => {
+          state.showSlot = false;
+        }, +props.duration * 1e3);
+      }
+    };
+    const onClick = (e) => {
+      emit("click", e);
+    };
+    const onClickCloseIcon = (e) => {
+      emit("click-close-icon", e);
+      close();
+    };
+    const onClickOverlay = (e) => {
+      if (props.closeOnClickOverlay) {
+        emit("click-overlay", e);
+        close();
+      }
+    };
+    const onOpened = (e) => {
+      emit("opend", e);
+    };
+    const onClosed = (e) => {
+      emit("closed", e);
+    };
+    onMounted(() => {
+      props.transition ? state.transitionName = props.transition : state.transitionName = `popup-slide-${props.position}`;
+      props.visible && open();
+    });
+    onBeforeUnmount(() => {
+      props.visible && close();
+    });
+    onBeforeMount(() => {
+      if (props.visible) {
+        unlockScroll();
+      }
+    });
+    onActivated(() => {
+      if (state.keepAlive) {
+        emit("update:visible", true);
+        state.keepAlive = false;
+      }
+    });
+    onDeactivated(() => {
+      if (props.visible) {
+        close();
+        state.keepAlive = true;
+      }
+    });
+    watch(
+      () => props.visible,
+      (value) => {
+        if (value) {
+          open();
+        } else {
+          close();
+        }
+      }
+    );
+    watch(
+      () => props.position,
+      (value) => {
+        value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
+      }
+    );
+    watch(
+      () => props.closeable,
+      (value) => {
+        state.closed = value;
+      }
+    );
+    return {
+      ...toRefs(state),
+      popStyle,
+      classes,
+      onClick,
+      onClickCloseIcon,
+      onClickOverlay,
+      onOpened,
+      onClosed,
+      popupRef
+    };
+  }
+});
+const _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_overlay = resolveComponent("nut-overlay");
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
+    key: 0,
+    to: _ctx.teleport
+  }, [
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
+      key: 0,
+      visible: _ctx.visible,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      class: normalizeClass(_ctx.overlayClass),
+      style: normalizeStyle(_ctx.overlayStyle),
+      "z-index": _ctx.zIndex,
+      "lock-scroll": _ctx.lockScroll,
+      duration: _ctx.duration,
+      onClick: _ctx.onClickOverlay
+    }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
+    createTextVNode(),
+    createVNode(Transition, {
+      name: _ctx.transitionName,
+      onAfterEnter: _ctx.onOpened,
+      onAfterLeave: _ctx.onClosed
+    }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("view", {
+          class: normalizeClass(_ctx.classes),
+          style: normalizeStyle(_ctx.popStyle),
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+          ref: "popupRef"
+        }, [
+          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          createTextVNode(),
+          _ctx.closed ? (openBlock(), createElementBlock("view", {
+            key: 1,
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
+            class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
+          }, [
+            createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
+              name: _ctx.closeIcon,
+              size: "12px"
+            }), null, 16, ["name"])
+          ], 2)) : createCommentVNode("", true)
+        ], 6), [
+          [vShow, _ctx.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1, [
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
+      key: 0,
+      visible: _ctx.visible,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      class: normalizeClass(_ctx.overlayClass),
+      style: normalizeStyle(_ctx.overlayStyle),
+      "z-index": _ctx.zIndex,
+      "lock-scroll": _ctx.lockScroll,
+      duration: _ctx.duration,
+      onClick: _ctx.onClickOverlay
+    }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
+    createTextVNode(),
+    createVNode(Transition, {
+      name: _ctx.transitionName,
+      onAfterEnter: _ctx.onOpened,
+      onAfterLeave: _ctx.onClosed
+    }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("view", {
+          class: normalizeClass(_ctx.classes),
+          style: normalizeStyle(_ctx.popStyle),
+          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+        }, [
+          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          createTextVNode(),
+          _ctx.closed ? (openBlock(), createElementBlock("view", {
+            key: 1,
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
+            class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
+          }, [
+            createVNode(_component_nut_icon, {
+              name: _ctx.closeIcon,
+              size: "12px"
+            }, null, 8, ["name"])
+          ], 2)) : createCommentVNode("", true)
+        ], 6), [
+          [vShow, _ctx.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ]));
 }
-export { useTouch as u };
+var Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { Popup as P, _sfc_main$1 as _, popupProps as p };

package/dist/packages/_es/plugin-vue_export-helper.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/style.css

@@ -1,9 +1,27 @@
-@keyframes moving {
+.self-content {
+  width: 195px;
+  display: flex;
+  flex-wrap: wrap;
+}
+.self-content-item {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.self-content-desc {
+  margin-top: 5px;
+  width: 60px;
+  font-size: 10px;
+  text-align: center;
+}@keyframes moving {
 from {
     transform: translateX(100%);
 }
 to {
-    transform: translateX(var(--01d702ea));
+    transform: translateX(var(--9732a304));
 }
 }
 @-webkit-keyframes moving {
@@ -11,6 +29,6 @@ from {
     -webkit-transform: translateX(100%);
 }
 to {
-    transform: translateX(var(--01d702ea));
+    transform: translateX(var(--9732a304));
 }
 }/* @import './index.scss'; */

package/dist/packages/_es/use-lock-scroll.js

@@ -0,0 +1,23 @@
+/*!
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+let count = 0;
+const CLSNAME = "nut-overflow-hidden";
+const useLockScroll = (isLock) => {
+  const lock = () => {
+    if (isLock()) {
+      !count && document.body.classList.add(CLSNAME);
+      count++;
+    }
+  };
+  const unlock = () => {
+    if (isLock() && count) {
+      count--;
+      !count && document.body.classList.remove(CLSNAME);
+    }
+  };
+  return [lock, unlock];
+};
+export { useLockScroll as u };

package/dist/packages/locale/lang/baseLang.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:58 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:39 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:58 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:39 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:58 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:39 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/index.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:58 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:39 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:58 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:39 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/locale/lang/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:58 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:39 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/signature/index.scss

@@ -1,12 +1,15 @@
 .nut-signature {
   .nut-signature-inner {
-    height: 10rem;
+    // height: 10rem;
     margin-bottom: 1rem;
     border: 1px solid #dadada;
     display: flex;
     justify-content: center;
     align-items: center;
   }
+  .spcanvas_WEAPP {
+    height: 10rem;
+  }
 
   .nut-signature-btn {
     margin-right: 15px;

package/dist/packages/swiperitem/index.scss

@@ -1,6 +1,6 @@
 .nut-swiper-item {
   height: 100%;
   img {
-    pointer-events: none;
+    // pointer-events: none;
   }
 }

package/dist/smartips/attributes.json

@@ -1235,6 +1235,10 @@
     "type": "number",
     "description": "属性说明：手势缩放时，最小缩放比例`小程序暂不支持`，默认值：1/3"
   },
+  "nut-imagepreview/is-Loop": {
+    "type": "boolean",
+    "description": "属性说明：是否循环播放，默认值：`true`"
+  },
   "nut-indicator/current": {
     "type": "number",
     "description": "属性说明：当前步骤，默认值：1"

package/dist/smartips/tags.json

@@ -453,7 +453,8 @@
       "close-icon-position",
       "before-close",
       "max-zoom",
-      "min-zoom"
+      "min-zoom",
+      "is-Loop"
     ]
   },
   "nut-indicator": {