npm - @maketribe/ms-app - Versions diffs - 3.2.45 → 4.0.0-alpha.1 - Mend

@maketribe/ms-app 3.2.45 → 4.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1724) hide show

package/dist/cjs/components/basic/svg-icon/svg-icon.vue.js ADDED Viewed

@@ -0,0 +1,93 @@
+"use strict";
+const vue = require("vue");
+const vue$1 = require("@iconify/vue");
+const _hoisted_1 = {
+  key: 1,
+  class: "h-[1em] w-[1em]",
+  "aria-hidden": "true"
+};
+const _hoisted_2 = ["xlink:href"];
+const _hoisted_3 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "SvgIcon"
+  },
+  __name: "svg-icon",
+  props: {
+    name: {},
+    flip: {},
+    rotate: {},
+    color: {},
+    size: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const outputType = vue.computed(() => {
+      if (!props.name) {
+        return "";
+      }
+      if (/^https?:\/\//.test(props.name)) {
+        return "img";
+      } else if (/i-[^:]+:[^:]+/.test(props.name)) {
+        return "unocss";
+      } else if (props.name.includes(":")) {
+        return "iconify";
+      } else {
+        return "svg";
+      }
+    });
+    const style = vue.computed(() => {
+      const transform = [];
+      if (props.flip) {
+        switch (props.flip) {
+          case "horizontal":
+            transform.push("rotateY(180deg)");
+            break;
+          case "vertical":
+            transform.push("rotateX(180deg)");
+            break;
+          case "both":
+            transform.push("rotateX(180deg)");
+            transform.push("rotateY(180deg)");
+            break;
+        }
+      }
+      if (props.rotate) {
+        transform.push(`rotate(${props.rotate % 360}deg)`);
+      }
+      return {
+        ...props.color && { color: props.color },
+        ...props.size && { fontSize: typeof props.size === "number" ? `${props.size}px` : props.size },
+        ...transform.length && { transform: transform.join(" ") }
+      };
+    });
+    const handleClick = () => {
+      emits("click");
+    };
+    return (_ctx, _cache) => {
+      return vue.unref(outputType) ? (vue.openBlock(), vue.createElementBlock("i", {
+        key: 0,
+        class: vue.normalizeClass(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em]", { [_ctx.name]: vue.unref(outputType) === "unocss" }]),
+        style: vue.normalizeStyle(vue.unref(style)),
+        onClick: handleClick
+      }, [
+        vue.unref(outputType) === "iconify" ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+          key: 0,
+          icon: _ctx.name
+        }, null, 8, ["icon"])) : vue.unref(outputType) === "svg" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
+          vue.createElementVNode("use", {
+            "xlink:href": `#icon-${_ctx.name}`
+          }, null, 8, _hoisted_2)
+        ])) : vue.unref(outputType) === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 2,
+          src: _ctx.name,
+          class: "h-[1em] w-[1em]"
+        }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true)
+      ], 6)) : vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=svg-icon.vue.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"svg-icon.vue.js","sources":["../../../../../src/components/basic/svg-icon/svg-icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {Icon} from '@iconify/vue'\r\n\r\ndefineOptions({\r\n name: 'SvgIcon',\r\n})\r\n\r\nconst props = defineProps<{\r\n name: string\r\n flip?: 'horizontal' | 'vertical' | 'both'\r\n rotate?: number\r\n color?: string\r\n size?: string | number\r\n}>()\r\n\r\nconst emits = defineEmits([\"click\"]);\r\n\r\nconst outputType = computed(() => {\r\n\r\n if (!props.name) {\r\n return '';\r\n }\r\n\r\n if (/^https?:\\/\\//.test(props.name)) {\r\n return 'img'\r\n } else if (/i-[^:]+:[^:]+/.test(props.name)) {\r\n return 'unocss'\r\n } else if (props.name.includes(':')) {\r\n return 'iconify'\r\n } else {\r\n return 'svg'\r\n }\r\n})\r\n\r\nconst style = computed(() => {\r\n const transform = []\r\n if (props.flip) {\r\n switch (props.flip) {\r\n case 'horizontal':\r\n transform.push('rotateY(180deg)')\r\n break\r\n case 'vertical':\r\n transform.push('rotateX(180deg)')\r\n break\r\n case 'both':\r\n transform.push('rotateX(180deg)')\r\n transform.push('rotateY(180deg)')\r\n break\r\n }\r\n }\r\n if (props.rotate) {\r\n transform.push(`rotate(${props.rotate % 360}deg)`)\r\n }\r\n return {\r\n ...(props.color && {color: props.color}),\r\n ...(props.size && {fontSize: typeof props.size === 'number' ? `${props.size}px` : props.size}),\r\n ...(transform.length && {transform: transform.join(' ')}),\r\n }\r\n})\r\n\r\nconst handleClick = () => {\r\n emits(\"click\");\r\n}\r\n</script>\r\n\r\n<template>\r\n <i v-if=\"outputType\"\r\n class=\"relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em]\"\r\n :class=\"{ [name]: outputType === 'unocss' }\" :style=\"style\" @click=\"handleClick\">\r\n <Icon v-if=\"outputType === 'iconify'\" :icon=\"name\"/>\r\n <svg v-else-if=\"outputType === 'svg'\" class=\"h-[1em] w-[1em]\" aria-hidden=\"true\">\r\n <use :xlink:href=\"`#icon-${name}`\"/>\r\n </svg>\r\n <img v-else-if=\"outputType === 'img'\" :src=\"name\" class=\"h-[1em] w-[1em]\">\r\n </i>\r\n</template>\r\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAER,UAAA,aAAaA,IAAAA,SAAS,MAAM;AAE5B,UAAA,CAAC,MAAM,MAAM;AACR,eAAA;AAAA,MACT;AAEA,UAAI,eAAe,KAAK,MAAM,IAAI,GAAG;AAC5B,eAAA;AAAA,MACE,WAAA,gBAAgB,KAAK,MAAM,IAAI,GAAG;AACpC,eAAA;AAAA,MACE,WAAA,MAAM,KAAK,SAAS,GAAG,GAAG;AAC5B,eAAA;AAAA,MAAA,OACF;AACE,eAAA;AAAA,MACT;AAAA,IAAA,CACD;AAEK,UAAA,QAAQA,IAAAA,SAAS,MAAM;AAC3B,YAAM,YAAY,CAAA;AAClB,UAAI,MAAM,MAAM;AACd,gBAAQ,MAAM,MAAM;AAAA,UAClB,KAAK;AACH,sBAAU,KAAK,iBAAiB;AAChC;AAAA,UACF,KAAK;AACH,sBAAU,KAAK,iBAAiB;AAChC;AAAA,UACF,KAAK;AACH,sBAAU,KAAK,iBAAiB;AAChC,sBAAU,KAAK,iBAAiB;AAChC;AAAA,QACJ;AAAA,MACF;AACA,UAAI,MAAM,QAAQ;AAChB,kBAAU,KAAK,UAAU,MAAM,SAAS,GAAG,MAAM;AAAA,MACnD;AACO,aAAA;AAAA,QACL,GAAI,MAAM,SAAS,EAAC,OAAO,MAAM,MAAK;AAAA,QACtC,GAAI,MAAM,QAAQ,EAAC,UAAU,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,IAAI,OAAO,MAAM,KAAI;AAAA,QAC5F,GAAI,UAAU,UAAU,EAAC,WAAW,UAAU,KAAK,GAAG,EAAC;AAAA,MAAA;AAAA,IACzD,CACD;AAED,UAAM,cAAc,MAAM;AACxB,YAAM,OAAO;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/svg-icon/svg-icon.vue2.js ADDED Viewed

@@ -0,0 +1,4 @@
+"use strict";
+const svgIcon_vue_vue_type_script_setup_true_lang = require("./svg-icon.vue.js");
+module.exports = svgIcon_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=svg-icon.vue2.js.map

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

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

package/dist/cjs/components/basic/system-provider/system-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"system-provider.js","sources":["../../../../../src/components/basic/system-provider/system-provider.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n renderSlot,\r\n unref,\r\n useSlots,\r\n watch,\r\n} from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { Components } from \"@maketribe/dm\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { MKConfigProvider } from \"../config-provider\";\r\n\r\n/*\r\n 路由变动的几种情况，\r\n * 1.点击菜单跳转陆游\r\n * 2.特定业务逻辑需要跳转路由\r\n * 3.返回上一页\r\n * 4.刷新页面\r\n */\r\n\r\nexport default defineComponent({\r\n name: \"MKSystemProvider\",\r\n setup() {\r\n const vueRouter = useRouter();\r\n\r\n const msAppClient = MSAppClient.instance!;\r\n\r\n const ready = computed(() => msAppClient.ready);\r\n\r\n const slots = useSlots();\r\n\r\n watch(\r\n computed(() => unref(vueRouter.currentRoute)),\r\n (route) => {\r\n const userSession = msAppClient.userSession;\r\n\r\n if (!userSession) {\r\n return;\r\n }\r\n\r\n const router = userSession.router;\r\n const menu = userSession.menu;\r\n const tabs = userSession.tabs;\r\n\r\n const routeInfo = router.getRouteByName(route.name as string);\r\n\r\n if (!routeInfo) {\r\n menu.setCurrentMenuNode(null);\r\n tabs.setCurrentTab(null);\r\n return;\r\n }\r\n\r\n const menuNode = menu.findMenuNodeByID(routeInfo.menuId);\r\n\r\n if (!menuNode) {\r\n menu.setCurrentMenuNode(null);\r\n tabs.setCurrentTab(null);\r\n return;\r\n }\r\n\r\n menu.setCurrentMenuNode(menuNode);\r\n\r\n const tab =\r\n tabs.findTabByID(route.fullPath) ??\r\n tabs.createTab({\r\n id: route.fullPath,\r\n title: routeInfo.title,\r\n affix: !!route.matched?.[route.matched?.length - 1]?.meta?.affix,\r\n realRoute: route,\r\n route: routeInfo,\r\n });\r\n\r\n tabs.switchTab(tab);\r\n },\r\n { immediate: true }\r\n );\r\n\r\n return () => {\r\n return (\r\n <MKConfigProvider\r\n dataTableComponents={msAppClient.dataTableComponents as Components}\r\n dataFormComponents={msAppClient.dataFormComponents as Components}\r\n dataFilterComponents={msAppClient.dataFilterComponents as Components}\r\n whereFilterComponents={\r\n msAppClient.whereFilterComponents as Components\r\n }\r\n dataTableHeaderComponents={msAppClient.dataTableHeaderComponents as Components}\r\n i18n={msAppClient.i18n}\r\n >\r\n {renderSlot(slots, \"default\")}\r\n </MKConfigProvider>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","setup","vueRouter","useRouter","msAppClient","MSAppClient","instance","computed","ready","slots","useSlots","watch","unref","currentRoute","route","userSession","router","menu","tabs","routeInfo","getRouteByName","setCurrentMenuNode","setCurrentTab","menuNode","findMenuNodeByID","menuId","tab","findTabByID","fullPath","createTab","id","title","affix","matched","length","meta","realRoute","switchTab","immediate","_slot","_createVNode","MKConfigProvider","dataTableComponents","dataFormComponents","dataFilterComponents","whereFilterComponents","dataTableHeaderComponents","i18n","renderSlot","default"],"mappings":";;;;;;;;;;AAaA,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAQA,MAAeM,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,cAAcC,YAAW,YAACC;AAElBC,iBAAS,MAAMH,YAAYI,KAAK;AAE9C,UAAMC,QAAQC,IAAAA;AAEdC,QAAK,MACHJ,IAAQ,SAAC,MAAMK,IAAK,MAACV,YAAUW,YAAY,CAAC,GAC3CC,WAAU;;AACT,YAAMC,cAAcX,YAAYW;AAEhC,UAAI,CAACA,aAAa;AAChB;AAAA,MACF;AAEA,YAAMC,SAASD,YAAYC;AAC3B,YAAMC,OAAOF,YAAYE;AACzB,YAAMC,OAAOH,YAAYG;AAEzB,YAAMC,YAAYH,OAAOI,eAAeN,MAAMd,IAAc;AAE5D,UAAI,CAACmB,WAAW;AACdF,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEA,YAAMC,WAAWN,KAAKO,iBAAiBL,UAAUM,MAAM;AAEvD,UAAI,CAACF,UAAU;AACbN,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEAL,WAAKI,mBAAmBE,QAAQ;AAEhC,YAAMG,MACJR,KAAKS,YAAYb,MAAMc,QAAQ,KAC/BV,KAAKW,UAAU;AAAA,QACbC,IAAIhB,MAAMc;AAAAA,QACVG,OAAOZ,UAAUY;AAAAA,QACjBC,OAAO,CAAC,GAAClB,uBAAMmB,YAANnB,qBAAgBA,WAAMmB,YAANnB,mBAAeoB,UAAS,OAAxCpB,mBAA4CqB,SAA5CrB,mBAAkDkB;AAAAA,QAC3DI,WAAWtB;AAAAA,QACXA,OAAOK;AAAAA,MACT,CAAC;AAEHD,WAAKmB,UAAUX,GAAG;AAAA,IACpB,GACA;AAAA,MAAEY,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AAAA,UAAAC;AACX,aAAAC,IAAAA,YAAAC,MAAAA,kBAAA;AAAA,QAAA,uBAEyBrC,YAAYsC;AAAAA,QAAmB,sBAChCtC,YAAYuC;AAAAA,QAAkB,wBAC5BvC,YAAYwC;AAAAA,QAAoB,yBAEpDxC,YAAYyC;AAAAA,QAAqB,6BAERzC,YAAY0C;AAAAA,QAAyB,QAC1D1C,YAAY2C;AAAAA,SAAIvD,QAAA+C,QAErBS,IAAU,WAACvC,OAAO,SAAS,CAAC,IAAA8B,QAAA;AAAA,QAAAU,SAAAA,MAAA,CAAAV,KAAA;AAAA,MAAA,CAAA;AAAA;EAIrC;AACF,CAAC;;"}
1	+ {"version":3,"file":"system-provider.js","sources":["../../../../../src/components/basic/system-provider/system-provider.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n renderSlot,\n unref,\n useSlots,\n watch,\n} from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { Components } from \"@maketribe/dm\";\nimport { MSAppClient } from \"../../../core\";\nimport { MKConfigProvider } from \"../config-provider\";\n\n/*\n 路由变动的几种情况，\n * 1.点击菜单跳转陆游\n * 2.特定业务逻辑需要跳转路由\n * 3.返回上一页\n * 4.刷新页面\n */\n\nexport default defineComponent({\n name: \"MKSystemProvider\",\n setup() {\n const vueRouter = useRouter();\n\n const msAppClient = MSAppClient.instance!;\n\n const ready = computed(() => msAppClient.ready);\n\n const slots = useSlots();\n\n watch(\n computed(() => unref(vueRouter.currentRoute)),\n (route) => {\n const userSession = msAppClient.userSession;\n\n if (!userSession) {\n return;\n }\n\n const router = userSession.router;\n const menu = userSession.menu;\n const tabs = userSession.tabs;\n\n const routeInfo = router.getRouteByName(route.name as string);\n\n if (!routeInfo) {\n menu.setCurrentMenuNode(null);\n tabs.setCurrentTab(null);\n return;\n }\n\n const menuNode = menu.findMenuNodeByID(routeInfo.menuId);\n\n if (!menuNode) {\n menu.setCurrentMenuNode(null);\n tabs.setCurrentTab(null);\n return;\n }\n\n menu.setCurrentMenuNode(menuNode);\n\n const tab =\n tabs.findTabByID(route.fullPath) ??\n tabs.createTab({\n id: route.fullPath,\n title: routeInfo.title,\n affix: !!route.matched?.[route.matched?.length - 1]?.meta?.affix,\n realRoute: route,\n route: routeInfo,\n });\n\n tabs.switchTab(tab);\n },\n { immediate: true }\n );\n\n return () => {\n return (\n <MKConfigProvider\n dataTableComponents={msAppClient.dataTableComponents as Components}\n dataFormComponents={msAppClient.dataFormComponents as Components}\n dataFilterComponents={msAppClient.dataFilterComponents as Components}\n whereFilterComponents={\n msAppClient.whereFilterComponents as Components\n }\n dataTableHeaderComponents={msAppClient.dataTableHeaderComponents as Components}\n i18n={msAppClient.i18n}\n >\n {renderSlot(slots, \"default\")}\n </MKConfigProvider>\n );\n };\n },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","setup","vueRouter","useRouter","msAppClient","MSAppClient","instance","computed","ready","slots","useSlots","watch","unref","currentRoute","route","userSession","router","menu","tabs","routeInfo","getRouteByName","setCurrentMenuNode","setCurrentTab","menuNode","findMenuNodeByID","menuId","tab","findTabByID","fullPath","createTab","id","title","affix","matched","length","meta","realRoute","switchTab","immediate","_slot","_createVNode","MKConfigProvider","dataTableComponents","dataFormComponents","dataFilterComponents","whereFilterComponents","dataTableHeaderComponents","i18n","renderSlot","default"],"mappings":";;;;;;;;;;AAaA,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAQA,MAAeM,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,cAAcC,YAAW,YAACC;AAElBC,iBAAS,MAAMH,YAAYI,KAAK;AAE9C,UAAMC,QAAQC,IAAAA;AAEdC,QAAK,MACHJ,IAAQ,SAAC,MAAMK,IAAK,MAACV,YAAUW,YAAY,CAAC,GAC3CC,WAAU;;AACT,YAAMC,cAAcX,YAAYW;AAEhC,UAAI,CAACA,aAAa;AAChB;AAAA,MACF;AAEA,YAAMC,SAASD,YAAYC;AAC3B,YAAMC,OAAOF,YAAYE;AACzB,YAAMC,OAAOH,YAAYG;AAEzB,YAAMC,YAAYH,OAAOI,eAAeN,MAAMd,IAAc;AAE5D,UAAI,CAACmB,WAAW;AACdF,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEA,YAAMC,WAAWN,KAAKO,iBAAiBL,UAAUM,MAAM;AAEvD,UAAI,CAACF,UAAU;AACbN,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEAL,WAAKI,mBAAmBE,QAAQ;AAEhC,YAAMG,MACJR,KAAKS,YAAYb,MAAMc,QAAQ,KAC/BV,KAAKW,UAAU;AAAA,QACbC,IAAIhB,MAAMc;AAAAA,QACVG,OAAOZ,UAAUY;AAAAA,QACjBC,OAAO,CAAC,GAAClB,uBAAMmB,YAANnB,qBAAgBA,WAAMmB,YAANnB,mBAAeoB,UAAS,OAAxCpB,mBAA4CqB,SAA5CrB,mBAAkDkB;AAAAA,QAC3DI,WAAWtB;AAAAA,QACXA,OAAOK;AAAAA,MACT,CAAC;AAEHD,WAAKmB,UAAUX,GAAG;AAAA,IACpB,GACA;AAAA,MAAEY,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AAAA,UAAAC;AACX,aAAAC,IAAAA,YAAAC,MAAAA,kBAAA;AAAA,QAAA,uBAEyBrC,YAAYsC;AAAAA,QAAmB,sBAChCtC,YAAYuC;AAAAA,QAAkB,wBAC5BvC,YAAYwC;AAAAA,QAAoB,yBAEpDxC,YAAYyC;AAAAA,QAAqB,6BAERzC,YAAY0C;AAAAA,QAAyB,QAC1D1C,YAAY2C;AAAAA,SAAIvD,QAAA+C,QAErBS,IAAU,WAACvC,OAAO,SAAS,CAAC,IAAA8B,QAAA;AAAA,QAAAU,SAAAA,MAAA,CAAAV,KAAA;AAAA,MAAA,CAAA;AAAA;EAIrC;AACF,CAAC;;"}

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

