@nutui/nutui 3.1.12-beta.1 → 3.1.14

package/dist/packages/_es/index2.js

@@ -1,49 +1,64 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { unref } from "vue";
-function isWindow(val) {
-  return val === window;
+import { ref } from "vue";
+const MIN_DISTANCE = 10;
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return "horizontal";
+  }
+  if (y > x && y > MIN_DISTANCE) {
+    return "vertical";
+  }
+  return "";
 }
-const useTaroRect = (elementRef, Taro) => {
-  let element = unref(elementRef);
-  return new Promise((resolve) => {
-    if (Taro.getEnv() === "WEB") {
-      if (element && element.$el) {
-        element = element.$el;
-      }
-      if (isWindow(element)) {
-        const width = element.innerWidth;
-        const height = element.innerHeight;
-        resolve({
-          top: 0,
-          left: 0,
-          right: width,
-          bottom: height,
-          width,
-          height
-        });
-      }
-      if (element && element.getBoundingClientRect) {
-        resolve(element.getBoundingClientRect());
-      }
-      resolve({
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        width: 0,
-        height: 0
-      });
-    } else {
-      const query = Taro.createSelectorQuery();
-      query.select(`#${element.id}`).boundingClientRect();
-      query.exec(function(res) {
-        resolve(res[0]);
-      });
+function useTouch() {
+  const startX = ref(0);
+  const startY = 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;
+    offsetX.value = Math.abs(deltaX.value);
+    offsetY.value = Math.abs(deltaY.value);
+    if (!direction.value) {
+      direction.value = getDirection(offsetX.value, offsetY.value);
     }
-  });
-};
-export { useTaroRect as u };
+  };
+  return {
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
+  };
+}
+export { useTouch as u };

package/dist/packages/_es/index3.js

@@ -1,419 +1,36 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, renderSlot, vShow, h, reactive, onBeforeMount, toRefs, resolveComponent, Teleport, createCommentVNode, createVNode, createElementBlock } from "vue";
-import { u as useLockScroll } from "./use-lock-scroll.js";
-import { c as createComponent } from "./component.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: true
-  },
-  overlayStyle: {
-    type: Object
-  },
-  closeOnClickOverlay: {
-    type: Boolean,
-    default: true
-  }
-};
-var _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 __spreadValues({
-        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 };
-  }
-});
-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
-  });
+import { unref } from "vue";
+function isWindow(val) {
+  return val === window;
 }
-_sfc_main$2.render = _sfc_render$1;
-const { componentName: componentName$1, create: create$1 } = createComponent("icon");
-var _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 useRect = (elementRef) => {
+  const element = unref(elementRef);
+  if (isWindow(element)) {
+    const width = element.innerWidth;
+    const height = element.innerHeight;
+    return {
+      top: 0,
+      left: 0,
+      right: width,
+      bottom: height,
+      width,
+      height
     };
   }
-});
-const { componentName, create } = createComponent("popup");
-let _zIndex = 2e3;
-const popupProps = __spreadProps(__spreadValues({}, 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
+  if (element && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
   }
-});
-var _sfc_main = create({
-  components: {
-    [_sfc_main$2.name]: _sfc_main$2,
-    [_sfc_main$1.name]: _sfc_main$1
-  },
-  props: __spreadValues({}, popupProps),
-  emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
-  setup(props, { emit }) {
-    const state = reactive({
-      zIndex: props.zIndex ? props.zIndex : _zIndex,
-      showSlot: true,
-      transitionName: `popup-fade-${props.position}`,
-      overLayCount: 1,
-      keepAlive: false
-    });
-    const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        ["round"]: props.round,
-        [`popup-${props.position}`]: true,
-        [props.popClass]: true
-      };
-    });
-    const popStyle = computed(() => {
-      return __spreadValues({
-        zIndex: state.zIndex,
-        animationDuration: props.duration ? `${props.duration}s` : "initial"
-      }, props.style);
-    });
-    const open = () => {
-      if (!props.visible) {
-        if (props.zIndex !== void 0) {
-          _zIndex = Number(props.zIndex);
-        }
-        emit("update:visible", true);
-        lockScroll();
-        state.zIndex = ++_zIndex;
-      }
-      if (props.destroyOnClose) {
-        state.showSlot = true;
-      }
-      emit("open");
-    };
-    const close = () => {
-      if (props.visible) {
-        unlockScroll();
-        emit("update:visible", false);
-        if (props.destroyOnClose) {
-          setTimeout(() => {
-            state.showSlot = false;
-            emit("close");
-          }, +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}`;
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
-      popStyle,
-      classes,
-      onClick,
-      onClickCloseIcon,
-      onClickOverlay,
-      onOpened,
-      onClosed
-    });
-  }
-});
-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),
-    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))
-        }, [
-          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
-          _ctx.closeable ? (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, {
-              name: _ctx.closeIcon,
-              size: "12px"
-            }, null, 8, ["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),
-    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),
-          _ctx.closeable ? (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"])
-  ]));
-}
-_sfc_main.render = _sfc_render;
-export { _sfc_main$1 as _, _sfc_main as a, popupProps as p };
+  return {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  };
+};
+export { useRect as u };

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

@@ -0,0 +1,13 @@
+/*!
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+export { _export_sfc as _ };

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/util.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/cascader/index.scss

@@ -0,0 +1,81 @@
+.nut-cascader {
+  width: 100%;
+  font-size: $nut-cascader-font-size;
+  line-height: $nut-cascader-line-height;
+
+  .nut-tabpane {
+    padding: 0;
+  }
+
+  .nut-tabs__titles-item {
+    flex: initial;
+    min-width: auto;
+    padding: $nut-cascader-tabs-item-padding;
+    white-space: nowrap;
+  }
+
+  .nut-tabs__titles {
+    padding: $nut-cascader-tabs-item-padding;
+    background: #fff;
+  }
+
+  &__bar {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: $nut-cascader-bar-padding;
+    text-align: center;
+    font-weight: bold;
+    line-height: $nut-cascader-bar-line-height;
+    color: $nut-cascader-bar-color;
+    font-size: $nut-cascader-bar-font-size;
+  }
+
+  &-pane {
+    display: block;
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    padding-top: 10px;
+    height: 342px;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &-item {
+    display: flex;
+    align-items: center;
+    padding: $nut-cascader-item-padding;
+    margin: 0;
+    cursor: pointer;
+    font-size: $nut-cascader-item-font-size;
+    color: $nut-cascader-item-color;
+
+    &__title {
+      flex: 1;
+    }
+
+    &__icon-check {
+      margin-left: 10px;
+      visibility: hidden;
+    }
+
+    &__icon-loading {
+      margin-left: 10px;
+    }
+
+    &.active:not(.disabled) {
+      color: $nut-cascader-item-active-color;
+    }
+
+    &.active &__icon-check {
+      visibility: visible;
+      color: $nut-cascader-item-active-color;
+    }
+
+    &.disabled {
+      opacity: 0.6;
+      cursor: not-allowed;
+    }
+  }
+}

package/dist/packages/cellgroup/index.scss

@@ -9,6 +9,15 @@
     margin-top: 30px;
     margin-bottom: 10px;
   }
+  &__desc {
+    display: inherit;
+    padding: $cell-group-desc-padding;
+    color: $cell-group-desc-color;
+    font-size: $cell-group-desc-font-size;
+    line-height: $cell-group-desc-line-height;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
   &__warp {
     display: inherit;
     border-radius: $cell-border-radius;