jky-component-lib 0.0.80 → 0.0.88

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

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeStyle, resolveDynamicComponent, Transition, KeepAlive } from "vue";
+import { defineComponent, useAttrs, 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";
@@ -64,12 +64,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     topLevels: {},
     sideLevels: {},
     topMenuTrigger: { default: "click" },
-    topMenuSingleLevel: { type: Boolean, default: true }
+    topMenuSingleLevel: { type: Boolean, default: true },
+    sideMenuWithParent: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
     const router = useRouter();
     const route = useRoute();
+    const attrs = useAttrs();
     const { useTabsStore } = createTabsStore({
       enableCache: props.cachable
     });
@@ -130,7 +132,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     });
     const displayedSideMenu = computed(() => {
       if (menuData.value.length === 0) {
-        console.warn("displayedSideMenu: menuData is empty");
         return [];
       }
       const topMenuItem = route.matched[0];
@@ -144,6 +145,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         return [];
       }
       if ((found == null ? void 0 : found.children) && found.children.length > 0) {
+        if (props.sideMenuWithParent || attrs["side-menu-with-parent"]) {
+          return [found];
+        }
         return found.children;
       }
       return [];
@@ -163,7 +167,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           return (_a = r.meta) == null ? void 0 : _a.title;
         });
         if (matchedMenus.length === 0) {
-          console.warn("No matching menu item found for route:", routePath);
           return;
         }
         activeSideMenu.value = routePath;
@@ -172,15 +175,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         } else {
           activeTopMenu.value = matchedMenus[0].path;
         }
-        console.warn("Updated menu:", {
-          activeTopMenu: activeTopMenu.value,
-          activeSideMenu: activeSideMenu.value
-        });
       },
       { immediate: true }
     );
-    function handleMenuOpen(index) {
-      console.warn("handleMenuOpen called with index:", index);
+    function handleMenuOpen(_index) {
     }
     function handleMenuSelect(index) {
       router.push(index);
@@ -230,6 +228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                         mode: "vertical",
                         "default-active": activeSideMenu.value,
                         "menu-data": displayedSideMenu.value,
+                        class: "jky-page-layout__side-menu",
                         onSelect: handleMenuSelect
                       }, null, 8, ["default-active", "menu-data"])
                     ]),
@@ -239,6 +238,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                     mode: "vertical",
                     "default-active": activeSideMenu.value,
                     "menu-data": displayedSideMenu.value,
+                    class: "jky-page-layout__side-menu",
                     onSelect: handleMenuSelect
                   }, null, 8, ["default-active", "menu-data"])
                 ]),

package/dist/es/style.css

@@ -11,6 +11,7 @@
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
       --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-gradient-position: initial;
@@ -132,6 +133,7 @@
     --color-gray-700: oklch(37.3% .034 259.733);
     --color-gray-800: oklch(27.8% .033 256.848);
     --color-gray-900: oklch(21% .034 264.665);
+    --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
     --container-2xl: 42rem;
@@ -604,6 +606,10 @@
     margin-right: calc(var(--spacing) * 4);
   }
 
+  .mb-0\! {
+    margin-bottom: calc(var(--spacing) * 0) !important;
+  }
+
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -1404,6 +1410,38 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[mi--switch\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.293 2.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L16.586 8H5a1 1 0 0 1 0-2h11.586l-2.293-2.293a1 1 0 0 1 0-1.414m-4.586 10a1 1 0 0 1 0 1.414L7.414 16H19a1 1 0 1 1 0 2H7.414l2.293 2.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .icon-\[radix-icons--exit-full-screen\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' width='15' height='15'%3E%3Cpath fill='black' d='M5.5 9a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V10H2.5a.5.5 0 0 1 0-1zm7 0a.5.5 0 0 1 0 1H10v2.5a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zm-7-7a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H5V2.5a.5.5 0 0 1 .5-.5m4 0a.5.5 0 0 1 .5.5V5h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .icon-\[ri--logout-circle-line\] {
     width: 1em;
     height: 1em;
@@ -1420,6 +1458,22 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[streamline-ultimate--direction-button-2\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 11.998a3 3 0 1 0 6 0a3 3 0 0 0-6 0m-7.974-.629a.853.853 0 0 0 0 1.257l3.118 2.858A.66.66 0 0 0 5.25 15V9a.66.66 0 0 0-1.106-.486zm21.947 1.257a.85.85 0 0 0 0-1.257l-3.117-2.858A.66.66 0 0 0 18.75 9v6a.659.659 0 0 0 1.105.486zM11.372 22.971a.85.85 0 0 0 1.256 0l2.858-3.118A.659.659 0 0 0 15 18.748H9a.66.66 0 0 0-.487 1.105zm1.256-21.947a.85.85 0 0 0-1.256 0L8.514 4.142A.66.66 0 0 0 9 5.248h6a.66.66 0 0 0 .486-1.106z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .block {
     display: block;
   }
@@ -1592,6 +1646,10 @@
     flex: 1;
   }
 
+  .flex-none {
+    flex: none;
+  }
+
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1705,6 +1763,16 @@
     margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
   }
 
+  .gap-x-2 {
+    column-gap: calc(var(--spacing) * 2);
+  }
+
+  :where(.space-x-4 > :not(:last-child)) {
+    --tw-space-x-reverse: 0;
+    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
+    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
+  }
+
   :where(.divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);
@@ -1721,6 +1789,12 @@
     align-self: center;
   }
 
+  .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
   .overflow-hidden {
     overflow: hidden;
   }
@@ -1806,6 +1880,26 @@
     border-color: var(--color-yellow-200);
   }
 
