jky-component-lib 0.0.10 → 0.0.17

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

@@ -0,0 +1,110 @@
+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));
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, renderSlot, h } from "vue";
+import { ElMenu, ElSubMenu, ElMenuItem } from "element-plus";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyMenu",
+  inheritAttrs: false
+}), {
+  __name: "Menu",
+  props: {
+    menuData: { default: () => [] },
+    modelValue: {},
+    mode: {},
+    defaultActive: {},
+    defaultOpeneds: {},
+    uniqueOpened: { type: Boolean },
+    router: { type: Boolean },
+    menuTrigger: {},
+    collapse: { type: Boolean },
+    backgroundColor: {},
+    textColor: {},
+    activeTextColor: {},
+    closeOnClickOutside: { type: Boolean },
+    collapseTransition: { type: Boolean },
+    ellipsis: { type: Boolean },
+    popperOffset: {},
+    ellipsisIcon: {},
+    popperEffect: {},
+    popperClass: {},
+    popperStyle: {},
+    showTimeout: {},
+    hideTimeout: {},
+    persistent: { type: Boolean }
+  },
+  setup(__props) {
+    function renderMenuItem(item) {
+      return h(
+        ElMenuItem,
+        {
+          index: item.index,
+          disabled: item.disabled,
+          route: item.route
+        },
+        {
+          default: () => [
+            item.icon ? h("span", { class: "jky-menu-item__icon" }, [h("span", { class: item.icon })]) : null,
+            item.title ? h("span", { class: "jky-menu-item__title" }, item.title) : null
+          ]
+        }
+      );
+    }
+    function renderSubMenu(item) {
+      var _a;
+      const children = item.children || [];
+      return h(
+        ElSubMenu,
+        {
+          index: item.index,
+          disabled: (_a = item.disabled) != null ? _a : false,
+          popperOffset: item.popperOffset
+        },
+        {
+          title: () => [
+            item.icon ? h("span", { class: "jky-menu-item__icon" }, [h("span", { class: item.icon })]) : null,
+            item.title ? h("span", { class: "jky-menu-item__title" }, item.title) : null
+          ],
+          default: () => children.map((child) => renderMenuNode(child))
+        }
+      );
+    }
+    function renderMenuNode(item) {
+      if (item.children && item.children.length > 0) {
+        return renderSubMenu(item);
+      }
+      return renderMenuItem(item);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElMenu), mergeProps({ class: "jky-menu" }, _ctx.$attrs), {
+        default: withCtx(() => [
+          __props.menuData && __props.menuData.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.menuData, (item) => {
+            return openBlock(), createBlock(resolveDynamicComponent(renderMenuNode(item)), {
+              key: item.index
+            });
+          }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./Menu.vue.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};

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

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

package/dist/es/menu/index.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./Menu.vue.js";
+/* empty css          */
+import { installWithSFC } from "../utils/with-install.js";
+const JkyMenu = installWithSFC(_sfc_main);
+export {
+  JkyMenu,
+  JkyMenu as default
+};

package/dist/es/menu/style.css

@@ -0,0 +1,70 @@
+/* Menu 组件样式 - 使用 CSS 变量实现主题化 */
+
+/* 1. 定义 CSS 变量 */
+:root {
+  /* 颜色变量 */
+  --jky-menu-bg-color: #ffffff;
+  --jky-menu-text-color: #303133;
+  --jky-menu-active-color: #409eff;
+  --jky-menu-hover-bg-color: #f5f7fa;
+  --jky-menu-hover-text-color: #606266;
+  
+  /* 尺寸变量 */
+  --jky-menu-item-height: 56px;
+  --jky-menu-item-padding: 0 20px;
+  --jky-menu-item-font-size: 14px;
+  
+  /* 图标 */
+  --jky-menu-icon-size: 18px;
+  --jky-menu-icon-margin: 8px;
+  
+  /* 边框 */
+  --jky-menu-border-color: #e4e7ed;
+  
+  /* 状态变量 */
+  --jky-menu-disabled-opacity: 0.5;
+  --jky-menu-disabled-text-color: #c0c4cc;
+}
+
+/* 2. 基础样式 */
+.jky-menu {
+  background-color: var(--jky-menu-bg-color);
+  color: var(--jky-menu-text-color);
+}
+
+/* 3. 菜单项容器样式 - 确保统一高度 */
+.jky-menu {
+li + li {
+    margin-top: 0;
+}
+}
+
+/* 4. 菜单项图标样式 */
+.jky-menu-item__icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--jky-menu-icon-size);
+  height: var(--jky-menu-icon-size);
+  margin-right: var(--jky-menu-icon-margin);
+  font-size: var(--jky-menu-icon-size);
+  flex-shrink: 0;
+}
+
+/* 5. 菜单项标题样式 */
+.jky-menu-item__title {
+  flex: 1;
+  font-size: var(--jky-menu-item-font-size);
+  color: var(--jky-menu-text-color);
+  line-height: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 6. 禁用状态 */
+.jky-menu-item.is-disabled {
+  opacity: var(--jky-menu-disabled-opacity);
+  color: var(--jky-menu-disabled-text-color);
+  cursor: not-allowed;
+}

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.10";
+const version = "0.0.17";
 export {
   version
 };

package/dist/es/page-header/PageHeader.vue.d.ts

@@ -0,0 +1,45 @@
+type __VLS_Props = {
+    logo?: string;
+    title?: string;
+    height?: string | number;
+    background?: string;
+    backgroundImage?: string;
+    statusIcons?: StatusIcon[];
+    userName?: string;
+    userAvatar?: string;
+};
+interface StatusIcon {
+    icon: string | object;
+    label: string;
+    color?: string;
+    onClick?: () => void;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        center?(_: {}): any;
+        time?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    logout: () => any;
+    clearCache: () => any;
+    profile: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+    onClearCache?: (() => any) | undefined;
+    onProfile?: (() => any) | undefined;
+}>, {
+    height: string | number;
+    statusIcons: StatusIcon[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/es/page-header/PageHeader.vue.js

@@ -0,0 +1,263 @@
+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));
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, toDisplayString, renderSlot, Fragment, renderList, normalizeClass, createBlock, unref, withCtx, resolveDynamicComponent, createVNode, createTextVNode } from "vue";
+import { ElIcon, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
+const _hoisted_1 = { class: "jky-page-header__container" };
+const _hoisted_2 = { class: "jky-page-header__left" };
+const _hoisted_3 = ["src", "alt"];
+const _hoisted_4 = {
+  key: 1,
+  class: "jky-page-header__title"
+};
+const _hoisted_5 = { class: "jky-page-header__center" };
+const _hoisted_6 = { class: "jky-page-header__right" };
+const _hoisted_7 = { class: "jky-page-header__status-icons hidden md:flex" };
+const _hoisted_8 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  style: { "color": "white" },
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+};
+const _hoisted_9 = { class: "jky-page-header__time hidden md:block" };
+const _hoisted_10 = { class: "jky-page-header__user" };
+const _hoisted_11 = ["src", "alt"];
+const _hoisted_12 = {
+  key: 2,
+  class: "jky-page-header__username hidden md:block"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyPageHeader"
+}), {
+  __name: "PageHeader",
+  props: {
+    logo: {},
+    title: {},
+    height: { default: 76 },
+    background: {},
+    backgroundImage: {},
+    statusIcons: { default: () => [] },
+    userName: {},
+    userAvatar: {}
+  },
+  emits: ["logout", "clearCache", "profile"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const heightValue = computed(() => {
+      if (typeof props.height === "number") {
+        return `${props.height}px`;
+      }
+      return props.height;
+    });
+    const backgroundStyle = computed(() => {
+      const style = {};
+      if (props.backgroundImage) {
+        style.backgroundImage = `url(${props.backgroundImage})`;
+        style.backgroundSize = "cover";
+        style.backgroundPosition = "center";
+      }
+      if (props.background) {
+        style.backgroundColor = props.background;
+      }
+      return style;
+    });
+    function handleLogout() {
+      emit("logout");
+    }
+    function handleClearCache() {
+      emit("clearCache");
+    }
+    function handleProfile() {
+      emit("profile");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("header", {
+        class: "jky-page-header",
+        style: normalizeStyle([backgroundStyle.value, { height: heightValue.value }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            __props.logo ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: __props.logo,
+              alt: __props.title || "Logo",
+              class: "jky-page-header__logo"
+            }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+            __props.title ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.title), 1)) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "center")
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.statusIcons, (icon, index) => {
+                return openBlock(), createElementBlock(Fragment, { key: index }, [
+                  typeof icon.icon === "string" ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: normalizeClass(["jky-page-header__status-icon text-white cursor-pointer", [icon.icon]])
+                  }, null, 2)) : (openBlock(), createBlock(unref(ElIcon), {
+                    key: 1,
+                    size: 20,
+                    title: icon.label,
+                    color: icon.color || "white",
+                    class: "jky-page-header__status-icon cursor-pointer",
+                    onClick: icon.onClick
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(), createBlock(resolveDynamicComponent(icon.icon)))
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "color", "onClick"]))
+                ], 64);
+              }), 128))
+            ]),
+            __props.statusIcons.length > 0 ? (openBlock(), createBlock(unref(ElDropdown), {
+              key: 0,
+              trigger: "click",
+              class: "md:hidden"
+            }, {
+              dropdown: withCtx(() => [
+                createVNode(unref(ElDropdownMenu), null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.statusIcons, (icon, index) => {
+                      return openBlock(), createBlock(unref(ElDropdownItem), {
+                        key: index,
+                        onClick: icon.onClick
+                      }, {
+                        default: withCtx(() => [
+                          typeof icon.icon === "string" ? (openBlock(), createElementBlock("span", {
+                            key: 0,
+                            class: normalizeClass(["text-white", [icon.icon]])
+                          }, null, 2)) : (openBlock(), createBlock(unref(ElIcon), {
+                            key: 1,
+                            size: 16,
+                            class: "mr-2"
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(), createBlock(resolveDynamicComponent(icon.icon)))
+                            ]),
+                            _: 2
+                          }, 1024)),
+                          createTextVNode(" " + toDisplayString(icon.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(ElIcon), {
+                  size: 20,
+                  class: "jky-page-header__status-icon text-white"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[0] || (_cache[0] = [
+                      createElementVNode("path", {
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round",
+                        "stroke-width": "2",
+                        d: "M4 6h16M4 12h16M4 18h16"
+                      }, null, -1)
+                    ])]))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_9, [
+              renderSlot(_ctx.$slots, "time", {}, () => [
+                createElementVNode("span", null, toDisplayString((/* @__PURE__ */ new Date()).toLocaleString("zh-CN")), 1)
+              ])
+            ]),
+            createVNode(unref(ElDropdown), { trigger: "click" }, {
+              dropdown: withCtx(() => [
+                createVNode(unref(ElDropdownMenu), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(ElDropdownItem), { onClick: handleProfile }, {
+                      default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                        createElementVNode("span", { class: "icon-[heroicons--user]" }, null, -1),
+                        createTextVNode(" 个人信息 ", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(unref(ElDropdownItem), { onClick: handleClearCache }, {
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createElementVNode("span", { class: "icon-[heroicons--trash]" }, null, -1),
+                        createTextVNode(" 清理缓存 ", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(unref(ElDropdownItem), {
+                      divided: "",
+                      onClick: handleLogout
+                    }, {
+                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                        createElementVNode("span", { class: "icon-[heroicons--arrow-right-on-rectangle]" }, null, -1),
+                        createTextVNode(" 注销 ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_10, [
+                  __props.userAvatar ? (openBlock(), createBlock(unref(ElIcon), {
+                    key: 0,
+                    size: 32,
+                    class: "jky-page-header__avatar"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("img", {
+                        src: __props.userAvatar,
+                        alt: __props.userName,
+                        class: "rounded-full"
+                      }, null, 8, _hoisted_11)
+                    ]),
+                    _: 1
+                  })) : (openBlock(), createBlock(unref(ElIcon), {
+                    key: 1,
+                    size: 32,
+                    class: "jky-page-header__avatar"
+                  }, {
+                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                      createElementVNode("span", { class: "icon-[heroicons--user]" }, null, -1)
+                    ])]),
+                    _: 1
+                  })),
+                  __props.userName ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ], 4);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

package/dist/es/page-header/PageHeader.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./PageHeader.vue.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import { InstallWithSFC } from '../utils';
+import { default as PageHeader } from './PageHeader.vue';
+export declare const JkyPageHeader: InstallWithSFC<typeof PageHeader>;
+export default JkyPageHeader;

package/dist/es/page-header/index.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./PageHeader.vue.js";
+/* empty css                */
+import { installWithSFC } from "../utils/with-install.js";
+const JkyPageHeader = installWithSFC(_sfc_main);
+export {
+  JkyPageHeader,
+  JkyPageHeader as default
+};

package/dist/es/page-header/style.css

@@ -0,0 +1,140 @@
+/* PageHeader 组件样式变量 */
+:root {
+  /* 背景 */
+  --jky-page-header-bg-color: #1890ff;
+  --jky-page-header-bg-size: cover;
+  --jky-page-header-bg-position: center;
+  --jky-page-header-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  
+  /* 布局 */
+  --jky-page-header-padding-x: 24px;
+  --jky-page-header-padding-x-mobile: 16px;
+  --jky-page-header-gap: 16px;
+  --jky-page-header-gap-mobile: 12px;
+  --jky-page-header-gap-left: 12px;
+  --jky-page-header-gap-status: 12px;
+  --jky-page-header-gap-center: 24px;
+  --jky-page-header-gap-center-mobile: 12px;
+  
+  /* 文字 */
+  --jky-page-header-title-color: #ffffff;
+  --jky-page-header-title-size: 20px;
+  --jky-page-header-title-size-mobile: 16px;
+  --jky-page-header-title-weight: 600;
+  --jky-page-header-text-color: rgba(255, 255, 255, 0.85);
+  --jky-page-header-text-size: 14px;
+  
+  /* 图标 */
+  --jky-page-header-icon-color: #ffffff;
+  --jky-page-header-icon-size: 20px;
+  --jky-page-header-icon-hover-opacity: 0.8;
+  
+  /* Logo */
+  --jky-page-header-logo-height: 40px;
+  
+  /* 用户头像 */
+  --jky-page-header-avatar-size: 32px;
+}
+.jky-page-header {
+  width: 100%;
+  background-color: var(--jky-page-header-bg-color);
+  background-size: var(--jky-page-header-bg-size);
+  background-position: var(--jky-page-header-bg-position);
+  box-shadow: var(--jky-page-header-box-shadow);
+}
+.jky-page-header__container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 100%;
+  padding: 0 var(--jky-page-header-padding-x);
+  margin: 0 auto;
+  max-width: 100%;
+}
+/* 左侧区域 */
+.jky-page-header__left {
+  display: flex;
+  align-items: center;
+  gap: var(--jky-page-header-gap-left);
+  flex-shrink: 0;
+}
+.jky-page-header__logo {
+  height: var(--jky-page-header-logo-height);
+  width: auto;
+  object-fit: contain;
+}
+.jky-page-header__title {
+  font-size: var(--jky-page-header-title-size);
+  font-weight: var(--jky-page-header-title-weight);
+  color: var(--jky-page-header-title-color);
+  white-space: nowrap;
+}
+/* 中间区域 */
+.jky-page-header__center {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  margin: 0 var(--jky-page-header-gap-center);
+}
+/* 右侧区域 */
+.jky-page-header__right {
+  display: flex;
+  align-items: center;
+  gap: var(--jky-page-header-gap);
+  flex-shrink: 0;
+}
+.jky-page-header__status-icons {
+  display: flex;
+  align-items: center;
+  gap: var(--jky-page-header-gap-status);
+}
+.jky-page-header__status-icon {
+  color: var(--jky-page-header-icon-color);
+  cursor: pointer;
+  transition: opacity 0.2s;
+&:hover {
+    opacity: var(--jky-page-header-icon-hover-opacity);
+}
+}
+.jky-page-header__time {
+  color: var(--jky-page-header-text-color);
+  font-size: var(--jky-page-header-text-size);
+  white-space: nowrap;
+}
+.jky-page-header__user {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+  color: var(--jky-page-header-text-color);
+}
+.jky-page-header__avatar {
+  color: var(--jky-page-header-icon-color);
+img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+}
+.jky-page-header__username {
+  font-size: var(--jky-page-header-text-size);
+  color: var(--jky-page-header-text-color);
+  white-space: nowrap;
+}
+/* 响应式设计 */
+@media (max-width: 768px) {
+.jky-page-header__container {
+    padding: 0 var(--jky-page-header-padding-x-mobile);
+}
+.jky-page-header__title {
+    font-size: var(--jky-page-header-title-size-mobile);
+}
+.jky-page-header__center {
+    margin: 0 var(--jky-page-header-gap-center-mobile);
+}
+.jky-page-header__right {
+    gap: var(--jky-page-header-gap-mobile);
+}
+}

package/dist/es/resolver.d.ts

@@ -1,2 +1,2 @@
 import { ComponentResolver } from 'unplugin-vue-components';
-export declare function StarterLibVue3Resolver(): ComponentResolver;
+export declare function JkyComponentLibResolver(): ComponentResolver;