jky-component-lib 0.0.6 → 0.0.8

package/README.md

@@ -17,6 +17,10 @@ Vue 3 component library starter template, provides VitePress documentation, supp
 - [VitePress](https://vitepress.dev/) documentation - Deploy on [Netlify](https://app.netlify.com/) with zero-config, supports other deployment methods as well.
 - Manage versions using the [bumpp](https://github.com/antfu-collective/bumpp), and publish to npm with zero-configPublish to [npm](https://www.npmjs.com) with zero-config.
 
+## Element Plus
+
+This component library is built based on Element Plus, providing enhanced and customized components.
+
 ## Usage
 
 [Create a repo](https://github.com/starter-collective/jky-component-lib/generate) from this template on GitHub.

package/dist/es/button/Button.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    size?: 'large' | 'default' | 'small';
+    disabled?: boolean;
+    loading?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+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/button/Button.vue.js

@@ -0,0 +1,90 @@
+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, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot } from "vue";
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  key: 0,
+  class: "jky-button__loading"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyButton"
+}), {
+  __name: "Button",
+  props: {
+    type: { default: "primary" },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function handleClick() {
+      if (!__props.disabled && !__props.loading) {
+        emit("click");
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["jky-button", [
+          `jky-button--${__props.type}`,
+          `jky-button--${__props.size}`,
+          {
+            "is-disabled": __props.disabled,
+            "is-loading": __props.loading
+          }
+        ]]),
+        disabled: __props.disabled || __props.loading,
+        onClick: handleClick
+      }, [
+        __props.loading ? (openBlock(), createElementBlock("span", _hoisted_2, [..._cache[0] || (_cache[0] = [
+          createElementVNode("svg", {
+            class: "loading-spinner",
+            viewBox: "0 0 50 50"
+          }, [
+            createElementVNode("circle", {
+              cx: "25",
+              cy: "25",
+              r: "20",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "4",
+              "stroke-dasharray": "80",
+              "stroke-dashoffset": "0"
+            }, [
+              createElementVNode("animateTransform", {
+                attributeName: "transform",
+                type: "rotate",
+                from: "0 25 25",
+                to: "360 25 25",
+                dur: "1s",
+                repeatCount: "indefinite"
+              })
+            ])
+          ], -1)
+        ])])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

package/dist/es/button/Button.vue3.js

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

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

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

package/dist/es/button/index.js

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

package/dist/es/button/style.css

@@ -0,0 +1,113 @@
+/* Button 组件样式 - 使用 TailwindCSS 4.x */
+@reference '../styles.css';
+.jky-button {
+  /* 使用 TailwindCSS 工具类 */
+@apply inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50;
+  
+  /* 使用 CSS 变量 */
+  background-color: var(--color-primary);
+  color: var(--color-primary-foreground);
+  border: 1px solid transparent;
+  cursor: pointer;
+  
+  /* 默认尺寸 */
+  --button-height: 40px;
+  --button-padding: 0 16px;
+  --button-font-size: 14px;
+  
+  height: var(--button-height);
+  padding: var(--button-padding);
+  font-size: var(--button-font-size);
+}
+
+/* 按钮类型 */
+.jky-button--primary {
+  background-color: var(--color-primary);
+  color: var(--color-primary-foreground);
+}
+.jky-button--primary:hover {
+  background-color: color-mix(in srgb, var(--color-primary), black 10%);
+}
+.jky-button--success {
+  background-color: var(--color-success);
+  color: var(--color-success-foreground);
+}
+.jky-button--success:hover {
+  background-color: color-mix(in srgb, var(--color-success), black 10%);
+}
+.jky-button--warning {
+  background-color: var(--color-warning);
+  color: var(--color-warning-foreground);
+}
+.jky-button--warning:hover {
+  background-color: color-mix(in srgb, var(--color-warning), black 10%);
+}
+.jky-button--danger {
+  background-color: var(--color-destructive);
+  color: var(--color-destructive-foreground);
+}
+.jky-button--danger:hover {
+  background-color: color-mix(in srgb, var(--color-destructive), black 10%);
+}
+.jky-button--info {
+  background-color: var(--color-muted);
+  color: var(--color-muted-foreground);
+}
+.jky-button--info:hover {
+  background-color: color-mix(in srgb, var(--color-muted), black 10%);
+}
+
+/* 按钮尺寸 */
+.jky-button--large {
+  --button-height: 48px;
+  --button-padding: 0 24px;
+  --button-font-size: 16px;
+}
+.jky-button--default {
+  --button-height: 40px;
+  --button-padding: 0 16px;
+  --button-font-size: 14px;
+}
+.jky-button--small {
+  --button-height: 32px;
+  --button-padding: 0 12px;
+  --button-font-size: 12px;
+}
+
+/* 禁用状态 */
+.jky-button.is-disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* 加载状态 */
+.jky-button.is-loading {
+  position: relative;
+  pointer-events: none;
+}
+.jky-button__loading {
+@apply absolute inset-0 flex items-center justify-center;
+}
+.loading-spinner {
+@apply w-5 h-5 animate-spin;
+}
+
+/* 边框按钮样式 */
+.jky-button--primary.is-border {
+  background-color: transparent;
+  border-color: var(--color-primary);
+  color: var(--color-primary);
+}
+.jky-button--primary.is-border:hover {
+  background-color: color-mix(in srgb, var(--color-primary), transparent 90%);
+}
+
+/* 文字按钮样式 */
+.jky-button--text {
+  background-color: transparent;
+  color: var(--color-primary);
+  border-color: transparent;
+}
+.jky-button--text:hover {
+  background-color: color-mix(in srgb, var(--color-primary), transparent 90%);
+}

package/dist/es/components.d.ts

@@ -1,4 +1,5 @@
 import { Plugin } from 'vue';
+export * from './button';
 export * from './say-hello';
 export declare const components: Plugin[];
 export default components;

package/dist/es/components.js

@@ -1,9 +1,11 @@
-import { StSayHello as o } from "./say-hello/index.js";
-const e = [
-  o
+import { JkyButton } from "./button/index.js";
+import { JkySayHello } from "./say-hello/index.js";
+const components = [
+  JkySayHello,
+  JkyButton
 ];
 export {
-  o as StSayHello,
-  e as components,
-  e as default
+  JkyButton,
+  JkySayHello,
+  components
 };

package/dist/es/index.d.ts

@@ -1,9 +1,8 @@
+import { ElementPlusOptions, InstallerOptions } from './utils/types';
 export * from './components';
 export * from './resolver';
-declare const installer: {
-    install: (app: import('vue').App) => void;
-    version: string;
-};
-export declare const install: (app: import('vue').App) => void;
+export type { ElementPlusOptions, InstallerOptions };
+declare const installer: import('./utils/installer').JkyInstaller;
+export declare const install: (app: import('vue').App, options?: InstallerOptions) => void;
 export declare const version: string;
 export default installer;

package/dist/es/index.js

@@ -1,13 +1,17 @@
-import { components as t } from "./components.js";
-import { createInstaller as r } from "./utils/installer.js";
-import { StarterLibVue3Resolver as m } from "./resolver.js";
-import { StSayHello as c } from "./say-hello/index.js";
-const o = r(t), s = o.install, n = o.version;
+import { components } from "./components.js";
+import { createInstaller } from "./utils/installer.js";
+import { StarterLibVue3Resolver } from "./resolver.js";
+import { JkyButton } from "./button/index.js";
+import { JkySayHello } from "./say-hello/index.js";
+const installer = createInstaller(components);
+const install = installer.install;
+const version = installer.version;
 export {
-  c as StSayHello,
-  m as StarterLibVue3Resolver,
-  t as components,
-  o as default,
-  s as install,
-  n as version
+  JkyButton,
+  JkySayHello,
+  StarterLibVue3Resolver,
+  components,
+  installer as default,
+  install,
+  version
 };

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.6";
+const version = "0.0.8";
 export {
-  o as version
+  version
 };

package/dist/es/resolver.js

@@ -1,19 +1,19 @@
-import { toLowerCase as t } from "./node_modules/@kieranwv/utils/dist/index.js";
-function r() {
+function StarterLibVue3Resolver() {
   return {
     type: "component",
-    resolve: (e) => {
-      if (e.match(/^St[A-Z]/))
+    resolve: (name) => {
+      if (name.match(/^Jky[A-Z]/)) {
         return {
-          name: e,
+          name,
           from: "jky-component-lib",
           sideEffects: [
-            `jky-component-lib/dist/es/${t(e.replace("St", ""))}/style.css`
+            `jky-component-lib/dist/es/${name.replace("Jky", "").toLowerCase()}/style.css`
           ]
         };
+      }
     }
   };
 }
 export {
-  r as StarterLibVue3Resolver
+  StarterLibVue3Resolver
 };

package/dist/es/say-hello/SayHello.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    name: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/es/say-hello/SayHello.vue.js

@@ -1,20 +1,42 @@
-import { defineComponent as l, createElementBlock as t, openBlock as a } from "vue";
-const c = /* @__PURE__ */ l({
-  name: "StSayHello",
+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, createElementBlock } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkySayHello"
+}), {
   __name: "SayHello",
   props: {
     name: {}
   },
-  setup(n) {
-    function o() {
-      alert(`Hello, ${n.name}!`);
+  setup(__props) {
+    function sayHello() {
+      alert(`Hello, ${__props.name}!`);
     }
-    return (m, e) => (a(), t("button", {
-      class: "jky-component-lib-say-hello",
-      onClick: e[0] || (e[0] = (r) => o())
-    }, " Say, hi! "));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: "jky-component-lib-say-hello",
+        onClick: _cache[0] || (_cache[0] = ($event) => sayHello())
+      }, " Say, hi! ");
+    };
   }
-});
+}));
 export {
-  c as default
+  _sfc_main as default
 };

package/dist/es/say-hello/SayHello.vue3.js

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

package/dist/es/say-hello/index.d.ts

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

package/dist/es/say-hello/index.js

@@ -1,8 +1,8 @@
-import t from "./SayHello.vue.js";
+import _sfc_main from "./SayHello.vue.js";
 /* empty css              */
-import { installWithSFC as o } from "../utils/with-install.js";
-const a = o(t);
+import { installWithSFC } from "../utils/with-install.js";
+const JkySayHello = installWithSFC(_sfc_main);
 export {
-  a as StSayHello,
-  a as default
+  JkySayHello,
+  JkySayHello as default
 };

package/dist/es/say-hello/style.css

@@ -1 +1,13 @@
-.jky-component-lib-say-hello{background:#42b883;color:#fff;padding:8px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:6px}
+
+.jky-component-lib-say-hello{
+  background: #42b883;
+  color: white;
+  padding: 8px 20px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+  border-radius: 6px;
+}

package/dist/es/styles.css

@@ -1 +1 @@
-.jky-component-lib-say-hello{background:#42b883;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:8px 20px;text-align:center;text-decoration:none}
+@reference "../styles.css";.jky-button{@apply inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50;background-color:var(--color-primary);border:1px solid transparent;color:var(--color-primary-foreground);cursor:pointer;--button-height:40px;--button-padding:0 16px;--button-font-size:14px;font-size:var(--button-font-size);height:var(--button-height);padding:var(--button-padding)}.jky-button--primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.jky-button--primary:hover{background-color:color-mix(in srgb,var(--color-primary),#000 10%)}.jky-button--success{background-color:var(--color-success);color:var(--color-success-foreground)}.jky-button--success:hover{background-color:color-mix(in srgb,var(--color-success),#000 10%)}.jky-button--warning{background-color:var(--color-warning);color:var(--color-warning-foreground)}.jky-button--warning:hover{background-color:color-mix(in srgb,var(--color-warning),#000 10%)}.jky-button--danger{background-color:var(--color-destructive);color:var(--color-destructive-foreground)}.jky-button--danger:hover{background-color:color-mix(in srgb,var(--color-destructive),#000 10%)}.jky-button--info{background-color:var(--color-muted);color:var(--color-muted-foreground)}.jky-button--info:hover{background-color:color-mix(in srgb,var(--color-muted),#000 10%)}.jky-button--large{--button-height:48px;--button-padding:0 24px;--button-font-size:16px}.jky-button--default{--button-height:40px;--button-padding:0 16px;--button-font-size:14px}.jky-button--small{--button-height:32px;--button-padding:0 12px;--button-font-size:12px}.jky-button.is-disabled{cursor:not-allowed;opacity:.5}.jky-button.is-loading{pointer-events:none;position:relative}.jky-button__loading{@apply absolute inset-0 flex items-center justify-center}.loading-spinner{@apply w-5 h-5 animate-spin}.jky-button--primary.is-border{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.jky-button--primary.is-border:hover{background-color:color-mix(in srgb,var(--color-primary),transparent 90%)}.jky-button--text{background-color:transparent;border-color:transparent;color:var(--color-primary)}.jky-button--text:hover{background-color:color-mix(in srgb,var(--color-primary),transparent 90%)}.jky-component-lib-say-hello{background:#42b883;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:8px 20px;text-align:center;text-decoration:none}@import "tailwindcss";@import "@fontsource-variable/geist";@custom-variant dark (&:is(.dark *));@theme inline{--font-heading:var(--font-sans);--font-sans:"Geist Variable",sans-serif;--color-sidebar-ring:var(--sidebar-ring);--color-sidebar-border:var(--sidebar-border);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar:var(--sidebar);--color-chart-5:var(--chart-5);--color-chart-4:var(--chart-4);--color-chart-3:var(--chart-3);--color-chart-2:var(--chart-2);--color-chart-1:var(--chart-1);--color-ring:var(--ring);--color-input:var(--input);--color-border:var(--border);--color-destructive:var(--destructive);--color-accent-foreground:var(--accent-foreground);--color-accent:var(--accent);--color-muted-foreground:var(--muted-foreground);--color-muted:var(--muted);--color-secondary-foreground:var(--secondary-foreground);--color-secondary:var(--secondary);--color-primary-foreground:var(--primary-foreground);--color-primary:var(--primary);--color-popover-foreground:var(--popover-foreground);--color-popover:var(--popover);--color-card-foreground:var(--card-foreground);--color-card:var(--card);--color-foreground:var(--foreground);--color-background:var(--background);--radius-sm:calc(var(--radius)*0.6);--radius-md:calc(var(--radius)*0.8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius)*1.4);--radius-2xl:calc(var(--radius)*1.8);--radius-3xl:calc(var(--radius)*2.2);--radius-4xl:calc(var(--radius)*2.6)}:root{--background:oklch(1 0 0);--foreground:oklch(0.145 0 0);--card:oklch(1 0 0);--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:oklch(0.205 0 0);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.97 0 0);--secondary-foreground:oklch(0.205 0 0);--muted:oklch(0.97 0 0);--muted-foreground:oklch(0.556 0 0);--accent:oklch(0.97 0 0);--accent-foreground:oklch(0.205 0 0);--destructive:oklch(0.577 0.245 27.325);--border:oklch(0.922 0 0);--input:oklch(0.922 0 0);--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.205 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.205 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.922 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.704 0.191 22.216);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(0.556 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(0.556 0 0)}@layer base{*{@apply border-border outline-ring/50}body{@apply bg-background text-foreground}html{@apply font-sans}}

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

@@ -1,3 +1,4 @@
 export * from './installer';
+export * from './string';
 export * from './types';
 export * from './with-install';

package/dist/es/utils/installer.d.ts

@@ -1,11 +1,13 @@
 import { App, Plugin } from 'vue';
+import { InstallerOptions } from './types';
 export declare const INSTALLED_KEY: unique symbol;
 declare module 'vue' {
     interface App {
         [INSTALLED_KEY]?: boolean;
     }
 }
-export declare function createInstaller(components?: Plugin[]): {
-    install: (app: App) => void;
+export interface JkyInstaller {
+    install: (app: App, options?: InstallerOptions) => void;
     version: string;
-};
+}
+export declare function createInstaller(components?: Plugin[]): JkyInstaller;

package/dist/es/utils/installer.js

@@ -1,14 +1,20 @@
-import { version as o } from "../package.json.js";
-const t = Symbol("INSTALLED_KEY");
-function i(n = []) {
+import ElementPlus from "element-plus";
+import { version } from "../package.json.js";
+const INSTALLED_KEY = Symbol("INSTALLED_KEY");
+function createInstaller(components = []) {
+  const install = (app, options) => {
+    if (app[INSTALLED_KEY])
+      return;
+    app[INSTALLED_KEY] = true;
+    app.use(ElementPlus, options == null ? void 0 : options.elementPlusOptions);
+    components.forEach((c) => app.use(c));
+  };
   return {
-    install: (r) => {
-      r[t] || (r[t] = !0, n.forEach((e) => r.use(e)));
-    },
-    version: o
+    install,
+    version
   };
 }
 export {
-  t as INSTALLED_KEY,
-  i as createInstaller
+  INSTALLED_KEY,
+  createInstaller
 };

package/dist/es/utils/string.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Convert a string to lowercase
+ * @param str - The string to convert
+ * @returns The lowercase string
+ */
+export declare function toLowerCase(str: string): string;
+/**
+ * Convert a string to kebab-case
+ * @param str - The string to convert
+ * @returns The kebab-case string
+ */
+export declare function toKebabCase(str: string): string;
+/**
+ * Convert a string to PascalCase
+ * @param str - The string to convert
+ * @returns The PascalCase string
+ */
+export declare function toPascalCase(str: string): string;

package/dist/es/utils/types.d.ts

@@ -1,2 +1,12 @@
+import { ConfigProviderProps } from 'element-plus';
 import { Plugin } from 'vue';
 export type InstallWithSFC<T> = T & Plugin;
+export interface ElementPlusOptions extends Partial<ConfigProviderProps> {
+}
+export interface InstallerOptions {
+    /**
+     * Element Plus configuration options
+     * These options will be passed to Element Plus when installing
+     */
+    elementPlusOptions?: ElementPlusOptions;
+}

package/dist/es/utils/with-install.js

@@ -1,9 +1,14 @@
-function c(t, n) {
-  return t.install = (e) => {
-    for (const o of [t, ...Object.values({})])
-      e.component(o.name, o);
-  }, t;
+function installWithSFC(main, extra) {
+  main.install = ((app, ..._options) => {
+    for (const comp of [main, ...Object.values({})]) {
+      if (comp && comp.name) {
+        app.component(comp.name, comp);
+      }
+    }
+    return app;
+  });
+  return main;
 }
 export {
-  c as installWithSFC
+  installWithSFC
 };

package/dist/lib/button/Button.vue.d.ts

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    size?: 'large' | 'default' | 'small';
+    disabled?: boolean;
+    loading?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};