@nutui/nutui 3.1.15 → 3.1.17-beta.0

package/dist/packages/_es/ActionSheet.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
+* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -65,7 +65,7 @@ const _sfc_main = create({
       default: () => []
     }
   }),
-  emits: ["cancel", "choose", "update:visible"],
+  emits: ["cancel", "close", "choose", "update:visible"],
   setup(props, { emit }) {
     const classes = computed(() => {
       const prefixCls = componentName;

package/dist/packages/_es/Address.js

@@ -15,17 +15,21 @@ var __spreadValues = (a, b) => {
   return a;
 };
 /*!
-* @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
+* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, reactive, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, withDirectives, createVNode, vShow, toDisplayString, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, normalizeStyle, createTextVNode, nextTick } from "vue";
+import { ref, computed, reactive, onMounted, watch, toRefs, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, withDirectives, createVNode, vShow, toDisplayString, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, normalizeStyle, createTextVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("address");
 const _sfc_main = create({
   inheritAttrs: false,
   props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
     visible: {
       type: Boolean,
       default: false
@@ -89,9 +93,13 @@ const _sfc_main = create({
     height: {
       type: [String, Number],
       default: "200px"
+    },
+    columnsPlaceholder: {
+      type: [String, Array],
+      default: "\u8BF7\u9009\u62E9"
     }
   },
-  emits: ["update:visible", "type", "change", "selected", "close", "close-mask", "switch-module"],
+  emits: ["update:visible", "update:modelValue", "type", "change", "selected", "close", "close-mask", "switch-module"],
   setup(props, { emit }) {
     const regionLine = ref(null);
     const tabRegion = ref(null);
@@ -99,6 +107,7 @@ const _sfc_main = create({
     const privateType = ref(props.type);
     const tabIndex = ref(0);
     const tabName = ref(["province", "city", "country", "town"]);
+    const tabNameDefault = ref([""]);
     const isCustom2 = computed(() => props.type === "custom2");
     const transformData = (data) => {
       if (!Array.isArray(data))
@@ -146,13 +155,55 @@ const _sfc_main = create({
     let selectedExistAddress = reactive({});
     const closeWay = ref("self");
     const lineDistance = ref(20);
+    onMounted(() => {
+      customPlaceholder();
+    });
+    const initCustomSelected = () => {
+      if (props.modelValue.length > 0) {
+        tabIndex.value = props.modelValue.length - 1;
+        for (let index2 = 0; index2 < props.modelValue.length; index2++) {
+          if (regionList[tabName.value[index2]].length == 0) {
+            tabIndex.value = index2 - 1;
+            break;
+          } else {
+            const val = props.modelValue[index2];
+            const arr = regionList[tabName.value[index2]];
+            if (privateType.value == "custom") {
+              selectedRegion[tabName.value[index2]] = arr.filter((item) => item.id == val)[0];
+            } else if (privateType.value == "custom2") {
+              let sumArr = [];
+              arr.map((item) => {
+                sumArr.push(...item.list);
+              });
+              selectedRegion[tabName.value[index2]] = sumArr.filter((item) => item.id == val)[0];
+            }
+          }
+        }
+        lineAnimation();
+      }
+    };
+    const customPlaceholder = () => {
+      let typeD = Object.prototype.toString.call(props.columnsPlaceholder);
+      if (typeD == "[object String]") {
+        tabNameDefault.value = new Array(4).fill(props.columnsPlaceholder);
+      } else if (typeD == "[object Array]") {
+        tabNameDefault.value = new Array(4).fill("");
+        tabNameDefault.value.forEach((val, index2) => {
+          if (props.columnsPlaceholder[index2]) {
+            tabNameDefault.value[index2] = props.columnsPlaceholder[index2];
+          } else {
+            tabNameDefault.value[index2] = "\u8BF7\u9009\u62E9";
+          }
+        });
+      }
+    };
     const getTabName = (item, index2) => {
       if (item.name)
         return item.name;
       if (tabIndex.value < index2) {
         return item.name;
       } else {
-        return "\u8BF7\u9009\u62E9";
+        return tabNameDefault.value[index2];
       }
     };
     const handClose = (type = "self") => {
@@ -165,7 +216,6 @@ const _sfc_main = create({
       closeWay.value = "mask";
     };
     const lineAnimation = () => {
-      console.log("\u6ED1\u52A8\u7EA2\u7EBF");
       nextTick(() => {
         const name = tabRegion.value && tabRegion.value.getElementsByClassName("active")[0];
         if (name) {
@@ -181,7 +231,7 @@ const _sfc_main = create({
         custom: tabName.value[tabIndex.value]
       };
       selectedRegion[tabName.value[tabIndex.value]] = item;
-      for (let i = tabIndex.value; i < tabIndex.value - 1; i++) {
+      for (let i = tabIndex.value; i < 4; i++) {
         selectedRegion[tabName.value[i + 1]] = {};
       }
       if (tabIndex.value < 3) {
@@ -192,6 +242,7 @@ const _sfc_main = create({
         emit("change", calBack);
       } else {
         handClose();
+        emit("update:modelValue");
       }
     };
     const changeRegionTab = (item, key, index2) => {
@@ -274,6 +325,8 @@ const _sfc_main = create({
     watch(() => showPopup.value, (value) => {
       if (value == false) {
         close();
+      } else {
+        initCustomSelected();
       }
     });
     watch(() => props.province, (value) => {
@@ -383,7 +436,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               name: _ctx.backBtnIcon,
               color: "#cccccc"
             }, null, 8, ["name"]), [
-              [vShow, _ctx.privateType == "custom" && _ctx.backBtnIcon]
+              [vShow, _ctx.type == "exist" && _ctx.privateType == "custom" && _ctx.backBtnIcon]
             ])
           ]),
           createElementVNode("view", _hoisted_3, toDisplayString(_ctx.privateType == "custom" ? _ctx.customAddressTitle : _ctx.existAddressTitle), 1),

package/dist/packages/_es/Audio.js

@@ -0,0 +1,289 @@
+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));
+/*!
+* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, reactive, onMounted, watch, provide, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, createBlock, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("audio");
+const _sfc_main = create({
+  props: {
+    url: {
+      type: String,
+      default() {
+        return "";
+      }
+    },
+    muted: {
+      type: Boolean,
+      default() {
+        return false;
+      }
+    },
+    autoplay: {
+      type: Boolean,
+      default() {
+        return false;
+      }
+    },
+    loop: {
+      type: Boolean,
+      default() {
+        return false;
+      }
+    },
+    preload: {
+      type: String,
+      default() {
+        return "auto";
+      }
+    },
+    second: {
+      type: Number,
+      default() {
+        return 0;
+      }
+    },
+    type: {
+      type: String,
+      default() {
+        return "progress";
+      }
+    }
+  },
+  components: {},
+  emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute"],
+  setup(props, { emit }) {
+    const audioRef = ref(null);
+    const audioData = reactive({
+      currentTime: 0,
+      currentDuration: "00:00:00",
+      percent: 0,
+      duration: "00:00:00",
+      second: 0,
+      hanMuted: props.muted,
+      playing: props.autoplay
+    });
+    onMounted(() => {
+      var arr = ["webkitVisibilityState", "visibilitychange"];
+      try {
+        for (let i = 0; i < arr.length; i++) {
+          document.addEventListener(arr[i], () => {
+            if (document.hidden) {
+              audioRef.value.pause();
+            } else {
+              if (audioData.playing) {
+                setTimeout(() => {
+                  audioRef.value.play();
+                }, 200);
+              }
+            }
+          });
+        }
+      } catch (e) {
+        console.log(e.message);
+      }
+      setTimeout(() => {
+        if (props.autoplay) {
+          if (audioRef.value && audioRef.value.paused) {
+            audioRef.value.play();
+          }
+        }
+        audioData.second = audioRef.value.duration;
+        audioData.duration = formatSeconds(audioRef.value.duration);
+      }, 500);
+    });
+    const onTimeupdate = (e) => {
+      audioData.currentTime = parseInt(e.target.currentTime);
+    };
+    const fastBack = () => {
+      audioData.currentTime--;
+      audioRef.value.currentTime = audioData.currentTime;
+      emit("fastBack", audioData.currentTime);
+    };
+    const changeStatus = () => {
+      if (audioData.playing) {
+        audioRef.value.pause();
+        audioData.handPlaying = false;
+      } else {
+        audioRef.value.play();
+        audioData.handPlaying = true;
+      }
+      audioData.playing = !audioData.playing;
+      emit("play", audioData.playing);
+    };
+    const forward = () => {
+      audioData.currentTime++;
+      audioRef.value.currentTime = audioData.currentTime;
+      emit("forward", audioData.currentTime);
+    };
+    const handle = (val) => {
+      audioData.currentDuration = formatSeconds(val);
+      audioData.percent = val / audioData.second * 100;
+    };
+    const audioEnd = () => {
+      audioData.playing = false;
+      emit("ended");
+    };
+    const progressChange = (val) => {
+      audioRef.value.currentTime = audioData.second * val / 100;
+      emit("changeProgress", audioRef.value.currentTime);
+    };
+    const handleMute = () => {
+      audioData.hanMuted = !audioData.hanMuted;
+      emit("mute", audioData.hanMuted);
+    };
+    const formatSeconds = (value) => {
+      let theTime = parseInt(value);
+      let theTime1 = 0;
+      let theTime2 = 0;
+      if (theTime > 60) {
+        theTime1 = parseInt(theTime / 60);
+        theTime = parseInt(theTime % 60);
+        if (theTime1 > 60) {
+          theTime2 = parseInt(theTime1 / 60);
+          theTime1 = parseInt(theTime1 % 60);
+        }
+      }
+      let result = "" + parseInt(theTime);
+      if (result < 10) {
+        result = "0" + result;
+      }
+      if (theTime1 > 0) {
+        result = "" + parseInt(theTime1) + ":" + result;
+        if (theTime1 < 10) {
+          result = "0" + result;
+        }
+      } else {
+        result = "00:" + result;
+      }
+      if (theTime2 > 0) {
+        result = "" + parseInt(theTime2) + ":" + result;
+        if (theTime2 < 10) {
+          result = "0" + result;
+        }
+      } else {
+        result = "00:" + result;
+      }
+      return result;
+    };
+    watch(() => audioData.currentTime, (value) => {
+      handle(value);
+    });
+    provide("audioParent", {
+      children: [],
+      props,
+      audioData,
+      handleMute,
+      forward,
+      fastBack,
+      changeStatus
+    });
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(audioData)), {
+      audioRef,
+      fastBack,
+      forward,
+      changeStatus,
+      progressChange,
+      audioEnd,
+      onTimeupdate,
+      handleMute
+    });
+  }
+});
+const _hoisted_1 = { class: "nut-audio" };
+const _hoisted_2 = {
+  key: 0,
+  class: "progress-wrapper"
+};
+const _hoisted_3 = { class: "time" };
+const _hoisted_4 = { class: "progress-bar-wrapper" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "custom-button" }, null, -1);
+const _hoisted_6 = { class: "time" };
+const _hoisted_7 = {
+  key: 1,
+  class: "nut-audio-icon"
+};
+const _hoisted_8 = ["controls", "src", "preload", "autoplay", "loop", "muted"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_range = resolveComponent("nut-range");
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, toDisplayString(_ctx.currentDuration), 1),
+      createElementVNode("div", _hoisted_4, [
+        createVNode(_component_nut_range, {
+          modelValue: _ctx.percent,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.percent = $event),
+          "hidden-range": "",
+          onChange: _ctx.progressChange,
+          "inactive-color": "#cccccc",
+          "active-color": "#fa2c19"
+        }, {
+          button: withCtx(() => [
+            _hoisted_5
+          ]),
+          _: 1
+        }, 8, ["modelValue", "onChange"])
+      ]),
+      createElementVNode("div", _hoisted_6, toDisplayString(_ctx.duration), 1)
+    ])) : createCommentVNode("", true),
+    _ctx.type == "icon" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+      createElementVNode("div", {
+        class: normalizeClass(["nut-audio-icon-box", _ctx.playing ? "nut-audio-icon-play" : "nut-audio-icon-stop"]),
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
+      }, [
+        _ctx.playing ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 0,
+          name: "service",
+          class: "nut-icon-am-rotate nut-icon-am-infinite"
+        })) : createCommentVNode("", true),
+        !_ctx.playing ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 1,
+          name: "service"
+        })) : createCommentVNode("", true)
+      ], 2)
+    ])) : createCommentVNode("", true),
+    _ctx.type == "none" ? (openBlock(), createElementBlock("div", {
+      key: 2,
+      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type != "none" ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("", true),
+    createElementVNode("audio", {
+      class: "audioMain",
+      controls: _ctx.type == "controls",
+      ref: "audioRef",
+      src: _ctx.url,
+      preload: _ctx.preload,
+      autoplay: _ctx.autoplay,
+      loop: _ctx.loop,
+      onTimeupdate: _cache[3] || (_cache[3] = (...args) => _ctx.onTimeupdate && _ctx.onTimeupdate(...args)),
+      onEnded: _cache[4] || (_cache[4] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args)),
+      muted: _ctx.hanMuted
+    }, null, 40, _hoisted_8)
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Avatar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
+* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/BackTop.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
+* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Badge.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
+* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Barrage.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
+* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Button.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.15 Fri Jan 21 2022 15:38:52 GMT+0800 (GMT+08:00)
+* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -46,6 +46,14 @@ const _sfc_main = create({
     icon: {
       type: String,
       default: ""
+    },
+    iconClassPrefix: {
+      type: String,
+      default: "nut-icon"
+    },
+    iconFontClassName: {
+      type: String,
+      default: "nutui-iconfont"
     }
   },
   emits: ["click"],
@@ -108,9 +116,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 1,
-        class: normalizeClass(_ctx.icon),
-        name: _ctx.icon
-      }, null, 8, ["class", "name"])) : createCommentVNode("", true),
+        name: _ctx.icon,
+        "class-prefix": _ctx.iconClassPrefix,
+        "font-class-name": _ctx.iconFontClassName
+      }, null, 8, ["name", "class-prefix", "font-class-name"])) : createCommentVNode("", true),
       _ctx.$slots.default ? (openBlock(), createElementBlock("view", {
         key: 2,
         class: normalizeClass({ text: _ctx.icon || _ctx.loading })