@keyblade/pro-components 1.0.2 → 1.1.0-alpha.1

package/es/pro-layout/pro-layout.vue.js

@@ -1,6 +1,10 @@
 import { defineComponent, useCssVars, toRefs, useSlots, provide, ref, watch, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createVNode, createElementVNode, unref, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
 import { useHooks } from "./hooks.js";
 const _hoisted_1 = ["src"];
+const prefixClsName = "keyblade-pro-layout";
+const headerHeight = 60;
+const siderWidth = 220;
+const siderCollapsedWidth = 48;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pro-layout",
   props: {
@@ -47,11 +51,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "48abaafb": headerHeightWidthPx,
-      "201e89d2": siderWidthPx,
-      "51630933": siderCollapsedWidthPx
+      "0bcf949e": headerHeightWidthPx,
+      "746cffdc": siderWidthPx,
+      "59d7be69": siderCollapsedWidthPx
     }));
-    const prefixClsName = "keyblade-pro-layout";
     const { menuItems } = toRefs(props);
     const slots = useSlots();
     const {
@@ -67,10 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     provide("ProBreadcrumbItems", breadcrumbItems);
     provide("ProKeepAliveInclude", keepAliveInclude);
-    const headerHeight = 60;
     const headerHeightWidthPx = `${headerHeight}px`;
-    const siderWidth = 220;
-    const siderCollapsedWidth = 48;
     const siderWidthPx = `${siderWidth}px`;
     const siderCollapsedWidthPx = `${siderCollapsedWidth}px`;
     const siderCollapsed = ref(false);
@@ -149,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_component_a_layout, null, {
             default: withCtx(() => [
               createVNode(_component_a_layout_sider, {
-                class: normalizeClass(`${prefixClsName}-sider`),
+                class: normalizeClass(`${prefixClsName}-sider` + (siderCollapsed.value ? ` ${prefixClsName}-sider-collapsed` : "")),
                 width: siderWidth,
                 collapsible: true,
                 breakpoint: __props.siderBreakpoint,
@@ -171,7 +171,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 2),
                   createVNode(_component_a_button, {
                     size: "mini",
-                    class: normalizeClass(`${prefixClsName}-sider-collapsed`),
+                    class: normalizeClass(`${prefixClsName}-sider-collapsed-icon`),
                     onClick: _cache[0] || (_cache[0] = ($event) => onSiderCollapse(!siderCollapsed.value))
                   }, {
                     icon: withCtx(() => [

package/es/pro-menu/index.d.ts

@@ -1,25 +1,59 @@
 import type { IProMenuItem } from './interface';
-import type { ComponentInternalInstance, ExtractPropTypes, PropType, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, App } from 'vue';
+import type { ComponentInternalInstance, VNodeRef, VNode, RendererNode, RendererElement, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, App } from 'vue';
 declare const ProMenu: {
     new (...args: any[]): {
         $: ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{
-            collapsed: {
-                type: PropType<boolean>;
-                required: true;
-            };
-            selectedKeys: {
-                type: PropType<string[]>;
-                required: true;
-            };
-            items: {
-                type: PropType<IProMenuItem[]>;
-                required: true;
-            };
-        }>> & {
+        $props: {
+            readonly items: IProMenuItem[];
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            style?: unknown;
             "onMenu-item-click"?: ((key: string) => any) | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>;
+            readonly collapsed: boolean;
+            readonly selectedKeys: string[];
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -27,10 +61,10 @@ declare const ProMenu: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: Slot | undefined;
+            [name: string]: Slot<any> | undefined;
         }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: "menu-item-click", key: string) => void;
         $el: any;
         $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
@@ -50,7 +84,7 @@ declare const ProMenu: {
             "onMenu-item-click"?: ((key: string) => any) | undefined;
         }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             'menu-item-click': (key: string) => true;
-        }, string, {}, {}, string> & {
+        }, string, {}, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -65,7 +99,7 @@ declare const ProMenu: {
             unmounted?: ((() => void) | (() => void)[]) | undefined;
             renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
             renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
@@ -106,7 +140,7 @@ declare const ProMenu: {
     "onMenu-item-click"?: ((key: string) => any) | undefined;
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     'menu-item-click': (key: string) => true;
-}, string, {}, {}, string> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
+}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
     install: (app: App) => void;
 };
 export * from './interface';

package/es/pro-menu/interface.d.ts

@@ -6,7 +6,7 @@ export interface IProMenuItem {
     /** 中文名称 */
     title: string;
     /**
-     * 图标
+     * 菜单图标
      * arco design icon: 'icon-apps'
      * url: 绝对路径或相对路径
      * */
@@ -21,6 +21,6 @@ export interface IProMenuItem {
     breadcrumbs?: string[];
     /** 默认缓存，如果设置为 true，页面将不会被缓存 */
     ignoreCache?: boolean;
-    /** 子元素 */
+    /** 子菜单 */
     children?: IProMenuItem[];
 }

package/es/pro-menu/pro-menu-item.vue.d.ts

@@ -10,5 +10,5 @@ declare const _sfc_main: DefineComponent<{
         type: __PropType<IProMenuItem>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _sfc_main;

package/es/pro-menu/pro-menu-item.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, renderList, createCommentVNode, unref, resolveDynamicComponent, normalizeClass } from "vue";
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, createSlots, withCtx, createTextVNode, toDisplayString, renderList, createCommentVNode, resolveDynamicComponent, normalizeClass } from "vue";
 import { useRouter } from "vue-router";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = ["src"];
@@ -8,7 +8,7 @@ const __default__ = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
-    item: null
+    item: {}
   },
   setup(__props) {
     const props = __props;
@@ -37,17 +37,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_kb_pro_menu_item = resolveComponent("kb-pro-menu-item");
       const _component_a_sub_menu = resolveComponent("a-sub-menu");
       const _component_a_menu_item = resolveComponent("a-menu-item");
-      return __props.item && !__props.item.hideInMenu ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        ((_a = __props.item) == null ? void 0 : _a.children) && ((_c = (_b = __props.item) == null ? void 0 : _b.children) == null ? void 0 : _c.length) > 0 ? (openBlock(), createBlock(_component_a_sub_menu, {
-          key: __props.item.name
+      return _ctx.item && !_ctx.item.hideInMenu ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        ((_a = _ctx.item) == null ? void 0 : _a.children) && ((_c = (_b = _ctx.item) == null ? void 0 : _b.children) == null ? void 0 : _c.length) > 0 ? (openBlock(), createBlock(_component_a_sub_menu, {
+          key: _ctx.item.name
         }, createSlots({
           title: withCtx(() => [
-            createTextVNode(toDisplayString(__props.item.title), 1)
+            createTextVNode(toDisplayString(_ctx.item.title), 1)
           ]),
           default: withCtx(() => {
             var _a2, _b2;
             return [
-              !((_a2 = __props.item) == null ? void 0 : _a2.hideChildrenInMenu) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(((_b2 = __props.item) == null ? void 0 : _b2.children) || [], (childItem) => {
+              !((_a2 = _ctx.item) == null ? void 0 : _a2.hideChildrenInMenu) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(((_b2 = _ctx.item) == null ? void 0 : _b2.children) || [], (childItem) => {
                 return openBlock(), createBlock(_component_kb_pro_menu_item, {
                   key: childItem.name,
                   item: childItem
@@ -57,37 +57,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }),
           _: 2
         }, [
-          ((_d = __props.item) == null ? void 0 : _d.icon) ? {
+          ((_d = _ctx.item) == null ? void 0 : _d.icon) ? {
             name: "icon",
             fn: withCtx(() => [
-              unref(iconType) === "icon" ? (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon), { key: 0 })) : createCommentVNode("", true),
-              unref(iconType) === "url" ? (openBlock(), createElementBlock("img", {
+              iconType.value === "icon" ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.item.icon), { key: 0 })) : createCommentVNode("", true),
+              iconType.value === "url" ? (openBlock(), createElementBlock("img", {
                 key: 1,
                 class: normalizeClass(`${prefixItemClsName}-img`),
-                src: __props.item.icon,
+                src: _ctx.item.icon,
                 alt: ""
               }, null, 10, _hoisted_1)) : createCommentVNode("", true)
             ]),
             key: "0"
           } : void 0
         ]), 1024)) : createCommentVNode("", true),
-        !((_e = __props.item) == null ? void 0 : _e.children) || ((_g = (_f = __props.item) == null ? void 0 : _f.children) == null ? void 0 : _g.length) === 0 ? (openBlock(), createBlock(_component_a_menu_item, {
-          key: __props.item.name,
-          onClick: _cache[0] || (_cache[0] = ($event) => onMenuItemClick(__props.item))
+        !((_e = _ctx.item) == null ? void 0 : _e.children) || ((_g = (_f = _ctx.item) == null ? void 0 : _f.children) == null ? void 0 : _g.length) === 0 ? (openBlock(), createBlock(_component_a_menu_item, {
+          key: _ctx.item.name,
+          onClick: _cache[0] || (_cache[0] = ($event) => onMenuItemClick(_ctx.item))
         }, createSlots({
           default: withCtx(() => [
-            createTextVNode(" " + toDisplayString(__props.item.title), 1)
+            createTextVNode(" " + toDisplayString(_ctx.item.title), 1)
           ]),
           _: 2
         }, [
-          ((_h = __props.item) == null ? void 0 : _h.icon) ? {
+          ((_h = _ctx.item) == null ? void 0 : _h.icon) ? {
             name: "icon",
             fn: withCtx(() => [
-              unref(iconType) === "icon" ? (openBlock(), createBlock(resolveDynamicComponent(__props.item.icon), { key: 0 })) : createCommentVNode("", true),
-              unref(iconType) === "url" ? (openBlock(), createElementBlock("img", {
+              iconType.value === "icon" ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.item.icon), { key: 0 })) : createCommentVNode("", true),
+              iconType.value === "url" ? (openBlock(), createElementBlock("img", {
                 key: 1,
                 class: normalizeClass(`${prefixItemClsName}-img`),
-                src: __props.item.icon,
+                src: _ctx.item.icon,
                 alt: ""
               }, null, 10, _hoisted_2)) : createCommentVNode("", true)
             ]),

package/es/pro-menu/pro-menu.vue.d.ts

@@ -30,5 +30,5 @@ declare const _sfc_main: DefineComponent<{
     };
 }>> & {
     "onMenu-item-click"?: ((key: string) => any) | undefined;
-}, {}>;
+}, {}, {}>;
 export default _sfc_main;

package/es/pro-menu/pro-menu.vue.js

@@ -1,6 +1,7 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList } from "vue";
 import _sfc_main$1 from "./pro-menu-item.vue.js";
 import "./pro-menu-item.vue2.js";
+const prefixClsName = "keyblade-pro-menu";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "pro-menu",
   props: {
@@ -22,7 +23,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { emit }) {
     const props = __props;
-    const prefixClsName = "keyblade-pro-menu";
     const onMenuItemClick = (key) => {
       let findItem;
       const find = (items) => {