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

package/dist/cjs/modules/ms/components/image-select/image-select-panel.js

@@ -1,117 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const elIcons = require("@element-plus/icons-vue");
-require("@maketribe/dm");
-const MsMaterialTable = require("../../dataviews/ms-material/MsMaterialTable.js");
-const index = require("../material-list/index.js");
-const utils = require("@maketribe/utils");
-const ImageView = /* @__PURE__ */ vue.defineComponent({
-  props: ["src"],
-  setup(props, {
-    emit
-  }) {
-    return () => {
-      return vue.createVNode(elementPlus.ElImage, {
-        "style": "background: #dedede;width: 100%; height: 480px;margin-top:10px;padding：10px;box-sizing: border-box;",
-        "src": vue.unref(props.src),
-        "fit": "contain"
-      }, {
-        error: () => {
-          return vue.createVNode("div", {
-            "style": "font-size: 50px; display: flex; align-content: center; justify-content: center; align-items: center; height: 100%;"
-          }, [vue.createVNode(elementPlus.ElIcon, null, {
-            default: () => [vue.createVNode(elIcons.Picture, null, null)]
-          })]);
-        }
-      });
-    };
-  }
-});
-const ImageSelectPanel = /* @__PURE__ */ vue.defineComponent({
-  name: "ImageSelectPanelComponent",
-  props: ["modelValue"],
-  setup(props, {
-    emit
-  }) {
-    const materialTable = vue.reactive(new MsMaterialTable.MsMaterialTable());
-    const modelValue = vue.computed({
-      get: () => props.modelValue,
-      set: (v) => {
-        emit("update:model-value", v);
-      }
-    });
-    const activeTabName = vue.ref("l");
-    materialTable.selectionChangeEvent.on(() => {
-      var _a;
-      let id = materialTable.getSelection()[0];
-      if (id) {
-        modelValue.value = (_a = materialTable.getList().find((item) => item.id == id)) == null ? void 0 : _a.path;
-      } else {
-        modelValue.value = "";
-      }
-    });
-    const selectLocalImage = async () => {
-      const file = await utils.fileSelect({
-        accept: "image/*"
-      });
-      if (file) {
-        const fileRender = new FileReader();
-        fileRender.onload = async (data) => {
-          modelValue.value = data.target.result;
-        };
-        fileRender.readAsDataURL(file);
-      }
-    };
-    return () => {
-      return vue.createVNode(elementPlus.ElTabs, {
-        "style": "min-height: 520px",
-        "modelValue": activeTabName.value,
-        "onUpdate:modelValue": ($event) => activeTabName.value = $event
-      }, {
-        default: () => [vue.createVNode(elementPlus.ElTabPane, {
-          "label": "本地选择",
-          "name": "l"
-        }, {
-          default: () => [vue.createVNode(elementPlus.ElButton, {
-            "icon": elIcons.UploadFilled,
-            "type": "primary",
-            "style": "width: 100%",
-            "onClick": selectLocalImage
-          }, {
-            default: () => [vue.createTextVNode("选择本地文件")]
-          }), vue.createVNode(ImageView, {
-            "src": vue.unref(modelValue)
-          }, null)]
-        }), vue.createVNode(elementPlus.ElTabPane, {
-          "label": "素材库选择",
-          "name": "m"
-        }, {
-          default: () => [vue.createVNode(index.MKMaterialList, {
-            "style": {
-              height: "520px"
-            },
-            "selectable": true,
-            "materialTable": materialTable,
-            "allowMaterialTypeValues": [1]
-          }, null)]
-        }), vue.createVNode(elementPlus.ElTabPane, {
-          "label": "网络图片",
-          "name": "n"
-        }, {
-          default: () => [vue.createVNode(elementPlus.ElInput, {
-            "modelValue": modelValue.value,
-            "onUpdate:modelValue": ($event) => modelValue.value = $event,
-            "prefix-icon": elIcons.Share,
-            "style": "width: 100%",
-            "placeholder": "请输入链接地址"
-          }, null), vue.createVNode(ImageView, {
-            "src": vue.unref(modelValue)
-          }, null)]
-        })]
-      });
-    };
-  }
-});
-module.exports = ImageSelectPanel;
-//# sourceMappingURL=image-select-panel.js.map

