jky-component-lib 0.0.75 → 0.0.77

package/dist/es/add-input/index.d.ts

@@ -1,4 +1,5 @@
 import { InstallWithSFC } from '../utils';
 import { default as AddInput } from './AddInput.vue';
+export type { AddInputEmits, AddInputItem, AddInputProps } from './types';
 export declare const JkyAddInput: InstallWithSFC<typeof AddInput>;
 export default JkyAddInput;

package/dist/es/code-mirror-editor/index.d.ts

@@ -1,4 +1,5 @@
 import { InstallWithSFC } from '../utils';
 import { default as CodeMirrorEditor } from './CodeMirrorEditor.vue';
+export type { CodeMirrorEditorEmits, CodeMirrorEditorProps } from './types';
 export declare const JkyCodeMirrorEditor: InstallWithSFC<typeof CodeMirrorEditor>;
 export default JkyCodeMirrorEditor;

package/dist/es/components.d.ts

@@ -10,5 +10,6 @@ export * from './page-layout';
 export * from './page-table';
 export * from './rich-editor';
 export * from './say-hello';
+export * from './tabs';
 export declare const components: Plugin[];
 export default components;

package/dist/es/components.js

@@ -9,6 +9,7 @@ import { JkyPageLayout } from "./page-layout/index.js";
 import { JkyPageTable } from "./page-table/index.js";
 import { JkyRichEditor } from "./rich-editor/index.js";
 import { JkySayHello } from "./say-hello/index.js";
+import { JkyTabs } from "./tabs/index.js";
 const components = [
   JkySayHello,
   JkyButton,
@@ -20,7 +21,8 @@ const components = [
   JkyAddInput,
   JkyRichEditor,
   JkyPageTable,
-  JkyPageLayout
+  JkyPageLayout,
+  JkyTabs
 ];
 export {
   JkyAddInput,
@@ -34,5 +36,6 @@ export {
   JkyPageTable,
   JkyRichEditor,
   JkySayHello,
+  JkyTabs,
   components
 };

package/dist/es/form/index.d.ts

@@ -1,4 +1,5 @@
 import { InstallWithSFC } from '../utils';
 import { default as Form } from './Form.vue';
+export type { ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
 export declare const JkyForm: InstallWithSFC<typeof Form>;
 export default JkyForm;

package/dist/es/index.js

@@ -13,6 +13,9 @@ import { JkyPageLayout } from "./page-layout/index.js";
 import { JkyPageTable } from "./page-table/index.js";
 import { JkyRichEditor } from "./rich-editor/index.js";
 import { JkySayHello } from "./say-hello/index.js";
+import { JkyTabs } from "./tabs/index.js";
+import { createTabsGuard } from "./tabs/createTabsGuard.js";
+import { createTabsStore } from "./tabs/useTabsStore.js";
 const installer = createInstaller(components);
 const install = installer.install;
 const version = installer.version;
@@ -29,7 +32,10 @@ export {
   JkyPageTable,
   JkyRichEditor,
   JkySayHello,
+  JkyTabs,
   components,
+  createTabsGuard,
+  createTabsStore,
   installer as default,
   install,
   version

package/dist/es/menu/Menu.vue.js

@@ -80,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                   title: withCtx(() => [
                     item.icon ? (openBlock(), createElementBlock("span", {
                       key: 0,
-                      class: normalizeClass([item.icon, "jky-menu-item__icon"])
+                      class: normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
                     }, null, 2)) : createCommentVNode("", true),
                     item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.title), 1)) : createCommentVNode("", true)
                   ]),
@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                   default: withCtx(() => [
                     item.icon ? (openBlock(), createElementBlock("span", {
                       key: 0,
-                      class: normalizeClass([item.icon, "jky-menu-item__icon"])
+                      class: normalizeClass([item.icon, "text-lg mr-1 jky-menu-item__icon"])
                     }, null, 2)) : createCommentVNode("", true),
                     item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.title), 1)) : createCommentVNode("", true)
                   ]),

