@nutui/nutui 3.1.22-beta.0 → 3.1.22-beta.3

package/dist/packages/_es/ImagePreview.js

@@ -5,322 +5,98 @@ 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]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, reactive, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, withModifiers, createElementBlock, Fragment, renderList, createVNode, createCommentVNode, toDisplayString, render, h } from "vue";
-import { c as createComponent } from "./component.js";
-import Popup from "./Popup.js";
-import Video from "./Video.js";
-import Swiper from "./Swiper.js";
-import SwiperItem from "./SwiperItem.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { toRefs as e, reactive as o, watch as t, onMounted as i, resolveComponent as s, openBlock as a, createBlock as n, withCtx as l, createElementVNode as r, withModifiers as p, createElementBlock as c, Fragment as u, renderList as m, createVNode as g, createCommentVNode as d, toDisplayString as h, render as v, h as y } from "vue";
+import { c as f } from "./component.js";
+import w from "./Popup.js";
+import b from "./Video.js";
+import T from "./Swiper.js";
+import C from "./SwiperItem.js";
+import { _ as x } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
 import "./index3.js";
-const { componentName, create } = createComponent("imagepreview");
-const _sfc_main = create({
-  props: {
-    show: {
-      type: Boolean,
-      default: false
-    },
-    images: {
-      type: Array,
-      default: () => []
-    },
-    videos: {
-      type: Array,
-      default: () => []
-    },
-    contentClose: {
-      type: Boolean,
-      default: false
-    },
-    initNo: {
-      type: Number,
-      default: 1
-    },
-    paginationVisible: {
-      type: Boolean,
-      default: false
-    },
-    paginationColor: {
-      type: String,
-      default: "#fff"
-    },
-    autoplay: {
-      type: [Number, String],
-      default: 3e3
-    },
-    isWrapTeleport: {
-      type: Boolean,
-      default: false
+const { componentName: j, create: N } = f("imagepreview"), S = N({ props: { show: { type: Boolean, default: false }, images: { type: Array, default: () => [] }, videos: { type: Array, default: () => [] }, contentClose: { type: Boolean, default: false }, initNo: { type: Number, default: 1 }, paginationVisible: { type: Boolean, default: false }, paginationColor: { type: String, default: "#fff" }, autoplay: { type: [Number, String], default: 3e3 }, isWrapTeleport: { type: Boolean, default: false } }, emits: ["close"], components: { [w.name]: w, [b.name]: b, [T.name]: T, [C.name]: C }, setup(s2, { emit: a2 }) {
+  e(s2);
+  const n2 = o({ showPop: false, active: 1, maxNo: 1, source: { src: "https://storage.jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D", type: "video/mp4" }, options: { muted: true, controls: true }, eleImg: null, store: { scale: 1, moveable: false }, lastTouchEndTime: 0 }), l2 = () => {
+    n2.showPop = false, n2.store.scale = 1, p2(), n2.active = 1, a2("close");
+  }, r2 = (e2, o2) => Math.hypot(Math.abs(o2.x - e2.x), Math.abs(o2.y - e2.y)), p2 = () => {
+    n2.eleImg.style.transform = "scale(" + n2.store.scale + ")";
+  }, c2 = (e2) => {
+    if (!n2.store.moveable)
+      return;
+    const o2 = n2.store;
+    var t2 = e2.touches, i2 = t2[0], s3 = t2[1];
+    if (s3) {
+      const e3 = r2({ x: i2.pageX, y: i2.pageY }, { x: s3.pageX, y: s3.pageY }) / o2.oriDistance;
+      o2.scale = o2.originScale * e3, o2.scale > 3 && (o2.scale = 3), p2();
     }
-  },
-  emits: ["close"],
-  components: {
-    [Popup.name]: Popup,
-    [Video.name]: Video,
-    [Swiper.name]: Swiper,
-    [SwiperItem.name]: SwiperItem
-  },
-  setup(props, { emit }) {
-    toRefs(props);
-    const state = reactive({
-      showPop: false,
-      active: 1,
-      maxNo: 1,
-      source: {
-        src: "https://storage.jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D",
-        type: "video/mp4"
-      },
-      options: {
-        muted: true,
-        controls: true
-      },
-      eleImg: null,
-      store: {
-        scale: 1,
-        moveable: false
-      },
-      lastTouchEndTime: 0
-    });
-    const slideChangeEnd = function(page) {
-      state.active = page + 1;
-    };
-    const closeOnImg = () => {
-      if (props.contentClose) {
-        onClose();
-      }
-    };
-    const onClose = () => {
-      state.showPop = false;
-      state.store.scale = 1;
-      scaleNow();
-      state.active = 1;
-      emit("close");
-    };
-    const getDistance = (first, second) => {
-      return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
-    };
-    const scaleNow = () => {
-      state.eleImg.style.transform = "scale(" + state.store.scale + ")";
-    };
-    const onTouchStart = (event) => {
-      const curTouchTime = new Date().getTime();
-      if (curTouchTime - state.lastTouchEndTime < 300) {
-        const store2 = state.store;
-        if (store2.scale > 1) {
-          store2.scale = 1;
-        } else if (store2.scale == 1) {
-          store2.scale = 2;
-        }
-        scaleNow();
-      }
-      var touches = event.touches;
-      var events = touches[0];
-      var events2 = touches[1];
-      const store = state.store;
-      store.moveable = true;
-      if (events2) {
-        store.oriDistance = getDistance({
-          x: events.pageX,
-          y: events.pageY
-        }, {
-          x: events2.pageX,
-          y: events2.pageY
-        });
-      }
-      store.originScale = store.scale || 1;
-    };
-    const onTouchMove = (event) => {
-      if (!state.store.moveable) {
-        return;
-      }
-      const store = state.store;
-      var touches = event.touches;
-      var events = touches[0];
-      var events2 = touches[1];
-      if (events2) {
-        const curDistance = getDistance({
-          x: events.pageX,
-          y: events.pageY
-        }, {
-          x: events2.pageX,
-          y: events2.pageY
-        });
-        const curScale = curDistance / store.oriDistance;
-        store.scale = store.originScale * curScale;
-        if (store.scale > 3) {
-          store.scale = 3;
-        }
-        scaleNow();
-      }
-    };
-    const onTouchEnd = () => {
-      state.lastTouchEndTime = new Date().getTime();
-      const store = state.store;
-      store.moveable = false;
-      if (store.scale < 1.1 && store.scale > 1 || store.scale < 1) {
-        store.scale = 1;
-        scaleNow();
-      }
-    };
-    const init = () => {
-      state.eleImg = document.querySelector(".nut-imagepreview");
-      document.addEventListener("touchmove", onTouchMove);
-      document.addEventListener("touchend", onTouchEnd);
-      document.addEventListener("touchcancel", onTouchEnd);
-    };
-    watch(() => props.show, (val) => {
-      state.showPop = val;
-      init();
-    });
-    onMounted(() => {
-      state.active = props.initNo;
-      state.showPop = props.show;
-      state.maxNo = props.images.length + props.videos.length;
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
-      slideChangeEnd,
-      onClose,
-      closeOnImg,
-      onTouchStart,
-      onTouchMove,
-      onTouchEnd,
-      getDistance,
-      scaleNow
-    });
-  }
-});
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { class: "nut-imagepreview-index" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_video = resolveComponent("nut-video");
-  const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
-  const _component_nut_swiper = resolveComponent("nut-swiper");
-  const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createBlock(_component_nut_popup, {
-    "pop-class": "custom-pop",
-    visible: _ctx.showPop,
-    "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.showPop = $event),
-    isWrapTeleport: _ctx.isWrapTeleport,
-    onClick: _ctx.onClose,
-    style: { "width": "100%" }
-  }, {
-    default: withCtx(() => [
-      createElementVNode("view", {
-        class: "nut-imagepreview",
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.closeOnImg && _ctx.closeOnImg(...args), ["stop"])),
-        onTouchstartCapture: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
-      }, [
-        _ctx.showPop ? (openBlock(), createBlock(_component_nut_swiper, {
-          key: 0,
-          "auto-play": _ctx.autoplay,
-          class: "nut-imagepreview-swiper",
-          loop: true,
-          "is-preventDefault": false,
-          direction: "horizontal",
-          onChange: _ctx.slideChangeEnd,
-          "init-page": _ctx.initNo > _ctx.maxNo ? _ctx.maxNo - 1 : _ctx.initNo - 1,
-          "pagination-visible": _ctx.paginationVisible,
-          "pagination-color": _ctx.paginationColor
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.videos, (item, index) => {
-              return openBlock(), createBlock(_component_nut_swiper_item, { key: index }, {
-                default: withCtx(() => [
-                  createVNode(_component_nut_video, {
-                    source: item.source,
-                    options: item.options
-                  }, null, 8, ["source", "options"])
-                ]),
-                _: 2
-              }, 1024);
-            }), 128)),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (item, index) => {
-              return openBlock(), createBlock(_component_nut_swiper_item, { key: index }, {
-                default: withCtx(() => [
-                  createElementVNode("img", {
-                    src: item.src,
-                    class: "nut-imagepreview-img"
-                  }, null, 8, _hoisted_1)
-                ]),
-                _: 2
-              }, 1024);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : createCommentVNode("", true)
-      ], 32),
-      createElementVNode("view", _hoisted_2, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
-    ]),
-    _: 1
-  }, 8, ["visible", "isWrapTeleport", "onClick"]);
-}
-var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-class ImagePreviewOptions {
+  }, u2 = () => {
+    n2.lastTouchEndTime = new Date().getTime();
+    const e2 = n2.store;
+    e2.moveable = false, (e2.scale < 1.1 && e2.scale > 1 || e2.scale < 1) && (e2.scale = 1, p2());
+  };
+  return t(() => s2.show, (e2) => {
+    n2.showPop = e2, n2.eleImg = document.querySelector(".nut-imagepreview"), document.addEventListener("touchmove", c2), document.addEventListener("touchend", u2), document.addEventListener("touchcancel", u2);
+  }), i(() => {
+    n2.active = s2.initNo, n2.showPop = s2.show, n2.maxNo = s2.images.length + s2.videos.length;
+  }), __spreadProps(__spreadValues({}, e(n2)), { slideChangeEnd: function(e2) {
+    n2.active = e2 + 1;
+  }, onClose: l2, closeOnImg: () => {
+    s2.contentClose && l2();
+  }, onTouchStart: (e2) => {
+    if (new Date().getTime() - n2.lastTouchEndTime < 300) {
+      const e3 = n2.store;
+      e3.scale > 1 ? e3.scale = 1 : e3.scale == 1 && (e3.scale = 2), p2();
+    }
+    var o2 = e2.touches, t2 = o2[0], i2 = o2[1];
+    const s3 = n2.store;
+    s3.moveable = true, i2 && (s3.oriDistance = r2({ x: t2.pageX, y: t2.pageY }, { x: i2.pageX, y: i2.pageY })), s3.originScale = s3.scale || 1;
+  }, onTouchMove: c2, onTouchEnd: u2, getDistance: r2, scaleNow: p2 });
+} }), E = ["src"], I = { class: "nut-imagepreview-index" };
+var P = x(S, [["render", function(e2, o2, t2, i2, v2, y2) {
+  const f2 = s("nut-video"), w2 = s("nut-swiper-item"), b2 = s("nut-swiper"), T2 = s("nut-popup");
+  return a(), n(T2, { "pop-class": "custom-pop", visible: e2.showPop, "onUpdate:visible": o2[2] || (o2[2] = (o3) => e2.showPop = o3), isWrapTeleport: e2.isWrapTeleport, onClick: e2.onClose, style: { width: "100%" } }, { default: l(() => [r("view", { class: "nut-imagepreview", onClick: o2[0] || (o2[0] = p((...o3) => e2.closeOnImg && e2.closeOnImg(...o3), ["stop"])), onTouchstartCapture: o2[1] || (o2[1] = (...o3) => e2.onTouchStart && e2.onTouchStart(...o3)) }, [e2.showPop ? (a(), n(b2, { key: 0, "auto-play": e2.autoplay, class: "nut-imagepreview-swiper", loop: true, "is-preventDefault": false, direction: "horizontal", onChange: e2.slideChangeEnd, "init-page": e2.initNo > e2.maxNo ? e2.maxNo - 1 : e2.initNo - 1, "pagination-visible": e2.paginationVisible, "pagination-color": e2.paginationColor }, { default: l(() => [(a(true), c(u, null, m(e2.videos, (e3, o3) => (a(), n(w2, { key: o3 }, { default: l(() => [g(f2, { source: e3.source, options: e3.options }, null, 8, ["source", "options"])]), _: 2 }, 1024))), 128)), (a(true), c(u, null, m(e2.images, (e3, o3) => (a(), n(w2, { key: o3 }, { default: l(() => [r("img", { src: e3.src, class: "nut-imagepreview-img" }, null, 8, E)]), _: 2 }, 1024))), 128))]), _: 1 }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : d("", true)], 32), r("view", I, h(e2.active) + " / " + h(e2.images.length + e2.videos.length), 1)]), _: 1 }, 8, ["visible", "isWrapTeleport", "onClick"]);
+}]]);
+class k {
   constructor() {
-    this.show = false;
-    this.images = [];
-    this.initNo = 1;
-    this.paginationVisible = false;
-    this.paginationColor = "";
-    this.teleport = "body";
-    this.onClose = () => {
+    this.show = false, this.images = [], this.initNo = 1, this.paginationVisible = false, this.paginationColor = "", this.teleport = "body", this.onClose = () => {
     };
   }
 }
-class ImagePreviewFunction {
-  constructor(_options) {
-    this.options = new ImagePreviewOptions();
-    let options = Object.assign(this.options, _options);
-    let elWarp = document.body;
-    let teleport = options.teleport;
-    if (teleport != "body") {
-      if (typeof teleport == "string") {
-        elWarp = document.querySelector(teleport);
-      } else {
-        elWarp = options.teleport;
-      }
-    }
-    const root = document.createElement("view");
-    root.id = "imagepreview-" + new Date().getTime();
-    const Wrapper = {
-      setup() {
-        options.teleport = `#${root.id}`;
-        return () => {
-          return h(ImagePreview, options);
-        };
-      }
-    };
-    const instance = createVNode(Wrapper);
-    elWarp.appendChild(root);
-    render(instance, root);
+class D {
+  constructor(e2) {
+    this.options = new k();
+    let o2 = Object.assign(this.options, e2), t2 = document.body, i2 = o2.teleport;
+    i2 != "body" && (t2 = typeof i2 == "string" ? document.querySelector(i2) : o2.teleport);
+    const s2 = document.createElement("view");
+    s2.id = "imagepreview-" + new Date().getTime();
+    const a2 = g({ setup: () => (o2.teleport = `#${s2.id}`, () => y(P, o2)) });
+    t2.appendChild(s2), v(a2, s2);
   }
 }
-const _ImagePreview = function(options) {
-  return new ImagePreviewFunction(options);
+const B = function(e2) {
+  return new D(e2);
 };
-_ImagePreview.install = (app) => {
-  app.use(ImagePreview);
-  app.config.globalProperties.$imagepreview = _ImagePreview;
+B.install = (e2) => {
+  e2.use(P), e2.config.globalProperties.$imagepreview = B;
 };
-export { ImagePreview, ImagePreviewOptions, _ImagePreview as default };
+export { P as ImagePreview, k as ImagePreviewOptions, B as default };

package/dist/packages/_es/Indicator.js

@@ -1,67 +1,20 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { toRefs as e, computed as r, openBlock as t, createElementBlock as l, normalizeClass as o, Fragment as n, renderList as a, toDisplayString as u } from "vue";
+import { c } from "./component.js";
+import { _ as s } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("indicator");
-const _sfc_main = create({
-  props: {
-    size: {
-      type: Number,
-      default: 3,
-      required: true
-    },
-    current: {
-      type: Number,
-      default: 1,
-      required: true
-    },
-    block: {
-      type: Boolean,
-      default: false
-    },
-    align: {
-      type: String,
-      default: "center"
-    },
-    fillZero: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const { block, align } = toRefs(props);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--block`]: block.value,
-        [`${prefixCls}--align__${align.value}`]: block.value && align.value
-      };
-    });
-    return { classes, componentName };
-  }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.size, (item) => {
-      return openBlock(), createElementBlock(Fragment, { key: item }, [
-        item === _ctx.current ? (openBlock(), createElementBlock("view", {
-          key: 0,
-          class: normalizeClass(`${_ctx.componentName}--number`)
-        }, toDisplayString(_ctx.fillZero && item < 10 ? `0${item}` : item), 3)) : (openBlock(), createElementBlock("view", {
-          key: 1,
-          class: normalizeClass(`${_ctx.componentName}--dot`)
-        }, null, 2))
-      ], 64);
-    }), 128))
-  ], 2);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const { componentName: i, create: p } = c("indicator");
+var m = s(p({ props: { size: { type: Number, default: 3, required: true }, current: { type: Number, default: 1, required: true }, block: { type: Boolean, default: false }, align: { type: String, default: "center" }, fillZero: { type: Boolean, default: true } }, setup(t2) {
+  const { block: l2, align: o2 } = e(t2);
+  return { classes: r(() => {
+    const e2 = i;
+    return { [e2]: true, [`${e2}--block`]: l2.value, [`${e2}--align__${o2.value}`]: l2.value && o2.value };
+  }), componentName: i };
+} }), [["render", function(e2, r2, c2, s2, i2, p2) {
+  return t(), l("view", { class: o(e2.classes) }, [(t(true), l(n, null, a(e2.size, (r3) => (t(), l(n, { key: r3 }, [r3 === e2.current ? (t(), l("view", { key: 0, class: o(`${e2.componentName}--number`) }, u(e2.fillZero && r3 < 10 ? `0${r3}` : r3), 3)) : (t(), l("view", { key: 1, class: o(`${e2.componentName}--dot`) }, null, 2))], 64))), 128))], 2);
+}]]);
+export { m as default };