@nutui/nutui 4.3.14 → 4.3.15-beta.2

package/dist/packages/audio/Audio.js

@@ -1,271 +0,0 @@
-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));
-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-DQf3CENX.js";
-import { Service } from "@nutui/icons-vue";
-import NutRange from "../range/Range.js";
-import { A as AUDIO_KEY } from "../types-BMA1Y94E.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { create } = createComponent("audio");
-const _sfc_main = create({
-  props: {
-    url: {
-      type: String,
-      default: ""
-    },
-    // 静音
-    muted: {
-      type: Boolean,
-      default: false
-    },
-    // 自动播放
-    autoplay: {
-      type: Boolean,
-      default: false
-    },
-    // 循环播放
-    loop: {
-      type: Boolean,
-      default: false
-    },
-    // 是否预加载音频
-    preload: {
-      type: String,
-      default: "auto"
-    },
-    /* 总时长秒数 */
-    second: {
-      type: Number,
-      default: 0
-    },
-    // 展示的形式   controls 控制面板   progress 进度条  icon 图标 none 自定义
-    type: {
-      type: String,
-      default: "progress"
-    }
-  },
-  components: {
-    Service,
-    NutRange
-  },
-  emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute", "canPlay"],
-  setup(props, { emit, slots }) {
-    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,
-      handPlaying: false
-    });
-    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);
-      }
-    });
-    const onCanplay = (e) => {
-      const audioR = audioRef.value;
-      if (props.autoplay) {
-        if (audioR && audioR.paused) {
-          audioR.play();
-        }
-      }
-      audioData.second = audioR.duration;
-      audioData.duration = formatSeconds(audioR.duration);
-      emit("canPlay", e);
-    };
-    const onTimeupdate = (e) => {
-      audioData.currentTime = parseInt(e.target.currentTime);
-    };
-    const fastBack = () => {
-      if (audioData.currentTime > 0) {
-        audioData.currentTime--;
-      }
-      audioRef.value.currentTime = audioData.currentTime;
-      emit("fastBack", audioData.currentTime);
-    };
-    const changeStatus = () => {
-      const audioR = audioRef.value;
-      if (audioData.playing) {
-        audioR.pause();
-        audioData.handPlaying = false;
-      } else {
-        audioR.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) => {
-      const ar = audioRef.value;
-      ar.currentTime = audioData.second * val / 100;
-      emit("changeProgress", ar.currentTime);
-    };
-    const handleMute = () => {
-      audioData.hanMuted = !audioData.hanMuted;
-      emit("mute", audioData.hanMuted);
-    };
-    const formatSeconds = (value) => {
-      if (!value) {
-        return "00:00:00";
-      }
-      let time = parseInt(value);
-      let hours = Math.floor(time / 3600);
-      let minutes = Math.floor((time - hours * 3600) / 60);
-      let seconds = time - hours * 3600 - minutes * 60;
-      let result = "";
-      result += ("0" + hours.toString()).slice(-2) + ":";
-      result += ("0" + minutes.toString()).slice(-2) + ":";
-      result += ("0" + seconds.toString()).slice(-2);
-      return result;
-    };
-    watch(
-      () => audioData.currentTime,
-      (value) => {
-        handle(value);
-      }
-    );
-    provide(AUDIO_KEY, {
-      children: [],
-      props,
-      audioData,
-      handleMute,
-      forward,
-      fastBack,
-      changeStatus
-    });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(audioData)), {
-      audioRef,
-      fastBack,
-      forward,
-      changeStatus,
-      progressChange,
-      audioEnd,
-      onTimeupdate,
-      handleMute,
-      onCanplay,
-      slots
-    });
-  }
-});
-const _hoisted_1 = { class: "nut-audio" };
-const _hoisted_2 = {
-  key: 0,
-  class: "nut-audio__progress"
-};
-const _hoisted_3 = { class: "nut-audio__time" };
-const _hoisted_4 = { class: "nut-audio__bar" };
-const _hoisted_5 = { class: "nut-audio__time" };
-const _hoisted_6 = {
-  key: 1,
-  class: "nut-audio__icon"
-};
-const _hoisted_7 = ["controls", "src", "preload", "autoplay", "loop", "muted"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_range = resolveComponent("nut-range");
-  const _component_Service = resolveComponent("Service");
-  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": "",
-          "inactive-color": "#cccccc",
-          "active-color": "#fa2c19",
-          onChange: _ctx.progressChange
-        }, {
-          button: withCtx(() => _cache[6] || (_cache[6] = [
-            createElementVNode("div", { class: "nut-audio__button--custom" }, null, -1)
-          ])),
-          _: 1
-        }, 8, ["modelValue", "onChange"])
-      ]),
-      createElementVNode("div", _hoisted_5, toDisplayString(_ctx.duration), 1)
-    ])) : createCommentVNode("", true),
-    _ctx.type == "icon" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-      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_Service, {
-          key: 0,
-          class: "nut-icon-am-rotate nut-icon-am-infinite"
-        })) : (openBlock(), createBlock(_component_Service, { key: 1 }))
-      ], 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", {
-      ref: "audioRef",
-      class: "audioMain",
-      controls: _ctx.type == "controls",
-      src: _ctx.url,
-      preload: _ctx.preload,
-      autoplay: _ctx.autoplay,
-      loop: _ctx.loop,
-      muted: _ctx.hanMuted,
-      onTimeupdate: _cache[3] || (_cache[3] = (...args) => _ctx.onTimeupdate && _ctx.onTimeupdate(...args)),
-      onCanplay: _cache[4] || (_cache[4] = (...args) => _ctx.onCanplay && _ctx.onCanplay(...args)),
-      onEnded: _cache[5] || (_cache[5] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args))
-    }, null, 40, _hoisted_7)
-  ]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

