@maketribe/ms-app 3.0.47 → 3.0.49

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

@@ -0,0 +1 @@
+{"version":3,"file":"video-view-options.js","sources":["../../../../../../../src/components/business/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,gBAAW,CAAA;AAAA,EACvC,GAAK,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AAAA,EACpC,MAAQ,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,KAAM,EAAA;AAAA,EACxC,WAAa,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,SAAS,OAAQ,EAAA;AAChD,CAAU;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"video-view.js","sources":["../../../../../../../src/components/business/material-list/components/video-view/video-view.tsx"],"sourcesContent":["import { Fragment, Ref, defineComponent, ref, unref, watch } from \"vue\";\nimport { ElButton, ElDialog, ElIcon } from \"element-plus\";\nimport { Film, View, Download, Close } from \"@element-plus/icons-vue\";\nimport MKImageView from \"../image-view\";\nimport { videoViewProps } from \"./video-view-options\";\n\nexport default defineComponent({\n  name: \"MKVideoView\",\n  props: videoViewProps,\n  setup(props) {\n    const isShowVideoDialog = ref(false);\n\n    const videoEl: Ref<HTMLVideoElement | null> = ref(null);\n\n    const handleViewClick = () => {\n      isShowVideoDialog.value = true;\n    };\n\n    const handleDownloadClick = () => {\n      if (!props.src) {\n        return;\n      }\n\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    watch(isShowVideoDialog, (isShowVideoDialog) => {\n      if (!unref(videoEl)) {\n        return;\n      }\n\n      if (!isShowVideoDialog) {\n        unref(videoEl)!.pause();\n        unref(videoEl)!.currentTime = 0;\n      }\n    });\n\n    return () => (\n      <div class=\"mk-video-view\">\n        <MKImageView\n          src={props.src}\n          showPreview={false}\n          v-slots={{\n            error: () => {\n              return (\n                <Fragment>\n                  <ElIcon size=\"20\">\n                    <Film />\n                  </ElIcon>\n                  <div class=\"mk-video-view__tools\">\n                    <ElButton\n                      type=\"primary\"\n                      icon={View}\n                      onClick={handleViewClick}\n                    />\n                    <ElButton\n                      type=\"primary\"\n                      icon={Download}\n                      onClick={handleDownloadClick}\n                    />\n                  </div>\n                </Fragment>\n              );\n            },\n          }}\n        />\n        <ElDialog\n          appendToBody\n          showClose={false}\n          width={props.dialogWidth}\n          modelValue={unref(isShowVideoDialog)}\n          onUpdate:modelValue={(v) => {\n            isShowVideoDialog.value = v;\n          }}\n          v-slots={{\n            header: (scope: any) => {\n              return (\n                <div class=\"mk-video-view__dialog-header\">\n                  <ElButton\n                    type=\"primary\"\n                    icon={Download}\n                    onClick={handleDownloadClick}\n                  >\n                    下载\n                  </ElButton>\n                  <ElButton icon={Close} onClick={scope.close} />\n                </div>\n              );\n            },\n          }}\n        >\n          <video\n            class=\"mk-video-view__video\"\n            src={props.src}\n            draggable=\"false\"\n            preload=\"true\"\n            controls\n            ref={(el: any) => (videoEl.value = el)}\n          />\n        </ElDialog>\n      </div>\n    );\n  },\n});\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,gCAA+BA,mBAAA,CAAA;AAAA,EAC7BC,IAAM,EAAA,aAAA;AAAA,EACNC,KAAOC,EAAAA,+BAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAMG,MAAAA,iBAAAA,GAAoBC,QAAI,KAAK,CAAA,CAAA;AAEnC,IAAMC,MAAAA,OAAAA,GAAwCD,QAAI,IAAI,CAAA,CAAA;AAEtD,IAAA,MAAME,kBAAkBA,MAAM;AAC5BH,MAAAA,iBAAAA,CAAkBI,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAMC,sBAAsBA,MAAM;AAChC,MAAI,IAAA,CAACR,MAAMS,GAAK,EAAA;AACd,QAAA,OAAA;AAAA,OACF;AAEA,MAAMC,MAAAA,CAAAA,GAAIC,QAASC,CAAAA,aAAAA,CAAc,GAAG,CAAA,CAAA;AACpCF,MAAEG,CAAAA,CAAAA,YAAAA,CAAa,6BAAgBC,IAAAA,IAAAA,IAAOC,OAAQ,EAAA,CAAEC,UAAU,CAAA,CAAA;AAC1DN,MAAAA,CAAAA,CAAEO,MAAS,GAAA,QAAA,CAAA;AACXP,MAAAA,CAAAA,CAAEQ,OAAOlB,KAAMS,CAAAA,GAAAA,CAAAA;AACfU,MAAOC,MAAAA,CAAAA,MAAAA,CAAOV,EAAEW,KAAO,EAAA;AAAA,QAAEC,KAAO,EAAA,KAAA;AAAA,QAAOC,MAAQ,EAAA,KAAA;AAAA,OAAO,CAAA,CAAA;AAEtDZ,MAASa,QAAAA,CAAAA,IAAAA,CAAKC,OAAOf,CAAC,CAAA,CAAA;AACtBA,MAAAA,CAAAA,CAAEgB,KAAM,EAAA,CAAA;AAERC,MAAAA,UAAAA,CAAW,MAAM;AACfhB,QAASa,QAAAA,CAAAA,IAAAA,CAAKI,YAAYlB,CAAC,CAAA,CAAA;AAAA,OAC5B,CAAA,CAAA;AAAA,KACH,CAAA;AAEAmB,IAAM1B,SAAAA,CAAAA,iBAAAA,EAAoBA,CAAAA,kBAAsB,KAAA;AAC9C,MAAI,IAAA,CAAC2B,SAAMzB,CAAAA,OAAO,CAAG,EAAA;AACnB,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,IAAI,CAACF,kBAAmB,EAAA;AACtB2B,QAAMzB,SAAAA,CAAAA,OAAO,EAAG0B,KAAM,EAAA,CAAA;AACtBD,QAAMzB,SAAAA,CAAAA,OAAO,EAAG2B,WAAc,GAAA,CAAA,CAAA;AAAA,OAChC;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,MAAAC,gBAAA,KAAA,EAAA;AAAA,MAAA,OAAA,EAAA,eAAA;AAAA,KAAA,EAAAA,CAAAA,eAAAA,CAAAC,iBAAA,EAAA;AAAA,MAAA,OAGIlC,KAAMS,CAAAA,GAAAA;AAAAA,MAAG,aACD,EAAA,KAAA;AAAA,KACJ,EAAA;AAAA,MACP0B,OAAOA,MAAM;AACX,QAAA,OAAAF,eAAAG,CAAAA,YAAAA,EAAAH,IAAAA,EAAAA,CAAAA,gBAAAI,kBAAA,EAAA;AAAA,UAAA,MAAA,EAAA,IAAA;AAAA,SAAA,EAAA;AAAA,UAAAC,SAAAA,MAAAL,CAAAA,gBAAAM,UAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,SAAA,CAAAN,EAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,sBAAA;AAAA,SAAA,EAAAA,CAAAA,eAAAA,CAAAO,oBAAA,EAAA;AAAA,UAAA,MAAA,EAAA,SAAA;AAAA,UAAA,MAQcC,EAAAA,UAAAA;AAAAA,UAAI,SACDnC,EAAAA,eAAAA;AAAAA,SAAe2B,EAAAA,IAAAA,CAAAA,EAAAA,eAAAA,CAAAO,oBAAA,EAAA;AAAA,UAAA,MAAA,EAAA,SAAA;AAAA,UAAA,MAIlBE,EAAAA,cAAAA;AAAAA,UAAQ,SACLlC,EAAAA,mBAAAA;AAAAA,SAAmB,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAKtC;AAAA,KACD,CAAAyB,EAAAA,eAAAA,CAAAU,oBAAA,EAAA;AAAA,MAAA,cAAA,EAAA,IAAA;AAAA,MAAA,WAIU,EAAA,KAAA;AAAA,MAAK,SACT3C,KAAM4C,CAAAA,WAAAA;AAAAA,MAAW,YAAA,EACZd,UAAM3B,iBAAiB,CAAA;AAAA,MAAC,uBACd0C,CAAM,CAAA,KAAA;AAC1B1C,QAAAA,iBAAAA,CAAkBI,KAAQsC,GAAAA,CAAAA,CAAAA;AAAAA,OAC5B;AAAA,KAAC,EAAA;AAAA,MAAAP,OAAAA,EAAAA,MAAA,CAAAL,eAAAA,CAAA,OAAA,EAAA;AAAA,QAAA,OAAA,EAAA,sBAAA;AAAA,QAAA,OAoBMjC,KAAMS,CAAAA,GAAAA;AAAAA,QAAG,WAAA,EAAA,OAAA;AAAA,QAAA,SAAA,EAAA,MAAA;AAAA,QAAA,UAAA,EAAA,IAAA;AAAA,QAAA,KAAA,EAIRqC,CAAazC,EAAAA,KAAAA,OAAAA,CAAQE,KAAQuC,GAAAA,EAAAA;AAAAA,OAAG,EAAA,IAAA,CAAA,CAAA;AAAA,MAtBtCC,QAASC,CAAe,KAAA,KAAA;AACtB,QAAA,OAAAf,gBAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EAAA,8BAAA;AAAA,SAAA,EAAAA,CAAAA,eAAAA,CAAAO,oBAAA,EAAA;AAAA,UAAA,MAAA,EAAA,SAAA;AAAA,UAAA,MAIYE,EAAAA,cAAAA;AAAAA,UAAQ,SACLlC,EAAAA,mBAAAA;AAAAA,SAAmB,EAAA;AAAA,UAAA8B,OAAAA,EAAAA,MAAA,CAAAW,mBAAAA,CAAA,cAAA,CAAA,CAAA;AAAA,SAAAhB,CAAAA,EAAAA,eAAAA,CAAAO,oBAAA,EAAA;AAAA,UAAA,MAIdU,EAAAA,WAAAA;AAAAA,UAAK,WAAWF,KAAMG,CAAAA,KAAAA;AAAAA,SAAK,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,OAGjD;AAAA,KAaP,CAAA,CAAA,CAAA,CAAA;AAAA,GACH;AACF,CAAC,CAAA;;;;"}

package/dist/cjs/components/business/material-list/index.d.ts

@@ -0,0 +1,39 @@
+export declare const MKMaterialList: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    materialMan: {
+        readonly type: import("vue").PropType<import("../../..").MaterialMan>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    selectable: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    selectedPath: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: import("../../..").Material) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    materialMan: {
+        readonly type: import("vue").PropType<import("../../..").MaterialMan>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    selectable: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    selectedPath: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    "onUpdate:selected-path"?: ((path: any) => any) | undefined;
+    onSelectedChange?: ((material: import("../../..").Material) => any) | undefined;
+}, {
+    selectable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>> & Record<string, any>;
+export default MKMaterialList;
+export * from "./material-list-options";

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/business/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,cAAA,GAAiBA,kBAAYC,YAAY;;;;;;;"}

package/dist/cjs/components/business/material-list/material-group-form-popover.vue.d.ts

@@ -0,0 +1,28 @@
+import { MaterialGroupForm, MaterialMan } from "../../../dataview/material";
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    materialMan: {
+        type: typeof MaterialMan;
+        required: true;
+    };
+    materialGroupForm: {
+        type: typeof MaterialGroupForm;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    materialMan: {
+        type: typeof MaterialMan;
+        required: true;
+    };
+    materialGroupForm: {
+        type: typeof MaterialGroupForm;
+        required: true;
+    };
+}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/cjs/components/business/material-list/material-group-form-popover.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var materialGroupFormPopover_vue_vue_type_script_setup_true_lang = require('./material-group-form-popover.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var MaterialGroupFromPopper = /* @__PURE__ */ _pluginVue_exportHelper(materialGroupFormPopover_vue_vue_type_script_setup_true_lang, [["__file", "D:\\develop\\mkbl\\make-appclient\\packages\\ms-app\\src\\components\\business\\material-list\\material-group-form-popover.vue"]]);
+
+module.exports = MaterialGroupFromPopper;
+//# sourceMappingURL=material-group-form-popover.vue.js.map

package/dist/cjs/components/business/material-list/material-group-form-popover.vue2.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var vue = require('vue');
+var index = require('../../data-model/data-form/index.js');
+var MaterialGroupForm = require('../../../dataview/material/material-group/MaterialGroupForm.js');
+require('@maketribe/dm');
+require('../../../dataview/material/MaterialForm.js');
+require('../../../dataview/material/MaterialTable.js');
+var MaterialMan = require('../../../dataview/material/MaterialMan.js');
+var index$1 = require('../../data-model/data-form/views/form/index.js');
+
+const _hoisted_1 = { style: { "display": "flex", "align-items": "center", "justify-content": "space-between" } };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "material-group-form-popover",
+  props: {
+    materialMan: {
+      type: MaterialMan.MaterialMan,
+      required: true
+    },
+    materialGroupForm: {
+      type: MaterialGroupForm.MaterialGroupForm,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const visible = vue.ref(false);
+    const allowSubmit = vue.computed(
+      () => !props.materialGroupForm.loading || props.materialGroupForm.allowSubmit
+    );
+    const handleSaveClick = async () => {
+      await props.materialGroupForm.simpleSubmit();
+      props.materialMan.materialGroupTree.load();
+      visible.value = false;
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_ElButton = vue.resolveComponent("ElButton");
+      const _component_ElPopover = vue.resolveComponent("ElPopover");
+      return vue.openBlock(), vue.createBlock(_component_ElPopover, {
+        visible: visible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: "\u6DFB\u52A0\u7D20\u6750\u5206\u7EC4",
+        effect: "light",
+        placement: "right",
+        trigger: "click",
+        width: "320"
+      }, {
+        reference: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", null, [
+            vue.createVNode(vue.unref(index.MKDataForm), { "data-form": __props.materialGroupForm }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(index$1.MKForm), { "data-form": __props.materialGroupForm }, null, 8, ["data-form"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["data-form"]),
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createVNode(_component_ElButton, {
+                type: "primary",
+                loading: !allowSubmit.value,
+                onClick: handleSaveClick
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" \u4FDD\u5B58 ")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"]),
+              vue.createVNode(_component_ElButton, { onClick: handleCancelClick }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u53D6\u6D88")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["visible"]);
+    };
+  }
+});
+
+module.exports = _sfc_main;
+//# sourceMappingURL=material-group-form-popover.vue2.js.map

package/dist/cjs/components/business/material-list/material-group-form-popover.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-group-form-popover.vue2.js","sources":["../../../../../src/components/business/material-list/material-group-form-popover.vue"],"sourcesContent":["<template>\n  <ElPopover\n    v-model:visible=\"visible\"\n    title=\"添加素材分组\"\n    effect=\"light\"\n    placement=\"right\"\n    trigger=\"click\"\n    width=\"320\"\n  >\n    <template #reference>\n      <slot></slot>\n    </template>\n\n    <div>\n      <MKDataForm :data-form=\"materialGroupForm\">\n        <MKForm :data-form=\"materialGroupForm\" />\n      </MKDataForm>\n      <div\n        style=\"\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        \"\n      >\n        <ElButton\n          type=\"primary\"\n          :loading=\"!allowSubmit\"\n          @click=\"handleSaveClick\"\n        >\n          保存\n        </ElButton>\n        <ElButton @click=\"handleCancelClick\">取消</ElButton>\n      </div>\n    </div>\n  </ElPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, ref, unref } from \"vue\";\nimport { MKDataForm, MKForm } from \"../../data-model/data-form\";\nimport { MaterialGroupForm, MaterialMan } from \"../../../dataview/material\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  materialGroupForm: {\n    type: MaterialGroupForm,\n    required: true,\n  },\n});\n\nconst visible: Ref<boolean> = ref(false);\n\nconst allowSubmit = computed(\n  () => !props.materialGroupForm.loading || props.materialGroupForm.allowSubmit\n);\n\nconst handleSaveClick = async () => {\n  await props.materialGroupForm.simpleSubmit();\n\n  props.materialMan.materialGroupTree.load();\n\n  visible.value = false;\n};\n\nconst handleCancelClick = () => {\n  visible.value = false;\n};\n</script>\n../../data-model/data-form../../../dataview/material\n"],"names":["ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,IAAM,MAAA,OAAA,GAAwBA,QAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,WAAc,GAAAC,YAAA;AAAA,MAClB,MAAM,CAAC,KAAA,CAAM,iBAAkB,CAAA,OAAA,IAAW,MAAM,iBAAkB,CAAA,WAAA;AAAA,KACpE,CAAA;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAM,MAAA,KAAA,CAAM,kBAAkB,YAAa,EAAA,CAAA;AAE3C,MAAM,KAAA,CAAA,WAAA,CAAY,kBAAkB,IAAK,EAAA,CAAA;AAEzC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/business/material-list/material-group.vue.d.ts

@@ -0,0 +1,13 @@
+import { MaterialMan } from "../../../dataview";
+declare const _default: import("vue").DefineComponent<{
+    materialMan: {
+        type: typeof MaterialMan;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    materialMan: {
+        type: typeof MaterialMan;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/cjs/components/business/material-list/material-group.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var materialGroup_vue_vue_type_script_setup_true_lang = require('./material-group.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var MaterialGroup = /* @__PURE__ */ _pluginVue_exportHelper(materialGroup_vue_vue_type_script_setup_true_lang, [["__file", "D:\\develop\\mkbl\\make-appclient\\packages\\ms-app\\src\\components\\business\\material-list\\material-group.vue"]]);
+
+module.exports = MaterialGroup;
+//# sourceMappingURL=material-group.vue.js.map

package/dist/cjs/components/business/material-list/material-group.vue2.js

@@ -0,0 +1,272 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var icons = require('@element-plus/icons-vue');
+require('../../../dataview/department/DepartmentForm.js');
+require('../../../dataview/department/DepartmentTable.js');
+require('../../../dataview/department/DepartmentTree.js');
+require('../../../dataview/member/MemberForm.js');
+require('../../../dataview/member/MemberTable.js');
+require('../../../dataview/menu/MenuForm.js');
+require('../../../dataview/menu/MenuTable.js');
+require('../../../dataview/menu/MenuTree.js');
+require('@maketribe/dm');
+require('../../../dataview/role/RoleForm.js');
+require('../../../dataview/role/RoleTable.js');
+require('@maketribe/request');
+require('../../../dataview/route/RouteForm.js');
+require('../../../dataview/route/RouteTable.js');
+require('@maketribe/utils');
+require('../../../dataview/config/ConfigForm.js');
+require('../../../dataview/config/ConfigTable.js');
+var MaterialGroupForm = require('../../../dataview/material/material-group/MaterialGroupForm.js');
+require('../../../dataview/material/MaterialForm.js');
+require('../../../dataview/material/MaterialTable.js');
+var MaterialMan = require('../../../dataview/material/MaterialMan.js');
+require('../../../dataview/ip-white-list/IPWhitelistForm.js');
+require('../../../dataview/ip-white-list/IPWhitelistTable.js');
+require('../../../dataview/deny-ip-access-list/DenyIPAccessListForm.js');
+require('../../../dataview/deny-ip-access-list/DenyIPAccessListTable.js');
+require('../../../dataview/region/RegionForm.js');
+require('../../../dataview/region/RegionTable.js');
+require('../../../dataview/log/operate-log/OperateLogTable.js');
+require('../../../dataview/log/login-log/LoginLogTable.js');
+require('../../../dataview/log/request-log/RequestLogTable.js');
+require('../../../dataview/log/local-log/LocalLogTree.js');
+var index = require('../../data-model/data-table/index.js');
+require('../../basic/config-provider/index.js');
+var useI18n = require('../../../composables/use-i18n.js');
+require('vue-router');
+require('@maketribe/locale');
+require('../../../core/DataModelDefines.js');
+var materialGroupFormPopover = require('./material-group-form-popover.vue.js');
+var index$1 = require('../../data-model/data-table/views/tree/index.js');
+
+const _hoisted_1 = { class: "mk-material-group" };
+const _hoisted_2 = { class: "mk-material-group__header" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "mk-material-group__header-title" },
+  "\u7D20\u6750\u5206\u7EC4",
+  -1
+  /* HOISTED */
+);
+const _hoisted_4 = { class: "mk-material-group__main" };
+const _hoisted_5 = { class: "mk-material-group__tools-item" };
+const _hoisted_6 = { class: "mk-material-group__tools-item" };
+const _hoisted_7 = { class: "mk-material-group__tools-item" };
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "mk-material-group__footer" },
+  null,
+  -1
+  /* HOISTED */
+);
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "material-group",
+  props: {
+    materialMan: {
+      type: MaterialMan.MaterialMan,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const i18n = useI18n.useI18n();
+    const materialGroupForm = vue.reactive(
+      new MaterialGroupForm.MaterialGroupForm()
+    );
+    const materialGroupTree = vue.computed(() => props.materialMan.materialGroupTree);
+    const loading = vue.computed(() => props.materialMan.materialGroupTree.loading);
+    const handleNodeClick = (item) => {
+      if (!item.children.length) {
+        props.materialMan.setCurrentMaterialGroup(item.data);
+      }
+    };
+    const handleAddClick = async (parent) => {
+      materialGroupForm.addRecord();
+      await vue.nextTick();
+      materialGroupForm.setData({
+        ...materialGroupForm.data,
+        parentGroupId: parent?.id || null
+      });
+    };
+    const handleEditClick = (item) => {
+      materialGroupForm.editRecord(item);
+    };
+    const handleDeleteClick = async (item) => {
+      const isConfirm = await elementPlus.ElMessageBox.confirm(
+        i18n.translate("mk.dataTablePage.deleteMessage"),
+        i18n.translate("mk.dataTablePage.deleteTitle"),
+        { type: "warning" }
+      ).then(
+        () => true,
+        () => false
+      );
+      if (!isConfirm) {
+        return;
+      }
+      const result = await props.materialMan.materialGroupTree.deleteAfterRefresh(
+        item
+      );
+      if (result.data.code !== 200) {
+        elementPlus.ElMessage.error(result.data.msg);
+        return;
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_ElButton = vue.resolveComponent("ElButton");
+      const _component_ElIcon = vue.resolveComponent("ElIcon");
+      const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+      const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          _hoisted_3,
+          vue.createVNode(materialGroupFormPopover, {
+            "material-man": __props.materialMan,
+            "material-group-form": materialGroupForm
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ElButton, {
+                onClick: handleAddClick,
+                icon: vue.unref(icons.Plus),
+                size: "small",
+                type: "primary"
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["material-man", "material-group-form"])
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createVNode(_component_ElScrollbar, { height: "100%" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index.MKDataTable), {
+                "auto-load": false,
+                "data-table": materialGroupTree.value,
+                "highlight-current": ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index$1.MKTree), {
+                    "data-tree": materialGroupTree.value,
+                    onNodeClick: handleNodeClick
+                  }, {
+                    "node-tools": vue.withCtx(({ data }) => [
+                      vue.createElementVNode("div", {
+                        class: "mk-material-group__tools",
+                        onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                        }, ["stop"]))
+                      }, [
+                        vue.createVNode(
+                          _component_ElTooltip,
+                          { content: "\u6DFB\u52A0" },
+                          {
+                            default: vue.withCtx(() => [
+                              vue.createElementVNode("span", _hoisted_5, [
+                                vue.createVNode(materialGroupFormPopover, {
+                                  "material-man": __props.materialMan,
+                                  "material-group-form": materialGroupForm
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(_component_ElIcon, {
+                                      onClick: ($event) => handleAddClick(data.data)
+                                    }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(icons.Plus))
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    }, 1032, ["onClick"])
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["material-man", "material-group-form"])
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        ),
+                        vue.createVNode(
+                          _component_ElTooltip,
+                          { content: "\u7F16\u8F91" },
+                          {
+                            default: vue.withCtx(() => [
+                              vue.createElementVNode("span", _hoisted_6, [
+                                vue.createVNode(materialGroupFormPopover, {
+                                  "material-man": __props.materialMan,
+                                  "material-group-form": materialGroupForm
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(_component_ElIcon, {
+                                      onClick: ($event) => handleEditClick(data.data)
+                                    }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(icons.Edit))
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    }, 1032, ["onClick"])
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["material-man", "material-group-form"])
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        ),
+                        vue.createVNode(
+                          _component_ElTooltip,
+                          { content: "\u5220\u9664" },
+                          {
+                            default: vue.withCtx(() => [
+                              vue.createElementVNode("span", _hoisted_7, [
+                                vue.createVNode(_component_ElIcon, {
+                                  onClick: ($event) => handleDeleteClick(data.data)
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(icons.Delete))
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["onClick"])
+                              ])
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          },
+                          1024
+                          /* DYNAMIC_SLOTS */
+                        )
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["data-tree"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["data-table"])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _hoisted_8
+      ])), [
+        [_directive_loading, loading.value]
+      ]);
+    };
+  }
+});
+
+module.exports = _sfc_main;
+//# sourceMappingURL=material-group.vue2.js.map

package/dist/cjs/components/business/material-list/material-group.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-group.vue2.js","sources":["../../../../../src/components/business/material-list/material-group.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-group\" v-loading=\"loading\">\n    <div class=\"mk-material-group__header\">\n      <div class=\"mk-material-group__header-title\">素材分组</div>\n      <MaterialGroupFromPopper\n        :material-man=\"materialMan\"\n        :material-group-form=\"materialGroupForm\"\n      >\n        <ElButton\n          @click=\"handleAddClick\"\n          :icon=\"Plus\"\n          size=\"small\"\n          type=\"primary\"\n        >\n        </ElButton>\n      </MaterialGroupFromPopper>\n    </div>\n    <div class=\"mk-material-group__main\">\n      <ElScrollbar height=\"100%\">\n        <MKDataTable\n          :auto-load=\"false\"\n          :data-table=\"materialGroupTree\"\n          highlight-current\n        >\n          <MKTree :data-tree=\"materialGroupTree\" @nodeClick=\"handleNodeClick\">\n            <template #node-tools=\"{ data }\">\n              <div class=\"mk-material-group__tools\" @click.stop>\n                <ElTooltip content=\"添加\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <MaterialGroupFromPopper\n                      :material-man=\"materialMan\"\n                      :material-group-form=\"materialGroupForm\"\n                    >\n                      <ElIcon @click=\"handleAddClick(data.data)\">\n                        <Plus />\n                      </ElIcon>\n                    </MaterialGroupFromPopper>\n                  </span>\n                </ElTooltip>\n                <ElTooltip content=\"编辑\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <MaterialGroupFromPopper\n                      :material-man=\"materialMan\"\n                      :material-group-form=\"materialGroupForm\"\n                    >\n                      <ElIcon @click=\"handleEditClick(data.data)\">\n                        <Edit />\n                      </ElIcon>\n                    </MaterialGroupFromPopper>\n                  </span>\n                </ElTooltip>\n                <ElTooltip content=\"删除\">\n                  <span class=\"mk-material-group__tools-item\">\n                    <ElIcon @click=\"handleDeleteClick(data.data)\">\n                      <Delete />\n                    </ElIcon>\n                  </span>\n                </ElTooltip>\n              </div>\n            </template>\n          </MKTree>\n        </MKDataTable>\n      </ElScrollbar>\n    </div>\n    <div class=\"mk-material-group__footer\"></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, nextTick, reactive } from \"vue\";\nimport { ElMessage, ElMessageBox } from \"element-plus\";\nimport { Plus, Edit, Delete } from \"@element-plus/icons-vue\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n} from \"../../../dataview\";\nimport { MKDataTable, MKTree } from \"../../data-model/data-table\";\n\nimport { useI18n } from \"../../../composables\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\nimport { DataTreeNode } from \"@maketribe/dm\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n});\n\nconst i18n = useI18n()!;\n\nconst materialGroupForm = reactive(\n  new MaterialGroupForm()\n) as MaterialGroupForm;\n\nconst materialGroupTree = computed(() => props.materialMan.materialGroupTree);\n\nconst loading = computed(() => props.materialMan.materialGroupTree.loading);\n\nconst handleNodeClick = (item: DataTreeNode<MaterialGroupNode>) => {\n  if (!item.children.length) {\n    props.materialMan.setCurrentMaterialGroup(item.data);\n  }\n};\n\nconst handleAddClick = async (parent?: MaterialGroupNode) => {\n  materialGroupForm.addRecord();\n\n  await nextTick();\n\n  materialGroupForm.setData({\n    ...materialGroupForm.data,\n    parentGroupId: parent?.id || null,\n  } as MaterialGroupNode);\n};\n\nconst handleEditClick = (item: MaterialGroupNode) => {\n  materialGroupForm.editRecord(item);\n};\n\nconst handleDeleteClick = async (item: MaterialGroupNode) => {\n  const isConfirm = await ElMessageBox.confirm(\n    i18n.translate(\"mk.dataTablePage.deleteMessage\"),\n    i18n.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 props.materialMan.materialGroupTree.deleteAfterRefresh(\n    item\n  );\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n};\n</script>\n../../../dataview../../data-model/data-table../../../composables\n"],"names":["useI18n","reactive","MaterialGroupForm","computed","nextTick","ElMessageBox","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,OAAOA,eAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAAC,YAAA;AAAA,MACxB,IAAIC,mCAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAA,MAAM,iBAAoB,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,YAAY,iBAAiB,CAAA,CAAA;AAE5E,IAAA,MAAM,UAAUA,YAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,kBAAkB,OAAO,CAAA,CAAA;AAE1E,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA0C,KAAA;AACjE,MAAI,IAAA,CAAC,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzB,QAAM,KAAA,CAAA,WAAA,CAAY,uBAAwB,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,OACrD;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,cAAA,GAAiB,OAAO,MAA+B,KAAA;AAC3D,MAAA,iBAAA,CAAkB,SAAU,EAAA,CAAA;AAE5B,MAAA,MAAMC,YAAS,EAAA,CAAA;AAEf,MAAA,iBAAA,CAAkB,OAAQ,CAAA;AAAA,QACxB,GAAG,iBAAkB,CAAA,IAAA;AAAA,QACrB,aAAA,EAAe,QAAQ,EAAM,IAAA,IAAA;AAAA,OACT,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,OAAO,IAA4B,KAAA;AAC3D,MAAM,MAAA,SAAA,GAAY,MAAMC,wBAAa,CAAA,OAAA;AAAA,QACnC,IAAA,CAAK,UAAU,gCAAgC,CAAA;AAAA,QAC/C,IAAA,CAAK,UAAU,8BAA8B,CAAA;AAAA,QAC7C,EAAE,MAAM,SAAU,EAAA;AAAA,OAClB,CAAA,IAAA;AAAA,QACA,MAAM,IAAA;AAAA,QACN,MAAM,KAAA;AAAA,OACR,CAAA;AAEA,MAAA,IAAI,CAAC,SAAW,EAAA;AACd,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,WAAA,CAAY,iBAAkB,CAAA,kBAAA;AAAA,QACvD,IAAA;AAAA,OACF,CAAA;AAEA,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAUC,qBAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/business/material-list/material-item.vue.d.ts

@@ -0,0 +1,21 @@
+import { MaterialTable } from "../../../dataview";
+declare const _default: import("vue").DefineComponent<{
+    materialTable: {
+        type: typeof MaterialTable;
+        required: true;
+    };
+    material: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    materialTable: {
+        type: typeof MaterialTable;
+        required: true;
+    };
+    material: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,9 @@
+'use strict';
+
+var materialItem_vue_vue_type_script_setup_true_lang = require('./material-item.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var MaterialItem = /* @__PURE__ */ _pluginVue_exportHelper(materialItem_vue_vue_type_script_setup_true_lang, [["__file", "D:\\develop\\mkbl\\make-appclient\\packages\\ms-app\\src\\components\\business\\material-list\\material-item.vue"]]);
+
+module.exports = MaterialItem;
+//# sourceMappingURL=material-item.vue.js.map

package/dist/cjs/components/business/material-list/material-item.vue2.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var vue = require('vue');
+require('../../../dataview/department/DepartmentForm.js');
+require('../../../dataview/department/DepartmentTable.js');
+require('../../../dataview/department/DepartmentTree.js');
+require('../../../dataview/member/MemberForm.js');
+require('../../../dataview/member/MemberTable.js');
+require('../../../dataview/menu/MenuForm.js');
+require('../../../dataview/menu/MenuTable.js');
+require('../../../dataview/menu/MenuTree.js');
+require('@maketribe/dm');
+require('../../../dataview/role/RoleForm.js');
+require('../../../dataview/role/RoleTable.js');
+require('@maketribe/request');
+require('../../../dataview/route/RouteForm.js');
+require('../../../dataview/route/RouteTable.js');
+require('@maketribe/utils');
+require('../../../dataview/config/ConfigForm.js');
+require('../../../dataview/config/ConfigTable.js');
+require('../../../dataview/material/MaterialForm.js');
+var MaterialTable = require('../../../dataview/material/MaterialTable.js');
+require('../../../dataview/ip-white-list/IPWhitelistForm.js');
+require('../../../dataview/ip-white-list/IPWhitelistTable.js');
+require('../../../dataview/deny-ip-access-list/DenyIPAccessListForm.js');
+require('../../../dataview/deny-ip-access-list/DenyIPAccessListTable.js');
+require('../../../dataview/region/RegionForm.js');
+require('../../../dataview/region/RegionTable.js');
+require('../../../dataview/log/operate-log/OperateLogTable.js');
+require('../../../dataview/log/login-log/LoginLogTable.js');
+require('../../../dataview/log/request-log/RequestLogTable.js');
+require('../../../dataview/log/local-log/LocalLogTree.js');
+
+const _hoisted_1 = { class: "mk-material-item__preview" };
+const _hoisted_2 = { class: "mk-material-item__title" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "material-item",
+  props: {
+    materialTable: { type: MaterialTable.MaterialTable, required: true },
+    material: { type: Object, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const MaterialComponent = vue.computed(() => {
+      const component = props.materialTable.resolveMaterialComponent(props.material) || props.materialTable.materialComponents.resolveComponent("MKFileView");
+      return vue.toRaw(component.component);
+    });
+    return (_ctx, _cache) => {
+      const _component_ElCard = vue.resolveComponent("ElCard");
+      return vue.openBlock(), vue.createBlock(_component_ElCard, {
+        class: "mk-material-item",
+        shadow: "never"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(vue.unref(MaterialComponent), {
+              src: __props.material.path
+            }, null, 8, ["src"])
+          ]),
+          vue.createElementVNode(
+            "div",
+            _hoisted_2,
+            vue.toDisplayString(__props.material.desc),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+module.exports = _sfc_main;
+//# sourceMappingURL=material-item.vue2.js.map

package/dist/cjs/components/business/material-list/material-item.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-item.vue2.js","sources":["../../../../../src/components/business/material-list/material-item.vue"],"sourcesContent":["<template>\n  <ElCard class=\"mk-material-item\" shadow=\"never\">\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 { Material, MaterialTable } from \"../../../dataview\";\nimport { computed, toRaw } from \"vue\";\n\nconst props = defineProps({\n  materialTable: { type: MaterialTable, required: true },\n  material: { type: Object, required: true },\n});\n\nconst MaterialComponent = computed(() => {\n  const component =\n    props.materialTable.resolveMaterialComponent(props.material as Material) ||\n    props.materialTable.materialComponents.resolveComponent(\"MKFileView\")!;\n\n  return toRaw(component.component);\n});\n</script>\n../../../dataview\n"],"names":["computed","toRaw"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAM,MAAA,iBAAA,GAAoBA,aAAS,MAAM;AACvC,MAAM,MAAA,SAAA,GACJ,KAAM,CAAA,aAAA,CAAc,wBAAyB,CAAA,KAAA,CAAM,QAAoB,CAAA,IACvE,KAAM,CAAA,aAAA,CAAc,kBAAmB,CAAA,gBAAA,CAAiB,YAAY,CAAA,CAAA;AAEtE,MAAO,OAAAC,SAAA,CAAM,UAAU,SAAS,CAAA,CAAA;AAAA,KACjC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}