@touchvue/ui 1.0.0-beta.2 → 1.0.0-beta.3

package/es/packages/components/pic/src/PicViewer.vue2.mjs

@@ -0,0 +1,405 @@
+import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeStyle, createElementVNode, withModifiers, withDirectives, createVNode, unref, Fragment, createCommentVNode, createTextVNode, toDisplayString, renderList } from 'vue';
+import { ToButton } from '../../button/index.mjs';
+import { ToIcon } from '../../icon/index.mjs';
+import vDis from '../../../directives/dis/src/dis.mjs';
+import vSizeDirective from '../../../directives/size/src/size.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PicViewer",
+  props: {
+    urlList: { default: () => [] },
+    zIndex: { default: 2e3 },
+    onSwitch: { type: Function, default: () => {
+    } },
+    onClose: { type: Function, default: () => {
+    } },
+    initialIndex: { default: 0 },
+    appendToBody: { type: Boolean, default: true },
+    maskClosable: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const on = (element, event, handler) => {
+      element.addEventListener(event, handler);
+    };
+    const off = (element, event, handler) => {
+      element.removeEventListener(event, handler);
+    };
+    const rafThrottle = (fn) => {
+      let ticking = false;
+      return function(...args) {
+        if (!ticking) {
+          requestAnimationFrame(() => {
+            fn.apply(this, args);
+            ticking = false;
+          });
+          ticking = true;
+        }
+      };
+    };
+    const isFirefox = () => {
+      return navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+    };
+    const useLocale = () => {
+      const t2 = (key) => {
+        const translations = {
+          "to.pic.viewer.full": "\u5168\u5C4F",
+          "to.pic.viewer.restore": "\u8FD8\u539F",
+          "pic.tip.error.load": "\u52A0\u8F7D\u5931\u8D25"
+        };
+        return translations[key] || key;
+      };
+      return { t: t2 };
+    };
+    const ModeEnum = {
+      CONTAIN: {
+        name: "contain",
+        icon: "el-icon-full-screen"
+      },
+      ORIGINAL: {
+        name: "original",
+        icon: "el-icon-c-scale-to-original"
+      }
+    };
+    const mousewheelEventName = isFirefox() ? "DOMMouseScroll" : "mousewheel";
+    const props = __props;
+    const { t } = useLocale();
+    const viewer = ref();
+    const img = ref();
+    const index = ref(props.initialIndex);
+    const infinite = ref(true);
+    const loading = ref(false);
+    const mode = ref(ModeEnum.CONTAIN);
+    const transform = ref({
+      scale: 1,
+      deg: 0,
+      offsetX: 0,
+      offsetY: 0,
+      enableTransition: false
+    });
+    let _keyDownHandler = null;
+    let _mouseWheelHandler = null;
+    let _dragHandler = null;
+    const isSingle = computed(() => props.urlList.length <= 1);
+    const isFirst = computed(() => index.value === 0);
+    const isLast = computed(() => index.value === props.urlList.length - 1);
+    const currentImg = computed(() => props.urlList[index.value]);
+    const imgStyle = computed(() => {
+      const { scale, deg, offsetX, offsetY, enableTransition } = transform.value;
+      const style = {
+        transform: `scale(${scale}) rotate(${deg}deg)`,
+        transition: enableTransition ? "transform .3s" : "",
+        "margin-left": `${offsetX}px`,
+        "margin-top": `${offsetY}px`
+      };
+      if (mode.value === ModeEnum.CONTAIN) {
+        style.maxWidth = style.maxHeight = "100%";
+      }
+      return style;
+    });
+    const viewerZIndex = computed(() => {
+      var _a;
+      const nextZIndex = ((_a = window.$TouchUI) == null ? void 0 : _a.zIndex) || 2e3;
+      if (window.$TouchUI) {
+        window.$TouchUI.zIndex++;
+      }
+      return props.zIndex > nextZIndex ? props.zIndex : nextZIndex;
+    });
+    watch(index, (val) => {
+      var _a;
+      reset();
+      (_a = props.onSwitch) == null ? void 0 : _a.call(props, val);
+    });
+    watch(currentImg, async () => {
+      var _a;
+      await nextTick();
+      const $img = (_a = img.value) == null ? void 0 : _a[0];
+      if ($img && !$img.complete) {
+        loading.value = true;
+      }
+    });
+    const destroy = () => {
+      if (props.appendToBody && viewer.value && viewer.value.parentNode) {
+        viewer.value.parentNode.removeChild(viewer.value);
+      }
+    };
+    const hide = () => {
+      var _a;
+      deviceSupportUninstall();
+      (_a = props.onClose) == null ? void 0 : _a.call(props);
+    };
+    const deviceSupportInstall = () => {
+      _keyDownHandler = (e) => {
+        e.stopPropagation();
+        const keyCode = e.keyCode;
+        switch (keyCode) {
+          case 27:
+            hide();
+            break;
+          case 32:
+            toggleMode();
+            break;
+          case 37:
+            prev();
+            break;
+          case 38:
+            handleActions("zoomIn");
+            break;
+          case 39:
+            next();
+            break;
+          case 40:
+            handleActions("zoomOut");
+            break;
+        }
+      };
+      _mouseWheelHandler = rafThrottle((e) => {
+        const delta = e.deltaY ? -e.deltaY : e.wheelDelta ? e.wheelDelta : -e.detail;
+        if (delta > 0) {
+          handleActions("zoomIn", {
+            zoomRate: 0.015,
+            enableTransition: false
+          });
+        } else {
+          handleActions("zoomOut", {
+            zoomRate: 0.015,
+            enableTransition: false
+          });
+        }
+      });
+      on(document, "keydown", _keyDownHandler);
+      on(document, mousewheelEventName, _mouseWheelHandler);
+    };
+    const deviceSupportUninstall = () => {
+      if (_keyDownHandler) {
+        off(document, "keydown", _keyDownHandler);
+        _keyDownHandler = null;
+      }
+      if (_mouseWheelHandler) {
+        off(document, mousewheelEventName, _mouseWheelHandler);
+        _mouseWheelHandler = null;
+      }
+    };
+    const handleImgLoad = () => {
+      loading.value = false;
+    };
+    const handleImgError = (e) => {
+      loading.value = false;
+      e.target.alt = t("pic.tip.error.load");
+    };
+    const handleMouseDown = (e) => {
+      if (loading.value || !e.touches && e.button !== 0)
+        return;
+      const { offsetX, offsetY } = transform.value;
+      let startX = e.pageX;
+      let startY = e.pageY;
+      if (e.touches) {
+        startX = e.touches[0].pageX;
+        startY = e.touches[0].pageY;
+      }
+      _dragHandler = rafThrottle((ev) => {
+        transform.value.offsetX = offsetX + ev.pageX - startX;
+        transform.value.offsetY = offsetY + ev.pageY - startY;
+        if (ev.touches) {
+          transform.value.offsetX = offsetX + ev.touches[0].pageX - startX;
+          transform.value.offsetY = offsetY + ev.touches[0].pageY - startY;
+        }
+      });
+      const handleMouseUp = () => {
+        if (_dragHandler) {
+          off(document, "mousemove", _dragHandler);
+          off(document, "touchmove", _dragHandler);
+        }
+      };
+      on(document, "mousemove", _dragHandler);
+      on(document, "mouseup", handleMouseUp);
+      on(document, "touchmove", _dragHandler);
+      on(document, "touchend", handleMouseUp);
+      e.preventDefault();
+    };
+    const handleMaskClick = () => {
+      if (props.maskClosable) {
+        hide();
+      }
+    };
+    const reset = () => {
+      transform.value = {
+        scale: 1,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: false
+      };
+    };
+    const toggleMode = () => {
+      if (loading.value)
+        return;
+      const modeNames = Object.keys(ModeEnum);
+      const modeValues = Object.values(ModeEnum);
+      const currentIndex = modeValues.indexOf(mode.value);
+      const nextIndex = (currentIndex + 1) % modeNames.length;
+      mode.value = ModeEnum[modeNames[nextIndex]];
+      reset();
+    };
+    const prev = () => {
+      if (isFirst.value && !infinite.value)
+        return;
+      const len = props.urlList.length;
+      index.value = (index.value - 1 + len) % len;
+    };
+    const next = () => {
+      if (isLast.value && !infinite.value)
+        return;
+      const len = props.urlList.length;
+      index.value = (index.value + 1) % len;
+    };
+    const handleActions = (action, options = {}) => {
+      if (loading.value)
+        return;
+      const { zoomRate = 0.2, rotateDeg = 90, enableTransition = true } = options;
+      switch (action) {
+        case "zoomOut":
+          if (transform.value.scale > 0.2) {
+            transform.value.scale = parseFloat((transform.value.scale - zoomRate).toFixed(3));
+          }
+          break;
+        case "zoomIn":
+          transform.value.scale = parseFloat((transform.value.scale + zoomRate).toFixed(3));
+          break;
+        case "clocelise":
+          transform.value.deg += rotateDeg;
+          break;
+        case "anticlocelise":
+          transform.value.deg -= rotateDeg;
+          break;
+      }
+      transform.value.enableTransition = enableTransition;
+    };
+    onMounted(() => {
+      var _a;
+      deviceSupportInstall();
+      if (props.appendToBody && viewer.value) {
+        document.body.appendChild(viewer.value);
+      }
+      (_a = viewer.value) == null ? void 0 : _a.focus();
+    });
+    onBeforeUnmount(() => {
+      destroy();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, { name: "viewer-fade" }, {
+        default: withCtx(() => [
+          (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "viewer",
+            ref: viewer,
+            tabindex: "-1",
+            class: "to-picViewer",
+            style: normalizeStyle({ "z-index": viewerZIndex.value })
+          }, [
+            createElementVNode("div", {
+              class: "bg",
+              onClick: withModifiers(handleMaskClick, ["self"])
+            }),
+            withDirectives(createVNode(unref(ToIcon), {
+              class: "to-icon-close",
+              value: "close",
+              mode: "fill",
+              color: "info",
+              link: "",
+              fillet: "round",
+              onClick: hide
+            }, null, 512), [
+              [unref(vSizeDirective), 2]
+            ]),
+            !isSingle.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              withDirectives(createVNode(unref(ToIcon), {
+                class: "to-icon-back",
+                value: "back",
+                mode: "fill",
+                color: "info",
+                link: "",
+                fillet: "round",
+                onClick: prev
+              }, null, 512), [
+                [unref(vSizeDirective), 2],
+                [unref(vDis), !infinite.value && isFirst.value]
+              ]),
+              withDirectives(createVNode(unref(ToIcon), {
+                class: "to-icon-next",
+                value: "next",
+                mode: "fill",
+                color: "info",
+                link: "",
+                fillet: "round",
+                onClick: next
+              }, null, 512), [
+                [unref(vSizeDirective), 2],
+                [unref(vDis), !infinite.value && isLast.value]
+              ])
+            ], 64)) : createCommentVNode("", true),
+            createElementVNode("div", { class: "fn" }, [
+              createVNode(unref(ToButton), {
+                mode: "none",
+                fillet: "pill",
+                "fillet-position": "left",
+                icon: "zoomout",
+                color: "bg",
+                onClick: ($event) => handleActions("zoomOut")
+              }, null, 8, ["onClick"]),
+              createVNode(unref(ToButton), {
+                mode: "none",
+                icon: "zoomin",
+                color: "bg",
+                onClick: ($event) => handleActions("zoomIn")
+              }, null, 8, ["onClick"]),
+              createVNode(unref(ToButton), {
+                mode: "none",
+                color: "bg",
+                onClick: ($event) => toggleMode()
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(mode.value.name === "contain" ? unref(t)("to.pic.viewer.full") : unref(t)("to.pic.viewer.restore")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"]),
+              createVNode(unref(ToButton), {
+                mode: "none",
+                icon: "leftrotation",
+                color: "bg",
+                onClick: ($event) => handleActions("anticlocelise")
+              }, null, 8, ["onClick"]),
+              createVNode(unref(ToButton), {
+                mode: "none",
+                fillet: "pill",
+                "fillet-position": "right",
+                icon: "reset",
+                color: "bg",
+                onClick: ($event) => handleActions("clocelise")
+              }, null, 8, ["onClick"])
+            ]),
+            createElementVNode("div", { class: "canvas" }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.urlList.filter((item, i) => i === index.value), (url) => {
+                return openBlock(), createElementBlock("img", {
+                  ref_for: true,
+                  ref_key: "img",
+                  ref: img,
+                  key: url,
+                  src: currentImg.value,
+                  style: normalizeStyle(imgStyle.value),
+                  onLoad: handleImgLoad,
+                  onError: handleImgError,
+                  onMousedown: handleMouseDown,
+                  onTouchstart: handleMouseDown
+                }, null, 44, ["src"]);
+              }), 128))
+            ])
+          ], 4)) 
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=PicViewer.vue2.mjs.map

