geekin-devtoys 0.3.7 → 0.3.8

package/lib/GVideo/style.css

@@ -1 +1 @@
-.g-video-container[data-v-41f6d8b4]{height:100%;width:100%;position:relative}.g-video-container .g-video-window[data-v-41f6d8b4]{height:100%;width:100%;display:grid;place-items:center}.g-video-container .g-video-window-tips[data-v-41f6d8b4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;color:#fff;font-size:.8rem}
+.g-video-container[data-v-908e0405]{height:100%;width:100%;position:relative}.g-video-container .g-video-window[data-v-908e0405]{height:100%;width:100%;display:grid;place-items:center}.g-video-container .g-video-window-tips[data-v-908e0405]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;color:#fff;font-size:.8rem}

package/lib/components/GButton/index.d.ts

@@ -0,0 +1,38 @@
+type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'default' | 'link';
+type ButtonSize = 'large' | 'middle' | 'small';
+type __VLS_Props = {
+    /** 按钮类型 @default 'default' */
+    type?: ButtonType;
+    /** 按钮尺寸 @default 'middle' */
+    size?: ButtonSize;
+    /** 加载中状态 */
+    loading?: boolean;
+    /** 禁用状态 */
+    disabled?: boolean;
+    /** 宽度撑满父容器 */
+    block?: boolean;
+    /** 原生 button type @default 'button' */
+    nativeType?: 'button' | 'submit' | 'reset';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        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: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => 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/lib/components/GDialog/const.d.ts

@@ -29,16 +29,16 @@ export interface FooterAction {
     key: string;
     /** 按钮文案 */
     label: string;
-    /** 按钮类型（语义与常见 UI 库一致） */
-    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' | 'text';
+    /** 按钮类型（与 GButton 组件一致） */
+    type?: 'primary' | 'default' | 'link';
+    /** 是否危险按钮（红色，与 GButton 组件一致） */
+    danger?: boolean;
     /** 按钮图标组件 */
     icon?: Component;
     /** loading 态 */
     loading?: boolean;
     /** 禁用态 */
     disabled?: boolean;
-    /** 是否朴素按钮 */
-    plain?: boolean;
     /** 点击回调（与 emit('action', key) 同时触发，回调返回 Promise 时按钮自动 loading） */
     onClick?: () => void | Promise<void>;
 }

package/lib/components/GDialog/icons.d.ts

@@ -1,9 +1,9 @@
 import { FunctionalComponent } from 'vue';
-/** 减号（取消按钮默认图标） */
+/** 关闭（圆环加叉，取消按钮默认图标） */
 export declare const Remove: FunctionalComponent;
-/** 刷新（重置按钮默认图标） */
+/** 返回（撤销箭头，重置按钮默认图标） */
 export declare const Refresh: FunctionalComponent;
-/** 圆圈打勾（保存按钮默认图标） */
+/** 圆环对勾（保存按钮默认图标） */
 export declare const CircleCheck: FunctionalComponent;
-/** 聊天气泡圆点（最小化图标默认图标） */
+/** 退出（方框加右箭头，最小化图标默认图标） */
 export declare const ChatDotRound: FunctionalComponent;

package/lib/components/GInputTreeTag/index.d.ts

@@ -516,7 +516,7 @@ declare function __VLS_template(): {
                         readonly disabled: boolean;
                         readonly nextSibling: any | null;
                         readonly previousSibling: any | null;
-                        contains: (target: import('element-plus/es/components/tree/src/model/node.mjs').default, deep? /** 下拉面板最大高度 */: boolean) => boolean;
+                        contains: (target: import('element-plus/es/components/tree/src/model/node.mjs').default, deep?: boolean) => boolean;
                         remove: () => void;
                         insertChild: (child?: import('element-plus').FakeNode | import('element-plus/es/components/tree/src/model/node.mjs').default, index?: number, batch?: boolean) => void;
                         insertBefore: (child: import('element-plus').FakeNode | import('element-plus/es/components/tree/src/model/node.mjs').default, ref: import('element-plus/es/components/tree/src/model/node.mjs').default) => void;
@@ -528,10 +528,12 @@ declare function __VLS_template(): {
                         collapse: () => void;
                         shouldLoadData: () => boolean;
                         updateLeafState: () => void;
-                        setChecked: (value?: boolean | string, deep?: boolean, recursion?: boolean, passValue? /** 回车未匹配时的提示文案，传空串则不弹提示 */: boolean) => void;
+                        setChecked: (value? /** 输入框是否可清空 */: boolean | string, deep?: boolean, recursion? /** tag 是否可关闭 */: boolean, passValue?: boolean) => void;
                         getChildren: (forceInit?: boolean) => import('element-plus').TreeNodeData | import('element-plus').TreeNodeData[] | null;
                         updateChildren: () => void;
-                        loadData: (callback: (data?: import('element-plus').TreeNodeData[]) => void, defaultProps?: import('element-plus').TreeNodeLoadedDefaultProps) => void;
+                        loadData: (callback: (data?: import('element-plus').TreeNodeData[]) => void, defaultProps
+                        /** 是否允许回车通过精确 label 匹配添加 */
+                        ? /** 是否允许回车通过精确 label 匹配添加 */: import('element-plus').TreeNodeLoadedDefaultProps) => void;
                         eachNode: (callback: (node: import('element-plus/es/components/tree/src/model/node.mjs').default) => void) => void;
                         reInitChecked: () => void;
                     };
@@ -1029,7 +1031,7 @@ declare function __VLS_template(): {
                         readonly disabled: boolean;
                         readonly nextSibling: any | null;
                         readonly previousSibling: any | null;
-                        contains: (target: import('element-plus/es/components/tree/src/model/node.mjs').default, deep? /** 下拉面板最大高度 */: boolean) => boolean;
+                        contains: (target: import('element-plus/es/components/tree/src/model/node.mjs').default, deep?: boolean) => boolean;
                         remove: () => void;
                         insertChild: (child?: import('element-plus').FakeNode | import('element-plus/es/components/tree/src/model/node.mjs').default, index?: number, batch?: boolean) => void;
                         insertBefore: (child: import('element-plus').FakeNode | import('element-plus/es/components/tree/src/model/node.mjs').default, ref: import('element-plus/es/components/tree/src/model/node.mjs').default) => void;
@@ -1041,10 +1043,12 @@ declare function __VLS_template(): {
                         collapse: () => void;
                         shouldLoadData: () => boolean;
                         updateLeafState: () => void;
-                        setChecked: (value?: boolean | string, deep?: boolean, recursion?: boolean, passValue? /** 回车未匹配时的提示文案，传空串则不弹提示 */: boolean) => void;
+                        setChecked: (value? /** 输入框是否可清空 */: boolean | string, deep?: boolean, recursion? /** tag 是否可关闭 */: boolean, passValue?: boolean) => void;
                         getChildren: (forceInit?: boolean) => import('element-plus').TreeNodeData | import('element-plus').TreeNodeData[] | null;
                         updateChildren: () => void;
-                        loadData: (callback: (data?: import('element-plus').TreeNodeData[]) => void, defaultProps?: import('element-plus').TreeNodeLoadedDefaultProps) => void;
+                        loadData: (callback: (data?: import('element-plus').TreeNodeData[]) => void, defaultProps
+                        /** 是否允许回车通过精确 label 匹配添加 */
+                        ? /** 是否允许回车通过精确 label 匹配添加 */: import('element-plus').TreeNodeLoadedDefaultProps) => void;
                         eachNode: (callback: (node: import('element-plus/es/components/tree/src/model/node.mjs').default) => void) => void;
                         reInitChecked: () => void;
                     };
@@ -1132,9 +1136,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
 }>, {
     props: TreeFieldProps;
     data: any[];
+    width: number | string;
     disabled: boolean;
     placeholder: string;
-    width: number | string;
     modelValue: any[];
     nodeKey: string;
     popperMaxHeight: number;
@@ -1581,7 +1585,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
                     readonly disabled: boolean;
                     readonly nextSibling: any | null;
                     readonly previousSibling: any | null;
-                    contains: (target: import('element-plus/es/components/tree/src/model/node.mjs').default, deep? /** 下拉面板最大高度 */: boolean) => boolean;
+                    contains: (target: import('element-plus/es/components/tree/src/model/node.mjs').default, deep?: boolean) => boolean;
                     remove: () => void;
                     insertChild: (child?: import('element-plus').FakeNode | import('element-plus/es/components/tree/src/model/node.mjs').default, index?: number, batch?: boolean) => void;
                     insertBefore: (child: import('element-plus').FakeNode | import('element-plus/es/components/tree/src/model/node.mjs').default, ref: import('element-plus/es/components/tree/src/model/node.mjs').default) => void;
@@ -1593,10 +1597,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
                     collapse: () => void;
                     shouldLoadData: () => boolean;
                     updateLeafState: () => void;
-                    setChecked: (value?: boolean | string, deep?: boolean, recursion?: boolean, passValue? /** 回车未匹配时的提示文案，传空串则不弹提示 */: boolean) => void;
+                    setChecked: (value? /** 输入框是否可清空 */: boolean | string, deep?: boolean, recursion? /** tag 是否可关闭 */: boolean, passValue?: boolean) => void;
                     getChildren: (forceInit?: boolean) => import('element-plus').TreeNodeData | import('element-plus').TreeNodeData[] | null;
                     updateChildren: () => void;
-                    loadData: (callback: (data?: import('element-plus').TreeNodeData[]) => void, defaultProps?: import('element-plus').TreeNodeLoadedDefaultProps) => void;
+                    loadData: (callback: (data?: import('element-plus').TreeNodeData[]) => void, defaultProps
+                    /** 是否允许回车通过精确 label 匹配添加 */
+                    ? /** 是否允许回车通过精确 label 匹配添加 */: import('element-plus').TreeNodeLoadedDefaultProps) => void;
                     eachNode: (callback: (node: import('element-plus/es/components/tree/src/model/node.mjs').default) => void) => void;
                     reInitChecked: () => void;
                 };
@@ -2094,7 +2100,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
                     readonly disabled: boolean;
                     readonly nextSibling: any | null;
                     readonly previousSibling: any | null;
-                    contains: (target: import('element-plus/es/components/tree/src/model/node.mjs').default, deep? /** 下拉面板最大高度 */: boolean) => boolean;
+                    contains: (target: import('element-plus/es/components/tree/src/model/node.mjs').default, deep?: boolean) => boolean;
                     remove: () => void;
                     insertChild: (child?: import('element-plus').FakeNode | import('element-plus/es/components/tree/src/model/node.mjs').default, index?: number, batch?: boolean) => void;
                     insertBefore: (child: import('element-plus').FakeNode | import('element-plus/es/components/tree/src/model/node.mjs').default, ref: import('element-plus/es/components/tree/src/model/node.mjs').default) => void;
@@ -2106,10 +2112,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
                     collapse: () => void;
                     shouldLoadData: () => boolean;
                     updateLeafState: () => void;
-                    setChecked: (value?: boolean | string, deep?: boolean, recursion?: boolean, passValue? /** 回车未匹配时的提示文案，传空串则不弹提示 */: boolean) => void;
+                    setChecked: (value? /** 输入框是否可清空 */: boolean | string, deep?: boolean, recursion? /** tag 是否可关闭 */: boolean, passValue?: boolean) => void;
                     getChildren: (forceInit?: boolean) => import('element-plus').TreeNodeData | import('element-plus').TreeNodeData[] | null;
                     updateChildren: () => void;
-                    loadData: (callback: (data?: import('element-plus').TreeNodeData[]) => void, defaultProps?: import('element-plus').TreeNodeLoadedDefaultProps) => void;
+                    loadData: (callback: (data?: import('element-plus').TreeNodeData[]) => void, defaultProps
+                    /** 是否允许回车通过精确 label 匹配添加 */
+                    ? /** 是否允许回车通过精确 label 匹配添加 */: import('element-plus').TreeNodeLoadedDefaultProps) => void;
                     eachNode: (callback: (node: import('element-plus/es/components/tree/src/model/node.mjs').default) => void) => void;
                     reInitChecked: () => void;
                 };

package/lib/components/GProgress/index.d.ts

@@ -55,10 +55,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     height: number | string;
+    wave: boolean;
     count: number | string;
     gradient: string[];
     textColor: string;
-    wave: boolean;
     waveSpeed: number;
     forceAnimation: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/lib/components/GRing/index.d.ts

@@ -66,10 +66,10 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     size: number | string;
     strokeWidth: number;
+    wave: boolean;
     count: number | string;
     gradient: string[];
     textColor: string;
-    wave: boolean;
     waveSpeed: number;
     forceAnimation: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/lib/components/GScreen/index.d.ts

@@ -42,8 +42,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     safeScaleX: import('vue').ComputedRef<number>;
     yScaleRatio: import('vue').ComputedRef<number>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    height: number;
     width: number;
+    height: number;
     debounceDelay: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/index/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../GCount/index.js"),l=require("../GDialog/index.js"),a=require("../GTable/index.js"),o=require("../GVideo/index.js"),n=require("../GBubble/index.js"),d=require("../GProgress/index.js"),G=require("../GScreen/index.js"),i=require("../GPluginVideo/index.js"),s=require("../GPie3D/index.js"),c=require("../GRing/index.js"),f=require("../GInputTreeTag/index.js"),g=require("../GFuzzyText/index.js"),e=require("../GCard/index.js"),q=require("../GScroller/index.js"),T=require("../GShinyText/index.js"),S=require("../GSteps/index.js"),u={GCount:r.default,GDialog:l.default,GTable:a.default,GVideo:o.default,GBubble:n.default,GProgress:d.default,GScreen:G.default,GPluginVideo:i.default,GPie3D:s.default,GRing:c.default,GInputTreeTag:f.default,GFuzzyText:g.default,GCard:e.default,GScroller:q.default,GShinyText:T.default,GSteps:S.default},p=b=>{Object.keys(u).forEach(P=>{const t=u[P];b.component(t.name,t)})},y={install:p};exports.GCount=r.default;exports.GDialog=l.default;exports.GTable=a.default;exports.GVideo=o.default;exports.GBubble=n.default;exports.GProgress=d.default;exports.GScreen=G.default;exports.GPluginVideo=i.default;exports.GPie3D=s.default;exports.GRing=c.default;exports.GInputTreeTag=f.default;exports.GFuzzyText=g.default;exports.GCard=e.default;exports.cardPresets=e.cardPresets;exports.GScroller=q.default;exports.GShinyText=T.default;exports.GSteps=S.default;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../GCount/index.js"),l=require("../GDialog/index.js"),n=require("../GTable/index.js"),o=require("../GVideo/index.js"),a=require("../GBubble/index.js"),G=require("../GProgress/index.js"),d=require("../GScreen/index.js"),i=require("../GPluginVideo/index.js"),s=require("../GPie3D/index.js"),c=require("../GRing/index.js"),f=require("../GInputTreeTag/index.js"),q=require("../GFuzzyText/index.js"),e=require("../GCard/index.js"),g=require("../GScroller/index.js"),T=require("../GShinyText/index.js"),S=require("../GSteps/index.js");require("../GButton/index.js");const b=require("../index-Q0Ej8RIj.js"),u={GCount:r.default,GDialog:l.default,GTable:n.default,GVideo:o.default,GBubble:a.default,GProgress:G.default,GScreen:d.default,GPluginVideo:i.default,GPie3D:s.default,GRing:c.default,GInputTreeTag:f.default,GFuzzyText:q.default,GCard:e.default,GScroller:g.default,GShinyText:T.default,GSteps:S.default,GButton:b.GButton},x=P=>{Object.keys(u).forEach(p=>{const t=u[p];P.component(t.name,t)})},y={install:x};exports.GCount=r.default;exports.GDialog=l.default;exports.GTable=n.default;exports.GVideo=o.default;exports.GBubble=a.default;exports.GProgress=G.default;exports.GScreen=d.default;exports.GPluginVideo=i.default;exports.GPie3D=s.default;exports.GRing=c.default;exports.GInputTreeTag=f.default;exports.GFuzzyText=q.default;exports.GCard=e.default;exports.cardPresets=e.cardPresets;exports.GScroller=g.default;exports.GShinyText=T.default;exports.GSteps=S.default;exports.GButton=b.GButton;exports.default=y;

package/lib/index/index.mjs

@@ -8,13 +8,15 @@ import G from "../GScreen/index.mjs";
 import a from "../GPluginVideo/index.mjs";
 import c from "../GPie3D/index.mjs";
 import l from "../GRing/index.mjs";
-import _ from "../GInputTreeTag/index.mjs";
-import u from "../GFuzzyText/index.mjs";
+import u from "../GInputTreeTag/index.mjs";
+import _ from "../GFuzzyText/index.mjs";
 import d from "../GCard/index.mjs";
-import { cardPresets as w } from "../GCard/index.mjs";
+import { cardPresets as J } from "../GCard/index.mjs";
 import x from "../GScroller/index.mjs";
 import T from "../GShinyText/index.mjs";
 import g from "../GSteps/index.mjs";
+import "../GButton/index.mjs";
+import { G as S } from "../index-CWxEZ_zc.mjs";
 const r = {
   GCount: i,
   GDialog: e,
@@ -26,25 +28,27 @@ const r = {
   GPluginVideo: a,
   GPie3D: c,
   GRing: l,
-  GInputTreeTag: _,
-  GFuzzyText: u,
+  GInputTreeTag: u,
+  GFuzzyText: _,
   GCard: d,
   GScroller: x,
   GShinyText: T,
-  GSteps: g
-}, S = (m) => {
+  GSteps: g,
+  GButton: S
+}, y = (m) => {
   Object.keys(r).forEach((t) => {
     const o = r[t];
     m.component(o.name, o);
   });
-}, R = { install: S };
+}, w = { install: y };
 export {
   p as GBubble,
+  S as GButton,
   d as GCard,
   i as GCount,
   e as GDialog,
-  u as GFuzzyText,
-  _ as GInputTreeTag,
+  _ as GFuzzyText,
+  u as GInputTreeTag,
   c as GPie3D,
   a as GPluginVideo,
   s as GProgress,
@@ -55,6 +59,6 @@ export {
   g as GSteps,
   n as GTable,
   f as GVideo,
-  w as cardPresets,
-  R as default
+  J as cardPresets,
+  w as default
 };

package/lib/index/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.g-button[data-v-f9df97c9]{--g-button-wave-color: currentcolor;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 15px;font-size:var(--g-button-font-size, 14px);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--g-button-text-color, var(--el-text-color-regular, rgba(0, 0, 0, .88)));background:var(--g-button-bg-color, var(--g-button-default-color, #e8e8eb));border:none;border-radius:var(--g-button-radius, 6px);outline:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.g-button[data-v-f9df97c9]:not(.is-disabled):hover,.g-button[data-v-f9df97c9]:not(.is-disabled):focus-visible{border-color:var(--g-button-primary-color, #039be5);color:var(--g-button-primary-color, #039be5)}.g-button[data-v-f9df97c9]:not(.is-disabled):active{border-color:color-mix(in srgb,var(--g-button-primary-color, #039be5) 70%,#000);color:color-mix(in srgb,var(--g-button-primary-color, #039be5) 70%,#000)}.g-button.is-block[data-v-f9df97c9]{display:flex;width:100%}.g-button.is-disabled[data-v-f9df97c9]{cursor:not-allowed;opacity:.5}.g-button--large[data-v-f9df97c9]{height:40px;padding:0 20px;font-size:16px;border-radius:var(--g-button-radius, 8px)}.g-button--small[data-v-f9df97c9]{height:24px;padding:0 7px;font-size:12px;border-radius:calc(var(--g-button-radius, 6px) - 2px)}.g-button--primary[data-v-f9df97c9]{--g-button-wave-color: #fff;color:#fff;background:var(--g-button-primary-color, #039be5);border-color:var(--g-button-primary-color, #039be5)}.g-button--primary[data-v-f9df97c9]:not(.is-disabled):hover,.g-button--primary[data-v-f9df97c9]:not(.is-disabled):focus-visible{color:#fff;background:color-mix(in srgb,var(--g-button-primary-color, #039be5) 85%,#fff)}.g-button--primary[data-v-f9df97c9]:not(.is-disabled):active{color:#fff;background:color-mix(in srgb,var(--g-button-primary-color, #039be5) 70%,#000)}.g-button--success[data-v-f9df97c9],.g-button--warning[data-v-f9df97c9],.g-button--danger[data-v-f9df97c9]{--g-button-wave-color: #fff;color:#fff}.g-button--success[data-v-f9df97c9]:not(.is-disabled):hover,.g-button--success[data-v-f9df97c9]:not(.is-disabled):focus-visible,.g-button--warning[data-v-f9df97c9]:not(.is-disabled):hover,.g-button--warning[data-v-f9df97c9]:not(.is-disabled):focus-visible,.g-button--danger[data-v-f9df97c9]:not(.is-disabled):hover,.g-button--danger[data-v-f9df97c9]:not(.is-disabled):focus-visible{color:#fff;background:color-mix(in srgb,var(--g-button-type-color) 85%,#fff)}.g-button--success[data-v-f9df97c9]:not(.is-disabled):active,.g-button--warning[data-v-f9df97c9]:not(.is-disabled):active,.g-button--danger[data-v-f9df97c9]:not(.is-disabled):active{color:#fff;background:color-mix(in srgb,var(--g-button-type-color) 70%,#000)}.g-button--success[data-v-f9df97c9]{--g-button-type-color: var(--g-button-success-color, #50c189);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--warning[data-v-f9df97c9]{--g-button-type-color: var(--g-button-warning-color, #f78716);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--danger[data-v-f9df97c9]{--g-button-type-color: var(--g-button-danger-color, #e1594d);background:var(--g-button-type-color);border-color:var(--g-button-type-color)}.g-button--link[data-v-f9df97c9]{height:auto;padding:2px 5px;background:transparent;border-color:transparent}.g-button--link[data-v-f9df97c9]:not(.is-disabled):hover,.g-button--link[data-v-f9df97c9]:not(.is-disabled):focus-visible{color:color-mix(in srgb,var(--g-button-primary-color, #039be5) 85%,#fff);background:transparent}.g-button__loading[data-v-f9df97c9]{width:1em;height:1em;border:2px solid currentcolor;border-top-color:transparent;border-radius:50%;animation:g-button-spin-f9df97c9 .6s linear infinite}.g-button__icon[data-v-f9df97c9]{display:inline-flex;align-items:center}.g-button__icon[data-v-f9df97c9] svg{width:1em;height:1em;display:block}.g-button__wave[data-v-f9df97c9]{position:absolute;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:var(--g-button-wave-color);opacity:.2;pointer-events:none;animation:g-button-wave-f9df97c9 .6s ease-out forwards}@keyframes g-button-wave-f9df97c9{to{transform:translate(-50%,-50%) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.g-button__wave[data-v-f9df97c9]{animation:none;opacity:0}}@keyframes g-button-spin-f9df97c9{to{transform:rotate(360deg)}}

package/lib/index-CWxEZ_zc.mjs

@@ -0,0 +1,74 @@
+import { defineComponent as m, ref as f, createElementBlock as o, openBlock as s, normalizeClass as _, createCommentVNode as l, renderSlot as r, Fragment as k, renderList as B, normalizeStyle as z } from "vue";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const v = ["type", "disabled"], T = {
+  key: 0,
+  class: "g-button__loading"
+}, $ = {
+  key: 1,
+  class: "g-button__icon"
+}, w = {
+  key: 2,
+  class: "g-button__text"
+}, G = /* @__PURE__ */ m({
+  name: "GButton",
+  __name: "index",
+  props: {
+    type: {},
+    size: {},
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    block: { type: Boolean },
+    nativeType: {}
+  },
+  emits: ["click"],
+  setup(c, { emit: p }) {
+    const i = c, u = p, g = (e) => {
+      if (!(i.disabled || i.loading)) {
+        if (i.type !== "link") {
+          const t = e.currentTarget.getBoundingClientRect(), a = e.clientX !== 0 || e.clientY !== 0, d = {
+            id: ++y,
+            x: a ? e.clientX - t.left : t.width / 2,
+            y: a ? e.clientY - t.top : t.height / 2,
+            // 直径覆盖整个按钮对角线，保证涟漪能填满按钮
+            size: Math.hypot(t.width, t.height) * 2
+          };
+          n.value.push(d), setTimeout(() => {
+            n.value = n.value.filter((h) => h.id !== d.id);
+          }, 600);
+        }
+        u("click", e);
+      }
+    }, n = f([]);
+    let y = 0;
+    return (e, b) => (s(), o("button", {
+      class: _(["g-button", [
+        "g-button--" + e.type,
+        "g-button--" + e.size,
+        {
+          "is-block": e.block,
+          "is-loading": e.loading,
+          "is-disabled": e.disabled
+        }
+      ]]),
+      type: e.nativeType,
+      disabled: e.disabled || e.loading,
+      onClick: g
+    }, [
+      e.loading ? (s(), o("span", T)) : l("", !0),
+      e.$slots.icon ? (s(), o("span", $, [
+        r(e.$slots, "icon", {}, void 0, !0)
+      ])) : l("", !0),
+      e.$slots.default ? (s(), o("span", w, [
+        r(e.$slots, "default", {}, void 0, !0)
+      ])) : l("", !0),
+      (s(!0), o(k, null, B(n.value, (t) => (s(), o("span", {
+        key: t.id,
+        class: "g-button__wave",
+        style: z({ left: t.x + "px", top: t.y + "px", width: t.size + "px", height: t.size + "px" })
+      }, null, 4))), 128))
+    ], 10, v));
+  }
+}), X = /* @__PURE__ */ C(G, [["__scopeId", "data-v-f9df97c9"]]);
+export {
+  X as G
+};

package/lib/index-Q0Ej8RIj.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./_plugin-vue_export-helper-BHFhmbuH.js"),g=["type","disabled"],y={key:0,class:"g-button__loading"},B={key:1,class:"g-button__icon"},b={key:2,class:"g-button__text"},h=e.defineComponent({name:"GButton",__name:"index",props:{type:{},size:{},loading:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},nativeType:{}},emits:["click"],setup(a,{emit:c}){const l=a,d=c,r=t=>{if(!(l.disabled||l.loading)){if(l.type!=="link"){const o=t.currentTarget.getBoundingClientRect(),s=t.clientX!==0||t.clientY!==0,i={id:++u,x:s?t.clientX-o.left:o.width/2,y:s?t.clientY-o.top:o.height/2,size:Math.hypot(o.width,o.height)*2};n.value.push(i),setTimeout(()=>{n.value=n.value.filter(k=>k.id!==i.id)},600)}d("click",t)}},n=e.ref([]);let u=0;return(t,p)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["g-button",["g-button--"+t.type,"g-button--"+t.size,{"is-block":t.block,"is-loading":t.loading,"is-disabled":t.disabled}]]),type:t.nativeType,disabled:t.disabled||t.loading,onClick:r},[t.loading?(e.openBlock(),e.createElementBlock("span",y)):e.createCommentVNode("",!0),t.$slots.icon?(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(t.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("span",b,[e.renderSlot(t.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,o=>(e.openBlock(),e.createElementBlock("span",{key:o.id,class:"g-button__wave",style:e.normalizeStyle({left:o.x+"px",top:o.y+"px",width:o.size+"px",height:o.size+"px"})},null,4))),128))],10,g))}}),_=m._export_sfc(h,[["__scopeId","data-v-f9df97c9"]]);exports.GButton=_;

package/lib/index.d.ts

@@ -14,9 +14,10 @@ import { GCard, cardPresets, CardPreset } from './components/GCard';
 import { GScroller } from './components/GScroller';
 import { GShinyText } from './components/GShinyText';
 import { GSteps } from './components/GSteps';
+import { GButton } from './components/GButton';
 declare const _default: {
     install: (app: any) => void;
 };
 export default _default;
-export { GCount, GDialog, GTable, GVideo, GBubble, GProgress, GScreen, GPluginVideo, GPie3D, GRing, GInputTreeTag, GFuzzyText, GCard, cardPresets, GScroller, GShinyText, GSteps };
+export { GCount, GDialog, GTable, GVideo, GBubble, GProgress, GScreen, GPluginVideo, GPie3D, GRing, GInputTreeTag, GFuzzyText, GCard, cardPresets, GScroller, GShinyText, GSteps, GButton };
 export type { CardPreset };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekin-devtoys",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "author": "leon",
   "license": "MIT",
   "description": "geekin-devtoys组件库",
@@ -74,6 +74,14 @@
       "import": "./lib/GBubble/style.css",
       "require": "./lib/GBubble/style.css"
     },
+    "./GButton": {
+      "import": "./lib/GButton/index.mjs",
+      "require": "./lib/GButton/index.js"
+    },
+    "./GButton/style": {
+      "import": "./lib/GButton/style.css",
+      "require": "./lib/GButton/style.css"
+    },
     "./GCard": {
       "import": "./lib/GCard/index.mjs",
       "require": "./lib/GCard/index.js"

package/lib/components/GDialog/GButton.d.ts

@@ -1,42 +0,0 @@
-import { Component } from 'vue';
-interface Props {
-    /** 按钮类型 */
-    type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' | 'text';
-    /** 按钮图标组件 */
-    icon?: Component;
-    /** loading 态 */
-    loading?: boolean;
-    /** 禁用态 */
-    disabled?: boolean;
-    /** 是否朴素按钮 */
-    plain?: boolean;
-    /** 按钮尺寸 */
-    size?: 'small' | 'default' | 'large';
-}
-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<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (evt: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onClick?: ((evt: MouseEvent) => any) | undefined;
-}>, {
-    type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "text";
-    size: "small" | "default" | "large";
-    disabled: boolean;
-    loading: boolean;
-    plain: boolean;
-}, {}, {}, {}, 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;
-    };
-};