@@ -11,7 +11,7 @@ class WebFileUploadContext extends UploadContext.UploadContext {
     super();
     __publicField(this, "webFileUpload");
     __publicField(this, "accept");
-    this.accept = options.accept || "";
+    this.accept = options.accept || "image/*";
     this.webFileUpload = options.webFileUpload ?? new request.WebFileUpload();
   }
   setAccept(accept) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../../src/components/basic/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\r\nimport { UploadContext, UploadResult } from \"./UploadContext\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\nexport type WebFileUploadContextOptions = {\r\n webFileUpload?: WebFileUpload;\r\n accept?: string;\r\n};\r\n\r\nexport class WebFileUploadContext extends UploadContext {\r\n webFileUpload: WebFileUpload;\r\n accept: string;\r\n\r\n constructor(options: WebFileUploadContextOptions = {}) {\r\n super();\r\n\r\n this.accept = options.accept \|\| \"\";\r\n\r\n this.webFileUpload = options.webFileUpload ?? new WebFileUpload();\r\n }\r\n\r\n setAccept(accept: string) {\r\n this.accept = accept;\r\n }\r\n\r\n setWebFileUpload(webFileUpload: WebFileUpload) {\r\n this.webFileUpload = webFileUpload;\r\n }\r\n\r\n async selectFile(): Promise<UploadResult> {\r\n const file = await fileSelect({ accept: this.accept });\r\n\r\n if (!file) {\r\n return { success: true, path: \"\", msg: \"\" };\r\n }\r\n\r\n const response = await this.webFileUpload.upload(file);\r\n\r\n return {\r\n success: response.data.code === 200,\r\n path: response.data.data.path,\r\n msg: response.data.msg,\r\n };\r\n }\r\n}\r\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;;"}