package/dist/cjs/modules/ms/components/image-select/image-select-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-select-panel.js","sources":["../../../../../../src/modules/ms/components/image-select/image-select-panel.tsx"],"sourcesContent":["\r\nimport { unref,ref,reactive,defineComponent, computed } from 'vue'\r\nimport { \r\n  ElButton,ElTabs,ElTabPane,ElInput,ElImage,ElIcon\r\n} from \"element-plus\";\r\nimport { Share,UploadFilled,Picture } from \"@element-plus/icons-vue\";\r\nimport {  MsMaterialTable } from \"../../../../modules/ms/dataviews/ms-material\";\r\nimport { MKMaterialList } from \"../../../../modules/ms/components/material-list\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\n/**\r\n * 图片预览显示\r\n */\r\nconst ImageView = defineComponent({\r\n  props:[\"src\"],\r\n  setup(props,{ emit }){\r\n\r\n    return ()=>{\r\n\r\n      return <ElImage style=\"background: #dedede;width: 100%; height: 480px;margin-top:10px;padding：10px;box-sizing: border-box;\" src={unref(props.src)} fit=\"contain\" v-slots={{\r\n        error:()=>{\r\n          return <div style=\"\r\n              font-size: 50px;\r\n              display: flex;\r\n              align-content: center;\r\n              justify-content: center;\r\n              align-items: center;\r\n              height: 100%;\r\n          \">\r\n            <ElIcon><Picture /></ElIcon>\r\n          </div>\r\n        }\r\n      }}>\r\n      </ElImage>;\r\n    }\r\n  }\r\n})\r\n\r\n\r\nexport default defineComponent({\r\n  name: 'ImageSelectPanelComponent',\r\n  props:[\"modelValue\"],\r\n  setup(props,{ emit }){\r\n\r\n    const materialTable = reactive(new MsMaterialTable()) as MsMaterialTable;\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n    // 激活的tab\r\n    const activeTabName = ref(\"l\");\r\n    // 选择素材\r\n    materialTable.selectionChangeEvent.on(()=>{\r\n      let id = materialTable.getSelection()[0];\r\n      if(id){\r\n        modelValue.value = materialTable.getList().find(item=>item.id == id)?.path;\r\n      }\r\n      else{\r\n        modelValue.value = \"\";\r\n      }\r\n    })\r\n\r\n    // 选择本地图片\r\n    const selectLocalImage = async ()=>{\r\n\r\n      const file = await fileSelect({ accept:\"image/*\"});\r\n        \r\n      if (file) {\r\n\r\n        const fileRender = new FileReader();\r\n        fileRender.onload = async (data:any)=>{\r\n          modelValue.value = data.target.result as string;\r\n        }\r\n        fileRender.readAsDataURL(file)\r\n      }\r\n    }\r\n\r\n    return ()=>{\r\n\r\n      return <ElTabs style=\"min-height: 520px\" v-model={activeTabName.value}>\r\n      <ElTabPane label=\"本地选择\" name=\"l\">\r\n        <ElButton icon={UploadFilled} type=\"primary\" style=\"width: 100%\" onClick={selectLocalImage}>\r\n          选择本地文件\r\n        </ElButton>\r\n        <ImageView src={unref(modelValue)} />\r\n      </ElTabPane>\r\n      <ElTabPane label=\"素材库选择\" name=\"m\">\r\n       <MKMaterialList style={{height:\"520px\"}} selectable materialTable={materialTable} allowMaterialTypeValues={[1]} />\r\n      </ElTabPane>\r\n      <ElTabPane label=\"网络图片\" name=\"n\">\r\n        <ElInput v-model={modelValue.value} prefix-icon={Share} style=\"width: 100%\" placeholder=\"请输入链接地址\">\r\n        </ElInput>\r\n        <ImageView src={unref(modelValue)} />\r\n      </ElTabPane>\r\n    </ElTabs>;\r\n    }\r\n  }\r\n})\r\n"],"names":["ImageView","defineComponent","props","setup","emit","_createVNode","ElImage","unref","src","error","ElIcon","default","Picture","name","materialTable","reactive","MsMaterialTable","modelValue","computed","get","set","v","activeTabName","ref","selectionChangeEvent","on","id","getSelection","value","getList","find","item","path","selectLocalImage","file","fileSelect","accept","fileRender","FileReader","onload","data","target","result","readAsDataURL","ElTabs","$event","ElTabPane","ElButton","UploadFilled","_createTextVNode","MKMaterialList","height","ElInput","Share"],"mappings":"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"}

package/dist/cjs/modules/ms/components/image-select/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const imageSelectApi = require("./image-select-api.js");
-const MKImageSelect = imageSelectApi;
-exports.MKImageSelect = MKImageSelect;
-exports.default = MKImageSelect;
-//# sourceMappingURL=index.js.map

package/dist/cjs/modules/ms/components/image-select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/image-select/index.ts"],"sourcesContent":["import ImageSelect from \"./image-select-api\"\r\n\r\nexport const MKImageSelect = ImageSelect;\r\n\r\nexport default MKImageSelect;\r\n"],"names":["ImageSelect"],"mappings":";;;AAEO,MAAM,gBAAgBA;;;"}

package/dist/cjs/modules/ms/components/markdown-editor/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const utils = require("@maketribe/utils");
-const markdownEditorOptions = require("./markdown-editor-options.js");
-const _interopNamespaceDefaultOnly = (e) => Object.freeze(Object.defineProperty({ __proto__: null, default: e }, Symbol.toStringTag, { value: "Module" }));
-const _MarkdownEditor = vue.defineAsyncComponent(() => Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./markdown-editor.js"))));
-const MKMarkdownEditor = utils.withInstall(_MarkdownEditor);
-exports.markdownEditorEmits = markdownEditorOptions.markdownEditorEmits;
-exports.markdownEditorProps = markdownEditorOptions.markdownEditorProps;
-exports.MKMarkdownEditor = MKMarkdownEditor;
-exports.default = MKMarkdownEditor;
-//# sourceMappingURL=index.js.map

package/dist/cjs/modules/ms/components/markdown-editor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/markdown-editor/index.ts"],"sourcesContent":["import { defineAsyncComponent } from \"vue\";\r\nimport { withInstall } from \"@maketribe/utils\";\r\n\r\nconst _MarkdownEditor = defineAsyncComponent(() => import(\"./markdown-editor\"));\r\n\r\nexport const MKMarkdownEditor = withInstall(_MarkdownEditor);\r\n\r\nexport default MKMarkdownEditor;\r\n\r\nexport * from \"./markdown-editor-options\";\r\n"],"names":["defineAsyncComponent","withInstall"],"mappings":";;;;;;AAGA,MAAM,kBAAkBA,IAAA,qBAAqB,MAAM,QAAO,QAAA,EAAA,KAAA,MAAA,6CAAA,QAAA,sBAAmB,CAAC,CAAA,CAAA;AAEjE,MAAA,mBAAmBC,kBAAY,eAAe;;;;;"}

