@maketribe/ms-app 3.0.4 → 3.0.6

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

@@ -1 +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-vue\";\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAA,QAAA;AAAA,MACxB,IAAI,iBAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAU,QAAS,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,MAAM,QAAS,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,MAAM,YAAa,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,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-vue\";\nimport {\n  MaterialMan,\n  MaterialGroupNode,\n  MaterialGroupForm,\n} from \"../../dataview\";\nimport { MKDataTree } from \"../data-model/data-tree\";\nimport { useI18n } from \"../../composables\";\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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA,IAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,IAAA,MAAM,iBAAoB,GAAA,QAAA;AAAA,MACxB,IAAI,iBAAkB,EAAA;AAAA,KACxB,CAAA;AAEA,IAAC,OAAe,iBAAoB,GAAA,iBAAA,CAAA;AAEpC,IAAA,MAAM,kBAAqB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,kBAAkB,CAAA,CAAA;AAE9E,IAAA,MAAM,UAAU,QAAS,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,MAAM,QAAS,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,MAAM,YAAa,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,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 export declare const materialListProps: {
     readonly materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -18,4 +18,5 @@ export declare const materialListProps: {
 export type MaterialListProps = ExtractPropTypes<typeof materialListProps>;
 export declare const materialListEmits: {
     "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: Material) => boolean;
 };

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

@@ -31,7 +31,8 @@ const materialListProps = buildProps({
   }
 });
 const materialListEmits = {
-  "update:selected-path": (path) => typeof path === "string"
+  "update:selected-path": (path) => true,
+  selectedChange: (material) => true
 };
 
 export { materialListEmits, materialListProps };

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

@@ -1 +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":[],"mappings":";;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,WAAA;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;;;;"}
+{"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 { Material, 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) => true,\n  selectedChange: (material: Material) => true,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAC1C,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,WAAA;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,sBAAA,EAAwB,CAAC,IAAc,KAAA,IAAA;AAAA,EACvC,cAAA,EAAgB,CAAC,QAAuB,KAAA,IAAA;AAC1C;;;;"}

package/dist/esm/components/material-list/material-list.vue.d.ts

@@ -1,3 +1,4 @@
+import { Material } from "../../dataview";
 declare const _default: import("vue").DefineComponent<{
     materialMan: {
         readonly type: import("vue").PropType<import("../../dataview").MaterialMan>;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected-path": (path: any) => boolean;
+    selectedChange: (material: Material) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     materialMan: {
         readonly type: import("vue").PropType<import("../../dataview").MaterialMan>;
@@ -30,6 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:selected-path"?: ((path: any) => any) | undefined;
+    onSelectedChange?: ((material: Material) => any) | undefined;
 }, {
     selectable: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;

package/dist/esm/components/material-list/material-list.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, withCtx, createCommentVNode, createBlock } from 'vue';
 import { ElPagination } from 'element-plus';
-import { MKUploadFile } from '@maketribe/dm-ui';
+import { MKUploadFile } from '../upload-file/index.js';
 import MaterialGroup from './material-group.vue.js';
 import MaterialItem from './material-item.vue.js';
 import { materialListProps, materialListEmits } from './material-list-options.js';
@@ -54,7 +54,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       pageSize.value = v;
     };
     const materialList = computed(() => unref(materialTable).getList());
-    const materialTypes = computed(() => props.materialMan.materialTypes);
+    const materialTypes = computed(() => props.materialMan.getMaterialType());
     const currentMaterialTypeId = computed(
       () => props.materialMan.currentMaterialTypeId
     );
@@ -74,6 +74,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       event.preventDefault();
       event.stopPropagation();
       value.value = material.path;
+      emit("selectedChange", material);
     };
     return (_ctx, _cache) => {
       const _component_ElButton = resolveComponent("ElButton");

package/dist/esm/components/material-list/material-list.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-list\">\n    <MaterialGroup :material-man=\"materialMan\" />\n    <div class=\"mk-material-list__main\" v-loading=\"loading\">\n      <div class=\"mk-material-list__header\">\n        <div class=\"mk-material-list__header-left\">\n          <div class=\"mk-material-list__types\">\n            <div\n              v-for=\"item of materialTypes\"\n              :key=\"item.value\"\n              :class=\"[\n                'mk-material-list__type',\n                currentMaterialTypeId === item.value ? 'is-active' : '',\n              ]\"\n              @click=\"handleMaterialTypeClick(item)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mk-material-list__header-right\">\n          <template v-if=\"currentMaterialType\">\n            {{ currentMaterialType.label }}大小不超过\n            {{ currentMaterialType.limit }} M\n            <MKUploadFile\n              :upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <ElButton type=\"primary\">\n                选择{{ currentMaterialType.label }}\n              </ElButton>\n            </MKUploadFile>\n          </template>\n        </div>\n      </div>\n\n      <div class=\"mk-material-list__body\">\n        <ElScrollbar height=\"100%\">\n          <div class=\"mk-material-list__wrapper\">\n            <MaterialItem\n              v-for=\"material of materialList\"\n              :key=\"material.id\"\n              :class=\"[\n                'mk-material-list__item',\n                value === material.path ? 'is-current' : '',\n              ]\"\n              :material-table=\"materialTable\"\n              :material=\"material\"\n              @click.capture=\"handleMaterialItemClick($event, material)\"\n            />\n          </div>\n        </ElScrollbar>\n      <div class=\"mk-material-list__footer\">\n        <ElPagination\n          class=\"mk-data-table-pagination\"\n          :background=\"true\"\n          :pageSizes=\"unref(pageSizes)\"\n          :currentPage=\"unref(currentPage)\"\n          :pageSize=\"unref(pageSize)\"\n          :total=\"unref(totalRecCount)\"\n          layout=\"prev, pager, next\"\n          @current-change=\"changeCurrentPage\"\n          @size-change=\"changePageSize\"\n        />\n      </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, watch } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile } from \"@maketribe/dm-ui\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n  get: () => {\n    return props.selectable ? props.selectedPath ?? null : null;\n  },\n  set: (v) => {\n    emit(\"update:selected-path\", v);\n  },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n  get: () => unref(materialTable).currentPage,\n  set: (v) => {\n    unref(materialTable).pageTo(v);\n  },\n});\nconst pageSize = computed({\n  get: () => unref(materialTable).pageSize,\n  set: (v) => {\n    unref(materialTable).setPageSize(v);\n  },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n  currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n  pageSize.value = v;\n};\n\n\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.materialTypes);\nconst currentMaterialTypeId = computed(\n  () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n  () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n  if (materialType.value === unref(currentMaterialTypeId)) {\n    return;\n  }\n\n  props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n  if (!props.selectable) {\n    return;\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  value.value = material.path;\n};\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"material-list.vue2.js","sources":["../../../../src/components/material-list/material-list.vue"],"sourcesContent":["<template>\n  <div class=\"mk-material-list\">\n    <MaterialGroup :material-man=\"materialMan\" />\n    <div class=\"mk-material-list__main\" v-loading=\"loading\">\n      <div class=\"mk-material-list__header\">\n        <div class=\"mk-material-list__header-left\">\n          <div class=\"mk-material-list__types\">\n            <div\n              v-for=\"item of materialTypes\"\n              :key=\"item.value\"\n              :class=\"[\n                'mk-material-list__type',\n                currentMaterialTypeId === item.value ? 'is-active' : '',\n              ]\"\n              @click=\"handleMaterialTypeClick(item)\"\n            >\n              {{ item.label }}\n            </div>\n          </div>\n        </div>\n        <div class=\"mk-material-list__header-right\">\n          <template v-if=\"currentMaterialType\">\n            {{ currentMaterialType.label }}大小不超过\n            {{ currentMaterialType.limit }} M\n            <MKUploadFile\n              :upload=\"materialMan.upload\"\n              :accept=\"currentMaterialType.accept\"\n            >\n              <ElButton type=\"primary\">\n                选择{{ currentMaterialType.label }}\n              </ElButton>\n            </MKUploadFile>\n          </template>\n        </div>\n      </div>\n\n      <div class=\"mk-material-list__body\">\n        <ElScrollbar height=\"100%\">\n          <div class=\"mk-material-list__wrapper\">\n            <MaterialItem\n              v-for=\"material of materialList\"\n              :key=\"material.id\"\n              :class=\"[\n                'mk-material-list__item',\n                value === material.path ? 'is-current' : '',\n              ]\"\n              :material-table=\"materialTable\"\n              :material=\"material\"\n              @click.capture=\"handleMaterialItemClick($event, material)\"\n            />\n          </div>\n        </ElScrollbar>\n        <div class=\"mk-material-list__footer\">\n          <ElPagination\n            class=\"mk-data-table-pagination\"\n            :background=\"true\"\n            :pageSizes=\"unref(pageSizes)\"\n            :currentPage=\"unref(currentPage)\"\n            :pageSize=\"unref(pageSize)\"\n            :total=\"unref(totalRecCount)\"\n            layout=\"prev, pager, next\"\n            @current-change=\"changeCurrentPage\"\n            @size-change=\"changePageSize\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, unref, watch } from \"vue\";\nimport { ElPagination } from \"element-plus\";\nimport { MKUploadFile } from \"../upload-file\";\nimport { MaterialType, Material } from \"../../dataview\";\nimport MaterialGroup from \"./material-group.vue\";\nimport MaterialItem from \"./material-item.vue\";\nimport { materialListProps, materialListEmits } from \"./material-list-options\";\n\ndefineOptions({ name: \"MKMaterialList\" });\n\nconst props = defineProps(materialListProps);\n\nconst emit = defineEmits(materialListEmits);\n\nprops.materialMan.init();\n\nconst loading = computed(() => props.materialMan.materialTable.loading);\n\nconst value = computed({\n  get: () => {\n    return props.selectable ? props.selectedPath ?? null : null;\n  },\n  set: (v) => {\n    emit(\"update:selected-path\", v);\n  },\n});\n\nconst materialTable = computed(() => props.materialMan.materialTable);\nconst pageSizes = computed(() => unref(materialTable).pageSizes);\nconst currentPage = computed({\n  get: () => unref(materialTable).currentPage,\n  set: (v) => {\n    unref(materialTable).pageTo(v);\n  },\n});\nconst pageSize = computed({\n  get: () => unref(materialTable).pageSize,\n  set: (v) => {\n    unref(materialTable).setPageSize(v);\n  },\n});\nconst totalRecCount = computed(() => unref(materialTable).totalRecCount);\nconst changeCurrentPage = (v: number) => {\n  currentPage.value = v;\n};\nconst changePageSize = (v: number) => {\n  pageSize.value = v;\n};\n\nconst materialList = computed(() => unref(materialTable).getList());\nconst materialTypes = computed(() => props.materialMan.getMaterialType());\nconst currentMaterialTypeId = computed(\n  () => props.materialMan.currentMaterialTypeId\n);\n\nconst currentMaterialType = computed(\n  () => props.materialMan.currentMaterialType\n);\n\nconst handleMaterialTypeClick = (materialType: MaterialType) => {\n  if (materialType.value === unref(currentMaterialTypeId)) {\n    return;\n  }\n\n  props.materialMan.setCurrentMaterialTypeId(materialType.value);\n};\n\nconst handleMaterialItemClick = (event: MouseEvent, material: Material) => {\n  if (!props.selectable) {\n    return;\n  }\n\n  event.preventDefault();\n  event.stopPropagation();\n\n  value.value = material.path;\n  emit(\"selectedChange\", material);\n};\n</script>\n"],"names":[],"mappings":"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"}