package/dist/packages/audio/index.mjs

@@ -1,2 +0,0 @@
-import Audio from './Audio.js';
-export { Audio, Audio as default };

package/dist/packages/audiooperate/AudioOperate.js

@@ -1,125 +0,0 @@
-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));
-import { inject, reactive, ref, useSlots, toRefs, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "../component-DQf3CENX.js";
-import { Button as _sfc_main$1 } from "../button/Button.js";
-import { u as useLocale } from "../index-BOB4ytqZ.js";
-import { A as AUDIO_KEY } from "../types-BMA1Y94E.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const { create } = createComponent("audio-operate");
-const cN = "NutAudioOperate";
-const _sfc_main = create({
-  props: {
-    // 展示的形式   back 倒退   play 开始 or 暂停  forward 快进 mute 静音
-    type: {
-      type: String,
-      default: () => "play"
-    }
-  },
-  components: {
-    NutButton: _sfc_main$1
-  },
-  emits: ["click"],
-  setup(props) {
-    const translate = useLocale(cN);
-    const audio = inject(AUDIO_KEY);
-    const parent = reactive(audio);
-    const customSlot = ref(useSlots().default);
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(parent)), { customSlot, translate });
-  }
-});
-const _hoisted_1 = { class: "nut-audio-operate" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_button = resolveComponent("nut-button");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    _ctx.type == "back" ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "nut-audio-operate-item",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.fastBack && _ctx.fastBack(...args))
-    }, [
-      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
-        key: 0,
-        type: "primary",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.translate("back")), 1)
-        ]),
-        _: 1
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true),
-    _ctx.type == "play" ? (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: "nut-audio-operate-item",
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
-    }, [
-      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
-        key: 0,
-        type: "primary",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(!_ctx.audioData.playing ? `${_ctx.translate("start")}` : `${_ctx.translate("pause")}`), 1)
-        ]),
-        _: 1
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true),
-    _ctx.type == "forward" ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      class: "nut-audio-operate-item",
-      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.forward && _ctx.forward(...args))
-    }, [
-      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
-        key: 0,
-        type: "primary",
-        size: "small"
-      }, {
-        default: withCtx(() => _cache[4] || (_cache[4] = [
-          createTextVNode("快进")
-        ])),
-        _: 1
-      })) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true),
-    _ctx.type == "mute" ? (openBlock(), createElementBlock("div", {
-      key: 3,
-      class: "nut-audio-operate-item",
-      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleMute && _ctx.handleMute(...args))
-    }, [
-      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
-        key: 0,
-        type: !_ctx.audioData.hanMuted ? "primary" : "default",
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.translate("mute")), 1)
-        ]),
-        _: 1
-      }, 8, ["type"])) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("", true)
-  ]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

package/dist/packages/audiooperate/index.mjs

@@ -1,2 +0,0 @@
-import AudioOperate from './AudioOperate.js';
-export { AudioOperate, AudioOperate as default };

package/dist/packages/image/Image.js

