@maxtropy/v-components 0.1.12-beta.10 → 0.1.12-beta.11

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

@@ -0,0 +1,191 @@
+import MxSelect from './MxSelect.vue';
+import Option from './MxOption.vue';
+import OptionGroup from './MxOptionGroup.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        MxSelect: typeof MxSelect;
+        MxOption: typeof Option;
+        MxOptionGroup: typeof OptionGroup;
+    }
+}
+export default MxSelect;
+export declare const MxOption: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            style?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Partial<Record<NonNullable<string | number>, (_: {}) => any>>;
+});
+export declare const MxOptionGroup: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            style?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Partial<Record<NonNullable<string | number>, (_: {}) => any>>;
+});

package/lib/components/select/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const MxSelect = require("./MxSelect.vue");
+const Option = require("./MxOption.vue");
+const OptionGroup = require("./MxOptionGroup.vue");
+MxSelect.install = (app) => {
+  app.component(MxSelect.__name, MxSelect);
+  app.component(MxOption.__name, Option);
+  app.component(MxOptionGroup.__name, OptionGroup);
+};
+const MxOption = Option;
+const MxOptionGroup = OptionGroup;
+exports.default = MxSelect;
+exports.MxOption = MxOption;
+exports.MxOptionGroup = MxOptionGroup;

package/lib/components/sidermenu/HambShow.css

@@ -0,0 +1,65 @@
+.hamburg-handler[data-v-4541908e] {
+  position: absolute;
+  z-index: 999;
+  top: 50%;
+  left: 178px;
+  margin-top: -40px;
+  width: 30px;
+  height: 80px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(50, 50, 50, 0.9);
+  border-radius: 5px 0 0 5px;
+  color: rgba(255, 255, 255, 0.8);
+  cursor: pointer;
+  font-size: 14px;
+  animation: reset-4541908e linear 0.2s forwards;
+  transition: background-color 0.2s;
+  -webkit-font-smoothing: initial;
+}
+.hamburg-handler .hamburg-txt[data-v-4541908e] {
+  writing-mode: vertical-lr;
+  letter-spacing: 5px;
+}
+.hamburg-handler svg.hamburger[data-v-4541908e] {
+  display: inline-block;
+  vertical-align: middle;
+  width: 17px;
+  height: 17px;
+  margin-top: 2px;
+  font-size: 48px;
+}
+.hamburg-handler svg.hamburger > path[data-v-4541908e] {
+  fill: rgba(255, 255, 255, 0.8);
+}
+.hamburg-handler[data-v-4541908e]:hover {
+  background: rgba(74, 144, 226, 0.9);
+  color: #fff;
+}
+.hamburg-handler:hover svg.hamburger > path[data-v-4541908e] {
+  fill: #fff;
+}
+.hamburg-handler.is-collapsed[data-v-4541908e] {
+  left: 0;
+  animation: welt-4541908e linear 0.2s forwards;
+  border-radius: 0 5px 5px 0;
+}
+@keyframes reset-4541908e {
+from {
+    left: 0;
+}
+to {
+    left: 178px;
+}
+}
+@keyframes welt-4541908e {
+from {
+    left: 178px;
+}
+100% {
+    left: 0;
+}
+}

package/lib/components/sidermenu/HambShow.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: boolean;
+}, {}>;
+export default _default;

package/lib/components/sidermenu/HambShow.vue.js

@@ -0,0 +1,75 @@
+"use strict";
+const vue = require("vue");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-4541908e"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "hamburg-txt" };
+const _hoisted_2 = {
+  key: 0,
+  class: "hamburger",
+  viewBox: "0 0 1024 1024",
+  width: "1em",
+  height: "1em",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "8363",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+};
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zM400 646c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zM904 160H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM904 792H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519c4.5-3.5 4.5-10.3 0-13.9L142.4 381.9c-5.8-4.6-14.4-0.5-14.4 6.9v246.3c0 7.4 8.5 11.6 14.4 7z",
+  "p-id": "8364"
+}, null, -1));
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = {
+  key: 1,
+  class: "hamburger",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "8600",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  width: "1em",
+  height: "1em"
+};
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zM400 646c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zM904 160H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM904 792H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM115.4 518.9L271.7 642c5.8 4.6 14.4 0.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1c-4.5 3.5-4.5 10.3 0 13.8z",
+  "p-id": "8601"
+}, null, -1));
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "HambShow",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const changeShow = () => {
+      emit("update:modelValue", !props.modelValue);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["hamburg-handler", __props.modelValue ? "is-extended" : "is-collapsed"]),
+        onClick: changeShow
+      }, [
+        vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(__props.modelValue ? "收起" : "展开"), 1),
+        !__props.modelValue ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("svg", _hoisted_5, _hoisted_7))
+      ], 2);
+    };
+  }
+});
+const HambShow_vue_vue_type_style_index_0_scoped_4541908e_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const HambShow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4541908e"]]);
+module.exports = HambShow;