package/es/packages/components/pic/src/PicViewer.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PicViewer.vue2.mjs","sources":["../../../../../../packages/components/pic/src/PicViewer.vue"],"sourcesContent":["<template>\n\t<transition name=\"viewer-fade\">\n\t\t<div\n\t\t\tv-if=\"true\"\n\t\t\tref=\"viewer\"\n\t\t\ttabindex=\"-1\"\n\t\t\tclass=\"to-picViewer\"\n\t\t\t:style=\"{ 'z-index': viewerZIndex }\"\n\t\t>\n\t\t\t<div class=\"bg\" @click.self=\"handleMaskClick\"></div>\n\t\t\t<!-- CLOSE -->\n\t\t\t<to-icon\n\t\t\t\tv-size=\"2\"\n\t\t\t\tclass=\"to-icon-close\"\n\t\t\t\tvalue=\"close\"\n\t\t\t\tmode=\"fill\"\n\t\t\t\tcolor=\"info\"\n\t\t\t\tlink\n\t\t\t\tfillet=\"round\"\n\t\t\t\t@click=\"hide\"\n\t\t\t></to-icon>\n\t\t\t<!-- ARROW -->\n\t\t\t<template v-if=\"!isSingle\">\n\t\t\t\t<to-icon\n\t\t\t\t\tv-size=\"2\"\n\t\t\t\t\tv-dis=\"!infinite && isFirst\"\n\t\t\t\t\tclass=\"to-icon-back\"\n\t\t\t\t\tvalue=\"back\"\n\t\t\t\t\tmode=\"fill\"\n\t\t\t\t\tcolor=\"info\"\n\t\t\t\t\tlink\n\t\t\t\t\tfillet=\"round\"\n\t\t\t\t\t@click=\"prev\"\n\t\t\t\t></to-icon>\n\t\t\t\t<to-icon\n\t\t\t\t\tv-size=\"2\"\n\t\t\t\t\tv-dis=\"!infinite && isLast\"\n\t\t\t\t\tclass=\"to-icon-next\"\n\t\t\t\t\tvalue=\"next\"\n\t\t\t\t\tmode=\"fill\"\n\t\t\t\t\tcolor=\"info\"\n\t\t\t\t\tlink\n\t\t\t\t\tfillet=\"round\"\n\t\t\t\t\t@click=\"next\"\n\t\t\t\t></to-icon>\n\t\t\t</template>\n\t\t\t<!-- ACTIONS -->\n\t\t\t<div class=\"fn\">\n\t\t\t\t<to-button\n\t\t\t\t\tmode=\"none\"\n\t\t\t\t\tfillet=\"pill\"\n\t\t\t\t\tfillet-position=\"left\"\n\t\t\t\t\ticon=\"zoomout\"\n\t\t\t\t\tcolor=\"bg\"\n\t\t\t\t\t@click=\"handleActions('zoomOut')\"\n\t\t\t\t></to-button>\n\t\t\t\t<to-button\n\t\t\t\t\tmode=\"none\"\n\t\t\t\t\ticon=\"zoomin\"\n\t\t\t\t\tcolor=\"bg\"\n\t\t\t\t\t@click=\"handleActions('zoomIn')\"\n\t\t\t\t></to-button>\n\t\t\t\t<to-button mode=\"none\" color=\"bg\" @click=\"toggleMode()\">{{\n\t\t\t\t\tmode.name === 'contain' ? t('to.pic.viewer.full') : t('to.pic.viewer.restore')\n\t\t\t\t}}</to-button>\n\t\t\t\t<to-button\n\t\t\t\t\tmode=\"none\"\n\t\t\t\t\ticon=\"leftrotation\"\n\t\t\t\t\tcolor=\"bg\"\n\t\t\t\t\t@click=\"handleActions('anticlocelise')\"\n\t\t\t\t></to-button>\n\t\t\t\t<to-button\n\t\t\t\t\tmode=\"none\"\n\t\t\t\t\tfillet=\"pill\"\n\t\t\t\t\tfillet-position=\"right\"\n\t\t\t\t\ticon=\"reset\"\n\t\t\t\t\tcolor=\"bg\"\n\t\t\t\t\t@click=\"handleActions('clocelise')\"\n\t\t\t\t></to-button>\n\t\t\t</div>\n\t\t\t<!-- CANVAS -->\n\t\t\t<div class=\"canvas\">\n\t\t\t\t<img\n\t\t\t\t\tv-for=\"url in urlList.filter((item, i) => i === index)\"\n\t\t\t\t\tref=\"img\"\n\t\t\t\t\t:key=\"url\"\n\t\t\t\t\t:src=\"currentImg\"\n\t\t\t\t\t:style=\"imgStyle\"\n\t\t\t\t\t@load=\"handleImgLoad\"\n\t\t\t\t\t@error=\"handleImgError\"\n\t\t\t\t\t@mousedown=\"handleMouseDown\"\n\t\t\t\t\t@touchstart=\"handleMouseDown\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t</transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue'\nimport { ToIcon, ToButton } from '@touchvue/components'\nimport { vSize, vDis } from '@touchvue/directives'\n\n// 临时实现工具函数，实际项目中应该从对应的工具库导入\nconst on = (element: Document | Element, event: string, handler: EventListener) => {\n\telement.addEventListener(event, handler)\n}\n\nconst off = (element: Document | Element, event: string, handler: EventListener) => {\n\telement.removeEventListener(event, handler)\n}\n\nconst rafThrottle = (fn: (...args: any[]) => void) => {\n\tlet ticking = false\n\treturn function (this: any, ...args: any[]) {\n\t\tif (!ticking) {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tfn.apply(this, args)\n\t\t\t\tticking = false\n\t\t\t})\n\t\t\tticking = true\n\t\t}\n\t}\n}\n\nconst isFirefox = () => {\n\treturn navigator.userAgent.toLowerCase().indexOf('firefox') > -1\n}\n\nconst useLocale = () => {\n\tconst t = (key: string) => {\n\t\t// 临时实现，实际项目中应该从国际化库获取\n\t\tconst translations: Record<string, string> = {\n\t\t\t'to.pic.viewer.full': '全屏',\n\t\t\t'to.pic.viewer.restore': '还原',\n\t\t\t'pic.tip.error.load': '加载失败',\n\t\t}\n\t\treturn translations[key] || key\n\t}\n\treturn { t }\n}\n\nexport interface ModeType {\n\tname: string\n\ticon: string\n}\n\nconst ModeEnum = {\n\tCONTAIN: {\n\t\tname: 'contain',\n\t\ticon: 'el-icon-full-screen',\n\t},\n\tORIGINAL: {\n\t\tname: 'original',\n\t\ticon: 'el-icon-c-scale-to-original',\n\t},\n}\n\nconst mousewheelEventName = isFirefox() ? 'DOMMouseScroll' : 'mousewheel'\n\nexport interface Props {\n\turlList: string[]\n\tzIndex: number\n\tonSwitch?: (index: number) => void\n\tonClose?: () => void\n\tinitialIndex: number\n\tappendToBody: boolean\n\tmaskClosable: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\turlList: () => [],\n\tzIndex: 2000,\n\tonSwitch: () => {},\n\tonClose: () => {},\n\tinitialIndex: 0,\n\tappendToBody: true,\n\tmaskClosable: true,\n})\n\nconst { t } = useLocale()\n\nconst viewer = ref<HTMLElement>()\nconst img = ref<HTMLImageElement[]>()\nconst index = ref(props.initialIndex)\nconst infinite = ref(true)\nconst loading = ref(false)\nconst mode = ref<ModeType>(ModeEnum.CONTAIN)\nconst transform = ref({\n\tscale: 1,\n\tdeg: 0,\n\toffsetX: 0,\n\toffsetY: 0,\n\tenableTransition: false,\n})\n\nlet _keyDownHandler: ((e: KeyboardEvent) => void) | null = null\nlet _mouseWheelHandler: ((e: WheelEvent) => void) | null = null\nlet _dragHandler: ((e: MouseEvent | TouchEvent) => void) | null = null\n\nconst isSingle = computed(() => props.urlList.length <= 1)\nconst isFirst = computed(() => index.value === 0)\nconst isLast = computed(() => index.value === props.urlList.length - 1)\nconst currentImg = computed(() => props.urlList[index.value])\n\nconst imgStyle = computed(() => {\n\tconst { scale, deg, offsetX, offsetY, enableTransition } = transform.value\n\tconst style: Record<string, string> = {\n\t\ttransform: `scale(${scale}) rotate(${deg}deg)`,\n\t\ttransition: enableTransition ? 'transform .3s' : '',\n\t\t'margin-left': `${offsetX}px`,\n\t\t'margin-top': `${offsetY}px`,\n\t}\n\tif (mode.value === ModeEnum.CONTAIN) {\n\t\tstyle.maxWidth = style.maxHeight = '100%'\n\t}\n\treturn style\n})\n\nconst viewerZIndex = computed(() => {\n\tconst nextZIndex = (window as any).$TouchUI?.zIndex || 2000\n\tif ((window as any).$TouchUI) {\n\t\t;(window as any).$TouchUI.zIndex++\n\t}\n\treturn props.zIndex > nextZIndex ? props.zIndex : nextZIndex\n})\n\nwatch(index, val => {\n\treset()\n\tprops.onSwitch?.(val)\n})\n\nwatch(currentImg, async () => {\n\tawait nextTick()\n\tconst $img = img.value?.[0]\n\tif ($img && !$img.complete) {\n\t\tloading.value = true\n\t}\n})\n\nconst destroy = () => {\n\tif (props.appendToBody && viewer.value && viewer.value.parentNode) {\n\t\tviewer.value.parentNode.removeChild(viewer.value)\n\t}\n}\n\nconst hide = () => {\n\tdeviceSupportUninstall()\n\tprops.onClose?.()\n}\n\nconst deviceSupportInstall = () => {\n\t_keyDownHandler = (e: KeyboardEvent) => {\n\t\te.stopPropagation()\n\t\tconst keyCode = e.keyCode\n\t\tswitch (keyCode) {\n\t\t\tcase 27: // ESC\n\t\t\t\thide()\n\t\t\t\tbreak\n\t\t\tcase 32: // SPACE\n\t\t\t\ttoggleMode()\n\t\t\t\tbreak\n\t\t\tcase 37: // LEFT_ARROW\n\t\t\t\tprev()\n\t\t\t\tbreak\n\t\t\tcase 38: // UP_ARROW\n\t\t\t\thandleActions('zoomIn')\n\t\t\t\tbreak\n\t\t\tcase 39: // RIGHT_ARROW\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t\tcase 40: // DOWN_ARROW\n\t\t\t\thandleActions('zoomOut')\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\t_mouseWheelHandler = rafThrottle((e: WheelEvent) => {\n\t\tconst delta = e.deltaY\n\t\t\t? -e.deltaY\n\t\t\t: (e as any).wheelDelta\n\t\t\t\t? (e as any).wheelDelta\n\t\t\t\t: -(e as any).detail\n\t\tif (delta > 0) {\n\t\t\thandleActions('zoomIn', {\n\t\t\t\tzoomRate: 0.015,\n\t\t\t\tenableTransition: false,\n\t\t\t})\n\t\t} else {\n\t\t\thandleActions('zoomOut', {\n\t\t\t\tzoomRate: 0.015,\n\t\t\t\tenableTransition: false,\n\t\t\t})\n\t\t}\n\t})\n\n\ton(document, 'keydown', _keyDownHandler)\n\ton(document, mousewheelEventName, _mouseWheelHandler)\n}\n\nconst deviceSupportUninstall = () => {\n\tif (_keyDownHandler) {\n\t\toff(document, 'keydown', _keyDownHandler)\n\t\t_keyDownHandler = null\n\t}\n\tif (_mouseWheelHandler) {\n\t\toff(document, mousewheelEventName, _mouseWheelHandler)\n\t\t_mouseWheelHandler = null\n\t}\n}\n\nconst handleImgLoad = () => {\n\tloading.value = false\n}\n\nconst handleImgError = (e: Event) => {\n\tloading.value = false\n\t;(e.target as HTMLImageElement).alt = t('pic.tip.error.load')\n}\n\nconst handleMouseDown = (e: MouseEvent | TouchEvent) => {\n\tif (loading.value || (!(e as TouchEvent).touches && (e as MouseEvent).button !== 0)) return\n\n\tconst { offsetX, offsetY } = transform.value\n\tlet startX = (e as MouseEvent).pageX\n\tlet startY = (e as MouseEvent).pageY\n\n\tif ((e as TouchEvent).touches) {\n\t\tstartX = (e as TouchEvent).touches[0].pageX\n\t\tstartY = (e as TouchEvent).touches[0].pageY\n\t}\n\n\t_dragHandler = rafThrottle((ev: MouseEvent | TouchEvent) => {\n\t\ttransform.value.offsetX = offsetX + (ev as MouseEvent).pageX - startX\n\t\ttransform.value.offsetY = offsetY + (ev as MouseEvent).pageY - startY\n\t\tif ((ev as TouchEvent).touches) {\n\t\t\ttransform.value.offsetX = offsetX + (ev as TouchEvent).touches[0].pageX - startX\n\t\t\ttransform.value.offsetY = offsetY + (ev as TouchEvent).touches[0].pageY - startY\n\t\t}\n\t})\n\n\tconst handleMouseUp = () => {\n\t\tif (_dragHandler) {\n\t\t\toff(document, 'mousemove', _dragHandler)\n\t\t\toff(document, 'touchmove', _dragHandler)\n\t\t}\n\t}\n\n\ton(document, 'mousemove', _dragHandler)\n\ton(document, 'mouseup', handleMouseUp)\n\ton(document, 'touchmove', _dragHandler)\n\ton(document, 'touchend', handleMouseUp)\n\n\te.preventDefault()\n}\n\nconst handleMaskClick = () => {\n\tif (props.maskClosable) {\n\t\thide()\n\t}\n}\n\nconst reset = () => {\n\ttransform.value = {\n\t\tscale: 1,\n\t\tdeg: 0,\n\t\toffsetX: 0,\n\t\toffsetY: 0,\n\t\tenableTransition: false,\n\t}\n}\n\nconst toggleMode = () => {\n\tif (loading.value) return\n\tconst modeNames = Object.keys(ModeEnum) as (keyof typeof ModeEnum)[]\n\tconst modeValues = Object.values(ModeEnum)\n\tconst currentIndex = modeValues.indexOf(mode.value)\n\tconst nextIndex = (currentIndex + 1) % modeNames.length\n\tmode.value = ModeEnum[modeNames[nextIndex]]\n\treset()\n}\n\nconst prev = () => {\n\tif (isFirst.value && !infinite.value) return\n\tconst len = props.urlList.length\n\tindex.value = (index.value - 1 + len) % len\n}\n\nconst next = () => {\n\tif (isLast.value && !infinite.value) return\n\tconst len = props.urlList.length\n\tindex.value = (index.value + 1) % len\n}\n\nconst handleActions = (action: string, options: any = {}) => {\n\tif (loading.value) return\n\tconst { zoomRate = 0.2, rotateDeg = 90, enableTransition = true } = options\n\n\tswitch (action) {\n\t\tcase 'zoomOut':\n\t\t\tif (transform.value.scale > 0.2) {\n\t\t\t\ttransform.value.scale = parseFloat((transform.value.scale - zoomRate).toFixed(3))\n\t\t\t}\n\t\t\tbreak\n\t\tcase 'zoomIn':\n\t\t\ttransform.value.scale = parseFloat((transform.value.scale + zoomRate).toFixed(3))\n\t\t\tbreak\n\t\tcase 'clocelise':\n\t\t\ttransform.value.deg += rotateDeg\n\t\t\tbreak\n\t\tcase 'anticlocelise':\n\t\t\ttransform.value.deg -= rotateDeg\n\t\t\tbreak\n\t}\n\ttransform.value.enableTransition = enableTransition\n}\n\nonMounted(() => {\n\tdeviceSupportInstall()\n\tif (props.appendToBody && viewer.value) {\n\t\tdocument.body.appendChild(viewer.value)\n\t}\n\tviewer.value?.focus()\n})\n\nonBeforeUnmount(() => {\n\tdestroy()\n})\n</script>\n"],"names":["t","_createBlock","_Transition","_createElementBlock","_createElementVNode","_createVNode","_unref","_Fragment","_createTextVNode","_toDisplayString","_openBlock","urlList"],"mappings":"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"}

