@touchvue/ui 1.0.0-beta.5 → 1.0.0-beta.51

package/lib/packages/components/pic/src/PicViewer.vue2.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var index$1 = require('../../button/index.js');
-var index = require('../../icon/index.js');
+var index$2 = require('../../button/index.js');
+var index$1 = require('../../icon/index.js');
 var dis = require('../../../directives/dis/src/dis.js');
-var size = require('../../../directives/size/src/size.js');
+var index = require('../../../locale/index.js');
 
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "PicViewer",
@@ -18,7 +18,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     onClose: { type: Function, default: () => {
     } },
     initialIndex: { default: 0 },
-    appendToBody: { type: Boolean, default: true },
     maskClosable: { type: Boolean, default: true }
   },
   setup(__props) {
@@ -43,33 +42,19 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     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"
+        name: "contain"
       },
       ORIGINAL: {
-        name: "original",
-        icon: "el-icon-c-scale-to-original"
+        name: "original"
       }
     };
     const mousewheelEventName = isFirefox() ? "DOMMouseScroll" : "mousewheel";
     const props = __props;
-    const { t } = useLocale();
     const viewer = vue.ref();
     const img = vue.ref();
-    const index$2 = vue.ref(props.initialIndex);
+    const index$3 = vue.ref(props.initialIndex);
     const infinite = vue.ref(true);
     const loading = vue.ref(false);
     const mode = vue.ref(ModeEnum.CONTAIN);
@@ -84,9 +69,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     let _mouseWheelHandler = null;
     let _dragHandler = null;
     const isSingle = vue.computed(() => props.urlList.length <= 1);