package/dist/cjs/modules/ms/components/markdown-editor/markdown-editor-options.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@maketribe/utils");
-const markdownEditorProps = utils.buildProps({
-  modelValue: {
-    type: String,
-    required: true
-  }
-});
-const markdownEditorEmits = {
-  "update:model-value": (modelValue) => true
-};
-exports.markdownEditorEmits = markdownEditorEmits;
-exports.markdownEditorProps = markdownEditorProps;
-//# sourceMappingURL=markdown-editor-options.js.map

package/dist/cjs/modules/ms/components/markdown-editor/markdown-editor-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdown-editor-options.js","sources":["../../../../../../src/modules/ms/components/markdown-editor/markdown-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const markdownEditorProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n} as const);\r\n\r\nexport type MarkdownEditorProps = ExtractPropTypes<typeof markdownEditorProps>;\r\n\r\nexport const markdownEditorEmits = {\r\n  \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type MarkdownEditorEmits = typeof markdownEditorEmits;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA,EAC5C,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AACF,CAAU;AAIH,MAAM,sBAAsB;AAAA,EACjC,sBAAsB,CAAC,eAAuB;AAChD;;;"}

package/dist/cjs/modules/ms/components/markdown-editor/markdown-editor.js

@@ -1,74 +0,0 @@
-"use strict";
-const vue = require("vue");
-const Vditor = require("vditor");
-const markdownEditorOptions = require("./markdown-editor-options.js");
-const utils = require("@maketribe/utils");
-const index = require("../material-select/index.js");
-let uid = 0;
-const markdownEditor = /* @__PURE__ */ vue.defineComponent({
-  name: "MKMarkdownEditor",
-  props: markdownEditorOptions.markdownEditorProps,
-  emits: markdownEditorOptions.markdownEditorEmits,
-  setup(props, {
-    emit
-  }) {
-    const markdownEl = vue.ref(null);
-    const _uid = uid++;
-    const modelValue = vue.computed({
-      get: () => props.modelValue,
-      set: (v) => emit("update:model-value", v)
-    });
-    vue.onMounted(() => {
-      const disposable = new utils.Disposable();
-      const vditor = new Vditor(vue.unref(markdownEl), {
-        cache: {
-          id: `vditor${_uid}`
-        },
-        toolbar: ["emoji", "headings", "bold", "italic", "strike", "link", "|", "list", "ordered-list", "check", "outdent", "indent", "|", "quote", "line", "code", "inline-code", "insert-before", "insert-after", "|", {
-          name: "material",
-          tipPosition: "s",
-          tip: "素材",
-          icon: `<svg><use xlink:href="#icon-image" /></svg>`,
-          click: async () => {
-            const response = await index.MKMaterialSelect();
-            if (!response.success) {
-              return;
-            }
-            vditor.insertValue(`![图片](${response.path})`);
-          }
-        }, "record", "table", "|", "undo", "redo", "|", "fullscreen", "edit-mode", {
-          name: "more",
-          toolbar: ["both", "code-theme", "content-theme", "export", "outline", "preview", "devtools", "info", "help"]
-        }],
-        after: () => {
-          vditor.setValue(modelValue.value || "");
-          const _markdownEl = vue.unref(markdownEl);
-          const handleContentChange = () => {
-            modelValue.value = vditor.getValue();
-          };
-          _markdownEl.addEventListener("input", handleContentChange);
-          _markdownEl.addEventListener("keydown", handleContentChange);
-          _markdownEl.addEventListener("keyup", handleContentChange);
-          _markdownEl.addEventListener("paste", handleContentChange);
-          disposable.register(utils.createDisposable(() => {
-            _markdownEl.removeEventListener("input", handleContentChange);
-            _markdownEl.removeEventListener("keydown", handleContentChange);
-            _markdownEl.removeEventListener("keyup", handleContentChange);
-            _markdownEl.removeEventListener("paste", handleContentChange);
-          }));
-        }
-      });
-      vue.onBeforeUnmount(() => {
-        disposable.dispose();
-        vditor == null ? void 0 : vditor.destroy();
-      });
-    });
-    return () => {
-      return vue.createVNode("div", {
-        "ref": (el) => markdownEl.value = el
-      }, null);
-    };
-  }
-});
-module.exports = markdownEditor;
-//# sourceMappingURL=markdown-editor.js.map

package/dist/cjs/modules/ms/components/markdown-editor/markdown-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdown-editor.js","sources":["../../../../../../src/modules/ms/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n} from \"vue\";\n// @ts-ignore\nimport Vditor from \"vditor\";\nimport {\n  markdownEditorEmits,\n  markdownEditorProps,\n} from \"./markdown-editor-options\";\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\nimport { MKMaterialSelect } from \"../material-select\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKMarkdownEditor\",\n  props: markdownEditorProps,\n  emits: markdownEditorEmits,\n  setup(props, { emit }) {\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\n\n    const _uid = uid++;\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    onMounted(() => {\n      const disposable = new Disposable();\n\n      const vditor = new Vditor(unref(markdownEl)!, {\n        cache: { id: `vditor${_uid}` },\n        toolbar: [\n          \"emoji\",\n          \"headings\",\n          \"bold\",\n          \"italic\",\n          \"strike\",\n          \"link\",\n          \"|\",\n          \"list\",\n          \"ordered-list\",\n          \"check\",\n          \"outdent\",\n          \"indent\",\n          \"|\",\n          \"quote\",\n          \"line\",\n          \"code\",\n          \"inline-code\",\n          \"insert-before\",\n          \"insert-after\",\n          \"|\",\n          {\n            name: \"material\",\n            tipPosition: \"s\",\n            tip: \"素材\",\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\n            click: async () => {\n              const response = await MKMaterialSelect();\n\n              if (!response.success) {\n                return;\n              }\n\n              vditor.insertValue(`![图片](${response.path})`);\n            },\n          },\n          \"record\",\n          \"table\",\n          \"|\",\n          \"undo\",\n          \"redo\",\n          \"|\",\n          \"fullscreen\",\n          \"edit-mode\",\n          {\n            name: \"more\",\n            toolbar: [\n              \"both\",\n              \"code-theme\",\n              \"content-theme\",\n              \"export\",\n              \"outline\",\n              \"preview\",\n              \"devtools\",\n              \"info\",\n              \"help\",\n            ],\n          },\n        ],\n        after: () => {\n          vditor!.setValue(modelValue.value || \"\");\n\n          const _markdownEl = unref(markdownEl)!;\n\n          const handleContentChange = () => {\n            modelValue.value = vditor!.getValue();\n          };\n\n          _markdownEl.addEventListener(\"input\", handleContentChange);\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\n\n          disposable.register(\n            createDisposable(() => {\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\n            })\n          );\n        },\n      });\n\n      onBeforeUnmount(() => {\n        disposable.dispose();\n        vditor?.destroy();\n      });\n    });\n\n    return () => {\n      return (\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\n      );\n    };\n  },\n});\n"],"names":["uid","defineComponent","name","props","markdownEditorProps","emits","markdownEditorEmits","setup","emit","markdownEl","ref","_uid","modelValue","computed","get","set","v","onMounted","disposable","Disposable","vditor","Vditor","unref","cache","id","toolbar","tipPosition","tip","icon","click","response","MKMaterialSelect","success","insertValue","path","after","setValue","value","_markdownEl","handleContentChange","getValue","addEventListener","register","createDisposable","removeEventListener","onBeforeUnmount","dispose","destroy","_createVNode","el"],"mappings":";;;;;;AAkBA,IAAIA,MAAM;AAEV,MAAeC,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAsCC,QAAI,IAAI;AAEpD,UAAMC,OAAOX;AAEb,UAAMY,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMX,MAAMS;AAAAA,MACjBG,KAAMC,OAAcR,KAAK,sBAAsBQ,CAAC;AAAA,IAClD,CAAC;AAEDC,QAAAA,UAAU,MAAM;AACd,YAAMC,aAAa,IAAIC,MAAAA;AAEvB,YAAMC,SAAS,IAAIC,OAAOC,IAAK,MAACb,UAAU,GAAI;AAAA,QAC5Cc,OAAO;AAAA,UAAEC,IAAI,SAASb,IAAI;AAAA,QAAI;AAAA,QAC9Bc,SAAS,CACP,SACA,YACA,QACA,UACA,UACA,QACA,KACA,QACA,gBACA,SACA,WACA,UACA,KACA,SACA,QACA,QACA,eACA,iBACA,gBACA,KACA;AAAA,UACEvB,MAAM;AAAA,UACNwB,aAAa;AAAA,UACbC,KAAK;AAAA,UACLC,MAAM;AAAA,UACNC,OAAO,YAAY;AACjB,kBAAMC,WAAW,MAAMC,MAAAA;AAEvB,gBAAI,CAACD,SAASE,SAAS;AACrB;AAAA,YACF;AAEAZ,mBAAOa,YAAY,SAASH,SAASI,IAAI,GAAG;AAAA,UAC9C;AAAA,QACF,GACA,UACA,SACA,KACA,QACA,QACA,KACA,cACA,aACA;AAAA,UACEhC,MAAM;AAAA,UACNuB,SAAS,CACP,QACA,cACA,iBACA,UACA,WACA,WACA,YACA,QACA,MAAM;AAAA,QAEV,CAAC;AAAA,QAEHU,OAAOA,MAAM;AACXf,iBAAQgB,SAASxB,WAAWyB,SAAS,EAAE;AAEvC,gBAAMC,cAAchB,UAAMb,UAAU;AAEpC,gBAAM8B,sBAAsBA,MAAM;AAChC3B,uBAAWyB,QAAQjB,OAAQoB;;AAG7BF,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,WAAWF,mBAAmB;AAC3DD,sBAAYG,iBAAiB,SAASF,mBAAmB;AACzDD,sBAAYG,iBAAiB,SAASF,mBAAmB;AAEzDrB,qBAAWwB,SACTC,MAAAA,iBAAiB,MAAM;AACrBL,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,WAAWL,mBAAmB;AAC9DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAC5DD,wBAAYM,oBAAoB,SAASL,mBAAmB;AAAA,UAC7D,CAAA,CACH;AAAA,QACF;AAAA,MACF,CAAC;AAEDM,UAAAA,gBAAgB,MAAM;AACpB3B,mBAAW4B,QAAO;AAClB1B,yCAAQ2B;AAAAA,MACV,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAA,OAAA;AAAA,QAAA,OACcC,QAAqBxC,WAAW4B,QAAQY;AAAAA,MAAG,GAAA,IAAA;AAAA;EAG7D;AACF,CAAC;;"}

