@maketribe/ms-app 3.0.0

package/dist/esm/UserSession.d.ts

@@ -0,0 +1,33 @@
+import { Disposable, Event } from "@maketribe/utils";
+import { MemberInfo, UserInfo } from "./UserInfo";
+import { Menu } from "./menu";
+import { Tabs } from "./tabs";
+import { Router } from "./Router";
+import { PermissionPoint, PermissionPointManager } from "./PermissionPointManager";
+import type { MSAppClient } from "./MSAppClient";
+import { MenuResult, Role, Route } from "./dataview";
+import { R } from "@maketribe/request";
+export type UserSessionOptions = {
+    msAppClient: MSAppClient;
+};
+export declare class UserSession extends Disposable {
+    msAppClient: MSAppClient;
+    vueRouter: MSAppClient["vueRouter"];
+    userInfo: UserInfo | null;
+    menu: Menu;
+    tabs: Tabs;
+    router: Router;
+    permissionPointManager: PermissionPointManager;
+    accessToken: string;
+    xAccessToken: string;
+    beforeInitRouterEvent: Event;
+    constructor(options: UserSessionOptions);
+    init(): Promise<import("@maketribe/request").ResponseConfig<R<{
+        member: MemberInfo;
+        menus: MenuResult[];
+        routes: Route[];
+        roles: Role[];
+        permissionPoints: PermissionPoint[];
+    }>, any> | undefined>;
+    dispose(): void;
+}

package/dist/esm/UserSession.js

@@ -0,0 +1,111 @@
+import { Disposable, Event, createDisposable } from '@maketribe/utils';
+import { UserInfo } from './UserInfo.js';
+import { Menu } from './menu/Menu.js';
+import { Tabs } from './tabs/Tabs.js';
+import { Router } from './Router.js';
+import { PermissionPointManager } from './PermissionPointManager.js';
+import { ACCESS_TOKEN_HEADER, X_ACCESS_TOKEN_HEADER, AUTHORIZATION, AUTHORIZATION_PREFIX, X_AUTHORIZATION } from './constants/token.js';
+
+class UserSession extends Disposable {
+  msAppClient;
+  vueRouter;
+  userInfo;
+  menu;
+  tabs;
+  router;
+  permissionPointManager;
+  accessToken;
+  xAccessToken;
+  beforeInitRouterEvent = this.register(new Event());
+  constructor(options) {
+    super();
+    this.msAppClient = options.msAppClient;
+    this.vueRouter = this.msAppClient.vueRouter;
+    this.userInfo = null;
+    this.router = this.register(new Router(this));
+    this.tabs = this.register(new Tabs(this));
+    this.permissionPointManager = new PermissionPointManager();
+    this.menu = this.register(
+      new Menu(this.permissionPointManager, this.router)
+    );
+    this.accessToken = localStorage.getItem(ACCESS_TOKEN_HEADER) ?? "";
+    this.xAccessToken = localStorage.getItem(X_ACCESS_TOKEN_HEADER) ?? "";
+  }
+  async init() {
+    const msAppClient = this.msAppClient;
+    const httpRequest = msAppClient.httpRequest;
+    const beforeRequestInterceptorID = httpRequest.getInterceptors().request.use((config) => {
+      if (this.accessToken) {
+        config.headers[AUTHORIZATION] = `${AUTHORIZATION_PREFIX} ${this.accessToken}`;
+      }
+      if (this.xAccessToken) {
+        config.headers[X_AUTHORIZATION] = `${AUTHORIZATION_PREFIX} ${this.xAccessToken}`;
+      }
+      return config;
+    });
+    const beforeResponseInterceptorID = httpRequest.getInterceptors().response.use((config) => {
+      if (config.data.code === 401) {
+        this.accessToken = this.xAccessToken = "";
+      } else {
+        this.accessToken = config.headers[ACCESS_TOKEN_HEADER] || this.accessToken;
+        this.xAccessToken = config.headers[X_ACCESS_TOKEN_HEADER] || this.xAccessToken;
+      }
+      localStorage.setItem(ACCESS_TOKEN_HEADER, this.accessToken);
+      localStorage.setItem(X_ACCESS_TOKEN_HEADER, this.xAccessToken);
+      return config;
+    });
+    try {
+      let response = await httpRequest.request({
+        url: "/api/ms-login/login-info",
+        method: "GET"
+      });
+      if (!response.data || response.data.code !== 200) {
+        return response;
+      }
+      const BasicInfoResult = response.data;
+      const { member, routes, menus, permissionPoints, roles } = BasicInfoResult.data;
+      this.userInfo = new UserInfo(
+        msAppClient,
+        member,
+        roles,
+        permissionPoints
+      );
+      this.router.setRoutes(routes);
+      this.permissionPointManager.setPermissionPoints(permissionPoints);
+      this.menu.setMenus(menus);
+      this.tabs.init();
+      this.beforeInitRouterEvent.emit();
+      this.router.init();
+      this.router.routeChange.on(({ route, routeInfo }) => {
+        const menuNode = this.menu.findMenuNodeByID(routeInfo.menuId);
+        this.menu.setCurrentMenuNode(menuNode);
+        const tab = this.tabs.findTabByID(routeInfo.name) ?? this.tabs.createTab({
+          id: routeInfo.name,
+          title: routeInfo.title,
+          affix: route.matched?.[route.matched?.length - 1]?.meta?.affix,
+          realRoute: route,
+          route: routeInfo
+        });
+        this.tabs.switchTab(tab);
+      });
+      this.register(
+        createDisposable(() => {
+          httpRequest.getInterceptors().request.eject(beforeRequestInterceptorID);
+          httpRequest.getInterceptors().request.eject(beforeResponseInterceptorID);
+        })
+      );
+      return response;
+    } catch (e) {
+      httpRequest.getInterceptors().request.eject(beforeRequestInterceptorID);
+      httpRequest.getInterceptors().request.eject(beforeResponseInterceptorID);
+    }
+  }
+  dispose() {
+    localStorage.removeItem(ACCESS_TOKEN_HEADER);
+    localStorage.removeItem(X_ACCESS_TOKEN_HEADER);
+    super.dispose();
+  }
+}
+
+export { UserSession };
+//# sourceMappingURL=UserSession.js.map