1	+ {"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../../src/components/basic/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\r\nimport { UploadContext, UploadResult } from \"./UploadContext\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\nexport type WebFileUploadContextOptions = {\r\n webFileUpload?: WebFileUpload;\r\n accept?: string;\r\n};\r\n\r\nexport class WebFileUploadContext extends UploadContext {\r\n webFileUpload: WebFileUpload;\r\n accept: string;\r\n\r\n constructor(options: WebFileUploadContextOptions = {}) {\r\n super();\r\n\r\n this.accept = options.accept \|\| \"image/*\";\r\n\r\n this.webFileUpload = options.webFileUpload ?? new WebFileUpload();\r\n }\r\n\r\n setAccept(accept: string) {\r\n this.accept = accept;\r\n }\r\n\r\n setWebFileUpload(webFileUpload: WebFileUpload) {\r\n this.webFileUpload = webFileUpload;\r\n }\r\n\r\n async selectFile(): Promise<UploadResult> {\r\n const file = await fileSelect({ accept: this.accept });\r\n\r\n if (!file) {\r\n return { success: true, path: \"\", msg: \"\" };\r\n }\r\n\r\n const response = await this.webFileUpload.upload(file);\r\n\r\n return {\r\n success: response.data.code === 200,\r\n path: response.data.data.path,\r\n msg: response.data.msg,\r\n };\r\n }\r\n}\r\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-file/upload-file.js CHANGED Viewed

@@ -30,7 +30,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
     },
     icon: {
       type: String,
-      default: "Plus"
+      default: "ep:plus"
     }
   },
   emits: ["update:modelValue", "view", "delete"],
@@ -91,7 +91,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
         content = vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
           "class": "mk-upload-file-ui-item__file"
         }, [vue.createVNode(index.MKSvgIcon, {
-          "iconClass": getFileIconBySuffix(props.modelValue).icon
+          "name": getFileIconBySuffix(props.modelValue).icon
         }, null), vue.createVNode("div", {
           "class": "mk-upload-file-ui-item__file__name"
         }, [getFileIconBySuffix(props.modelValue).suffix])]), vue.createVNode("div", {
@@ -100,7 +100,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
           "content": "删除"
         }, {
           default: () => [vue.createVNode(index.MKSvgIcon, {
-            "iconClass": "Delete",
+            "name": "ep:delete",
             "onClick": handleDelete
           }, null)]
         })])]);