package/dist/cjs/modules/ms/components/material-list/components/file-view/file-view-options.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@maketribe/utils");
-const fileViewProps = utils.buildProps({
-  src: { type: String, required: true }
-});
-exports.fileViewProps = fileViewProps;
-//# sourceMappingURL=file-view-options.js.map

package/dist/cjs/modules/ms/components/material-list/components/file-view/file-view-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-view-options.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/file-view/file-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const fileViewProps = buildProps({\r\n  src: { type: String, required: true },\r\n} as const);\r\n\r\nexport type FileViewProps = ExtractPropTypes<typeof fileViewProps>;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,gBAAgBA,MAAAA,WAAW;AAAA,EACtC,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AACtC,CAAU;;"}

package/dist/cjs/modules/ms/components/material-list/components/file-view/file-view.js

@@ -1,41 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const elIcons = require("@element-plus/icons-vue");
-const fileViewOptions = require("./file-view-options.js");
-const FileView = /* @__PURE__ */ vue.defineComponent({
-  name: "MKFileView",
-  props: fileViewOptions.fileViewProps,
-  setup(props) {
-    const handleDownloadClick = () => {
-      const a = document.createElement("a");
-      a.setAttribute("download", (/* @__PURE__ */ new Date()).getTime().toString());
-      a.target = "_blank";
-      a.href = props.src;
-      Object.assign(a.style, {
-        width: "1px",
-        height: "1px"
-      });
-      document.body.append(a);
-      a.click();
-      setTimeout(() => {
-        document.body.removeChild(a);
-      });
-    };
-    return () => vue.createVNode("div", {
-      "class": "mk-file-view"
-    }, [vue.createVNode(elementPlus.ElIcon, {
-      "size": "20"
-    }, {
-      default: () => [vue.createVNode(elIcons.Document, null, null)]
-    }), vue.createVNode("div", {
-      "class": "mk-file-view__tools"
-    }, [vue.createVNode(elementPlus.ElButton, {
-      "type": "primary",
-      "icon": elIcons.Download,
-      "onClick": handleDownloadClick
-    }, null)])]);
-  }
-});
-module.exports = FileView;
-//# sourceMappingURL=file-view.js.map