package/dist/esm/components/material-select/index.d.ts

@@ -1,5 +1,5 @@
 import { SFCWithInstall } from "@maketribe/utils";
-declare const _MaterialSelect: SFCWithInstall<import("./material-select-type").IMKMaterialSelect>;
+declare const _MaterialSelect: SFCWithInstall<import("./material-select-type").IMKMaterialSelect> & import("./material-select-type").IMKMaterialSelect;
 export default _MaterialSelect;
-export declare const MKMaterialSelect: SFCWithInstall<import("./material-select-type").IMKMaterialSelect>;
+export declare const MKMaterialSelect: SFCWithInstall<import("./material-select-type").IMKMaterialSelect> & import("./material-select-type").IMKMaterialSelect;
 export * from "./material-select-type";

package/dist/esm/components/material-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/material-select/index.ts"],"sourcesContent":["import { App } from \"vue\";\nimport { SFCWithInstall } from \"@maketribe/utils\";\nimport MaterialSelect from \"./material-select-api\";\n\nconst _MaterialSelect = MaterialSelect as SFCWithInstall<typeof MaterialSelect>;\n\n_MaterialSelect.install = (app: App) => {\n  _MaterialSelect._context = app._context;\n};\n\nexport default _MaterialSelect;\nexport const MKMaterialSelect = _MaterialSelect;\n\nexport * from \"./material-select-type\";\n\n"],"names":[],"mappings":";;AAIA,MAAM,eAAkB,GAAA,eAAA;AAExB,eAAgB,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AACtC,EAAA,eAAA,CAAgB,WAAW,GAAI,CAAA,QAAA,CAAA;AACjC,CAAA,CAAA;AAGO,MAAM,gBAAmB,GAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/material-select/index.ts"],"sourcesContent":["import { App } from \"vue\";\nimport { SFCWithInstall } from \"@maketribe/utils\";\nimport MaterialSelect from \"./material-select-api\";\n\nconst _MaterialSelect = MaterialSelect as SFCWithInstall<\n  typeof MaterialSelect\n> &\n  typeof MaterialSelect;\n\n_MaterialSelect.install = (app: App) => {\n  _MaterialSelect._context = app._context;\n};\n\nexport default _MaterialSelect;\nexport const MKMaterialSelect = _MaterialSelect;\n\nexport * from \"./material-select-type\";\n"],"names":[],"mappings":";;AAIA,MAAM,eAAkB,GAAA,eAAA;AAKxB,eAAgB,CAAA,OAAA,GAAU,CAAC,GAAa,KAAA;AACtC,EAAA,eAAA,CAAgB,WAAW,GAAI,CAAA,QAAA,CAAA;AACjC,CAAA,CAAA;AAGO,MAAM,gBAAmB,GAAA;;;;"}

package/dist/esm/components/material-select/material-select-api.js