-    const isFirst = vue.computed(() => index$2.value === 0);
-    const isLast = vue.computed(() => index$2.value === props.urlList.length - 1);
-    const currentImg = vue.computed(() => props.urlList[index$2.value]);
+    const isFirst = vue.computed(() => index$3.value === 0);
+    const isLast = vue.computed(() => index$3.value === props.urlList.length - 1);
+    const currentImg = vue.computed(() => props.urlList[index$3.value]);
     const imgStyle = vue.computed(() => {
       const { scale, deg, offsetX, offsetY, enableTransition } = transform.value;
       const style = {
@@ -108,7 +93,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return props.zIndex > nextZIndex ? props.zIndex : nextZIndex;
     });
-    vue.watch(index$2, (val) => {
+    vue.watch(index$3, (val) => {
       var _a;
       reset();
       (_a = props.onSwitch) == null ? void 0 : _a.call(props, val);
@@ -121,11 +106,6 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         loading.value = true;
       }
     });
-    const destroy = () => {
-      if (props.appendToBody && viewer.value && viewer.value.parentNode) {
-        viewer.value.parentNode.removeChild(viewer.value);
-      }
-    };
     const hide = () => {
       var _a;
       deviceSupportUninstall();
@@ -157,6 +137,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         }
       };
       _mouseWheelHandler = rafThrottle((e) => {
+        e.preventDefault();
         const delta = e.deltaY ? -e.deltaY : e.wheelDelta ? e.wheelDelta : -e.detail;
         if (delta > 0) {
           handleActions("zoomIn", {
@@ -188,7 +169,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const handleImgError = (e) => {
       loading.value = false;
-      e.target.alt = t("pic.tip.error.load");
+      e.target.alt = index.t("pic.tip.error.load");
     };
     const handleMouseDown = (e) => {
       if (loading.value || !e.touches && e.button !== 0)
@@ -248,13 +229,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (isFirst.value && !infinite.value)
         return;
       const len = props.urlList.length;
-      index$2.value = (index$2.value - 1 + len) % len;
+      index$3.value = (index$3.value - 1 + len) % len;
     };
     const next = () => {
       if (isLast.value && !infinite.value)
         return;
       const len = props.urlList.length;
-      index$2.value = (index$2.value + 1) % len;
+      index$3.value = (index$3.value + 1) % len;
     };
     const handleActions = (action, options = {}) => {
       if (loading.value)
@@ -281,125 +262,141 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       var _a;
       deviceSupportInstall();
-      if (props.appendToBody && viewer.value) {
-        document.body.appendChild(viewer.value);
-      }
       (_a = viewer.value) == null ? void 0 : _a.focus();
     });
-    vue.onBeforeUnmount(() => {
-      destroy();
-    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, { name: "viewer-fade" }, {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        key: vue.unref(index.langKey),
+        name: "viewer-fade"
+      }, {
         default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            ref_key: "viewer",
-            ref: viewer,
-            tabindex: "-1",
-            class: "to-picViewer",
-            style: vue.normalizeStyle({ "z-index": viewerZIndex.value })
-          }, [
-            vue.createElementVNode("div", {
-              class: "bg",
-              onClick: vue.withModifiers(handleMaskClick, ["self"])
-            }),
-            vue.withDirectives(vue.createVNode(vue.unref(index.ToIcon), {
-              class: "to-icon-close",
-              value: "close",
-              mode: "fill",
-              color: "info",
-              link: "",
-              fillet: "round",
-              onClick: hide
-            }, null, 512), [
-              [vue.unref(size.default), 2]
-            ]),
-            !isSingle.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-              vue.withDirectives(vue.createVNode(vue.unref(index.ToIcon), {
-                class: "to-icon-back",
-                value: "back",
-                mode: "fill",
-                color: "info",
+          (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              ref_key: "viewer",
+              ref: viewer,
+              tabindex: "-1",
+              class: "to-pic-viewer",
+              style: vue.normalizeStyle({ "z-index": viewerZIndex.value })
+            },
+            [
+              vue.createCommentVNode(" \u906E\u7F69 "),
+              vue.createElementVNode("div", {
+                class: "to-pic-viewer-mask",
+                onClick: vue.withModifiers(handleMaskClick, ["self"])
+              }),
+              vue.createCommentVNode(" CLOSE "),
+              vue.createVNode(vue.unref(index$1.ToIcon), {
+                class: "to-pic-viewer-close",
+                value: "close",
                 link: "",
-                fillet: "round",
-                onClick: prev
-              }, null, 512), [
-                [vue.unref(size.default), 2],
-                [vue.unref(dis.default), !infinite.value && isFirst.value]
+                onClick: hide
+              }),
+              vue.createCommentVNode(" ARROW "),
+              !isSingle.value ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 0 },
+                [
+                  vue.withDirectives(vue.createVNode(
+                    vue.unref(index$1.ToIcon),
+                    {
+                      class: "to-pic-viewer-prev",
+                      value: "back",
+                      link: "",
+                      onClick: prev
+                    },
+                    null,
+                    512
+                    /* NEED_PATCH */
+                  ), [
+                    [vue.unref(dis.default), !infinite.value && isFirst.value]
+                  ]),
+                  vue.withDirectives(vue.createVNode(
+                    vue.unref(index$1.ToIcon),
+                    {
+                      class: "to-pic-viewer-next",
+                      value: "next",
+                      link: "",
+                      onClick: next
+                    },
+                    null,
+                    512
+                    /* NEED_PATCH */
+                  ), [
+                    [vue.unref(dis.default), !infinite.value && isLast.value]
+                  ])
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" ACTIONS "),
+              vue.createElementVNode("div", { class: "to-pic-viewer-fn" }, [
+                vue.createVNode(vue.unref(index$2.ToButton), {
+                  class: "to-pic-viewer-zoomout",
+                  icon: "zoomout",
+                  onClick: ($event) => handleActions("zoomOut")
+                }, null, 8, ["onClick"]),
+                vue.createVNode(vue.unref(index$2.ToButton), {
+                  class: "to-pic-viewer-zoomin",
+                  icon: "zoomin",
+                  onClick: ($event) => handleActions("zoomIn")
+                }, null, 8, ["onClick"]),
+                vue.createVNode(vue.unref(index$2.ToButton), {
+                  class: "to-pic-viewer-full",
+                  onClick: ($event) => toggleMode()
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(mode.value.name === "contain" ? vue.unref(index.t)("to.pic.viewer.full") : vue.unref(index.t)("to.pic.viewer.restore")),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["onClick"]),
+                vue.createVNode(vue.unref(index$2.ToButton), {
+                  class: "to-pic-viewer-counterclockwise",
+                  icon: "leftrotation",
+                  onClick: ($event) => handleActions("anticlocelise")
+                }, null, 8, ["onClick"]),
+                vue.createVNode(vue.unref(index$2.ToButton), {
+                  class: "to-pic-viewer-clockwise",
+                  icon: "reset",
+                  onClick: ($event) => handleActions("clocelise")
+                }, null, 8, ["onClick"])
               ]),
-              vue.withDirectives(vue.createVNode(vue.unref(index.ToIcon), {
-                class: "to-icon-next",
-                value: "next",
-                mode: "fill",
-                color: "info",
-                link: "",
-                fillet: "round",
-                onClick: next
-              }, null, 512), [
-                [vue.unref(size.default), 2],
-                [vue.unref(dis.default), !infinite.value && isLast.value]
+              vue.createCommentVNode(" CANVAS "),
+              vue.createElementVNode("div", { class: "to-pic-viewer-list" }, [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(__props.urlList.filter((item, i) => i === index$3.value), (url) => {
+                    return vue.openBlock(), vue.createElementBlock("img", {
+                      ref_for: true,
+                      ref_key: "img",
+                      ref: img,
+                      key: url,
+                      src: currentImg.value,
+                      style: vue.normalizeStyle(imgStyle.value),
+                      onLoad: handleImgLoad,
+                      onError: handleImgError,
+                      onMousedown: handleMouseDown,
+                      onTouchstart: handleMouseDown
+                    }, null, 44, ["src"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
               ])
-            ], 64)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", { class: "fn" }, [
-              vue.createVNode(vue.unref(index$1.ToButton), {
-                mode: "none",
-                fillet: "pill",
-                "fillet-position": "left",
-                icon: "zoomout",
-                color: "bg",
-                onClick: ($event) => handleActions("zoomOut")
-              }, null, 8, ["onClick"]),
-              vue.createVNode(vue.unref(index$1.ToButton), {
-                mode: "none",
-                icon: "zoomin",
-                color: "bg",
-                onClick: ($event) => handleActions("zoomIn")
-              }, null, 8, ["onClick"]),
-              vue.createVNode(vue.unref(index$1.ToButton), {
-                mode: "none",
-                color: "bg",
-                onClick: ($event) => toggleMode()
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(mode.value.name === "contain" ? vue.unref(t)("to.pic.viewer.full") : vue.unref(t)("to.pic.viewer.restore")), 1)
-                ]),
-                _: 1
-              }, 8, ["onClick"]),
-              vue.createVNode(vue.unref(index$1.ToButton), {
-                mode: "none",
-                icon: "leftrotation",
-                color: "bg",
-                onClick: ($event) => handleActions("anticlocelise")
-              }, null, 8, ["onClick"]),
-              vue.createVNode(vue.unref(index$1.ToButton), {
-                mode: "none",
-                fillet: "pill",
-                "fillet-position": "right",
-                icon: "reset",
-                color: "bg",
-                onClick: ($event) => handleActions("clocelise")
-              }, null, 8, ["onClick"])
-            ]),
-            vue.createElementVNode("div", { class: "canvas" }, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.urlList.filter((item, i) => i === index$2.value), (url) => {
-                return vue.openBlock(), vue.createElementBlock("img", {
-                  ref_for: true,
-                  ref_key: "img",
-                  ref: img,
-                  key: url,
-                  src: currentImg.value,
-                  style: vue.normalizeStyle(imgStyle.value),
-                  onLoad: handleImgLoad,
-                  onError: handleImgError,
-                  onMousedown: handleMouseDown,
-                  onTouchstart: handleMouseDown
-                }, null, 44, ["src"]);
-              }), 128))
-            ])
-          ], 4)) 
+            ],
+            4
+            /* STYLE */
+          )) 
         ]),
         _: 1