package/dist/cjs/modules/ms/components/material-list/components/file-view/file-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/file-view/file-view.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { ElButton, ElIcon } from \"element-plus\";\nimport { Document, Download } from \"@element-plus/icons-vue\";\nimport { fileViewProps } from \"./file-view-options\";\n\nexport default defineComponent({\n  name: \"MKFileView\",\n  props: fileViewProps,\n  setup(props) {\n    const handleDownloadClick = () => {\n      const a = document.createElement(\"a\");\n      a.setAttribute(\"download\", new Date().getTime().toString());\n      a.target = \"_blank\";\n      a.href = props.src;\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\n\n      document.body.append(a);\n      a.click();\n\n      setTimeout(() => {\n        document.body.removeChild(a);\n      });\n    };\n\n    return () => (\n      <div class=\"mk-file-view\">\n        <ElIcon size=\"20\">\n          <Document />\n        </ElIcon>\n        <div class=\"mk-file-view__tools\">\n          <ElButton\n            type=\"primary\"\n            icon={Download}\n            onClick={handleDownloadClick}\n          />\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download"],"mappings":";;;;;AAKA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,gBAAa;AAAA,EACpBC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,IAAA,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,IAAA,YAAAC,oBAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,QAAA,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,IAAA,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,IAAA,YAAAI,sBAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC,QAAQ;AAAA,MAAA,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;;"}

package/dist/cjs/modules/ms/components/material-list/components/file-view/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@maketribe/utils");
-const fileView = require("./file-view.js");
-const fileViewOptions = require("./file-view-options.js");
-const MKFileView = utils.withInstall(fileView);
-exports.fileViewProps = fileViewOptions.fileViewProps;
-exports.MKFileView = MKFileView;
-exports.default = MKFileView;
-//# sourceMappingURL=index.js.map

package/dist/cjs/modules/ms/components/material-list/components/file-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/file-view/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FileView from \"./file-view\";\r\n\r\nexport const MKFileView = withInstall(FileView);\r\nexport default MKFileView;\r\n\r\nexport * from \"./file-view-options\";\r\n"],"names":["withInstall","FileView"],"mappings":";;;;;AAGa,MAAA,aAAaA,kBAAYC,QAAQ;;;;"}

package/dist/cjs/modules/ms/components/material-list/components/image-view/image-view-options.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@maketribe/utils");
-const imageViewProps = utils.buildProps({
-  showPreview: {
-    type: Boolean,
-    default: true
-  },
-  src: {
-    type: String
-  }
-});
-exports.imageViewProps = imageViewProps;
-//# sourceMappingURL=image-view-options.js.map

package/dist/cjs/modules/ms/components/material-list/components/image-view/image-view-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-view-options.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/image-view/image-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const imageViewProps = buildProps({\r\n  showPreview: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  src: {\r\n    type: String,\r\n  },\r\n} as const);\r\n\r\nexport type ImageViewProps = ExtractPropTypes<typeof imageViewProps>;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,iBAAiBA,MAAAA,WAAW;AAAA,EACvC,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,EACR;AACF,CAAU;;"}

package/dist/cjs/modules/ms/components/material-list/components/image-view/image-view.js

