@maxtropy/v-components 0.1.12-beta.4 → 0.1.12-beta.6

package/lib/components/alert/MxAlert.vue.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const elementPlus = require("element-plus");
+const InfoSvg = require("../../assets/svg/InfoSvg.vue");
+const TypeComponentsMap = {
+  success: iconsVue.SuccessFilled,
+  warning: iconsVue.WarningFilled,
+  error: iconsVue.CircleCloseFilled,
+  info: vue.markRaw(InfoSvg)
+};
+const keysOf = (object) => Object.keys(object);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxAlert",
+  props: {
+    ...elementPlus.alertProps,
+    type: {
+      type: String,
+      values: keysOf(TypeComponentsMap),
+      default: "info"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    showIcon: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const iconComponent = vue.computed(() => TypeComponentsMap[props.type]);
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_ElAlert = vue.resolveComponent("ElAlert");
+      return vue.openBlock(), vue.createBlock(_component_ElAlert, vue.mergeProps(props, {
+        class: "mx-alert",
+        closable: false,
+        "show-icon": false
+      }), vue.createSlots({
+        title: vue.withCtx(() => [
+          __props.showIcon && iconComponent.value ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+            key: 0,
+            size: 16
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconComponent.value)))
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "title", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(__props.title), 1)
+          ], true)
+        ]),
+        _: 2
+      }, [
+        vue.renderList(_ctx.$slots, (item, key, index) => {
+          return {
+            name: key,
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, key, {}, void 0, true)
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+});
+const MxAlert_vue_vue_type_style_index_0_scoped_3f2a0ebe_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MxAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f2a0ebe"]]);
+exports.TypeComponentsMap = TypeComponentsMap;
+exports.default = MxAlert;
+exports.keysOf = keysOf;

package/lib/components/alert/index.d.ts

@@ -0,0 +1,7 @@
+import MxAlert from './MxAlert.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        MxAlert: typeof MxAlert;
+    }
+}
+export default MxAlert;

package/lib/components/alert/index.js

@@ -0,0 +1,6 @@
+"use strict";
+const MxAlert = require("./MxAlert.vue");
+MxAlert.install = (app) => {
+  app.component(MxAlert.__name, MxAlert);
+};
+module.exports = MxAlert;

package/lib/components/authorizedpermission/AuthorizedPermission.css

@@ -0,0 +1,14 @@
+.not-authorized[data-v-0e210937] {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  color: white;
+}
+.not-authorized .img[data-v-0e210937] {
+  width: 80px;
+  height: 80px;
+  margin-bottom: 16px;
+}

package/lib/components/authorizedpermission/AuthorizedPermission.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+    error?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/authorizedpermission/AuthorizedPermission.vue.js

@@ -0,0 +1,50 @@
+"use strict";
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const hooks = require("../../utils/hooks");
+const notAuthorizedImg = require("../../assets/images/notAuthorized.png");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-0e210937"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "not-authorized"
+};
+const _hoisted_2 = ["src"];
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", null, "您没有本页面的操作权限，请联系系统管理员，为您开通对应权限。", -1));
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "AuthorizedPermission",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const authorityList = vue.ref([]);
+    hooks.useIntegratedAuthorityList((val) => {
+      authorityList.value = val || [];
+    });
+    const hasPermission = vue.computed(() => {
+      var _a, _b;
+      if (!((_a = route == null ? void 0 : route.meta) == null ? void 0 : _a.permission))
+        return false;
+      return authorityList.value.includes((_b = route == null ? void 0 : route.meta) == null ? void 0 : _b.permission);
+    });
+    return (_ctx, _cache) => {
+      return hasPermission.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+        vue.renderSlot(_ctx.$slots, "error", {}, void 0, true),
+        !_ctx.$slots.error ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("img", {
+            src: vue.unref(notAuthorizedImg),
+            class: "img"
+          }, null, 8, _hoisted_2),
+          _hoisted_3
+        ])) : vue.createCommentVNode("", true)
+      ], 64));
+    };
+  }
+});
+const AuthorizedPermission_vue_vue_type_style_index_0_scoped_0e210937_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const AuthorizedPermission = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e210937"]]);
+module.exports = AuthorizedPermission;