+        /* STABLE */
       });
     };
   }

package/lib/packages/components/pic/src/PicViewer.vue2.js.map

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

package/lib/packages/components/pic/src/pic.d.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=pic.d.js.map

package/lib/packages/components/pic/src/pic.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pic.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/packages/components/pic/src/pic.js

@@ -27,21 +27,14 @@ const picProps = {
    */
   mode: {
     type: String,
-    default: "fill"
+    default: "default"
   },
   /**
    * 颜色
    */
   color: {
     type: String,
-    default: "none"
-  },
-  /**
-   * 圆角
-   */
-  fillet: {
-    type: String,
-    default: "none"
+    default: "default"
   },
   /**
    * 图片宽度
@@ -63,7 +56,12 @@ const picProps = {
   zIndex: {
     type: Number,
     default: 2e3
-  }
+  },
+  link: {
+    type: Boolean,
+    default: false
+  },
+  flex: Boolean
 };
 
 exports.picProps = picProps;

package/lib/packages/components/pic/src/pic.js.map

@@ -1 +1 @@
-{"version":3,"file":"pic.js","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;;;;"}
+{"version":3,"file":"pic.js","sources":["../../../../../../packages/components/pic/src/pic.ts"],"sourcesContent":["import { ExtractPropTypes, PropType } from 'vue'\r\n\r\nexport const picProps = {\r\n\t/**\r\n\t * 图片链接\r\n\t */\r\n\tsrc: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 预览图片列表\r\n\t */\r\n\tpreviews: {\r\n\t\ttype: Array as PropType<string[]>,\r\n\t\tdefault: () => []\r\n\t},\r\n\r\n\t/**\r\n\t * 图片替代文本\r\n\t */\r\n\talt: {\r\n\t\ttype: String,\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 图片显示模式\r\n\t */\r\n\tmode: {\r\n\t\ttype: String,\r\n\t\tdefault: 'default'\r\n\t},\r\n\t/**\r\n\t * 颜色\r\n\t */\r\n\tcolor: {\r\n\t\ttype: String,\r\n\t\tdefault: 'default'\r\n\t},\r\n\t/**\r\n\t * 图片宽度\r\n\t */\r\n\twidth: {\r\n\t\ttype: [String, Number],\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 图片高度\r\n\t */\r\n\theight: {\r\n\t\ttype: [String, Number],\r\n\t\tdefault: ''\r\n\t},\r\n\t/**\r\n\t * 图片查看器的z-index\r\n\t */\r\n\tzIndex: {\r\n\t\ttype: Number,\r\n\t\tdefault: 2000\r\n\t},\r\n\tlink: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false\r\n\t},\r\n\tflex: Boolean\r\n}\r\n\r\nexport type PicProps = ExtractPropTypes<typeof picProps>\r\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,SAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;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;AAAA,EACA,IAAM,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACV;AAAA,EACA,IAAM,EAAA,OAAA;AACP;;;;"}

package/lib/packages/components/progress/index.d.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var progress = require('./src/progress.js');
+
+var ToProgress$1 = ToProgress;
+
+exports.progressProps = progress.progressProps;
+exports.default = ToProgress$1;
+//# sourceMappingURL=index.d.js.map

package/lib/packages/components/progress/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","sources":["../../../../../packages/components/progress/index.d.ts"],"sourcesContent":["export declare const ToProgress: any;\r\nexport default ToProgress;\r\nexport * from './src/progress';\r\n"],"names":[],"mappings":";;;;;;AACA,mBAAe,UAAA;;;;;"}

package/lib/packages/components/progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["withInstall","Progress"],"mappings":";;;;;;;;AAGa,MAAA,UAAA,GAAaA,kBAAYC,gBAAQ;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/progress/index.ts"],"sourcesContent":["import { withInstall } from '@touchvue/utils';\r\nimport Progress from './src/Progress.vue';\r\n\r\nexport const ToProgress = withInstall(Progress);\r\nexport default ToProgress;\r\n\r\nexport * from './src/progress';\r\n"],"names":["withInstall","Progress"],"mappings":";;;;;;;;AAGa,MAAA,UAAA,GAAaA,kBAAYC,gBAAQ;;;;;;"}