@maketribe/ms-app 3.2.3 → 3.2.4

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

@@ -1 +1 @@
-{"version":3,"file":"markdown-editor.js","sources":["../../../../../../src/modules/ms/components/markdown-editor/markdown-editor.tsx"],"sourcesContent":["import {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n} from \"vue\";\r\n// @ts-ignore\r\nimport Vditor from \"vditor\";\r\nimport {\r\n  markdownEditorEmits,\r\n  markdownEditorProps,\r\n} from \"./markdown-editor-options\";\r\nimport { Disposable, createDisposable } from \"@maketribe/utils\";\r\nimport { MKMaterialSelect } from \"../material-select\";\r\n\r\nlet uid = 0;\r\n\r\nexport default defineComponent({\r\n  name: \"MKMarkdownEditor\",\r\n  props: markdownEditorProps,\r\n  emits: markdownEditorEmits,\r\n  setup(props, { emit }) {\r\n    const markdownEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    const _uid = uid++;\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    onMounted(() => {\r\n      const disposable = new Disposable();\r\n\r\n      const vditor = new Vditor(unref(markdownEl)!, {\r\n        cache: { id: `vditor${_uid}` },\r\n        toolbar: [\r\n          \"emoji\",\r\n          \"headings\",\r\n          \"bold\",\r\n          \"italic\",\r\n          \"strike\",\r\n          \"link\",\r\n          \"|\",\r\n          \"list\",\r\n          \"ordered-list\",\r\n          \"check\",\r\n          \"outdent\",\r\n          \"indent\",\r\n          \"|\",\r\n          \"quote\",\r\n          \"line\",\r\n          \"code\",\r\n          \"inline-code\",\r\n          \"insert-before\",\r\n          \"insert-after\",\r\n          \"|\",\r\n          {\r\n            name: \"material\",\r\n            tipPosition: \"s\",\r\n            tip: \"素材\",\r\n            icon: `<svg><use xlink:href=\"#icon-image\" /></svg>`,\r\n            click: async () => {\r\n              const response = await MKMaterialSelect();\r\n\r\n              if (!response.success) {\r\n                return;\r\n              }\r\n\r\n              vditor.insertValue(`![图片](${response.path})`);\r\n            },\r\n          },\r\n          \"record\",\r\n          \"table\",\r\n          \"|\",\r\n          \"undo\",\r\n          \"redo\",\r\n          \"|\",\r\n          \"fullscreen\",\r\n          \"edit-mode\",\r\n          {\r\n            name: \"more\",\r\n            toolbar: [\r\n              \"both\",\r\n              \"code-theme\",\r\n              \"content-theme\",\r\n              \"export\",\r\n              \"outline\",\r\n              \"preview\",\r\n              \"devtools\",\r\n              \"info\",\r\n              \"help\",\r\n            ],\r\n          },\r\n        ],\r\n        after: () => {\r\n          vditor!.setValue(modelValue.value || \"\");\r\n\r\n          const _markdownEl = unref(markdownEl)!;\r\n\r\n          const handleContentChange = () => {\r\n            modelValue.value = vditor!.getValue();\r\n          };\r\n\r\n          _markdownEl.addEventListener(\"input\", handleContentChange);\r\n          _markdownEl.addEventListener(\"keydown\", handleContentChange);\r\n          _markdownEl.addEventListener(\"keyup\", handleContentChange);\r\n          _markdownEl.addEventListener(\"paste\", handleContentChange);\r\n\r\n          disposable.register(\r\n            createDisposable(() => {\r\n              _markdownEl.removeEventListener(\"input\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"keydown\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"keyup\", handleContentChange);\r\n              _markdownEl.removeEventListener(\"paste\", handleContentChange);\r\n            })\r\n          );\r\n        },\r\n      });\r\n\r\n      onBeforeUnmount(() => {\r\n        disposable.dispose();\r\n        vditor?.destroy();\r\n      });\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <div ref={((el: HTMLElement) => (markdownEl.value = el)) as any}></div>\r\n      );\r\n    };\r\n  },\r\n});\r\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;;"}
+{"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.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-view.js","sources":["../../../../../../../../src/modules/ms/components/material-list/components/file-view/file-view.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { ElButton, ElIcon } from \"element-plus\";\r\nimport { Document, Download } from \"@element-plus/icons-vue\";\r\nimport { fileViewProps } from \"./file-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFileView\",\r\n  props: fileViewProps,\r\n  setup(props) {\r\n    const handleDownloadClick = () => {\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    return () => (\r\n      <div class=\"mk-file-view\">\r\n        <ElIcon size=\"20\">\r\n          <Document />\r\n        </ElIcon>\r\n        <div class=\"mk-file-view__tools\">\r\n          <ElButton\r\n            type=\"primary\"\r\n            icon={Download}\r\n            onClick={handleDownloadClick}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\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,MAAA,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,MAAQ;AAAA,MAAA,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;;"}
+{"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,MAAA,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,MAAQ;AAAA,MAAA,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;;"}

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

@@ -15,7 +15,7 @@ const ImageView = /* @__PURE__ */ vue.defineComponent({
     return () => vue.createVNode(elementPlus.ElImage, {
       "class": "mk-image-view",
       "src": vue.unref(src),
-      "fit": "contain",
+      "fit": "cover",
       "previewSrcList": vue.unref(previewSrcList),
       "preview-teleported": true,
       "hide-on-click-modal": true

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

@@ -1 +1 @@
-{"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\";\r\nimport { ElImage } from \"element-plus\";\r\nimport { imageViewProps } from \"./image-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKImageView\",\r\n  inheritAttrs: false,\r\n  props: imageViewProps,\r\n  setup(props, { slots }) {\r\n    const showPreview = computed(() => props.showPreview);\r\n\r\n    const src = computed(() => props.src);\r\n\r\n    const previewSrcList = computed(() =>\r\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\r\n    );\r\n\r\n    return () => (\r\n      <ElImage\r\n        class=\"mk-image-view\"\r\n        src={unref(src)}\r\n        v-slots={slots}\r\n        fit=\"contain\"\r\n        previewSrcList={unref(previewSrcList)}\r\n        preview-teleported\r\n        hide-on-click-modal\r\n      />\r\n    );\r\n  },\r\n});\r\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;;"}
+{"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/index.js

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

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

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

package/dist/cjs/modules/ms/components/material-list/material-group-form-popover.js

@@ -0,0 +1,77 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("../../../../components/data-model/data-form/index.js");
+require("../../../../components/data-model/data-table/index.js");
+require("../../../../components/data-model/data-table-pagination/index.js");
+const MsMaterialGroupForm = require("../../dataviews/ms-material/ms-material-group/MsMaterialGroupForm.js");
+const MsMaterialGroupTree = require("../../dataviews/ms-material/ms-material-group/MsMaterialGroupTree.js");
+require("@maketribe/dm");
+const utils = require("@maketribe/utils");
+require("../../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/request");
+require("@maketribe/locale");
+const index$1 = require("../../../../components/data-model/data-form/views/form/index.js");
+const MaterialGroupFormPopover = /* @__PURE__ */ vue.defineComponent({
+  name: "MKMaterialFormPopover",
+  props: utils.buildProps({
+    materialGroupTree: {
+      type: MsMaterialGroupTree.MsMaterialGroupTree,
+      required: true
+    },
+    materialGroupForm: {
+      type: MsMaterialGroupForm.MsMaterialGroupForm,
+      required: true
+    }
+  }),
+  setup(props, {
+    slots
+  }) {
+    const visible = vue.ref(false);
+    const loading = vue.computed(() => props.materialGroupForm.loading);
+    const handleConfirmClick = async () => {
+      await props.materialGroupForm.simpleSubmit();
+      props.materialGroupTree.load();
+      visible.value = false;
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+    };
+    return () => {
+      return vue.createVNode(elementPlus.ElPopover, {
+        "visible": vue.unref(visible),
+        "onUpdate:visible": (v) => visible.value = v,
+        "title": "添加素材分组",
+        "effect": "light",
+        "placement": "right",
+        "trigger": "click",
+        "width": "320"
+      }, {
+        default: () => [vue.createVNode("div", null, [vue.createVNode(index.MKDataForm, {
+          "data-form": props.materialGroupForm
+        }, {
+          default: () => [vue.createVNode(index$1.MKForm, null, null)]
+        }), vue.createVNode("div", {
+          "class": "mk-material-list__group-form-footer"
+        }, [vue.createVNode(elementPlus.ElButton, {
+          "onClick": handleCancelClick
+        }, {
+          default: () => [vue.createTextVNode("取消")]
+        }), vue.createVNode(elementPlus.ElButton, {
+          "type": "primary",
+          "loading": vue.unref(loading),
+          "onClick": handleConfirmClick
+        }, {
+          default: () => [vue.createTextVNode("保存")]
+        })])])],
+        reference: () => {
+          var _a;
+          return (_a = slots.default) == null ? void 0 : _a.call(slots);
+        }
+      });
+    };
+  }
+});
+module.exports = MaterialGroupFormPopover;
+//# sourceMappingURL=material-group-form-popover.js.map

package/dist/cjs/modules/ms/components/material-list/material-group-form-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-group-form-popover.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group-form-popover.tsx"],"sourcesContent":["import { defineComponent, reactive, computed, unref, ref } from \"vue\";\nimport { ElButton, ElPopover } from \"element-plus\";\nimport { MKDataForm, MKForm } from \"../../../../components/data-model\";\nimport { MsMaterialGroupForm, MsMaterialGroupTree } from \"../../dataviews/ms-material\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport default defineComponent({\n  name: \"MKMaterialFormPopover\",\n  props: buildProps({\n    materialGroupTree: {\n      type: MsMaterialGroupTree,\n      required: true,\n    },\n    materialGroupForm: {\n      type: MsMaterialGroupForm,\n      required: true,\n    },\n  } as const),\n  setup(props, { slots }) {\n    const visible = ref(false);\n\n    const loading = computed(() => props.materialGroupForm.loading);\n\n    const handleConfirmClick = async () => {\n      await props.materialGroupForm.simpleSubmit();\n\n      props.materialGroupTree.load();\n\n      visible.value = false;\n    };\n\n    const handleCancelClick = () => {\n      visible.value = false;\n    };\n\n    return () => {\n      return (\n        <ElPopover\n          visible={unref(visible)}\n          onUpdate:visible={(v: boolean) => (visible.value = v)}\n          title=\"添加素材分组\"\n          effect=\"light\"\n          placement=\"right\"\n          trigger=\"click\"\n          width=\"320\"\n          v-slots={{\n            reference: () => slots.default?.(),\n          }}\n        >\n          <div>\n            <MKDataForm data-form={props.materialGroupForm}>\n              <MKForm />\n            </MKDataForm>\n            <div class=\"mk-material-list__group-form-footer\">\n              <ElButton onClick={handleCancelClick}>取消</ElButton>\n              <ElButton\n                type=\"primary\"\n                loading={unref(loading)}\n                onClick={handleConfirmClick}\n              >\n                保存\n              </ElButton>\n            </div>\n          </div>\n        </ElPopover>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","materialGroupForm","MsMaterialGroupForm","setup","slots","visible","ref","loading","computed","handleConfirmClick","simpleSubmit","load","value","handleCancelClick","_createVNode","ElPopover","unref","v","default","MKDataForm","MKForm","ElButton","_createTextVNode","reference"],"mappings":";;;;;;;;;;;;;;;AAMA,MAAeA,+DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,MAAAA,WAAW;AAAA,IAChBC,mBAAmB;AAAA,MACjBC,MAAMC,oBAAmB;AAAA,MACzBC,UAAU;AAAA,IACX;AAAA,IACDC,mBAAmB;AAAA,MACjBH,MAAMI,oBAAmB;AAAA,MACzBF,UAAU;AAAA,IACZ;AAAA,EACF,CAAU;AAAA,EACVG,MAAMR,OAAO;AAAA,IAAES;AAAAA,EAAM,GAAG;AACtB,UAAMC,UAAUC,QAAI,KAAK;AAEzB,UAAMC,UAAUC,IAAAA,SAAS,MAAMb,MAAMM,kBAAkBM,OAAO;AAE9D,UAAME,qBAAqB,YAAY;AACrC,YAAMd,MAAMM,kBAAkBS;AAE9Bf,YAAME,kBAAkBc;AAExBN,cAAQO,QAAQ;AAAA;AAGlB,UAAMC,oBAAoBA,MAAM;AAC9BR,cAAQO,QAAQ;AAAA;AAGlB,WAAO,MAAM;AACX,aAAAE,IAAAA,YAAAC,YAAAA,WAAA;AAAA,QAAA,WAEaC,IAAK,MAACX,OAAO;AAAA,QAAC,oBACJY,OAAgBZ,QAAQO,QAAQK;AAAAA,QAAE,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,aAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAA,CAAAJ,gBAAAA,OAAAA,MAAAA,CAAAA,IAAA,YAAAK,kBAAA;AAAA,UAAA,aAW5BxB,MAAMM;AAAAA,QAAiB,GAAA;AAAA,UAAAiB,SAAAA,MAAAJ,CAAAA,IAAA,YAAAM,QAAA,QAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,GAAAN,IAAA,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,WAIzBR;AAAAA,QAAiB,GAAA;AAAA,UAAAK,SAAAA,MAAA,CAAAI,oBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,IAAA,YAAAO,sBAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGzBL,IAAK,MAACT,OAAO;AAAA,UAAC,WACdE;AAAAA,QAAkB,GAAA;AAAA,UAAAS,SAAAA,MAAA,CAAAI,oBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,QAZ/BC,WAAWA,MAAAA;;AAAMnB,6BAAMc,YAANd;AAAAA;AAAAA,MAAiB,CAAA;AAAA;EAqB5C;AACF,CAAC;;"}

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

@@ -0,0 +1,146 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("@element-plus/icons-vue");
+const utils = require("@maketribe/utils");
+const MsMaterialGroupForm = require("../../dataviews/ms-material/ms-material-group/MsMaterialGroupForm.js");
+const MsMaterialGroupTree = require("../../dataviews/ms-material/ms-material-group/MsMaterialGroupTree.js");
+require("@maketribe/dm");
+require("../../../../core/DataModelDefines.js");
+require("vue-router");
+require("@maketribe/request");
+const locale = require("@maketribe/locale");
+require("../../../../components/data-model/data-form/index.js");
+const index = require("../../../../components/data-model/data-table/index.js");
+require("../../../../components/data-model/data-table-pagination/index.js");
+const materialGroupFormPopover = require("./material-group-form-popover.js");
+const index$1 = require("../../../../components/data-model/data-table/views/tree/index.js");
+const MaterialGroup = /* @__PURE__ */ vue.defineComponent({
+  name: "MKMaterialGroup",
+  props: utils.buildProps({
+    materialGroupTree: {
+      type: MsMaterialGroupTree.MsMaterialGroupTree,
+      required: true
+    }
+  }),
+  setup(props) {
+    const treeRef = vue.ref(null);
+    const materialGroupForm = vue.reactive(new MsMaterialGroupForm.MsMaterialGroupForm());
+    const materialGroupTree = vue.computed(() => props.materialGroupTree);
+    const loading = vue.computed(() => vue.unref(materialGroupTree).loading);
+    vue.onBeforeUnmount(() => {
+      materialGroupForm.dispose();
+    });
+    const handleAddClick = async (parent) => {
+      materialGroupForm.addRecord();
+      await vue.nextTick();
+      materialGroupForm.setData({
+        ...materialGroupForm.data,
+        parentGroupId: (parent == null ? void 0 : parent.id) || null
+      });
+    };
+    const handleEditClick = (item) => {
+      materialGroupForm.editRecord(item);
+    };
+    const handleDeleteClick = async (item) => {
+      const isConfirm = await elementPlus.ElMessageBox.confirm(locale.I18n.instance.translate("mk.dataTablePage.deleteMessage"), locale.I18n.instance.translate("mk.dataTablePage.deleteTitle"), {
+        type: "warning"
+      }).then(() => true, () => false);
+      if (!isConfirm) {
+        return;
+      }
+      const result = await vue.unref(materialGroupTree).deleteAfterRefresh(item);
+      if (result.data.code !== 200) {
+        elementPlus.ElMessage.error(result.data.msg);
+        return;
+      }
+    };
+    return () => {
+      return vue.withDirectives(vue.createVNode("div", {
+        "class": "mk-material-group"
+      }, [vue.createVNode("div", {
+        "class": "mk-material-group__header"
+      }, [vue.createVNode("div", {
+        "class": "mk-material-group__header-title"
+      }, [vue.createTextVNode("素材分组")]), vue.createVNode(materialGroupFormPopover, {
+        "materialGroupTree": vue.unref(materialGroupTree),
+        "materialGroupForm": materialGroupForm
+      }, {
+        default: () => [vue.createVNode(elementPlus.ElButton, {
+          "onClick": () => handleAddClick(),
+          "icon": icons.Plus,
+          "size": "small",
+          "type": "primary"
+        }, null)]
+      })]), vue.createVNode("div", {
+        "class": "mk-material-group__main"
+      }, [vue.createVNode(elementPlus.ElScrollbar, {
+        "height": "100%"
+      }, {
+        default: () => [vue.createVNode(index.MKDataTable, {
+          "dataTable": vue.unref(materialGroupTree),
+          "highlight-current": true
+        }, {
+          default: () => [vue.createVNode(index$1.MKTree, {
+            "dataTree": vue.unref(materialGroupTree),
+            "allowSelectContainer": false,
+            "ref": (el) => treeRef.value = el
+          }, {
+            "node-tools": ({
+              data
+            }) => {
+              return vue.createVNode("div", {
+                "class": "mk-material-group__tools",
+                "onClick": (e) => {
+                  e.preventDefault();
+                }
+              }, [vue.createVNode(elementPlus.ElTooltip, {
+                "content": "添加"
+              }, {
+                default: () => [vue.createVNode("span", {
+                  "class": "mk-material-group__tools-item"
+                }, [vue.createVNode(materialGroupFormPopover, {
+                  "materialGroupTree": vue.unref(materialGroupTree),
+                  "materialGroupForm": materialGroupForm
+                }, {
+                  default: () => [vue.createVNode("span", {
+                    "onClick": (e) => handleAddClick(data.data)
+                  }, [vue.createVNode(elementPlus.ElIcon, null, {
+                    default: () => [vue.createVNode(icons.Plus, null, null)]
+                  })])]
+                })])]
+              }), vue.createVNode(elementPlus.ElTooltip, {
+                "content": "编辑"
+              }, {
+                default: () => [vue.createVNode("span", {
+                  "class": "mk-material-group__tools-item"
+                }, [vue.createVNode(materialGroupFormPopover, {
+                  "materialGroupTree": vue.unref(materialGroupTree),
+                  "materialGroupForm": materialGroupForm
+                }, {
+                  default: () => [vue.createVNode("span", {
+                    "onClick": (e) => handleEditClick(data.data)
+                  }, [vue.createVNode(elementPlus.ElIcon, null, {
+                    default: () => [vue.createVNode(icons.Edit, null, null)]
+                  })])]
+                })])]
+              }), vue.createVNode(elementPlus.ElTooltip, {
+                "content": "删除"
+              }, {
+                default: () => [vue.createVNode("span", {
+                  "class": "mk-material-group__tools-item"
+                }, [vue.createVNode("span", {
+                  "onClick": () => handleDeleteClick(data.data)
+                }, [vue.createVNode(elementPlus.ElIcon, null, {
+                  default: () => [vue.createVNode(icons.Delete, null, null)]
+                })])])]
+              })]);
+            }
+          })]
+        })]
+      })])]), [[vue.resolveDirective("loading"), vue.unref(loading)]]);
+    };
+  }
+});
+module.exports = MaterialGroup;
+//# sourceMappingURL=material-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"material-group.js","sources":["../../../../../../src/modules/ms/components/material-list/material-group.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  reactive,\n  ref,\n  Ref,\n  unref,\n} from \"vue\";\nimport {\n  ElButton,\n  ElIcon,\n  ElMessage,\n  ElMessageBox,\n  ElScrollbar,\n  ElTooltip,\n} from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport {\n  MsMaterialGroupForm,\n  MsMaterialGroupNode,\n  MsMaterialGroupTree,\n} from \"../../dataviews/ms-material\";\nimport { MKDataTable, MKTree } from \"../../../../components/data-model\";\nimport MaterialGroupFormPopover from \"./material-group-form-popover\";\nimport { I18n } from \"@maketribe/locale\";\n\nexport default defineComponent({\n  name: \"MKMaterialGroup\",\n  props: buildProps({\n    materialGroupTree: {\n      type: MsMaterialGroupTree,\n      required: true,\n    },\n  } as const),\n  setup(props) {\n    const treeRef: Ref<typeof MKTree | null> = ref(null);\n\n    const materialGroupForm = reactive(\n      new MsMaterialGroupForm()\n    ) as MsMaterialGroupForm;\n\n    const materialGroupTree = computed(() => props.materialGroupTree);\n\n    const loading = computed(() => unref(materialGroupTree).loading);\n\n    onBeforeUnmount(() => {\n      materialGroupForm.dispose();\n    });\n\n    const handleAddClick = async (parent?: MsMaterialGroupNode) => {\n      materialGroupForm.addRecord();\n\n      await nextTick();\n\n      materialGroupForm.setData({\n        ...materialGroupForm.data,\n        parentGroupId: parent?.id || null,\n      } as MsMaterialGroupNode);\n    };\n\n    const handleEditClick = (item: MsMaterialGroupNode) => {\n      materialGroupForm.editRecord(item);\n    };\n\n    const handleDeleteClick = async (item: MsMaterialGroupNode) => {\n      const isConfirm = await ElMessageBox.confirm(\n        I18n.instance.translate(\"mk.dataTablePage.deleteMessage\"),\n        I18n.instance.translate(\"mk.dataTablePage.deleteTitle\"),\n        { type: \"warning\" }\n      ).then(\n        () => true,\n        () => false\n      );\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const result = await unref(materialGroupTree).deleteAfterRefresh(item);\n\n      if (result.data.code !== 200) {\n        ElMessage.error(result.data.msg);\n        return;\n      }\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-material-group\" v-loading={unref(loading)}>\n          <div class=\"mk-material-group__header\">\n            <div class=\"mk-material-group__header-title\">素材分组</div>\n            <MaterialGroupFormPopover\n              materialGroupTree={unref(materialGroupTree)}\n              materialGroupForm={materialGroupForm}\n            >\n              <ElButton\n                onClick={() => handleAddClick()}\n                icon={Plus}\n                size=\"small\"\n                type=\"primary\"\n              />\n            </MaterialGroupFormPopover>\n          </div>\n\n          <div class=\"mk-material-group__main\">\n            <ElScrollbar height=\"100%\">\n              <MKDataTable\n                dataTable={unref(materialGroupTree)}\n                highlight-current\n              >\n                <MKTree\n                  dataTree={unref(materialGroupTree)}\n                  allowSelectContainer={false}\n                  ref={((el: any) => (treeRef.value = el)) as any}\n                  v-slots={{\n                    \"node-tools\": ({ data }: any) => {\n                      return (\n                        <div\n                          class=\"mk-material-group__tools\"\n                          onClick={(e) => {\n                            e.preventDefault();\n                          }}\n                        >\n                          <ElTooltip content=\"添加\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <MaterialGroupFormPopover\n                                materialGroupTree={unref(materialGroupTree)}\n                                materialGroupForm={materialGroupForm}\n                              >\n                                <span\n                                  onClick={(e) => handleAddClick(data.data)}\n                                >\n                                  <ElIcon>\n                                    <Plus />\n                                  </ElIcon>\n                                </span>\n                              </MaterialGroupFormPopover>\n                            </span>\n                          </ElTooltip>\n                          <ElTooltip content=\"编辑\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <MaterialGroupFormPopover\n                                materialGroupTree={unref(materialGroupTree)}\n                                materialGroupForm={materialGroupForm}\n                              >\n                                <span\n                                  onClick={(e) => handleEditClick(data.data)}\n                                >\n                                  <ElIcon>\n                                    <Edit />\n                                  </ElIcon>\n                                </span>\n                              </MaterialGroupFormPopover>\n                            </span>\n                          </ElTooltip>\n                          <ElTooltip content=\"删除\">\n                            <span class=\"mk-material-group__tools-item\">\n                              <span\n                                onClick={() => handleDeleteClick(data.data)}\n                              >\n                                <ElIcon>\n                                  <Delete />\n                                </ElIcon>\n                              </span>\n                            </span>\n                          </ElTooltip>\n                        </div>\n                      );\n                    },\n                  }}\n                />\n              </MKDataTable>\n            </ElScrollbar>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","buildProps","materialGroupTree","type","MsMaterialGroupTree","required","setup","treeRef","ref","materialGroupForm","reactive","MsMaterialGroupForm","computed","loading","unref","onBeforeUnmount","dispose","handleAddClick","parent","addRecord","nextTick","setData","data","parentGroupId","id","handleEditClick","item","editRecord","handleDeleteClick","isConfirm","ElMessageBox","confirm","I18n","instance","translate","then","result","deleteAfterRefresh","code","ElMessage","error","msg","_withDirectives","_createVNode","_createTextVNode","MaterialGroupFormPopover","default","ElButton","onClick","Plus","ElScrollbar","MKDataTable","MKTree","el","value","node-tools","e","preventDefault","ElTooltip","ElIcon","Edit","Delete","_resolveDirective"],"mappings":"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"}

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

@@ -3,75 +3,112 @@ const vue = require("vue");
 require("@maketribe/dm");
 const MsMaterialTable = require("../../dataviews/ms-material/MsMaterialTable.js");
 require("@maketribe/request");
-require("@maketribe/utils");
-require("element-plus");
-require("../../../../core/DataModelDefines.js");
-require("vue-router");
-require("@maketribe/locale");
-require("../../../../components/basic/svg-icon/index.js");
-require("../../../../components/abstract/abstract-select/abstract-select.js");
-require("../../../../components/abstract/abstract-select/abstract-select-options.js");
-require("../../../../components/basic/button/button-options.js");
-require("../../../../components/basic/config-provider/index.js");
-require("../../../../components/basic/data-table-select/index.js");
-require("../../../../components/basic/data-select/index.js");
-require("../../../../components/basic/pagination/index.js");
-require("../../../../components/basic/system-provider/index.js");
-require("../../../../components/basic/code-editor/index.js");
-require("../../../../components/basic/json-editor/index.js");
-require("../../../../components/basic/page-container/index.js");
-require("../../../../components/basic/date-picker/index.js");
-require("../../../../components/basic/icon-select/index.js");
-require("../../../../components/basic/upload-file/upload-file.js");
-require("../../../../components/basic/upload-file/context/web-file-upload-context.js");
-require("../../../../components/basic/upload-file/context/web-file-upload-context-options.js");
-require("../../../../components/basic/upload-file/ui/upload-image/index.js");
-require("../../../../components/basic/upload-file/upload-file-options.js");
-require("../../../../components/basic/doc-editor/index.js");
-require("../../../../components/basic/copy-container/index.js");
-require("../../../../components/data-model/data-form/index.js");
-require("../../../../components/data-model/data-table/index.js");
-require("../../../../components/data-model/data-table-pagination/index.js");
-require("../../../../components/business/verify-dialog/index.js");
-require("../../../../components/business/resource-list/index.js");
-require("../../../../components/business/resource-manager/index.js");
-require("../../dataviews/department/DepartmentForm.js");
-require("../../dataviews/department/DepartmentTable.js");
-require("../../dataviews/department/DepartmentTree.js");
-require("../../dataviews/log/operate-log/OperateLogTable.js");
-require("../../dataviews/log/login-log/LoginLogTable.js");
-require("../../dataviews/log/request-log/RequestLogTable.js");
-require("../../dataviews/log/local-log/LocalLogTree.js");
-const _hoisted_1 = { class: "mk-material-item__preview" };
-const _hoisted_2 = { class: "mk-material-item__title" };
+const _hoisted_1 = { class: "mk-material-item__tools" };
+const _hoisted_2 = { class: "mk-material-item__tools-item" };
+const _hoisted_3 = { class: "mk-material-item__preview" };
+const _hoisted_4 = { class: "mk-material-item__title" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "material-item",
   props: {
     materialTable: { type: MsMaterialTable.MsMaterialTable, required: true },
     material: { type: Object, required: true }
   },
-  setup(__props) {
+  emits: ["click", "move", "cut", "download"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
+    const isSelected = vue.computed(
+      () => props.materialTable.getSelection().includes(props.material.id)
+    );
+    const currentMaterialTypeValue = vue.computed(
+      () => {
+        var _a;
+        return ((_a = props.materialTable.currentMaterialType) == null ? void 0 : _a.value) ?? null;
+      }
+    );
     const MaterialComponent = vue.computed(() => {
-      const component = props.materialTable.resolveMaterialComponent(props.material) || props.materialTable.materialComponents.resolveComponent("MKFileView");
+      const component = props.materialTable.resolveMaterialComponent(
+        props.material
+      ) || props.materialTable.materialComponents.resolveComponent("MKFileView");
       return vue.toRaw(component.component);
     });
+    const handleClick = (event) => {
+      emit("click", event);
+    };
+    const handleDeleteClick = () => {
+      props.materialTable.deleteRecord(props.material);
+    };
+    const handleMoveClick = () => {
+      emit("move", props.material);
+    };
+    const handleCutClick = () => {
+      emit("cut", props.material);
+    };
+    const handleDownloadClick = () => {
+      emit("download", props.material);
+    };
     return (_ctx, _cache) => {
+      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
+      const _component_ElDropdownItem = vue.resolveComponent("ElDropdownItem");
+      const _component_ElDropdown = vue.resolveComponent("ElDropdown");
       const _component_ElCard = vue.resolveComponent("ElCard");
       return vue.openBlock(), vue.createBlock(_component_ElCard, {
-        class: "mk-material-item",
-        shadow: "never"
+        class: vue.normalizeClass(["mk-material-item", isSelected.value ? "is-selected" : ""]),
+        shadow: "never",
+        onClickCapture: handleClick
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(_component_ElDropdown, null, {
+                dropdown: vue.withCtx(() => [
+                  currentMaterialTypeValue.value === 1 ? (vue.openBlock(), vue.createBlock(_component_ElDropdownItem, {
+                    key: 0,
+                    onClick: handleCutClick
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(" 裁切 ")
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true),
+                  currentMaterialTypeValue.value === 2 ? (vue.openBlock(), vue.createBlock(_component_ElDropdownItem, {
+                    key: 1,
+                    onClick: handleDownloadClick
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(" 下载 ")
+                    ]),
+                    _: 1
+                  })) : vue.createCommentVNode("", true),
+                  vue.createVNode(_component_ElDropdownItem, { onClick: handleMoveClick }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("移动分组")
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_ElDropdownItem, { onClick: handleDeleteClick }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("删除")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_MKSvgIcon, { iconClass: "More" })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          vue.createElementVNode("div", _hoisted_3, [
             vue.createVNode(vue.unref(MaterialComponent), {
               src: __props.material.path
             }, null, 8, ["src"])
           ]),
-          vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(__props.material.desc), 1)
+          vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(__props.material.desc), 1)
         ]),
         _: 1
-      });
+      }, 8, ["class"]);
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"material-item.vue.js","sources":["../../../../../../src/modules/ms/components/material-list/material-item.vue"],"sourcesContent":["<template>\r\n  <ElCard class=\"mk-material-item\" shadow=\"never\">\r\n    <div class=\"mk-material-item__preview\">\r\n      <MaterialComponent :src=\"material.path\" />\r\n    </div>\r\n    <div class=\"mk-material-item__title\">{{ material.desc }}</div>\r\n  </ElCard>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { MsMaterial, MsMaterialTable } from \"../../dataviews\";\r\nimport { computed, toRaw } from \"vue\";\r\n\r\nconst props = defineProps({\r\n  materialTable: { type: MsMaterialTable, required: true },\r\n  material: { type: Object, required: true },\r\n});\r\n\r\nconst MaterialComponent = computed(() => {\r\n  const component =\r\n    props.materialTable.resolveMaterialComponent(props.material as MsMaterial) ||\r\n    props.materialTable.materialComponents.resolveComponent(\"MKFileView\")!;\r\n\r\n  return toRaw(component.component);\r\n});\r\n</script>\r\n"],"names":["computed","toRaw"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAKR,UAAA,oBAAoBA,IAAAA,SAAS,MAAM;AACjC,YAAA,YACJ,MAAM,cAAc,yBAAyB,MAAM,QAAsB,KACzE,MAAM,cAAc,mBAAmB,iBAAiB,YAAY;AAE/D,aAAAC,IAAA,MAAM,UAAU,SAAS;AAAA,IAAA,CACjC;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"material-item.vue.js","sources":["../../../../../../src/modules/ms/components/material-list/material-item.vue"],"sourcesContent":["<template>\n  <ElCard\n    :class=\"['mk-material-item', isSelected ? 'is-selected' : '']\"\n    shadow=\"never\"\n    @click.capture=\"handleClick\"\n  >\n    <div class=\"mk-material-item__tools\">\n      <div class=\"mk-material-item__tools-item\">\n        <ElDropdown>\n          <MKSvgIcon iconClass=\"More\" />\n\n          <template #dropdown>\n            <ElDropdownItem\n              v-if=\"currentMaterialTypeValue === 1\"\n              @click=\"handleCutClick\"\n            >\n              裁切\n            </ElDropdownItem>\n            <ElDropdownItem\n              v-if=\"currentMaterialTypeValue === 2\"\n              @click=\"handleDownloadClick\"\n            >\n              下载\n            </ElDropdownItem>\n            <ElDropdownItem @click=\"handleMoveClick\">移动分组</ElDropdownItem>\n            <ElDropdownItem @click=\"handleDeleteClick\">删除</ElDropdownItem>\n          </template>\n        </ElDropdown>\n      </div>\n    </div>\n\n    <div class=\"mk-material-item__preview\">\n      <MaterialComponent :src=\"material.path\" />\n    </div>\n    <div class=\"mk-material-item__title\">{{ material.desc }}</div>\n  </ElCard>\n</template>\n\n<script setup lang=\"ts\">\nimport { MsMaterial, MsMaterialTable } from \"../../dataviews/ms-material\";\nimport { computed, toRaw } from \"vue\";\n\nconst props = defineProps({\n  materialTable: { type: MsMaterialTable, required: true },\n  material: { type: Object, required: true },\n});\n\nconst emit = defineEmits([\"click\", \"move\", \"cut\", \"download\"]);\n\nconst isSelected = computed(() =>\n  props.materialTable.getSelection().includes(props.material.id)\n);\n\nconst currentMaterialTypeValue = computed(\n  () => props.materialTable.currentMaterialType?.value ?? null\n);\n\nconst MaterialComponent = computed(() => {\n  const component =\n    props.materialTable.resolveMaterialComponent(\n      props.material as MsMaterial\n    ) || props.materialTable.materialComponents.resolveComponent(\"MKFileView\")!;\n\n  return toRaw(component.component);\n});\n\nconst handleClick = (event: MouseEvent) => {\n  emit(\"click\", event);\n};\n\nconst handleDeleteClick = () => {\n  props.materialTable.deleteRecord(props.material);\n};\n\nconst handleMoveClick = () => {\n  emit(\"move\", props.material);\n};\n\nconst handleCutClick = () => {\n  emit(\"cut\", props.material);\n};\n\nconst handleDownloadClick = () => {\n  emit(\"download\", props.material);\n};\n</script>\n"],"names":["computed","toRaw"],"mappings":";;;;;;;;;;;;;;;;;AA0CA,UAAM,QAAQ;AAKd,UAAM,OAAO;AAEb,UAAM,aAAaA,IAAA;AAAA,MAAS,MAC1B,MAAM,cAAc,aAAA,EAAe,SAAS,MAAM,SAAS,EAAE;AAAA,IAAA;AAG/D,UAAM,2BAA2BA,IAAA;AAAA,MAC/B,MAAA;;AAAM,4BAAM,cAAc,wBAApB,mBAAyC,UAAS;AAAA;AAAA,IAAA;AAGpD,UAAA,oBAAoBA,IAAAA,SAAS,MAAM;AACjC,YAAA,YACJ,MAAM,cAAc;AAAA,QAClB,MAAM;AAAA,MACH,KAAA,MAAM,cAAc,mBAAmB,iBAAiB,YAAY;AAEpE,aAAAC,IAAA,MAAM,UAAU,SAAS;AAAA,IAAA,CACjC;AAEK,UAAA,cAAc,CAAC,UAAsB;AACzC,WAAK,SAAS,KAAK;AAAA,IAAA;AAGrB,UAAM,oBAAoB,MAAM;AACxB,YAAA,cAAc,aAAa,MAAM,QAAQ;AAAA,IAAA;AAGjD,UAAM,kBAAkB,MAAM;AACvB,WAAA,QAAQ,MAAM,QAAQ;AAAA,IAAA;AAG7B,UAAM,iBAAiB,MAAM;AACtB,WAAA,OAAO,MAAM,QAAQ;AAAA,IAAA;AAG5B,UAAM,sBAAsB,MAAM;AAC3B,WAAA,YAAY,MAAM,QAAQ;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,14 +2,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
 require("@maketribe/dm");
+const MsMaterialTable = require("../../dataviews/ms-material/MsMaterialTable.js");
+require("@maketribe/request");
 require("vue");
 require("element-plus");
 require("../../../../core/DataModelDefines.js");
 require("vue-router");
-require("@maketribe/request");
 require("@maketribe/locale");
-const MsMaterialMan = require("../../dataviews/ms-material/MsMaterialMan.js");
 require("../../../../components/basic/svg-icon/index.js");
+require("../../../../components/data-model/data-form/index.js");
+require("../../../../components/data-model/data-table/index.js");
+require("../../../../components/data-model/data-table-pagination/index.js");
 require("../../../../components/abstract/abstract-select/abstract-select.js");
 require("../../../../components/abstract/abstract-select/abstract-select-options.js");
 require("../../../../components/basic/button/button-options.js");
@@ -30,9 +33,7 @@ require("../../../../components/basic/upload-file/ui/upload-image/index.js");
 require("../../../../components/basic/upload-file/upload-file-options.js");
 require("../../../../components/basic/doc-editor/index.js");
 require("../../../../components/basic/copy-container/index.js");
-require("../../../../components/data-model/data-form/index.js");
-require("../../../../components/data-model/data-table/index.js");
-require("../../../../components/data-model/data-table-pagination/index.js");
+require("../../../../components/basic/image-cropper/index.js");
 require("../../../../components/business/verify-dialog/index.js");
 require("../../../../components/business/resource-list/index.js");
 require("../../../../components/business/resource-manager/index.js");
@@ -44,9 +45,8 @@ require("../../dataviews/log/login-log/LoginLogTable.js");
 require("../../dataviews/log/request-log/RequestLogTable.js");
 require("../../dataviews/log/local-log/LocalLogTree.js");
 const materialListProps = utils.buildProps({
-  materialMan: {
-    type: MsMaterialMan.MsMaterialMan,
-    required: true
+  materialTable: {
+    type: MsMaterialTable.MsMaterialTable
   },
   selectable: {
     type: Boolean,
@@ -56,10 +56,5 @@ const materialListProps = utils.buildProps({
     type: String
   }
 });
-const materialListEmits = {
-  "update:selected-path": (path) => true,
-  selectedChange: (material) => true
-};
-exports.materialListEmits = materialListEmits;
 exports.materialListProps = materialListProps;
 //# sourceMappingURL=material-list-options.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"material-list-options.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { MsMaterial, MsMaterialMan } from \"../../dataviews\";\r\n\r\nexport const materialListProps = buildProps({\r\n  materialMan: {\r\n    type: MsMaterialMan,\r\n    required: true,\r\n  },\r\n  selectable: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  selectedPath: {\r\n    type: String,\r\n  },\r\n} as const);\r\n\r\nexport type MaterialListProps = ExtractPropTypes<typeof materialListProps>;\r\n\r\nexport const materialListEmits = {\r\n  \"update:selected-path\": (path: any) => true,\r\n  selectedChange: (material: MsMaterial) => true,\r\n};\r\n"],"names":["buildProps","MsMaterialMan"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoBA,MAAAA,WAAW;AAAA,EAC1C,aAAa;AAAA,IACX,MAAMC,cAAA;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,oBAAoB;AAAA,EAC/B,wBAAwB,CAAC,SAAc;AAAA,EACvC,gBAAgB,CAAC,aAAyB;AAC5C;;;"}
+{"version":3,"file":"material-list-options.js","sources":["../../../../../../src/modules/ms/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { MsMaterial, MsMaterialMan, MsMaterialTable } from \"../../dataviews\";\n\nexport const materialListProps = buildProps({\n  materialTable: {\n    type: MsMaterialTable,\n  },\n  selectable: {\n    type: Boolean,\n    default: false,\n  },\n  selectedPath: {\n    type: String,\n  },\n} as const);\n\nexport type MaterialListProps = ExtractPropTypes<typeof materialListProps>;\n"],"names":["buildProps","MsMaterialTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoBA,MAAAA,WAAW;AAAA,EAC1C,eAAe;AAAA,IACb,MAAMC,gBAAA;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,EACR;AACF,CAAU;;"}