@@ -17,8 +17,12 @@ async function MaterialSelect(options, appContext) {
     showDialog(
       {
         ...options,
-        onSelect: resolve,
-        cancel: reject
+        onMaterialChange: (material) => {
+          resolve({ success: true, data: material, path: material.path });
+        },
+        onCancel: () => {
+          resolve({ success: false, data: null, path: "" });
+        }
       },
       appContext ?? MaterialSelect._context
     );

package/dist/esm/components/material-select/material-select-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-select-api.js","sources":["../../../../src/components/material-select/material-select-api.ts"],"sourcesContent":["import { AppContext, createVNode, render } from \"vue\";\nimport MaterialSelectConstructor from \"./material-select\";\nimport type {\n  IMKMaterialSelect,\n  MKMaterialSelectOptions,\n} from \"./material-select-type\";\n\nconst initInstance = (\n  props: any,\n  container: HTMLElement,\n  appContext: AppContext | null = null\n) => {\n  const vnode = createVNode(MaterialSelectConstructor, props);\n\n  vnode.appContext = appContext;\n\n  render(vnode, container);\n\n  return vnode.component;\n};\n\nconst showDialog = (options: any, appContext?: AppContext | null) => {\n  const container = document.createElement(\"div\");\n\n  const instance = initInstance(options, container, appContext)!;\n\n  return instance.proxy;\n};\n\nasync function MaterialSelect(\n  options?: MKMaterialSelectOptions,\n  appContext?: AppContext\n) {\n  return new Promise((resolve, reject) => {\n    showDialog(\n      {\n        ...options,\n        onSelect: resolve,\n        cancel: reject,\n      },\n      appContext ?? (MaterialSelect as unknown as IMKMaterialSelect)._context\n    );\n  });\n}\n\n(MaterialSelect as unknown as IMKMaterialSelect)._context = null;\n\nexport default MaterialSelect as unknown as IMKMaterialSelect;\n"],"names":[],"mappings":";;;AAOA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,SAAA,EACA,aAAgC,IAC7B,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,yBAAA,EAA2B,KAAK,CAAA,CAAA;AAE1D,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAA;AAEnB,EAAA,MAAA,CAAO,OAAO,SAAS,CAAA,CAAA;AAEvB,EAAA,OAAO,KAAM,CAAA,SAAA,CAAA;AACf,CAAA,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,OAAA,EAAc,UAAmC,KAAA;AACnE,EAAM,MAAA,SAAA,GAAY,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAW,GAAA,YAAA,CAAa,OAAS,EAAA,SAAA,EAAW,UAAU,CAAA,CAAA;AAE5D,EAAA,OAAO,QAAS,CAAA,KAAA,CAAA;AAClB,CAAA,CAAA;AAEA,eAAe,cAAA,CACb,SACA,UACA,EAAA;AACA,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,IAAA,UAAA;AAAA,MACE;AAAA,QACE,GAAG,OAAA;AAAA,QACH,QAAU,EAAA,OAAA;AAAA,QACV,MAAQ,EAAA,MAAA;AAAA,OACV;AAAA,MACA,cAAe,cAAgD,CAAA,QAAA;AAAA,KACjE,CAAA;AAAA,GACD,CAAA,CAAA;AACH,CAAA;AAEC,cAAA,CAAgD,QAAW,GAAA,IAAA;;;;"}
+{"version":3,"file":"material-select-api.js","sources":["../../../../src/components/material-select/material-select-api.ts"],"sourcesContent":["import { AppContext, createVNode, render } from \"vue\";\nimport MaterialSelectConstructor from \"./material-select\";\nimport type {\n  IMKMaterialSelect,\n  MKMaterialSelectOptions,\n} from \"./material-select-type\";\nimport { Material } from \"../../dataview\";\n\nconst initInstance = (\n  props: any,\n  container: HTMLElement,\n  appContext: AppContext | null = null\n) => {\n  const vnode = createVNode(MaterialSelectConstructor, props);\n\n  vnode.appContext = appContext;\n\n  render(vnode, container);\n\n  return vnode.component;\n};\n\nconst showDialog = (options: any, appContext?: AppContext | null) => {\n  const container = document.createElement(\"div\");\n\n  const instance = initInstance(options, container, appContext)!;\n\n  return instance.proxy;\n};\n\nasync function MaterialSelect(\n  options?: MKMaterialSelectOptions,\n  appContext?: AppContext\n) {\n  return new Promise((resolve, reject) => {\n    showDialog(\n      {\n        ...options,\n        onMaterialChange: (material: Material) => {\n          resolve({ success: true, data: material, path: material.path });\n        },\n        onCancel: () => {\n          resolve({ success: false, data: null, path: \"\" });\n        },\n      },\n      appContext ?? (MaterialSelect as unknown as IMKMaterialSelect)._context\n    );\n  });\n}\n\n(MaterialSelect as IMKMaterialSelect)._context = null;\n\nexport default MaterialSelect as IMKMaterialSelect;\n"],"names":[],"mappings":";;;AAQA,MAAM,YAAe,GAAA,CACnB,KACA,EAAA,SAAA,EACA,aAAgC,IAC7B,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,WAAY,CAAA,yBAAA,EAA2B,KAAK,CAAA,CAAA;AAE1D,EAAA,KAAA,CAAM,UAAa,GAAA,UAAA,CAAA;AAEnB,EAAA,MAAA,CAAO,OAAO,SAAS,CAAA,CAAA;AAEvB,EAAA,OAAO,KAAM,CAAA,SAAA,CAAA;AACf,CAAA,CAAA;AAEA,MAAM,UAAA,GAAa,CAAC,OAAA,EAAc,UAAmC,KAAA;AACnE,EAAM,MAAA,SAAA,GAAY,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAE9C,EAAA,MAAM,QAAW,GAAA,YAAA,CAAa,OAAS,EAAA,SAAA,EAAW,UAAU,CAAA,CAAA;AAE5D,EAAA,OAAO,QAAS,CAAA,KAAA,CAAA;AAClB,CAAA,CAAA;AAEA,eAAe,cAAA,CACb,SACA,UACA,EAAA;AACA,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AACtC,IAAA,UAAA;AAAA,MACE;AAAA,QACE,GAAG,OAAA;AAAA,QACH,gBAAA,EAAkB,CAAC,QAAuB,KAAA;AACxC,UAAQ,OAAA,CAAA,EAAE,SAAS,IAAM,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,SAChE;AAAA,QACA,UAAU,MAAM;AACd,UAAA,OAAA,CAAQ,EAAE,OAAS,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,SAClD;AAAA,OACF;AAAA,MACA,cAAe,cAAgD,CAAA,QAAA;AAAA,KACjE,CAAA;AAAA,GACD,CAAA,CAAA;AACH,CAAA;AAEC,cAAA,CAAqC,QAAW,GAAA,IAAA;;;;"}