package/es/packages/components/pic/src/pic.mjs

@@ -0,0 +1,68 @@
+const picProps = {
+  /**
+   * 图片链接
+   */
+  src: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 预览图片列表
+   */
+  previews: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * 图片替代文本
+   */
+  alt: {
+    type: String,
+    default: ""
+  },
+  /**
+   * 图片显示模式
+   */
+  mode: {
+    type: String,
+    default: "fill"
+  },
+  /**
+   * 颜色
+   */
+  color: {
+    type: String,
+    default: "none"
+  },
+  /**
+   * 圆角
+   */
+  fillet: {
+    type: String,
+    default: "none"
+  },
+  /**
+   * 图片宽度
+   */
+  width: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * 图片高度
+   */
+  height: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * 图片查看器的z-index
+   */
+  zIndex: {
+    type: Number,
+    default: 2e3
+  }
+};
+
+export { picProps };
+//# sourceMappingURL=pic.mjs.map

package/es/packages/components/pic/src/pic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pic.mjs","sources":["../../../../../../packages/components/pic/src/pic.ts"],"sourcesContent":["import { ExtractPropTypes } from 'vue'\n\nexport const picProps = {\n\t/**\n\t * 图片链接\n\t */\n\tsrc: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\t/**\n\t * 预览图片列表\n\t */\n\tpreviews: {\n\t\ttype: Array,\n\t\tdefault: () => [],\n\t},\n\n\t/**\n\t * 图片替代文本\n\t */\n\talt: {\n\t\ttype: String,\n\t\tdefault: '',\n\t},\n\t/**\n\t * 图片显示模式\n\t */\n\tmode: {\n\t\ttype: String,\n\t\tdefault: 'fill',\n\t},\n\t/**\n\t * 颜色\n\t */\n\tcolor: {\n\t\ttype: String,\n\t\tdefault: 'none',\n\t},\n\t/**\n\t * 圆角\n\t */\n\tfillet: {\n\t\ttype: String,\n\t\tdefault: 'none',\n\t},\n\t/**\n\t * 图片宽度\n\t */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: '',\n\t},\n\t/**\n\t * 图片高度\n\t */\n\theight: {\n\t\ttype: [String, Number],\n\t\tdefault: '',\n\t},\n\t/**\n\t * 图片查看器的z-index\n\t */\n\tzIndex: {\n\t\ttype: Number,\n\t\tdefault: 2000,\n\t},\n}\n\nexport type PicProps = ExtractPropTypes<typeof picProps>\n"],"names":[],"mappings":"AAEO,MAAM,QAAW,GAAA;AAAA;AAAA;AAAA;AAAA,EAIvB,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACT,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAKA,GAAK,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAS,EAAA,EAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACP,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACV;AACD;;;;"}