package/dist/es/menu/MenuItem.vue.js

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           title: withCtx(() => [
             props.item.icon ? (openBlock(), createElementBlock("span", {
               key: 0,
-              class: normalizeClass([props.item.icon, "jky-menu-item__icon"])
+              class: normalizeClass([props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
             }, null, 2)) : createCommentVNode("", true),
             props.item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.item.title), 1)) : createCommentVNode("", true)
           ]),
@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             props.item.icon ? (openBlock(), createElementBlock("span", {
               key: 0,
-              class: normalizeClass([props.item.icon, "jky-menu-item__icon"])
+              class: normalizeClass([props.item.icon, "text-lg mr-1 jky-menu-item__icon"])
             }, null, 2)) : createCommentVNode("", true),
             props.item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.item.title), 1)) : createCommentVNode("", true)
           ]),

package/dist/es/menu/index.d.ts

@@ -1,4 +1,5 @@
 import { InstallWithSFC } from '../utils';
 import { default as Menu } from './Menu.vue';
+export type { MenuItem, MenuProps } from './types';
 export declare const JkyMenu: InstallWithSFC<typeof Menu>;
 export default JkyMenu;

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.75";
+const version = "0.0.77";
 export {
   version
 };

package/dist/es/page-header/index.d.ts

@@ -1,4 +1,5 @@
 import { InstallWithSFC } from '../utils';
 import { default as PageHeader } from './PageHeader.vue';
+export type { PageHeaderPopoverMenuItem, PageHeaderPopoverMenuProps, PageHeaderProps, PageHeaderStatusIcon, PageHeaderUserDropdonItem, } from './types';
 export declare const JkyPageHeader: InstallWithSFC<typeof PageHeader>;
 export default JkyPageHeader;

package/dist/es/page-layout/PageLayout.vue.d.ts

@@ -1,16 +1,17 @@
 import { PageLayoutProps } from './types';
 declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {
+    cachable: boolean;
+    roundTabs: boolean;
     showTopMenu: boolean;
     showSideMenu: boolean;
     asideWidth: string;
     asideWithScrollbar: boolean;
     mainWithCard: boolean;
     mainWithScrollbar: boolean;
-    cachable: boolean;
     transitionName: string;
     tabsWithCard: boolean;
     cardPadding: string;
     topMenuTrigger: "hover" | "click";
     topMenuSingleLevel: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/es/page-layout/PageLayout.vue.js

@@ -29,19 +29,24 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, useAttrs, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeStyle, resolveDynamicComponent, Transition, KeepAlive } from "vue";
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeStyle, resolveDynamicComponent, Transition, KeepAlive } from "vue";
 import { ElCard, ElAside, ElScrollbar } from "element-plus";
 import { cloneDeep } from "lodash-es";
 import { useRouter, useRoute, RouterView } from "vue-router";
 import _sfc_main$1 from "../menu/Menu.vue.js";
 /* empty css                */
+import _sfc_main$2 from "../tabs/Tabs.vue.js";
+/* empty css                */
+import { createTabsStore } from "../tabs/useTabsStore.js";
 const _hoisted_1 = { class: "w-full flex justify-center" };
 const _hoisted_2 = { class: "flex flex-1 min-h-0 overflow-hidden gap-3" };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
