@nutui/nutui 3.1.21 → 3.1.22-beta.5

package/dist/packages/_es/Image.js

@@ -0,0 +1,31 @@
+/*!
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive as r, useSlots as o, computed as e, watch as t, toRefs as i, resolveComponent as l, openBlock as s, createElementBlock as a, normalizeClass as n, normalizeStyle as d, createElementVNode as g, createBlock as c, createCommentVNode as u, renderSlot as m } from "vue";
+import { c as p } from "./component.js";
+import { p as f } from "./pxCheck.js";
+import { _ as y } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { componentName: h, create: k } = p("image"), w = k({ props: { src: String, fit: { type: String, default: "fill" }, position: { type: String, default: "center" }, alt: { type: String, default: "" }, width: { type: String, default: "center" }, height: { type: String, default: "" }, round: { type: Boolean, default: false }, radius: [String, Number], showError: { type: Boolean, default: true }, showLoading: { type: Boolean, default: true } }, emits: ["click", "load", "error"], setup(l2, { emit: s2 }) {
+  const a2 = r({ loading: true, isError: false, slotLoding: o().loading, slotError: o().error }), n2 = e(() => ({ [h]: true, [`${h}-round`]: l2.round })), d2 = e(() => {
+    let r2 = {};
+    return l2.width && (r2.width = f(l2.width)), l2.height && (r2.height = f(l2.height)), l2.radius !== void 0 && l2.radius !== null && (r2.overflow = "hidden", r2.borderRadius = f(l2.radius)), r2;
+  }), g2 = e(() => ({ objectFit: l2.fit, objectPosition: l2.position }));
+  t(() => l2.src, (r2) => {
+    a2.isError = false, a2.loading = true;
+  });
+  return { ...i(a2), imageClick: (r2) => {
+    s2("click", r2);
+  }, classes: n2, styles: g2, stylebox: d2, error: () => {
+    a2.isError = true, a2.loading = false, s2("error");
+  }, load: () => {
+    a2.loading = false, s2("load");
+  } };
+} }), v = ["src", "alt"], E = { key: 0, class: "nut-img-loading" }, S = { key: 1, class: "nut-img-error" };
+var b = y(w, [["render", function(r2, o2, e2, t2, i2, p2) {
+  const f2 = l("nut-icon");
+  return s(), a("view", { class: n(r2.classes), style: d(r2.stylebox), onClick: o2[2] || (o2[2] = (...o3) => r2.imageClick && r2.imageClick(...o3)) }, [g("img", { class: "nut-img", src: r2.src, alt: r2.alt, onLoad: o2[0] || (o2[0] = (...o3) => r2.load && r2.load(...o3)), onError: o2[1] || (o2[1] = (...o3) => r2.error && r2.error(...o3)), style: d(r2.styles) }, null, 44, v), r2.loading ? (s(), a("view", E, [r2.slotLoding ? u("", true) : (s(), c(f2, { key: 0, name: "image" })), m(r2.$slots, "loading")])) : u("", true), r2.isError && !r2.loading ? (s(), a("view", S, [r2.slotError ? u("", true) : (s(), c(f2, { key: 0, name: "image-error" })), m(r2.$slots, "error")])) : u("", true)], 6);
+}]]);
+export { b as default };

package/dist/packages/_es/ImagePreview.js

@@ -1,326 +1,94 @@
-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.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 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, computed as t, watch as i, onMounted as n, resolveComponent as s, openBlock as a, createBlock as l, withCtx as c, createElementVNode as r, withModifiers as p, createElementBlock as u, Fragment as m, renderList as g, createVNode as d, createCommentVNode as h, toDisplayString as f, normalizeStyle as v, render as y, h as w } from "vue";
+import { c as b, a as C } from "./component.js";
+import x from "./Popup.js";
+import T from "./Video.js";
+import I from "./Swiper.js";
+import S from "./SwiperItem.js";
+import j from "./Icon.js";
+import { _ as N } 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: k, create: E } = b("imagepreview"), P = E({ props: { show: { type: Boolean, default: false }, images: { type: Array, default: () => [] }, videos: { type: Array, default: () => [] }, contentClose: { type: Boolean, default: true }, 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 }, showIndex: { type: Boolean, default: true }, closeable: { type: Boolean, default: false }, closeIcon: { type: String, default: "circle-close" }, closeIconPosition: { type: String, default: "top-right" }, beforeClose: Function }, emits: ["close", "change"], components: { [x.name]: x, [T.name]: T, [I.name]: I, [S.name]: S, [j.name]: j }, setup(s2, { emit: a2 }) {
+  e(s2);
+  const l2 = 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 }), c2 = t(() => {
+    let e2 = {};
+    return s2.closeIconPosition == "top-right" ? e2.right = "10px" : e2.left = "10px", e2;
+  }), r2 = () => {
+    if (s2.beforeClose) {
+      const e2 = s2.beforeClose.apply(null, l2.active);
+      C(e2) ? e2.then((e3) => {
+        e3 && p2();
+      }) : e2 && p2();
+    } else
+      p2();
+  }, p2 = () => {
+    l2.showPop = false, l2.store.scale = 1, m2(), l2.active = 1, a2("close");
+  }, u2 = (e2, o2) => Math.hypot(Math.abs(o2.x - e2.x), Math.abs(o2.y - e2.y)), m2 = () => {
+    l2.eleImg.style.transform = "scale(" + l2.store.scale + ")";
+  }, g2 = (e2) => {
+    if (!l2.store.moveable)
+      return;
+    const o2 = l2.store;
+    var t2 = e2.touches, i2 = t2[0], n2 = t2[1];
+    if (n2) {
+      const e3 = u2({ x: i2.pageX, y: i2.pageY }, { x: n2.pageX, y: n2.pageY }) / o2.oriDistance;
+      o2.scale = o2.originScale * e3, o2.scale > 3 && (o2.scale = 3), m2();
     }
-  },
-  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 {
+  }, d2 = () => {
+    l2.lastTouchEndTime = new Date().getTime();
+    const e2 = l2.store;
+    e2.moveable = false, (e2.scale < 1.1 && e2.scale > 1 || e2.scale < 1) && (e2.scale = 1, m2());
+  };
+  return i(() => s2.show, (e2) => {
+    l2.showPop = e2, l2.eleImg = document.querySelector(".nut-imagepreview"), document.addEventListener("touchmove", g2), document.addEventListener("touchend", d2), document.addEventListener("touchcancel", d2);
+  }), n(() => {
+    l2.active = s2.initNo, l2.showPop = s2.show, l2.maxNo = s2.images.length + s2.videos.length;
+  }), { ...e(l2), slideChangeEnd: function(e2) {
+    l2.active = e2 + 1, a2("change", l2.active);
+  }, onClose: r2, closeOnImg: () => {
+    s2.contentClose && r2();
+  }, onTouchStart: (e2) => {
+    if (new Date().getTime() - l2.lastTouchEndTime < 300) {
+      const e3 = l2.store;
+      e3.scale > 1 ? e3.scale = 1 : e3.scale == 1 && (e3.scale = 2), m2();
+    }
+    var o2 = e2.touches, t2 = o2[0], i2 = o2[1];
+    const n2 = l2.store;
+    n2.moveable = true, i2 && (n2.oriDistance = u2({ x: t2.pageX, y: t2.pageY }, { x: i2.pageX, y: i2.pageY })), n2.originScale = n2.scale || 1;
+  }, onTouchMove: g2, onTouchEnd: d2, getDistance: u2, scaleNow: m2, styles: c2 };
+} }), B = ["src"], D = { key: 0, class: "nut-imagepreview-index" };
+var O = N(P, [["render", function(e2, o2, t2, i2, n2, y2) {
+  const w2 = s("nut-video"), b2 = s("nut-swiper-item"), C2 = s("nut-swiper"), x2 = s("nut-icon"), T2 = s("nut-popup");
+  return a(), l(T2, { "pop-class": "custom-pop", visible: e2.showPop, "onUpdate:visible": o2[3] || (o2[3] = (o3) => e2.showPop = o3), isWrapTeleport: e2.isWrapTeleport, onClick: e2.onClose, style: { width: "100%" } }, { default: c(() => [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(), l(C2, { 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: c(() => [(a(true), u(m, null, g(e2.videos, (e3, o3) => (a(), l(b2, { key: o3 }, { default: c(() => [d(w2, { source: e3.source, options: e3.options }, null, 8, ["source", "options"])]), _: 2 }, 1024))), 128)), (a(true), u(m, null, g(e2.images, (e3, o3) => (a(), l(b2, { key: o3 }, { default: c(() => [r("img", { src: e3.src, class: "nut-imagepreview-img" }, null, 8, B)]), _: 2 }, 1024))), 128))]), _: 1 }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : h("", true)], 32), e2.showIndex ? (a(), u("view", D, f(e2.active) + " / " + f(e2.images.length + e2.videos.length), 1)) : h("", true), e2.closeable ? (a(), u("view", { key: 1, class: "nut-imagepreview-close-icon", onClick: o2[2] || (o2[2] = (...o3) => e2.handleCloseIcon && e2.handleCloseIcon(...o3)), style: v(e2.styles) }, [d(x2, { name: e2.closeIcon, color: "#ffffff" }, null, 8, ["name"])], 4)) : h("", true)]), _: 1 }, 8, ["visible", "isWrapTeleport", "onClick"]);
+}]]);
+class V {
   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 X {
+  constructor(e2) {
+    this.options = new V();
+    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 n2 = document.createElement("view");
+    n2.id = "imagepreview-" + new Date().getTime();
+    const s2 = d({ setup: () => (o2.teleport = `#${n2.id}`, () => w(O, o2)) });
+    t2.appendChild(n2), y(s2, n2);
   }
 }
-const _ImagePreview = function(options) {
-  return new ImagePreviewFunction(options);
+const Y = function(e2) {
+  return new X(e2);
 };
-_ImagePreview.install = (app) => {
-  app.use(ImagePreview);
-  app.config.globalProperties.$imagepreview = _ImagePreview;
+Y.install = (e2) => {
+  e2.use(O), e2.config.globalProperties.$imagepreview = Y;
 };
-export { ImagePreview, ImagePreviewOptions, _ImagePreview as default };
+export { O as ImagePreview, V as ImagePreviewOptions, Y as default };

package/dist/packages/_es/Indicator.js

@@ -1,67 +1,20 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 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 };