@@ -1,167 +0,0 @@
-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));
-import { defineComponent, ref, computed, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode } from "vue";
-import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
-import { Image, ImageError } from "@nutui/icons-vue";
-import { w as withInstall } from "../with-install-Ch3FF0uS.js";
-const _hoisted_1 = ["src", "data-src", "alt"];
-const _hoisted_2 = {
-  key: 0,
-  class: "nut-img-loading"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "nut-img-error"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
-  name: "NutImage"
-}), {
-  __name: "image",
-  props: {
-    src: {},
-    fit: { default: "fill" },
-    position: { default: "center" },
-    alt: { default: "" },
-    width: { default: "" },
-    height: { default: "" },
-    round: { type: Boolean, default: false },
-    radius: {},
-    showError: { type: Boolean, default: true },
-    showLoading: { type: Boolean, default: true },
-    lazyLoad: { type: Boolean, default: false }
-  },
-  emits: ["click", "load", "error"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const loading = ref(true);
-    const isError = ref(false);
-    const classes = computed(() => {
-      const prefixCls = "nut-image";
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}-round`]: props.round
-      };
-    });
-    const observer = ref(null);
-    const show = ref(false);
-    const imgRef = ref(null);
-    const initObserver = () => {
-      const options = {
-        threshold: [0],
-        rootMargin: "0px"
-      };
-      observer.value = new IntersectionObserver((entires) => {
-        entires.forEach((item) => {
-          if (item.isIntersecting) {
-            show.value = true;
-            observer.value.disconnect();
-          }
-        });
-      }, options);
-      imgRef.value && observer.value.observe(imgRef.value);
-    };
-    onMounted(() => {
-      props.lazyLoad && initObserver();
-    });
-    onBeforeUnmount(() => {
-      observer.value && observer.value.disconnect();
-    });
-    const stylebox = computed(() => {
-      let style = {};
-      if (props.width) style.width = pxCheck(props.width);
-      if (props.height) style.height = pxCheck(props.height);
-      if (props.radius !== void 0 && props.radius !== null) {
-        style.overflow = "hidden";
-        style.borderRadius = pxCheck(props.radius);
-      }
-      return style;
-    });
-    const styles = computed(() => {
-      let styless = {
-        objectFit: props.fit,
-        objectPosition: props.position
-      };
-      return styless;
-    });
-    watch(
-      () => props.src,
-      () => {
-        isError.value = false;
-        loading.value = true;
-      }
-    );
-    const load = () => {
-      isError.value = false;
-      loading.value = false;
-      emit("load");
-    };
-    const error = () => {
-      isError.value = true;
-      loading.value = false;
-      emit("error");
-    };
-    const imageClick = (event) => {
-      emit("click", event);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(classes.value),
-        style: normalizeStyle(stylebox.value),
-        onClick: imageClick
-      }, [
-        createElementVNode("img", {
-          ref_key: "imgRef",
-          ref: imgRef,
-          class: "nut-img",
-          src: _ctx.lazyLoad ? show.value ? _ctx.src : void 0 : _ctx.src,
-          "data-src": _ctx.lazyLoad ? show.value ? void 0 : _ctx.src : void 0,
-          alt: _ctx.alt,
-          style: normalizeStyle(styles.value),
-          onLoad: load,
-          onError: error
-        }, null, 44, _hoisted_1),
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "loading", {}, () => [
-            createVNode(unref(Image), {
-              width: "16px",
-              height: "20px",
-              name: "image"
-            })
-          ])
-        ])) : createCommentVNode("", true),
-        isError.value && !loading.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "error", {}, () => [
-            createVNode(unref(ImageError), {
-              width: "16px",
-              height: "20px",
-              name: "imageError"
-            })
-          ])
-        ])) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-}));
-withInstall(_sfc_main);
-export {
-  _sfc_main as Image,
-  _sfc_main as default
-};

package/dist/packages/image/index.mjs

@@ -1,2 +0,0 @@
-import Image from './Image.js';
-export { Image, Image as default };

package/dist/packages/index-B1qsj2XR.js

@@ -1,33 +0,0 @@
-import { unref } from "vue";
-function isWindow(val) {
-  return typeof window !== "undefined" && 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();
-  }
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-export {
-  useRect as u
-};

package/dist/packages/index-BvmDLUYP.js

@@ -1,31 +0,0 @@
-import { ref, onMounted } from "vue";
-const overflowScrollReg = /scroll|auto|overlay/i;
-const defaultRoot = window;
-function isElement(node) {
-  const ELEMENT_NODE_TYPE = 1;
-  return node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === ELEMENT_NODE_TYPE;
-}
-function getScrollParent(el, root = defaultRoot) {
-  let node = el;
-  while (node && node !== root && isElement(node)) {
-    const { overflowY } = window.getComputedStyle(node);
-    if (overflowScrollReg.test(overflowY)) {
-      return node;
-    }
-    node = node.parentNode;
-  }
-  return root;
-}
-function useScrollParent(el, root = defaultRoot) {
-  const scrollParent = ref();
-  onMounted(() => {
-    if (el.value) {
-      scrollParent.value = getScrollParent(el.value, root);
-    }
-  });
-  return scrollParent;
-}
-export {
-  getScrollParent as g,
-  useScrollParent as u
-};

package/dist/packages/index-aiGQ-EiA.js

@@ -1,8 +0,0 @@
-import { getCurrentInstance } from "vue";
-function useRouter() {
-  const proxy = getCurrentInstance().proxy;
-  return proxy.$router || null;
-}
-export {
-  useRouter as u
-};