@@ -108,7 +108,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
         content = vue.createVNode("div", {
           "class": "mk-upload-file-ui-item__wrapper__desc"
         }, [vue.createVNode(index.MKSvgIcon, {
-          "iconClass": props.icon,
+          "name": props.icon,
           "class": "mk-upload-file-ui-item__wrapper__desc__icon"
         }, null), vue.createVNode("span", {
           "class": "mk-upload-file-ui-item__wrapper__desc__text"

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

	@@ -1 +1 @@
1	- {"version":3,"file":"upload-file.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-file/upload-file.tsx"],"sourcesContent":["import {\r\n Fragment,\r\n Ref,\r\n VNode,\r\n computed,\r\n defineComponent,\r\n ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadFileUiEmits, uploadFileUiProps } from \"./upload-file-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadFileItem = defineComponent({\r\n name: \"MKUploadFileItem\",\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: \"\",\r\n },\r\n uploadContext: {\r\n type: UploadContext,\r\n required: true,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"Plus\",\r\n }\r\n },\r\n emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n setup(props, { emit }) {\r\n const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> \| null> =\r\n ref(null);\r\n\r\n const imageInstance: Ref<InstanceType<typeof ElImage> \| null> = ref(null);\r\n\r\n const currentFileName: Ref<string> = ref(\"\")\r\n\r\n const modelValue = computed({\r\n get: () => props.modelValue as string,\r\n set: (v: string) => {\r\n emit(\"update:modelValue\", v);\r\n },\r\n });\r\n\r\n\r\n\r\n const getFileIconBySuffix = (v: string) => {\r\n const index = v.lastIndexOf('.');\r\n const indexBias = v.lastIndexOf('/');\r\n const icon = [\"html\", \"apk\", \"eps\", \"ppt\", \"xml\", \"pdf\", \"exe\", \"psd\", \"visio\", \"xls\", \"doc\", \"txt\", \"dll\", \"tiff\", \"bmp\", \"audio\"]\r\n const zipIcon = [\"zip\", \"rar\", \"zip\", \"tar\", \"gz\", \"bz2\", \"7z\"]\r\n const suffixIcon = v.substring(index + 1)\r\n const suffix = v.substring(indexBias + 1)\r\n if (icon.includes(suffixIcon)) {\r\n return {\r\n icon: suffixIcon,\r\n suffix: suffix,\r\n }\r\n } else if (zipIcon.includes(suffixIcon)) {\r\n return {\r\n icon: \"yasuo\",\r\n suffix: suffix\r\n }\r\n } else {\r\n return {\r\n icon: \"weizhiwenjian\",\r\n suffix: suffix\r\n }\r\n }\r\n }\r\n\r\n const handleUpdateModelValue = (v: string) => {\r\n modelValue.value = v;\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (unref(modelValue)) {\r\n return;\r\n }\r\n\r\n unref(uploadFileInstance)?.handleUpload();\r\n };\r\n\r\n const handleDelete = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n // modelValue.value = \"\";\r\n emit(\"delete\", unref(modelValue));\r\n };\r\n\r\n return () => {\r\n let content;\r\n\r\n if (unref(modelValue)) {\r\n content = (\r\n <Fragment>\r\n <div class=\"mk-upload-file-ui-item__file\">\r\n <MKSvgIcon iconClass={getFileIconBySuffix(props.modelValue).icon} />\r\n <div class=\"mk-upload-file-ui-item__file__name\">\r\n {getFileIconBySuffix(props.modelValue).suffix}\r\n </div>\r\n </div>\r\n\r\n <div class=\"mk-upload-file-ui-item__mask\">\r\n <ElTooltip content=\"删除\">\r\n <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n </ElTooltip>\r\n </div>\r\n </Fragment>\r\n );\r\n } else {\r\n content = <div class=\"mk-upload-file-ui-item__wrapper__desc\">\r\n <MKSvgIcon iconClass={props.icon} class=\"mk-upload-file-ui-item__wrapper__desc__icon\" />\r\n <span class=\"mk-upload-file-ui-item__wrapper__desc__text\">点击上传文件</span>\r\n </div>;\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-file-ui-item\" style={{ width: props.width, height: props.height }}>\r\n <MKUploadFile\r\n modelValue={props.modelValue}\r\n onUpdate:modelValue={handleUpdateModelValue}\r\n uploadContext={props.uploadContext}\r\n ref={\r\n ((el: InstanceType<typeof MKUploadFile>) =>\r\n (uploadFileInstance.value = el)) as any\r\n }\r\n >\r\n <div class=\"mk-upload-file-ui-item__wrapper\" onClick={handleClick}>\r\n {content}\r\n </div>\r\n </MKUploadFile>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n\r\nexport default defineComponent({\r\n name: \"MKUploadFile\",\r\n props: uploadFileUiProps,\r\n emits: uploadFileUiEmits,\r\n setup(props, { emit }) {\r\n const modelValue = computed({\r\n get: () => props.modelValue as string[] \| string,\r\n set: (v: string[] \| string) => emit(\"update:modelValue\", v),\r\n });\r\n\r\n const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n const multiple = computed(() => props.multiple);\r\n\r\n const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n watch(\r\n computed(() => [unref(modelValue), unref(multiple)]),\r\n ([value, multiple]) => {\r\n if (multiple && !Array.isArray(value)) {\r\n modelValue.value = [];\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n\r\n const handleDelete = (src: string) => {\r\n if (!unref(multiple)) {\r\n modelValue.value = \"\";\r\n return;\r\n }\r\n\r\n const index = unref(modelValue).indexOf(src);\r\n\r\n if (index === -1) {\r\n return;\r\n }\r\n\r\n (modelValue.value as string[]).splice(index, 1);\r\n };\r\n\r\n const handleShowImageViewer = (src: string) => {\r\n isShowImageViewer.value = true;\r\n currentImageSrc.value = src;\r\n };\r\n\r\n const handleCloseImageViewer = () => {\r\n isShowImageViewer.value = false;\r\n };\r\n\r\n const handleAppendImage = (src: string) => {\r\n const _value = unref(modelValue);\r\n\r\n if (Array.isArray(_value)) {\r\n _value.push(src);\r\n }\r\n };\r\n\r\n return () => {\r\n const _multiple = unref(multiple);\r\n\r\n let content;\r\n\r\n if (!_multiple) {\r\n content = (\r\n <MKUploadFileItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={unref(modelValue) as string}\r\n onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n );\r\n } else {\r\n let images: VNode[] \| null = null;\r\n\r\n if (Array.isArray(unref(modelValue))) {\r\n images = (unref(modelValue) as string[]).map((src) => (\r\n <MKUploadFileItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={src}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n ));\r\n }\r\n\r\n content = (\r\n <Fragment>\r\n {images}\r\n <MKUploadFileItem\r\n onUpdate:modelValue={handleAppendImage}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n </Fragment>\r\n );\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-file-ui\" style={{ width: _multiple ? \"\" : props.width }}>\r\n {content}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["MKUploadFileItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","computed","get","set","v","getFileIconBySuffix","index","lastIndexOf","indexBias","zipIcon","suffixIcon","substring","suffix","includes","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleDelete","content","_createVNode","_Fragment","MKSvgIcon","ElTooltip","_createTextVNode","MKUploadFile","el","uploadFileUiProps","uploadFileUiEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","indexOf","splice","handleShowImageViewer","handleAppendImage","_value","push","_multiple","images","map"],"mappings":"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"}
1	+ {"version":3,"file":"upload-file.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-file/upload-file.tsx"],"sourcesContent":["import {\r\n Fragment,\r\n Ref,\r\n VNode,\r\n computed,\r\n defineComponent,\r\n ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadFileUiEmits, uploadFileUiProps } from \"./upload-file-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadFileItem = defineComponent({\r\n name: \"MKUploadFileItem\",\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: \"\",\r\n },\r\n uploadContext: {\r\n type: UploadContext,\r\n required: true,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"ep:plus\",\r\n }\r\n },\r\n emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n setup(props, { emit }) {\r\n const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> \| null> =\r\n ref(null);\r\n\r\n const imageInstance: Ref<InstanceType<typeof ElImage> \| null> = ref(null);\r\n\r\n const currentFileName: Ref<string> = ref(\"\")\r\n\r\n const modelValue = computed({\r\n get: () => props.modelValue as string,\r\n set: (v: string) => {\r\n emit(\"update:modelValue\", v);\r\n },\r\n });\r\n\r\n\r\n\r\n const getFileIconBySuffix = (v: string) => {\r\n const index = v.lastIndexOf('.');\r\n const indexBias = v.lastIndexOf('/');\r\n // TODO 需要处理\r\n const icon = [\"html\", \"apk\", \"eps\", \"ppt\", \"xml\", \"pdf\", \"exe\", \"psd\", \"visio\", \"xls\", \"doc\", \"txt\", \"dll\", \"tiff\", \"bmp\", \"audio\"]\r\n const zipIcon = [\"zip\", \"rar\", \"zip\", \"tar\", \"gz\", \"bz2\", \"7z\"]\r\n const suffixIcon = v.substring(index + 1)\r\n const suffix = v.substring(indexBias + 1)\r\n if (icon.includes(suffixIcon)) {\r\n return {\r\n icon: suffixIcon,\r\n suffix: suffix,\r\n }\r\n } else if (zipIcon.includes(suffixIcon)) {\r\n return {\r\n icon: \"yasuo\",\r\n suffix: suffix\r\n }\r\n } else {\r\n return {\r\n icon: \"weizhiwenjian\",\r\n suffix: suffix\r\n }\r\n }\r\n }\r\n\r\n const handleUpdateModelValue = (v: string) => {\r\n modelValue.value = v;\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (unref(modelValue)) {\r\n return;\r\n }\r\n\r\n unref(uploadFileInstance)?.handleUpload();\r\n };\r\n\r\n const handleDelete = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n // modelValue.value = \"\";\r\n emit(\"delete\", unref(modelValue));\r\n };\r\n\r\n return () => {\r\n let content;\r\n\r\n if (unref(modelValue)) {\r\n content = (\r\n <Fragment>\r\n <div class=\"mk-upload-file-ui-item__file\">\r\n <MKSvgIcon name={getFileIconBySuffix(props.modelValue).icon} />\r\n <div class=\"mk-upload-file-ui-item__file__name\">\r\n {getFileIconBySuffix(props.modelValue).suffix}\r\n </div>\r\n </div>\r\n\r\n <div class=\"mk-upload-file-ui-item__mask\">\r\n <ElTooltip content=\"删除\">\r\n <MKSvgIcon name=\"ep:delete\" onClick={handleDelete} />\r\n </ElTooltip>\r\n </div>\r\n </Fragment>\r\n );\r\n } else {\r\n content = <div class=\"mk-upload-file-ui-item__wrapper__desc\">\r\n <MKSvgIcon name={props.icon} class=\"mk-upload-file-ui-item__wrapper__desc__icon\" />\r\n <span class=\"mk-upload-file-ui-item__wrapper__desc__text\">点击上传文件</span>\r\n </div>;\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-file-ui-item\" style={{ width: props.width, height: props.height }}>\r\n <MKUploadFile\r\n modelValue={props.modelValue}\r\n onUpdate:modelValue={handleUpdateModelValue}\r\n uploadContext={props.uploadContext}\r\n ref={\r\n ((el: InstanceType<typeof MKUploadFile>) =>\r\n (uploadFileInstance.value = el)) as any\r\n }\r\n >\r\n <div class=\"mk-upload-file-ui-item__wrapper\" onClick={handleClick}>\r\n {content}\r\n </div>\r\n </MKUploadFile>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n\r\nexport default defineComponent({\r\n name: \"MKUploadFile\",\r\n props: uploadFileUiProps,\r\n emits: uploadFileUiEmits,\r\n setup(props, { emit }) {\r\n const modelValue = computed({\r\n get: () => props.modelValue as string[] \| string,\r\n set: (v: string[] \| string) => emit(\"update:modelValue\", v),\r\n });\r\n\r\n const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n const multiple = computed(() => props.multiple);\r\n\r\n const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n watch(\r\n computed(() => [unref(modelValue), unref(multiple)]),\r\n ([value, multiple]) => {\r\n if (multiple && !Array.isArray(value)) {\r\n modelValue.value = [];\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n\r\n const handleDelete = (src: string) => {\r\n if (!unref(multiple)) {\r\n modelValue.value = \"\";\r\n return;\r\n }\r\n\r\n const index = unref(modelValue).indexOf(src);\r\n\r\n if (index === -1) {\r\n return;\r\n }\r\n\r\n (modelValue.value as string[]).splice(index, 1);\r\n };\r\n\r\n const handleShowImageViewer = (src: string) => {\r\n isShowImageViewer.value = true;\r\n currentImageSrc.value = src;\r\n };\r\n\r\n const handleCloseImageViewer = () => {\r\n isShowImageViewer.value = false;\r\n };\r\n\r\n const handleAppendImage = (src: string) => {\r\n const _value = unref(modelValue);\r\n\r\n if (Array.isArray(_value)) {\r\n _value.push(src);\r\n }\r\n };\r\n\r\n return () => {\r\n const _multiple = unref(multiple);\r\n\r\n let content;\r\n\r\n if (!_multiple) {\r\n content = (\r\n <MKUploadFileItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={unref(modelValue) as string}\r\n onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n );\r\n } else {\r\n let images: VNode[] \| null = null;\r\n\r\n if (Array.isArray(unref(modelValue))) {\r\n images = (unref(modelValue) as string[]).map((src) => (\r\n <MKUploadFileItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={src}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n ));\r\n }\r\n\r\n content = (\r\n <Fragment>\r\n {images}\r\n <MKUploadFileItem\r\n onUpdate:modelValue={handleAppendImage}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n </Fragment>\r\n );\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-file-ui\" style={{ width: _multiple ? \"\" : props.width }}>\r\n {content}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["MKUploadFileItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","computed","get","set","v","getFileIconBySuffix","index","lastIndexOf","indexBias","zipIcon","suffixIcon","substring","suffix","includes","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleDelete","content","_createVNode","_Fragment","MKSvgIcon","ElTooltip","_createTextVNode","MKUploadFile","el","uploadFileUiProps","uploadFileUiEmits","currentImageSrc","multiple","isShowImageViewer","watch","Array","isArray","immediate","src","indexOf","splice","handleShowImageViewer","handleAppendImage","_value","push","_multiple","images","map"],"mappings":"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"}

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

@@ -27,7 +27,7 @@ const uploadImageProps = utils.buildProps({
   },
   icon: {
     type: String,
-    default: "Picture"
+    default: "clarity:picture-solid"
   }
 });
 const uploadImageEmits = {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"upload-image-options.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { WebFileUploadContext, UploadContext } from \"../../context\";\r\n\r\nexport const uploadImageProps = buildProps({\r\n uploadContext: {\r\n type: UploadContext,\r\n default: () => new WebFileUploadContext(),\r\n },\r\n modelValue: {\r\n type: [String, Array<String>],\r\n },\r\n multiple: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"~~Picture~~\",\r\n }\r\n} as const);\r\n\r\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\r\n\r\nexport const uploadImageEmits = {\r\n \"update:modelValue\": (path: string \| string[]) => true,\r\n};\r\n\r\nexport type UploadImageEmits = typeof uploadImageEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,eAAe;AAAA,IACb,MAAMC,cAAA;AAAA,IACN,SAAS,MAAM,IAAIC,0CAAqB;AAAA,EAC1C;AAAA,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,KAAa;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,mBAAmB;AAAA,EAC9B,qBAAqB,CAAC,SAA4B;AACpD;;;"}
1	+ {"version":3,"file":"upload-image-options.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { WebFileUploadContext, UploadContext } from \"../../context\";\r\n\r\nexport const uploadImageProps = buildProps({\r\n uploadContext: {\r\n type: UploadContext,\r\n default: () => new WebFileUploadContext(),\r\n },\r\n modelValue: {\r\n type: [String, Array<String>],\r\n },\r\n multiple: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"clarity:picture-solid\",\r\n }\r\n} as const);\r\n\r\nexport type UploadImageProps = ExtractPropTypes<typeof uploadImageProps>;\r\n\r\nexport const uploadImageEmits = {\r\n \"update:modelValue\": (path: string \| string[]) => true,\r\n};\r\n\r\nexport type UploadImageEmits = typeof uploadImageEmits;\r\n"],"names":["buildProps","UploadContext","WebFileUploadContext"],"mappings":";;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,eAAe;AAAA,IACb,MAAMC,cAAA;AAAA,IACN,SAAS,MAAM,IAAIC,0CAAqB;AAAA,EAC1C;AAAA,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,KAAa;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,mBAAmB;AAAA,EAC9B,qBAAqB,CAAC,SAA4B;AACpD;;;"}

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

@@ -30,7 +30,7 @@ const MKUploadImageItem = /* @__PURE__ */ vue.defineComponent({
     },
     icon: {
       type: String,
-      default: "Plus"
+      default: "teenyicons:add-outline"
     }
   },
   emits: ["update:modelValue", "view", "delete"],
@@ -78,20 +78,20 @@ const MKUploadImageItem = /* @__PURE__ */ vue.defineComponent({
           "content": "查看"
         }, {
           default: () => [vue.createVNode(index.MKSvgIcon, {
-            "iconClass": "View",
+            "name": "ep:view",
             "onClick": handleView
           }, null)]
         }), vue.createVNode(elementPlus.ElTooltip, {
           "content": "删除"
         }, {
           default: () => [vue.createVNode(index.MKSvgIcon, {
-            "iconClass": "Delete",
+            "name": "material-symbols:delete-outline",
             "onClick": handleDelete
           }, null)]
         })])]);
       } else {
         content = vue.createVNode(index.MKSvgIcon, {
-          "iconClass": props.icon
+          "name": props.icon
         }, null);
       }
       return vue.createVNode("div", {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\r\n Fragment,\r\n Ref,\r\n VNode,\r\n computed,\r\n defineComponent,\r\n ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadImageItem = defineComponent({\r\n name: \"MKUploadImageItem\",\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: \"\",\r\n },\r\n uploadContext: {\r\n type: UploadContext,\r\n required: true,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"Plus\",\r\n }\r\n },\r\n emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n setup(props, { emit }) {\r\n const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> \| null> =\r\n ref(null);\r\n\r\n const imageInstance: Ref<InstanceType<typeof ElImage> \| null> = ref(null);\r\n\r\n const modelValue = computed({\r\n get: () => props.modelValue as string,\r\n set: (v: string) => {\r\n emit(\"update:modelValue\", v);\r\n },\r\n });\r\n const handleUpdateModelValue = (v: string) => {\r\n modelValue.value = v;\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (unref(modelValue)) {\r\n return;\r\n }\r\n\r\n unref(uploadFileInstance)?.handleUpload();\r\n };\r\n\r\n const handleView = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n emit(\"view\", unref(modelValue));\r\n };\r\n\r\n const handleDelete = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n // modelValue.value = \"\";\r\n emit(\"delete\", unref(modelValue));\r\n };\r\n\r\n return () => {\r\n let content;\r\n\r\n if (unref(modelValue)) {\r\n content = (\r\n <Fragment>\r\n <ElImage ref={\r\n ((el: InstanceType<typeof ElImage>) =>\r\n (imageInstance.value = el)) as any\r\n }\r\n src={unref(modelValue)}\r\n class=\"mk-upload-image-item__image\"\r\n fit=\"contain\"\r\n />\r\n\r\n <div class=\"mk-upload-image-item__mask\">\r\n <ElTooltip content=\"查看\">\r\n <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n </ElTooltip>\r\n <ElTooltip content=\"删除\">\r\n <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n </ElTooltip>\r\n </div>\r\n </Fragment>\r\n );\r\n } else {\r\n content = <MKSvgIcon iconClass={props.icon} />;\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-image-item\" style={{ width: props.width, height: props.height }}>\r\n <MKUploadFile\r\n modelValue={props.modelValue}\r\n onUpdate:modelValue={handleUpdateModelValue}\r\n uploadContext={props.uploadContext}\r\n ref={\r\n ((el: InstanceType<typeof MKUploadFile>) =>\r\n (uploadFileInstance.value = el)) as any\r\n }\r\n >\r\n <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\r\n {content}\r\n </div>\r\n </MKUploadFile>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n\r\nexport default defineComponent({\r\n name: \"MKUploadImage\",\r\n props: uploadImageProps,\r\n emits: uploadImageEmits,\r\n setup(props, { emit }) {\r\n const modelValue = computed({\r\n get: () => props.modelValue as string[] \| string,\r\n set: (v: string[] \| string) => emit(\"update:modelValue\", v),\r\n });\r\n\r\n const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n const multiple = computed(() => props.multiple);\r\n\r\n const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n watch(\r\n computed(() => [unref(modelValue), unref(multiple)]),\r\n ([value, multiple]) => {\r\n if (multiple && !Array.isArray(value)) {\r\n modelValue.value = [];\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n\r\n const handleDelete = (src: string) => {\r\n if (!unref(multiple)) {\r\n modelValue.value = \"\";\r\n return;\r\n }\r\n\r\n const index = unref(modelValue).indexOf(src);\r\n\r\n if (index === -1) {\r\n return;\r\n }\r\n\r\n (modelValue.value as string[]).splice(index, 1);\r\n };\r\n\r\n const handleShowImageViewer = (src: string) => {\r\n isShowImageViewer.value = true;\r\n currentImageSrc.value = src;\r\n };\r\n\r\n const handleCloseImageViewer = () => {\r\n isShowImageViewer.value = false;\r\n };\r\n\r\n const handleAppendImage = (src: string) => {\r\n const _value = unref(modelValue);\r\n\r\n if (Array.isArray(_value)) {\r\n _value.push(src);\r\n }\r\n };\r\n\r\n return () => {\r\n const _multiple = unref(multiple);\r\n let content;\r\n\r\n if (!_multiple) {\r\n content = (\r\n <MKUploadImageItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={unref(modelValue) as string}\r\n onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n );\r\n } else {\r\n let images: VNode[] \| null = null;\r\n\r\n if (Array.isArray(unref(modelValue))) {\r\n images = (unref(modelValue) as string[]).map((src) => (\r\n <MKUploadImageItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={src}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n ));\r\n }\r\n\r\n content = (\r\n <Fragment>\r\n {images}\r\n <MKUploadImageItem\r\n onUpdate:modelValue={handleAppendImage}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n </Fragment>\r\n );\r\n }\r\n\r\n const imageViewer = unref(isShowImageViewer) ? (\r\n <ElImageViewer teleported zIndex={99}\r\n onClose={handleCloseImageViewer}\r\n urlList={[unref(currentImageSrc)]}\r\n />\r\n ) : null;\r\n\r\n return (\r\n <div class=\"mk-upload-image\" style={{ width: !_multiple ? \"\" : props.width }}>\r\n {content}\r\n {imageViewer}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","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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"}
1	+ {"version":3,"file":"upload-image.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-image/upload-image.tsx"],"sourcesContent":["import {\r\n Fragment,\r\n Ref,\r\n VNode,\r\n computed,\r\n defineComponent,\r\n ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadImageEmits, uploadImageProps } from \"./upload-image-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadImageItem = defineComponent({\r\n name: \"MKUploadImageItem\",\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: \"\",\r\n },\r\n uploadContext: {\r\n type: UploadContext,\r\n required: true,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"teenyicons:add-outline\",\r\n }\r\n },\r\n emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n setup(props, { emit }) {\r\n const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> \| null> =\r\n ref(null);\r\n\r\n const imageInstance: Ref<InstanceType<typeof ElImage> \| null> = ref(null);\r\n\r\n const modelValue = computed({\r\n get: () => props.modelValue as string,\r\n set: (v: string) => {\r\n emit(\"update:modelValue\", v);\r\n },\r\n });\r\n const handleUpdateModelValue = (v: string) => {\r\n modelValue.value = v;\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (unref(modelValue)) {\r\n return;\r\n }\r\n\r\n unref(uploadFileInstance)?.handleUpload();\r\n };\r\n\r\n const handleView = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n emit(\"view\", unref(modelValue));\r\n };\r\n\r\n const handleDelete = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n // modelValue.value = \"\";\r\n emit(\"delete\", unref(modelValue));\r\n };\r\n\r\n return () => {\r\n let content;\r\n\r\n if (unref(modelValue)) {\r\n content = (\r\n <Fragment>\r\n <ElImage ref={\r\n ((el: InstanceType<typeof ElImage>) =>\r\n (imageInstance.value = el)) as any\r\n }\r\n src={unref(modelValue)}\r\n class=\"mk-upload-image-item__image\"\r\n fit=\"contain\"\r\n />\r\n\r\n <div class=\"mk-upload-image-item__mask\">\r\n <ElTooltip content=\"查看\">\r\n <MKSvgIcon name=\"ep:view\" onClick={handleView} />\r\n </ElTooltip>\r\n <ElTooltip content=\"删除\">\r\n <MKSvgIcon name=\"material-symbols:delete-outline\" onClick={handleDelete} />\r\n </ElTooltip>\r\n </div>\r\n </Fragment>\r\n );\r\n } else {\r\n content = <MKSvgIcon name={props.icon} />;\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-image-item\" style={{ width: props.width, height: props.height }}>\r\n <MKUploadFile\r\n modelValue={props.modelValue}\r\n onUpdate:modelValue={handleUpdateModelValue}\r\n uploadContext={props.uploadContext}\r\n ref={\r\n ((el: InstanceType<typeof MKUploadFile>) =>\r\n (uploadFileInstance.value = el)) as any\r\n }\r\n >\r\n <div class=\"mk-upload-image-item__wrapper\" onClick={handleClick}>\r\n {content}\r\n </div>\r\n </MKUploadFile>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n\r\nexport default defineComponent({\r\n name: \"MKUploadImage\",\r\n props: uploadImageProps,\r\n emits: uploadImageEmits,\r\n setup(props, { emit }) {\r\n const modelValue = computed({\r\n get: () => props.modelValue as string[] \| string,\r\n set: (v: string[] \| string) => emit(\"update:modelValue\", v),\r\n });\r\n\r\n const currentImageSrc: Ref<string> = ref(\"\");\r\n\r\n const multiple = computed(() => props.multiple);\r\n\r\n const isShowImageViewer: Ref<boolean> = ref(false);\r\n\r\n watch(\r\n computed(() => [unref(modelValue), unref(multiple)]),\r\n ([value, multiple]) => {\r\n if (multiple && !Array.isArray(value)) {\r\n modelValue.value = [];\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n\r\n const handleDelete = (src: string) => {\r\n if (!unref(multiple)) {\r\n modelValue.value = \"\";\r\n return;\r\n }\r\n\r\n const index = unref(modelValue).indexOf(src);\r\n\r\n if (index === -1) {\r\n return;\r\n }\r\n\r\n (modelValue.value as string[]).splice(index, 1);\r\n };\r\n\r\n const handleShowImageViewer = (src: string) => {\r\n isShowImageViewer.value = true;\r\n currentImageSrc.value = src;\r\n };\r\n\r\n const handleCloseImageViewer = () => {\r\n isShowImageViewer.value = false;\r\n };\r\n\r\n const handleAppendImage = (src: string) => {\r\n const _value = unref(modelValue);\r\n\r\n if (Array.isArray(_value)) {\r\n _value.push(src);\r\n }\r\n };\r\n\r\n return () => {\r\n const _multiple = unref(multiple);\r\n let content;\r\n\r\n if (!_multiple) {\r\n content = (\r\n <MKUploadImageItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={unref(modelValue) as string}\r\n onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n );\r\n } else {\r\n let images: VNode[] \| null = null;\r\n\r\n if (Array.isArray(unref(modelValue))) {\r\n images = (unref(modelValue) as string[]).map((src) => (\r\n <MKUploadImageItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={src}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n ));\r\n }\r\n\r\n content = (\r\n <Fragment>\r\n {images}\r\n <MKUploadImageItem\r\n onUpdate:modelValue={handleAppendImage}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n </Fragment>\r\n );\r\n }\r\n\r\n const imageViewer = unref(isShowImageViewer) ? (\r\n <ElImageViewer teleported zIndex={99}\r\n onClose={handleCloseImageViewer}\r\n urlList={[unref(currentImageSrc)]}\r\n />\r\n ) : null;\r\n\r\n return (\r\n <div class=\"mk-upload-image\" style={{ width: !_multiple ? \"\" : props.width }}>\r\n {content}\r\n {imageViewer}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["MKUploadImageItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","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/ui/upload-video/upload-video.js CHANGED Viewed

@@ -30,7 +30,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
     },
     icon: {
       type: String,
-      default: "Plus"
+      default: "ep:plus"
     }
   },
   emits: ["update:modelValue", "view", "delete"],
@@ -71,21 +71,21 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
         content = vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
           "class": "mk-upload-video-item__file"
         }, [vue.createVNode(index.MKSvgIcon, {
-          "iconClass": "video"
+          "name": "material-symbols:video-file"
         }, null)]), vue.createVNode("div", {
           "class": "mk-upload-video-item__mask"
         }, [vue.createVNode(elementPlus.ElTooltip, {
           "content": "查看"
         }, {
           default: () => [vue.createVNode(index.MKSvgIcon, {
-            "iconClass": "View",
+            "name": "ep:view",
             "onClick": handleView
           }, null)]
         }), vue.createVNode(elementPlus.ElTooltip, {
           "content": "删除"
         }, {
           default: () => [vue.createVNode(index.MKSvgIcon, {
-            "iconClass": "Delete",
+            "name": "ep:delete",
             "onClick": handleDelete
           }, null)]
         })])]);