package/dist/esm/UserSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSession.js","sources":["../../src/UserSession.ts"],"sourcesContent":["import { Disposable, Event, createDisposable } from \"@maketribe/utils\";\nimport { MemberInfo, UserInfo } from \"./UserInfo\";\nimport { Menu } from \"./menu\";\nimport { Tabs } from \"./tabs\";\nimport { Router } from \"./Router\";\nimport {\n  PermissionPoint,\n  PermissionPointManager,\n} from \"./PermissionPointManager\";\nimport type { MSAppClient } from \"./MSAppClient\";\nimport { MenuResult, Role, Route } from \"./dataview\";\nimport { R } from \"@maketribe/request\";\nimport {\n  ACCESS_TOKEN_HEADER,\n  AUTHORIZATION,\n  AUTHORIZATION_PREFIX,\n  X_ACCESS_TOKEN_HEADER,\n  X_AUTHORIZATION,\n} from \"./constants\";\n\nexport type UserSessionOptions = {\n  msAppClient: MSAppClient;\n};\n\nexport class UserSession extends Disposable {\n  msAppClient: MSAppClient;\n\n  vueRouter: MSAppClient[\"vueRouter\"];\n\n  userInfo: UserInfo | null;\n\n  menu: Menu;\n\n  tabs: Tabs;\n\n  router: Router;\n\n  permissionPointManager: PermissionPointManager;\n\n  accessToken: string;\n\n  xAccessToken: string;\n\n  beforeInitRouterEvent: Event = this.register(new Event());\n\n  constructor(options: UserSessionOptions) {\n    super();\n\n    this.msAppClient = options.msAppClient;\n\n    this.vueRouter = this.msAppClient.vueRouter;\n\n    this.userInfo = null;\n\n    this.router = this.register(new Router(this));\n    this.tabs = this.register(new Tabs(this));\n    this.permissionPointManager = new PermissionPointManager();\n    this.menu = this.register(\n      new Menu(this.permissionPointManager, this.router)\n    );\n\n    this.accessToken = localStorage.getItem(ACCESS_TOKEN_HEADER) ?? \"\";\n    this.xAccessToken = localStorage.getItem(X_ACCESS_TOKEN_HEADER) ?? \"\";\n  }\n\n  async init() {\n    type BasicInfoResult = {\n      member: MemberInfo;\n      menus: MenuResult[];\n      routes: Route[];\n      roles: Role[];\n      permissionPoints: PermissionPoint[];\n    };\n\n    const msAppClient = this.msAppClient;\n\n    const httpRequest = msAppClient.httpRequest;\n\n    const beforeRequestInterceptorID = httpRequest\n      .getInterceptors()\n      .request.use((config) => {\n        if (this.accessToken) {\n          config.headers[\n            AUTHORIZATION\n          ] = `${AUTHORIZATION_PREFIX} ${this.accessToken}`;\n        }\n\n        if (this.xAccessToken) {\n          config.headers[\n            X_AUTHORIZATION\n          ] = `${AUTHORIZATION_PREFIX} ${this.xAccessToken}`;\n        }\n\n        return config;\n      });\n\n    const beforeResponseInterceptorID = httpRequest\n      .getInterceptors()\n      .response.use((config) => {\n        if (config.data.code === 401) {\n          this.accessToken = this.xAccessToken = \"\";\n        } else {\n          this.accessToken =\n            config.headers[ACCESS_TOKEN_HEADER] || this.accessToken;\n\n          this.xAccessToken =\n            config.headers[X_ACCESS_TOKEN_HEADER] || this.xAccessToken;\n        }\n\n        localStorage.setItem(ACCESS_TOKEN_HEADER, this.accessToken);\n\n        localStorage.setItem(X_ACCESS_TOKEN_HEADER, this.xAccessToken);\n\n        return config;\n      });\n\n    try {\n      let response = await httpRequest.request<R<BasicInfoResult>>({\n        url: \"/api/ms-login/login-info\",\n        method: \"GET\",\n      });\n\n      if (!response.data || response.data.code !== 200) {\n        return response;\n      }\n\n      const BasicInfoResult = response.data!;\n\n      const { member, routes, menus, permissionPoints, roles } =\n        BasicInfoResult.data!;\n\n      this.userInfo = new UserInfo(\n        msAppClient,\n        member,\n        roles,\n        permissionPoints\n      );\n\n      this.router.setRoutes(routes);\n      this.permissionPointManager.setPermissionPoints(permissionPoints);\n      this.menu.setMenus(menus);\n\n      this.tabs.init();\n\n      this.beforeInitRouterEvent.emit();\n      this.router.init();\n\n      this.router.routeChange.on(({ route, routeInfo }) => {\n        const menuNode = this.menu.findMenuNodeByID(routeInfo.menuId);\n\n        this.menu.setCurrentMenuNode(menuNode);\n\n        const tab =\n          this.tabs.findTabByID(routeInfo.name) ??\n          this.tabs.createTab({\n            id: routeInfo.name,\n            title: routeInfo.title,\n            affix: route.matched?.[route.matched?.length - 1]?.meta?.affix,\n            realRoute: route,\n            route: routeInfo,\n          });\n\n        this.tabs.switchTab(tab);\n      });\n\n      this.register(\n        createDisposable(() => {\n          httpRequest\n            .getInterceptors()\n            .request.eject(beforeRequestInterceptorID);\n          httpRequest\n            .getInterceptors()\n            .request.eject(beforeResponseInterceptorID);\n        })\n      );\n\n      return response;\n    } catch (e) {\n      httpRequest.getInterceptors().request.eject(beforeRequestInterceptorID);\n      httpRequest.getInterceptors().request.eject(beforeResponseInterceptorID);\n    }\n  }\n\n  public dispose(): void {\n    localStorage.removeItem(ACCESS_TOKEN_HEADER);\n    localStorage.removeItem(X_ACCESS_TOKEN_HEADER);\n\n    super.dispose();\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,10 @@
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+export { _export_sfc as default };
+//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/dist/esm/_virtual/_plugin-vue_export-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_plugin-vue_export-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/esm/components/image-select/image-select-option.d.ts