@@ -1,26 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const imageViewOptions = require("./image-view-options.js");
-const ImageView = /* @__PURE__ */ vue.defineComponent({
-  name: "MKImageView",
-  inheritAttrs: false,
-  props: imageViewOptions.imageViewProps,
-  setup(props, {
-    slots
-  }) {
-    const showPreview = vue.computed(() => props.showPreview);
-    const src = vue.computed(() => props.src);
-    const previewSrcList = vue.computed(() => vue.unref(showPreview) && vue.unref(src) ? [vue.unref(src)] : []);
-    return () => vue.createVNode(elementPlus.ElImage, {
-      "class": "mk-image-view",
-      "src": vue.unref(src),
-      "fit": "cover",
-      "previewSrcList": vue.unref(previewSrcList),
-      "preview-teleported": true,
-      "hide-on-click-modal": true
-    }, slots);
-  }
-});
-module.exports = ImageView;
-//# sourceMappingURL=image-view.js.map

package/dist/cjs/modules/ms/components/material-list/components/image-view/image-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/image-view/image-view.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./image-view-options\";\n\nexport default defineComponent({\n  name: \"MKImageView\",\n  inheritAttrs: false,\n  props: imageViewProps,\n  setup(props, { slots }) {\n    const showPreview = computed(() => props.showPreview);\n\n    const src = computed(() => props.src);\n\n    const previewSrcList = computed(() =>\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\n    );\n\n    return () => (\n      <ElImage\n        class=\"mk-image-view\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"cover\"\n        previewSrcList={unref(previewSrcList)}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;;AAIA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC,iBAAc;AAAA,EACrBC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,IAAQ,SAAC,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,IAAQ,SAAC,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,IAAQ,SAAC,MAC9BG,IAAK,MAACJ,WAAW,KAAKI,IAAAA,MAAMF,GAAG,IAAI,CAACE,IAAK,MAACF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,IAAA,YAAAC,qBAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,IAAK,MAACF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,IAAK,MAACD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;;"}

package/dist/cjs/modules/ms/components/material-list/components/image-view/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@maketribe/utils");
-const imageView = require("./image-view.js");
-const imageViewOptions = require("./image-view-options.js");
-const MKImageView = utils.withInstall(imageView);
-exports.imageViewProps = imageViewOptions.imageViewProps;
-exports.MKImageView = MKImageView;
-exports.default = MKImageView;
-//# sourceMappingURL=index.js.map

package/dist/cjs/modules/ms/components/material-list/components/image-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/image-view/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ImageView from \"./image-view\";\r\n\r\nexport const MKImageView = withInstall(ImageView);\r\nexport default MKImageView;\r\n\r\nexport * from \"./image-view-options\";\r\n"],"names":["withInstall","ImageView"],"mappings":";;;;;AAGa,MAAA,cAAcA,kBAAYC,SAAS;;;;"}

package/dist/cjs/modules/ms/components/material-list/components/video-view/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@maketribe/utils");
-const videoView = require("./video-view.js");
-const videoViewOptions = require("./video-view-options.js");
-const MKVideoView = utils.withInstall(videoView);
-exports.videoViewProps = videoViewOptions.videoViewProps;
-exports.MKVideoView = MKVideoView;
-exports.default = MKVideoView;
-//# sourceMappingURL=index.js.map

package/dist/cjs/modules/ms/components/material-list/components/video-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/video-view/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport VideoView from \"./video-view\";\r\n\r\nexport const MKVideoView = withInstall(VideoView);\r\nexport default MKVideoView;\r\n\r\nexport * from \"./video-view-options\";\r\n"],"names":["withInstall","VideoView"],"mappings":";;;;;AAGa,MAAA,cAAcA,kBAAYC,SAAS;;;;"}

package/dist/cjs/modules/ms/components/material-list/components/video-view/video-view-options.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils = require("@maketribe/utils");
-const videoViewProps = utils.buildProps({
-  src: { type: String, required: true },
-  poster: { type: String, required: false },
-  dialogWidth: { type: String, default: "800px" }
-});
-exports.videoViewProps = videoViewProps;
-//# sourceMappingURL=video-view-options.js.map

