jky-component-lib 0.0.80 → 0.0.94

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

@@ -0,0 +1,224 @@
+"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 ElementPlus = require("element-plus");
+const Footer_vue_vue_type_script_setup_true_lang = require("./Footer.vue.js");
+const Header_vue_vue_type_script_setup_true_lang = require("./Header.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyModal",
+  inheritAttrs: false
+}), {
+  __name: "Modal",
+  props: /* @__PURE__ */ vue.mergeModels({
+    title: { default: "" },
+    dialogProps: {},
+    drawerProps: {},
+    confirmText: { default: "确认" },
+    cancelText: { default: "取消" }
+  }, {
+    "modelValue": __spreadValues({ type: Boolean }, {
+      default: false
+    }),
+    "modelModifiers": {},
+    "mode": {
+      default: "drawer"
+    },
+    "modeModifiers": {},
+    "fullscreen": __spreadValues({ type: Boolean }, {
+      default: false
+    }),
+    "fullscreenModifiers": {},
+    "direction": {
+      default: "rtl"
+    },
+    "directionModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "open", "opened", "close", "closed", "typeChange", "confirm", "cancel"], ["update:modelValue", "update:mode", "update:fullscreen", "update:direction"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = vue.useAttrs();
+    const modelValue = vue.useModel(__props, "modelValue");
+    const mode = vue.useModel(__props, "mode");
+    const fullscreen = vue.useModel(__props, "fullscreen");
+    const direction = vue.useModel(__props, "direction");
+    function handleTypeChange() {
+      if (fullscreen.value) {
+        fullscreen.value = false;
+        setTimeout(() => {
+          mode.value = mode.value === "drawer" ? "dialog" : "drawer";
+        }, 150);
+      } else {
+        mode.value = mode.value === "drawer" ? "dialog" : "drawer";
+      }
+    }
+    function toggleFullscreen() {
+      fullscreen.value = !fullscreen.value;
+    }
+    function toggleDirection() {
+      const directions = ["rtl", "ltr", "ttb", "btt"];
+      const currentIndex = directions.indexOf(direction.value);
+      const nextIndex = (currentIndex + 1) % directions.length;
+      direction.value = directions[nextIndex];
+    }
+    function handleClose() {
+      modelValue.value = false;
+    }
+    function handleConfirm() {
+      handleClose();
+      emit("confirm");
+    }
+    function handleCancel() {
+      handleClose();
+      emit("cancel");
+    }
+    const footerClass = vue.computed(
+      () => {
+        return [
+          "p-0 pt-0! sticky bottom-0 bg-white border-t border-solid border-t-black/15",
+          attrs.footerClass || attrs["footer-class"]
+        ].filter(Boolean).join(" ");
+      }
+    );
+    const bodyClass = vue.computed(() => {
+      return [
+        "px-4!",
+        attrs.bodyClass || attrs["body-class"]
+      ].filter(Boolean).join(" ");
+    });
+    const headerClass = vue.computed(() => {
+      return [
+        "p-0 mb-0!",
+        attrs.headerClass || attrs["header-class"]
+      ].filter(Boolean).join(" ");
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return mode.value === "dialog" ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDialog), vue.mergeProps({
+        key: 0,
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+        title: __props.title,
+        width: typeof ((_a = props.dialogProps) == null ? void 0 : _a.width) === "number" ? `${props.dialogProps.width}px` : (_b = props.dialogProps) == null ? void 0 : _b.width,
+        class: "p-0! jky-modal",
+        "body-class": bodyClass.value,
+        "footer-class": footerClass.value,
+        "header-class": headerClass.value
+      }, props.dialogProps, {
+        "show-close": false,
+        fullscreen: fullscreen.value,
+        style: { "--el-dialog-padding-primary": 0 },
+        onOpened: _cache[1] || (_cache[1] = ($event) => emit("opened")),
+        onClosed: _cache[2] || (_cache[2] = ($event) => emit("closed"))
+      }), {
+        header: vue.withCtx(() => [
+          _ctx.$slots.header ? vue.renderSlot(_ctx.$slots, "header", {
+            key: 0,
+            fullscreen: fullscreen.value,
+            close: handleClose,
+            toggleFullscreen,
+            toggleType: handleTypeChange
+          }) : (vue.openBlock(), vue.createBlock(Header_vue_vue_type_script_setup_true_lang.default, {
+            key: 1,
+            fullscreen: fullscreen.value,
+            mode: mode.value,
+            title: __props.title,
+            onFullscreen: toggleFullscreen,
+            onClose: handleClose,
+            onToggle: handleTypeChange
+          }, null, 8, ["fullscreen", "mode", "title"]))
+        ]),
+        footer: vue.withCtx(() => [
+          _ctx.$slots.footer ? vue.renderSlot(_ctx.$slots, "footer", { key: 0 }) : (vue.openBlock(), vue.createBlock(Footer_vue_vue_type_script_setup_true_lang.default, {
+            key: 1,
+            "confirm-text": __props.confirmText,
+            "cancel-text": __props.cancelText,
+            onConfirm: handleConfirm,
+            onCancel: handleCancel
+          }, null, 8, ["confirm-text", "cancel-text"]))
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(ElementPlus.ElScrollbar), {
+            "max-height": fullscreen.value ? "100%" : "60vh"
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["max-height"])
+        ]),
+        _: 3
+      }, 16, ["modelValue", "title", "width", "body-class", "footer-class", "header-class", "fullscreen"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDrawer), vue.mergeProps({
+        key: 1,
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => modelValue.value = $event),
+        title: __props.title,
+        direction: direction.value,
+        class: "p-0! jky-modal jky-modal--drawer",
+        "body-class": bodyClass.value,
+        "footer-class": footerClass.value,
+        "header-class": headerClass.value
+      }, props.drawerProps, {
+        "show-close": false,
+        size: fullscreen.value ? "100%" : (_c = props.drawerProps) == null ? void 0 : _c.size,
+        style: { "--el-drawer-padding-primary": 0 },
+        onOpened: _cache[4] || (_cache[4] = ($event) => emit("opened")),
+        onClosed: _cache[5] || (_cache[5] = ($event) => emit("closed"))
+      }), {
+        header: vue.withCtx(() => [
+          _ctx.$slots.header ? vue.renderSlot(_ctx.$slots, "header", {
+            key: 0,
+            fullscreen: fullscreen.value,
+            close: handleClose,
+            toggleFullscreen,
+            toggleType: handleTypeChange,
+            toggleDirection
+          }) : (vue.openBlock(), vue.createBlock(Header_vue_vue_type_script_setup_true_lang.default, {
+            key: 1,
+            fullscreen: fullscreen.value,
+            mode: mode.value,
+            "drawer-direction": direction.value,
+            title: __props.title,
+            onFullscreen: toggleFullscreen,
+            onClose: handleClose,
+            onToggle: handleTypeChange,
+            onToggleDirection: toggleDirection
+          }, null, 8, ["fullscreen", "mode", "drawer-direction", "title"]))
+        ]),
+        footer: vue.withCtx(() => [
+          _ctx.$slots.footer ? vue.renderSlot(_ctx.$slots, "footer", { key: 0 }) : (vue.openBlock(), vue.createBlock(Footer_vue_vue_type_script_setup_true_lang.default, {
+            key: 1,
+            "confirm-text": __props.confirmText,
+            "cancel-text": __props.cancelText,
+            onConfirm: handleConfirm,
+            onCancel: handleCancel
+          }, null, 8, ["confirm-text", "cancel-text"]))
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["modelValue", "title", "direction", "body-class", "footer-class", "header-class", "size"]));
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/modal/Modal.vue3.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Modal_vue_vue_type_script_setup_true_lang = require("./Modal.vue.js");
+;/* empty css            */
+exports.default = Modal_vue_vue_type_script_setup_true_lang.default;

package/dist/lib/modal/index.d.ts

@@ -0,0 +1,5 @@
+import { InstallWithSFC } from '../utils/types';
+import { default as Modal } from './Modal.vue';
+export type { ModalEmits, ModalProps, ModalSlots, ModalType, } from './types';
+export declare const JkyModal: InstallWithSFC<typeof Modal>;
+export default JkyModal;

package/dist/lib/modal/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const withInstall = require("../utils/with-install.js");
+const Modal_vue_vue_type_script_setup_true_lang = require("./Modal.vue.js");
+;/* empty css            */
+const JkyModal = withInstall.installWithSFC(Modal_vue_vue_type_script_setup_true_lang.default);
+exports.JkyModal = JkyModal;
+exports.default = JkyModal;

package/dist/lib/modal/style.css

@@ -0,0 +1,8 @@
+/* Modal 模态框组件样式 */
+.jky-modal {
+/* 对话框内容区域 padding 为 0 */
+}
+/* Dialog 模式特定样式 */
+.el-dialog.jky-modal {
+ /* 对话框标题样式 */
+}

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.80";
+const version = "0.0.94";
 exports.version = version;

package/dist/lib/page-header/PopoverMenu.vue.d.ts

@@ -3,8 +3,8 @@ import { Arrayable } from 'element-plus/es/utils';
 import { PageHeaderPopoverMenuItem, PageHeaderPopoverMenuProps } from './types';
 declare const _default: import('vue').DefineComponent<PageHeaderPopoverMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageHeaderPopoverMenuProps> & Readonly<{}>, {
     width: number;
-    trigger: Arrayable<TooltipTriggerType>;
     placement: import('element-plus').Placement;
+    trigger: Arrayable<TooltipTriggerType>;
     menus: PageHeaderPopoverMenuItem[];
     highlightCurrent: boolean;
     buttonClass: string;

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

@@ -13,5 +13,6 @@ declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {
     cardPadding: string;
     topMenuTrigger: "hover" | "click";
     topMenuSingleLevel: boolean;
+    sideMenuWithParent: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -66,12 +66,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     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 = vueRouter.useRouter();
     const route = vueRouter.useRoute();
+    const attrs = vue.useAttrs();
     const { useTabsStore: useTabsStore$1 } = useTabsStore.createTabsStore({
       enableCache: props.cachable
     });
@@ -132,7 +134,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     });
     const displayedSideMenu = vue.computed(() => {
       if (menuData.value.length === 0) {
-        console.warn("displayedSideMenu: menuData is empty");
         return [];
       }
       const topMenuItem = route.matched[0];
@@ -146,6 +147,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         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 [];
@@ -165,7 +169,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           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;
@@ -174,15 +177,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         } 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);
@@ -232,6 +230,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                         mode: "vertical",
                         "default-active": activeSideMenu.value,
                         "menu-data": displayedSideMenu.value,
+                        class: "jky-page-layout__side-menu",
                         onSelect: handleMenuSelect
                       }, null, 8, ["default-active", "menu-data"])
                     ]),