@@ -0,0 +1,13 @@
+import { ExtractPropTypes } from "vue";
+export declare const imageSelectProps: {
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export declare const imageSelectEmits: {
+    "update:model-value": (modelValue: any) => boolean;
+};
+export type imageSelectProps = ExtractPropTypes<typeof imageSelectProps>;

package/dist/esm/components/image-select/image-select-option.js

@@ -0,0 +1,11 @@
+import { buildProps } from '@maketribe/utils';
+
+const imageSelectProps = buildProps({
+  modelValue: { type: String, required: true }
+});
+const imageSelectEmits = {
+  "update:model-value": (modelValue) => true
+};
+
+export { imageSelectEmits, imageSelectProps };
+//# sourceMappingURL=image-select-option.js.map

package/dist/esm/components/image-select/image-select-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-select-option.js","sources":["../../../../src/components/image-select/image-select-option.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const imageSelectProps = buildProps({\n  modelValue: { type: String, required: true },\n} as const);\n\nexport const imageSelectEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\nexport type imageSelectProps = ExtractPropTypes<typeof imageSelectProps>;\n"],"names":[],"mappings":";;AAGO,MAAM,mBAAmB,UAAW,CAAA;AAAA,EACzC,UAAY,EAAA,EAAE,IAAM,EAAA,MAAA,EAAQ,UAAU,IAAK,EAAA;AAC7C,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,oBAAA,EAAsB,CAAC,UAAoB,KAAA,IAAA;AAC7C;;;;"}

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

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (modelValue: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

@@ -0,0 +1,41 @@
+import { defineComponent, computed, createVNode } from 'vue';
+import { ElIcon } from 'element-plus';
+import { Plus } from '@element-plus/icons';
+import { imageSelectProps, imageSelectEmits } from './image-select-option.js';
+import { MKMaterialSelect } from '../material-select/index.js';
+
+var imageSelect = /* @__PURE__ */ defineComponent({
+  name: "MKFileView",
+  props: imageSelectProps,
+  emits: imageSelectEmits,
+  setup(props, {
+    emit
+  }) {
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:model-value", v)
+    });
+    const handleSelectClick = async (e) => {
+      modelValue.value = await MKMaterialSelect();
+    };
+    return () => {
+      const imageVNode = props.modelValue ? createVNode("img", {
+        "src": props.modelValue,
+        "class": "img-select-content",
+        "onClick": handleSelectClick
+      }, null) : createVNode("span", {
+        "onClick": handleSelectClick
+      }, [createVNode(ElIcon, {
+        "class": "img-select-icon"
+      }, {
+        default: () => [createVNode(Plus, null, null)]
+      })]);
+      return createVNode("div", {
+        "class": "img-select"
+      }, [imageVNode]);
+    };
+  }
+});
+
+export { imageSelect as default };
+//# sourceMappingURL=image-select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-select.js","sources":["../../../../src/components/image-select/image-select.tsx"],"sourcesContent":["import { defineComponent, computed } from \"vue\";\nimport { ElIcon } from \"element-plus\";\nimport { Plus } from \"@element-plus/icons\";\nimport { imageSelectProps, imageSelectEmits } from \"./image-select-option\";\nimport { MKMaterialSelect } from \"../../components/material-select\";\n\nexport default defineComponent({\n  name: \"MKFileView\",\n  props: imageSelectProps,\n  emits: imageSelectEmits,\n\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    const handleSelectClick = async (e: MouseEvent) => {\n      modelValue.value = await MKMaterialSelect();\n    };\n\n    return () => {\n      const imageVNode = props.modelValue ? (\n        <img\n          src={props.modelValue}\n          class=\"img-select-content\"\n          onClick={handleSelectClick}\n        />\n      ) : (\n        <span onClick={handleSelectClick}>\n          <ElIcon class=\"img-select-icon\">\n            <Plus />\n          </ElIcon>\n        </span>\n      );\n\n      return <div class=\"img-select\">{imageVNode}</div>;\n    };\n  },\n});\n"],"names":["name","props","imageSelectProps","emits","imageSelectEmits","setup","emit","modelValue","computed","get","set","v","handleSelectClick","e","value","MKMaterialSelect","imageVNode","_createVNode","ElIcon","default","Plus"],"mappings":";;;;;;AAMA,kCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,YAAA;AAAA,EACNC,KAAOC,EAAAA,gBAAAA;AAAAA,EACPC,KAAOC,EAAAA,gBAAAA;AAAAA,EAEPC,MAAMJ,KAAO,EAAA;AAAA,IAAEK,IAAAA;AAAAA,GAAQ,EAAA;AACrB,IAAA,MAAMC,aAAaC,QAAS,CAAA;AAAA,MAC1BC,GAAAA,EAAKA,MAAMR,KAAMM,CAAAA,UAAAA;AAAAA,MACjBG,GAAMC,EAAAA,CAAAA,CAAAA,KAAML,IAAK,CAAA,oBAAA,EAAsBK,CAAC,CAAA;AAAA,KACzC,CAAA,CAAA;AAED,IAAMC,MAAAA,iBAAAA,GAAoB,OAAOC,CAAkB,KAAA;AACjDN,MAAWO,UAAAA,CAAAA,KAAAA,GAAQ,MAAMC,gBAAiB,EAAA,CAAA;AAAA,KAC5C,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAMC,UAAaf,GAAAA,KAAAA,CAAMM,UAAUU,GAAAA,WAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAE1BhB,KAAMM,CAAAA,UAAAA;AAAAA,QAAU,OAAA,EAAA,oBAAA;AAAA,QAAA,SAEZK,EAAAA,iBAAAA;AAAAA,OAAiB,EAAA,IAAA,CAAAK,GAAAA,WAAAA,CAAA,MAAA,EAAA;AAAA,QAAA,SAGbL,EAAAA,iBAAAA;AAAAA,OAAiB,EAAAK,CAAAA,WAAAA,CAAAC,MAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,YAAAG,IAAA,EAAA,IAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAKjC,CAAA,CAAA,CAAA,CAAA;AAED,MAAA,OAAAH,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,YAAA;AAAA,OAAA,EAAA,CAAgCD,UAAU,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

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

