@maketribe/ms-app 3.0.0

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

@@ -0,0 +1,192 @@
+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 MaterialGroup from './material-group.vue.js';
+import MaterialItem from './material-item.vue.js';
+import { materialListProps, materialListEmits } from './material-list-options.js';
+
+const _hoisted_1 = { class: "mk-material-list" };
+const _hoisted_2 = { class: "mk-material-list__main" };
+const _hoisted_3 = { class: "mk-material-list__header" };
+const _hoisted_4 = { class: "mk-material-list__header-left" };
+const _hoisted_5 = { class: "mk-material-list__types" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "mk-material-list__header-right" };
+const _hoisted_8 = { class: "mk-material-list__body" };
+const _hoisted_9 = { class: "mk-material-list__wrapper" };
+const _hoisted_10 = { class: "mk-material-list__footer" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "MKMaterialList" },
+  __name: "material-list",
+  props: materialListProps,
+  emits: materialListEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    props.materialMan.init();
+    const loading = computed(() => props.materialMan.materialTable.loading);
+    const value = computed({
+      get: () => {
+        return props.selectable ? props.selectedPath ?? null : null;
+      },
+      set: (v) => {
+        emit("update:selected-path", v);
+      }
+    });
+    const materialTable = computed(() => props.materialMan.materialTable);
+    const pageSizes = computed(() => unref(materialTable).pageSizes);
+    const currentPage = computed({
+      get: () => unref(materialTable).currentPage,
+      set: (v) => {
+        unref(materialTable).pageTo(v);
+      }
+    });
+    const pageSize = computed({
+      get: () => unref(materialTable).pageSize,
+      set: (v) => {
+        unref(materialTable).setPageSize(v);
+      }
+    });
+    const totalRecCount = computed(() => unref(materialTable).totalRecCount);
+    const changeCurrentPage = (v) => {
+      currentPage.value = v;
+    };
+    const changePageSize = (v) => {
+      pageSize.value = v;
+    };
+    const materialList = computed(() => unref(materialTable).getList());
+    const materialTypes = computed(() => props.materialMan.materialTypes);
+    const currentMaterialTypeId = computed(
+      () => props.materialMan.currentMaterialTypeId
+    );
+    const currentMaterialType = computed(
+      () => props.materialMan.currentMaterialType
+    );
+    const handleMaterialTypeClick = (materialType) => {
+      if (materialType.value === unref(currentMaterialTypeId)) {
+        return;
+      }
+      props.materialMan.setCurrentMaterialTypeId(materialType.value);
+    };
+    const handleMaterialItemClick = (event, material) => {
+      if (!props.selectable) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      value.value = material.path;
+    };
+    return (_ctx, _cache) => {
+      const _component_ElButton = resolveComponent("ElButton");
+      const _component_ElScrollbar = resolveComponent("ElScrollbar");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(MaterialGroup, { "material-man": _ctx.materialMan }, null, 8, ["material-man"]),
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(materialTypes.value, (item) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: item.value,
+                      class: normalizeClass([
+                        "mk-material-list__type",
+                        currentMaterialTypeId.value === item.value ? "is-active" : ""
+                      ]),
+                      onClick: ($event) => handleMaterialTypeClick(item)
+                    }, toDisplayString(item.label), 11, _hoisted_6);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ]),
+            createElementVNode("div", _hoisted_7, [
+              currentMaterialType.value ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 0 },
+                [
+                  createTextVNode(
+                    toDisplayString(currentMaterialType.value.label) + "\u5927\u5C0F\u4E0D\u8D85\u8FC7 " + toDisplayString(currentMaterialType.value.limit) + " M ",
+                    1
+                    /* TEXT */
+                  ),
+                  createVNode(unref(MKUploadFile), {
+                    upload: _ctx.materialMan.upload,
+                    accept: currentMaterialType.value.accept
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_ElButton, { type: "primary" }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            " \u9009\u62E9" + toDisplayString(currentMaterialType.value.label),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["upload", "accept"])
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              )) : createCommentVNode("v-if", true)
+            ])
+          ]),
+          createElementVNode("div", _hoisted_8, [
+            createVNode(_component_ElScrollbar, { height: "100%" }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_9, [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(materialList.value, (material) => {
+                      return openBlock(), createBlock(MaterialItem, {
+                        key: material.id,
+                        class: normalizeClass([
+                          "mk-material-list__item",
+                          value.value === material.path ? "is-current" : ""
+                        ]),
+                        "material-table": materialTable.value,
+                        material,
+                        onClickCapture: ($event) => handleMaterialItemClick($event, material)
+                      }, null, 8, ["class", "material-table", "material", "onClickCapture"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createElementVNode("div", _hoisted_10, [
+              createVNode(unref(ElPagination), {
+                class: "mk-data-table-pagination",
+                background: true,
+                pageSizes: unref(pageSizes.value),
+                currentPage: unref(currentPage.value),
+                pageSize: unref(pageSize.value),
+                total: unref(totalRecCount.value),
+                layout: "prev, pager, next",
+                onCurrentChange: changeCurrentPage,
+                onSizeChange: changePageSize
+              }, null, 8, ["pageSizes", "currentPage", "pageSize", "total"])
+            ])
+          ])
+        ])), [
+          [_directive_loading, loading.value]
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=material-list.vue2.js.map

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +1,10 @@
+import MaterialSelect from './material-select-api.js';
+
+const _MaterialSelect = MaterialSelect;
+_MaterialSelect.install = (app) => {
+  _MaterialSelect._context = app._context;
+};
+const MKMaterialSelect = _MaterialSelect;
+
+export { MKMaterialSelect, _MaterialSelect as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,3 @@
+import type { IMKMaterialSelect } from "./material-select-type";
+declare const _default: IMKMaterialSelect;
+export default _default;

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

@@ -0,0 +1,30 @@
+import { createVNode, render } from 'vue';
+import MaterialSelectConstructor from './material-select.js';
+
+const initInstance = (props, container, appContext = null) => {
+  const vnode = createVNode(MaterialSelectConstructor, props);
+  vnode.appContext = appContext;
+  render(vnode, container);
+  return vnode.component;
+};
+const showDialog = (options, appContext) => {
+  const container = document.createElement("div");
+  const instance = initInstance(options, container, appContext);
+  return instance.proxy;
+};
+async function MaterialSelect(options, appContext) {
+  return new Promise((resolve, reject) => {
+    showDialog(
+      {
+        ...options,
+        onSelect: resolve,
+        cancel: reject
+      },
+      appContext ?? MaterialSelect._context
+    );
+  });
+}
+MaterialSelect._context = null;
+
+export { MaterialSelect as default };
+//# sourceMappingURL=material-select-api.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,23 @@
+import { ExtractPropTypes } from "vue";
+import { MaterialMan } from "../../dataview";
+export declare const materialSelectProps: {
+    materialMan: {
+        readonly type: import("vue").PropType<MaterialMan>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    modelValue: {
+        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: {
+    "update:model-value": (path: any) => boolean;
+    select: (path: any) => boolean;
+    cancel: () => boolean;
+};
+export declare const MaterialSelectEmits: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";

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

@@ -0,0 +1,32 @@
+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 { buildProps } from '@maketribe/utils';
+import '../../dataview/config/ConfigForm.js';
+import '../../dataview/config/ConfigTable.js';
+import '../../dataview/material/MaterialForm.js';
+import '../../dataview/material/MaterialTable.js';
+import { MaterialMan } from '../../dataview/material/MaterialMan.js';
+
+const materialSelectProps = buildProps({
+  materialMan: { type: MaterialMan },
+  modelValue: { type: String }
+});
+const materialSelectEmits = {
+  "update:model-value": (path) => typeof path === "string",
+  select: (path) => typeof path === "string",
+  cancel: () => true
+};
+const MaterialSelectEmits = typeof materialSelectEmits;
+
+export { MaterialSelectEmits, materialSelectEmits, materialSelectProps };
+//# sourceMappingURL=material-select-options.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,9 @@
+import { MaterialMan } from "../../dataview";
+import type { AppContext } from "vue";
+export interface MKMaterialSelectOptions {
+    materialMan?: MaterialMan;
+}
+export interface IMKMaterialSelect {
+    (options?: MKMaterialSelectOptions, appContext?: AppContext): Promise<string>;
+    _context: AppContext | null;
+}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=material-select-type.js.map

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

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

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

@@ -0,0 +1,37 @@
+import { MaterialMan } from "../../dataview";
+declare const _default: import("vue").DefineComponent<{
+    materialMan: {
+        readonly type: import("vue").PropType<MaterialMan>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    modelValue: {
+        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, {
+    "update:model-value": (path: any) => boolean;
+    select: (path: any) => boolean;
+    cancel: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    materialMan: {
+        readonly type: import("vue").PropType<MaterialMan>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    modelValue: {
+        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;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,94 @@
+import { defineComponent, reactive, ref, watch, computed, createVNode, unref, createTextVNode } from 'vue';
+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 '../../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';
+import '../../dataview/material/MaterialTable.js';
+import { MaterialMan } from '../../dataview/material/MaterialMan.js';
+import { useHttpRequest } from '../../composables/use-http-request.js';
+
+var MaterialSelectConstructor = /* @__PURE__ */ defineComponent({
+  name: "MKMaterialSelect",
+  props: materialSelectProps,
+  emits: materialSelectEmits,
+  setup(props, {
+    emit
+  }) {
+    const materialMan = props.materialMan ?? reactive(new MaterialMan({
+      components: new MaterialComponents(),
+      httpRequest: useHttpRequest() || void 0
+    }));
+    const selectedPath = ref("");
+    const visible = ref(true);
+    watch(computed(() => props.modelValue), (modelValue) => {
+      selectedPath.value = modelValue || "";
+    }, {
+      immediate: true
+    });
+    const handleConfirmClick = () => {
+      visible.value = false;
+      emit("update:model-value", unref(selectedPath));
+      emit("select", unref(selectedPath));
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+      emit("cancel");
+    };
+    return () => {
+      return createVNode(ElDialog, {
+        "width": "70%",
+        "modelValue": unref(visible),
+        "onUpdate:modelValue": (v) => {
+          visible.value = v;
+        },
+        "destroyOnClose": true,
+        "appendToBody": true,
+        "showClose": false,
+        "modal-class": "mk-material-select"
+      }, {
+        default: () => [createVNode(MaterialList, {
+          "selectedPath": unref(selectedPath),
+          "onUpdate:selected-path": (v) => {
+            selectedPath.value = v;
+          },
+          "class": "mk-material-select__list",
+          "materialMan": materialMan,
+          "selectable": true
+        }, null)],
+        footer: () => {
+          return createVNode("span", {
+            "class": "mk-material-select__footer"
+          }, [createVNode(ElButton, {
+            "type": "primary",
+            "onClick": handleConfirmClick
+          }, {
+            default: () => [createTextVNode("\u786E\u5B9A")]
+          }), createVNode(ElButton, {
+            "onClick": handleCancelClick
+          }, {
+            default: () => [createTextVNode("\u53D6\u6D88")]
+          })]);
+        }
+      });
+    };
+  }
+});
+
+export { MaterialSelectConstructor as default };
+//# sourceMappingURL=material-select.js.map

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

@@ -0,0 +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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"}

package/dist/esm/components/member-table/index.d.ts

@@ -0,0 +1,5 @@
+export declare const MKMemberTable: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("edit-record" | "add-record")[], "edit-record" | "add-record", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onEdit-record"?: ((...args: any[]) => any) | undefined;
+    "onAdd-record"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>> & Record<string, any>;
+export default MKMemberTable;

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

@@ -0,0 +1,7 @@
+import { withInstall } from '@maketribe/utils';
+import MemberTable from './member-table.vue.js';
+
+const MKMemberTable = withInstall(MemberTable);
+
+export { MKMemberTable, MKMemberTable as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/member-table/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport MemberTable from \"./member-table.vue\";\n\nexport const MKMemberTable = withInstall(MemberTable);\n\nexport default MKMemberTable;\n"],"names":[],"mappings":";;;AAGa,MAAA,aAAA,GAAgB,YAAY,WAAW;;;;"}

package/dist/esm/components/member-table/member-table.vue.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("edit-record" | "add-record")[], "edit-record" | "add-record", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "onEdit-record"?: ((...args: any[]) => any) | undefined;
+    "onAdd-record"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import _sfc_main from './member-table.vue2.js';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+var MemberTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/chenyu/Documents/develop/maketribe/make-appclient/packages/ms-app/src/components/member-table/member-table.vue"]]);
+
+export { MemberTable as default };
+//# sourceMappingURL=member-table.vue.js.map

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

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