@@ -241,6 +240,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                     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/lib/page-table/PageTable.vue.d.ts

@@ -1483,7 +1483,7 @@ declare function __VLS_template(): {
                 width: string;
                 height: string;
             } | undefined>;
-            debouncedUpdateLayout: import('lodash').DebouncedFunc<() => void>;
+            debouncedUpdateLayout: import('lodash-es').DebouncedFunc<() => void>;
             setCurrentRow: (row: any) => void;
             getSelectionRows: () => any[];
             toggleRowSelection: (row: any, selected?: boolean, ignoreSelectable?: boolean) => void;
@@ -2831,7 +2831,7 @@ declare function __VLS_template(): {
                 width: string;
                 height: string;
             } | undefined>;
-            debouncedUpdateLayout: import('lodash').DebouncedFunc<() => void>;
+            debouncedUpdateLayout: import('lodash-es').DebouncedFunc<() => void>;
             setCurrentRow: (row: any) => void;
             getSelectionRows: () => any[];
             toggleRowSelection: (row: any, selected?: boolean, ignoreSelectable?: boolean) => void;
@@ -4434,7 +4434,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             width: string;
             height: string;
         } | undefined>;
-        debouncedUpdateLayout: import('lodash').DebouncedFunc<() => void>;
+        debouncedUpdateLayout: import('lodash-es').DebouncedFunc<() => void>;
         setCurrentRow: (row: any) => void;
         getSelectionRows: () => any[];
         toggleRowSelection: (row: any, selected?: boolean, ignoreSelectable?: boolean) => void;