-  name: "JkyPageLayout"
+  name: "JkyPageLayout",
+  inheritAttrs: false
 }), {
   __name: "PageLayout",
   props: {
+    roundTabs: { type: Boolean, default: true },
     showTopMenu: { type: Boolean, default: true },
     showSideMenu: { type: Boolean, default: true },
     asideWidth: { default: "200px" },
@@ -54,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     cachable: { type: Boolean, default: true },
     transitionName: { default: "fade" },
     className: {},
-    tabsWithCard: { type: Boolean, default: true },
+    tabsWithCard: { type: Boolean, default: false },
     cardPadding: { default: "0px" },
     topLevels: {},
     sideLevels: {},
@@ -65,11 +70,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const props = __props;
     const router = useRouter();
     const route = useRoute();
-    const attrs = useAttrs();
+    const { useTabsStore } = createTabsStore({
+      enableCache: props.cachable
+    });
+    const tabsStore = useTabsStore();
     const activeTopMenu = ref("");
     const activeSideMenu = ref("");
     const routes = router.getRoutes();
-    const cacheInclude = [];
+    const cacheInclude = computed(() => {
+      return tabsStore.tabs.map((tab) => tab.name).filter(Boolean);
+    });
     function buildMenuFromRoutes(routes2) {
       const menuRoutes = routes2.filter((r) => {
         var _a;
@@ -110,7 +120,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       return buildMenuFromRoutes(routes);
     });
     const topMenuData = computed(() => {
-      console.warn("topMenuData:", menuData.value, props, attrs);
       if (props.topMenuSingleLevel) {
         return cloneDeep(menuData.value).map((item) => {
           const _a = item, { children } = _a, rest = __objRest(_a, ["children"]);
@@ -177,6 +186,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       router.push(index);
     }
     return (_ctx, _cache) => {
+      var _a;
       const _component_ElAutoResizer = resolveComponent("ElAutoResizer");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["jky-page-layout flex h-full w-full flex-col overflow-hidden gap-3", props.className])
@@ -240,6 +250,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           createElementVNode("div", {
             class: normalizeClass(["jky-page-layout__main flex-1 flex flex-col min-w-0 overflow-hidden", props.mainClass])
           }, [
+            props.tabsWithCard ? (openBlock(), createBlock(unref(ElCard), {
+              key: 0,
+              class: "jky-page-layout__tabs shrink-0 mb-3",
+              style: normalizeStyle({ "--el-card-padding": props.cardPadding })
+            }, {
+              default: withCtx(() => {
+                var _a2;
+                return [
+                  createVNode(_sfc_main$2, {
+                    store: unref(tabsStore),
+                    round: (_a2 = props.roundTabs) != null ? _a2 : _ctx.$attrs["round-tabs"],
+                    mode: "route",
+                    cachable: props.cachable,
+                    closable: true
+                  }, null, 8, ["store", "round", "cachable"])
+                ];
+              }),
+              _: 1
+            }, 8, ["style"])) : (openBlock(), createBlock(_sfc_main$2, {
+              key: 1,
+              class: "jky-page-layout__tabs shrink-0 mb-3",
+              store: unref(tabsStore),
+              mode: "route",
+              cachable: props.cachable,
+              round: (_a = props.roundTabs) != null ? _a : _ctx.$attrs["round-tabs"],
+              closable: true
+            }, null, 8, ["store", "cachable", "round"])),
             (openBlock(), createBlock(resolveDynamicComponent(props.mainWithCard ? unref(ElCard) : "div"), {
               class: normalizeClass(["jky-page-layout__content flex-1 min-h-0 overflow-hidden", props.contentClass]),
               "body-class": props.mainWithScrollbar ? "" : "pb-0!"
@@ -256,7 +293,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                             }, {
                               default: withCtx(() => [
                                 (openBlock(), createBlock(KeepAlive, {
-                                  include: props.cachable ? cacheInclude : []
+                                  include: props.cachable ? cacheInclude.value : []
                                 }, [
                                   (openBlock(), createBlock(resolveDynamicComponent(Component), {
                                     key: currentRoute.name,
@@ -279,7 +316,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                         }, {
                           default: withCtx(() => [
                             (openBlock(), createBlock(KeepAlive, {
-                              include: props.cachable ? cacheInclude : []
+                              include: props.cachable ? cacheInclude.value : []
                             }, [
                               (openBlock(), createBlock(resolveDynamicComponent(Component), {
                                 key: currentRoute.name,

package/dist/es/page-layout/index.d.ts

@@ -1,4 +1,5 @@
 import { InstallWithSFC } from '../utils';
 import { default as PageLayout } from './PageLayout.vue';
+export type { BreadcrumbConfig, PageLayoutProps } from './types';
 export declare const JkyPageLayout: InstallWithSFC<typeof PageLayout>;
 export default JkyPageLayout;

package/dist/es/page-table/PageTable.vue.d.ts

@@ -17,7 +17,7 @@ declare function __VLS_template(): {
         pageTableRef: HTMLDivElement;
         formRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             modelValue: Record<string, any>;
-        } & import('../form/types').FormProps> & Readonly<{
+        } & import('../form').FormProps> & Readonly<{
             "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
             onChange?: ((value: Record<string, any>) => any) | undefined;
             onReset?: (() => any) | undefined;
@@ -337,7 +337,7 @@ declare function __VLS_template(): {
             }) => any;
         }, import('vue').PublicProps, {
             size: import('element-plus').ComponentSize;
-            grid: import('../form/types').GridConfig;
+            grid: import('../form').GridConfig;
             inline: boolean;
             labelPosition: "left" | "right" | "top";
             labelWidth: string | number;
@@ -460,7 +460,7 @@ declare function __VLS_template(): {
             Defaults: {};
         }, Readonly<{
             modelValue: Record<string, any>;
-        } & import('../form/types').FormProps> & Readonly<{
+        } & import('../form').FormProps> & Readonly<{
             "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
             onChange?: ((value: Record<string, any>) => any) | undefined;
             onReset?: (() => any) | undefined;
@@ -771,7 +771,7 @@ declare function __VLS_template(): {
             }) | undefined>;
         }, {}, {}, {}, {
             size: import('element-plus').ComponentSize;
-            grid: import('../form/types').GridConfig;
+            grid: import('../form').GridConfig;
             inline: boolean;
             labelPosition: "left" | "right" | "top";
             labelWidth: string | number;
@@ -2960,7 +2960,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     border: boolean;
     stripe: boolean;
     emptyText: string;
-    formProps: Partial<import('../form/types').FormProps>;
+    formProps: Partial<import('../form').FormProps>;
     tableProps: Partial<import('element-plus').TableProps>;
     paginationProps: Partial<import('element-plus').PaginationProps>;
     autoSearchDelay: number;
@@ -2968,7 +2968,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     pageTableRef: HTMLDivElement;
     formRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue: Record<string, any>;
-    } & import('../form/types').FormProps> & Readonly<{
+    } & import('../form').FormProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
         onChange?: ((value: Record<string, any>) => any) | undefined;
         onReset?: (() => any) | undefined;
@@ -3288,7 +3288,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }) => any;
     }, import('vue').PublicProps, {
         size: import('element-plus').ComponentSize;
-        grid: import('../form/types').GridConfig;
+        grid: import('../form').GridConfig;
         inline: boolean;
         labelPosition: "left" | "right" | "top";
         labelWidth: string | number;
@@ -3411,7 +3411,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         Defaults: {};
     }, Readonly<{
         modelValue: Record<string, any>;
-    } & import('../form/types').FormProps> & Readonly<{
+    } & import('../form').FormProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
         onChange?: ((value: Record<string, any>) => any) | undefined;
         onReset?: (() => any) | undefined;
@@ -3722,7 +3722,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }) | undefined>;
     }, {}, {}, {}, {
         size: import('element-plus').ComponentSize;
-        grid: import('../form/types').GridConfig;
+        grid: import('../form').GridConfig;
         inline: boolean;
         labelPosition: "left" | "right" | "top";
         labelWidth: string | number;

package/dist/es/page-table/index.d.ts

@@ -1,4 +1,5 @@
 import { InstallWithSFC } from '../utils/types';
 import { default as PageTable } from './PageTable.vue';
+export type { ApiParamsGetter, FilterItemConfig, PageTableEmits, PageTableExpose, PageTableProps, PaginationConfig, TableApiFunction, TableApiResponse, TableColumnConfig, TableDataSource, TableResponseProps, ToolbarButtonConfig, ToolbarEmits, ToolbarProps, } from './types';
 export declare const JkyPageTable: InstallWithSFC<typeof PageTable>;
 export default JkyPageTable;

package/dist/es/rich-editor/index.d.ts

@@ -1,4 +1,5 @@
 import { InstallWithSFC } from '../utils';
 import { default as RichEditor } from './RichEditor.vue';
+export type { RichEditorEmits, RichEditorProps } from './types';
 export declare const JkyRichEditor: InstallWithSFC<typeof RichEditor>;
 export default JkyRichEditor;