@nutui/nutui 3.1.17 → 3.1.19-beta.0

package/dist/packages/_es/TextArea.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
+import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("textarea");
@@ -15,7 +15,7 @@ const _sfc_main = create({
     },
     textAlign: {
       type: String,
-      default: "left"
+      default: ""
     },
     limitShow: {
       type: Boolean,
@@ -52,6 +52,7 @@ const _sfc_main = create({
   },
   emits: ["update:modelValue", "change", "blur", "focus"],
   setup(props, { emit }) {
+    const textareaRef = ref();
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
@@ -59,12 +60,41 @@ const _sfc_main = create({
         [`${prefixCls}--disabled`]: props.disabled
       };
     });
+    onMounted(() => {
+      if (props.modelValue) {
+        emitChange(String(props.modelValue));
+      }
+      if (props.autosize) {
+        nextTick(getContentHeight);
+      }
+    });
     const styles = computed(() => {
       return {
-        textAlign: props.textAlign,
-        resize: props.autosize ? "vertical" : "none"
+        textAlign: props.textAlign
       };
     });
+    const getContentHeight = () => {
+      let textarea = textareaRef.value;
+      textarea.style.height = "auto";
+      let height = textarea.scrollHeight;
+      if (typeof props.autosize === "object") {
+        const { maxHeight, minHeight } = props.autosize;
+        if (maxHeight !== void 0) {
+          height = Math.min(height, maxHeight);
+        }
+        if (minHeight !== void 0) {
+          height = Math.max(height, minHeight);
+        }
+      }
+      if (height) {
+        textarea.style.height = height + "px";
+      }
+    };
+    watch(() => props.modelValue, () => {
+      if (props.autosize) {
+        nextTick(getContentHeight);
+      }
+    });
     const emitChange = (value, event) => {
       if (props.maxLength && value.length > Number(props.maxLength)) {
         value = value.substring(0, Number(props.maxLength));
@@ -94,6 +124,7 @@ const _sfc_main = create({
       emit("blur", { value, event });
     };
     return {
+      textareaRef,
       classes,
       styles,
       change,
@@ -112,6 +143,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("textarea", {
+      ref: "textareaRef",
       class: "nut-textarea__textarea",
       style: normalizeStyle(_ctx.styles),
       rows: _ctx.rows,

package/dist/packages/_es/TimeDetail.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";

package/dist/packages/_es/TimePannel.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";

package/dist/packages/_es/TimeSelect.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
@@ -30,6 +30,10 @@ const _sfc_main = create({
       default: () => {
         return [];
       }
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:visible", "select"],
@@ -72,6 +76,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     closeable: "",
     round: "",
+    isWrapTeleport: _ctx.isWrapTeleport,
     visible: _ctx.visible,
     style: normalizeStyle(_ctx.popStyle),
     onClickOverlay: _ctx.close,
@@ -95,7 +100,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["visible", "style", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["isWrapTeleport", "visible", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Toast.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, onMounted, watch, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createVNode, createCommentVNode, toDisplayString, vShow, render } from "vue";
@@ -53,6 +53,10 @@ const _sfc_main = create({
       type: [String, Number],
       default: "base"
     },
+    iconSize: {
+      type: String,
+      default: "20"
+    },
     icon: String,
     textAlignCenter: {
       type: Boolean,
@@ -64,7 +68,7 @@ const _sfc_main = create({
     },
     bgColor: {
       type: String,
-      default: "rgba(0, 0, 0, .8)"
+      default: ""
     },
     onClose: Function,
     unmount: Function,
@@ -74,7 +78,7 @@ const _sfc_main = create({
     },
     coverColor: {
       type: String,
-      default: "rgba(0, 0, 0, 0)"
+      default: ""
     },
     title: {
       type: String,
@@ -85,7 +89,8 @@ const _sfc_main = create({
       default: false
     }
   },
-  setup(props) {
+  emits: ["close"],
+  setup(props, { emit }) {
     let timer;
     const state = reactive({
       mounted: false
@@ -113,6 +118,7 @@ const _sfc_main = create({
     const clickCover = () => {
       if (props.closeOnClickOverlay) {
         hide();
+        emit("close");
       }
     };
     if (props.duration) {
@@ -189,10 +195,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1, [
             createVNode(_component_nut_icon, {
-              size: "20",
+              size: _ctx.iconSize,
               color: "#ffffff",
               name: _ctx.icon
-            }, null, 8, ["name"])
+            }, null, 8, ["size", "name"])
           ])) : createCommentVNode("", true),
           _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
@@ -218,14 +224,15 @@ const defaultOptions = {
   customClass: "",
   bottom: "30px",
   size: "base",
+  iconSize: "20",
   icon: null,
   textAlignCenter: true,
   loadingRotate: true,
-  bgColor: "rgba(0, 0, 0, .8)",
+  bgColor: "",
   onClose: null,
   unmount: null,
   cover: false,
-  coverColor: "rgba(0, 0, 0, 0)",
+  coverColor: "",
   closeOnClickOverlay: false
 };
 let idsMap = [];

package/dist/packages/_es/Uploader.js

@@ -19,8 +19,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createCommentVNode, renderList, createElementVNode, toDisplayString, createVNode, createBlock, createTextVNode } from "vue";
@@ -302,8 +302,6 @@ const _sfc_main = create({
           fileList,
           index: index2
         });
-      } else {
-        console.log("\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01");
       }
     };
     const onChange = (event) => {

package/dist/packages/_es/Video.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, ref, computed, watch, nextTick, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, createCommentVNode, withDirectives, vShow, normalizeClass, toDisplayString, normalizeStyle, withModifiers } from "vue";
@@ -90,24 +90,26 @@ const _sfc_main = create({
       },
       showTouchMask: false
     });
-    const root = ref();
+    const root = ref(null);
     const isDisabled = computed(() => {
       return props.options.disabled;
     });
-    watch(props.source, (newValue) => {
+    watch(() => props.source, (newValue) => {
       if (newValue.src) {
         nextTick(() => {
           state.videoElm.load();
         });
       }
     });
-    watch(props.options, (newValue) => {
-      state.state.isMuted = newValue.muted ? newValue.muted : false;
+    watch(() => props.options, (newValue) => {
+      state.state.isMuted = newValue ? newValue.muted : false;
     }, { immediate: true });
     const init = () => {
       state.videoElm = root.value;
       if (props.options.autoplay) {
-        state.videoElm.play();
+        setTimeout(() => {
+          state.videoElm.play();
+        }, 200);
       }
       if (props.options.touchPlay) {
         state.showTouchMask = true;
@@ -150,7 +152,9 @@ const _sfc_main = create({
       if (state.videoElm) {
         if (state.state.playing) {
           try {
-            state.videoElm.play();
+            setTimeout(() => {
+              state.videoElm.play();
+            }, 200);
             state.videoElm.addEventListener("progress", () => {
               getLoadTime();
             });

package/dist/packages/_es/common.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { provide, shallowReactive, getCurrentInstance, markRaw, isVNode, computed, h } from "vue";

package/dist/packages/_es/component.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { defineComponent } from "vue";

package/dist/packages/_es/index.js

@@ -1,13 +1,11 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { getCurrentInstance } from "vue";
-function useExpose(apis) {
-  const instance = getCurrentInstance();
-  if (instance) {
-    Object.assign(instance.proxy, apis);
-  }
+function useRouter() {
+  const proxy = getCurrentInstance().proxy;
+  return proxy.$router || null;
 }
-export { useExpose as u };
+export { useRouter as u };

package/dist/packages/_es/index2.js

@@ -1,36 +1,13 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { unref } from "vue";
-function isWindow(val) {
-  return val === window;
-}
-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
-    };
-  }
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
+import { getCurrentInstance } from "vue";
+function useExpose(apis) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
   }
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-export { useRect as u };
+}
+export { useExpose as u };

package/dist/packages/_es/index3.js

@@ -1,64 +1,36 @@
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:15 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 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 { unref } from "vue";
+function isWindow(val) {
+  return val === window;
+}
+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
+    };
   }
-  if (y > x && y > MIN_DISTANCE) {
-    return "vertical";
+  if (element && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
   }
-  return "";
-}
-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);
-    }
-  };
   return {
-    move,
-    start,
-    reset,
-    startX,
-    startY,
-    deltaX,
-    deltaY,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
   };
-}
-export { useTouch as u };
+};
+export { useRect as u };

package/dist/packages/_es/index4.js

@@ -0,0 +1,64 @@
+/*!
+* @nutui/nutui v3.1.19-beta.0 Mon Mar 28 2022 17:50:21 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";
+  }
+  if (y > x && y > MIN_DISTANCE) {
+    return "vertical";
+  }
+  return "";
+}
+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);
+    }
+  };
+  return {
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
+  };
+}
+export { useTouch as u };