@@ -5782,7 +5782,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             width: string;
             height: string;
         } | undefined>;
-        debouncedUpdateLayout: import('lodash').DebouncedFunc<() => void>;
+        debouncedUpdateLayout: import('lodash-es').DebouncedFunc<() => void>;
         setCurrentRow: (row: any) => void;
         getSelectionRows: () => any[];
         toggleRowSelection: (row: any, selected?: boolean, ignoreSelectable?: boolean) => void;

package/dist/lib/page-table/Toolbar.vue.js

@@ -20,7 +20,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index = require("../node_modules/@element-plus/icons-vue/dist/index.js");
+const iconsVue = require("@element-plus/icons-vue");
 const ElementPlus = require("element-plus");
 const responsiveToolbar = require("../utils/responsive-toolbar.js");
 const _hoisted_1 = { class: "flex items-center justify-between mb-2 py-2 jky-page-table__toolbar" };
@@ -82,18 +82,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         button.onClick(getButtonPayload());
       }
     }
-    function handleBatchCommand(index2) {
+    function handleBatchCommand(index) {
       var _a;
-      emit("batchCommand", index2);
-      const button = (_a = props.batchButtons) == null ? void 0 : _a[index2];
+      emit("batchCommand", index);
+      const button = (_a = props.batchButtons) == null ? void 0 : _a[index];
       if (button && button.onClick) {
         button.onClick(getButtonPayload());
       }
     }
-    function handleRightCommand(index2) {
+    function handleRightCommand(index) {
       var _a;
-      emit("rightCommand", index2);
-      const button = (_a = props.rightButtons) == null ? void 0 : _a[index2];
+      emit("rightCommand", index);
+      const button = (_a = props.rightButtons) == null ? void 0 : _a[index];
       if (button && button.onClick) {
         button.onClick(getButtonPayload());
       }
@@ -101,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     function renderLeftButtons() {
       const buttons = [];
       if (props.leftButtons) {
-        props.leftButtons.forEach((button, index2) => {
+        props.leftButtons.forEach((button, index) => {
           const iconSpan = button.icon ? vue.h("span", {
             class: `${button.icon} text-[1em] inline-block`
           }) : null;
@@ -109,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             vue.h(
               ElementPlus.ElButton,
               {
-                key: index2,
+                key: index,
                 type: button.type,
                 size: button.size,
                 disabled: button.disabled,
@@ -130,16 +130,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     function renderBatchDropdownItems() {
       const items = [];
       if (props.batchButtons) {
-        props.batchButtons.forEach((button, index2) => {
+        props.batchButtons.forEach((button, index) => {
           items.push(
             vue.h(
               ElementPlus.ElDropdownItem,
               {
-                key: index2,
+                key: index,
                 type: button.type,
                 disabled: button.disabled,
                 class: button.class,
-                command: index2
+                command: index
               },
               { default: () => button.label }
             )
@@ -151,8 +151,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     function renderRightButtons() {
       const buttons = [];
       if (props.rightButtons) {
-        props.rightButtons.forEach((button, index2) => {
-          const isVisible = index2 < visibleRightCount.value || !needCollapseRight.value;
+        props.rightButtons.forEach((button, index) => {
+          const isVisible = index < visibleRightCount.value || !needCollapseRight.value;
           if (isVisible) {
             const iconSpan = button.icon ? vue.h("span", {
               class: `${button.icon} text-[1em]`,
@@ -162,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               vue.h(
                 ElementPlus.ElButton,
                 {
-                  key: index2,
+                  key: index,
                   type: button.type,
                   size: button.size,
                   disabled: button.disabled,
@@ -184,8 +184,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     function renderRightDropdownItems() {
       const items = [];
       if (props.rightButtons) {
-        props.rightButtons.slice(visibleRightCount.value).forEach((button, index2) => {
-          const originalIndex = visibleRightCount.value + index2;
+        props.rightButtons.slice(visibleRightCount.value).forEach((button, index) => {
+          const originalIndex = visibleRightCount.value + index;
           items.push(
             vue.h(
               ElementPlus.ElDropdownItem,
@@ -230,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                   suffix: vue.withCtx(() => [
                     vue.createVNode(vue.unref(ElementPlus.ElIcon), { class: "text-white" }, {
                       default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(index.ArrowDown))
+                        vue.createVNode(vue.unref(iconsVue.ArrowDown))
                       ]),
                       _: 1
                     })

package/dist/lib/rich-editor/RichEditor.vue.d.ts

@@ -23,9 +23,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     disabled: boolean;
     readonly: boolean;
     placeholder: string;
+    toolbar: string | string[];
     language: string;
     plugins: string;
-    toolbar: string | string[];
     menubar: boolean | string;
     branding: boolean;
     statusbar: boolean;