package/es/packages/components/progress/index.mjs

@@ -0,0 +1,8 @@
+import Progress from './src/Progress.vue.mjs';
+export { progressProps } from './src/progress.mjs';
+import { withInstall } from '../../utils/types.mjs';
+
+const ToProgress = withInstall(Progress);
+
+export { ToProgress, ToProgress as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/progress/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/progress/index.ts"],"sourcesContent":["import { withInstall } from '@touchvue/utils';\nimport Progress from './src/Progress.vue';\n\nexport const ToProgress = withInstall(Progress);\nexport default ToProgress;\n\nexport * from './src/progress';\n"],"names":[],"mappings":";;;;AAGa,MAAA,UAAA,GAAa,YAAY,QAAQ;;;;"}

package/es/packages/components/progress/src/Progress.vue.mjs

@@ -0,0 +1,71 @@
+import _sfc_main from './Progress.vue2.mjs';
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, createElementVNode, renderSlot, toDisplayString, createCommentVNode } from 'vue';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", {
+    ref: "elRef",
+    class: normalizeClass(["to-progress", _ctx.setClass]),
+    style: normalizeStyle(_ctx.setStyle)
+  }, [
+    _ctx.type === "circle" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      (openBlock(), createElementBlock("svg", {
+        class: "svg",
+        viewBox: "0 0 100 100"
+      }, [
+        createElementVNode("circle", {
+          cx: "50",
+          cy: "50",
+          r: _ctx.radius,
+          fill: "none",
+          "stroke-width": _ctx.thick,
+          class: "to-progress-bg"
+        }, null, 8, ["r", "stroke-width"]),
+        createElementVNode("circle", {
+          cx: "50",
+          cy: "50",
+          r: _ctx.radius,
+          fill: "none",
+          "stroke-width": _ctx.barThick,
+          transform: "rotate(-90, 50, 50)",
+          "stroke-dashoffset": _ctx.strokeDashoffset,
+          "stroke-dasharray": _ctx.strokeDasharray,
+          class: "to-progress-bar"
+        }, null, 8, ["r", "stroke-width", "stroke-dashoffset", "stroke-dasharray"])
+      ])),
+      createElementVNode("div", { class: "to-progress-text" }, [
+        renderSlot(_ctx.$slots, "default", {
+          title: _ctx.titleValue,
+          content: _ctx.content
+        }, () => [
+          createElementVNode("div", { class: "to-progress-text-title" }, toDisplayString(_ctx.titleValue), 1),
+          _ctx.content ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "to-progress-text-content"
+          }, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+        ])
+      ])
+    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      createElementVNode("span", { class: "to-progress-bg" }, [
+        createElementVNode("span", {
+          style: normalizeStyle(_ctx.setBarStyle),
+          class: "to-progress-bar"
+        }, [
+          _ctx.textPosition === "inner" ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: "to-progress-text"
+          }, toDisplayString(_ctx.textValue), 1)) : createCommentVNode("", true)
+        ], 4)
+      ]),
+      _ctx.textPosition === "outer" && _ctx.type !== "loading" ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "to-progress-text",
+        style: normalizeStyle(_ctx.setTextStyle)
+      }, toDisplayString(_ctx.textValue), 5)) : createCommentVNode("", true)
+    ], 64))
+  ], 6);
+}
+var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Progress as default };
+//# sourceMappingURL=Progress.vue.mjs.map

