@maketribe/ms-app 3.0.0

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

@@ -0,0 +1,28 @@
+import { MaterialGroupForm, MaterialMan } from "../../dataview";
+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/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", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/components/material-list/material-group-form-popover.vue"]]);
+
+module.exports = MaterialGroupFromPopper;
+//# sourceMappingURL=material-group-form-popover.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"material-group-form-popover.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -0,0 +1,109 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var dmUi = require('@maketribe/dm-ui');
+require('../../dataview/department/DepartmentForm.js');
+require('../../dataview/department/DepartmentTable.js');
+require('../../dataview/member/MemberForm.js');
+require('../../dataview/member/MemberTable.js');
+require('../../dataview/menu/MenuForm.js');
+require('../../dataview/menu/MenuTable.js');
+require('@maketribe/request');
+require('@maketribe/dm');
+require('../../dataview/role/RoleForm.js');
+require('../../dataview/role/RoleTable.js');
+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');
+
+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 loading = vue.computed(() => props.materialGroupForm.loading);
+    const allowSubmit = vue.computed(
+      () => !!(vue.unref(loading) || !props.materialGroupForm.allowSubmit)
+    );
+    const handleSaveClick = async () => {
+      const result = await props.materialGroupForm.submit();
+      if (result.data.code !== 200) {
+        elementPlus.ElMessage.error(result.data.msg);
+        return;
+      }
+      props.materialMan.materialGroupTable.load();
+      visible.value = false;
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_ElButton = vue.resolveComponent("ElButton");
+      const _component_ElPopover = vue.resolveComponent("ElPopover");
+      const _directive_loading = vue.resolveDirective("loading");
+      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.withDirectives(vue.createVNode(vue.unref(dmUi.MKDataForm), { "data-form": __props.materialGroupForm }, null, 8, ["data-form"]), [
+              [_directive_loading, loading.value]
+            ]),
+            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/material-list/material-group-form-popover.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-group-form-popover.vue2.js","sources":["../../../../src/components/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\"  v-loading=\"loading\" />\n      <div style=\" display: flex; align-items: center; justify-content: space-between;\">\n        <ElButton type=\"primary\" :loading=\"!allowSubmit\" @click=\"handleSaveClick\" >\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 { ElMessage } from \"element-plus\";\nimport { MKDataForm } from \"@maketribe/dm-ui\";\nimport { MaterialGroupForm, MaterialMan } from \"../../dataview\";\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 loading = computed(() => props.materialGroupForm.loading);\nconst allowSubmit = computed(\n  () => !!(unref(loading) || !props.materialGroupForm.allowSubmit)\n);\n\nconst handleSaveClick = async () => {\n  const result = await props.materialGroupForm.submit();\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n\n  props.materialMan.materialGroupTable.load();\n\n  visible.value = false;\n};\n\nconst handleCancelClick = () => {\n  visible.value = false;\n};\n</script>\n"],"names":["ref","computed","unref","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAM,MAAA,OAAA,GAAwBA,QAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,OAAU,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,OAAO,CAAA,CAAA;AAC9D,IAAA,MAAM,WAAc,GAAAA,YAAA;AAAA,MAClB,MAAM,CAAC,EAAEC,SAAA,CAAM,OAAO,CAAK,IAAA,CAAC,MAAM,iBAAkB,CAAA,WAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,iBAAA,CAAkB,MAAO,EAAA,CAAA;AAEpD,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;AAEA,MAAM,KAAA,CAAA,WAAA,CAAY,mBAAmB,IAAK,EAAA,CAAA;AAE1C,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/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/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", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/components/material-list/material-group.vue"]]);
+
+module.exports = MaterialGroup;
+//# sourceMappingURL=material-group.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"material-group.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -0,0 +1,246 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var icons = require('@element-plus/icons');
+require('../../dataview/department/DepartmentForm.js');
+require('../../dataview/department/DepartmentTable.js');
+require('../../dataview/member/MemberForm.js');
+require('../../dataview/member/MemberTable.js');
+require('../../dataview/menu/MenuForm.js');
+require('../../dataview/menu/MenuTable.js');
+require('@maketribe/request');
+require('@maketribe/dm');
+require('../../dataview/role/RoleForm.js');
+require('../../dataview/role/RoleTable.js');
+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');
+var dmUi = require('@maketribe/dm-ui');
+var materialGroupFormPopover = require('./material-group-form-popover.vue.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 = dmUi.useI18n();
+    const materialGroupForm = vue.reactive(
+      new MaterialGroupForm.MaterialGroupForm()
+    );
+    window.materialGroupForm = materialGroupForm;
+    const materialGroupTable = vue.computed(() => props.materialMan.materialGroupTable);
+    const loading = vue.computed(() => props.materialMan.materialGroupTable.loading);
+    const handleNodeClick = (item) => {
+      if (!item.children.length) {
+        props.materialMan.setCurrentMaterialGroupId(item.id);
+      }
+    };
+    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.materialGroupTable.deleteRecordAfterRefresh(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(dmUi.MKDataTree), {
+                "auto-load": false,
+                "data-table": materialGroupTable.value,
+                props: { label: "desc", children: "children" },
+                "highlight-current": "",
+                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)
+                                }, {
+                                  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)
+                                }, {
+                                  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)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(icons.Delete))
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["onClick"])
+                          ])
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      },
+                      1024
+                      /* DYNAMIC_SLOTS */
+                    )
+                  ])
+                ]),
+                _: 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/material-list/material-group.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-group.vue2.js","sources":["../../../../src/components/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        <MKDataTree\n          :auto-load=\"false\"\n          :data-table=\"materialGroupTable\"\n          :props=\"{ label: 'desc', children: 'children' }\"\n          highlight-current\n          @nodeClick=\"handleNodeClick\"\n        >\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)\"><Plus /></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)\"><Edit /></ElIcon>\n                  </MaterialGroupFromPopper>\n                </span>\n              </ElTooltip>\n              <ElTooltip content=\"删除\">\n                <span class=\"mk-material-group__tools-item\">\n                  <ElIcon @click=\"handleDeleteClick(data)\"><Delete /></ElIcon>\n                </span>\n              </ElTooltip>\n            </div>\n          </template>\n        </MKDataTree>\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\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n  Material,\n} from \"../../dataview\";\nimport { MKDataTree, useI18n } from \"@maketribe/dm-ui\";\nimport MaterialGroupFromPopper from \"./material-group-form-popover.vue\";\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\n(window as any).materialGroupForm = materialGroupForm;\n\nconst materialGroupTable = computed(() => props.materialMan.materialGroupTable);\n\nconst loading = computed(() => props.materialMan.materialGroupTable.loading);\n\nconst handleNodeClick = (item: MaterialGroupNode) => {\n  if (!item.children.length) {\n    props.materialMan.setCurrentMaterialGroupId(item.id);\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 =\n    await props.materialMan.materialGroupTable.deleteRecordAfterRefresh(item);\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n};\n</script>\n"],"names":["useI18n","reactive","MaterialGroupForm","computed","nextTick","ElMessageBox","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAOA,YAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAAC,YAAA;AAAA,MACxB,IAAIC,mCAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAAC,YAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAUA,YAAS,CAAA,MAAM,KAAM,CAAA,WAAA,CAAY,mBAAmB,OAAO,CAAA,CAAA;AAE3E,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA4B,KAAA;AACnD,MAAI,IAAA,CAAC,IAAK,CAAA,QAAA,CAAS,MAAQ,EAAA;AACzB,QAAM,KAAA,CAAA,WAAA,CAAY,yBAA0B,CAAA,IAAA,CAAK,EAAE,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,SACJ,MAAM,KAAA,CAAM,WAAY,CAAA,kBAAA,CAAmB,yBAAyB,IAAI,CAAA,CAAA;AAE1E,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/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/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", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/components/material-list/material-item.vue"]]);
+
+module.exports = MaterialItem;
+//# sourceMappingURL=material-item.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"material-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -0,0 +1,64 @@
+'use strict';
+
+var vue = require('vue');
+require('../../dataview/department/DepartmentForm.js');
+require('../../dataview/department/DepartmentTable.js');
+require('../../dataview/member/MemberForm.js');
+require('../../dataview/member/MemberTable.js');
+require('../../dataview/menu/MenuForm.js');
+require('../../dataview/menu/MenuTable.js');
+require('@maketribe/request');
+require('@maketribe/dm');
+require('../../dataview/role/RoleForm.js');
+require('../../dataview/role/RoleTable.js');
+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');
+
+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/material-list/material-item.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-item.vue2.js","sources":["../../../../src/components/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"],"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/material-list/material-list-options.d.ts

@@ -0,0 +1,21 @@
+import { ExtractPropTypes } from "vue";
+import { MaterialMan } from "../../dataview";
+export declare const materialListProps: {
+    readonly materialMan: {
+        readonly type: import("vue").PropType<MaterialMan>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly selectable: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly selectedPath: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type MaterialListProps = ExtractPropTypes<typeof materialListProps>;
+export declare const materialListEmits: {
+    "update:selected-path": (path: any) => boolean;
+};

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

@@ -0,0 +1,41 @@
+'use strict';
+
+var utils = require('@maketribe/utils');
+require('../../dataview/department/DepartmentForm.js');
+require('../../dataview/department/DepartmentTable.js');
+require('../../dataview/member/MemberForm.js');
+require('../../dataview/member/MemberTable.js');
+require('../../dataview/menu/MenuForm.js');
+require('../../dataview/menu/MenuTable.js');
+require('@maketribe/request');
+require('@maketribe/dm');
+require('../../dataview/role/RoleForm.js');
+require('../../dataview/role/RoleTable.js');
+require('../../dataview/route/RouteForm.js');
+require('../../dataview/route/RouteTable.js');
+require('../../dataview/config/ConfigForm.js');
+require('../../dataview/config/ConfigTable.js');
+require('../../dataview/material/MaterialForm.js');
+require('../../dataview/material/MaterialTable.js');
+var MaterialMan = require('../../dataview/material/MaterialMan.js');
+
+const materialListProps = utils.buildProps({
+  materialMan: {
+    type: MaterialMan.MaterialMan,
+    required: true
+  },
+  selectable: {
+    type: Boolean,
+    default: false
+  },
+  selectedPath: {
+    type: String
+  }
+});
+const materialListEmits = {
+  "update:selected-path": (path) => typeof path === "string"
+};
+
+exports.materialListEmits = materialListEmits;
+exports.materialListProps = materialListProps;
+//# sourceMappingURL=material-list-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"material-list-options.js","sources":["../../../../src/components/material-list/material-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { MaterialMan } from \"../../dataview\";\n\nexport const materialListProps = buildProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\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\nexport const materialListEmits = {\n  \"update:selected-path\": (path: any) => typeof path === \"string\",\n};\n"],"names":["buildProps","MaterialMan"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoBA,gBAAW,CAAA;AAAA,EAC1C,WAAa,EAAA;AAAA,IACX,IAAM,EAAAC,uBAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AACF,CAAU,EAAA;AAIH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,sBAAwB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AACzD;;;;;"}