package/lib/components/sidermenu/SiderMenu.css

@@ -0,0 +1,94 @@
+.scrollbar-wrapper .el-menu {
+  border-right-width: 0;
+}
+.side-menu {
+  position: relative;
+  background-color: #1b1b1b;
+  height: 100%;
+  -webkit-font-smoothing: initial;
+}
+.side-menu-container {
+  height: 100%;
+  width: 208px;
+  transition: width 0.2s linear 0s;
+}
+.side-menu-container .el-sub-menu .el-sub-menu__icon-arrow {
+  right: 15px;
+}
+.side-menu-container.is-extended {
+  width: 208px;
+}
+.side-menu-container.is-collapsed {
+  width: 0;
+}
+.side-menu-container .el-sub-menu__title {
+  margin: 4px 4px 0;
+  line-height: 40px;
+  height: 40px;
+  border-radius: 2px;
+}
+.side-menu-container .el-sub-menu__title:hover {
+  background: rgba(255, 255, 255, 0.12);
+}
+.side-menu-container .el-sub-menu__title:active {
+  background-color: #427dc3;
+  color: #fff;
+}
+.side-menu-container .el-sub-menu__title > span {
+  color: #fff;
+}
+.side-menu-container .el-sub-menu.is-active.is-opened .el-sub-menu__title > span {
+  color: #fff;
+}
+.side-menu-container .el-sub-menu.is-opened .el-icon > svg > path {
+  fill: #fff;
+}
+.side-menu-container .el-menu-item {
+  height: 40px;
+  line-height: 40px;
+  margin: 4px 0 8px 4px;
+  border-radius: 2px;
+}
+.side-menu-container .el-menu-item > a {
+  color: #fff;
+}
+.side-menu-container .el-menu-item:hover {
+  background: rgba(255, 255, 255, 0.12);
+}
+.side-menu-container .el-menu-item:active {
+  background-color: #427dc3;
+}
+.side-menu-container .el-menu-item.is-active {
+  background: linear-gradient(to right, #0279be 0%, #2cc4f8 100%);
+  box-shadow: 0px 10px 15px rgba(44, 196, 249, 0.26);
+  margin: 4px 0 8px 4px;
+}
+.side-menu-container .el-menu-item.is-active > a {
+  font-weight: 500;
+  color: #fff;
+}
+.side-menu-container .el-menu-item.is-active::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 7px;
+  background: #111;
+  height: 100%;
+  border-left: 4px solid #2cc4f9;
+  box-sizing: border-box;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.side-menu-container .left-icon {
+  display: inline-block;
+  width: 7px;
+  background: #000;
+}
+.side-menu-container .el-sub-menu .el-sub-menu__icon-arrow {
+  width: 12px;
+  height: 12px;
+  font-size: 14px;
+  color: #fff;
+}

package/lib/components/sidermenu/SiderMenu.vue.d.ts

@@ -0,0 +1,46 @@
+import { MenuItem } from '../../common/entity';
+import 'element-plus/es/components/menu/style/css';
+import 'element-plus/es/components/scrollbar/style/css';
+import { Router } from 'vue-router';
+interface Props {
+    devMenu?: MenuItem;
+    customClass?: string;
+    router?: Router | null;
+    autoCloseDelay?: number;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    devMenu: undefined;
+    customClass: string;
+    router: null;
+    autoCloseDelay: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    devMenu: undefined;
+    customClass: string;
+    router: null;
+    autoCloseDelay: number;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    customClass: string;
+    devMenu: MenuItem;
+    router: Router | null;
+    autoCloseDelay: number;
+}, {}>;
+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];
+} & {};