package/dist/cjs/modules/ms/components/material-list/components/video-view/video-view-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-view-options.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/video-view/video-view-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const videoViewProps = buildProps({\r\n  src: { type: String, required: true },\r\n  poster: { type: String, required: false },\r\n  dialogWidth: { type: String, default: \"800px\" },\r\n} as const);\r\n\r\nexport type VideoViewProps = ExtractPropTypes<typeof videoViewProps>;\r\n"],"names":["buildProps"],"mappings":";;;AAGO,MAAM,iBAAiBA,MAAAA,WAAW;AAAA,EACvC,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AAAA,EACpC,QAAQ,EAAE,MAAM,QAAQ,UAAU,MAAM;AAAA,EACxC,aAAa,EAAE,MAAM,QAAQ,SAAS,QAAQ;AAChD,CAAU;;"}

package/dist/cjs/modules/ms/components/material-list/components/video-view/video-view.js

@@ -1,101 +0,0 @@
-"use strict";
-const vue = require("vue");
-const elementPlus = require("element-plus");
-const elIcons = require("@element-plus/icons-vue");
-const index = require("../image-view/index.js");
-const videoViewOptions = require("./video-view-options.js");
-const VideoView = /* @__PURE__ */ vue.defineComponent({
-  name: "MKVideoView",
-  props: videoViewOptions.videoViewProps,
-  setup(props) {
-    const isShowVideoDialog = vue.ref(false);
-    const videoEl = vue.ref(null);
-    const handleViewClick = () => {
-      isShowVideoDialog.value = true;
-    };
-    const handleDownloadClick = () => {
-      if (!props.src) {
-        return;
-      }
-      const a = document.createElement("a");
-      a.setAttribute("download", (/* @__PURE__ */ new Date()).getTime().toString());
-      a.target = "_blank";
-      a.href = props.src;
-      Object.assign(a.style, {
-        width: "1px",
-        height: "1px"
-      });
-      document.body.append(a);
-      a.click();
-      setTimeout(() => {
-        document.body.removeChild(a);
-      });
-    };
-    vue.watch(isShowVideoDialog, (isShowVideoDialog2) => {
-      if (!vue.unref(videoEl)) {
-        return;
-      }
-      if (!isShowVideoDialog2) {
-        vue.unref(videoEl).pause();
-        vue.unref(videoEl).currentTime = 0;
-      }
-    });
-    return () => vue.createVNode("div", {
-      "class": "mk-video-view"
-    }, [vue.createVNode(index.MKImageView, {
-      "src": props.src,
-      "showPreview": false
-    }, {
-      error: () => {
-        return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElIcon, {
-          "size": "20"
-        }, {
-          default: () => [vue.createVNode(elIcons.Film, null, null)]
-        }), vue.createVNode("div", {
-          "class": "mk-video-view__tools"
-        }, [vue.createVNode(elementPlus.ElButton, {
-          "type": "primary",
-          "icon": elIcons.View,
-          "onClick": handleViewClick
-        }, null), vue.createVNode(elementPlus.ElButton, {
-          "type": "primary",
-          "icon": elIcons.Download,
-          "onClick": handleDownloadClick
-        }, null)])]);
-      }
-    }), vue.createVNode(elementPlus.ElDialog, {
-      "appendToBody": true,
-      "showClose": false,
-      "width": props.dialogWidth,
-      "modelValue": vue.unref(isShowVideoDialog),
-      "onUpdate:modelValue": (v) => {
-        isShowVideoDialog.value = v;
-      }
-    }, {
-      default: () => [vue.createVNode("video", {
-        "class": "mk-video-view__video",
-        "src": props.src,
-        "draggable": "false",
-        "preload": "true",
-        "controls": true,
-        "ref": (el) => videoEl.value = el
-      }, null)],
-      header: (scope) => {
-        return vue.createVNode("div", {
-          "class": "mk-video-view__dialog-header"
-        }, [vue.createVNode(elementPlus.ElButton, {
-          "type": "primary",
-          "icon": elIcons.Download,
-          "onClick": handleDownloadClick
-        }, {
-          default: () => [vue.createTextVNode("下载")]
-        }), vue.createVNode(elementPlus.ElButton, {
-          "icon": elIcons.Close,
-          "onClick": scope.close
-        }, null)]);
-      }
-    })]);
-  }
-});
-module.exports = VideoView;
-//# sourceMappingURL=video-view.js.map