package/dist/esm/components/material-select/material-select-options.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from "vue";
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 export declare const materialSelectProps: {
     materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -13,9 +13,16 @@ export declare const materialSelectProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 };
 export type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;
 export declare const materialSelectEmits: {
+    materialChange: (material: Material) => boolean;
     "update:model-value": (path: any) => boolean;
     select: (path: any) => boolean;
     cancel: () => boolean;

package/dist/esm/components/material-select/material-select-options.js

@@ -19,9 +19,13 @@ import { MaterialMan } from '../../dataview/material/MaterialMan.js';
 
 const materialSelectProps = buildProps({
   materialMan: { type: MaterialMan },
-  modelValue: { type: String }
+  modelValue: { type: String },
+  allowMaterialTypeValues: {
+    type: Array
+  }
 });
 const materialSelectEmits = {
+  materialChange: (material) => true,
   "update:model-value": (path) => typeof path === "string",
   select: (path) => typeof path === "string",
   cancel: () => true

package/dist/esm/components/material-select/material-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-select-options.js","sources":["../../../../src/components/material-select/material-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { MaterialMan } from \"../../dataview\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const materialSelectProps = buildProps({\n  materialMan: { type: MaterialMan },\n  modelValue: { type: String },\n});\n\nexport type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;\n\nexport const materialSelectEmits = {\n  \"update:model-value\": (path: any) => typeof path === \"string\",\n  select: (path: any) => typeof path === \"string\",\n  cancel: () => true,\n};\n\nexport const MaterialSelectEmits = typeof materialSelectEmits;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAIO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,WAAA,EAAa,EAAE,IAAA,EAAM,WAAY,EAAA;AAAA,EACjC,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAC7B,CAAC,EAAA;AAIM,MAAM,mBAAsB,GAAA;AAAA,EACjC,oBAAsB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACrD,MAAQ,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACvC,QAAQ,MAAM,IAAA;AAChB,EAAA;AAEO,MAAM,sBAAsB,OAAO;;;;"}
+{"version":3,"file":"material-select-options.js","sources":["../../../../src/components/material-select/material-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { Material, MaterialMan, MaterialType } from \"../../dataview\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const materialSelectProps = buildProps({\n  materialMan: { type: MaterialMan },\n  modelValue: { type: String },\n  allowMaterialTypeValues: {\n    type: Array<MaterialType[\"value\"]>,\n  },\n});\n\nexport type MaterialSelectProps = ExtractPropTypes<typeof materialSelectProps>;\n\nexport const materialSelectEmits = {\n  materialChange: (material: Material) => true,\n  \"update:model-value\": (path: any) => typeof path === \"string\",\n  select: (path: any) => typeof path === \"string\",\n  cancel: () => true,\n};\n\nexport const MaterialSelectEmits = typeof materialSelectEmits;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAIO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,WAAA,EAAa,EAAE,IAAA,EAAM,WAAY,EAAA;AAAA,EACjC,UAAA,EAAY,EAAE,IAAA,EAAM,MAAO,EAAA;AAAA,EAC3B,uBAAyB,EAAA;AAAA,IACvB,IAAM,EAAA,KAAA;AAAA,GACR;AACF,CAAC,EAAA;AAIM,MAAM,mBAAsB,GAAA;AAAA,EACjC,cAAA,EAAgB,CAAC,QAAuB,KAAA,IAAA;AAAA,EACxC,oBAAsB,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACrD,MAAQ,EAAA,CAAC,IAAc,KAAA,OAAO,IAAS,KAAA,QAAA;AAAA,EACvC,QAAQ,MAAM,IAAA;AAChB,EAAA;AAEO,MAAM,sBAAsB,OAAO;;;;"}

package/dist/esm/components/material-select/material-select-type.d.ts

@@ -1,9 +1,14 @@
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan, MaterialType } from "../../dataview";
 import type { AppContext } from "vue";
 export interface MKMaterialSelectOptions {
     materialMan?: MaterialMan;
+    allowMaterialTypeValues: MaterialType["value"][];
 }
 export interface IMKMaterialSelect {
-    (options?: MKMaterialSelectOptions, appContext?: AppContext): Promise<string>;
+    (options?: MKMaterialSelectOptions, appContext?: AppContext): Promise<{
+        success: boolean;
+        data: Material | null;
+        path: string;
+    }>;
     _context: AppContext | null;
 }

package/dist/esm/components/material-select/material-select.d.ts

@@ -1,4 +1,4 @@
-import { MaterialMan } from "../../dataview";
+import { Material, MaterialMan } from "../../dataview";
 declare const _default: import("vue").DefineComponent<{
     materialMan: {
         readonly type: import("vue").PropType<MaterialMan>;
@@ -12,7 +12,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    materialChange: (material: Material) => boolean;
     "update:model-value": (path: any) => boolean;
     select: (path: any) => boolean;
     cancel: () => boolean;
@@ -29,9 +36,16 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __mkPropKey: true;
     };
+    allowMaterialTypeValues: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
 }>> & {
-    onCancel?: (() => any) | undefined;
     onSelect?: ((path: any) => any) | undefined;
     "onUpdate:model-value"?: ((path: any) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onMaterialChange?: ((material: Material) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/esm/components/material-select/material-select.js

@@ -2,20 +2,23 @@ import { defineComponent, reactive, ref, watch, computed, createVNode, unref, cr
 import { ElDialog, ElButton } from 'element-plus';
 import MaterialList from '../material-list/material-list.vue.js';
 import { materialSelectProps, materialSelectEmits } from './material-select-options.js';
-import { MaterialComponents } from '../../MaterialComponents.js';
+import '@maketribe/dm';
+import { MaterialComponents } from '../../core/component/MaterialComponents.js';
+import '@maketribe/utils';
+import '../../core/DataModelDefines.js';
+import 'vue-router';
+import '@maketribe/request';
+import '@maketribe/locale';
 import '../../dataview/department/DepartmentForm.js';
 import '../../dataview/department/DepartmentTable.js';
 import '../../dataview/member/MemberForm.js';
 import '../../dataview/member/MemberTable.js';
 import '../../dataview/menu/MenuForm.js';
 import '../../dataview/menu/MenuTable.js';
-import '@maketribe/request';
-import '@maketribe/dm';
 import '../../dataview/role/RoleForm.js';
 import '../../dataview/role/RoleTable.js';
 import '../../dataview/route/RouteForm.js';
 import '../../dataview/route/RouteTable.js';
-import '@maketribe/utils';
 import '../../dataview/config/ConfigForm.js';
 import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
@@ -35,16 +38,23 @@ var MaterialSelectConstructor = /* @__PURE__ */ defineComponent({
       httpRequest: useHttpRequest() || void 0
     }));
     const selectedPath = ref("");
+    const selectedMaterial = ref(null);
     const visible = ref(true);
     watch(computed(() => props.modelValue), (modelValue) => {
       selectedPath.value = modelValue || "";
     }, {
       immediate: true
     });
+    watch(computed(() => props.allowMaterialTypeValues), (allowMaterialTypeValues) => {
+      materialMan.setAllowAccessMaterialTypeValues(allowMaterialTypeValues ?? []);
+    }, {
+      immediate: true
+    });
     const handleConfirmClick = () => {
       visible.value = false;
       emit("update:model-value", unref(selectedPath));
       emit("select", unref(selectedPath));
+      emit("materialChange", unref(selectedMaterial));
     };
     const handleCancelClick = () => {
       visible.value = false;
@@ -64,8 +74,9 @@ var MaterialSelectConstructor = /* @__PURE__ */ defineComponent({
       }, {
         default: () => [createVNode(MaterialList, {
           "selectedPath": unref(selectedPath),
-          "onUpdate:selected-path": (v) => {
-            selectedPath.value = v;
+          "onSelectedChange": (material) => {
+            selectedPath.value = material.path;
+            selectedMaterial.value = material;
           },
           "class": "mk-material-select__list",
           "materialMan": materialMan,

package/dist/esm/components/material-select/material-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-select.js","sources":["../../../../src/components/material-select/material-select.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  reactive,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElDialog, ElButton } from \"element-plus\";\nimport MaterialList from \"../material-list/material-list.vue\";\nimport {\n  materialSelectEmits,\n  materialSelectProps,\n} from \"./material-select-options\";\nimport { MaterialComponents } from \"../../MaterialComponents\";\nimport { MaterialMan } from \"../../dataview\";\nimport { useHttpRequest } from \"../../composables/use-http-request\";\n\nexport default defineComponent({\n  name: \"MKMaterialSelect\",\n  props: materialSelectProps,\n  emits: materialSelectEmits,\n  setup(props, { emit }) {\n\n    const materialMan =\n      props.materialMan ??\n      (reactive(\n        new MaterialMan({\n          components: new MaterialComponents(),\n          httpRequest: useHttpRequest() || undefined,\n        })\n      ) as MaterialMan);\n\n    const selectedPath = ref(\"\");\n    const visible: Ref<boolean> = ref(true);\n\n    watch(\n      computed(() => props.modelValue),\n      (modelValue) => {\n        selectedPath.value = modelValue || \"\";\n      },\n      { immediate: true }\n    );\n\n    const handleConfirmClick = () => {\n      visible.value = false;\n      emit(\"update:model-value\", unref(selectedPath));\n      emit(\"select\", unref(selectedPath));\n    };\n\n    const handleCancelClick = () => {\n      visible.value = false;\n      emit(\"cancel\");\n    };\n\n    return () => {\n      return (\n        <ElDialog\n          width=\"70%\"\n          modelValue={unref(visible)}\n          onUpdate:modelValue={(v: boolean) => {\n            visible.value = v;\n          }}\n          destroyOnClose\n          appendToBody\n          showClose={false}\n          modal-class=\"mk-material-select\"\n          v-slots={{\n            footer: () => {\n              return (\n                <span class=\"mk-material-select__footer\">\n                  <ElButton type=\"primary\" onClick={handleConfirmClick}>\n                    确定\n                  </ElButton>\n                  <ElButton onClick={handleCancelClick}>取消</ElButton>\n                </span>\n              );\n            },\n          }}\n        >\n          <MaterialList\n            selectedPath={unref(selectedPath)}\n            onUpdate:selected-path={(v: string) => {\n              selectedPath.value = v;\n            }}\n            class=\"mk-material-select__list\"\n            materialMan={materialMan}\n            selectable={true}\n          />\n        </ElDialog>\n      );\n    };\n  },\n});\n"],"names":["name","props","materialSelectProps","emits","materialSelectEmits","setup","emit","materialMan","reactive","MaterialMan","components","MaterialComponents","httpRequest","useHttpRequest","undefined","selectedPath","ref","visible","watch","computed","modelValue","value","immediate","handleConfirmClick","unref","handleCancelClick","_createVNode","ElDialog","v","default","MaterialList","footer","ElButton","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"material-select.js","sources":["../../../../src/components/material-select/material-select.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  reactive,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElDialog, ElButton } from \"element-plus\";\nimport MaterialList from \"../material-list/material-list.vue\";\nimport {\n  materialSelectEmits,\n  materialSelectProps,\n} from \"./material-select-options\";\nimport { MaterialComponents } from \"../../core\";\nimport { Material, MaterialMan } from \"../../dataview\";\nimport { useHttpRequest } from \"../../composables/use-http-request\";\n\nexport default defineComponent({\n  name: \"MKMaterialSelect\",\n  props: materialSelectProps,\n  emits: materialSelectEmits,\n  setup(props, { emit }) {\n    const materialMan =\n      props.materialMan ??\n      (reactive(\n        new MaterialMan({\n          components: new MaterialComponents(),\n          httpRequest: useHttpRequest() || undefined,\n        })\n      ) as MaterialMan);\n\n    const selectedPath = ref(\"\");\n    const selectedMaterial: Ref<Material | null> = ref(null);\n    const visible: Ref<boolean> = ref(true);\n\n    watch(\n      computed(() => props.modelValue),\n      (modelValue) => {\n        selectedPath.value = modelValue || \"\";\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.allowMaterialTypeValues),\n      (allowMaterialTypeValues) => {\n        materialMan.setAllowAccessMaterialTypeValues(\n          allowMaterialTypeValues ?? []\n        );\n      },\n      { immediate: true }\n    );\n\n    const handleConfirmClick = () => {\n      visible.value = false;\n      emit(\"update:model-value\", unref(selectedPath));\n      emit(\"select\", unref(selectedPath));\n      emit(\"materialChange\", unref(selectedMaterial)!);\n    };\n\n    const handleCancelClick = () => {\n      visible.value = false;\n      emit(\"cancel\");\n    };\n\n    return () => {\n      return (\n        <ElDialog\n          width=\"70%\"\n          modelValue={unref(visible)}\n          onUpdate:modelValue={(v: boolean) => {\n            visible.value = v;\n          }}\n          destroyOnClose\n          appendToBody\n          showClose={false}\n          modal-class=\"mk-material-select\"\n          v-slots={{\n            footer: () => {\n              return (\n                <span class=\"mk-material-select__footer\">\n                  <ElButton type=\"primary\" onClick={handleConfirmClick}>\n                    确定\n                  </ElButton>\n                  <ElButton onClick={handleCancelClick}>取消</ElButton>\n                </span>\n              );\n            },\n          }}\n        >\n          <MaterialList\n            selectedPath={unref(selectedPath)}\n            onSelectedChange={(material: Material) => {\n              selectedPath.value = material.path;\n              selectedMaterial.value = material;\n            }}\n            class=\"mk-material-select__list\"\n            materialMan={materialMan}\n            selectable={true}\n          />\n        </ElDialog>\n      );\n    };\n  },\n});\n"],"names":["name","props","materialSelectProps","emits","materialSelectEmits","setup","emit","materialMan","reactive","MaterialMan","components","MaterialComponents","httpRequest","useHttpRequest","undefined","selectedPath","ref","selectedMaterial","visible","watch","computed","modelValue","value","immediate","allowMaterialTypeValues","setAllowAccessMaterialTypeValues","handleConfirmClick","unref","handleCancelClick","_createVNode","ElDialog","v","default","MaterialList","material","path","footer","ElButton","_createTextVNode"],"mappings":"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"}

package/dist/esm/components/member-table/member-table.vue2.js

@@ -1,10 +1,19 @@
 import { defineComponent, reactive, ref, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createBlock, createTextVNode, createCommentVNode, withDirectives } from 'vue';
 import { Group } from '@maketribe/request';
 import { FormColumn, DataSource, Messager, Dialoger } from '@maketribe/dm';
-import { MKDataTablePage, MKDataForm } from '@maketribe/dm-ui';
+import { MKDataForm } from '../data-model/data-form/index.js';
+import '../data-model/data-form-page/index.js';
+import '../data-model/data-table/index.js';
+import { MKDataTablePage } from '../data-model/data-table-page/index.js';
+import '../data-model/data-tree/index.js';
+import '../data-model/data-tree-page/index.js';
+import '../data-model/data-table-pagination/index.js';
+import '../config-provider/index.js';
 import 'vue-router';
 import '@maketribe/locale';
 import '@maketribe/utils';
+import { ElDialog } from 'element-plus';
+import '../../core/DataModelDefines.js';
 import { useHttpRequest } from '../../composables/use-http-request.js';
 import '../../dataview/department/DepartmentForm.js';
 import { DepartmentTable } from '../../dataview/department/DepartmentTable.js';
@@ -20,7 +29,6 @@ import '../../dataview/config/ConfigForm.js';
 import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
-import { ElDialog } from 'element-plus';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "member-table",

package/dist/esm/components/member-table/member-table.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"member-table.vue2.js","sources":["../../../../src/components/member-table/member-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Group } from \"@maketribe/request\";\nimport {\n  WhereFilter,\n  FormColumn,\n  DataForm,\n  DataSource,\n  Messager,\n  Dialoger,\n} from \"@maketribe/dm\";\nimport { MKDataTablePage, MKDataForm } from \"@maketribe/dm-ui\";\nimport { useHttpRequest } from \"../../composables\";\nimport {\n  MemberTable,\n  MemberForm,\n  RoleTable,\n  DepartmentTable,\n} from \"../../dataview\";\nimport { ElDialog } from \"element-plus\";\nimport { reactive, ref, watch } from \"vue\";\nconst emit = defineEmits([\"add-record\", \"edit-record\"]);\nconst httpRequest = useHttpRequest();\nconst memberTable = reactive(new MemberTable()) as MemberTable;\nconst memberForm = reactive(\n  new (class extends MemberForm {\n    constructor() {\n      super();\n    }\n    protected async initialize() {\n      this.setColumns([\n        new FormColumn({ name: \"id\", label: \"id\" }),\n        new FormColumn({\n          name: \"approveResult\",\n          label: \"是否通过\",\n          defaultValue: \"0\",\n          componentInfo: \"MKFormRadioBox\",\n          required: true,\n          componentProps: {\n            options: {\n              type: DataSource.DATA,\n              value: [\n                { label: \"通过\", value: \"1\" },\n                { label: \"不通过\", value: \"0\" },\n              ],\n            },\n          },\n        }),\n        new FormColumn({\n          name: \"roles\",\n          label: \"角色\",\n          defaultValue: null,\n          componentInfo: \"MKFormDataTableSelect\",\n          componentProps: {\n            multiple: true,\n            labelFieldName: \"name\",\n            dataTable: new RoleTable(),\n          },\n        }),\n        new FormColumn({\n          name: \"depts\",\n          label: \"部门\",\n          defaultValue: null,\n          componentInfo: \"MKFormDataTableSelect\",\n          componentProps: {\n            multiple: true,\n            labelFieldName: \"name\",\n            dataTable: new DepartmentTable(),\n          },\n        }),\n        new FormColumn({ name: \"memo\", label: \"备注\" }),\n      ]);\n    }\n    formatSubmitData(data: any) {\n      const { roles, depts, ...rest } = data;\n      const rolesArr = roles?.map((item: any) => {\n        return { roleId: item };\n      });\n      const deptsArr = depts?.map((item: any) => {\n        return { deptId: item };\n      });\n      return { ...rest, roles: rolesArr, depts: deptsArr };\n    }\n  })()\n) as DataForm;\nmemberForm.init();\nconst memberDialogVisible = ref(false);\nconst group = new Group();\nconst changeValue = ref(2);\nconst editId = ref(null);\nconst where = (memberTable.dataFilter as WhereFilter).getWhere();\nconst dialogLoading = ref(false);\nwhere.addCondition(group);\n\nconst validateHandel = async (v: any) => {\n  memberTable.getLoadingManager().startLoading();\n  await memberForm.editRecord(v.id);\n  memberTable.getLoadingManager().completeLoading();\n  editId.value = v.id;\n  memberDialogVisible.value = true;\n};\n\nconst confirmHandle = async () => {\n  dialogLoading.value = true;\n  const result = await httpRequest?.post(\n    \"/api/dv/ms-member/apply/account/approve\",\n    { ...memberForm.formatSubmitData(memberForm.data), id: editId.value }\n  );\n  dialogLoading.value = false;\n  if (result?.data.code != 200) {\n    Messager.instance.error(result?.data.msg || \"请求失败\");\n    return;\n  }\n  memberDialogVisible.value = false;\n  Messager.instance.success({\n    message: \"激活通过，密码已发送到邮箱\",\n  });\n  memberTable.load();\n};\n\nconst deleteHandle = async (row: any) => {\n  const isConfirm = await Dialoger.instance.confirm({\n    title: \"是否确认删除\",\n    message: \"是否确认删除\",\n    type: \"warning\",\n    cancelButtonText: \"取消\",\n    confirmButtonText: \"确定\",\n  });\n  if (!isConfirm) {\n    return;\n  }\n\n  await memberTable.deleteRecordAfterRefresh(row[memberTable.primaryKey]);\n};\n\nconst resetPasswordHandle = async (row: any) => {\n  const isConfirm = await Dialoger.instance.confirm({\n    title: \"重置密码\",\n    message: \"是否重置密码\",\n    type: \"warning\",\n    cancelButtonText: \"取消\",\n    confirmButtonText: \"确定\",\n  });\n  if (!isConfirm) {\n    return;\n  }\n  memberTable.getLoadingManager().startLoading();\n\n  const result = await memberTable.httpRequest.post(\n    `/api/dv/ms-member/${row.id}/password/reset`\n  );\n  memberTable.getLoadingManager().completeLoading();\n\n  if (result.data.code !== 200) {\n    Messager.instance.error({\n      message: result.data.msg || \"重置密码失败\",\n    });\n  } else {\n    const res = await Dialoger.instance.confirm({\n      title: \"重置密码成功\",\n      message: `你的新密码为${result.data.data}`,\n      type: \"warning\",\n      cancelButtonText: \"取消\",\n      confirmButtonText: \"复制\",\n    });\n    if (!res) {\n      return;\n    }\n    navigator.clipboard.writeText(result.data.data);\n    Messager.instance.success({ message: \"复制成功\" });\n  }\n};\n\nwatch(changeValue, () => {\n  group.clear();\n  group.addCondition(\"valid\", \"not in\", `(${changeValue.value})`);\n  memberTable.load();\n});\n</script>\n<template>\n  <MKDataTablePage :data-table=\"memberTable\" @add-record=\"emit('add-record')\">\n    <template #headerLeft>\n      <ElSelect v-model=\"changeValue\">\n        <ElOption :value=\"2\" label=\"全部\"></ElOption>\n        <ElOption :value=\"0\" label=\"已通过\"></ElOption>\n        <ElOption :value=\"1\" label=\"待通过\"></ElOption>\n      </ElSelect>\n    </template>\n\n    <template #table-col-$action-content=\"{ row }\">\n      <ElButton\n        link\n        type=\"primary\"\n        v-if=\"row.valid == 0\"\n        @click=\"validateHandel(row)\"\n        >激活用户</ElButton\n      >\n      <ElButton\n        link\n        type=\"primary\"\n        v-if=\"row.valid == 1\"\n        @click=\"resetPasswordHandle(row)\"\n        >重置密码</ElButton\n      >\n      <ElButton\n        link\n        type=\"primary\"\n        @click=\"emit('edit-record', row)\"\n        v-if=\"row.valid == 1\"\n        >编辑</ElButton\n      >\n      <ElButton link type=\"danger\" @click=\"deleteHandle(row)\">删除</ElButton>\n    </template>\n  </MKDataTablePage>\n  <ElDialog v-model=\"memberDialogVisible\" class=\"dialogClass\">\n    <MKDataForm :data-form=\"memberForm\" v-loading=\"dialogLoading\" />\n    <template #footer>\n      <ElButton @click=\"confirmHandle\" type=\"primary\">确定</ElButton>\n    </template>\n  </ElDialog>\n</template>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"member-table.vue2.js","sources":["../../../../src/components/member-table/member-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Group } from \"@maketribe/request\";\nimport {\n  WhereFilter,\n  FormColumn,\n  DataForm,\n  DataSource,\n  Messager,\n  Dialoger,\n} from \"@maketribe/dm\";\nimport { MKDataTablePage, MKDataForm } from \"../data-model\";\nimport { useHttpRequest } from \"../../composables\";\nimport {\n  MemberTable,\n  MemberForm,\n  RoleTable,\n  DepartmentTable,\n} from \"../../dataview\";\nimport { ElDialog } from \"element-plus\";\nimport { reactive, ref, watch } from \"vue\";\nconst emit = defineEmits([\"add-record\", \"edit-record\"]);\nconst httpRequest = useHttpRequest();\nconst memberTable = reactive(new MemberTable()) as MemberTable;\nconst memberForm = reactive(\n  new (class extends MemberForm {\n    constructor() {\n      super();\n    }\n    protected async initialize() {\n      this.setColumns([\n        new FormColumn({ name: \"id\", label: \"id\" }),\n        new FormColumn({\n          name: \"approveResult\",\n          label: \"是否通过\",\n          defaultValue: \"0\",\n          componentInfo: \"MKFormRadioBox\",\n          required: true,\n          componentProps: {\n            options: {\n              type: DataSource.DATA,\n              value: [\n                { label: \"通过\", value: \"1\" },\n                { label: \"不通过\", value: \"0\" },\n              ],\n            },\n          },\n        }),\n        new FormColumn({\n          name: \"roles\",\n          label: \"角色\",\n          defaultValue: null,\n          componentInfo: \"MKFormDataTableSelect\",\n          componentProps: {\n            multiple: true,\n            labelFieldName: \"name\",\n            dataTable: new RoleTable(),\n          },\n        }),\n        new FormColumn({\n          name: \"depts\",\n          label: \"部门\",\n          defaultValue: null,\n          componentInfo: \"MKFormDataTableSelect\",\n          componentProps: {\n            multiple: true,\n            labelFieldName: \"name\",\n            dataTable: new DepartmentTable(),\n          },\n        }),\n        new FormColumn({ name: \"memo\", label: \"备注\" }),\n      ]);\n    }\n    formatSubmitData(data: any) {\n      const { roles, depts, ...rest } = data;\n      const rolesArr = roles?.map((item: any) => {\n        return { roleId: item };\n      });\n      const deptsArr = depts?.map((item: any) => {\n        return { deptId: item };\n      });\n      return { ...rest, roles: rolesArr, depts: deptsArr };\n    }\n  })()\n) as DataForm;\nmemberForm.init();\nconst memberDialogVisible = ref(false);\nconst group = new Group();\nconst changeValue = ref(2);\nconst editId = ref(null);\nconst where = (memberTable.dataFilter as WhereFilter).getWhere();\nconst dialogLoading = ref(false);\nwhere.addCondition(group);\n\nconst validateHandel = async (v: any) => {\n  memberTable.getLoadingManager().startLoading();\n  await memberForm.editRecord(v.id);\n  memberTable.getLoadingManager().completeLoading();\n  editId.value = v.id;\n  memberDialogVisible.value = true;\n};\n\nconst confirmHandle = async () => {\n  dialogLoading.value = true;\n  const result = await httpRequest?.post(\n    \"/api/dv/ms-member/apply/account/approve\",\n    { ...memberForm.formatSubmitData(memberForm.data), id: editId.value }\n  );\n  dialogLoading.value = false;\n  if (result?.data.code != 200) {\n    Messager.instance.error(result?.data.msg || \"请求失败\");\n    return;\n  }\n  memberDialogVisible.value = false;\n  Messager.instance.success({\n    message: \"激活通过，密码已发送到邮箱\",\n  });\n  memberTable.load();\n};\n\nconst deleteHandle = async (row: any) => {\n  const isConfirm = await Dialoger.instance.confirm({\n    title: \"是否确认删除\",\n    message: \"是否确认删除\",\n    type: \"warning\",\n    cancelButtonText: \"取消\",\n    confirmButtonText: \"确定\",\n  });\n  if (!isConfirm) {\n    return;\n  }\n\n  await memberTable.deleteRecordAfterRefresh(row[memberTable.primaryKey]);\n};\n\nconst resetPasswordHandle = async (row: any) => {\n  const isConfirm = await Dialoger.instance.confirm({\n    title: \"重置密码\",\n    message: \"是否重置密码\",\n    type: \"warning\",\n    cancelButtonText: \"取消\",\n    confirmButtonText: \"确定\",\n  });\n  if (!isConfirm) {\n    return;\n  }\n  memberTable.getLoadingManager().startLoading();\n\n  const result = await memberTable.httpRequest.post(\n    `/api/dv/ms-member/${row.id}/password/reset`\n  );\n  memberTable.getLoadingManager().completeLoading();\n\n  if (result.data.code !== 200) {\n    Messager.instance.error({\n      message: result.data.msg || \"重置密码失败\",\n    });\n  } else {\n    const res = await Dialoger.instance.confirm({\n      title: \"重置密码成功\",\n      message: `你的新密码为${result.data.data}`,\n      type: \"warning\",\n      cancelButtonText: \"取消\",\n      confirmButtonText: \"复制\",\n    });\n    if (!res) {\n      return;\n    }\n    navigator.clipboard.writeText(result.data.data);\n    Messager.instance.success({ message: \"复制成功\" });\n  }\n};\n\nwatch(changeValue, () => {\n  group.clear();\n  group.addCondition(\"valid\", \"not in\", `(${changeValue.value})`);\n  memberTable.load();\n});\n</script>\n<template>\n  <MKDataTablePage :data-table=\"memberTable\" @add-record=\"emit('add-record')\">\n    <template #headerLeft>\n      <ElSelect v-model=\"changeValue\">\n        <ElOption :value=\"2\" label=\"全部\"></ElOption>\n        <ElOption :value=\"0\" label=\"已通过\"></ElOption>\n        <ElOption :value=\"1\" label=\"待通过\"></ElOption>\n      </ElSelect>\n    </template>\n\n    <template #table-col-$action-content=\"{ row }\">\n      <ElButton\n        link\n        type=\"primary\"\n        v-if=\"row.valid == 0\"\n        @click=\"validateHandel(row)\"\n        >激活用户</ElButton\n      >\n      <ElButton\n        link\n        type=\"primary\"\n        v-if=\"row.valid == 1\"\n        @click=\"resetPasswordHandle(row)\"\n        >重置密码</ElButton\n      >\n      <ElButton\n        link\n        type=\"primary\"\n        @click=\"emit('edit-record', row)\"\n        v-if=\"row.valid == 1\"\n        >编辑</ElButton\n      >\n      <ElButton link type=\"danger\" @click=\"deleteHandle(row)\">删除</ElButton>\n    </template>\n  </MKDataTablePage>\n  <ElDialog v-model=\"memberDialogVisible\" class=\"dialogClass\">\n    <MKDataForm :data-form=\"memberForm\" v-loading=\"dialogLoading\" />\n    <template #footer>\n      <ElButton @click=\"confirmHandle\" type=\"primary\">确定</ElButton>\n    </template>\n  </ElDialog>\n</template>\n"],"names":[],"mappings":"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"}

package/dist/esm/components/menu-permission-table/menu-permission-table.vue2.js

@@ -1,4 +1,5 @@
 import { defineComponent, ref, reactive, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, createVNode, unref, withCtx, createTextVNode, createBlock, createCommentVNode } from 'vue';
+import { ElCard, ElMessage } from 'element-plus';
 import '../../dataview/department/DepartmentForm.js';
 import '../../dataview/department/DepartmentTable.js';
 import '../../dataview/member/MemberForm.js';
@@ -17,15 +18,20 @@ import '../../dataview/config/ConfigForm.js';
 import '../../dataview/config/ConfigTable.js';
 import '../../dataview/material/MaterialForm.js';
 import '../../dataview/material/MaterialTable.js';
-import { MKDataTree, MKDataTablePage, MKDataFormPage } from '@maketribe/dm-ui';
-import { ElCard, ElMessage } from 'element-plus';
+import '../data-model/data-form/index.js';
+import { MKDataFormPage } from '../data-model/data-form-page/index.js';
+import '../data-model/data-table/index.js';
+import { MKDataTablePage } from '../data-model/data-table-page/index.js';
+import { MKDataTree } from '../data-model/data-tree/index.js';
+import '../data-model/data-tree-page/index.js';
+import '../data-model/data-table-pagination/index.js';
 
 const _hoisted_1 = { class: "mk-menu-permission" };
 const _hoisted_2 = { class: "header-box" };
 const _hoisted_3 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "header-box-main" },
-  " \u83DC\u5355 ",
+  "\u83DC\u5355",
   -1
   /* HOISTED */
 );

package/dist/esm/components/menu-permission-table/menu-permission-table.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-permission-table.vue2.js","sources":["../../../../src/components/menu-permission-table/menu-permission-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Ref, reactive, ref, unref } from \"vue\";\nimport { MenuTree, MenuForm, MenuNodeItem } from \"../../dataview\";\nimport { MKDataTree, MKDataTablePage, MKDataFormPage } from \"@maketribe/dm-ui\";\nimport { ElMessage,ElCard } from \"element-plus\";\n\nconst treeEl: Ref<any> = ref(null);\n\nconst menuTree = reactive(new MenuTree()) as MenuTree;\nconst menuForm = reactive(new MenuForm()) as MenuForm;\n\nconst isShowPermissionPointDefineFormDialog = ref(false);\nconst isShowMenuFormDialog = ref(false);\n\nconst handlePermissionClick = (data: MenuNodeItem) => {\n  unref(menuTree).toPermissionPointDefine(data);\n};\n\nconst handleAddRecord = () => {\n  isShowPermissionPointDefineFormDialog.value = true;\n};\n\nconst handleEditRecord = () => {\n  isShowPermissionPointDefineFormDialog.value = true;\n};\n\nconst handleSubmitted = () => {\n  isShowPermissionPointDefineFormDialog.value = false;\n};\n\nconst handleCancl = () => {\n  isShowPermissionPointDefineFormDialog.value = false;\n};\n\nconst handleMenuEditRecord = ({ item }: { item: MenuNodeItem }) => {\n  menuForm.editRecord(item);\n  isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuAddRecord = () => {\n  menuForm.addRecord();\n  isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuAddChildrenRecord = async (data: any) => {\n  menuForm.addRecord({\n    pid: data.id,\n    id: \"\",\n    title: \"\",\n    iconName: \"\",\n    routeId: \"\",\n  });\n  isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuSubmitted = (result: any) => {\n  if (result.data.code != 200) {\n    ElMessage.error(result.data?.msg || \"添加失败\");\n    return;\n  }\n  isShowMenuFormDialog.value = false;\n};\n\n\nconst handleMenuCancel = () => {\n  isShowMenuFormDialog.value = false;\n};\n</script>\n\n<template>\n  <div class=\"mk-menu-permission\">\n    <ElCard class=\"mk-menu-permission__menu\">\n      <template #header>\n        <div class=\"header-box\">\n          <div class=\"header-box-main\">\n           菜单\n          </div>\n          <div class=\"header-box-tools\">\n            <ElButton @click=\"handleMenuAddRecord\" type=\"primary\">添加</ElButton>\n          </div>\n        </div>\n      </template>\n      <ElScrollbar height=\"100%\">\n          <MKDataTree\n            ref=\"treeEl\"\n            :data-table=\"menuTree\"\n            :data-form=\"menuForm\"\n            style=\"padding: 0 10px\"\n            @edit-record=\"handleMenuEditRecord\"\n          >\n            <template #node-tools-prefix=\"{ data }\">\n              <ElButton\n                v-if=\"!data.children.length\"\n                link\n                @click=\"handlePermissionClick(data)\"\n              >\n                权限\n              </ElButton>\n              <ElButton\n                link\n                type=\"primary\"\n                @click=\"handleMenuAddChildrenRecord(data)\"\n              >\n                新增\n              </ElButton>\n            </template>\n          </MKDataTree>\n        </ElScrollbar>\n    </ElCard>\n    <div class=\"mk-menu-permission__permission\">\n      <MKDataTablePage\n        v-if=\"menuTree.currentMenuId\"\n        class=\"mk-menu-permission__permission-table\"\n        :data-table=\"menuTree.permissionPointDefineTable\"\n        @add-record=\"handleAddRecord\"\n        @edit-record=\"handleEditRecord\"\n      />\n    </div>\n  </div>\n\n  <ElDialog v-model=\"isShowMenuFormDialog\" width=\"70%\" appendToBody class=\"dataFormPageDialog\">\n    <MKDataFormPage\n      v-if=\"isShowMenuFormDialog\"\n      :data-form=\"menuForm\"\n      @cancel=\"handleMenuCancel\"\n      @submitted=\"handleMenuSubmitted\"\n    />\n  </ElDialog>\n\n  <ElDialog\n    v-model=\"isShowPermissionPointDefineFormDialog\"\n    width=\"70%\"\n    appendToBody\n    class=\"dataFormPageDialog\"\n  >\n    <MKDataFormPage\n      v-if=\"isShowPermissionPointDefineFormDialog\"\n      :data-form=\"menuTree.permissionPointDefineForm\"\n      @cancel=\"handleCancl\"\n      @submitted=\"handleSubmitted\"\n    />\n  </ElDialog>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,MAAA,MAAA,GAAmB,IAAI,IAAI,CAAA,CAAA;AAEjC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,IAAI,QAAA,EAAU,CAAA,CAAA;AACxC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,IAAI,QAAA,EAAU,CAAA,CAAA;AAExC,IAAM,MAAA,qCAAA,GAAwC,IAAI,KAAK,CAAA,CAAA;AACvD,IAAM,MAAA,oBAAA,GAAuB,IAAI,KAAK,CAAA,CAAA;AAEtC,IAAM,MAAA,qBAAA,GAAwB,CAAC,IAAuB,KAAA;AACpD,MAAM,KAAA,CAAA,QAAQ,CAAE,CAAA,uBAAA,CAAwB,IAAI,CAAA,CAAA;AAAA,KAC9C,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,qCAAA,CAAsC,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAAmC,KAAA;AACjE,MAAA,QAAA,CAAS,WAAW,IAAI,CAAA,CAAA;AACxB,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,QAAA,CAAS,SAAU,EAAA,CAAA;AACnB,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,2BAAA,GAA8B,OAAO,IAAc,KAAA;AACvD,MAAA,QAAA,CAAS,SAAU,CAAA;AAAA,QACjB,KAAK,IAAK,CAAA,EAAA;AAAA,QACV,EAAI,EAAA,EAAA;AAAA,QACJ,KAAO,EAAA,EAAA;AAAA,QACP,QAAU,EAAA,EAAA;AAAA,QACV,OAAS,EAAA,EAAA;AAAA,OACV,CAAA,CAAA;AACD,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsB,CAAC,MAAgB,KAAA;AAC3C,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,IAAQ,GAAK,EAAA;AAC3B,QAAA,SAAA,CAAU,KAAM,CAAA,MAAA,CAAO,IAAM,EAAA,GAAA,IAAO,0BAAM,CAAA,CAAA;AAC1C,QAAA,OAAA;AAAA,OACF;AACA,MAAA,oBAAA,CAAqB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC/B,CAAA;AAGA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,oBAAA,CAAqB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC/B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"menu-permission-table.vue2.js","sources":["../../../../src/components/menu-permission-table/menu-permission-table.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Ref, reactive, ref, unref } from \"vue\";\nimport { ElMessage, ElCard } from \"element-plus\";\nimport { MenuTree, MenuForm, MenuNodeItem } from \"../../dataview\";\nimport { MKDataTree, MKDataTablePage, MKDataFormPage } from \"../data-model\";\n\nconst treeEl: Ref<any> = ref(null);\n\nconst menuTree = reactive(new MenuTree()) as MenuTree;\nconst menuForm = reactive(new MenuForm()) as MenuForm;\n\nconst isShowPermissionPointDefineFormDialog = ref(false);\nconst isShowMenuFormDialog = ref(false);\n\nconst handlePermissionClick = (data: MenuNodeItem) => {\n  unref(menuTree).toPermissionPointDefine(data);\n};\n\nconst handleAddRecord = () => {\n  isShowPermissionPointDefineFormDialog.value = true;\n};\n\nconst handleEditRecord = () => {\n  isShowPermissionPointDefineFormDialog.value = true;\n};\n\nconst handleSubmitted = () => {\n  isShowPermissionPointDefineFormDialog.value = false;\n};\n\nconst handleCancl = () => {\n  isShowPermissionPointDefineFormDialog.value = false;\n};\n\nconst handleMenuEditRecord = ({ item }: { item: MenuNodeItem }) => {\n  menuForm.editRecord(item);\n  isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuAddRecord = () => {\n  menuForm.addRecord();\n  isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuAddChildrenRecord = async (data: any) => {\n  menuForm.addRecord({\n    pid: data.id,\n    id: \"\",\n    title: \"\",\n    iconName: \"\",\n    routeId: \"\",\n  });\n  isShowMenuFormDialog.value = true;\n};\n\nconst handleMenuSubmitted = (result: any) => {\n  if (result.data.code != 200) {\n    ElMessage.error(result.data?.msg || \"添加失败\");\n    return;\n  }\n  isShowMenuFormDialog.value = false;\n};\n\nconst handleMenuCancel = () => {\n  isShowMenuFormDialog.value = false;\n};\n</script>\n\n<template>\n  <div class=\"mk-menu-permission\">\n    <ElCard class=\"mk-menu-permission__menu\">\n      <template #header>\n        <div class=\"header-box\">\n          <div class=\"header-box-main\">菜单</div>\n          <div class=\"header-box-tools\">\n            <ElButton @click=\"handleMenuAddRecord\" type=\"primary\"\n              >添加</ElButton\n            >\n          </div>\n        </div>\n      </template>\n      <ElScrollbar height=\"100%\">\n        <MKDataTree\n          ref=\"treeEl\"\n          :data-table=\"menuTree\"\n          :data-form=\"menuForm\"\n          style=\"padding: 0 10px\"\n          @edit-record=\"handleMenuEditRecord\"\n        >\n          <template #node-tools-prefix=\"{ data }\">\n            <ElButton\n              v-if=\"!data.children.length\"\n              link\n              @click=\"handlePermissionClick(data)\"\n            >\n              权限\n            </ElButton>\n            <ElButton\n              link\n              type=\"primary\"\n              @click=\"handleMenuAddChildrenRecord(data)\"\n            >\n              新增\n            </ElButton>\n          </template>\n        </MKDataTree>\n      </ElScrollbar>\n    </ElCard>\n    <div class=\"mk-menu-permission__permission\">\n      <MKDataTablePage\n        v-if=\"menuTree.currentMenuId\"\n        class=\"mk-menu-permission__permission-table\"\n        :data-table=\"menuTree.permissionPointDefineTable\"\n        @add-record=\"handleAddRecord\"\n        @edit-record=\"handleEditRecord\"\n      />\n    </div>\n  </div>\n\n  <ElDialog\n    v-model=\"isShowMenuFormDialog\"\n    width=\"70%\"\n    appendToBody\n    class=\"dataFormPageDialog\"\n  >\n    <MKDataFormPage\n      v-if=\"isShowMenuFormDialog\"\n      :data-form=\"menuForm\"\n      @cancel=\"handleMenuCancel\"\n      @submitted=\"handleMenuSubmitted\"\n    />\n  </ElDialog>\n\n  <ElDialog\n    v-model=\"isShowPermissionPointDefineFormDialog\"\n    width=\"70%\"\n    appendToBody\n    class=\"dataFormPageDialog\"\n  >\n    <MKDataFormPage\n      v-if=\"isShowPermissionPointDefineFormDialog\"\n      :data-form=\"menuTree.permissionPointDefineForm\"\n      @cancel=\"handleCancl\"\n      @submitted=\"handleSubmitted\"\n    />\n  </ElDialog>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAM,MAAA,MAAA,GAAmB,IAAI,IAAI,CAAA,CAAA;AAEjC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,IAAI,QAAA,EAAU,CAAA,CAAA;AACxC,IAAA,MAAM,QAAW,GAAA,QAAA,CAAS,IAAI,QAAA,EAAU,CAAA,CAAA;AAExC,IAAM,MAAA,qCAAA,GAAwC,IAAI,KAAK,CAAA,CAAA;AACvD,IAAM,MAAA,oBAAA,GAAuB,IAAI,KAAK,CAAA,CAAA;AAEtC,IAAM,MAAA,qBAAA,GAAwB,CAAC,IAAuB,KAAA;AACpD,MAAM,KAAA,CAAA,QAAQ,CAAE,CAAA,uBAAA,CAAwB,IAAI,CAAA,CAAA;AAAA,KAC9C,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,IAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,qCAAA,CAAsC,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,qCAAA,CAAsC,KAAQ,GAAA,KAAA,CAAA;AAAA,KAChD,CAAA;AAEA,IAAA,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAAmC,KAAA;AACjE,MAAA,QAAA,CAAS,WAAW,IAAI,CAAA,CAAA;AACxB,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,QAAA,CAAS,SAAU,EAAA,CAAA;AACnB,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,2BAAA,GAA8B,OAAO,IAAc,KAAA;AACvD,MAAA,QAAA,CAAS,SAAU,CAAA;AAAA,QACjB,KAAK,IAAK,CAAA,EAAA;AAAA,QACV,EAAI,EAAA,EAAA;AAAA,QACJ,KAAO,EAAA,EAAA;AAAA,QACP,QAAU,EAAA,EAAA;AAAA,QACV,OAAS,EAAA,EAAA;AAAA,OACV,CAAA,CAAA;AACD,MAAA,oBAAA,CAAqB,KAAQ,GAAA,IAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAM,MAAA,mBAAA,GAAsB,CAAC,MAAgB,KAAA;AAC3C,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,IAAQ,GAAK,EAAA;AAC3B,QAAA,SAAA,CAAU,KAAM,CAAA,MAAA,CAAO,IAAM,EAAA,GAAA,IAAO,0BAAM,CAAA,CAAA;AAC1C,QAAA,OAAA;AAAA,OACF;AACA,MAAA,oBAAA,CAAqB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,MAAM,mBAAmB,MAAM;AAC7B,MAAA,oBAAA,CAAqB,KAAQ,GAAA,KAAA,CAAA;AAAA,KAC/B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}