@maketribe/ms-app 3.2.2 → 3.2.4

package/dist/cjs/components/basic/image-cropper/image-cropper-content-options.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const imageCropperContentProps = utils.buildProps({
+  // modelValue: { type: String, required: true },
+  src: { type: String, required: true },
+  fixedBox: { type: Boolean, default: false },
+  ratioOptions: {
+    type: Array,
+    default: () => []
+  }
+});
+const imageCropperContentEmits = {
+  // "update:model-value": (modelValue: string) => true,
+};
+exports.imageCropperContentEmits = imageCropperContentEmits;
+exports.imageCropperContentProps = imageCropperContentProps;
+//# sourceMappingURL=image-cropper-content-options.js.map

package/dist/cjs/components/basic/image-cropper/image-cropper-content-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-cropper-content-options.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-content-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const imageCropperContentProps = buildProps({\r\n  // modelValue: { type: String, required: true },\r\n  src: { type: String, required: true },\r\n  fixedBox: { type: Boolean, default: false },\r\n  ratioOptions: {\r\n    type: Array,\r\n    default: () => [],\r\n  },\r\n} as const);\r\n\r\nexport type ImageCropperContentProps = ExtractPropTypes<\r\n  typeof imageCropperContentProps\r\n>;\r\n\r\nexport const imageCropperContentEmits = {\r\n  // \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type ImageCropperContentEmits = typeof imageCropperContentEmits;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,2BAA2BA,MAAAA,WAAW;AAAA;AAAA,EAEjD,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACpC,UAAU,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,EAC1C,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAM,CAAC;AAAA,EAClB;AACF,CAAU;AAMH,MAAM,2BAA2B;AAAA;AAExC;;;"}

package/dist/cjs/components/basic/image-cropper/image-cropper-content.js

@@ -0,0 +1,204 @@
+"use strict";
+const vue = require("vue");
+const vueCropper = require("vue-cropper");
+const index = require("../svg-icon/index.js");
+const imageCropperContentOptions = require("./image-cropper-content-options.js");
+const elementPlus = require("element-plus");
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ORIGIN_RATIO = "origin";
+const FREE_RATIO = "free";
+const BASE64_PREFIX = /^data:image\/([^;]+);base64,/;
+const ImageCropperContent = /* @__PURE__ */ vue.defineComponent({
+  name: "MKImageContentCropper",
+  props: imageCropperContentOptions.imageCropperContentProps,
+  emits: imageCropperContentOptions.imageCropperContentEmits,
+  setup(props) {
+    const cropperRef = vue.ref(null);
+    const outputType = vue.computed(() => {
+      const base64Match = props.src.match(BASE64_PREFIX);
+      if (base64Match == null ? void 0 : base64Match[1]) {
+        return base64Match == null ? void 0 : base64Match[1];
+      }
+      const url = new URL(props.src, location.origin).toString();
+      const index2 = url.lastIndexOf(".");
+      if (index2 === -1) {
+        return "jpeg";
+      }
+      return url.slice(index2 + 1) || "jpeg";
+    });
+    const originRatioOption = vue.reactive({
+      value: ORIGIN_RATIO,
+      label: "原图比例",
+      width: 1,
+      height: 1
+    });
+    const ratioOptions = vue.computed(() => {
+      return [originRatioOption, {
+        value: FREE_RATIO,
+        label: "自由比例",
+        width: 1,
+        height: 1
+      }, ...props.ratioOptions.map((item) => ({
+        ...item,
+        value: item.value.toString()
+      }))];
+    });
+    const autoCropWidth = vue.ref(0);
+    const autoCropHeight = vue.ref(0);
+    const currentRatio = vue.ref(ORIGIN_RATIO);
+    const maxWidth = vue.ref(0);
+    const maxHeight = vue.ref(0);
+    const enlarge = vue.computed(() => {
+      var _a, _b;
+      const width = ((_a = vue.unref(cropperRef)) == null ? void 0 : _a.cropW) ?? 1;
+      const height = ((_b = vue.unref(cropperRef)) == null ? void 0 : _b.cropH) ?? 1;
+      const ratio = vue.unref(maxWidth) / vue.unref(maxHeight);
+      const cropRatio = width / height;
+      return cropRatio > ratio ? vue.unref(maxWidth) / width : vue.unref(maxHeight) / height;
+    });
+    const setCurrentRatio = (value) => {
+      currentRatio.value = value;
+    };
+    const isFixed = vue.computed(() => vue.unref(currentRatio) !== FREE_RATIO);
+    const fixedNumber = vue.computed(() => {
+      const option = vue.unref(ratioOptions).find((option2) => option2.value === vue.unref(currentRatio));
+      return [(option == null ? void 0 : option.width) ?? 1, (option == null ? void 0 : option.height) ?? 1];
+    });
+    vue.watch(vue.computed(() => props.src), (src) => {
+      const image = new Image();
+      image.src = src;
+      image.onload = () => {
+        maxWidth.value = autoCropWidth.value = originRatioOption.width = image.naturalWidth;
+        maxHeight.value = autoCropHeight.value = originRatioOption.height = image.naturalHeight;
+      };
+    }, {
+      immediate: true
+    });
+    const handleRotateLeft = () => {
+      vue.unref(cropperRef).rotateLeft();
+    };
+    const handleRotateRight = () => {
+      vue.unref(cropperRef).rotateRight();
+    };
+    const setCropperRef = (el) => {
+      cropperRef.value = el;
+    };
+    return {
+      enlarge,
+      maxWidth,
+      maxHeight,
+      outputType,
+      cropperRef,
+      ratioOptions,
+      autoCropWidth,
+      autoCropHeight,
+      currentRatio,
+      isFixed,
+      fixedNumber,
+      setCurrentRatio,
+      setCropperRef,
+      handleRotateLeft,
+      handleRotateRight
+    };
+  },
+  render() {
+    const {
+      enlarge,
+      maxWidth,
+      maxHeight,
+      outputType,
+      ratioOptions,
+      autoCropHeight,
+      autoCropWidth,
+      isFixed,
+      fixedNumber,
+      currentRatio,
+      setCurrentRatio,
+      setCropperRef,
+      handleRotateLeft,
+      handleRotateRight,
+      $props,
+      $slots
+    } = this;
+    const ratioOptionsVNodes = vue.unref(ratioOptions).map((ratioOption) => vue.createVNode(elementPlus.ElOption, {
+      "value": ratioOption.value,
+      "label": ratioOption.label
+    }, null));
+    return vue.createVNode("div", {
+      "class": "mk-image-cropper"
+    }, [vue.createVNode("div", {
+      "class": "mk-image-cropper__main"
+    }, [vue.createVNode(vueCropper.VueCropper, {
+      "ref": setCropperRef,
+      "outputType": outputType,
+      "img": $props.src,
+      "auto-crop": true,
+      "canMoveBox": true,
+      "auto-crop-width": autoCropWidth,
+      "auto-crop-height": autoCropHeight,
+      "fixedBox": $props.fixedBox,
+      "fixed": isFixed,
+      "fixedNumber": fixedNumber,
+      "enlarge": enlarge
+    }, null), vue.createVNode("div", {
+      "class": "mk-image-cropper__bar"
+    }, [vue.createVNode(elementPlus.ElTooltip, {
+      "content": "左旋"
+    }, {
+      default: () => [vue.createVNode(index.MKSvgIcon, {
+        "iconClass": "RefreshLeft",
+        "onClick": handleRotateLeft
+      }, null)]
+    }), vue.createVNode(elementPlus.ElTooltip, {
+      "content": "右旋"
+    }, {
+      default: () => [vue.createVNode(index.MKSvgIcon, {
+        "iconClass": "RefreshRight",
+        "onClick": handleRotateRight
+      }, null)]
+    })])]), vue.createVNode("div", {
+      "class": "mk-image-cropper__tools"
+    }, [vue.createVNode(elementPlus.ElScrollbar, {
+      "height": "100%"
+    }, {
+      default: () => {
+        var _a;
+        return [vue.createVNode(elementPlus.ElForm, {
+          "label-position": "top"
+        }, {
+          default: () => [vue.createVNode(elementPlus.ElFormItem, {
+            "label": "比例"
+          }, {
+            default: () => [vue.createVNode(elementPlus.ElSelect, {
+              "placeholder": "选择比例",
+              "modelValue": currentRatio,
+              "onUpdate:modelValue": setCurrentRatio
+            }, _isSlot(ratioOptionsVNodes) ? ratioOptionsVNodes : {
+              default: () => [ratioOptionsVNodes]
+            })]
+          }), vue.createVNode(elementPlus.ElFormItem, {
+            "label": "最大输出宽度"
+          }, {
+            default: () => [vue.createVNode(elementPlus.ElInputNumber, {
+              "placeholder": "宽度",
+              "modelValue": maxWidth,
+              "onUpdate:modelValue": (v) => this.maxWidth = v
+            }, null)]
+          }), vue.createVNode(elementPlus.ElFormItem, {
+            "label": "最大输出高度"
+          }, {
+            default: () => [vue.createVNode(elementPlus.ElInputNumber, {
+              "placeholder": "高度",
+              "modelValue": maxHeight,
+              "onUpdate:modelValue": (v) => this.maxHeight = v
+            }, null)]
+          })]
+        }), (_a = $slots.tools) == null ? void 0 : _a.call($slots)];
+      }
+    })])]);
+  }
+});
+module.exports = ImageCropperContent;
+//# sourceMappingURL=image-cropper-content.js.map

package/dist/cjs/components/basic/image-cropper/image-cropper-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-cropper-content.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-content.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  reactive,\n  ref,\n  Ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { VueCropper } from \"vue-cropper\";\nimport { MKSvgIcon } from \"../svg-icon\";\nimport {\n  imageCropperContentEmits,\n  imageCropperContentProps,\n} from \"./image-cropper-content-options\";\nimport {\n  ElForm,\n  ElFormItem,\n  ElInputNumber,\n  ElOption,\n  ElScrollbar,\n  ElSelect,\n  ElTooltip,\n} from \"element-plus\";\n\nexport type ImageCropperRatioOption = {\n  value: string;\n  label: string;\n  width: number;\n  height: number;\n};\n\nconst ORIGIN_RATIO = \"origin\";\nconst FREE_RATIO = \"free\";\n\nconst BASE64_PREFIX = /^data:image\\/([^;]+);base64,/;\n\nexport default defineComponent({\n  name: \"MKImageContentCropper\",\n  props: imageCropperContentProps,\n  emits: imageCropperContentEmits,\n  setup(props) {\n    const cropperRef: Ref<any> = ref(null);\n\n    const outputType = computed(() => {\n      const base64Match = props.src.match(BASE64_PREFIX);\n\n      if (base64Match?.[1]) {\n        return base64Match?.[1];\n      }\n\n      const url = new URL(props.src, location.origin).toString();\n\n      const index = url.lastIndexOf(\".\");\n\n      if (index === -1) {\n        return \"jpeg\";\n      }\n\n      return url.slice(index + 1) || \"jpeg\";\n    });\n\n    const originRatioOption: ImageCropperRatioOption = reactive({\n      value: ORIGIN_RATIO,\n      label: \"原图比例\",\n      width: 1,\n      height: 1,\n    });\n\n    const ratioOptions = computed(() => {\n      return [\n        originRatioOption,\n        { value: FREE_RATIO, label: \"自由比例\", width: 1, height: 1 },\n        ...props.ratioOptions.map((item: any) => ({\n          ...item,\n          value: item.value.toString(),\n        })),\n      ] as ImageCropperRatioOption[];\n    });\n\n    const autoCropWidth = ref(0);\n    const autoCropHeight = ref(0);\n\n    const currentRatio: Ref<string> = ref(ORIGIN_RATIO);\n\n    const maxWidth: Ref<number> = ref(0);\n    const maxHeight: Ref<number> = ref(0);\n\n    const enlarge = computed(() => {\n      const width = unref(cropperRef)?.cropW ?? 1;\n      const height = unref(cropperRef)?.cropH ?? 1;\n\n      const ratio = unref(maxWidth) / unref(maxHeight);\n      const cropRatio = width / height;\n\n      return cropRatio > ratio\n        ? unref(maxWidth) / width\n        : unref(maxHeight) / height;\n    });\n\n    const setCurrentRatio = (value: string) => {\n      currentRatio.value = value;\n    };\n\n    const isFixed = computed(() => unref(currentRatio) !== FREE_RATIO);\n\n    const fixedNumber = computed(() => {\n      const option = unref(ratioOptions).find(\n        (option) => option.value === unref(currentRatio)\n      );\n\n      return [option?.width ?? 1, option?.height ?? 1];\n    });\n\n    watch(\n      computed(() => props.src),\n      (src) => {\n        const image = new Image();\n        image.src = src;\n\n        image.onload = () => {\n          maxWidth.value =\n            autoCropWidth.value =\n            originRatioOption.width =\n              image.naturalWidth;\n          maxHeight.value =\n            autoCropHeight.value =\n            originRatioOption.height =\n              image.naturalHeight;\n        };\n      },\n      { immediate: true }\n    );\n\n    // watch(currentRatio, (currentRatio) => {\n    //   new MouseEvent(\"mousemove\", {});\n    //   // debugger;\n    //   unref(cropperRef).changeCropNow(new MouseEvent(\"mousemove\"));\n    // });\n\n    const handleRotateLeft = () => {\n      unref(cropperRef).rotateLeft();\n    };\n\n    const handleRotateRight = () => {\n      unref(cropperRef).rotateRight();\n    };\n\n    const setCropperRef = (el: any) => {\n      cropperRef.value = el;\n    };\n\n    return {\n      enlarge,\n      maxWidth,\n      maxHeight,\n      outputType,\n      cropperRef,\n      ratioOptions,\n      autoCropWidth,\n      autoCropHeight,\n      currentRatio,\n      isFixed,\n      fixedNumber,\n      setCurrentRatio,\n      setCropperRef,\n      handleRotateLeft,\n      handleRotateRight,\n    };\n  },\n  render() {\n    const {\n      enlarge,\n      maxWidth,\n      maxHeight,\n      outputType,\n      ratioOptions,\n      autoCropHeight,\n      autoCropWidth,\n      isFixed,\n      fixedNumber,\n      currentRatio,\n      setCurrentRatio,\n      setCropperRef,\n      handleRotateLeft,\n      handleRotateRight,\n      $props,\n      $slots,\n    } = this;\n\n    const ratioOptionsVNodes = unref(ratioOptions).map((ratioOption) => (\n      <ElOption value={ratioOption.value} label={ratioOption.label} />\n    ));\n\n    return (\n      <div class=\"mk-image-cropper\">\n        <div class=\"mk-image-cropper__main\">\n          <VueCropper\n            ref={setCropperRef}\n            outputType={outputType}\n            img={$props.src}\n            auto-crop\n            canMoveBox\n            auto-crop-width={autoCropWidth}\n            auto-crop-height={autoCropHeight}\n            fixedBox={$props.fixedBox}\n            fixed={isFixed}\n            fixedNumber={fixedNumber}\n            enlarge={enlarge}\n          />\n\n          <div class=\"mk-image-cropper__bar\">\n            <ElTooltip content=\"左旋\">\n              <MKSvgIcon iconClass=\"RefreshLeft\" onClick={handleRotateLeft} />\n            </ElTooltip>\n            <ElTooltip content=\"右旋\">\n              <MKSvgIcon iconClass=\"RefreshRight\" onClick={handleRotateRight} />\n            </ElTooltip>\n          </div>\n        </div>\n\n        <div class=\"mk-image-cropper__tools\">\n          <ElScrollbar height=\"100%\">\n            <ElForm label-position=\"top\">\n              <ElFormItem label=\"比例\">\n                <ElSelect\n                  placeholder=\"选择比例\"\n                  modelValue={currentRatio}\n                  onUpdate:modelValue={setCurrentRatio}\n                >\n                  {ratioOptionsVNodes}\n                </ElSelect>\n              </ElFormItem>\n              <ElFormItem label=\"最大输出宽度\">\n                <ElInputNumber\n                  placeholder=\"宽度\"\n                  modelValue={maxWidth}\n                  onUpdate:modelValue={\n                    ((v: number) => (this.maxWidth = v)) as any\n                  }\n                />\n              </ElFormItem>\n\n              <ElFormItem label=\"最大输出高度\">\n                <ElInputNumber\n                  placeholder=\"高度\"\n                  modelValue={maxHeight}\n                  onUpdate:modelValue={\n                    ((v: number) => (this.maxHeight = v)) as any\n                  }\n                />\n              </ElFormItem>\n            </ElForm>\n\n            {$slots.tools?.()}\n          </ElScrollbar>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","ORIGIN_RATIO","FREE_RATIO","BASE64_PREFIX","defineComponent","name","props","imageCropperContentProps","emits","imageCropperContentEmits","setup","cropperRef","ref","outputType","computed","base64Match","src","match","url","URL","location","origin","index","lastIndexOf","slice","originRatioOption","reactive","value","label","width","height","ratioOptions","map","item","autoCropWidth","autoCropHeight","currentRatio","maxWidth","maxHeight","enlarge","unref","cropW","cropH","ratio","cropRatio","setCurrentRatio","isFixed","fixedNumber","option","find","watch","image","Image","onload","naturalWidth","naturalHeight","immediate","handleRotateLeft","rotateLeft","handleRotateRight","rotateRight","setCropperRef","el","render","$props","$slots","ratioOptionsVNodes","ratioOption","_createVNode","ElOption","VueCropper","fixedBox","ElTooltip","default","MKSvgIcon","ElScrollbar","ElForm","ElFormItem","ElSelect","ElInputNumber","v","tools"],"mappings":"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"}