+  .border-t-black\/15 {
+    border-top-color: #00000026;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-t-black\/15 {
+      border-top-color: color-mix(in oklab, var(--color-black) 15%, transparent);
+    }
+  }
+
+  .border-b-black\/15 {
+    border-bottom-color: #00000026;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-b-black\/15 {
+      border-bottom-color: color-mix(in oklab, var(--color-black) 15%, transparent);
+    }
+  }
+
   .border-l-\(--el-color-primary\) {
     border-left-color: var(--el-color-primary);
   }
@@ -2129,6 +2223,10 @@
     padding: calc(var(--spacing) * 0);
   }
 
+  .p-0\! {
+    padding: calc(var(--spacing) * 0) !important;
+  }
+
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -2165,6 +2263,10 @@
     padding-inline: calc(var(--spacing) * 4);
   }
 
+  .px-4\! {
+    padding-inline: calc(var(--spacing) * 4) !important;
+  }
+
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
@@ -2201,6 +2303,10 @@
     padding-block: calc(var(--spacing) * 16);
   }
 
+  .pt-0\! {
+    padding-top: calc(var(--spacing) * 0) !important;
+  }
+
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -2619,6 +2725,10 @@
       background-color: var(--color-yellow-200);
     }
 
+    .hover\:text-\(--el-color-primary\):hover {
+      color: var(--el-color-primary);
+    }
+
     .hover\:text-blue-900:hover {
       color: var(--color-blue-900);
     }