package/lib/components/authorizedpermission/index.d.ts

@@ -0,0 +1,7 @@
+import AuthorizedPermission from './AuthorizedPermission.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        AuthorizedPermission: typeof AuthorizedPermission;
+    }
+}
+export default AuthorizedPermission;

package/lib/components/authorizedpermission/index.js

@@ -0,0 +1,6 @@
+"use strict";
+const AuthorizedPermission = require("./AuthorizedPermission.vue");
+AuthorizedPermission.install = (app) => {
+  app.component(AuthorizedPermission.__name, AuthorizedPermission);
+};
+module.exports = AuthorizedPermission;

package/lib/components/basiclayout/BasicLayout.css

@@ -0,0 +1,44 @@
+.maxtropy-basic-layout {
+  min-width: 1366px;
+  min-height: 768px;
+}
+.maxtropy-basic-layout .header-wrapper {
+  width: 100%;
+  height: 50px;
+  display: flex;
+  padding: 0 10px 0 5px;
+  align-items: center;
+  flex-direction: row;
+  background-color: #1b1b1b;
+  border-bottom: 2px solid rgba(0, 0, 0, 0);
+  border-image: linear-gradient(to left, transparent, #0277bd 45%, #2cc4f9, #0277bd 55%, transparent);
+  border-image-slice: 1;
+}
+.maxtropy-basic-layout .divider {
+  border-left: 1px solid rgba(255, 255, 255, 0.12);
+}
+.maxtropy-basic-layout .header-left {
+  display: flex;
+  align-items: center;
+}
+.maxtropy-basic-layout .middle {
+  flex: 1 1;
+  min-width: 0;
+}
+.maxtropy-basic-layout .header-right {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
+.maxtropy-basic-layout .content-wrapper {
+  display: flex;
+  justify-content: flex-start;
+  height: calc(100vh - 50px);
+}
+.maxtropy-basic-layout .page-content {
+  width: 100%;
+  padding: 8px 13px;
+  position: relative;
+  background-color: #29292c;
+  overflow-y: auto;
+}

package/lib/components/basiclayout/BasicLayout.vue.d.ts

@@ -0,0 +1,45 @@
+import { Router } from 'vue-router';
+import { MenuItem } from '../../common/entity';
+interface Props {
+    customClass?: string;
+    devMenu?: MenuItem;
+    router: Router;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    customClass: string;
+    devMenu: undefined;
+    router: () => Router;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    customClass: string;
+    devMenu: undefined;
+    router: () => Router;
+}>>>, {
+    customClass: string;
+    devMenu: MenuItem;
+    router: Router;
+}, {}>, {
+    "router-view"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/basiclayout/BasicLayout.vue.js

@@ -0,0 +1,63 @@
+"use strict";
+const vue = require("vue");
+const hooks = require("../../utils/hooks");
+const _hoisted_1 = { class: "header-wrapper" };
+const _hoisted_2 = { class: "header-right" };
+const _hoisted_3 = { class: "content-wrapper" };
+const _hoisted_4 = { class: "page-content" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicLayout",
+  props: {
+    customClass: { default: "" },
+    devMenu: { default: void 0 },
+    router: { default: () => ({}) }
+  },
+  setup(__props) {
+    const props = __props;
+    const contentShow = vue.ref(false);
+    hooks.useIntegratedAuthorityList((list) => {
+      if (!list)
+        return;
+      contentShow.value = true;
+    });
+    return (_ctx, _cache) => {
+      const _component_SystemContent = vue.resolveComponent("SystemContent");
+      const _component_HeadNavigation = vue.resolveComponent("HeadNavigation");
+      const _component_SwitchStaff = vue.resolveComponent("SwitchStaff");
+      const _component_el_divider = vue.resolveComponent("el-divider");
+      const _component_UserContent = vue.resolveComponent("UserContent");
+      const _component_SiderMenu = vue.resolveComponent("SiderMenu");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([props == null ? void 0 : props.customClass, "maxtropy-basic-layout"])
+      }, [
+        vue.createElementVNode("header", _hoisted_1, [
+          vue.createVNode(_component_SystemContent, { router: _ctx.router }, null, 8, ["router"]),
+          vue.createVNode(_component_HeadNavigation, {
+            "dev-menu": _ctx.devMenu,
+            "custom-class": "middle",
+            router: _ctx.router
+          }, null, 8, ["dev-menu", "router"]),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createVNode(_component_SwitchStaff),
+            vue.createVNode(_component_el_divider, {
+              direction: "vertical",
+              class: "divider"
+            }),
+            vue.createVNode(_component_UserContent)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(_component_SiderMenu, {
+            "dev-menu": _ctx.devMenu,
+            router: _ctx.router
+          }, null, 8, ["dev-menu", "router"]),
+          vue.createElementVNode("div", _hoisted_4, [
+            contentShow.value ? vue.renderSlot(_ctx.$slots, "router-view", { key: 0 }) : vue.createCommentVNode("", true)
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+const BasicLayout_vue_vue_type_style_index_0_lang = "";
+module.exports = _sfc_main;

package/lib/components/basiclayout/index.d.ts

@@ -0,0 +1,7 @@
+import BasicLayout from './BasicLayout.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        BasicLayout: typeof BasicLayout;
+    }
+}
+export default BasicLayout;

package/lib/components/basiclayout/index.js

@@ -0,0 +1,6 @@
+"use strict";
+const BasicLayout = require("./BasicLayout.vue");
+BasicLayout.install = (app) => {
+  app.component(BasicLayout.__name, BasicLayout);
+};
+module.exports = BasicLayout;

package/lib/components/breadcrumb/BreadCrumb.css

@@ -0,0 +1,20 @@
+.maxtropy-bread-crumb .el-breadcrumb__item .el-breadcrumb__inner {
+  color: rgba(255, 255, 255, 0.45);
+}
+.maxtropy-bread-crumb .el-breadcrumb__item .el-breadcrumb__separator {
+  margin: 0 4px;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.45);
+}
+.maxtropy-bread-crumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
+  color: rgba(255, 255, 255, 0.85);
+}
+.maxtropy-bread-crumb .breadcrumb-item-name {
+  padding: 0 4px;
+  line-height: 22px;
+}
+.maxtropy-bread-crumb .is-active:hover {
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.85);
+  background-color: rgba(255, 255, 255, 0.12);
+}

package/lib/components/breadcrumb/BreadCrumb.vue.d.ts

@@ -0,0 +1,53 @@
+import { MenuItem } from '../../common/entity';
+import 'element-plus/es/components/breadcrumb/style/css';
+import 'element-plus/es/components/breadcrumb-item/style/css';
+interface BreadCrumbItemProps {
+    name: string;
+    path?: string;
+}
+interface Props {
+    customClass?: string;
+    devMenu?: MenuItem;
+    options?: BreadCrumbItemProps[];
+    reassign?: boolean;
+    itemClick?: (item: BreadCrumbItemProps) => void;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    customClass: string;
+    devMenu: undefined;
+    options: () => never[];
+    reassign: boolean;
+    itemClick: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    customClass: string;
+    devMenu: undefined;
+    options: () => never[];
+    reassign: boolean;
+    itemClick: undefined;
+}>>> & {
+    onItemClick?: ((...args: any[]) => any) | undefined;
+}, {
+    customClass: string;
+    devMenu: MenuItem;
+    options: BreadCrumbItemProps[];
+    reassign: boolean;
+    itemClick: (item: BreadCrumbItemProps) => void;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/breadcrumb/BreadCrumb.vue.js

@@ -0,0 +1,123 @@
+"use strict";
+const vue = require("vue");
+const lodashEs = require("lodash-es");
+const vueRouter = require("vue-router");
+const hooks = require("../../utils/hooks");
+const lib = require("../../utils/lib");
+require("element-plus/es/components/breadcrumb/style/css");
+require("element-plus/es/components/breadcrumb-item/style/css");
+const elementPlus = require("element-plus");
+const micro = require("../../utils/micro");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "BreadCrumb",
+  props: {
+    customClass: { default: "" },
+    devMenu: { default: void 0 },
+    options: { default: () => [] },
+    reassign: { type: Boolean, default: false },
+    itemClick: { type: Function, default: void 0 }
+  },
+  emits: ["itemClick"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const route = vueRouter.useRoute();
+    let prodMenuList = vue.ref([]);
+    hooks.useMenuList((list) => prodMenuList.value = list ?? []);
+    const menuList = vue.computed(() => {
+      var _a;
+      if (props.devMenu && process.env.NODE_ENV === "development") {
+        const devMenuList = [];
+        const devMenu2List = (menu) => {
+          devMenuList.push(menu);
+          if (menu.children) {
+            menu.children.forEach((item) => {
+              devMenu2List(item);
+            });
+          }
+        };
+        devMenu2List(lodashEs.cloneDeep(props.devMenu));
+        return (_a = prodMenuList.value) == null ? void 0 : _a.concat(devMenuList);
+      }
+      return prodMenuList.value;
+    });
+    const path2Node = vue.computed(() => {
+      return lib.getThirdLevelPathToNodeMap(menuList.value);
+    });
+    const id2Node = vue.computed(() => {
+      return lib.getMenuMap(menuList.value ?? []);
+    });
+    const activeThirdKey = vue.ref();
+    const generateRoutes = vue.computed(() => {
+      if (activeThirdKey.value && !props.reassign) {
+        let activeThirdNode = path2Node.value[activeThirdKey.value] ?? path2Node.value["/" + activeThirdKey.value];
+        if (activeThirdNode) {
+          return [
+            { name: id2Node.value[activeThirdNode.rootId].name },
+            {
+              name: id2Node.value[activeThirdNode.parentId].name
+            },
+            {
+              name: activeThirdNode.name,
+              path: activeThirdKey.value
+            },
+            ...(props == null ? void 0 : props.options) ?? []
+          ];
+        }
+      }
+      return [...(props == null ? void 0 : props.options) ?? []];
+    });
+    vue.watch(
+      route,
+      () => {
+        const { hash, pathname, search } = window.location;
+        let currentPath = pathname;
+        const base = micro.getBase();
+        const sliceIndex = base ? [3, 6] : [0, 4];
+        if (hash) {
+          currentPath = hash.replace("#", "").split("/").slice(...sliceIndex).join("/");
+          const searchStartPos = hash.indexOf("?");
+          if (searchStartPos != -1)
+            currentPath += lib.filterSearchWithKey(hash.substring(searchStartPos), lib.uniqueSearchKey);
+        } else {
+          currentPath = pathname.split("/").slice(...sliceIndex).join("/");
+          currentPath += lib.filterSearchWithKey(search, lib.uniqueSearchKey);
+        }
+        console.log("currentPath", currentPath);
+        activeThirdKey.value = currentPath;
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    const clickItem = (item, index) => {
+      if (index === 2 && generateRoutes.value.length > 3) {
+        emit("itemClick", item);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElBreadcrumb), {
+        separator: "/",
+        class: vue.normalizeClass(["maxtropy-bread-crumb", props == null ? void 0 : props.customClass])
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(generateRoutes.value, (item, index) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElBreadcrumbItem), { key: index }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(["breadcrumb-item-name", { "is-active": _ctx.reassign ? !!item.path : index === 2 && generateRoutes.value.length > 3 }]),
+                  onClick: ($event) => clickItem(item, index)
+                }, vue.toDisplayString(item.name), 11, _hoisted_1)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const BreadCrumb_vue_vue_type_style_index_0_lang = "";
+module.exports = _sfc_main;

package/lib/components/breadcrumb/index.d.ts

@@ -0,0 +1,7 @@
+import BreadCrumb from './BreadCrumb.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        BreadCrumb: typeof BreadCrumb;
+    }
+}
+export default BreadCrumb;

package/lib/components/breadcrumb/index.js

@@ -0,0 +1,6 @@
+"use strict";
+const BreadCrumb = require("./BreadCrumb.vue");
+BreadCrumb.install = (app) => {
+  app.component(BreadCrumb.__name, BreadCrumb);
+};
+module.exports = BreadCrumb;