package/dist/cjs/components/basic/image-cropper/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const utils = require("@maketribe/utils");
+const imageCropperContent = require("./image-cropper-content.js");
+require("vue");
+require("@maketribe/dm");
+require("vue/jsx-runtime");
+require("element-plus");
+const imageCropperContentOptions = require("./image-cropper-content-options.js");
+const MKImageCropperContent = utils.withInstall(imageCropperContent);
+exports.imageCropperContentEmits = imageCropperContentOptions.imageCropperContentEmits;
+exports.imageCropperContentProps = imageCropperContentOptions.imageCropperContentProps;
+exports.MKImageCropperContent = MKImageCropperContent;
+exports.default = MKImageCropperContent;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/basic/image-cropper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/image-cropper/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport ImageCropperContent from \"./image-cropper-content\";\n\nexport * from \"./image-cropper-api\";\n\nexport const MKImageCropperContent = withInstall(ImageCropperContent);\n\nexport default MKImageCropperContent;\n\nexport * from \"./image-cropper-content-options\";\n"],"names":["withInstall","ImageCropperContent"],"mappings":";;;;;;;;;AAKa,MAAA,wBAAwBA,kBAAYC,mBAAmB;;;;;"}

package/dist/cjs/components/basic/svg-icon/svg-icon.js

@@ -47,9 +47,11 @@ const SvgIcon = /* @__PURE__ */ vue.defineComponent({
       return vue.createVNode("i", {
         "class": vue.unref(iconClass),
         "onClick": handleClick
-      }, [vue.createVNode("svg", null, [vue.createVNode("use", {
-        "xlink:href": vue.unref(iconName)
-      }, null)])]);
+      }, [vue.createVNode(elementPlus.ElIcon, null, {
+        default: () => [vue.createVNode("svg", null, [vue.createVNode("use", {
+          "xlink:href": vue.unref(iconName)
+        }, null)])]
+      })]);
     };
   }
 });