package/dist/cjs/modules/ms/components/material-list/components/video-view/video-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/video-view/video-view.tsx"],"sourcesContent":["import { Fragment, Ref, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { ElButton, ElDialog, ElIcon } from \"element-plus\";\r\nimport { Film, View, Download, Close } from \"@element-plus/icons-vue\";\r\nimport MKImageView from \"../image-view\";\r\nimport { videoViewProps } from \"./video-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKVideoView\",\r\n  props: videoViewProps,\r\n  setup(props) {\r\n    const isShowVideoDialog = ref(false);\r\n\r\n    const videoEl: Ref<HTMLVideoElement | null> = ref(null);\r\n\r\n    const handleViewClick = () => {\r\n      isShowVideoDialog.value = true;\r\n    };\r\n\r\n    const handleDownloadClick = () => {\r\n      if (!props.src) {\r\n        return;\r\n      }\r\n\r\n      const a = document.createElement(\"a\");\r\n      a.setAttribute(\"download\", new Date().getTime().toString());\r\n      a.target = \"_blank\";\r\n      a.href = props.src;\r\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\r\n\r\n      document.body.append(a);\r\n      a.click();\r\n\r\n      setTimeout(() => {\r\n        document.body.removeChild(a);\r\n      });\r\n    };\r\n\r\n    watch(isShowVideoDialog, (isShowVideoDialog) => {\r\n      if (!unref(videoEl)) {\r\n        return;\r\n      }\r\n\r\n      if (!isShowVideoDialog) {\r\n        unref(videoEl)!.pause();\r\n        unref(videoEl)!.currentTime = 0;\r\n      }\r\n    });\r\n\r\n    return () => (\r\n      <div class=\"mk-video-view\">\r\n        <MKImageView\r\n          src={props.src}\r\n          showPreview={false}\r\n          v-slots={{\r\n            error: () => {\r\n              return (\r\n                <Fragment>\r\n                  <ElIcon size=\"20\">\r\n                    <Film />\r\n                  </ElIcon>\r\n                  <div class=\"mk-video-view__tools\">\r\n                    <ElButton\r\n                      type=\"primary\"\r\n                      icon={View}\r\n                      onClick={handleViewClick}\r\n                    />\r\n                    <ElButton\r\n                      type=\"primary\"\r\n                      icon={Download}\r\n                      onClick={handleDownloadClick}\r\n                    />\r\n                  </div>\r\n                </Fragment>\r\n              );\r\n            },\r\n          }}\r\n        />\r\n        <ElDialog\r\n          appendToBody\r\n          showClose={false}\r\n          width={props.dialogWidth}\r\n          modelValue={unref(isShowVideoDialog)}\r\n          onUpdate:modelValue={(v) => {\r\n            isShowVideoDialog.value = v;\r\n          }}\r\n          v-slots={{\r\n            header: (scope: any) => {\r\n              return (\r\n                <div class=\"mk-video-view__dialog-header\">\r\n                  <ElButton\r\n                    type=\"primary\"\r\n                    icon={Download}\r\n                    onClick={handleDownloadClick}\r\n                  >\r\n                    下载\r\n                  </ElButton>\r\n                  <ElButton icon={Close} onClick={scope.close} />\r\n                </div>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <video\r\n            class=\"mk-video-view__video\"\r\n            src={props.src}\r\n            draggable=\"false\"\r\n            preload=\"true\"\r\n            controls\r\n            ref={(el: any) => (videoEl.value = el)}\r\n          />\r\n        </ElDialog>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","videoViewProps","setup","isShowVideoDialog","ref","videoEl","handleViewClick","value","handleDownloadClick","src","a","document","createElement","setAttribute","Date","getTime","toString","target","href","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","watch","unref","pause","currentTime","_createVNode","MKImageView","error","_Fragment","ElIcon","default","Film","ElButton","View","Download","ElDialog","dialogWidth","v","el","header","scope","_createTextVNode","Close","close"],"mappings":";;;;;;AAMA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,iBAAc;AAAA,EACrBC,MAAMF,OAAO;AACX,UAAMG,oBAAoBC,QAAI,KAAK;AAEnC,UAAMC,UAAwCD,QAAI,IAAI;AAEtD,UAAME,kBAAkBA,MAAM;AAC5BH,wBAAkBI,QAAQ;AAAA;AAG5B,UAAMC,sBAAsBA,MAAM;AAChC,UAAI,CAACR,MAAMS,KAAK;AACd;AAAA,MACF;AAEA,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOlB,MAAMS;AACfU,aAAOC,OAAOV,EAAEW,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDZ,eAASa,KAAKC,OAAOf,CAAC;AACtBA,QAAEgB,MAAK;AAEPC,iBAAW,MAAM;AACfhB,iBAASa,KAAKI,YAAYlB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGHmB,QAAK,MAAC1B,mBAAoBA,CAAAA,uBAAsB;AAC9C,UAAI,CAAC2B,IAAAA,MAAMzB,OAAO,GAAG;AACnB;AAAA,MACF;AAEA,UAAI,CAACF,oBAAmB;AACtB2B,kBAAMzB,OAAO,EAAG0B;AAChBD,YAAAA,MAAMzB,OAAO,EAAG2B,cAAc;AAAA,MAChC;AAAA,IACF,CAAC;AAED,WAAO,MAAAC,IAAA,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,IAAA,YAAAC,mBAAA;AAAA,MAAA,OAGIlC,MAAMS;AAAAA,MAAG,eACD;AAAA,OACJ;AAAA,MACP0B,OAAOA,MAAM;AACX,eAAAF,IAAA,YAAAG,IAAA,UAAAH,MAAAA,CAAAA,IAAAA,YAAAI,YAAAA,QAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAL,CAAAA,IAAA,YAAAM,QAAA,MAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,GAAAN,IAAA,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAQcC,QAAI;AAAA,UAAA,WACDnC;AAAAA,WAAe2B,IAAAA,GAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAIlBE,QAAQ;AAAA,UAAA,WACLlC;AAAAA,QAAmB,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAKtC;AAAA,KACD,GAAAyB,IAAA,YAAAU,sBAAA;AAAA,MAAA,gBAAA;AAAA,MAAA,aAIU;AAAA,MAAK,SACT3C,MAAM4C;AAAAA,MAAW,cACZd,IAAK,MAAC3B,iBAAiB;AAAA,MAAC,uBACd0C,OAAM;AAC1B1C,0BAAkBI,QAAQsC;AAAAA,MAC5B;AAAA,IAAC,GAAA;AAAA,MAAAP,SAAAA,MAAA,CAAAL,IAAA,YAAA,SAAA;AAAA,QAAA,SAAA;AAAA,QAAA,OAoBMjC,MAAMS;AAAAA,QAAG,aAAA;AAAA,QAAA,WAAA;AAAA,QAAA,YAAA;AAAA,QAAA,OAIRqC,QAAazC,QAAQE,QAAQuC;AAAAA,MAAG,GAAA,IAAA,CAAA;AAAA,MAtBtCC,QAASC,WAAe;AACtB,eAAAf,IAAAA,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,QAIYE,QAAQ;AAAA,UAAA,WACLlC;AAAAA,QAAmB,GAAA;AAAA,UAAA8B,SAAAA,MAAA,CAAAW,oBAAA,IAAA,CAAA;AAAA,SAAAhB,GAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAIdU,QAAK;AAAA,UAAA,WAAWF,MAAMG;AAAAA,QAAK,GAAA,IAAA,CAAA,CAAA;AAAA,MAGjD;AAAA,IAaP,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;;"}

package/dist/cjs/modules/ms/components/material-list/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const utils = require("@maketribe/utils");
-const materialList = require("./material-list.js");
-const materialListOptions = require("./material-list-options.js");
-const MKMaterialList = utils.withInstall(materialList);
-exports.materialListProps = materialListOptions.materialListProps;
-exports.MKMaterialList = MKMaterialList;
-exports.default = MKMaterialList;
-//# sourceMappingURL=index.js.map

package/dist/cjs/modules/ms/components/material-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/modules/ms/components/material-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport MaterialList from \"./material-list\";\n\nexport const MKMaterialList = withInstall(MaterialList);\nexport default MKMaterialList;\n\nexport * from \"./material-list-options\";\n"],"names":["withInstall","MaterialList"],"mappings":";;;;;AAGa,MAAA,iBAAiBA,kBAAYC,YAAY;;;;"}