@maketribe/ms-app 3.2.3 → 3.2.4

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

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

package/dist/esm/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,2DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,WAAW;AAAA,IAChBC,mBAAmB;AAAA,MACjBC,MAAMC;AAAAA,MACNC,UAAU;AAAA,IACX;AAAA,IACDC,mBAAmB;AAAA,MACjBH,MAAMI;AAAAA,MACNF,UAAU;AAAA,IACZ;AAAA,EACF,CAAU;AAAA,EACVG,MAAMR,OAAO;AAAA,IAAES;AAAAA,EAAM,GAAG;AACtB,UAAMC,UAAUC,IAAI,KAAK;AAEzB,UAAMC,UAAUC,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,YAAAC,WAAA;AAAA,QAAA,WAEaC,MAAMX,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,YAAAA,OAAAA,MAAAA,CAAAA,YAAAK,YAAA;AAAA,UAAA,aAW5BxB,MAAMM;AAAAA,QAAiB,GAAA;AAAA,UAAAiB,SAAAA,MAAAJ,CAAAA,YAAAM,QAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,GAAAN,YAAA,OAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAO,UAAA;AAAA,UAAA,WAIzBR;AAAAA,QAAiB,GAAA;AAAA,UAAAK,SAAAA,MAAA,CAAAI,gBAAA,IAAA,CAAA;AAAA,SAAAR,GAAAA,YAAAO,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WAGzBL,MAAMT,OAAO;AAAA,UAAC,WACdE;AAAAA,QAAkB,GAAA;AAAA,UAAAS,SAAAA,MAAA,CAAAI,gBAAA,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/esm/modules/ms/components/material-list/material-group.js

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

package/dist/esm/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/esm/modules/ms/components/material-list/material-item.vue.js

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

package/dist/esm/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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAM,QAAQ;AAKR,UAAA,oBAAoB,SAAS,MAAM;AACjC,YAAA,YACJ,MAAM,cAAc,yBAAyB,MAAM,QAAsB,KACzE,MAAM,cAAc,mBAAmB,iBAAiB,YAAY;AAE/D,aAAA,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":[],"mappings":";;;;;;;;;;;;;;;;AA0CA,UAAM,QAAQ;AAKd,UAAM,OAAO;AAEb,UAAM,aAAa;AAAA,MAAS,MAC1B,MAAM,cAAc,aAAA,EAAe,SAAS,MAAM,SAAS,EAAE;AAAA,IAAA;AAG/D,UAAM,2BAA2B;AAAA,MAC/B,MAAA;;AAAM,4BAAM,cAAc,wBAApB,mBAAyC,UAAS;AAAA;AAAA,IAAA;AAGpD,UAAA,oBAAoB,SAAS,MAAM;AACjC,YAAA,YACJ,MAAM,cAAc;AAAA,QAClB,MAAM;AAAA,MACH,KAAA,MAAM,cAAc,mBAAmB,iBAAiB,YAAY;AAEpE,aAAA,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/esm/modules/ms/components/material-list/material-list-options.js

@@ -1,13 +1,16 @@
 import { buildProps } from "@maketribe/utils";
 import "@maketribe/dm";
+import { MsMaterialTable } from "../../dataviews/ms-material/MsMaterialTable.js";
+import "@maketribe/request";
 import "vue";
 import "element-plus";
 import "../../../../core/DataModelDefines.js";
 import "vue-router";
-import "@maketribe/request";
 import "@maketribe/locale";
-import { MsMaterialMan } from "../../dataviews/ms-material/MsMaterialMan.js";
 import "../../../../components/basic/svg-icon/index.js";
+import "../../../../components/data-model/data-form/index.js";
+import "../../../../components/data-model/data-table/index.js";
+import "../../../../components/data-model/data-table-pagination/index.js";
 import "../../../../components/abstract/abstract-select/abstract-select.js";
 import "../../../../components/abstract/abstract-select/abstract-select-options.js";
 import "../../../../components/basic/button/button-options.js";
@@ -28,9 +31,7 @@ import "../../../../components/basic/upload-file/ui/upload-image/index.js";
 import "../../../../components/basic/upload-file/upload-file-options.js";
 import "../../../../components/basic/doc-editor/index.js";
 import "../../../../components/basic/copy-container/index.js";
-import "../../../../components/data-model/data-form/index.js";
-import "../../../../components/data-model/data-table/index.js";
-import "../../../../components/data-model/data-table-pagination/index.js";
+import "../../../../components/basic/image-cropper/index.js";
 import "../../../../components/business/verify-dialog/index.js";
 import "../../../../components/business/resource-list/index.js";
 import "../../../../components/business/resource-manager/index.js";
@@ -42,9 +43,8 @@ import "../../dataviews/log/login-log/LoginLogTable.js";
 import "../../dataviews/log/request-log/RequestLogTable.js";
 import "../../dataviews/log/local-log/LocalLogTree.js";
 const materialListProps = buildProps({
-  materialMan: {
-    type: MsMaterialMan,
-    required: true
+  materialTable: {
+    type: MsMaterialTable
   },
   selectable: {
     type: Boolean,
@@ -54,12 +54,7 @@ const materialListProps = buildProps({
     type: String
   }
 });
-const materialListEmits = {
-  "update:selected-path": (path) => true,
-  selectedChange: (material) => true
-};
 export {
-  materialListEmits,
   materialListProps
 };
 //# sourceMappingURL=material-list-options.js.map

package/dist/esm/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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,aAAa;AAAA,IACX,MAAM;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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,EACR;AACF,CAAU;"}