@@ -93,7 +93,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
         content = vue.createVNode("div", {
           "class": "mk-upload-video-item__wrapper__desc"
         }, [vue.createVNode(index.MKSvgIcon, {
-          "iconClass": props.icon,
+          "name": props.icon,
           "class": "mk-upload-video-item__wrapper__desc__icon"
         }, null), vue.createVNode("span", {
           "class": "mk-upload-video-item__wrapper__desc__text"
@@ -200,7 +200,7 @@ const UploadVideo = /* @__PURE__ */ vue.defineComponent({
         "class": "mk-upload-video-viewer"
       }, [vue.createVNode(index.MKSvgIcon, {
         "class": "mk-upload-video-viewer__close",
-        "iconClass": "Close",
+        "name": "ep:close",
         "onClick": () => isShowVideoViewer.value = false
       }, null), vue.createVNode("div", {
         "class": "mk-upload-video-viewer__mask"

package/dist/cjs/components/basic/upload-file/ui/upload-video/upload-video.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"upload-video.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-video/upload-video.tsx"],"sourcesContent":["import {\r\n Fragment,\r\n Ref,\r\n VNode,\r\n computed,\r\n defineComponent,\r\n ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadVideoEmits, uploadVideoProps } from \"./upload-video-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadFileItem = defineComponent({\r\n name: \"MKUploadFileItem\",\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: \"\",\r\n },\r\n uploadContext: {\r\n type: UploadContext,\r\n required: true,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"Plus\",\r\n }\r\n },\r\n emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n setup(props, { emit }) {\r\n const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> \| null> =\r\n ref(null);\r\n\r\n const imageInstance: Ref<InstanceType<typeof ElImage> \| null> = ref(null);\r\n\r\n const currentFileName: Ref<string> = ref(\"\")\r\n\r\n const modelValue = computed({\r\n get: () => props.modelValue as string,\r\n set: (v: string) => {\r\n emit(\"update:modelValue\", v);\r\n },\r\n });\r\n\r\n\r\n\r\n const getFileIconBySuffix = (v: string) => {\r\n const index = v.lastIndexOf('.');\r\n const indexBias = v.lastIndexOf('/');\r\n const icon = [\"html\", \"apk\", \"eps\", \"ppt\", \"xml\", \"pdf\", \"exe\", \"psd\", \"visio\", \"xls\", \"doc\", \"txt\", \"dll\", \"tiff\", \"bmp\", \"audio\"]\r\n const zipIcon = [\"zip\", \"rar\", \"zip\", \"tar\", \"gz\", \"bz2\", \"7z\"]\r\n const suffixIcon = v.substring(index + 1)\r\n const suffix = v.substring(indexBias + 1)\r\n if (icon.includes(suffixIcon)) {\r\n return {\r\n icon: suffixIcon,\r\n suffix: suffix,\r\n }\r\n } else if (zipIcon.includes(suffixIcon)) {\r\n return {\r\n icon: \"yasuo\",\r\n suffix: suffix\r\n }\r\n } else {\r\n return {\r\n icon: \"weizhiwenjian\",\r\n suffix: suffix\r\n }\r\n }\r\n }\r\n\r\n const handleUpdateModelValue = (v: string) => {\r\n modelValue.value = v;\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (unref(modelValue)) {\r\n return;\r\n }\r\n\r\n unref(uploadFileInstance)?.handleUpload();\r\n };\r\n\r\n const handleView = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n emit(\"view\", unref(modelValue));\r\n };\r\n\r\n const handleDelete = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n // modelValue.value = \"\";\r\n emit(\"delete\", unref(modelValue));\r\n };\r\n\r\n return () => {\r\n let content;\r\n\r\n if (unref(modelValue)) {\r\n content = (\r\n <Fragment>\r\n <div class=\"mk-upload-video-item__file\">\r\n <MKSvgIcon iconClass=\"video\" />\r\n </div>\r\n\r\n <div class=\"mk-upload-video-item__mask\">\r\n <ElTooltip content=\"查看\">\r\n <MKSvgIcon iconClass=\"View\" onClick={handleView} />\r\n </ElTooltip>\r\n <ElTooltip content=\"删除\">\r\n <MKSvgIcon iconClass=\"Delete\" onClick={handleDelete} />\r\n </ElTooltip>\r\n </div>\r\n </Fragment>\r\n );\r\n } else {\r\n content = <div class=\"mk-upload-video-item__wrapper__desc\">\r\n <MKSvgIcon iconClass={props.icon} class=\"mk-upload-video-item__wrapper__desc__icon\" />\r\n <span class=\"mk-upload-video-item__wrapper__desc__text\">点击上传视频</span>\r\n </div>;\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-video-item\" style={{ width: props.width, height: props.height }}>\r\n <MKUploadFile\r\n modelValue={props.modelValue}\r\n onUpdate:modelValue={handleUpdateModelValue}\r\n uploadContext={props.uploadContext}\r\n ref={\r\n ((el: InstanceType<typeof MKUploadFile>) =>\r\n (uploadFileInstance.value = el)) as any\r\n }\r\n >\r\n <div class=\"mk-upload-video-item__wrapper\" onClick={handleClick}>\r\n {content}\r\n </div>\r\n </MKUploadFile>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n\r\nexport default defineComponent({\r\n name: \"MKUploadFile\",\r\n props: uploadVideoProps,\r\n emits: uploadVideoEmits,\r\n setup(props, { emit }) {\r\n const modelValue = computed({\r\n get: () => props.modelValue as string[] \| string,\r\n set: (v: string[] \| string) => emit(\"update:modelValue\", v),\r\n });\r\n\r\n const currentVideoSrc: Ref<string> = ref(\"\");\r\n\r\n const multiple = computed(() => props.multiple);\r\n\r\n const isShowVideoViewer: Ref<boolean> = ref(false);\r\n\r\n watch(\r\n computed(() => [unref(modelValue), unref(multiple)]),\r\n ([value, multiple]) => {\r\n if (multiple && !Array.isArray(value)) {\r\n modelValue.value = [];\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n\r\n const handleDelete = (src: string) => {\r\n if (!unref(multiple)) {\r\n modelValue.value = \"\";\r\n return;\r\n }\r\n\r\n const index = unref(modelValue).indexOf(src);\r\n\r\n if (index === -1) {\r\n return;\r\n }\r\n\r\n (modelValue.value as string[]).splice(index, 1);\r\n };\r\n\r\n const handleShowImageViewer = (src: string) => {\r\n isShowVideoViewer.value = true;\r\n currentVideoSrc.value = src;\r\n };\r\n\r\n const handleCloseImageViewer = () => {\r\n isShowVideoViewer.value = false;\r\n };\r\n\r\n const handleAppendImage = (src: string) => {\r\n const _value = unref(modelValue);\r\n\r\n if (Array.isArray(_value)) {\r\n _value.push(src);\r\n }\r\n };\r\n\r\n return () => {\r\n const _multiple = unref(multiple);\r\n\r\n let content;\r\n\r\n if (!_multiple) {\r\n content = (\r\n <MKUploadFileItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={unref(modelValue) as string}\r\n onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n );\r\n } else {\r\n let images: VNode[] \| null = null;\r\n\r\n if (Array.isArray(unref(modelValue))) {\r\n images = (unref(modelValue) as string[]).map((src) => (\r\n <MKUploadFileItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={src}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n ));\r\n }\r\n\r\n content = (\r\n <Fragment>\r\n {images}\r\n <MKUploadFileItem\r\n onUpdate:modelValue={handleAppendImage}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n </Fragment>\r\n );\r\n }\r\n\r\n const videoViewer = unref(isShowVideoViewer) ? (\r\n <div class=\"mk-upload-video-viewer\" >\r\n <MKSvgIcon class=\"mk-upload-video-viewer__close\" iconClass=\"Close\" onClick={() => isShowVideoViewer.value = false}></MKSvgIcon>\r\n <div class=\"mk-upload-video-viewer__mask\"></div>\r\n <video class=\"mk-upload-video-viewer__video\" src={currentVideoSrc.value} controls></video>\r\n </div>\r\n ) : null;\r\n\r\n return (\r\n <div class=\"mk-upload-video\" style={{ width: _multiple ? \"\" : props.width }}>\r\n {content}\r\n {videoViewer}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["MKUploadFileItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","MKSvgIcon","ElTooltip","_createTextVNode","MKUploadFile","el","uploadVideoProps","uploadVideoEmits","currentVideoSrc","multiple","isShowVideoViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleAppendImage","_value","push","_multiple","images","map","videoViewer","onClick"],"mappings":"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"}
1	+ {"version":3,"file":"upload-video.js","sources":["../../../../../../../src/components/basic/upload-file/ui/upload-video/upload-video.tsx"],"sourcesContent":["import {\r\n Fragment,\r\n Ref,\r\n VNode,\r\n computed,\r\n defineComponent,\r\n ref,\r\n unref,\r\n watch,\r\n} from \"vue\";\r\nimport { ElImage, ElTooltip, ElImageViewer } from \"element-plus\";\r\nimport { MKSvgIcon } from \"../../../svg-icon\";\r\nimport { MKUploadFile } from \"../../upload-file\";\r\nimport { uploadVideoEmits, uploadVideoProps } from \"./upload-video-options\";\r\nimport { UploadContext } from \"../../context\";\r\n\r\nconst MKUploadFileItem = defineComponent({\r\n name: \"MKUploadFileItem\",\r\n props: {\r\n modelValue: {\r\n type: String,\r\n default: \"\",\r\n },\r\n uploadContext: {\r\n type: UploadContext,\r\n required: true,\r\n },\r\n width: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n height: {\r\n type: String,\r\n default: \"180px\",\r\n },\r\n icon: {\r\n type: String,\r\n default: \"ep:plus\",\r\n }\r\n },\r\n emits: [\"update:modelValue\", \"view\", \"delete\"],\r\n setup(props, { emit }) {\r\n const uploadFileInstance: Ref<InstanceType<typeof MKUploadFile> \| null> =\r\n ref(null);\r\n\r\n const imageInstance: Ref<InstanceType<typeof ElImage> \| null> = ref(null);\r\n\r\n const currentFileName: Ref<string> = ref(\"\")\r\n\r\n const modelValue = computed({\r\n get: () => props.modelValue as string,\r\n set: (v: string) => {\r\n emit(\"update:modelValue\", v);\r\n },\r\n });\r\n\r\n\r\n\r\n const getFileIconBySuffix = (v: string) => {\r\n const index = v.lastIndexOf('.');\r\n const indexBias = v.lastIndexOf('/');\r\n const icon = [\"html\", \"apk\", \"eps\", \"ppt\", \"xml\", \"pdf\", \"exe\", \"psd\", \"visio\", \"xls\", \"doc\", \"txt\", \"dll\", \"tiff\", \"bmp\", \"audio\"]\r\n const zipIcon = [\"zip\", \"rar\", \"zip\", \"tar\", \"gz\", \"bz2\", \"7z\"]\r\n const suffixIcon = v.substring(index + 1)\r\n const suffix = v.substring(indexBias + 1)\r\n if (icon.includes(suffixIcon)) {\r\n return {\r\n icon: suffixIcon,\r\n suffix: suffix,\r\n }\r\n } else if (zipIcon.includes(suffixIcon)) {\r\n return {\r\n icon: \"yasuo\",\r\n suffix: suffix\r\n }\r\n } else {\r\n return {\r\n icon: \"weizhiwenjian\",\r\n suffix: suffix\r\n }\r\n }\r\n }\r\n\r\n const handleUpdateModelValue = (v: string) => {\r\n modelValue.value = v;\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n if (unref(modelValue)) {\r\n return;\r\n }\r\n\r\n unref(uploadFileInstance)?.handleUpload();\r\n };\r\n\r\n const handleView = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n emit(\"view\", unref(modelValue));\r\n };\r\n\r\n const handleDelete = (event: MouseEvent) => {\r\n event.stopPropagation();\r\n\r\n // modelValue.value = \"\";\r\n emit(\"delete\", unref(modelValue));\r\n };\r\n\r\n return () => {\r\n let content;\r\n\r\n if (unref(modelValue)) {\r\n content = (\r\n <Fragment>\r\n <div class=\"mk-upload-video-item__file\">\r\n <MKSvgIcon name=\"material-symbols:video-file\" />\r\n </div>\r\n\r\n <div class=\"mk-upload-video-item__mask\">\r\n <ElTooltip content=\"查看\">\r\n <MKSvgIcon name=\"ep:view\" onClick={handleView} />\r\n </ElTooltip>\r\n <ElTooltip content=\"删除\">\r\n <MKSvgIcon name=\"ep:delete\" onClick={handleDelete} />\r\n </ElTooltip>\r\n </div>\r\n </Fragment>\r\n );\r\n } else {\r\n content = <div class=\"mk-upload-video-item__wrapper__desc\">\r\n <MKSvgIcon name={props.icon} class=\"mk-upload-video-item__wrapper__desc__icon\" />\r\n <span class=\"mk-upload-video-item__wrapper__desc__text\">点击上传视频</span>\r\n </div>;\r\n }\r\n\r\n return (\r\n <div class=\"mk-upload-video-item\" style={{ width: props.width, height: props.height }}>\r\n <MKUploadFile\r\n modelValue={props.modelValue}\r\n onUpdate:modelValue={handleUpdateModelValue}\r\n uploadContext={props.uploadContext}\r\n ref={\r\n ((el: InstanceType<typeof MKUploadFile>) =>\r\n (uploadFileInstance.value = el)) as any\r\n }\r\n >\r\n <div class=\"mk-upload-video-item__wrapper\" onClick={handleClick}>\r\n {content}\r\n </div>\r\n </MKUploadFile>\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n\r\nexport default defineComponent({\r\n name: \"MKUploadFile\",\r\n props: uploadVideoProps,\r\n emits: uploadVideoEmits,\r\n setup(props, { emit }) {\r\n const modelValue = computed({\r\n get: () => props.modelValue as string[] \| string,\r\n set: (v: string[] \| string) => emit(\"update:modelValue\", v),\r\n });\r\n\r\n const currentVideoSrc: Ref<string> = ref(\"\");\r\n\r\n const multiple = computed(() => props.multiple);\r\n\r\n const isShowVideoViewer: Ref<boolean> = ref(false);\r\n\r\n watch(\r\n computed(() => [unref(modelValue), unref(multiple)]),\r\n ([value, multiple]) => {\r\n if (multiple && !Array.isArray(value)) {\r\n modelValue.value = [];\r\n }\r\n },\r\n { immediate: true }\r\n );\r\n\r\n const handleDelete = (src: string) => {\r\n if (!unref(multiple)) {\r\n modelValue.value = \"\";\r\n return;\r\n }\r\n\r\n const index = unref(modelValue).indexOf(src);\r\n\r\n if (index === -1) {\r\n return;\r\n }\r\n\r\n (modelValue.value as string[]).splice(index, 1);\r\n };\r\n\r\n const handleShowImageViewer = (src: string) => {\r\n isShowVideoViewer.value = true;\r\n currentVideoSrc.value = src;\r\n };\r\n\r\n const handleCloseImageViewer = () => {\r\n isShowVideoViewer.value = false;\r\n };\r\n\r\n const handleAppendImage = (src: string) => {\r\n const _value = unref(modelValue);\r\n\r\n if (Array.isArray(_value)) {\r\n _value.push(src);\r\n }\r\n };\r\n\r\n return () => {\r\n const _multiple = unref(multiple);\r\n\r\n let content;\r\n\r\n if (!_multiple) {\r\n content = (\r\n <MKUploadFileItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={unref(modelValue) as string}\r\n onUpdate:modelValue={(value) => (modelValue.value = value)}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n );\r\n } else {\r\n let images: VNode[] \| null = null;\r\n\r\n if (Array.isArray(unref(modelValue))) {\r\n images = (unref(modelValue) as string[]).map((src) => (\r\n <MKUploadFileItem\r\n onView={handleShowImageViewer}\r\n onDelete={handleDelete}\r\n modelValue={src}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n ));\r\n }\r\n\r\n content = (\r\n <Fragment>\r\n {images}\r\n <MKUploadFileItem\r\n onUpdate:modelValue={handleAppendImage}\r\n uploadContext={props.uploadContext}\r\n width={props.width}\r\n height={props.height}\r\n icon={props.icon}\r\n />\r\n </Fragment>\r\n );\r\n }\r\n\r\n const videoViewer = unref(isShowVideoViewer) ? (\r\n <div class=\"mk-upload-video-viewer\" >\r\n <MKSvgIcon class=\"mk-upload-video-viewer__close\" name=\"ep:close\" onClick={() => isShowVideoViewer.value = false}></MKSvgIcon>\r\n <div class=\"mk-upload-video-viewer__mask\"></div>\r\n <video class=\"mk-upload-video-viewer__video\" src={currentVideoSrc.value} controls></video>\r\n </div>\r\n ) : null;\r\n\r\n return (\r\n <div class=\"mk-upload-video\" style={{ width: _multiple ? \"\" : props.width }}>\r\n {content}\r\n {videoViewer}\r\n </div>\r\n );\r\n };\r\n },\r\n});\r\n"],"names":["MKUploadFileItem","defineComponent","name","props","modelValue","type","String","default","uploadContext","UploadContext","required","width","height","icon","emits","setup","emit","uploadFileInstance","ref","computed","get","set","v","handleUpdateModelValue","value","handleClick","event","stopPropagation","unref","handleUpload","handleView","handleDelete","content","_createVNode","_Fragment","MKSvgIcon","ElTooltip","_createTextVNode","MKUploadFile","el","uploadVideoProps","uploadVideoEmits","currentVideoSrc","multiple","isShowVideoViewer","watch","Array","isArray","immediate","src","index","indexOf","splice","handleShowImageViewer","handleAppendImage","_value","push","_multiple","images","map","videoViewer","onClick"],"mappings":"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"}

package/dist/cjs/components/basic/visual-page-editor/core/Dialog.js CHANGED Viewed

@@ -10,6 +10,8 @@ require("../../../../core/DataModelDefines.js");
 require("vue-router");
 require("@maketribe/request");
 require("@maketribe/locale");
+require("../../../../store/modules/settings.js");
+require("../../../../store/modules/menu.js");
 require("../../../../modules/ms/dataviews/ms-config/MsConfigTable.js");
 require("lodash-es");
 require("../../../../modules/ms/components/material-list/index.js");

package/dist/cjs/components/basic/visual-page-editor/core/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","sources":["../../../../../../src/components/basic/visual-page-editor/core/Dialog.tsx"],"sourcesContent":["\r\nimport { Fragment, ref, unref, resolveComponent, h, reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { ElButton, ElForm, ElFormItem, ElCollapse, ElCollapseItem, ElInput } from \"element-plus\";\r\nimport { ModuleType } from \"./ModuleDefine\"\r\nimport { showDynamicFormDialoger } from \"../../dynamic-form-panel\"\r\nimport { useVisualPageEditor } from \".\"\r\n\r\n/*\r\n \r\n * @param data \r\n * @param props \r\n * @returns \r\n /\r\nexport const showEditPanel = async (moduleOptons: ModuleType, props: any) => {\r\n\r\n return await showDynamicFormDialoger(moduleOptons.title,moduleOptons.options,props)\r\n}\r\n\r\n/\r\n \r\n * @param data \r\n * @param props \r\n * @returns \r\n */\r\nexport const showModuleSelectPanel = async () => {\r\n return new Promise(resolve => {\r\n\r\n const { PageEditor } = useVisualPageEditor();\r\n\r\n const selectComponentOption = ref(null);\r\n\r\n // 取消编辑\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n };\r\n\r\n // 确认编辑\r\n const handleConfirmClick = () => {\r\n dialogInstance.destroy();\r\n resolve(selectComponentOption.value);\r\n };\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: \"模块库\",\r\n class: \"mk-html-editor-dialog\",\r\n width: \"70%\",\r\n onClose: () => {\r\n dialogInstance.destroy();\r\n },\r\n body: () => {\r\n return <div>\r\n <ElInput />\r\n <ElCollapse>\r\n <ElCollapseItem title=\"基础模块\" name=\"base\">\r\n\r\n </ElCollapseItem>\r\n <ElCollapseItem title=\"业务模块\" name=\"business\">\r\n\r\n </ElCollapseItem>\r\n <ElCollapseItem title=\"自定义模块\" name=\"custom\">\r\n\r\n </ElCollapseItem>\r\n </ElCollapse>\r\n </div>\r\n },\r\n footer: () => {\r\n return <Fragment>\r\n <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n 确定\r\n </ElButton>\r\n </Fragment>\r\n },\r\n });\r\n });\r\n}\r\n"],"names":["showEditPanel","moduleOptons","props","showDynamicFormDialoger","title","options","showModuleSelectPanel","Promise","resolve","selectComponentOption","ref","handleCancelClick","dialogInstance","destroy","handleConfirmClick","value","Dialoger","customRender","class","width","onClose","body","_createVNode","ElInput","ElCollapse","default","ElCollapseItem","footer","_Fragment","ElButton","_createTextVNode"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;~~AAcO,MAAMA,gBAAgB,OAAOC,cAA0BC,UAAe;AAE3E,SAAO,MAAMC,OAAuB,wBAACF,aAAaG,OAAMH,aAAaI,SAAQH,KAAK;AACpF;AAQaI,MAAAA,wBAAwB,YAAY;AAC/C,SAAO,IAAIC,QAAQC,aAAW;AAI5B,UAAMC,wBAAwBC,QAAI,IAAI;AAGtC,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAAA;AAIxB,UAAMC,qBAAqBA,MAAM;AAC/BF,qBAAeC,QAAO;AACtBL,cAAQC,sBAAsBM,KAAK;AAAA;AAGrC,UAAMH,iBAAiBI,GAAQ,SAACC,aAAa;AAAA,MAC3Cb,OAAO;AAAA,MACPc,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,SAASA,MAAM;AACbR,uBAAeC,QAAO;AAAA,MACvB;AAAA,MACDQ,MAAMA,MAAM;AACV,eAAAC,8BAAAA,IAAAA,YAAAC,YAAAA,SAAAD,MAAAA,IAAAA,GAAAA,gBAAAE,YAAAA,YAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,aAAAJ,IAAAA,GAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,aAAAJ,IAAAA,GAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAcD;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAL,IAAA,YAAAM,IAAA,UAAAN,MAAAA,CAAAA,IAAAA,YAAAO,YAAAA,UAAA;AAAA,UAAA,WACqBlB;AAAAA,QAAiB,GAAA;AAAA,UAAAc,SAAAA,MAAA,CAAAK,oBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFf;AAAAA,QAAkB,GAAA;AAAA,UAAAW,SAAAA,MAAA,CAAAK,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIxD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;;"}
1	+ {"version":3,"file":"Dialog.js","sources":["../../../../../../src/components/basic/visual-page-editor/core/Dialog.tsx"],"sourcesContent":["\r\nimport { Fragment, ref, unref, resolveComponent, h, reactive } from 'vue'\r\nimport { Dialoger } from '@maketribe/dm'\r\nimport { ElButton, ElForm, ElFormItem, ElCollapse, ElCollapseItem, ElInput } from \"element-plus\";\r\nimport { ModuleType } from \"./ModuleDefine\"\r\nimport { showDynamicFormDialoger } from \"../../dynamic-form-panel\"\r\nimport { useVisualPageEditor } from \".\"\r\n\r\n/*\r\n \r\n * @param data \r\n * @param props \r\n * @returns \r\n /\r\nexport const showEditPanel = async (moduleOptons: ModuleType, props: any) => {\r\n\r\n return await showDynamicFormDialoger(moduleOptons.title,moduleOptons.options,props)\r\n}\r\n\r\n/\r\n \r\n * @param data \r\n * @param props \r\n * @returns \r\n */\r\nexport const showModuleSelectPanel = async () => {\r\n return new Promise(resolve => {\r\n\r\n const { PageEditor } = useVisualPageEditor();\r\n\r\n const selectComponentOption = ref(null);\r\n\r\n // 取消编辑\r\n const handleCancelClick = () => {\r\n dialogInstance.destroy();\r\n };\r\n\r\n // 确认编辑\r\n const handleConfirmClick = () => {\r\n dialogInstance.destroy();\r\n resolve(selectComponentOption.value);\r\n };\r\n\r\n const dialogInstance = Dialoger.customRender({\r\n title: \"模块库\",\r\n class: \"mk-html-editor-dialog\",\r\n width: \"70%\",\r\n onClose: () => {\r\n dialogInstance.destroy();\r\n },\r\n body: () => {\r\n return <div>\r\n <ElInput />\r\n <ElCollapse>\r\n <ElCollapseItem title=\"基础模块\" name=\"base\">\r\n\r\n </ElCollapseItem>\r\n <ElCollapseItem title=\"业务模块\" name=\"business\">\r\n\r\n </ElCollapseItem>\r\n <ElCollapseItem title=\"自定义模块\" name=\"custom\">\r\n\r\n </ElCollapseItem>\r\n </ElCollapse>\r\n </div>\r\n },\r\n footer: () => {\r\n return <Fragment>\r\n <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n 确定\r\n </ElButton>\r\n </Fragment>\r\n },\r\n });\r\n });\r\n}\r\n"],"names":["showEditPanel","moduleOptons","props","showDynamicFormDialoger","title","options","showModuleSelectPanel","Promise","resolve","selectComponentOption","ref","handleCancelClick","dialogInstance","destroy","handleConfirmClick","value","Dialoger","customRender","class","width","onClose","body","_createVNode","ElInput","ElCollapse","default","ElCollapseItem","footer","_Fragment","ElButton","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,gBAAgB,OAAOC,cAA0BC,UAAe;AAE3E,SAAO,MAAMC,OAAuB,wBAACF,aAAaG,OAAMH,aAAaI,SAAQH,KAAK;AACpF;AAQaI,MAAAA,wBAAwB,YAAY;AAC/C,SAAO,IAAIC,QAAQC,aAAW;AAI5B,UAAMC,wBAAwBC,QAAI,IAAI;AAGtC,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAAA;AAIxB,UAAMC,qBAAqBA,MAAM;AAC/BF,qBAAeC,QAAO;AACtBL,cAAQC,sBAAsBM,KAAK;AAAA;AAGrC,UAAMH,iBAAiBI,GAAQ,SAACC,aAAa;AAAA,MAC3Cb,OAAO;AAAA,MACPc,OAAO;AAAA,MACPC,OAAO;AAAA,MACPC,SAASA,MAAM;AACbR,uBAAeC,QAAO;AAAA,MACvB;AAAA,MACDQ,MAAMA,MAAM;AACV,eAAAC,8BAAAA,IAAAA,YAAAC,YAAAA,SAAAD,MAAAA,IAAAA,GAAAA,gBAAAE,YAAAA,YAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,aAAAJ,IAAAA,GAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,aAAAJ,IAAAA,GAAAA,IAAA,YAAAI,4BAAA;AAAA,YAAA,SAAA;AAAA,YAAA,QAAA;AAAA,UAAA,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAcD;AAAA,MACDC,QAAQA,MAAM;AACZ,eAAAL,IAAA,YAAAM,IAAA,UAAAN,MAAAA,CAAAA,IAAAA,YAAAO,YAAAA,UAAA;AAAA,UAAA,WACqBlB;AAAAA,QAAiB,GAAA;AAAA,UAAAc,SAAAA,MAAA,CAAAK,oBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFf;AAAAA,QAAkB,GAAA;AAAA,UAAAW,SAAAA,MAAA,CAAAK,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAIxD;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;;;"}

package/dist/cjs/components/basic/visual-page-editor/core/index.js CHANGED Viewed

@@ -10,6 +10,8 @@ require("../../../../core/DataModelDefines.js");
 require("vue-router");
 require("@maketribe/request");
 require("@maketribe/locale");
+require("../../../../store/modules/settings.js");
+require("../../../../store/modules/menu.js");
 require("../../../../modules/ms/dataviews/ms-config/MsConfigTable.js");
 require("lodash-es");
 require("../../../../modules/ms/components/material-list/index.js");

package/dist/cjs/components/basic/visual-page-editor/core/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/visual-page-editor/core/index.ts"],"sourcesContent":["\r\nimport { shallowReactive,ref } from \"vue\"\r\n\r\nimport VisualPageEditor from \"./VisvalPageEditor\"\r\n\r\n// 页面编辑器\r\nconst PageEditor = shallowReactive<VisualPageEditor>(new VisualPageEditor())\r\n\r\n// pc \| mobile\r\nconst ViewDevice = ref('pc')\r\n\r\n\r\nexport * from \"./Dialog\"\r\n\r\n/*\r\n \r\n * @returns \r\n */\r\nexport const useVisualPageEditor = ()=>{\r\n return { PageEditor, ViewDevice }\r\n}\r\n\r\n"],"names":["shallowReactive","VisualPageEditor","ref"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;~~AAMA,MAAM,aAAaA,IAAA,gBAAkC,IAAIC,iBAAA,CAAkB;AAG3E,MAAM,aAAaC,IAAAA,IAAI,IAAI;AASpB,MAAM,sBAAsB,MAAI;AAC9B,SAAA,EAAE,YAAY;AACvB;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/visual-page-editor/core/index.ts"],"sourcesContent":["\r\nimport { shallowReactive,ref } from \"vue\"\r\n\r\nimport VisualPageEditor from \"./VisvalPageEditor\"\r\n\r\n// 页面编辑器\r\nconst PageEditor = shallowReactive<VisualPageEditor>(new VisualPageEditor())\r\n\r\n// pc \| mobile\r\nconst ViewDevice = ref('pc')\r\n\r\n\r\nexport * from \"./Dialog\"\r\n\r\n/*\r\n \r\n * @returns \r\n */\r\nexport const useVisualPageEditor = ()=>{\r\n return { PageEditor, ViewDevice }\r\n}\r\n\r\n"],"names":["shallowReactive","VisualPageEditor","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,aAAaA,IAAA,gBAAkC,IAAIC,iBAAA,CAAkB;AAG3E,MAAM,aAAaC,IAAAA,IAAI,IAAI;AASpB,MAAM,sBAAsB,MAAI;AAC9B,SAAA,EAAE,YAAY;AACvB;;"}