@@ -2762,6 +2872,12 @@
   initial-value: 0;
 }
 
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+
 @property --tw-divide-y-reverse {
   syntax: "*";
   inherits: false;

package/dist/lib/components.d.ts

@@ -5,6 +5,7 @@ export * from './button-nav';
 export * from './code-mirror-editor';
 export * from './form';
 export * from './menu';
+export * from './modal';
 export * from './page-header';
 export * from './page-layout';
 export * from './page-table';

package/dist/lib/components.js

@@ -6,25 +6,27 @@ const index$2 = require("./button-nav/index.js");
 const index$3 = require("./code-mirror-editor/index.js");
 const index$4 = require("./form/index.js");
 const index$5 = require("./menu/index.js");
-const index$6 = require("./page-header/index.js");
-const index$7 = require("./page-layout/index.js");
-const index$8 = require("./page-table/index.js");
-const index$9 = require("./rich-editor/index.js");
-const index$a = require("./say-hello/index.js");
-const index$b = require("./tabs/index.js");
+const index$6 = require("./modal/index.js");
+const index$7 = require("./page-header/index.js");
+const index$8 = require("./page-layout/index.js");
+const index$9 = require("./page-table/index.js");
+const index$a = require("./rich-editor/index.js");
+const index$b = require("./say-hello/index.js");
+const index$c = require("./tabs/index.js");
 const components = [
-  index$a.JkySayHello,
+  index$b.JkySayHello,
   index$1.JkyButton,
   index$2.JkyButtonNav,
-  index$6.JkyPageHeader,
+  index$7.JkyPageHeader,
   index$5.JkyMenu,
   index$4.JkyForm,
   index$3.JkyCodeMirrorEditor,
   index.JkyAddInput,
-  index$9.JkyRichEditor,
-  index$8.JkyPageTable,
-  index$7.JkyPageLayout,
-  index$b.JkyTabs
+  index$a.JkyRichEditor,
+  index$9.JkyPageTable,
+  index$8.JkyPageLayout,
+  index$c.JkyTabs,
+  index$6.JkyModal
 ];
 exports.JkyAddInput = index.JkyAddInput;
 exports.JkyButton = index$1.JkyButton;
@@ -32,10 +34,11 @@ exports.JkyButtonNav = index$2.JkyButtonNav;
 exports.JkyCodeMirrorEditor = index$3.JkyCodeMirrorEditor;
 exports.JkyForm = index$4.JkyForm;
 exports.JkyMenu = index$5.JkyMenu;
-exports.JkyPageHeader = index$6.JkyPageHeader;
-exports.JkyPageLayout = index$7.JkyPageLayout;
-exports.JkyPageTable = index$8.JkyPageTable;
-exports.JkyRichEditor = index$9.JkyRichEditor;
-exports.JkySayHello = index$a.JkySayHello;
-exports.JkyTabs = index$b.JkyTabs;
+exports.JkyModal = index$6.JkyModal;
+exports.JkyPageHeader = index$7.JkyPageHeader;
+exports.JkyPageLayout = index$8.JkyPageLayout;
+exports.JkyPageTable = index$9.JkyPageTable;
+exports.JkyRichEditor = index$a.JkyRichEditor;
+exports.JkySayHello = index$b.JkySayHello;
+exports.JkyTabs = index$c.JkyTabs;
 exports.components = components;

package/dist/lib/index.js

@@ -10,12 +10,13 @@ const index$2 = require("./button-nav/index.js");
 const index$3 = require("./code-mirror-editor/index.js");
 const index$4 = require("./form/index.js");
 const index$5 = require("./menu/index.js");
-const index$6 = require("./page-header/index.js");
-const index$7 = require("./page-layout/index.js");
-const index$8 = require("./page-table/index.js");
-const index$9 = require("./rich-editor/index.js");
-const index$a = require("./say-hello/index.js");
-const index$b = require("./tabs/index.js");
+const index$6 = require("./modal/index.js");
+const index$7 = require("./page-header/index.js");
+const index$8 = require("./page-layout/index.js");
+const index$9 = require("./page-table/index.js");
+const index$a = require("./rich-editor/index.js");
+const index$b = require("./say-hello/index.js");
+const index$c = require("./tabs/index.js");
 const createTabsGuard = require("./tabs/createTabsGuard.js");
 const useTabsStore = require("./tabs/useTabsStore.js");
 const installer = installer$1.createInstaller(components.components);
@@ -29,12 +30,13 @@ exports.JkyButtonNav = index$2.JkyButtonNav;
 exports.JkyCodeMirrorEditor = index$3.JkyCodeMirrorEditor;
 exports.JkyForm = index$4.JkyForm;
 exports.JkyMenu = index$5.JkyMenu;
-exports.JkyPageHeader = index$6.JkyPageHeader;
-exports.JkyPageLayout = index$7.JkyPageLayout;
-exports.JkyPageTable = index$8.JkyPageTable;
-exports.JkyRichEditor = index$9.JkyRichEditor;
-exports.JkySayHello = index$a.JkySayHello;
-exports.JkyTabs = index$b.JkyTabs;
+exports.JkyModal = index$6.JkyModal;
+exports.JkyPageHeader = index$7.JkyPageHeader;
+exports.JkyPageLayout = index$8.JkyPageLayout;
+exports.JkyPageTable = index$9.JkyPageTable;
+exports.JkyRichEditor = index$a.JkyRichEditor;
+exports.JkySayHello = index$b.JkySayHello;
+exports.JkyTabs = index$c.JkyTabs;
 exports.createTabsGuard = createTabsGuard.createTabsGuard;
 exports.createTabsStore = useTabsStore.createTabsStore;
 exports.default = installer;

package/dist/lib/modal/Footer.vue.d.ts

@@ -0,0 +1,10 @@
+import { ModalProps } from './types';
+type __VLS_Props = Pick<ModalProps, 'confirmText' | 'cancelText'>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/lib/modal/Footer.vue.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _hoisted_1 = { class: "w-full sticky bottom-0 bg-white flex justify-end items-center p-4" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyModalFooter"
+}), {
+  __name: "Footer",
+  props: {
+    confirmText: {},
+    cancelText: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_button, {
+          type: "primary",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("confirm"))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(props.confirmText || "确认"), 1)
+          ]),
+          _: 1
+        }),
+        vue.createVNode(_component_el_button, {
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("cancel"))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(props.cancelText || "取消"), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/modal/Footer.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Footer_vue_vue_type_script_setup_true_lang = require("./Footer.vue.js");
+exports.default = Footer_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/modal/Header.vue.d.ts

@@ -0,0 +1,37 @@
+type __VLS_Props = {
+    title: string;
+    fullscreen: boolean;
+    mode?: 'dialog' | 'drawer';
+    drawerDirection?: 'rtl' | 'ltr' | 'ttb' | 'btt';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        direction?(_: {}): any;
+        toggle?(_: {}): any;
+        fullscreen?(_: {}): any;
+        close?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    toggle: () => any;
+    fullscreen: () => any;
+    toggleDirection: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: (() => any) | undefined;
+    onFullscreen?: (() => any) | undefined;
+    onToggleDirection?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/lib/modal/Header.vue.js

@@ -0,0 +1,79 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _hoisted_1 = { class: "jky-modal-header w-full flex items-center justify-between p-4 border-b border-solid border-b-black/15" };
+const _hoisted_2 = { class: "flex-1 truncate jky-modal-header__title" };
+const _hoisted_3 = { class: "flex-none flex items-center text-lg gap-x-2 jky-modal-header__btns" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyModalHeader"
+}), {
+  __name: "Header",
+  props: {
+    title: {},
+    fullscreen: { type: Boolean },
+    mode: {},
+    drawerDirection: {}
+  },
+  emits: ["toggle", "fullscreen", "close", "toggleDirection"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createElementVNode("span", null, vue.toDisplayString(__props.title), 1)
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          __props.mode === "drawer" ? vue.renderSlot(_ctx.$slots, "direction", { key: 0 }, () => [
+            vue.createElementVNode("span", {
+              title: "切换方向（左/右）",
+              class: "icon-[streamline-ultimate--direction-button-2] hover:text-(--el-color-primary) cursor-pointer",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggleDirection"))
+            })
+          ]) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "toggle", {}, () => [
+            vue.createElementVNode("span", {
+              title: "切换风格（弹窗/抽屉）",
+              class: "icon-[mi--switch] hover:text-(--el-color-primary) cursor-pointer",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("toggle"))
+            })
+          ]),
+          vue.renderSlot(_ctx.$slots, "fullscreen", {}, () => [
+            vue.createElementVNode("span", {
+              title: "切换全屏",
+              class: vue.normalizeClass(["cursor-pointer hover:text-(--el-color-primary)", [__props.fullscreen ? "icon-[radix-icons--exit-full-screen]" : "icon-[mdi--fullscreen]"]]),
+              onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("fullscreen"))
+            }, null, 2)
+          ]),
+          vue.renderSlot(_ctx.$slots, "close", {}, () => [
+            vue.createElementVNode("span", {
+              title: "关闭",
+              class: "icon-[carbon--close] hover:text-(--el-color-primary) cursor-pointer",
+              onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("close"))
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/modal/Header.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Header_vue_vue_type_script_setup_true_lang = require("./Header.vue.js");
+exports.default = Header_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/modal/Modal.vue.d.ts

@@ -0,0 +1,75 @@
+import { ModalDirection, ModalProps } from './types';
+type __VLS_Props = ModalProps;
+declare function handleTypeChange(): void;
+declare function toggleFullscreen(): void;
+declare function toggleDirection(): void;
+declare function handleClose(): void;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+    'mode'?: 'dialog' | 'drawer';
+    'fullscreen'?: boolean;
+    'direction'?: ModalDirection;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            fullscreen: boolean;
+            close: typeof handleClose;
+            toggleFullscreen: typeof toggleFullscreen;
+            toggleType: typeof handleTypeChange;
+        }): any;
+        header?(_: {
+            fullscreen: boolean;
+            close: typeof handleClose;
+            toggleFullscreen: typeof toggleFullscreen;
+            toggleType: typeof handleTypeChange;
+            toggleDirection: typeof toggleDirection;
+        }): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    "update:mode": (value: "dialog" | "drawer") => any;
+    "update:fullscreen": (value: boolean) => any;
+    "update:direction": (value: ModalDirection) => any;
+} & {
+    "update:modelValue": (value: boolean) => any;
+    cancel: () => any;
+    close: () => any;
+    open: () => any;
+    confirm: () => any;
+    opened: () => any;
+    closed: () => any;
+    typeChange: (type: import('./types').ModalType) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    "onUpdate:mode"?: ((value: "dialog" | "drawer") => any) | undefined;
+    "onUpdate:fullscreen"?: ((value: boolean) => any) | undefined;
+    "onUpdate:direction"?: ((value: ModalDirection) => any) | undefined;
+    onTypeChange?: ((type: import('./types').ModalType) => any) | undefined;
+}>, {
+    title: string;
+    cancelText: string;
+    confirmText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};