@@ -0,0 +1,20 @@
+export declare const MKImageSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (modelValue: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>> & {
+    "onUpdate:model-value"?: ((modelValue: any) => any) | undefined;
+}, {}, {}>> & Record<string, any>;
+export default MKImageSelect;

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

@@ -0,0 +1,7 @@
+import { withInstall } from '@maketribe/utils';
+import imageSelect from './image-select.js';
+
+const MKImageSelect = withInstall(imageSelect);
+
+export { MKImageSelect, MKImageSelect as default };
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./system-provider";
+export * from "./material-list";
+export * from "./material-select";
+export * from "./role-permission-config";
+export * from "./menu-permission-table";
+export * from "./image-select";
+export * from "./verify-dialog";
+export * from "./member-table";

package/dist/esm/components/index.js

@@ -0,0 +1,11 @@
+export { MKSystemProvider } from './system-provider/index.js';
+export { MKMaterialList } from './material-list/index.js';
+export { MKMaterialSelect } from './material-select/index.js';
+export { MKRolePermissionConfig } from './role-permission-config/index.js';
+export { MKMenuPermissionTable } from './menu-permission-table/index.js';
+export { MKImageSelect } from './image-select/index.js';
+export { MKVerifyDialog } from './verify-dialog/index.js';
+export { MKMemberTable } from './member-table/index.js';
+export { materialListEmits, materialListProps } from './material-list/material-list-options.js';
+export { rolePermissionConfigEmits, rolePermissionConfigProps } from './role-permission-config/role-permission-config-options.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

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

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

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

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

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import MaterialList from './material-list.vue.js';
+export { materialListEmits, materialListProps } from './material-list-options.js';
+
+const MKMaterialList = withInstall(MaterialList);
+
+export { MKMaterialList, MKMaterialList as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/material-list/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport MaterialList from \"./material-list.vue\";\n\nexport const MKMaterialList = withInstall(MaterialList);\nexport default MKMaterialList;\n\nexport * from \"./material-list-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,cAAA,GAAiB,YAAY,YAAY;;;;"}

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

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

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

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

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

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

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

@@ -0,0 +1,107 @@
+import { defineComponent, ref, computed, unref, resolveComponent, resolveDirective, openBlock, createBlock, withCtx, renderSlot, createElementVNode, withDirectives, createVNode, createTextVNode } from 'vue';
+import { ElMessage } from 'element-plus';
+import { MKDataForm } from '@maketribe/dm-ui';
+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 { MaterialGroupForm } from '../../dataview/material/material-group/MaterialGroupForm.js';
+import '../../dataview/material/MaterialForm.js';
+import '../../dataview/material/MaterialTable.js';
+import { MaterialMan } from '../../dataview/material/MaterialMan.js';
+
+const _hoisted_1 = { style: { "display": "flex", "align-items": "center", "justify-content": "space-between" } };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "material-group-form-popover",
+  props: {
+    materialMan: {
+      type: MaterialMan,
+      required: true
+    },
+    materialGroupForm: {
+      type: MaterialGroupForm,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const visible = ref(false);
+    const loading = computed(() => props.materialGroupForm.loading);
+    const allowSubmit = computed(
+      () => !!(unref(loading) || !props.materialGroupForm.allowSubmit)
+    );
+    const handleSaveClick = async () => {
+      const result = await props.materialGroupForm.submit();
+      if (result.data.code !== 200) {
+        ElMessage.error(result.data.msg);
+        return;
+      }
+      props.materialMan.materialGroupTable.load();
+      visible.value = false;
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_ElButton = resolveComponent("ElButton");
+      const _component_ElPopover = resolveComponent("ElPopover");
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createBlock(_component_ElPopover, {
+        visible: visible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: "\u6DFB\u52A0\u7D20\u6750\u5206\u7EC4",
+        effect: "light",
+        placement: "right",
+        trigger: "click",
+        width: "320"
+      }, {
+        reference: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", null, [
+            withDirectives(createVNode(unref(MKDataForm), { "data-form": __props.materialGroupForm }, null, 8, ["data-form"]), [
+              [_directive_loading, loading.value]
+            ]),
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_component_ElButton, {
+                type: "primary",
+                loading: !allowSubmit.value,
+                onClick: handleSaveClick
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" \u4FDD\u5B58 ")
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"]),
+              createVNode(_component_ElButton, { onClick: handleCancelClick }, {
+                default: withCtx(() => [
+                  createTextVNode("\u53D6\u6D88")
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["visible"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=material-group-form-popover.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"material-group-form-popover.vue2.js","sources":["../../../../src/components/material-list/material-group-form-popover.vue"],"sourcesContent":["<template>\n  <ElPopover\n    v-model:visible=\"visible\"\n    title=\"添加素材分组\"\n    effect=\"light\"\n    placement=\"right\"\n    trigger=\"click\"\n    width=\"320\"\n  >\n    <template #reference>\n      <slot></slot>\n    </template>\n\n    <div>\n      <MKDataForm :data-form=\"materialGroupForm\"  v-loading=\"loading\" />\n      <div style=\" display: flex; align-items: center; justify-content: space-between;\">\n        <ElButton type=\"primary\" :loading=\"!allowSubmit\" @click=\"handleSaveClick\" >\n          保存\n        </ElButton>\n        <ElButton @click=\"handleCancelClick\">取消</ElButton>\n      </div>\n    </div>\n  </ElPopover>\n</template>\n\n<script setup lang=\"ts\">\nimport { Ref, computed, ref, unref } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport { MKDataForm } from \"@maketribe/dm-ui\";\nimport { MaterialGroupForm, MaterialMan } from \"../../dataview\";\n\nconst props = defineProps({\n  materialMan: {\n    type: MaterialMan,\n    required: true,\n  },\n  materialGroupForm: {\n    type: MaterialGroupForm,\n    required: true,\n  },\n});\n\nconst visible: Ref<boolean> = ref(false);\n\nconst loading = computed(() => props.materialGroupForm.loading);\nconst allowSubmit = computed(\n  () => !!(unref(loading) || !props.materialGroupForm.allowSubmit)\n);\n\nconst handleSaveClick = async () => {\n  const result = await props.materialGroupForm.submit();\n\n  if (result.data.code !== 200) {\n    ElMessage.error(result.data.msg);\n    return;\n  }\n\n  props.materialMan.materialGroupTable.load();\n\n  visible.value = false;\n};\n\nconst handleCancelClick = () => {\n  visible.value = false;\n};\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,IAAM,MAAA,OAAA,GAAwB,IAAI,KAAK,CAAA,CAAA;AAEvC,IAAA,MAAM,OAAU,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,kBAAkB,OAAO,CAAA,CAAA;AAC9D,IAAA,MAAM,WAAc,GAAA,QAAA;AAAA,MAClB,MAAM,CAAC,EAAE,KAAA,CAAM,OAAO,CAAK,IAAA,CAAC,MAAM,iBAAkB,CAAA,WAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAA,MAAM,kBAAkB,YAAY;AAClC,MAAA,MAAM,MAAS,GAAA,MAAM,KAAM,CAAA,iBAAA,CAAkB,MAAO,EAAA,CAAA;AAEpD,MAAI,IAAA,MAAA,CAAO,IAAK,CAAA,IAAA,KAAS,GAAK,EAAA;AAC5B,QAAU,SAAA,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAC/B,QAAA,OAAA;AAAA,OACF;AAEA,MAAM,KAAA,CAAA,WAAA,CAAY,mBAAmB,IAAK,EAAA,CAAA;AAE1C,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/esm/components/material-list/material-group.vue.js

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

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

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