package/es/packages/components/progress/src/Progress.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.vue.mjs","sources":["../../../../../../packages/components/progress/src/Progress.vue"],"sourcesContent":["<template>\n\t<span ref=\"elRef\" class=\"to-progress\" :class=\"setClass\" :style=\"setStyle\">\n\t\t<template v-if=\"type === 'circle'\">\n\t\t\t<svg class=\"svg\" viewBox=\"0 0 100 100\">\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\t:r=\"radius\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t:stroke-width=\"thick\"\n\t\t\t\t\tclass=\"to-progress-bg\"\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\t:r=\"radius\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t:stroke-width=\"barThick\"\n\t\t\t\t\ttransform=\"rotate(-90, 50, 50)\"\n\t\t\t\t\t:stroke-dashoffset=\"strokeDashoffset\"\n\t\t\t\t\t:stroke-dasharray=\"strokeDasharray\"\n\t\t\t\t\tclass=\"to-progress-bar\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t\t<div class=\"to-progress-text\">\n\t\t\t\t<slot :title=\"titleValue\" :content=\"content\">\n\t\t\t\t\t<div class=\"to-progress-text-title\">{{ titleValue }}</div>\n\t\t\t\t\t<div v-if=\"content\" class=\"to-progress-text-content\">{{ content }}</div>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-else>\n\t\t\t<span class=\"to-progress-bg\">\n\t\t\t\t<span :style=\"setBarStyle\" class=\"to-progress-bar\">\n\t\t\t\t\t<span v-if=\"textPosition === 'inner'\" class=\"to-progress-text\">{{ textValue }}</span>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t\t<span\n\t\t\t\tv-if=\"textPosition === 'outer' && type !== 'loading'\"\n\t\t\t\tclass=\"to-progress-text\"\n\t\t\t\t:style=\"setTextStyle\"\n\t\t\t>\n\t\t\t\t{{ textValue }}\n\t\t\t</span>\n\t\t</template>\n\t</span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, onMounted, onBeforeUnmount, watch, nextTick } from 'vue'\n\nexport default defineComponent({\n\tname: 'ToProgress',\n\tprops: {\n\t\t// 类型：normal 或 loading\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t\tvalidator: (val: string) => ['normal', 'loading', 'circle'].includes(val),\n\t\t},\n\t\t// 进度条百分比，0~100的数字\n\t\tvalue: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: 0,\n\t\t\trequired: true,\n\t\t},\n\t\t// 模式\n\t\tmode: {\n\t\t\ttype: String,\n\t\t\tdefault: 'default',\n\t\t},\n\t\t// 文字\n\t\ttext: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t// 标题\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t// 内容\n\t\tcontent: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t// 进度位置：outer(在外)、inner(在内)、none(不显示进度)\n\t\ttextPosition: {\n\t\t\ttype: String,\n\t\t\tdefault: 'inner',\n\t\t\tvalidator: (val: string) => ['outer', 'inner', 'none'].includes(val),\n\t\t},\n\t\t// 显示值的宽度设置\n\t\ttextWidth: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: 'auto',\n\t\t},\n\t\t// 颜色\n\t\tcolor: {\n\t\t\ttype: String,\n\t\t\tdefault: 'primary',\n\t\t},\n\t\t// 宽度\n\t\twidth: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: '',\n\t\t},\n\t\t// 进度条大小\n\t\tbarSize: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: 1,\n\t\t},\n\t},\n\tsetup(props) {\n\t\t// 响应式状态\n\t\tconst elRef = ref<HTMLElement | null>(null)\n\t\tconst radius = ref<number>(0)\n\t\tconst thick = ref<number>(0)\n\t\tconst barRadius = ref<number>(0)\n\t\tconst barThick = ref<number>(0)\n\t\tconst em = ref(0)\n\t\tconst offsetWidth = ref(0)\n\t\tconst iPercentage = ref('')\n\n\t\tconst getColor = (color: string) => {\n\t\t\tlet c = color\n\t\t\t// 随机色彩逻辑，实际项目中可能需要根据实际环境调整\n\t\t\tlet colors = ['primary', 'success', 'warning', 'danger', 'info', 'secondary', 'fg']\n\t\t\tlet number = Math.round(Math.random() * 6)\n\t\t\tif (color === 'radam') {\n\t\t\t\tc = colors[number]\n\t\t\t}\n\n\t\t\tswitch (c) {\n\t\t\t\tcase 'fg':\n\t\t\t\t\treturn '#000'\n\t\t\t\tcase 'info':\n\t\t\t\t\treturn '#999'\n\t\t\t\tcase 'warning':\n\t\t\t\t\treturn '#f3b100'\n\t\t\t\tcase 'success':\n\t\t\t\t\treturn '#8fc320'\n\t\t\t\tcase 'danger':\n\t\t\t\t\treturn '#e40077'\n\t\t\t\tcase 'secondary':\n\t\t\t\t\treturn '#4d5b65'\n\t\t\t\tcase 'primary':\n\t\t\t\t\treturn '#0085d0'\n\t\t\t\tdefault:\n\t\t\t\t\treturn color\n\t\t\t}\n\t\t}\n\n\t\tconst circumference = computed(() => 2 * Math.PI * radius.value)\n\t\tconst strokeDasharray = computed(() => circumference.value)\n\t\tconst strokeDashoffset = computed(() => circumference.value * (1 - Number(props.value) / 100))\n\n\t\tconst textValue = computed(() => {\n\t\t\tif (props.text) {\n\t\t\t\treturn props.text\n\t\t\t} else {\n\t\t\t\treturn iPercentage.value\n\t\t\t}\n\t\t})\n\n\t\tconst titleValue = computed(() => {\n\t\t\tif (props.title !== undefined) {\n\t\t\t\treturn props.title\n\t\t\t} else {\n\t\t\t\t// 如果是100%，可以显示完成标识\n\t\t\t\tconst percentValue = Number(iPercentage.value.replace('%', ''))\n\t\t\t\tif (percentValue >= 100 && props.type === 'circle') {\n\t\t\t\t\treturn '100%'\n\t\t\t\t}\n\t\t\t\treturn iPercentage.value\n\t\t\t}\n\t\t})\n\n\t\tconst setClass = computed(() => {\n\t\t\tconst arr: string[] = []\n\t\t\tarr.push(`color-${props.color}`)\n\t\t\tif (props.textPosition) {\n\t\t\t\tarr.push(`text-position-${props.textPosition}`)\n\t\t\t}\n\t\t\tif (props.type) {\n\t\t\t\tarr.push(`type-${props.type}`)\n\t\t\t}\n\t\t\tif (props.mode) {\n\t\t\t\tarr.push(`mode-${props.mode}`)\n\t\t\t}\n\t\t\treturn arr\n\t\t})\n\n\t\tconst setStyle = computed(() => {\n\t\t\tconst obj: Record<string, string> = {}\n\t\t\tif (props.width) {\n\t\t\t\tif (props.type === 'circle') {\n\t\t\t\t\tif (!isNaN(Number(props.width))) {\n\t\t\t\t\t\t// 保持1:1的宽高比\n\t\t\t\t\t\tconst size = Number(props.width) + 'em'\n\t\t\t\t\t\tobj.width = size\n\t\t\t\t\t\tobj.height = size\n\t\t\t\t\t} else if (props.width === 'full') {\n\t\t\t\t\t\tobj.width = '100%'\n\t\t\t\t\t\t// 强制保持1:1的宽高比\n\t\t\t\t\t\tobj.aspectRatio = '1/1'\n\t\t\t\t\t} else {\n\t\t\t\t\t\tobj.width = props.width as string\n\t\t\t\t\t\tobj.height = props.width as string\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (!isNaN(Number(props.width))) {\n\t\t\t\t\t\tobj.width = props.width + 'em'\n\t\t\t\t\t} else if (props.width === 'full') {\n\t\t\t\t\t\tobj.width = '100%'\n\t\t\t\t\t} else {\n\t\t\t\t\t\tobj.width = props.width as string\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn obj\n\t\t})\n\n\t\tconst setBarStyle = computed(() => {\n\t\t\treturn 'width:' + iPercentage.value\n\t\t})\n\n\t\tconst setTextStyle = computed(() => {\n\t\t\tif (props.textWidth === 'auto') {\n\t\t\t\treturn ''\n\t\t\t} else {\n\t\t\t\treturn 'width:' + props.textWidth + 'em'\n\t\t\t}\n\t\t})\n\n\t\t// 方法\n\t\tconst setPercentage = () => {\n\t\t\tlet p = 0\n\t\t\tif ((props.value + '').indexOf('%') > -1) {\n\t\t\t\tp = Number((props.value as string).replace('%', ''))\n\t\t\t} else {\n\t\t\t\tp = Number(props.value)\n\t\t\t}\n\t\t\tif (p < 0) {\n\t\t\t\tp = 0\n\t\t\t}\n\t\t\tiPercentage.value = p + '%'\n\t\t}\n\n\t\tconst init = () => {\n\t\t\tlet timer: number | null = null\n\t\t\ttimer = window.setTimeout(() => {\n\t\t\t\tem.value = 12 // 基础单位，可能需要根据实际项目调整\n\t\t\t\tconst el = document.querySelector('.to-progress') as HTMLElement\n\t\t\t\tif (el) {\n\t\t\t\t\tif (props.type === 'circle') {\n\t\t\t\t\t\t// 获取基础值\n\t\t\t\t\t\tconst circleBgTick = parseFloat(\n\t\t\t\t\t\t\tgetComputedStyle(elRef.value).getPropertyValue('--thick')\n\t\t\t\t\t\t)\n\t\t\t\t\t\tconst circleBarTick = parseFloat(\n\t\t\t\t\t\t\tgetComputedStyle(elRef.value).getPropertyValue('--bar-thick')\n\t\t\t\t\t\t)\n\t\t\t\t\t\tconst width = parseFloat(getComputedStyle(elRef.value).getPropertyValue('--width'))\n\n\t\t\t\t\t\t// 计算半径\n\t\t\t\t\t\tthick.value = (circleBgTick / width) * 100\n\t\t\t\t\t\tbarThick.value = (circleBarTick / width) * 100\n\t\t\t\t\t\tradius.value = 50 - Math.max(thick.value, barThick.value) / 2\n\n\t\t\t\t\t\t// 环形进度条使用固定尺寸\n\t\t\t\t\t\toffsetWidth.value = 120 // 默认大小为120px\n\n\t\t\t\t\t\t// 如果指定了width属性，则覆盖默认值\n\t\t\t\t\t\tif (typeof props.width === 'number') {\n\t\t\t\t\t\t\toffsetWidth.value = props.width * 16 // 转换em为px\n\t\t\t\t\t\t} else if (props.width === 'full' && el.parentElement) {\n\t\t\t\t\t\t\toffsetWidth.value = el.parentElement.offsetWidth\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\toffsetWidth.value = el.offsetWidth\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (timer) {\n\t\t\t\t\tclearTimeout(timer)\n\t\t\t\t\ttimer = null\n\t\t\t\t}\n\t\t\t}, 200)\n\t\t}\n\n\t\t// 生命周期钩子\n\t\tonMounted(() => {\n\t\t\twindow.addEventListener('resize', init)\n\t\t\tnextTick(() => {\n\t\t\t\tinit()\n\t\t\t})\n\t\t})\n\n\t\tonBeforeUnmount(() => {\n\t\t\twindow.removeEventListener('resize', init)\n\t\t})\n\n\t\t// 监听属性变化\n\t\twatch(\n\t\t\t() => props.value,\n\t\t\t() => {\n\t\t\t\tsetPercentage()\n\t\t\t}\n\t\t)\n\n\t\t// 初始化\n\t\tsetPercentage()\n\n\t\treturn {\n\t\t\tthick,\n\t\t\telRef,\n\t\t\tem,\n\t\t\tbarThick,\n\t\t\tbarRadius,\n\t\t\toffsetWidth,\n\t\t\tiPercentage,\n\t\t\tgetColor,\n\t\t\tradius,\n\t\t\tstrokeDasharray,\n\t\t\tstrokeDashoffset,\n\t\t\ttextValue,\n\t\t\ttitleValue,\n\t\t\tsetClass,\n\t\t\tsetStyle,\n\t\t\tsetBarStyle,\n\t\t\tsetTextStyle,\n\t\t}\n\t},\n})\n</script>\n"],"names":["_openBlock","setClass","_normalizeClass","type","_createElementBlock","_Fragment","_createElementVNode","radius","strokeDashoffset","titleValue","_renderSlot","content","_toDisplayString","setBarStyle","_normalizeStyle","textPosition"],"mappings":";;;;SACW,YAAO,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,QAAA,EAAA;EAAM,OAAAA,SAAA,EAAuBC,EAAAA,kBAAAA,CAAAA,MAAAA,EAAAA;AAAAA,IAAW,GAAK,EAAA,OAAA;AAAA,IAAA,OAAAC,cAAA,CAAA,CAAA,aAAA,EAAA,IAAA,CAAA,QAAA,CAAA,CAAA;AAAA,WAC7CC,cAAI,CAAA,IAAA,CAAA,QAAA,CAAA;AAAA,GAAA,EAAA;AAAA,uCACR,EAAA,EAAKC,mBAAAC,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,OAAAL,SAAA,EAAsB,EAAAI,kBAAA,CAAA,KAAA,EAAA;AAAA,QAAA,KAAA,EAAA,KAAA;AAAA,QACrC,OAAA,EAAA,aAAA;AAAA,OAAA,EAAA;AAAA,QAEQE,mBAAA,QAAA,EAAA;AAAA,UACN,EAAGC,EAAAA,IAAAA;AAAAA,UACJ,EAAI,EAAA,IAAA;AAAA,UACH,GAAA,IAAA,CAAA,MAAA;AAAA,UACD,IAAK,EAAA,MAAA;AAAA,UAAA,gBAAA,IAAA,CAAA,KAAA;AAAA,UAEN,KAAA,EAAA,gBAAA;AAAA,WACC,IAAG,EAAA,CAAA,EAAI,CAAA,GAAA,EAAA,cAAA,CAAA,CAAA;AAAA,QACAD,mBAAA,QAAA,EAAA;AAAA,UACN,EAAGC,EAAAA,IAAAA;AAAAA,UACJ,EAAI,EAAA,IAAA;AAAA,UACH,GAAA,IAAA,CAAA,MAAA;AAAA,UACD,IAAA,EAAA,MAAA;AAAA,UACC,gBAAmBC,IAAAA,CAAAA,QAAAA;AAAAA,UACnB,SAAA,EAAA,qBAAA;AAAA,UACD,qBAAM,IAAiB,CAAA,gBAAA;AAAA,UAAA,oBAAA,IAAA,CAAA,eAAA;AAAA;SAGzB,EAAA,MAAA,CAAA,EAAA,CAAA,KAKM,cALK,EAAA,mBAAA,EAAkB,kBAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,wBACdC,CAAAA,KAAAA,EAAU,EAAA,KAAA,EAAA,oBAAA,EAAA;AAAA,QAAAC,UAAA,CAAYC,IAAO,CAAA,MAAA,EAAA,SAAA,EAAA;AAAA,UAGpC,OAAA,IAAA,CAAA,UAAA;AAAA,UAFN,SAAA,IAAA,CAAA,OAAA;AAAA,WACWA,MAAAA;AAAAA,UAAAA,kBAAAA,CAAX,KAAwE,EAAA,EAAA,KAAA,EAAA,wBAAA,IAAAC,eAAA,CAAA,IAAA,CAAA,UAAA,CAAA,EAAA,CAAA,CAAA;AAAA,UAAA,IAAA,CAAA,OAAA,IAAAZ,SAA9C,EAAA,EAA0BI,mBAAA,KAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA;;;;KAKtD,EAAA,EAAA,CAAA,KAAAJ,SACC,EAAA,EAEOI,mBAAAC,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,MAAAC,kBAFK,CAAA,MAAA,EAAEO,EAAW,KAAA,EAAA,kBAAA,EAAA;AAAA,QAAAP,mBAAQ,MAAiB,EAAA;AAAA,UAAA,KAAA,EAAAQ,cAAA,CAAA,IAAA,CAAA,WAAA,CAAA;AAAA,UACrCC,KAAAA,EAAAA,iBAAAA;AAAAA,SAAAA,EAAAA;AAAAA,oDAAgC,EAAA,EAAkBX,mBAAA,MAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;AAAA;;WAIzDW,CAAAA,CAAAA;AAAAA,OAAAA,CAAAA;AAAAA,6EACkB,EAAAX,kBAAA,CAAA,MAAA,EAAA;AAAA,QACvB,GAAK,EAAA,CAAA;AAAA,QAAA,KAAA,EAAA,kBAAA;AAAA;;;;;;;;;"}