package/dist/cjs/components/basic/svg-icon/svg-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg-icon.js","sources":["../../../../../src/components/basic/svg-icon/svg-icon.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport * as icons from \"@element-plus/icons-vue\";\nimport { svgIconEmits, svgIconProps } from \"./svg-icon-options\";\nimport { ElIcon } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKSvgIcon\",\n  props: svgIconProps,\n  emits: svgIconEmits,\n  setup(props, { emit }) {\n    const iconNames = Object.keys(icons);\n\n    const iconName = computed(() => `#icon-${props.iconClass}`);\n    const iconClass = computed(() =>\n      props.className ? `mk-svg-icon ${props.className}` : \"mk-svg-icon\"\n    );\n\n    const isElIcon = computed(() =>\n      props.iconClass ? unref(iconNames).includes(props.iconClass) : false\n    );\n\n    const handleClick = (e: MouseEvent) => {\n      emit(\"click\", e);\n    };\n\n    return () => {\n      if (unref(isElIcon)) {\n        const Icon = icons[props.iconClass as keyof typeof icons];\n\n        return (\n          <i class={unref(iconClass)} onClick={handleClick}>\n            <ElIcon>\n              <Icon />\n            </ElIcon>\n          </i>\n        );\n      }\n\n      return (\n        <i class={unref(iconClass)} onClick={handleClick}>\n          <svg>\n            <use xlinkHref={unref(iconName)} />\n          </svg>\n        </i>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","svgIconProps","emits","svgIconEmits","setup","emit","iconNames","Object","keys","icons","iconName","computed","iconClass","className","isElIcon","unref","includes","handleClick","e","Icon","_createVNode","ElIcon","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,eAAY;AAAA,EACnBC,OAAOC,eAAY;AAAA,EACnBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,YAAYC,OAAOC,KAAKC,gBAAK;AAEnC,UAAMC,WAAWC,IAAAA,SAAS,MAAM,SAASX,MAAMY,SAAS,EAAE;AAC1D,UAAMA,YAAYD,IAAAA,SAAS,MACzBX,MAAMa,YAAY,eAAeb,MAAMa,SAAS,KAAK,aACvD;AAEA,UAAMC,WAAWH,IAAQ,SAAC,MACxBX,MAAMY,YAAYG,IAAK,MAACT,SAAS,EAAEU,SAAShB,MAAMY,SAAS,IAAI,KACjE;AAEA,UAAMK,cAAeC,OAAkB;AACrCb,WAAK,SAASa,CAAC;AAAA;AAGjB,WAAO,MAAM;AACX,UAAIH,IAAAA,MAAMD,QAAQ,GAAG;AACnB,cAAMK,OAAOV,iBAAMT,MAAMY,SAAS;AAElC,eAAAQ,IAAAA,YAAA,KAAA;AAAA,UAAA,SACYL,IAAK,MAACH,SAAS;AAAA,UAAC,WAAWK;AAAAA,WAAWG,CAAAA,IAAAA,YAAAC,YAAA,QAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAD,MAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMpD;AAEA,aAAAC,IAAAA,YAAA,KAAA;AAAA,QAAA,SACYL,IAAK,MAACH,SAAS;AAAA,QAAC,WAAWK;AAAAA,SAAWG,CAAAA,IAAA,0BAAAA,IAAAA,YAAA,OAAA;AAAA,QAAA,cAE5BL,IAAK,MAACL,QAAQ;AAAA,MAAC,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;EAKzC;AACF,CAAC;;"}
+{"version":3,"file":"svg-icon.js","sources":["../../../../../src/components/basic/svg-icon/svg-icon.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport * as icons from \"@element-plus/icons-vue\";\r\nimport { svgIconEmits, svgIconProps } from \"./svg-icon-options\";\r\nimport { ElIcon } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKSvgIcon\",\r\n  props: svgIconProps,\r\n  emits: svgIconEmits,\r\n  setup(props, { emit }) {\r\n    const iconNames = Object.keys(icons);\r\n\r\n    const iconName = computed(() => `#icon-${props.iconClass}`);\r\n    const iconClass = computed(() =>\r\n      props.className ? `mk-svg-icon ${props.className}` : \"mk-svg-icon\"\r\n    );\r\n\r\n    const isElIcon = computed(() =>\r\n      props.iconClass ? unref(iconNames).includes(props.iconClass) : false\r\n    );\r\n\r\n    const handleClick = (e: MouseEvent) => {\r\n      emit(\"click\", e);\r\n    };\r\n\r\n    return () => {\r\n      if (unref(isElIcon)) {\r\n        const Icon = icons[props.iconClass as keyof typeof icons];\r\n\r\n        return (\r\n          <i class={unref(iconClass)} onClick={handleClick}>\r\n            <ElIcon>\r\n              <Icon />\r\n            </ElIcon>\r\n          </i>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <i class={unref(iconClass)} onClick={handleClick}>\r\n          <ElIcon>\r\n            <svg>\r\n              <use xlinkHref={unref(iconName)} />\r\n            </svg>\r\n          </ElIcon>\r\n        </i>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","svgIconProps","emits","svgIconEmits","setup","emit","iconNames","Object","keys","icons","iconName","computed","iconClass","className","isElIcon","unref","includes","handleClick","e","Icon","_createVNode","ElIcon","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,eAAY;AAAA,EACnBC,OAAOC,eAAY;AAAA,EACnBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,YAAYC,OAAOC,KAAKC,gBAAK;AAEnC,UAAMC,WAAWC,IAAAA,SAAS,MAAM,SAASX,MAAMY,SAAS,EAAE;AAC1D,UAAMA,YAAYD,IAAAA,SAAS,MACzBX,MAAMa,YAAY,eAAeb,MAAMa,SAAS,KAAK,aACvD;AAEA,UAAMC,WAAWH,IAAQ,SAAC,MACxBX,MAAMY,YAAYG,IAAK,MAACT,SAAS,EAAEU,SAAShB,MAAMY,SAAS,IAAI,KACjE;AAEA,UAAMK,cAAeC,OAAkB;AACrCb,WAAK,SAASa,CAAC;AAAA;AAGjB,WAAO,MAAM;AACX,UAAIH,IAAAA,MAAMD,QAAQ,GAAG;AACnB,cAAMK,OAAOV,iBAAMT,MAAMY,SAAS;AAElC,eAAAQ,IAAAA,YAAA,KAAA;AAAA,UAAA,SACYL,IAAK,MAACH,SAAS;AAAA,UAAC,WAAWK;AAAAA,WAAWG,CAAAA,IAAAA,YAAAC,YAAA,QAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAD,MAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMpD;AAEA,aAAAC,IAAAA,YAAA,KAAA;AAAA,QAAA,SACYL,IAAK,MAACH,SAAS;AAAA,QAAC,WAAWK;AAAAA,SAAWG,CAAAA,IAAAA,YAAAC,YAAA,QAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,8BAAAA,IAAA,YAAA,OAAA;AAAA,UAAA,cAG1BL,IAAK,MAACL,QAAQ;AAAA,QAAC,GAAA,IAAA,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3C;AACF,CAAC;;"}

package/dist/cjs/components/basic/upload-file/context/WebFileUploadContext.js

@@ -5,21 +5,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const request = require("@maketribe/request");
 const UploadContext = require("./UploadContext.js");
-require("vue");
-require("@maketribe/dm");
-require("element-plus");
-require("@maketribe/utils");
-require("../../../../core/DataModelDefines.js");
-const MSAppClient = require("../../../../core/MSAppClient.js");
+const utils = require("@maketribe/utils");
 class WebFileUploadContext extends UploadContext.UploadContext {
   constructor(options = {}) {
     super();
     __publicField(this, "webFileUpload");
     __publicField(this, "accept");
     this.accept = options.accept || "";
-    this.webFileUpload = options.webFileUpload ?? new request.WebFileUpload({
-      httpRequest: MSAppClient.MSAppClient.instance.httpRequest
-    });
+    this.webFileUpload = options.webFileUpload ?? new request.WebFileUpload();
   }
   setAccept(accept) {
     this.accept = accept;
@@ -28,27 +21,7 @@ class WebFileUploadContext extends UploadContext.UploadContext {
     this.webFileUpload = webFileUpload;
   }
   async selectFile() {
-    const input = document.createElement("input");
-    input.type = "file";
-    if (this.accept) {
-      input.accept = this.accept;
-    }
-    Object.assign(input.style, {
-      width: "1px",
-      height: "1px",
-      display: "none"
-    });
-    const file = await new Promise((resolve) => {
-      const handleFileChange = (event) => {
-        var _a;
-        const files = input.files;
-        (_a = input.parentElement) == null ? void 0 : _a.removeChild(input);
-        resolve((files == null ? void 0 : files.length) ? files[0] : null);
-      };
-      input.addEventListener("change", handleFileChange);
-      document.body.append(input);
-      input.click();
-    });
+    const file = await utils.fileSelect({ accept: this.accept });
     if (!file) {
       return { success: true, path: "", msg: "" };
     }

package/dist/cjs/components/basic/upload-file/context/WebFileUploadContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../../src/components/basic/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\nimport { MSAppClient } from \"../../../../core\";\n\nexport type WebFileUploadContextOptions = {\n  webFileUpload?: WebFileUpload;\n  accept?: string;\n};\n\nexport class WebFileUploadContext extends UploadContext {\n  webFileUpload: WebFileUpload;\n  accept: string;\n\n  constructor(options: WebFileUploadContextOptions = {}) {\n    super();\n\n    this.accept = options.accept || \"\";\n\n    this.webFileUpload =\n      options.webFileUpload ??\n      new WebFileUpload({\n        httpRequest: MSAppClient.instance!.httpRequest,\n      });\n  }\n\n  setAccept(accept: string) {\n    this.accept = accept;\n  }\n\n  setWebFileUpload(webFileUpload: WebFileUpload) {\n    this.webFileUpload = webFileUpload;\n  }\n\n  async selectFile(): Promise<UploadResult> {\n    const input = document.createElement(\"input\");\n\n    input.type = \"file\";\n\n    if (this.accept) {\n      input.accept = this.accept;\n    }\n\n    Object.assign(input.style, {\n      width: \"1px\",\n      height: \"1px\",\n      display: \"none\",\n    });\n\n    const file: File | null = await new Promise((resolve) => {\n      const handleFileChange = (event: Event) => {\n        const files = input.files;\n\n        input.parentElement?.removeChild(input);\n\n        resolve(files?.length ? files[0] : null);\n      };\n\n      input.addEventListener(\"change\", handleFileChange);\n\n      document.body.append(input);\n\n      input.click();\n    });\n\n    if (!file) {\n      return { success: true, path: \"\", msg: \"\" };\n    }\n\n    const response = await this.webFileUpload.upload(file);\n\n    return {\n      success: response.data.code === 200,\n      path: response.data.data.path,\n      msg: response.data.msg,\n    };\n  }\n}\n"],"names":["UploadContext","WebFileUpload","MSAppClient"],"mappings":";;;;;;;;;;;;;AASO,MAAM,6BAA6BA,cAAAA,cAAc;AAAA,EAItD,YAAY,UAAuC,IAAI;AAC/C;AAJR;AACA;AAKO,SAAA,SAAS,QAAQ,UAAU;AAEhC,SAAK,gBACH,QAAQ,iBACR,IAAIC,QAAAA,cAAc;AAAA,MAChB,aAAaC,YAAAA,YAAY,SAAU;AAAA,IAAA,CACpC;AAAA,EACL;AAAA,EAEA,UAAU,QAAgB;AACxB,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,iBAAiB,eAA8B;AAC7C,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,MAAM,aAAoC;AAClC,UAAA,QAAQ,SAAS,cAAc,OAAO;AAE5C,UAAM,OAAO;AAEb,QAAI,KAAK,QAAQ;AACf,YAAM,SAAS,KAAK;AAAA,IACtB;AAEO,WAAA,OAAO,MAAM,OAAO;AAAA,MACzB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,IAAA,CACV;AAED,UAAM,OAAoB,MAAM,IAAI,QAAQ,CAAC,YAAY;AACjD,YAAA,mBAAmB,CAAC,UAAiB;;AACzC,cAAM,QAAQ,MAAM;AAEd,oBAAA,kBAAA,mBAAe,YAAY;AAEjC,iBAAQ,+BAAO,UAAS,MAAM,CAAC,IAAI,IAAI;AAAA,MAAA;AAGnC,YAAA,iBAAiB,UAAU,gBAAgB;AAExC,eAAA,KAAK,OAAO,KAAK;AAE1B,YAAM,MAAM;AAAA,IAAA,CACb;AAED,QAAI,CAAC,MAAM;AACT,aAAO,EAAE,SAAS,MAAM,MAAM,IAAI,KAAK;IACzC;AAEA,UAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAI;AAE9C,WAAA;AAAA,MACL,SAAS,SAAS,KAAK,SAAS;AAAA,MAChC,MAAM,SAAS,KAAK,KAAK;AAAA,MACzB,KAAK,SAAS,KAAK;AAAA,IAAA;AAAA,EAEvB;AACF;;"}
+{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../../src/components/basic/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\nimport { UploadContext, UploadResult } from \"./UploadContext\";\nimport { fileSelect } from \"@maketribe/utils\";\n\nexport type WebFileUploadContextOptions = {\n  webFileUpload?: WebFileUpload;\n  accept?: string;\n};\n\nexport class WebFileUploadContext extends UploadContext {\n  webFileUpload: WebFileUpload;\n  accept: string;\n\n  constructor(options: WebFileUploadContextOptions = {}) {\n    super();\n\n    this.accept = options.accept || \"\";\n\n    this.webFileUpload = options.webFileUpload ?? new WebFileUpload();\n  }\n\n  setAccept(accept: string) {\n    this.accept = accept;\n  }\n\n  setWebFileUpload(webFileUpload: WebFileUpload) {\n    this.webFileUpload = webFileUpload;\n  }\n\n  async selectFile(): Promise<UploadResult> {\n    const file = await fileSelect({ accept: this.accept });\n\n    if (!file) {\n      return { success: true, path: \"\", msg: \"\" };\n    }\n\n    const response = await this.webFileUpload.upload(file);\n\n    return {\n      success: response.data.code === 200,\n      path: response.data.data.path,\n      msg: response.data.msg,\n    };\n  }\n}\n"],"names":["UploadContext","WebFileUpload","fileSelect"],"mappings":";;;;;;;;AASO,MAAM,6BAA6BA,cAAAA,cAAc;AAAA,EAItD,YAAY,UAAuC,IAAI;AAC/C;AAJR;AACA;AAKO,SAAA,SAAS,QAAQ,UAAU;AAEhC,SAAK,gBAAgB,QAAQ,iBAAiB,IAAIC,QAAc,cAAA;AAAA,EAClE;AAAA,EAEA,UAAU,QAAgB;AACxB,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,iBAAiB,eAA8B;AAC7C,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,MAAM,aAAoC;AACxC,UAAM,OAAO,MAAMC,iBAAW,EAAE,QAAQ,KAAK,QAAQ;AAErD,QAAI,CAAC,MAAM;AACT,aAAO,EAAE,SAAS,MAAM,MAAM,IAAI,KAAK;IACzC;AAEA,UAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAI;AAE9C,WAAA;AAAA,MACL,SAAS,SAAS,KAAK,SAAS;AAAA,MAChC,MAAM,SAAS,KAAK,KAAK;AAAA,MACzB,KAAK,SAAS,KAAK;AAAA,IAAA;AAAA,EAEvB;AACF;;"}

package/dist/cjs/components/basic/upload-file/ui/upload-image/upload-image.js

@@ -6,11 +6,7 @@ const uploadFile = require("../../upload-file.js");
 const uploadImageOptions = require("./upload-image-options.js");
 const UploadContext = require("../../context/UploadContext.js");
 require("@maketribe/request");
-require("@maketribe/dm");
 require("@maketribe/utils");
-require("../../../../../core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/locale");
 require("../../context/web-file-upload-context.js");
 require("../../context/web-file-upload-context-options.js");
 const MKUploadImageItem = /* @__PURE__ */ vue.defineComponent({

package/dist/cjs/components/basic/upload-file/ui/upload-image/upload-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\n  Fragment,\n  Ref,\n  VNode,\n  computed,\n  defineComponent,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../svg-icon\";\nimport { MKUploadFile } from \"../../upload-file\";\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\nimport { UploadContext } from \"../../context\";\n\nconst MKUploadImageItem = defineComponent({\n  name: \"MKUploadImageItem\",\n  props: {\n    modelValue: {\n      type: String,\n      default: \"\",\n    },\n    uploadContext: {\n      type: UploadContext,\n      required: true,\n    },\n  },\n  emits: [\"update:modelValue\", \"view\", \"delete\"],\n  setup(props, { emit }) {\n    const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\n      ref(null);\n\n    const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\n\n    const modelValue = computed({\n      get: () => props.modelValue as string,\n      set: (v: string) => {\n        emit(\"update:modelValue\", v);\n      },\n    });\n\n    const handleUpdateModelValue = (v: string) => {\n      modelValue.value = v;\n    };\n\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      if (unref(modelValue)) {\n        return;\n      }\n\n      unref(uploadFileInstance)?.handleUpload();\n    };\n\n    const handleView = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      emit(\"view\", unref(modelValue));\n    };\n\n    const handleDelete = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      // modelValue.value = \"\";\n      emit(\"delete\", unref(modelValue));\n    };\n\n    return () => {\n      let content;\n\n      if (unref(modelValue)) {\n        content = (\n          <Fragment>\n            <ElImage\n              ref={\n                ((el: InstanceType<typeof ElImage>) =>\n                  (imageInstance.value = el)) as any\n              }\n              src={unref(modelValue)}\n              class=\"mk-upload-image-item__image\"\n              fit=\"cover\"\n            />\n\n            <div class=\"mk-upload-image-item__mask\">\n              <ElTooltip content=\"查看\">\n                <MKSvgIcon iconClass=\"View\" onClick={handleView} />\n              </ElTooltip>\n              <ElTooltip content=\"删除\">\n                <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\n              </ElTooltip>\n            </div>\n          </Fragment>\n        );\n      } else {\n        content = <MKSvgIcon iconClass=\"Plus\" />;\n      }\n\n      return (\n        <div class=\"mk-upload-image-item\">\n          <MKUploadFile\n            modelValue={props.modelValue}\n            onUpdate:modelValue={handleUpdateModelValue}\n            uploadContext={props.uploadContext}\n            ref={\n              ((el: InstanceType<typeof MKUploadFile>) =>\n                (uploadFileInstance.value = el)) as any\n            }\n          >\n            <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\n              {content}\n            </div>\n          </MKUploadFile>\n        </div>\n      );\n    };\n  },\n});\n\nexport default defineComponent({\n  name: \"MKUploadImage\",\n  props: uploadImageProps,\n  emits: uploadImageEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue as string[] | string,\n      set: (v: string[] | string) => emit(\"update:modelValue\", v),\n    });\n\n    const currentImageSrc: Ref<string> = ref(\"\");\n\n    const multiple = computed(() => props.multiple);\n\n    const isShowImageViewer: Ref<boolean> = ref(false);\n\n    watch(\n      computed(() => [unref(modelValue), unref(multiple)]),\n      ([value, multiple]) => {\n        if (multiple && !Array.isArray(value)) {\n          modelValue.value = [];\n        }\n      },\n      { immediate: true }\n    );\n\n    const handleDelete = (src: string) => {\n      if (!unref(multiple)) {\n        modelValue.value = \"\";\n        return;\n      }\n\n      const index = unref(modelValue).indexOf(src);\n\n      if (index === -1) {\n        return;\n      }\n\n      (modelValue.value as string[]).splice(index, 1);\n    };\n\n    const handleShowImageViewer = (src: string) => {\n      isShowImageViewer.value = true;\n      currentImageSrc.value = src;\n    };\n\n    const handleCloseImageViewer = () => {\n      isShowImageViewer.value = false;\n    };\n\n    const handleAppendImage = (src: string) => {\n      const _value = unref(modelValue);\n\n      if (Array.isArray(_value)) {\n        _value.push(src);\n      }\n    };\n\n    return () => {\n      const _multiple = unref(multiple);\n\n      let content;\n\n      if (!_multiple) {\n        content = (\n          <MKUploadImageItem\n            onView={handleShowImageViewer}\n            onDelete={handleDelete}\n            modelValue={unref(modelValue) as string}\n            onUpdate:modelValue={(value) => (modelValue.value = value)}\n            uploadContext={props.uploadContext}\n          />\n        );\n      } else {\n        let images: VNode[] | null = null;\n\n        if (Array.isArray(unref(modelValue))) {\n          images = (unref(modelValue) as string[]).map((src) => (\n            <MKUploadImageItem\n              onView={handleShowImageViewer}\n              onDelete={handleDelete}\n              modelValue={src}\n              uploadContext={props.uploadContext}\n            />\n          ));\n        }\n\n        content = (\n          <Fragment>\n            {images}\n            <MKUploadImageItem\n              onUpdate:modelValue={handleAppendImage}\n              uploadContext={props.uploadContext}\n            />\n          </Fragment>\n        );\n      }\n\n      const imageViewer = unref(isShowImageViewer) ? (\n        <ElImageViewer\n          onClose={handleCloseImageViewer}\n          urlList={[unref(currentImageSrc)]}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-upload-image\">\n          {content}\n          {imageViewer}\n        </div>\n      );\n    };\n  },\n  // setup(props, { emit }) {\n  //   const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\n  //     ref(null);\n\n  //   const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\n\n  //   const isShowImageViewer: Ref<boolean> = ref(false);\n\n  //   const modelValue = computed({\n  //     get: () => props.modelValue as string,\n  //     set: (v: string) => {\n  //       emit(\"update:modelValue\", v);\n  //     },\n  //   });\n\n  //   const handleUpdateModelValue = (v: string) => {\n  //     modelValue.value = v;\n  //   };\n\n  //   const handleClick = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     if (unref(modelValue)) {\n  //       return;\n  //     }\n\n  //     unref(uploadFileInstance)?.handleUpload();\n  //   };\n\n  //   const handleView = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     isShowImageViewer.value = true;\n  //   };\n\n  //   const handleCloseImageViewer = () => {\n  //     isShowImageViewer.value = false;\n  //   };\n\n  //   const handleDelete = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     modelValue.value = \"\";\n  //   };\n\n  //   return () => {\n  //     let content;\n\n  //     if (unref(modelValue)) {\n  //       const imageViewer = unref(isShowImageViewer) ? (\n  //         <ElImageViewer\n  //           onClose={handleCloseImageViewer}\n  //           urlList={[unref(modelValue)]}\n  //         />\n  //       ) : null;\n\n  //       content = (\n  //         <Fragment>\n  //           <ElImage\n  //             ref={\n  //               ((el: InstanceType<typeof ElImage>) =>\n  //                 (imageInstance.value = el)) as any\n  //             }\n  //             src={unref(modelValue)}\n  //             class=\"mk-upload-image__image\"\n  //             fit=\"cover\"\n  //           />\n\n  //           {imageViewer}\n\n  //           <div class=\"mk-upload-image__mask\">\n  //             <ElTooltip content=\"查看\">\n  //               <MKSvgIcon iconClass=\"View\" onClick={handleView} />\n  //             </ElTooltip>\n  //             <ElTooltip content=\"删除\">\n  //               <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\n  //             </ElTooltip>\n  //           </div>\n  //         </Fragment>\n  //       );\n  //     } else {\n  //       content = <MKSvgIcon iconClass=\"Plus\" />;\n  //     }\n\n  //     return (\n  //       <div class=\"mk-upload-image\">\n  //         <MKUploadFile\n  //           modelValue={props.modelValue}\n  //           onUpdate:modelValue={handleUpdateModelValue}\n  //           uploadContext={props.uploadContext}\n  //           ref={\n  //             ((el: InstanceType<typeof MKUploadFile>) =>\n  //               (uploadFileInstance.value = el)) as any\n  //           }\n  //         >\n  //           <div class=\"mk-upload-image__wrapper\" onClick={handleClick}>\n  //             {content}\n  //           </div>\n  //         </MKUploadFile>\n  //       </div>\n  //     );\n  //   };\n  // },\n});\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","emits","setup","emit","uploadFileInstance","ref","imageInstance","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","ElImage","el","ElTooltip","MKSvgIcon","MKUploadFile","uploadImageProps","uploadImageEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleCloseImageViewer","handleAppendImage","_value","push","_multiple","images","map","imageViewer","ElImageViewer"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAMA,oBAAoBC,oBAAAA,gBAAgB;AAAA,EACxCC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,YAAY;AAAA,MACVC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACV;AAAA,IACDC,eAAe;AAAA,MACbH,MAAMI,cAAa;AAAA,MACnBC,UAAU;AAAA,IACZ;AAAA,EACD;AAAA,EACDC,OAAO,CAAC,qBAAqB,QAAQ,QAAQ;AAAA,EAC7CC,MAAMT,OAAO;AAAA,IAAEU;AAAAA,EAAK,GAAG;AACrB,UAAMC,qBACJC,QAAI,IAAI;AAEV,UAAMC,gBAA0DD,QAAI,IAAI;AAExE,UAAMX,aAAaa,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMf,MAAMC;AAAAA,MACjBe,KAAMC,OAAc;AAClBP,aAAK,qBAAqBO,CAAC;AAAA,MAC7B;AAAA,IACF,CAAC;AAED,UAAMC,yBAA0BD,OAAc;AAC5ChB,iBAAWkB,QAAQF;AAAAA;AAGrB,UAAMG,cAAeC,WAAsB;;AACzCA,YAAMC,gBAAe;AAErB,UAAIC,IAAAA,MAAMtB,UAAU,GAAG;AACrB;AAAA,MACF;AAEAsB,sBAAMZ,kBAAkB,MAAxBY,mBAA2BC;AAAAA;AAG7B,UAAMC,aAAcJ,WAAsB;AACxCA,YAAMC,gBAAe;AAErBZ,WAAK,QAAQa,UAAMtB,UAAU,CAAC;AAAA;AAGhC,UAAMyB,eAAgBL,WAAsB;AAC1CA,YAAMC,gBAAe;AAGrBZ,WAAK,UAAUa,UAAMtB,UAAU,CAAC;AAAA;AAGlC,WAAO,MAAM;AACX,UAAI0B;AAEJ,UAAIJ,IAAAA,MAAMtB,UAAU,GAAG;AACrB0B,kBAAOC,IAAA,YAAAC,IAAA,UAAAD,MAAAA,CAAAA,IAAAA,YAAAE,YAAAA,SAAA;AAAA,UAAA,OAIGC,QACClB,cAAcM,QAAQY;AAAAA,UAAG,OAEzBR,IAAK,MAACtB,UAAU;AAAA,UAAC,SAAA;AAAA,UAAA,OAAA;AAAA,QAAA,GAAA,IAAA,GAAA2B,IAAA,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAI,uBAAA;AAAA,UAAA,WAAA;AAAA,QAAA,GAAA;AAAA,UAAA5B,SAAAA,MAAAwB,CAAAA,IAAA,YAAAK,iBAAA;AAAA,YAAA,aAAA;AAAA,YAAA,WAOiBR;AAAAA,UAAU,GAAA,IAAA,CAAA;AAAA,SAAAG,GAAAA,IAAA,YAAAI,uBAAA;AAAA,UAAA,WAAA;AAAA,QAAA,GAAA;AAAA,UAAA5B,SAAAA,MAAAwB,CAAAA,IAAA,YAAAK,iBAAA;AAAA,YAAA,aAAA;AAAA,YAAA,WAGRP;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAI1D,CAAA,CAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLC,kBAAOC,IAAA,YAAAK,iBAAA;AAAA,UAAA,aAAA;AAAA,QAAiC,GAAA,IAAA;AAAA,MAC1C;AAEA,aAAAL,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAM,yBAAA;AAAA,QAAA,cAGkBlC,MAAMC;AAAAA,QAAU,uBACPiB;AAAAA,QAAsB,iBAC5BlB,MAAMK;AAAAA,QAAa,OAE9B0B,QACCpB,mBAAmBQ,QAAQY;AAAAA,MAAG,GAAA;AAAA,QAAA3B,SAAAA,MAAA,CAAAwB,IAAA,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,UAAA,WAGiBR;AAAAA,QAAW,GAAA,CAC5DO,OAAO,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAMpB;AACF,CAAC;AAED,MAAe7B,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOmC,mBAAgB;AAAA,EACvB3B,OAAO4B,mBAAgB;AAAA,EACvB3B,MAAMT,OAAO;AAAA,IAAEU;AAAAA,EAAK,GAAG;AACrB,UAAMT,aAAaa,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMf,MAAMC;AAAAA,MACjBe,KAAMC,OAAyBP,KAAK,qBAAqBO,CAAC;AAAA,IAC5D,CAAC;AAED,UAAMoB,kBAA+BzB,QAAI,EAAE;AAE3C,UAAM0B,WAAWxB,IAAQ,SAAC,MAAMd,MAAMsC,QAAQ;AAE9C,UAAMC,oBAAkC3B,QAAI,KAAK;AAEjD4B,QAAAA,MACE1B,IAAAA,SAAS,MAAM,CAACS,IAAK,MAACtB,UAAU,GAAGsB,IAAAA,MAAMe,QAAQ,CAAC,CAAC,GACnD,CAAC,CAACnB,OAAOmB,SAAQ,MAAM;AACrB,UAAIA,aAAY,CAACG,MAAMC,QAAQvB,KAAK,GAAG;AACrClB,mBAAWkB,QAAQ;MACrB;AAAA,IACF,GACA;AAAA,MAAEwB,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMjB,eAAgBkB,SAAgB;AACpC,UAAI,CAACrB,IAAAA,MAAMe,QAAQ,GAAG;AACpBrC,mBAAWkB,QAAQ;AACnB;AAAA,MACF;AAEA,YAAM0B,SAAQtB,IAAAA,MAAMtB,UAAU,EAAE6C,QAAQF,GAAG;AAE3C,UAAIC,WAAU,IAAI;AAChB;AAAA,MACF;AAEC5C,iBAAWkB,MAAmB4B,OAAOF,QAAO,CAAC;AAAA;AAGhD,UAAMG,wBAAyBJ,SAAgB;AAC7CL,wBAAkBpB,QAAQ;AAC1BkB,sBAAgBlB,QAAQyB;AAAAA;AAG1B,UAAMK,yBAAyBA,MAAM;AACnCV,wBAAkBpB,QAAQ;AAAA;AAG5B,UAAM+B,oBAAqBN,SAAgB;AACzC,YAAMO,SAAS5B,UAAMtB,UAAU;AAE/B,UAAIwC,MAAMC,QAAQS,MAAM,GAAG;AACzBA,eAAOC,KAAKR,GAAG;AAAA,MACjB;AAAA;AAGF,WAAO,MAAM;AACX,YAAMS,YAAY9B,UAAMe,QAAQ;AAEhC,UAAIX;AAEJ,UAAI,CAAC0B,WAAW;AACd1B,kBAAOC,IAAA,YAAA/B,mBAAA;AAAA,UAAA,UAEKmD;AAAAA,UAAqB,YACnBtB;AAAAA,UAAY,cACVH,IAAK,MAACtB,UAAU;AAAA,UAAC,uBACPkB,WAAWlB,WAAWkB,QAAQA;AAAAA,UAAM,iBAC3CnB,MAAMK;AAAAA,QAExB,GAAA,IAAA;AAAA,MACH,OAAO;AACL,YAAIiD,SAAyB;AAE7B,YAAIb,MAAMC,QAAQnB,UAAMtB,UAAU,CAAC,GAAG;AACpCqD,mBAAU/B,IAAK,MAACtB,UAAU,EAAesD,IAAKX,SAAGhB,IAAA,YAAA/B,mBAAA;AAAA,YAAA,UAErCmD;AAAAA,YAAqB,YACnBtB;AAAAA,YAAY,cACVkB;AAAAA,YAAG,iBACA5C,MAAMK;AAAAA,UAAa,GAAA,IAAA,CAErC;AAAA,QACH;AAEAsB,kBAAOC,IAAA,YAAAC,qBAEFyB,QAAM1B,IAAA,YAAA/B,mBAAA;AAAA,UAAA,uBAEgBqD;AAAAA,UAAiB,iBACvBlD,MAAMK;AAAAA,WAG1B,IAAA,CAAA,CAAA;AAAA,MACH;AAEA,YAAMmD,cAAcjC,IAAK,MAACgB,iBAAiB,IAACX,IAAAA,YAAA6B,YAAAA,eAAA;AAAA,QAAA,WAE/BR;AAAAA,QAAsB,WACtB,CAAC1B,UAAMc,eAAe,CAAC;AAAA,MAAC,GAAA,IAAA,IAEjC;AAEJ,aAAAT,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAEKD,CAAAA,SACA6B,WAAW,CAAA;AAAA;EAIpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwGF,CAAC;;"}
+{"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\n  Fragment,\n  Ref,\n  VNode,\n  computed,\n  defineComponent,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../svg-icon\";\nimport { MKUploadFile } from \"../../upload-file\";\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\nimport { UploadContext } from \"../../context\";\n\nconst MKUploadImageItem = defineComponent({\n  name: \"MKUploadImageItem\",\n  props: {\n    modelValue: {\n      type: String,\n      default: \"\",\n    },\n    uploadContext: {\n      type: UploadContext,\n      required: true,\n    },\n  },\n  emits: [\"update:modelValue\", \"view\", \"delete\"],\n  setup(props, { emit }) {\n    const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\n      ref(null);\n\n    const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\n\n    const modelValue = computed({\n      get: () => props.modelValue as string,\n      set: (v: string) => {\n        emit(\"update:modelValue\", v);\n      },\n    });\n\n    const handleUpdateModelValue = (v: string) => {\n      modelValue.value = v;\n    };\n\n    const handleClick = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      if (unref(modelValue)) {\n        return;\n      }\n\n      unref(uploadFileInstance)?.handleUpload();\n    };\n\n    const handleView = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      emit(\"view\", unref(modelValue));\n    };\n\n    const handleDelete = (event: MouseEvent) => {\n      event.stopPropagation();\n\n      // modelValue.value = \"\";\n      emit(\"delete\", unref(modelValue));\n    };\n\n    return () => {\n      let content;\n\n      if (unref(modelValue)) {\n        content = (\n          <Fragment>\n            <ElImage\n              ref={\n                ((el: InstanceType<typeof ElImage>) =>\n                  (imageInstance.value = el)) as any\n              }\n              src={unref(modelValue)}\n              class=\"mk-upload-image-item__image\"\n              fit=\"cover\"\n            />\n\n            <div class=\"mk-upload-image-item__mask\">\n              <ElTooltip content=\"查看\">\n                <MKSvgIcon iconClass=\"View\" onClick={handleView} />\n              </ElTooltip>\n              <ElTooltip content=\"删除\">\n                <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\n              </ElTooltip>\n            </div>\n          </Fragment>\n        );\n      } else {\n        content = <MKSvgIcon iconClass=\"Plus\" />;\n      }\n\n      return (\n        <div class=\"mk-upload-image-item\">\n          <MKUploadFile\n            modelValue={props.modelValue}\n            onUpdate:modelValue={handleUpdateModelValue}\n            uploadContext={props.uploadContext}\n            ref={\n              ((el: InstanceType<typeof MKUploadFile>) =>\n                (uploadFileInstance.value = el)) as any\n            }\n          >\n            <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\n              {content}\n            </div>\n          </MKUploadFile>\n        </div>\n      );\n    };\n  },\n});\n\nexport default defineComponent({\n  name: \"MKUploadImage\",\n  props: uploadImageProps,\n  emits: uploadImageEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue as string[] | string,\n      set: (v: string[] | string) => emit(\"update:modelValue\", v),\n    });\n\n    const currentImageSrc: Ref<string> = ref(\"\");\n\n    const multiple = computed(() => props.multiple);\n\n    const isShowImageViewer: Ref<boolean> = ref(false);\n\n    watch(\n      computed(() => [unref(modelValue), unref(multiple)]),\n      ([value, multiple]) => {\n        if (multiple && !Array.isArray(value)) {\n          modelValue.value = [];\n        }\n      },\n      { immediate: true }\n    );\n\n    const handleDelete = (src: string) => {\n      if (!unref(multiple)) {\n        modelValue.value = \"\";\n        return;\n      }\n\n      const index = unref(modelValue).indexOf(src);\n\n      if (index === -1) {\n        return;\n      }\n\n      (modelValue.value as string[]).splice(index, 1);\n    };\n\n    const handleShowImageViewer = (src: string) => {\n      isShowImageViewer.value = true;\n      currentImageSrc.value = src;\n    };\n\n    const handleCloseImageViewer = () => {\n      isShowImageViewer.value = false;\n    };\n\n    const handleAppendImage = (src: string) => {\n      const _value = unref(modelValue);\n\n      if (Array.isArray(_value)) {\n        _value.push(src);\n      }\n    };\n\n    return () => {\n      const _multiple = unref(multiple);\n\n      let content;\n\n      if (!_multiple) {\n        content = (\n          <MKUploadImageItem\n            onView={handleShowImageViewer}\n            onDelete={handleDelete}\n            modelValue={unref(modelValue) as string}\n            onUpdate:modelValue={(value) => (modelValue.value = value)}\n            uploadContext={props.uploadContext}\n          />\n        );\n      } else {\n        let images: VNode[] | null = null;\n\n        if (Array.isArray(unref(modelValue))) {\n          images = (unref(modelValue) as string[]).map((src) => (\n            <MKUploadImageItem\n              onView={handleShowImageViewer}\n              onDelete={handleDelete}\n              modelValue={src}\n              uploadContext={props.uploadContext}\n            />\n          ));\n        }\n\n        content = (\n          <Fragment>\n            {images}\n            <MKUploadImageItem\n              onUpdate:modelValue={handleAppendImage}\n              uploadContext={props.uploadContext}\n            />\n          </Fragment>\n        );\n      }\n\n      const imageViewer = unref(isShowImageViewer) ? (\n        <ElImageViewer\n          onClose={handleCloseImageViewer}\n          urlList={[unref(currentImageSrc)]}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-upload-image\">\n          {content}\n          {imageViewer}\n        </div>\n      );\n    };\n  },\n  // setup(props, { emit }) {\n  //   const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> | null> =\n  //     ref(null);\n\n  //   const imageInstance: Ref<InstanceType<typeof ElImage> | null> = ref(null);\n\n  //   const isShowImageViewer: Ref<boolean> = ref(false);\n\n  //   const modelValue = computed({\n  //     get: () => props.modelValue as string,\n  //     set: (v: string) => {\n  //       emit(\"update:modelValue\", v);\n  //     },\n  //   });\n\n  //   const handleUpdateModelValue = (v: string) => {\n  //     modelValue.value = v;\n  //   };\n\n  //   const handleClick = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     if (unref(modelValue)) {\n  //       return;\n  //     }\n\n  //     unref(uploadFileInstance)?.handleUpload();\n  //   };\n\n  //   const handleView = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     isShowImageViewer.value = true;\n  //   };\n\n  //   const handleCloseImageViewer = () => {\n  //     isShowImageViewer.value = false;\n  //   };\n\n  //   const handleDelete = (event: MouseEvent) => {\n  //     event.stopPropagation();\n\n  //     modelValue.value = \"\";\n  //   };\n\n  //   return () => {\n  //     let content;\n\n  //     if (unref(modelValue)) {\n  //       const imageViewer = unref(isShowImageViewer) ? (\n  //         <ElImageViewer\n  //           onClose={handleCloseImageViewer}\n  //           urlList={[unref(modelValue)]}\n  //         />\n  //       ) : null;\n\n  //       content = (\n  //         <Fragment>\n  //           <ElImage\n  //             ref={\n  //               ((el: InstanceType<typeof ElImage>) =>\n  //                 (imageInstance.value = el)) as any\n  //             }\n  //             src={unref(modelValue)}\n  //             class=\"mk-upload-image__image\"\n  //             fit=\"cover\"\n  //           />\n\n  //           {imageViewer}\n\n  //           <div class=\"mk-upload-image__mask\">\n  //             <ElTooltip content=\"查看\">\n  //               <MKSvgIcon iconClass=\"View\" onClick={handleView} />\n  //             </ElTooltip>\n  //             <ElTooltip content=\"删除\">\n  //               <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\n  //             </ElTooltip>\n  //           </div>\n  //         </Fragment>\n  //       );\n  //     } else {\n  //       content = <MKSvgIcon iconClass=\"Plus\" />;\n  //     }\n\n  //     return (\n  //       <div class=\"mk-upload-image\">\n  //         <MKUploadFile\n  //           modelValue={props.modelValue}\n  //           onUpdate:modelValue={handleUpdateModelValue}\n  //           uploadContext={props.uploadContext}\n  //           ref={\n  //             ((el: InstanceType<typeof MKUploadFile>) =>\n  //               (uploadFileInstance.value = el)) as any\n  //           }\n  //         >\n  //           <div class=\"mk-upload-image__wrapper\" onClick={handleClick}>\n  //             {content}\n  //           </div>\n  //         </MKUploadFile>\n  //       </div>\n  //     );\n  //   };\n  // },\n});\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","emits","setup","emit","uploadFileInstance","ref","imageInstance","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","ElImage","el","ElTooltip","MKSvgIcon","MKUploadFile","uploadImageProps","uploadImageEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleCloseImageViewer","handleAppendImage","_value","push","_multiple","images","map","imageViewer","ElImageViewer"],"mappings":"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"}

package/dist/cjs/components/basic/upload-file/upload-file.js

@@ -5,11 +5,7 @@ const uploadFileOptions = require("./upload-file-options.js");
 const elementPlus = require("element-plus");
 const UploadContext = require("./context/UploadContext.js");
 require("@maketribe/request");
-require("@maketribe/dm");
 const utils = require("@maketribe/utils");
-require("../../../core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/locale");
 require("./context/web-file-upload-context.js");
 require("./context/web-file-upload-context-options.js");
 const _UploadFile = /* @__PURE__ */ vue.defineComponent({

package/dist/cjs/components/basic/upload-file/upload-file.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/basic/upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { UploadContextCtxKey } from \"./context\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 文件上传\r\n *\r\n * 文件上传在本后台中有两大分类\r\n * 1.直接上传文件\r\n * 2.使用素材库文件\r\n *\r\n * 文件上传的界面交互又会分为几种情况\r\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\r\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\r\n *\r\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\r\n *\r\n */\r\n\r\nconst _UploadFile = defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadFileProps,\r\n  emits: uploadFileEmits,\r\n  setup(props, { emit }) {\r\n    const uploadContextCtx = inject(UploadContextCtxKey, null);\r\n\r\n    const value = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const uploadContext = computed(\r\n      () => uploadContextCtx?.uploadContext || props.uploadContext\r\n    );\r\n\r\n    const handleUpload = async () => {\r\n      try {\r\n        \r\n        const uploadResult = await unref(uploadContext).selectFile();\r\n        \r\n        if (uploadResult.success) {\r\n          value.value = uploadResult.path || value.value;\r\n          return;\r\n        }\r\n\r\n        ElMessage.error(uploadResult.msg);\r\n      } catch (e) {\r\n        console.error(e);\r\n        ElMessage.error(\"网络异常\");\r\n      }\r\n    };\r\n\r\n    return {\r\n      handleUpload,\r\n    };\r\n  },\r\n  render() {\r\n    const { handleUpload, $slots } = this;\r\n\r\n    return (\r\n      <span class=\"mk-upload-file\" onClick={handleUpload}>\r\n        {$slots.default?.()}\r\n      </span>\r\n    );\r\n  },\r\n});\r\n\r\nexport const MKUploadFile = withInstall(_UploadFile);\r\n"],"names":["_UploadFile","defineComponent","name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","uploadContextCtx","inject","UploadContextCtxKey","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default","MKUploadFile","withInstall"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAMA,cAAcC,oBAAAA,gBAAgB;AAAA,EAClCC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,OAAOC,kBAAe;AAAA,EACtBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,mBAAmBC,IAAAA,OAAOC,cAAmB,qBAAE,IAAI;AAEzD,UAAMC,QAAQC,IAAAA,SAAS;AAAA,MACrBC,KAAKA,MAAMX,MAAMY;AAAAA,MACjBC,KAAMC,OAAcT,KAAK,qBAAqBS,CAAC;AAAA,IACjD,CAAC;AAED,UAAMC,gBAAgBL,IAAAA,SACpB,OAAMJ,qDAAkBS,kBAAiBf,MAAMe,aACjD;AAEA,UAAMC,eAAe,YAAY;AAC/B,UAAI;AAEF,cAAMC,eAAe,MAAMC,IAAAA,MAAMH,aAAa,EAAEI,WAAU;AAE1D,YAAIF,aAAaG,SAAS;AACxBX,gBAAMA,QAAQQ,aAAaI,QAAQZ,MAAMA;AACzC;AAAA,QACF;AAEAa,oBAAAA,UAAUC,MAAMN,aAAaO,GAAG;AAAA,MACjC,SAAQC,GAAG;AACVC,gBAAQH,MAAME,CAAC;AACfH,8BAAUC,MAAM,MAAM;AAAA,MACxB;AAAA;AAGF,WAAO;AAAA,MACLP;AAAAA;EAEH;AAAA,EACDW,SAAS;;AACP,UAAM;AAAA,MAAEX;AAAAA,MAAcY;AAAAA,IAAQ,IAAG;AAEjC,WAAAC,IAAAA,YAAA,QAAA;AAAA,MAAA,SAAA;AAAA,MAAA,WACwCb;AAAAA,IAAY,GAAA,EAC/CY,YAAOE,YAAPF,+BAAkB,CAAA;AAAA,EAGzB;AACF,CAAC;MAEYG,eAAeC,MAAW,YAACnC,WAAW;;"}
+{"version":3,"file":"upload-file.js","sources":["../../../../../src/components/basic/upload-file/upload-file.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { uploadFileEmits, uploadFileProps } from \"./upload-file-options\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { UploadContextCtxKey } from \"./context\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 文件上传\r\n *\r\n * 文件上传在本后台中有两大分类\r\n * 1.直接上传文件\r\n * 2.使用素材库文件\r\n *\r\n * 文件上传的界面交互又会分为几种情况\r\n * 1.单文件上传（单文件上传，可能会根据。文件情况的不同，界面显示方式不一样）\r\n * 2.多文件上传（多文件上传基于单文件的逻辑，不过是会变成多个文件）\r\n *\r\n * 希望文件交互组件不需要用了解是直接上传文件或使用素材库。\r\n *\r\n */\r\n\r\nconst _UploadFile = defineComponent({\r\n  name: \"MKUploadFile\",\r\n  props: uploadFileProps,\r\n  emits: uploadFileEmits,\r\n  setup(props, { emit }) {\r\n    const uploadContextCtx = inject(UploadContextCtxKey, null);\r\n\r\n    const value = computed({\r\n      get: () => props.modelValue as string,\r\n      set: (v: string) => emit(\"update:modelValue\", v),\r\n    });\r\n\r\n    const uploadContext = computed(\r\n      () => uploadContextCtx?.uploadContext || props.uploadContext\r\n    );\r\n\r\n    const handleUpload = async () => {\r\n      try {\r\n        \r\n        const uploadResult = await unref(uploadContext).selectFile();\r\n        \r\n        if (uploadResult.success) {\r\n          value.value = uploadResult.path || value.value;\r\n          return;\r\n        }\r\n\r\n        ElMessage.error(uploadResult.msg);\r\n      } catch (e) {\r\n        console.error(e);\r\n        ElMessage.error(\"网络异常\");\r\n      }\r\n    };\r\n\r\n    return {\r\n      handleUpload,\r\n    };\r\n  },\r\n  render() {\r\n    const { handleUpload, $slots } = this;\r\n\r\n    return (\r\n      <span class=\"mk-upload-file\" onClick={handleUpload}>\r\n        {$slots.default?.()}\r\n      </span>\r\n    );\r\n  },\r\n});\r\n\r\nexport const MKUploadFile = withInstall(_UploadFile);\r\n"],"names":["_UploadFile","defineComponent","name","props","uploadFileProps","emits","uploadFileEmits","setup","emit","uploadContextCtx","inject","UploadContextCtxKey","value","computed","get","modelValue","set","v","uploadContext","handleUpload","uploadResult","unref","selectFile","success","path","ElMessage","error","msg","e","console","render","$slots","_createVNode","default","MKUploadFile","withInstall"],"mappings":";;;;;;;;;;AAqBA,MAAMA,cAAcC,oBAAAA,gBAAgB;AAAA,EAClCC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,OAAOC,kBAAe;AAAA,EACtBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,mBAAmBC,IAAAA,OAAOC,cAAmB,qBAAE,IAAI;AAEzD,UAAMC,QAAQC,IAAAA,SAAS;AAAA,MACrBC,KAAKA,MAAMX,MAAMY;AAAAA,MACjBC,KAAMC,OAAcT,KAAK,qBAAqBS,CAAC;AAAA,IACjD,CAAC;AAED,UAAMC,gBAAgBL,IAAAA,SACpB,OAAMJ,qDAAkBS,kBAAiBf,MAAMe,aACjD;AAEA,UAAMC,eAAe,YAAY;AAC/B,UAAI;AAEF,cAAMC,eAAe,MAAMC,IAAAA,MAAMH,aAAa,EAAEI,WAAU;AAE1D,YAAIF,aAAaG,SAAS;AACxBX,gBAAMA,QAAQQ,aAAaI,QAAQZ,MAAMA;AACzC;AAAA,QACF;AAEAa,oBAAAA,UAAUC,MAAMN,aAAaO,GAAG;AAAA,MACjC,SAAQC,GAAG;AACVC,gBAAQH,MAAME,CAAC;AACfH,8BAAUC,MAAM,MAAM;AAAA,MACxB;AAAA;AAGF,WAAO;AAAA,MACLP;AAAAA;EAEH;AAAA,EACDW,SAAS;;AACP,UAAM;AAAA,MAAEX;AAAAA,MAAcY;AAAAA,IAAQ,IAAG;AAEjC,WAAAC,IAAAA,YAAA,QAAA;AAAA,MAAA,SAAA;AAAA,MAAA,WACwCb;AAAAA,IAAY,GAAA,EAC/CY,YAAOE,YAAPF,+BAAkB,CAAA;AAAA,EAGzB;AACF,CAAC;MAEYG,eAAeC,MAAW,YAACnC,WAAW;;"}

package/dist/cjs/components/business/resource-list/ResourceManager.js

@@ -82,6 +82,22 @@ class ResourceManager extends utils.Disposable {
       this.loadingManager.completeLoading();
     }
   }
+  async getExistPathList(pathList) {
+    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
+    try {
+      this.loadingManager.startLoading();
+      return await httpRequest.post(
+        `${this.baseURL}/resource/get-exist-path-list`,
+        { pathList }
+      );
+    } catch (e) {
+      console.error(e);
+      dm.Messager.error({ message: "网络异常" });
+      throw e;
+    } finally {
+      this.loadingManager.completeLoading();
+    }
+  }
   async uploadResourceList(files) {
     const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
     try {
@@ -176,6 +192,30 @@ class ResourceManager extends utils.Disposable {
     }
     item.isSelected = !item.isSelected;
   }
+  async publishAssets() {
+    const httpRequest = MSAppClient.MSAppClient.instance.httpRequest;
+    try {
+      const isConfirm = await dm.Dialoger.confirm({
+        title: "发布资源",
+        message: "是否发布资源？",
+        type: "warning"
+      });
+      if (!isConfirm) {
+        return;
+      }
+      this.loadingManager.startLoading();
+      const response = await httpRequest.post(
+        `${this.baseURL}/content/publish/assets`
+      );
+      if (response.data.code !== 200) {
+        dm.Messager.error({ message: response.data.msg });
+        return;
+      }
+      dm.Messager.success({ message: "发布成功" });
+    } finally {
+      this.loadingManager.completeLoading();
+    }
+  }
 }
 exports.ResourceManager = ResourceManager;
 //# sourceMappingURL=ResourceManager.js.map

package/dist/cjs/components/business/resource-list/ResourceManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceManager.js","sources":["../../../../../src/components/business/resource-list/ResourceManager.ts"],"sourcesContent":["import { Disposable } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../../../core\";\nimport { LoadingManager, Messager } from \"@maketribe/dm\";\nimport { R } from \"@maketribe/request\";\n\nexport type ResourceInfo = {\n  name: string;\n  path: string;\n  isDirectory: boolean;\n  extension: string;\n  isSelected: boolean;\n};\n\nexport type ResourceManagerOptions = {\n  extensions?: string[];\n  baseURL: string;\n};\n\nexport class ResourceManager extends Disposable {\n  directories: string[];\n\n  resourceInfoList: ResourceInfo[];\n\n  loadingManager: LoadingManager;\n\n  isShowEditDialog: boolean = false;\n\n  currentEditText: string = \"\";\n\n  filterExtensions: string[] = [];\n\n  baseURL: string = \"\";\n\n  get selectResourceList() {\n    return this.resourceInfoList.filter((item) => item.isSelected);\n  }\n\n  get loading() {\n    return this.loadingManager.loading;\n  }\n\n  constructor(options: ResourceManagerOptions) {\n    super();\n\n    this.directories = [];\n\n    this.resourceInfoList = [];\n\n    this.loadingManager = new LoadingManager();\n\n    this.filterExtensions = options.extensions ?? [];\n    this.baseURL = options.baseURL;\n  }\n\n  async loadResourceInfoList(\n    toPath: string = this.directories.length\n      ? `/${this.directories.join(\"/\")}`\n      : \"\"\n  ) {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      const response = await httpRequest.post<R<ResourceInfo[]>>(\n        `${this.baseURL}/resource/resource-list`,\n        {\n          directoryPath: toPath,\n          extensions: this.filterExtensions,\n        }\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        this.resourceInfoList = [];\n        return;\n      }\n\n      this.resourceInfoList = response.data.data.map((item) => ({\n        ...item,\n        isSelected: false,\n      }));\n\n      var directorySegments = toPath.startsWith(\"/\")\n        ? toPath.slice(1).split(\"/\")\n        : toPath.split(\"/\");\n\n      this.directories = directorySegments.filter(Boolean);\n    } catch (e) {\n      console.error(e);\n\n      Messager.error({ message: \"网络异常\" });\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async deleteSelectResourceList() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/resource/delete-resource-list`,\n        { paths: this.selectResourceList.map((item) => item.path) }\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        this.loadResourceInfoList();\n        return;\n      }\n\n      await this.loadResourceInfoList();\n    } catch (e) {\n      console.error(e);\n\n      Messager.error({ message: \"网络异常\" });\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async uploadResourceList(files: File[]) {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      var directory = this.directories.length\n        ? `/${this.directories.join(\"/\")}`\n        : \"\";\n\n      var formData = new FormData();\n      for (var i = 0; i < files.length; i++) {\n        formData.append(files[i].name, files[i]);\n      }\n      formData.append(\"directory\", directory);\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/resource/update-resource-list`,\n        formData\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        this.loadResourceInfoList();\n        return;\n      }\n\n      await this.loadResourceInfoList();\n    } catch (e) {\n      console.error(e);\n\n      Messager.error({ message: \"网络异常\" });\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async downloadSelectResource() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    const response = await httpRequest.post(\n      `${this.baseURL}/resource/get-download-resource-url`,\n      { filePath: this.selectResourceList[0].path }\n    );\n\n    if (response.data.code !== 200) {\n      Messager.error({ message: response.data.msg });\n      return;\n    }\n\n    var aElement = document.createElement(\"a\");\n    aElement.href = response.data.data;\n    aElement.target = \"_blank\";\n\n    aElement.click();\n  }\n\n  async editSelectFile() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      var resourceInfo = this.selectResourceList[0];\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/resource/get-text`,\n        {\n          path: resourceInfo.path,\n        }\n      );\n\n      this.isShowEditDialog = true;\n      this.currentEditText = response.data.data;\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async saveEditFile() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      var resourceInfo = this.selectResourceList[0];\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/resource/set-text`,\n        {\n          path: resourceInfo.path,\n          content: this.currentEditText,\n        }\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      this.isShowEditDialog = false;\n      this.currentEditText = \"\";\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  clearAllSelect() {\n    for (var resourceInfo of this.selectResourceList) {\n      resourceInfo.isSelected = false;\n    }\n  }\n\n  handleSelectClick(event: MouseEvent, item: ResourceInfo) {\n    if (!event.ctrlKey) {\n      this.clearAllSelect();\n\n      item.isSelected = true;\n      return;\n    }\n\n    item.isSelected = !item.isSelected;\n  }\n}\n"],"names":["Disposable","LoadingManager","MSAppClient","Messager"],"mappings":"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"}
+{"version":3,"file":"ResourceManager.js","sources":["../../../../../src/components/business/resource-list/ResourceManager.ts"],"sourcesContent":["import { Disposable } from \"@maketribe/utils\";\nimport { MSAppClient } from \"../../../core\";\nimport { Dialoger, LoadingManager, Messager } from \"@maketribe/dm\";\nimport { R } from \"@maketribe/request\";\n\nexport type ResourceInfo = {\n  name: string;\n  path: string;\n  isDirectory: boolean;\n  extension: string;\n  isSelected: boolean;\n};\n\nexport type ResourceManagerOptions = {\n  extensions?: string[];\n  baseURL: string;\n};\n\nexport class ResourceManager extends Disposable {\n  directories: string[];\n\n  resourceInfoList: ResourceInfo[];\n\n  loadingManager: LoadingManager;\n\n  isShowEditDialog: boolean = false;\n\n  currentEditText: string = \"\";\n\n  filterExtensions: string[] = [];\n\n  baseURL: string = \"\";\n\n  get selectResourceList() {\n    return this.resourceInfoList.filter((item) => item.isSelected);\n  }\n\n  get loading() {\n    return this.loadingManager.loading;\n  }\n\n  constructor(options: ResourceManagerOptions) {\n    super();\n\n    this.directories = [];\n\n    this.resourceInfoList = [];\n\n    this.loadingManager = new LoadingManager();\n\n    this.filterExtensions = options.extensions ?? [];\n    this.baseURL = options.baseURL;\n  }\n\n  async loadResourceInfoList(\n    toPath: string = this.directories.length\n      ? `/${this.directories.join(\"/\")}`\n      : \"\"\n  ) {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      const response = await httpRequest.post<R<ResourceInfo[]>>(\n        `${this.baseURL}/resource/resource-list`,\n        {\n          directoryPath: toPath,\n          extensions: this.filterExtensions,\n        }\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        this.resourceInfoList = [];\n        return;\n      }\n\n      this.resourceInfoList = response.data.data.map((item) => ({\n        ...item,\n        isSelected: false,\n      }));\n\n      var directorySegments = toPath.startsWith(\"/\")\n        ? toPath.slice(1).split(\"/\")\n        : toPath.split(\"/\");\n\n      this.directories = directorySegments.filter(Boolean);\n    } catch (e) {\n      console.error(e);\n\n      Messager.error({ message: \"网络异常\" });\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async deleteSelectResourceList() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/resource/delete-resource-list`,\n        { paths: this.selectResourceList.map((item) => item.path) }\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        this.loadResourceInfoList();\n        return;\n      }\n\n      await this.loadResourceInfoList();\n    } catch (e) {\n      console.error(e);\n\n      Messager.error({ message: \"网络异常\" });\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async getExistPathList(pathList: string[]) {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      return await httpRequest.post(\n        `${this.baseURL}/resource/get-exist-path-list`,\n        { pathList }\n      );\n    } catch (e) {\n      console.error(e);\n\n      Messager.error({ message: \"网络异常\" });\n\n      throw e;\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async uploadResourceList(files: File[]) {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      var directory = this.directories.length\n        ? `/${this.directories.join(\"/\")}`\n        : \"\";\n\n      var formData = new FormData();\n      for (var i = 0; i < files.length; i++) {\n        formData.append(files[i].name, files[i]);\n      }\n      formData.append(\"directory\", directory);\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/resource/update-resource-list`,\n        formData\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        this.loadResourceInfoList();\n        return;\n      }\n\n      await this.loadResourceInfoList();\n    } catch (e) {\n      console.error(e);\n\n      Messager.error({ message: \"网络异常\" });\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async downloadSelectResource() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    const response = await httpRequest.post(\n      `${this.baseURL}/resource/get-download-resource-url`,\n      { filePath: this.selectResourceList[0].path }\n    );\n\n    if (response.data.code !== 200) {\n      Messager.error({ message: response.data.msg });\n      return;\n    }\n\n    var aElement = document.createElement(\"a\");\n    aElement.href = response.data.data;\n    aElement.target = \"_blank\";\n\n    aElement.click();\n  }\n\n  async editSelectFile() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      var resourceInfo = this.selectResourceList[0];\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/resource/get-text`,\n        {\n          path: resourceInfo.path,\n        }\n      );\n\n      this.isShowEditDialog = true;\n      this.currentEditText = response.data.data;\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  async saveEditFile() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      this.loadingManager.startLoading();\n\n      var resourceInfo = this.selectResourceList[0];\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/resource/set-text`,\n        {\n          path: resourceInfo.path,\n          content: this.currentEditText,\n        }\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      this.isShowEditDialog = false;\n      this.currentEditText = \"\";\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n\n  clearAllSelect() {\n    for (var resourceInfo of this.selectResourceList) {\n      resourceInfo.isSelected = false;\n    }\n  }\n\n  handleSelectClick(event: MouseEvent, item: ResourceInfo) {\n    if (!event.ctrlKey) {\n      this.clearAllSelect();\n\n      item.isSelected = true;\n      return;\n    }\n\n    item.isSelected = !item.isSelected;\n  }\n\n  async publishAssets() {\n    const httpRequest = MSAppClient.instance!.httpRequest;\n\n    try {\n      const isConfirm = await Dialoger.confirm({\n        title: \"发布资源\",\n        message: \"是否发布资源？\",\n        type: \"warning\",\n      });\n\n      if (!isConfirm) {\n        return;\n      }\n\n      this.loadingManager.startLoading();\n\n      const response = await httpRequest.post(\n        `${this.baseURL}/content/publish/assets`\n      );\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      Messager.success({ message: \"发布成功\" });\n    } finally {\n      this.loadingManager.completeLoading();\n    }\n  }\n}\n"],"names":["Disposable","LoadingManager","MSAppClient","Messager","Dialoger"],"mappings":"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"}